/*cn 

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../fonts/cn/SourceHanSansCN-Bold.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/cn/SourceHanSansCN-Medium.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/cn/SourceHanSansCN-Normal.ttf');
}
*/

/* en 

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/en/Montserrat-Regular.ttf');
    src: url('../fonts/en/Montserrat-Regular.ttf?#iefix') format('embedded-opentype'), url('../fonts/en/Montserrat-Regular.ttf') format('woff'), url('../fonts/en/Montserrat-Regular.ttf') format('truetype'), url('../fonts/en/Montserrat-Regular.ttf.svg#Montserrat-Regular.ttf') format('svg');
}
*/
body {
     /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
    color: #111;
}

body.white {
    background: #fff;
}

body.hui {
    background: #F9F9F9;
}

.en-light {
    font-family: 'Montserrat';
}

.en-md {
    font-family: 'Montserrat';
}

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

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

.main-logo, .nav-list > li, .article-slider-content,
.col-md-6, .col-md-12, .neuron-fun .items-list li,
.neuron-wear-fun-item-img, .toconfigure-left,
.newsroom-tags ul.tags-list li, .news-list ul li,
.main-timeline .timeline-content {
    float: left;
}

#newBridge .icon-right-bottom {
    right: .01rem !important;
    bottom: 2.23rem !important;
}

#newBridge #nb_icon_wrap .nb-icon-inner-wrap {
    width: .7rem !important;
    height: .8rem !important;
    background-position: center center !important;
    background-size: .4rem .4rem !important;
    background-repeat: no-repeat;
}

#newBridge #nb_icon_wrap, #newBridge .nb-customer-icon-style-newicon .nb-icon-inner-wrap-newicon {
    width: .7rem !important;
    height: .8rem !important;
}

#newBridge #nb_icon_wrap .nb-icon-inner-wrap:hover {
    background: url(../images/online_service_active.png) center no-repeat !important;
    background-size: .4rem .4rem !important;
}

#issueMarquee {
    display: none !important;
}

.embed-icon {
    right:  0.01rem !important;
    bottom: 2.23rem !important;
}

.embed-icon .embed-icon-default{
    width: .7rem !important;
    height: .8rem !important;
    background-position: center center !important;
    background-size: .4rem .4rem !important;
    background-repeat: no-repeat;
}
 
.embed-icon .embed-icon-default:hover {
    background: url(../images/online_service_active.png) center no-repeat !important;
    background-size: .4rem .4rem !important;
}

#service, #service .phone-info, #service .service_number_info {
    height: 2.44rem;
    border: .01rem solid rgba(200, 33, 54, 0.1);
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(3.78rem);
    box-shadow: 0 .04rem .1rem 0 rgba(219, 161, 161, 0.1);
}

#service {
    width: .72rem;
    z-index: 6;
    position: fixed;
    bottom: .6rem;
    right: 0;
    border-radius: .04rem 0 0 .04rem;
    padding-top: .8rem;
}

#service > .split-line {
    width: .22rem;
    height: .02rem;
    border-radius: .10rem;
    margin: 0 auto;
    background: rgba(36, 36, 36, 0.1);
}

#service .phone, #service .service_number {
    height: .8rem;
    position: relative;
    cursor: pointer;
}

#service .phone {
    background: url(../images/phone.svg) center no-repeat;
}

#service .phone:hover {
    width: .91rem;
    left: -0.21rem;
    border-left: .21rem solid rgba(0, 0, 0, 0);
    background: url(../images/phone_active.svg) center no-repeat;
}

#service .phone-info, #service .service_number_info {
    position: absolute;
    border-radius: .04rem;
}

#service .phone .phone-info {
    width: 3.46rem;
    padding: .30rem 0 0 .27rem;
    display: none;
    top: -0.83rem;
    left: -3.67rem;
    font-size: .18rem;
}

#service .phone .phone-info p {
    line-height: .18rem;
    margin-bottom: .3rem;
    display: flex;
}

#service .phone .phone-info p:first-child {
    line-height: .27rem;
}

#service .phone .phone-info .bold {
    font-weight: 700;
    color: #c82136;
}

#service .phone .phone-info .c3d {
    color: #3d3d3d;
}

#service .phone-info .split-line {
    width: 1.57rem;
    height: .02rem;
    border-radius: .1rem;
    margin: .3rem 0;
    background: rgba(36, 36, 36, 0.1);
}

#service .service_number {
    background: url(../images/service_number.svg) center no-repeat;
}

#service .service_number:hover {
    width: .91rem;
    left: -0.21rem;
    border-left: .21rem solid rgba(0, 0, 0, 0);
    background: url(../images/service_number_active.svg) center no-repeat;
}

#service .phone, #service .phone:hover, #service .service_number, #service .service_number:hover {
    background-size: .4rem .4rem;
}

#service .service_number_info {
    width: 2.09rem;
    padding-top: .3rem;
    display: none;
    top: -1.65rem;
    left: -2.3rem;
    font-size: .18rem;
    color: #000;
    text-align: center;
}

#service .service_number_info img {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .16rem;
}

#service .service_number_info p {
    line-height: .18rem;
}

#service .phone.active .phone-info, #service .service_number.active .service_number_info {
    display: block;
}

.main-logo {
    width: 2.15rem;
	margin-top: .3rem;
    margin-right: .2rem;
}

.main-logo a {
    display: block;
    width: 100%;
    height: .24rem;
    background: url('../images/logo.png') no-repeat;
    background-size: 100%;
    transition: .1s;
}

.main-logo a:hover {
    background: url('../images/logo-ho.png') no-repeat;
    background-size: 100%;
}

.main-logo:hover img {
    filter: saturate(.1);
    -webkit-filter: saturate(.1);
}
.nav-list {
    min-height: .84rem;
}
.nav-list>li {
    position: relative;
    overflow: hidden;
}
.nav-list>li>a {
    display: block;
    line-height: .84rem;
    color: #fff;
    margin-right: .6rem;
}
.nav-list > li:last-child > a {
    margin-right: 0;
}
.nav-list>li>a:hover {
    color: #111;
}
.main-nav-right {
    float: right;
    display: flex;
    justify-content: center;
}
.main-nav-right>a,
.main-nav-right>span {
    color: #fff;
    margin-left: .21rem;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.main-nav-right>a.link-gwc {
    font-size: .16rem;
}

.main-nav-right>a.link-lan em {
    display: block;
    width: .6rem;
    height: .18rem;
    line-height: .18rem;
    border-left: .01rem solid #fff;
    text-align: center;
    font-size: .14rem;
    font-family: 'Montserrat';
}
.main-nav-right>a.link-lan em:hover {
    color: #000;
}
.main-nav-right>a i.icon-gouwuchekong {
    font-size: .28rem;
}
.main-nav-right>span i.icon-shixinjiantouxia {
    font-size: .16rem;
}
.drop-menu {
    position: absolute;
    left: -0.32rem;
    top: .94rem;
    background: #c81233;
    box-shadow: 0 .03rem .03rem rgba(0, 0, 0, .3);
    z-index: 10;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transform: translate(0, -0.2rem);
    -webkit-transform: translate(0, -0.2rem);
    -moz-transform: translate(0, -0.2rem);
    -ms-transform: translate(0, -0.2rem);
    -o-transform: translate(0, -0.2rem);
}
.nav-list>li .drop-menu::before {
    content: '';
    position: absolute;
    width: 0;
    left: 1.1rem;
    top: -0.2rem;
    border-width: .1rem .14rem .1rem .14rem;
    border-color: transparent transparent #c81233 transparent;
    border-style: solid;
}

.anli .drop-menu {
    width: 2.5rem;
}

.anli .drop-menu.wide {
    width: 2.75rem;
}

.drop-menu>li>a:hover {
    background: #fff;
    color: #c81233;
}

.home .drop-menu > li > a.hover:hover {
    color: #00aeba;
}

.home .nav-list > li .drop-menu.white::before {
    border-color: transparent transparent #ffffff transparent;
}

.nav-list>li.open {
    overflow: inherit;
}
.open .drop-menu {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    opacity: 1;
}
.drop-menu>li {
    overflow: hidden;
    margin-bottom: 0;
}
.drop-menu>li>a {
    font-size: .16rem;
    display: block;
    text-align: left;
    color: #fff;
    line-height: .48rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    padding-left: 16px;
}
.link-lan .drop-menu {
    background: #fff;
    min-width: 1.6rem;
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
    box-shadow: 0 .06rem .12rem rgba(0, 0, 0, .2)
}
.link-lan .drop-menu>li {
    margin-bottom: 0;
    text-align: center;
    line-height: .36rem;
}
.link-lan .drop-menu>li a {
    color: #333;
    line-height: .36rem;
    display: block;
}
.link-gwc {
    background-image: url(../images/shopping.png);
    background-repeat: no-repeat;
    width: .6rem;
    /* height: 16px; */
    padding-left: .24rem;
    /* margin-top: 32px; */
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    background-position: 0 50%;
    background-size: .17rem;
}
.link-gwc:hover {
    background-image: url(../images/shopping_a.png);
    background-repeat: no-repeat;
    color: #000;
}

/* 其他 */
.banner-video {
    position: relative;
    height: calc(100vh - .8rem);
    overflow: hidden;
    width: 100%;
    background-color: #000;
}
#home-video {
    display: block;
    object-fit: cover;
    filter: grayscale(1) brightness(.75);
}
#home-sections {
    margin-top: -0.04rem;
}
#home-sections,
#home-contact {
    line-height: 1.875;
    font-weight: 300;
}
#home-about {
    min-height: 100vh;
    background: #c81432;
}
.home-section {
    display: flex;
    align-content: center;
    color: #fff;
    background: #000;
    min-height: 50vh;
}
.home-section-background {
    background-size: cover;
    background-position: center center;
    width: 50%;
}
.home-section-content {
    padding: .1rem 3%;
    text-align: center;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#home-philosophy {
    flex-direction: row-reverse;
}
#home-sections h2,
#home-contact h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
}
#home-sections h2:after {
    content: " ";
    height: .4rem;
    width: 50%;
    display: block;
    border-right: .02rem solid #999;
    margin: .5rem 0 .3rem -0.02rem;
}
.home-contact-icon:after {}
/*.plus-link a,
a .plus-link span {
    margin-top: .25em;
    color: #ccc;
    box-sizing: content-box;
    font-size: 2em;
    height: .8em;
    width: .8em;
    line-height: 78%;
    border: 1px solid #ccc;
    display: inline-block;
}
.plus-link a:hover,
a:hover .plus-link span {
    background: #fff;
    color: #333;
    border-color: #fff;
    text-decoration: none;
}*/

.black-text a {
    color: #333;
    border-color: #333;
}

.swiperBanner .swiper-slide {
    height: calc(100vh - .84rem);
    min-height: 8.53rem;
}

.swiperBanner .swiper-button-next:after, .swiper-button-prev:after {
    content: none;
}

.swiperBanner .swiper-button-prev {
    left: .48rem;
}

.swiperBanner .swiper-button-next {
    right: .48rem;
}

.swiperBanner .swiper-button-prev img, .swiper-button-next img {
    width: .56rem;
    height: .56rem;
}

.medical {
    background: url(../images/home/medical_banner.webp) no-repeat center center;
    background-size: cover;
}

.hi5-2-banner {
    background: url(../images/home/hi5-2_banner.png) no-repeat center center;
    background-size: cover;
}

.noitom-care-banner {
    background: url(../images/home/noitomcare_banner.png) no-repeat center center;
    background-size: cover;
}

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

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

.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #c82136;
    border-color: #c82136;
}

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

.video-banner, .swiper-banner {
    overflow: hidden;
    position: relative;
}

.video-banner {
    height: 100%;
}

.video-banner video {
    display: block;
    width: 100%;
    height: 100%;
}

.hi5-content, .noitom-care-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
}

.medical-content {
    position: absolute;
    top: 1.4rem;
    left: 1.8rem;
    color: #ffffff;
}

.medical-content h2 {
    font-size: 0.48rem;
}

.medical-content h3 {
    font-size: 0.36rem;
    letter-spacing: 0.12em;
    margin: 0.36rem 0 0.18rem;
}

.medical-content p {
    font-size: 0.24rem;
    font-weight: 400;
    letter-spacing: 0.19em;
}

.medical-content .button {
    width: 1.8rem;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 16px;
    border-radius: 0.24rem;
    margin-top: 0.84rem;
    color: #00aeba;
    background-color: #fff;
    box-shadow: none;
}

.hi5-content, .noitom-care-content {
    left: 2.08rem;
}

.hi5-content .logo {
    width: 3.34rem;
    height: 1.48rem;
    background: url(../images/home/hi5-2_logo.svg) no-repeat;
    background-size: 100%;
}

.hi5-content h2, .noitom-care-content h2 {
    font-size: .36rem;
    margin: .5rem 0 1.2rem;
}

.noitom-care-content h2 {
    font-weight: 400;
    line-height: .695rem;
}

.hi5-content h2 {
    font-weight: 500;
    line-height: .64rem;
}

.hi5-content .button, .noitom-care-content .button {
    display: block;
    width: 1.56rem;
    height: .36rem;
    line-height: .36rem;
    background: #c82136;
    border-radius: .18rem;
    font-size: .18rem;
    margin: 0;
}

@media screen and (max-width: 1267px){
    html {
        font-size: 65.9896px;
    }
}

@media screen and (min-width: 2560px) {
    html {
        font-size: 133.333px;
    }

    .hi5-content {
        position: absolute;
        bottom: 270px;
        left: 14.5703125%;
    }

    .hi5-content .logo {
        width: 456px;
        height: 202px;
        background: url("../images/home/hi5-2_logo2.svg") no-repeat;
    }

    .hi5-content h2 {
        font-size: 62px;
        line-height: 62px;
        margin: 80px 0 156px;
    }

    .hi5-content .button {
        width: 302px;
        height: 80px;
        line-height: 80px;
        border-radius: 40px;
        font-size: 36px;
    }
}

.video-banner-wrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
}

.noitom-page-mobile .desc-p {
    font-size: .3rem;
    line-height: .41rem;
    margin: .3rem 0;
}

.video-banner-wrap .white {
    color: #fff;
}

.noitom-page-mobile .watch-video {
    min-width: 150px;
    border-radius: 100px;
    background: #c81233;
    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: .07rem .3rem .07rem .1rem;
    position: relative;
    cursor: pointer;
}

.noitom-page-mobile .banner-wrap {
    height: 3rem;
    width: 100%;
    padding: .24rem;
    margin-left: 10%;
    margin-top: 10%;
}

.noitom-page-mobile .watch-video:after {
    content: '';
    width: .15rem;
    height: .15rem;
    position: absolute;
    right: .15rem;
    top: 44%;
    margin-top: -0.06rem;
    background: url('../images/jt.png') no-repeat;
    background-size: contain;
}

.banner-text {
    font-size: 18px;
    font-family: Source Han Sans CN, Source Han Sans CN-Normal;
    font-weight: Normal;
    color: #c82136;
    margin-bottom: 40px;
}

.reservation--btn {
    min-width: 150px;
    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;
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.videoDiv img.pause {
    width: .96rem;
    height: .96rem;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 12;
}

.noitom-care-content img {
    width: 5.56rem;
    height: 1.03rem;
}

.swiper-product, .swiper-product .swiper-slide, .swiper-product .swiper-pagination .swiper-pagination-bullet, .banner {
    position: relative;
}

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

.swiper-product .swiper-pagination {
    width: fit-content;
    height: 39px;
    display: flex;
    top: .48rem;
    left: 50%;
    transform: translateX(-50%);
    transition: .4s;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet {
    width: fit-content;
    height: 39px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    background: none;
    opacity: .6;
    margin: 0 96px 0 0;
    transition: .6s;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    width: .34rem;
    height: .04rem;
    top: .35rem;
    left: 50%;
    border-radius: .2rem;
    transform: translateX(-50%);
    background-color: #fff;
    opacity: 0;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet:last-child {
    margin: 0;
}

.swiper-product .swiper-pagination .swiper-pagination-bullet-active, .swiper-product .swiper-pagination .swiper-pagination-bullet-active:before {
    opacity: 1;
}

.home-product-content {
    font-size: .18rem;
    color: #fff;
    position: absolute;
    left: 2.15rem;
    top: 50%;
    transform: translateY(-50%);
}

.home-product-content > h2 {
    font-size: .32rem;
    font-weight: 400;
    line-height: .42rem;
    margin: .1rem 0 .24rem;
}

.home-product-content > p {
    line-height: .3rem;
}

.home-product-content .product-line {
    width: 3.18rem;
    height: .04rem;
    margin: .4rem 0;
}

.home-product-content > ul {
    overflow: hidden;
    margin-bottom: 1.04rem;
}

.home-product-content > ul > li {
    height: .24rem;
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
}

.home-product-content > ul > li > i {
    width: .11rem;
    height: .11rem;
    background-color: #c8243f;
    border-radius: 50%;
    margin-right: .14rem;
}

.home-product-content a.btn {
    display: inline-block;
    width: 1.56rem;
    height: .36rem;
    text-align: center;
    line-height: .32rem;
    color: #fff;
    border: .02rem solid #ffffff;
    border-radius: .2rem;
}

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

.home-product-content .line > div:first-child {
    background: linear-gradient(208deg, #fff 5%, rgba(255, 255, 255, 0) 100%);
}

.home-product-content .line > div:last-child {
    background: linear-gradient(152deg, #fff 5%, rgba(255, 255, 255, 0) 100%);
}

.banner {
    height: 6rem;
    background-size: cover !important;
}

.perception-neuron-series p {
    font-size: .18rem;
}

.banner-content {
    position: absolute;
}

.perception-neuron-series .banner-content {
    top: 1.72rem;
    left: 1.96rem;
}

.perception-neuron-series .banner-content img {
    width: 3.94rem;
    margin-bottom: .4rem;
}

.perception-neuron-series .banner-content h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #ffffff;
    line-height: .47rem;
}

.perception-neuron-series .perception-banner1 {
    position: relative;
    padding: .8rem 0 .98rem;
}

.perception-neuron-series .perception-banner-content {
    width: 15.24rem;
    margin: 0 auto;
}

.perception-neuron-series h1, .perception-neuron-series h2 {
    font-size: .48rem;
    font-weight: 500;
}

.perception-neuron-series #background-text:before {
    content: "Perception Neuron";
}

.perception-neuron-series .region-content:after {
    content: 'WE CAPTURE THE ESSENCE OF MOTION';
    position: absolute;
    color: #cc2844;
    top: 1.62rem;
    right: .93rem;
    border-right: 1.28rem solid #cc2844;
    height: .05rem;
    line-height: .05rem;
    overflow: visible;
    padding-right: .128rem;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    white-space: nowrap;
    font-size: .1024rem;
}

.line {
    width: 9.6rem;
    display: block;
    box-sizing: content-box;
}

.perception-neuron-series .title-wrap {
    margin-bottom: .6rem;
}

.perception-neuron-series .title-wrap h1 {
    margin: .8rem 0 .48rem;
    line-height: .58rem;
}

.perception-neuron-series .title-wrap p {
    line-height: .34rem;
}

.perception-neuron-series .perception-content {
    display: flex;
    justify-content: space-between;
}

.perception-neuron-series .pns-logo {
    width: 3.45rem;
    margin: .48rem 0;
}

.perception-neuron-series .perception-content .msg {
    opacity: 0.6;
    font-size: .18rem;
    color: #000000;
    line-height: .24rem;
    margin: .24rem 0 .4rem;
}

.perception-neuron-series .perception-content p {
    height: .92rem;
    line-height: .30666666667rem;
}

.perception-neuron-series .perception-content > img {
    width: 6.39rem;
}

.perception-neuron-series .perception-content .button, .banner2-content .button {
    margin-top: .48rem;
}

.perception-neuron-series .perception-banner2 {
    height: 8.4rem;
    position: relative;
}

.perception-neuron-series .pn3-pro {
    width: 4.54rem;
    position: absolute;
    top: .48rem;
    left: 3.25rem;
}

.perception-neuron-series .banner2-content {
    position: absolute;
    top: 1.68rem;
    right: 1.8rem;
}

.perception-neuron-series .banner2-content img {
    width: 3.46rem;
}

.perception-neuron-series .banner2-content h2, .perception-neuron-series .perception-banner3 h2 {
    margin: .48rem 0;
}

.perception-neuron-series .banner2-content p {
    height: .88rem;
    line-height: .29333333333rem;
}

.perception-neuron-series .perception-banner3 {
    height: 7.41rem;
    display: flex;
    justify-content: center;
}

.perception-neuron-series .perception-banner3 > div {
    margin: 1.68rem .56rem 0 0;
}

.perception-neuron-series .perception-banner3 p {
    height: .89rem;
    line-height: .29666666667rem;
}

.perception-neuron-series .perception-banner3 .pn3-logo {
    width: 2.52rem;
}

.perception-neuron-series .perception-banner3 > img {
    width: 7.6rem;
    height: 5.05rem;
    margin-top: 1.48rem;
}

.perception-neuron-series .perception-banner3 .button {
    margin-top: .67rem;
}

.pns .banner-content {
    top: 1.35rem;
    left: 2.53rem;
}

.pns .banner-content > img {
    width: 5.91rem;
}

.pns .banner-content > h2 {
    font-size: .36rem;
    color: #fff;
    line-height: .47rem;
    font-weight: 400;
    margin: .24rem 0 .12rem;
}

.pns .banner-content > p {
    color: rgba(255, 255, 255, 0.8);
    font-size: .18rem;
    line-height: .24rem;
}

.pns .page-container:before {
    right: 37%;
    background: #C8243F;
}

.pns .page-container:after {
    right: 76%;
    top: .02rem;
    background: #C8243F;
}

.pns .btn {
    width: 3.54rem;
    height: .47rem;
    margin-top: .37rem;
    border-radius: .24rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .2rem;
    font-weight: 300;
    border: none;
    outline: none;
}

.pn-studio-introduce1 {
    background: url(../images/perception-neuron/pn-studio-bg1.png) no-repeat center center;
}

.pn-studio-introduce1 .content {
    margin: 2.91rem 0 0 10.07rem;
}

.pn-studio-introduce2 {
    background: url(../images/perception-neuron/pn-studio-bg2.png) no-repeat center center;
}

.pn-studio-introduce1,
.pn-studio-introduce2 {
    height: 8.4rem;
    overflow: hidden;
    margin: 0 auto;
    background-size: cover;
}

.pns .content {
    width: 40%;
    color: #ffffff;
}

.pns .pn-studio-introduce2 .content {
    color: #111111;
    margin: 2.6rem 0 0 2.25rem;
}

.pns h1, .pns h2 {
    line-height: .7rem;
    font-size: .48rem;
    font-weight: 500;
    margin-bottom: .48rem;
}

.pns .content p {
    font-size: .18rem;
    line-height: .335rem;
}

.pns .sdk-wrap {
    width: 15.28rem;
    margin: 0 auto 84px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pns .sdk-wrap img {
    width: 3.12rem;
    margin-bottom: .36rem;
}

.pns #background-text-container .title {
    text-align: center;
    line-height: .66rem;
    margin-bottom: .84rem;
    font-weight: 500;
    text-transform: none;
}

.pns .parameter-wrap {
    padding: 1.2rem 0;
    margin-bottom: 1.2rem;
    background-color: #EFEFEF;
}

.pns .parameter-box {
    width: 15.36rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pns .parameter-box .parameter, .pns .packing-list .parameter {
    border-radius: 0.06rem;
}

.pns .parameter, .pns .parameter-gray {
    width: 7.2rem;
    height: .84rem;
    display: flex;
    padding: 0 .41rem 0 .36rem;
    justify-content: space-between;
    align-items: center;
    font-size: .24rem;
}

.pns .parameter {
    background-color: #FCFCFC;
}

.pns .parameter span:first-child, .pns .parameter-gray span:first-child {
    width: 2.14rem;
}

.pns .parameter span:last-child, .pns .parameter-gray span:last-child {
    width: 3.97rem;
}

.pns .packing-list {
    width: 15.67rem;
    margin: 0 0 .24rem 1.92rem;
    display: flex;
    justify-content: space-between;
}

.pns .packing-list img {
    width: 7.62rem;
    height: fit-content;
    padding-top: 1.75rem;
}

.pns .list {
    width: 7.2rem;
}

.pns .list .parameter {
    width: 100%;
    padding: 0 .36rem;
    background-color: #efefef;
}

.pns .packing-list .list .parameter:nth-child(2n) {
    border-radius: 0;
    background: none;
}

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

.pns .list .parameter span:last-child {
    width: fit-content;
}

.pns .msg {
    font-size: .18rem;
    color: #302d2c;
    line-height: .26rem;
    margin: 0 0 1.2rem 1.92rem;
}

.pns #block-menu-menu-copyright-menu .content{
    width: 100%;
}

.pns .item-1{
    width: 3.35rem;
}

.pns .item-1 img{
    height: 100%;
}

.pn3pro, .pn3, .hi5-2, .vtmini, .perception-neuron-series h1,
.perception-neuron-series h2, .authorized-channels, .noitom-care,
.authorized-channels > p + p, .noitom-care .tagging, .download_service,
.vps, .show-case .application-area, .key-word, .vts {
    line-height: 1;
}

.pn3pro h1, .pn3pro h2 {
    font-size: .48rem;
    font-weight: 400;
}

.pn3pro .banner-content {
    position: absolute;
    top: .82rem;
    left: 2.8rem;
}

.pn3pro .banner-content img {
    display: block;
}

.pn3pro .banner-content .logo {
    width: 5.76rem;
    margin-bottom: .01rem;
}

.ces {
    width: 2.48rem;
}

.pn3pro .ces {
    margin-bottom: .6rem;
}

.pn3pro .banner-content h2 {
    font-size: .36rem;
    line-height: .47rem;
    color: #ffffff;
}

.pn3pro .banner-content .button {
    width: 1.56rem;
    height: .36rem;
    font-weight: 300;
    line-height: .36rem;
    border-radius: .24rem;
    margin-top: .31rem;
}

.pn3pro #background-text:before {
    content: 'Perception Neuron 3 Pro';
}

.pn3pro .title-wrap {
    position: relative;
    overflow: hidden;
}

.pn3pro .title-content {
    width: 73.515501839%;
    margin: .58rem 0 .57rem 1.96rem;
    display: flex;
    justify-content: space-between;
}

.pn3pro .line {
    margin: .62rem 0 .6rem;
}

.pn3pro .series {
    width: 2.46rem;
}

.pn3pro .title-content h1 {
    font-weight: 500;
    line-height: .58rem;
}

.pn3pro .title-content p {
    font-size: .18rem;
}

.pn3pro .perception-banner1 {
    position: relative;
}

.pn3pro .perception-banner1 > img {
    width: 100%;
}

.pn3pro .perception-banner1 .content {
    position: absolute;
    top: 50%;
    right: .6rem;
    transform: translateY(-50%);
}

.pn3pro .perception-banner1 .sensor-title {
    display: inline-block;
    height: .36rem;
    font-size: .24rem;
    font-weight: 400;
    color: #c82136;
    line-height: .38rem;
    margin-bottom: .13rem;
}

.pn3pro .red-circle {
    width: .36rem;
    height: .36rem;
    margin: 0 .2rem .13rem 0;
    vertical-align: bottom;
}

.pn3pro .perception-banner1 .sensor-text {
    height: .56rem;
    font-size: .18rem;
    color: #ffffff;
    line-height: .28rem;
    margin: 0 0 .72rem .56rem;
}

.pn3pro .perception-banner2 {
    width: 15.53rem;
    display: flex;
    justify-content: space-between;
    margin: 1.34rem 0 0 1.96rem;
}

.pn3pro .perception-banner2 > div {
    width: 9.08rem;
}

.pn3pro .perception-banner2 h2 {
    line-height: .48rem;
    margin-bottom: .7rem;
    color: #000;
    display: flex;
    align-items: center;
}

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

.pn3pro .perception-banner2 p {
    font-size: .18rem;
    line-height: .28rem;
}

.pn3pro .perception-banner2 > img {
    width: 5.34rem;
    margin: .4rem 0 1.3rem;
}

.pn3pro .perception-banner2 p:nth-child(3) {
    margin: .46rem 0;
}

.pn3pro .perception-banner3 {
    height: 7.2rem;
    padding: 1.2rem 0;
}

.pn3pro .perception-banner3 > div {
    width: 15.28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.pn3pro .perception-banner3 img {
    width: 8.4rem;
    border-radius: .24rem;
}

.pn3pro .perception-banner3 h2 {
    line-height: .64rem;
    color: #c82136;
}

.pn3pro .perception-banner3 p {
    font-size: .24rem;
    font-weight: 400;
    line-height: .31rem;
    margin: .46rem 0 .33rem;
}

.pn3pro .perception-banner3 ul {
    width: 6rem;
    display: flex;
    flex-flow: wrap;
    line-height: .42rem;
    font-size: .18rem;
}

.pn3pro .perception-banner3 ul li {
    display: flex;
    align-items: center;
}

.pn3pro .perception-banner3 ul li:nth-child(2n) {
    margin-left: .46rem;
}

.pn3pro .perception-banner3 ul li:nth-child(2n-1) {
    min-width: 2.7rem;
}

.pn3pro .perception-banner3 ul li i {
    display: inline-block;
    width: .06rem;
    height: .06rem;
    background: #c82136;
    border-radius: 50%;
    margin-right: .12rem;
}

.pn3pro .plugin-title {
    text-align: center;
    line-height: .64rem;
    margin: 1.25rem 0 .72rem;
}

.pn3pro .plugin-wrap {
    width: 15.28rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 1.23rem;
    text-align: center;
}

.pn3pro .plugin-wrap > div {
    width: 4.32rem;
}

.pn3pro .plugin-wrap img {
    width: 100%;
}

.pn3pro .plugin-wrap .p1 {
    font-size: .24rem;
    font-weight: 500;
    line-height: .29rem;
    margin: .53rem 0 .18rem;
}

.pn3pro .plugin-wrap p:last-child {
    font-size: .18rem;
    line-height: .265rem;
}

.pn3pro .plugin-wrap > div:not(.plugin-wrap > div:first-child) p:last-child {
    margin: 0 auto;
}

.pn3pro-btn {
    display: block;
    width: 100%;
    height: 2rem;
    border: none;
    outline: none;
    background: #c82136;
}

.pn3pro-btn span {
    display: block;
    color: #ffffff;
}

.pn3pro-btn span:first-child {
    font-size: .36rem;
    font-weight: 500;
    margin-bottom: .14rem;
}

.pn3pro-btn span:last-child {
    font-size: .24rem;
    font-weight: 400;
    line-height: .29rem;
}

.pn3 .banner-content {
    position: absolute;
    top: .82rem;
    left: 2rem;
}

.pn3 .banner-content img {
    display: block;
}

.pn3 .banner-logo {
    width: 4.21rem;
    margin: 60px 0 7px;
}

.pn3 h1, .pn3 h2 {
    font-size: .48rem;
    font-weight: 400;
}

.pn3 .banner h2 {
    font-size: .36rem;
    color: #ffffff;
    line-height: .36rem;
}

.pn3 .banner-content a {
    width: 1.56rem;
    height: .36rem;
    line-height: .36rem;
    border-radius: .18rem;
    background-color: #C82136;
    margin-top: .40rem;
}

.pn3 .title-wrap {
    margin-left: 1.96rem;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.pn3 .line {
    width: 9.6rem;
    height: auto;
    margin-bottom: .48rem;
}

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

.pn3 .title-wrap h1 {
    height: .58rem;
    font-weight: 500;
    line-height: .58rem;
}

.pn3 .title-wrap .p1 {
    line-height: .255rem;
    margin: .48rem 0;
}

.pn3 .title-wrap .p2 {
    line-height: .2875rem;
}

.pn3 .title-content {
    width: 7.35rem;
}

.pn3 .title-banner {
    width: 9.68rem;
    position: absolute;
    top: -.5rem;
    right: -.93rem;
}

.pn3 .perception-banner1 {
    background-size: cover;
    position: relative;
    color: #ffffff;
}

.pn3 .perception-banner1 img {
    width: 100%;
    display: block;
}

.pn3 .perception-banner1 > div {
    position: absolute;
    top: 50%;
    right: 1.96rem;
    transform: translateY(-50%);
}

.pn3 .red-circle {
    width: .36rem;
    height: .36rem;
    background: #c82136;
    border-radius: 50%;
    margin-right: .20rem;
    font-size: .22rem;
    font-weight: 400;
    text-align: center;
    line-height: .36rem;
    color: #ffffff;
    display: inline-block;
}

.pn3-sensor-title {
    display: inline-block;
    font-size: .24rem;
    font-weight: 400;
    color: #c82136;
    line-height: .29rem;
    vertical-align: bottom;
}

.pn3 .perception-banner1 p {
    font-size: .18rem;
    line-height: .27rem;
    margin-top: .16rem;
}

.pn3 .perception-banner2 {
    width: 15.52rem;
    padding: 1.34rem 0 1.21rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.pn3 .perception-banner2 img {
    width: 5.31rem;
    height: 3.47rem;
    margin-top: .4rem;
}

.pn3 .perception-banner2 h2 {
    line-height: .48rem;
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: .73rem;
}

.pn3 .perception-banner2 .dot {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background: #c82136;
    border-radius: 50%;
    margin: 0 .36rem;
}

.pn3 .perception-banner2 p {
    width: 8.88rem;
    font-size: .18rem;
    line-height: .27rem;
}

.pn3 .perception-banner2 .p1 {
    margin: .42rem 0;
}

.pn3 .perception-banner2 .p2 {
    line-height: .28rem;
}

.pn3 .plugin-wrap {
    color: #ffffff;
    padding: 1.12rem 1.875rem 1.04rem;
    margin: 0 auto;
    background-color: #1d1e21;
    text-align: center;
}

.pn3 .plugin-wrap h2 {
    font-weight: 500;
    line-height: .48rem;
    margin-bottom: .92rem;
}

.pn3 .plugin {
    display: flex;
    justify-content: space-between;
}

.pn3 .plugin > div {
    width: 4.32rem;
}

.pn3 .plugin-title {
    font-size: .24rem;
    font-weight: 500;
    line-height: .27rem;
    margin-bottom: .18rem;
}

.pn3 .plugin:nth-child(2) p, .plugin:last-child p {
    line-height: .265rem;
}

.pn3 .plugin img {
    width: 100%;
    margin-bottom: .55rem;
}

.pn3 .buy-now {
    width: 100%;
    height: 2rem;
    background: #c82136;
    border: none;
    outline: none;
    display: flex;
    flex-flow: column;
    align-items: center;
    color: #ffffff;
}

.pn3 .buy-now span:first-child {
    font-size: .36rem;
    font-weight: 500;
    margin: .66rem 0 .16rem;
}

.pn3 .buy-now span:last-child {
    font-size: .24rem;
    line-height: .27rem;
    font-weight: 400;
}

.hi5-2 h1, .hi5-2 h2 {
    font-size: .48rem;
    font-weight: 500;
    line-height: .48rem;
    margin-bottom: .4rem;
}

.hi5-2 .banner-content {
    position: absolute;
    top: .93rem;
    left: 1.96rem;
    color: #ffffff;
}

.hi5-2 .banner-logo {
    width: 2.77rem;
    margin-bottom: .4rem;
}

.hi5-2 .banner-content h2 {
    line-height: .36rem;
    font-size: .36rem;
    margin-bottom: .84rem;
}

.hi5-2 .banner-content .button {
    width: 1.72rem;
    height: .47rem;
    line-height: .47rem;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    background: #c82136;
    margin: 0;
}

.hi5-2 .title-wrap {
    width: 15.28rem;
    margin-left: 1.96rem;
    padding: 1.04rem 0 1.2rem;
}

.hi5-2 .line {
    width: 9.6rem;
    margin-bottom: .76rem;
}

.hi5-2 .title-content {
    display: flex;
}

.hi5-2 .title-content h1 {
    line-height: .67rem;
    margin-bottom: .1rem;
}

.hi5-2 .title-content p {
    font-size: .26rem;
    line-height: .29rem;
    font-weight: 500;
    margin-bottom: .46rem;
    color: #c82136;
}

.hi5-2 .title-content ul li {
    height: .19rem;
    margin-bottom: .27rem;
    font-size: .18rem;
}

.hi5-2 .title-content ul li:last-child {
    margin: 0;
}

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

.hi5-2 .title-content video {
    width: 6.7rem;
    height: 4.34rem;
    margin: .14rem 2.2rem 0 0;
    background-color: #000;
}

.hi5-2 .perception-banner1 {
    height: 14.85rem;
    position: relative;
    color: #ffffff;
    overflow: hidden;
    background: linear-gradient(324deg, #2f2f36 66%, #41404e 100%);
}

.hi5-2 .perception-banner1 > div, .hi5-2 .perception-banner1 > img {
    position: absolute;
}

.hi5-2 .perception-banner1 .content1 {
    width: 7rem;
    top: 1.19rem;
    left: 1.92rem;
    z-index: 6;
}

.hi5-2 .perception-banner1 .content2 {
    bottom: 3.33rem;
    right: 1.62rem;
}

.hi5-2 .perception-banner1 .adaptation {
    margin: 0.3rem 0 0.36rem;
    display: flex;
}

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

.hi5-2 .perception-banner1 .footnote {
    line-height: 0.24rem;
}

.hi5-2 .advantage .footnote {
    margin-top: 0.36rem;
}

.hi5-2 .adaptation img {
    width: 1.53rem;
}

.hi5-2 .adaptation img:nth-child(2) {
    margin: 0 .32rem;
}

.hi5-2 .perception-banner1 .banner1 {
    width: 9.92rem;
    top: 0.9rem;
    right: 1.56rem;
}

.hi5-2 .perception-banner1 .banner2 {
    width: 10.39rem;
    bottom: 0;
    left: -0.4rem;
}

.hi5-2 .perception-banner1 h2 {
    line-height: .67rem;
    margin-bottom: .2rem;
}

.hi5-2 .content1-red {
    font-size: .24rem;
    font-weight: 500;
    color: #c82136;
    line-height: .33rem;
    margin-bottom: .3rem;
}

.hi5-2 .perception-banner1 p {
    font-size: .18rem;
    height: .88rem;
    line-height: .29333333333rem;
}

.hi5-2 .advantage-wrap {
    padding: 1.17rem 1.53rem .24rem;
    background-color: #FAFAFA;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hi5-2 .advantage {
    width: 6.96rem;
    margin-bottom: 1.38rem;
}

.hi5-2 .advantage-wrap .advantage:nth-child(3), .hi5-2 .advantage-wrap .advantage:last-child {
    margin-bottom: 0.81rem;
}

.hi5-2 .advantage img {
    display: block;
    width: 100%;
    margin-bottom: .4rem;
}

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

.hi5-2 .advantage p {
    font-size: .18rem;
    color: #000;
    line-height: .26rem;
}

.hi5-2 .suit-list {
    width: 15.3rem;
    margin: 1.19rem auto 0.82rem;
}

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

.hi5-2 .suit-list > p {
    font-size: .18rem;
    margin-bottom: .99rem;
}

.hi5-2 .suit-list > img {
    width: 100%;
    margin-bottom: .59rem;
}

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

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

.hi5-2 table {
    width: 100%;
    font-size: .18rem;
    overflow: hidden;
    border-radius: .06rem .06rem 0 0;
}

.hi5-2 table thead tr {
    border-radius: .06rem .06rem 0 0;
    background-color: #c82136;
}

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

.hi5-2 table thead tr th {
    font-weight: 400;
    color: #ffffff;
    text-align: left;
}

.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:first-child td:first-child {
    border-radius: 0 0 0 .06rem;
}

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

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

.hi5-2 thead th:first-child {
    padding-left: .74rem;
}

.hi5-2 thead th:nth-child(2) {
    width: .83rem;
}

.hi5-2 thead th:last-child, .hi5-2 tbody td:last-child {
    width: 4.73rem;
    padding: 0 .36rem 0 3.23rem;
}

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

.hi5-2 tbody td span {
    display: inline-block;
    width: .23rem;
    height: .23rem;
    background: #c82136;
    border-radius: 50%;
    font-size: .12rem;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: .23rem;
    margin: 0 .18rem 0 .33rem;
}

.hi5-2 .plugin-wrap {
    padding: 0.82rem 0 0.72rem;
    text-align: center;
    background-color: #F9F9F9;
}

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

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

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

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

.hi5-2 .foot {
    display: block;
    width: 100%;
    height: 1.22rem;
    color: #ffffff;
    background: #c82136;
    font-size: .48rem;
    font-weight: 400;
    outline: none;
    border: none;
}

.vps .banner-content {
    position: absolute;
    top: 1.73rem;
    left: 2.8rem;
}

.vps .banner-logo {
    width: 5.91rem;
    margin-bottom: .24rem;
}

.vps h1, .vps h2 {
    font-size: .48rem;
    font-weight: 400;
}

.vps .banner-content h2 {
    line-height: .47rem;
    font-size: .36rem;
    color: #ffffff;
}

.vps .banner-content a {
    width: 1.8rem;
    height: .47rem;
    line-height: .47rem;
    font-size: .2rem;
    font-weight: 300;
    margin-top: .24rem;
    background-color: #c82136;
}

.vps .title-wrap {
    width: 15.28rem;
    margin: 0 auto;
    padding: 1.04rem 0 1.2rem;
}

.vps .line {
    width: 9.6rem;
    margin-bottom: .72rem;
}

.vps .title-wrap .title {
    font-weight: 500;
    line-height: .58rem;
    margin-bottom: .24rem;
}

.vps .title-wrap p {
    width: 9.6rem;
}

.vps .title-wrap .p1 {
    font-size: .24rem;
    font-weight: 400;
    line-height: .335rem;
    margin-bottom: .48rem;
}

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

.vps .title-wrap .p3 {
    height: 1.68rem;
    font-size: .18rem;
    line-height: .336rem;
    margin-bottom: 1.32rem;
}

.vps .title-wrap video {
    width: 100%;
    display: block;
}

.vps .perception-banner1 {
    padding: 1.2rem 0 1.23rem;
    background-color: #efefef;
}

.vps .perception-banner1 h2 {
    font-weight: 500;
    line-height: .64rem;
    text-align: center;
    margin-bottom: .6rem;
}

.vps .perception-banner1 > img {
    width: 17.12rem;
    display: block;
    margin: 0 auto .85rem;
}

.vps .features {
    width: 13.88rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.vps .features > div {
    display: flex;
    justify-content: space-between;
}

.vps .features p {
    font-size: .18rem;
}

.vps .features > div:first-child {
    width: 5.42rem;
}

.vps .features > div:last-child {
    width: 6.42rem;
}

.vps .features > div:first-child p {
    width: 4.22rem;
    line-height: .32rem;
}

.vps .features > div:last-child p {
    width: 5.22rem;
    line-height: .33rem;
}

.vps .features img {
    width: .84rem;
    align-self: flex-start;
}

.vps .features-title {
    font-size: .36rem;
    font-weight: 400;
    line-height: .36rem;
    margin-bottom: .3rem;
}

.vps .perception-banner2 {
    position: relative;
    margin-bottom: .24rem;
}

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

.vps .perception-banner2 .content {
    width: 5.04rem;
    position: absolute;
    top: 1.3rem;
    left: 1.96rem;
    color: #ffffff;
}

.vps .perception-banner2 h2 {
    line-height: .64rem;
    margin-bottom: .48rem;
}

.vps .perception-banner2 p {
    font-size: .18rem;
    line-height: .33rem;
    margin-bottom: .36rem;
}

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

.vps .swiper-container {
    width: 100%;
    margin-bottom: 1.2rem;
}

.vps .swiper-button-prev:after, .vps .swiper-button-next:after {
    content: none;
}

.vps .swiper-button-prev, .vps .swiper-button-next {
    width: .36rem;
    height: .36rem;
    background-size: .36rem .36rem;
}

.vps .swiper-button-prev {
    left: 5.22rem;
    background: url(../images/vps/prev.svg) no-repeat;
}

.vps .swiper-button-next {
    right: 5.22rem;
    background: url(../images/vps/next.svg) no-repeat;
}

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

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

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

.vps .swiper-slide {
    width: 9.24rem !important;
    position: relative;
}

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

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

.vps .swiper-slide p {
    font-size: .24rem;
    font-weight: 300;
    top: .84rem;
}

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

.vps .swiper-slide a {
    width: 1.2rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    top: 1.96rem;
    background: rgba(255, 255, 255, 0.1);
    border: .01rem solid #ffffff;
    border-radius: .19rem;
    font-size: .16rem;
    font-weight: 300;
}

.vps #screen-wrapper > h2 {
    text-align: center;
    line-height: .64rem;
    margin-bottom: .36rem;
}

.vps .plugin-msg {
    width: 8.53rem;
    height: .96rem;
    margin: 0 auto .6rem;
    font-size: .18rem;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.vps .plugin {
    width: 15.28rem;
    margin: 0 auto .6rem;
    display: flex;
    flex-wrap: wrap;
}

.vps .plugin img {
    width: 3rem;
    margin: 0 .07rem .36rem 0;
}

.vps .plugin img:nth-child(5n) {
    margin-right: 0;
}

.vps .contactUs {
    padding: 1.2rem 0;
    background-color: #efefef;
    position: relative;
}

.vps #contactUs {
    text-align: center;
    line-height: .64rem;
}

.vps .contactUs p {
    font-size: .18rem;
    text-align: center;
    line-height: .24rem;
    margin: .36rem 0 .6rem;
}

.vps .form {
    width: 15.28rem;
    margin: 0 auto;
    font-size: .18rem;
}

.vps .contactUs .form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vps .contactUs .form-item > div {
    width: 4.6rem;
    margin-bottom: .6rem;
}

.vps .contactUs label {
    display: block;
    line-height: .24rem;
    font-size: .18rem;
    margin-bottom: .12rem;
}

.vps .contactUs .required {
    color: #C92540;
}

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

.vps .contactUs input {
    width: 100%;
    height: .6rem;
    border: none;
    padding: .12rem .24rem;
    font-size: .18rem;
    font-weight: 300;
}

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

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

.vps .back span {
    font-size: .16rem;
}

.vps .industry-wrap {
    display: flex;
    flex-wrap: wrap;
    padding-top: .36rem;
    margin-bottom: 1.2rem;
}

.vps .industry-box {
    width: 2.07rem;
    overflow: hidden;
    margin-bottom: .36rem;
}

.vps .industry-box:first-child, .vps .industry-box:nth-child(8n) {
    margin-left: .79rem;
}

.vps .industry-box > div {
    width: fit-content;
    height: .24rem;
    position: relative;
    display: flex;
    align-items: center;
}

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

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

.vps .checkbox__inner:after, .vps .radio__inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: .06rem;
    background-color: #c82136;
    transform: scale(0);
    opacity: 0;
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

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

.vps .radio-wrap {
    height: .24rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.vps .radio-wrap + .radio-wrap {
    margin-left: .48rem;
}

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

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

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

.vps .is-checked:after {
    transform: scale(1);
    opacity: 1;
}

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

.vps .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;
}

.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: 50%;
    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, -20px, 0);
}

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

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

.hidden {
    overflow: hidden;
}

.project-alice .swiper-container {
    width: 100%;
    margin: 0 auto;
}

.project-alice .swiper-slide {
    background-size: cover;
    background-position: center;
}

.project-alice .gallery-box {
    height: 724px;
}

.project-alice .gallery-top {
    height: 78%;
    width: 100%;
}

.project-alice .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.project-alice .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.8;
}

.project-alice .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.myswing-professional .performanceParameter img {
    max-width: 80%;
}

.myswing-professional .uncontain-background {
    padding: 0 !important;
    margin: 0 !important;
}

.myswing-professional .link-to-word {
    padding-left: 50px;
}

.iclone-main .page-main {
    background-color: #FBFBFB;
    height: 6.33rem;
    align-items: center;
    display: flex;
    margin: 0 auto;
}

.iclone-main img, .about img  {
    height: auto;
    max-width: 100%;
}

.iclone-main .page-main > img {
    width: 9.36rem;
}

.iclone-main .page-main-info img {
    width: 7.0892rem;
}

.iclone-main .page-main-1 {
    background: #FBFBFB url(https://cloudcdn.noitom.com.cn/noitom2/images/iclone/bg-2.jpg) repeat;
    background-size: cover;
    position: relative;
    align-items: flex-end;
    display: flex;
    height: 4.7rem;
}

.iclone-main .info-text-2 {
    margin-top: .2rem;
    text-align: justify;
    font-weight: 300;
}

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

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

.iclone-main .margin-left-70 {
    margin-left: .7rem;
}

.iclone-main .page-main-1-text1 {
    margin-bottom: .8rem;
    text-align: center;
    width: 100%;
}

.iclone-main .page-main-3 {
    height: 2rem;
    background-color: #CCCCCC;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.iclone-main .yhs-main {
    background-color: #252525;
    text-align: center;
    color: #FFF;
    padding: .5rem 0;
}

.iclone-main .buy-main {
    background-color: #555555;
    text-align: center;
    color: #FFF;
    padding: .5rem 0;
}

.iclone-main .page-main-4 {
    margin: .5rem 0;
    clear: both;
}

.iclone-main .page-main-title {
    font-weight: bold;
    font-size: .48rem;
}

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

.iclone-main .logo-16 {
    float: left;
    width: 13%;
    margin: .2rem;
    color: #BABABA;
    line-height: .67rem;
}

.iclone-main .logo-50 {
    float: left;
    width: 45%;
    margin: .5rem 0 .5rem 5%;
}

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

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

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

.iclone-main hr {
    clear: both;
}

.iclone-main .info-text-4 {
    text-align: center;
    font-size: .24rem;
    margin-bottom: .1rem;
}

.vtmini {
    color: #000000;
}

.vtmini .banner-wrap {
    position: relative;
}

.vtmini .banner-wrap .banner {
    width: 100%;
}

.vtmini .banner-content {
    position: absolute;
    top: 3.34rem;
    left: 2rem;
}

.vtmini .banner-wrap h2 {
    font-size: .36rem;
    line-height: 1;
    font-weight: 400;
    color: #ffffff;
}

.vtmini .banner-wrap .button {
    width: 1.56rem;
    height: .36rem;
    line-height: .36rem;
    margin-top: .44rem;
}

.vtmini .title-wrap {
    width: 15.48rem;
    margin: 0 auto;
    padding: 1.06rem 0 .75rem;
}

.vtmini .title-wrap .line1, .vtmini .title-wrap .line2 {
    background-color: #c81432;
}

.vtmini .line1 {
    width: 8.51rem;
    height: .03rem;
}

.vtmini .line2 {
    width: 3.99rem;
    height: .1rem;
    margin-bottom: 1.06rem;
}

.vtmini .title-wrap > .title-content {
    display: flex;
    justify-content: space-between;
}

.vtmini .title-content > div {
    width: 8.79rem;
}

.vtmini .title-content h1 {
    font-size: .472rem;
    font-weight: 500;
    line-height: .48rem;
    margin-bottom: 1.19rem;
}

.vtmini .title-content p {
    width: 7.2242rem;
    font-size: .18rem;
    line-height: .28rem;
}

.vtmini .title-content img {
    width: 6rem;
    height: 3.82rem;
    margin-top: 1.14rem;
}

.vtmini .perception-banner1 {
    height: 10.8rem;
    color: #ffffff;
    overflow: hidden;
    background-color: #555555;
}

.vtmini .perception-banner1 h2 {
    font-size: .48rem;
    font-weight: 600;
    line-height: .48rem;
    text-align: center;
    margin: 1.19rem 0 .81rem;
}

.vtmini .suit-wrap {
    width: 13.6rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.vtmini .suit-wrap > div {
    width: 6rem;
}

.vtmini .suit-wrap img {
    width: 100%;
    display: block;
    margin-bottom: .48rem;
}

.vtmini .suit-wrap p {
    font-size: .18rem;
    line-height: .28rem;
}

.vtmini .suit-title {
    font-size: .24rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: .16rem;
}

.vtmini .page-main-1 > div {
    float: left;
    height: 6.88rem;
}

.vtmini .page-main-1 > div:first-child {
    width: 9.63rem;
    padding-left: .83rem;
    font-size: .18rem;
}

.vtmini .perception-banner2 {
    position: relative;
}

.vtmini .perception-banner2 .banner2 {
    width: 100%;
}

.vtmini .perception-banner2 .video-vtmini {
    position: absolute;
    width: 8.21rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vtmini .play, .vtmini .pause {
    width: 1.14rem;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    cursor: pointer;
}

.vtmini .pause {
    display: none;
}

.vtmini .yhs-main {
    width: 15rem;
    margin: 2rem auto;
}

.vtmini .page-main-4 {
    width: 14.32rem;
    padding: 2rem 0;
    margin: 0 auto;
}

.vtmini .page-main-5 {
    height: 12.4rem;
    padding-top: .95rem;
    background: #F9F9F9;
}

.vtmini .page-main-title {
    font-size: .48rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.05rem;
}

.vtmini .btn-o {
    border: none;
    outline: none;
    cursor: pointer;
    width: 1.6rem;
    height: .4rem;
    border-radius: .2rem;
    background-color: #EB9F4F;
    color: #ffffff;
    font-size: .18rem;
    margin-bottom: .22rem;
}

.vtmini .function-title {
    width: 6.55rem;
    font-size: .18rem;
    line-height: .28rem;
}

.vtmini .function-img {
    width: 1.16rem;
    margin: 0 0 -0.13rem .22rem;
}

.vtmini .page-main-6 {
    width: 14.36rem;
    margin: 0 auto;
    padding: 2rem 0 1.54rem;
}

.vtmini .page-main-7 {
    height: 7.44rem;
    text-align: center;
    background-color: #F9F9F9;
}

.vtmini hr {
    clear: both;
}

.vts .banner-content {
    position: absolute;
    top: 1.88rem;
    left: 1.96rem;
    color: #ffffff;
}

.vts h1, .vts h2 {
    font-size: .48rem;
    font-weight: 400;
    line-height: 1;
}

.vts p {
    font-size: .18rem;
    line-height: .36rem;
}

.vts .banner-content h2 {
    line-height: .4rem;
    font-size: .36rem;
    margin-bottom: .24rem;
}

.vts .banner-content p {
    font-size: .2rem;
    line-height: .2rem;
}

.vts .banner-content a {
    width: 1.8rem;
    height: .47rem;
    line-height: .47rem;
    font-size: .2rem;
    font-weight: 300;
    margin-top: .82rem;
    border-radius: .24rem;
    background-color: #c82136;
}

.vts .title-wrap {
    width: 15.28rem;
    padding: 1rem 0 1.2rem;
    margin: 0 auto;
}

.vts .title-wrap > h1 {
    font-weight: 600;
    margin: .8rem 0 .32rem;
}

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

.vts .title-wrap .video {
    width: 100%;
    height: 8.59rem;
    object-fit: cover;
    margin: 0 auto;
    border-radius: .1rem;
    background-color: #000;
}

.vts .perception-banner1 {
    padding: 1.2rem 0 1.48rem;
}

.vts .perception-banner1, .vts .plug-in-wrap {
    background-color: rgba(239, 239, 239, .6);
}

.vts .perception-banner1 .suit-wrap {
    width: 15.28rem;
    height: 8.52rem;
    overflow: hidden;
    margin: 0 auto 1.2rem;
    background-color: #fff;
}

.vts .perception-banner1 .vts-suit {
    display: block;
    width: 10.63rem;
    margin: 0.54rem auto 0;
}

.vts .perception-banner1 .function-wrap {
    width: 15.28rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.vts .perception-banner1 .function {
    text-align: center;
}

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

.vts .perception-banner1 .img-box > img {
    width: 1.28rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vts .perception-banner1 .img-box:last-child > img {
    width: 1.59rem;
}

.vts .perception-banner1 .function-title {
    font-size: .24rem;
    font-weight: 600;
    color: #c92540;
    line-height: .34rem;
    margin: .26rem 0 .21rem;
}

.vts .perception-banner1 .function > p {
    line-height: .25rem;
    color: rgba(0, 0, 0, .6);
}

.vts .perception-banner1 > h2, .vts .perception-banner2, .vts .perception-banner1 > p, .vts .plug-in-wrap > h2, .vts #contactUs, .vts .contactUs > p {
    text-align: center;
}

.vts .perception-banner1 > p {
    margin: .4rem 0;
}

.vts .perception-banner2 {
    padding: .89rem 0 1.2rem;
}

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

.vts .perception-banner2 > img {
    width: 11.7rem;
}

.vts .plug-in-wrap {
    padding: .98rem 0 1.2rem;
    text-align: center;
}

.vts .plug-in-wrap > p:not(.tips) {
    color: rgba(0, 0, 0, .6);
    padding: .4rem 0 1.2rem;
}

.vts .plug-in-wrap > img {
    width: 15.28rem;
    margin-bottom: 1.2rem;
}

.vts .plug-in-wrap .button {
    display: block;
    width: 3.6rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .12rem;
    background-color: #C82136;
    box-shadow: none;
    margin: 0 auto .36rem;
}

.vts .plug-in-wrap .tips {
    font-size: .16rem;
    color: rgba(17, 17, 17, .6);
    line-height: .22rem;
}

.vts .contactUs {
    position: relative;
    padding: 1.2rem 0 1.78rem;
}

.vts .contactUs p {
    line-height: .24rem;
    margin: .36rem 0 .6rem;
}

.vts .form {
    width: 15.28rem;
    margin: 0 auto;
    font-size: .18rem;
}

.vts .contactUs .form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vts .contactUs .form-item > div {
    width: 4.6rem;
    margin-bottom: .6rem;
}

.vts .contactUs label {
    display: block;
    line-height: .24rem;
    font-size: .18rem;
    margin-bottom: .12rem;
}

.vts .contactUs .required {
    color: #C92540;
}

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

.vts .contactUs input {
    width: 100%;
    height: .6rem;
    border: none;
    padding: .12rem .24rem;
    font-size: .18rem;
    font-weight: 300;
}

.vts .back {
    width: 1.12rem;
    height: .48rem;
    color: #ffffff;
    font-weight: 300;
    background: #c82136;
    border-radius: .12rem 0 0 .12rem;
    box-shadow: 0 0 .0rem 0 rgba(0, 0, 0, 0.06);
    position: absolute;
    right: 0;
    bottom: 1.19rem;
    display: flex;
    align-items: center;
}

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

.vts .back span {
    font-size: .16rem;
}

.vts .radio-wrap {
    height: .24rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

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

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

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

.vts .radio__inner:after {
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: .05rem;
    background-color: #C82237;
    transform: scale(0);
    opacity: 0;
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.vts .radio__inner.is-checked:after {
    transform: scale(1);
    opacity: 1;
}

.vts .submit {
    width: 3.6rem;
    height: 60px;
    font-size: 18px;
    color: #ffffff;
    border: none;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
    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;
    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, -0.2rem, 0);
}

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

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

.noitom-care .banner-content {
    position: absolute;
    top: 1.22rem;
    left: 1.57rem;
}

.noitom-care .banner-logo {
    width: 4.89rem;
    margin-bottom: .6rem;
}

.noitom-care .banner-content h1 {
    font-size: .36rem;
    font-weight: 300;
    color: #ffffff;
    line-height: .47rem;
}

.noitom-care .banner-content .button {
    width: 1.56rem;
    height: .36rem;
    line-height: .36rem;
    font-size: .18rem;
    font-weight: 300;
    background: #c82136;
    border-radius: .18rem;
    margin-top: .4rem;
}

.noitom-care .noitm-care-content {
    width: 15.28rem;
    padding: .81rem 0 .5rem;
    margin: 0 auto;
}

.noitom-care .line {
    margin-bottom: .8rem;
}

.noitm-care-content h3 {
    font-size: .48rem;
    font-weight: 500;
    line-height: .48rem;
    margin-bottom: .4rem;
}

.noitm-care-content p {
    font-size: .18rem;
    font-weight: 400;
    line-height: .3rem;
    margin-bottom: .8rem;
    position: relative;
}

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

.noitom-care .banner1 {
    display: block;
    width: 100%;
}

.noitom-care .line1 {
    height: .3rem;
    background-color: rgba(200, 36, 63, 0.2);
    margin: .8rem 0;
}

.noitm-care-content .lh18 {
    line-height: .18rem;
}

.noitm-care-content .service {
    font-size: .18rem;
    font-weight: 500;
    color: #c92540;
    margin-bottom: .2rem;
}

.noitom-care table {
    width: 10.18rem;
    font-size: .18rem;
}

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

.noitom-care tbody tr {
    height: .615rem;
    line-height: .615rem;
}

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

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

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

.noitom-care thead tr {
    background-color: rgba(239, 239, 239, 0.8);
}

.noitom-care thead tr td:first-child {
    border-radius: .06rem 0 0 .06rem;
}

.noitom-care thead tr td:last-child {
    border-radius: 0 .06rem .06rem 0;
}

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

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

.noitom-care .footnote {
    height: .2rem;
    display: flex;
    align-items: center;
    font-size: .18rem;
    color: #7e7e7e;
    margin-bottom: .3rem;
}

.noitom-care .footnote img {
    width: .1rem;
    height: .18rem;
    margin-right: .08rem;
}

.noitom-care .footnote p {
    margin: 0;
    line-height: .25rem;
}

.download_service {
    background-color: #f9f9f9;
}

.download_service .title-wrap {
    padding-top: .8rem;
    margin: 0 0 1.04rem 2.4rem;
}

.download_service .title-wrap .line1 {
    width: 7.1rem;
    height: .02rem;
    background-color: #c8243f;
}

.download_service .title-wrap .line2 {
    width: 320px;
    height: 10px;
    background-color: #c8243f;
    margin-bottom: 35px;
}

.download_service .title-wrap h1 {
    font-size: 48px;
    line-height: 67px;
}

.news #sortable {
    width: 101%;
}

#sortable > div {
    margin-bottom: 36px;
    break-inside: avoid;
    height: 466px;
    width: 366px;
    float: left;
    margin-right: 10px;
}

.news .page-container .region-content:before, .press .page-container .region-content:before {
    content: '';
    background: url(../images/perception-neuron/background-logo.png) no-repeat;
    height: 266px;
    width: 40px;
    left: -7em;
    position: absolute;
    z-index: 1;
    bottom: 4%;
}

.press #sortable {
    width: 100%;
}

.flex {
    display: flex !important;
}

.show-case .fz24 {
    font-size: .24rem !important;
}

.show-case .fw300 {
    font-weight: 300 !important;
}

.show-case .C82136 {
    color: #C82136 !important;
}

.showcase-content {
    width: 15.6rem;
    margin: 0 auto;
}

.show-case .line {
    padding: .85rem 0 .24rem;
}

.show-case h1 {
    line-height: 64px;
    font-size: .48rem;
    font-weight: 700;
    margin-bottom: .24rem;
}

.show-case .introduce {
    width: 10rem;
    font-size: .18rem;
    line-height: .3rem;
    margin-bottom: 0.36rem;
}

.show-case .search-wrap {
    display: flex;
    justify-content: right;
    position: relative;
    margin-bottom: 24px;
}

#search {
    width: 240px;
    height: 60px;
    padding: 0 42px 0 12px;
    font-size: 20px;
    border-radius: 12px;
    margin-right: 12px;
    border: none;
    background-color: #fff;
}

#search-btn {
    box-sizing: content-box;
    width: 24px;
    position: absolute;
    top: 0;
    right: 72px;
    padding: 18px 18px 18px 0;
    cursor: pointer;
}

.show-case .resetting {
    width: 60px;
    cursor: pointer;
}

.show-case .application-area, .key-word {
    background-color: #fff;
    overflow: hidden;
}

.show-case .application-area {
    border-bottom: .01rem dashed #969798;
    border-radius: .12rem .12rem 0 0;
}

.show-case .key-word {
    margin-bottom: .6rem;
    border-radius: 0 0 .12rem .12rem;
}

#fields, #labels {
    width: 12.28rem;
    height: .23rem;
    will-change: height;
    flex-flow: wrap;
    overflow: hidden;
    margin: .3rem .52rem .04rem -0.08rem;
}

.show-case .application-area, .show-case .key-word, #fields, #labels {
    transition: height .3s ease-in-out;
}

#labels {
    margin-top: .31rem;
}

#fields a, #labels span {
    font-size: .18rem;
    height: .23rem;
    line-height: .23rem;
    cursor: pointer;
    color: #111;
    margin: 0 0 .24rem .48rem;
}

#fields a:hover, #labels span:hover {
    color: #C82136;
}

.show-case .open {
    height: fit-content !important;
}

.show-case .application-area .first, .show-case .key-word .first {
    width: 1.52rem;
    padding: .29rem 0;
    line-height: .26rem;
    font-size: .2rem;
    text-align: center;
    background-color: #efefef;
}

.show-case .application-area .first {
    border-top-left-radius: .12rem;
}

.show-case .key-word .first {
    border-bottom-left-radius: .12rem;
}

.show-case .collapse {
    width: .84rem;
    height: .36rem;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    border-radius: .12rem;
    box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, 0.06);
    cursor: pointer;
    margin-top: .24rem;
}

.show-case .collapse img {
    width: .24rem;
    transition: transform 0.3s ease;
}

.show-case .collapse span {
    font-size: .16rem;
    transition: all .3s;
}

.show-case .collapse .open-btn {
    transform: rotate(-180deg);
}

#case {
    flex-wrap: wrap;
}

#case .card {
    width: 4.8rem;
    height: 6rem;
    background-color: #fff;
    border-radius: .12rem;
    position: relative;
    margin: 0 .6rem .6rem 0;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, 0.10);
    overflow: hidden;
}

#case .card:nth-child(3n) {
    margin-right: 0;
}

#case a:not(.label a) {
    display: block;
}

#case .card > a {
    position: relative;
    height: 2.4rem;
    overflow: hidden;
}

#case .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#case .card img:hover {
    opacity: 0.8;
}

.show-case .card-content {
    padding: .24rem;
}

.show-case .card-content div, .show-case .card-content p, .show-case .card-footer a, .show-case .card-footer button {
    font-size: .16rem;
}

#case .card-content a {
    line-height: .31rem;
    color: #1d1d1f;
    margin: 0 0 .06rem 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#case .card-content a:hover {
    color: #c82136;
}

#case .field {
    line-height: .2rem;
    color: #919191;
    padding-bottom: .23rem;
    border-bottom: .01rem solid #d7d7d7;
    margin-bottom: .24rem;
}

#case p {
    line-height: .28rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #1d1d1f;
}

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

.show-case .card-footer .date {
    line-height: .36rem;
    font-size: .16rem;
    color: #919191;
}

.show-case .card-footer .label {
    width: 3.2rem;
    height: .36rem;
    overflow: hidden;
}

.show-case .card-footer a, .show-case .card-footer button {
    height: .36rem;
    min-width: fit-content;
    padding: 0 .115rem;
    text-align: center;
    line-height: .36rem;
    color: #111;
    background-color: #efefef;
    border: none;
    outline: none;
    border-radius: .12rem;
    margin-left: .115rem;
    overflow: visible;
}

.show-case .card-footer button {
    cursor: default;
}

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

.show-case .card-footer label:first-child {
    margin: 0;
}

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

#page-title.flex {
    height: 128px;
    flex-wrap: wrap;
    align-items: center;
}

#page-title .share {
    width: 48px;
    margin-left: 24px;
    cursor: pointer;
    -webkit-user-drag: none;
    user-select: none;
}

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

#message {
    position: fixed;
    top: 84px;
    left: 50%;
    transform: translateX(-50%);
    width: 214px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 400;
    color: #9e9e9e;
    background: #FFFFFF;
    opacity: 0;
    transition: opacity 0.3s, top 0.4s;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    z-index: 66;
}

#message.top {
    top: 124px;
    opacity: 1;
}

#message > img {
    margin-right: 12px;
}

@keyframes jt {
    0%,
    100% {
        opacity: 1;
        transform: translate(4px, 0);
        -webkit-transform: translate(4px, 0);
        -moz-transform: translate(4px, 0);
        -ms-transform: translate(4px, 0);
        -o-transform: translate(4px, 0);
    }

    50% {
        opacity: 0.1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
}
@-moz-keyframes jt
/* Firefox */
{
    0%,
    100% {
        opacity: 1;
        transform: translate(4px, 0);
        -webkit-transform: translate(4px, 0);
        -moz-transform: translate(4px, 0);
        -ms-transform: translate(4px, 0);
        -o-transform: translate(4px, 0);
    }

    50% {
        opacity: 0.1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
}
@-webkit-keyframes jt
/* Safari and Chrome */
{
    0%,
    100% {
        opacity: 1;
        transform: translate(4px, 0);
        -webkit-transform: translate(4px, 0);
        -moz-transform: translate(4px, 0);
        -ms-transform: translate(4px, 0);
        -o-transform: translate(4px, 0);
    }

    50% {
        opacity: 0.1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
}
@-o-keyframes jt
/* Opera */
{
    0%,
    100% {
        opacity: 1;
        transform: translate(4px, 0);
        -webkit-transform: translate(4px, 0);
        -moz-transform: translate(4px, 0);
        -ms-transform: translate(4px, 0);
        -o-transform: translate(4px, 0);
    }

    50% {
        opacity: 0.1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
}
.sbpc {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 120px;
    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:before {
    background: url('../images/jt-l.png') no-repeat;
    background-size: contain;
}
.swiper-button-next-custom:before {
    background: url('../images/jt-r.png') no-repeat;
    background-size: contain;
}
.swiper-button-prev-custom {
    left: 0;
    /* background-image: linear-gradient(to right, rgba(168, 168, 168, .6), rgba(225, 225, 225, 0)); */
}
.swiper-button-next-custom {
    right: 0;
    /* background-image: linear-gradient(to left, rgba(168, 168, 168, .6), rgba(225, 225, 225, 0)); */
}
.view-home-applications .view-content {
    display: flex;
    flex-wrap: wrap;
}
.view-home-applications .view-content .views-row {
    width: 33%;
    min-width: 250px;
    text-align: center;
    align-items: center;
    align-content: center;
    flex-grow: 1;
}
.home-applications-link {
    color: #fff;
}
.home-applications-link:hover .home-applications-background {
    box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
    background-color: #c81432 !important;
    background-image: none !important;
}
.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;
    height: 50vh;
    background-color: #111;
}
.home-application-info {
    position: relative;
    flex-grow: 1;
    padding: 10px 0;
    text-shadow: 0 0 10px #000;
    height: 200px;
    margin-top: 100px;
    transition: 500ms margin-top ease-out;
}
.home-applications-link:hover .home-application-info{
    margin-top: 0;
}
.home-applications-background h2 {
    color: #fff;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
}
.home-application-text {
    transition: 500ms max-height ease-out;
    padding: 1em 10% 0;
    max-height: 0;
    overflow: hidden;
}
.home-applications-link .plus-link {
    max-height: 0;
    transition: 500ms max-height ease-out;
    overflow: hidden;
}
.home-applications-link:hover {
    text-decoration: none;
    color: #fff;
}
/*.home-applications-link .plus-link span,
.home-applications-link:hover .plus-link span {
    background: transparent;
    color: #fff;
}*/
.home-applications-link:hover .home-application-text,
.home-applications-link:hover .plus-link {
    display: block;
    max-height: 10em;
}
.home-applications-link {
    background: #fff;
    color: #333;
    border-color: #fff;
}
#home-contact {
    color: #333;
    background: #fff;
    min-height: 50vh;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-swiper-area {
    /* padding: 5em 52px;
    padding: 0 52px 5em; */
}
.view-home-news {
    /* padding-top: 5em; */

    padding: 0 16%;
    background: #f1f1f1;
}
.view-home-news .view-header {
    text-align: center;
}
.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: 1.125em;
}
.article-slider {
    display: flex;
    padding: 80px 0;
}
.article-slider:first-child {
    border-bottom: 1px solid #bbb;
}
.article-slider-image {
    flex: 1;
    /*    height: 536px;
    width: 912px;*/

    overflow: hidden;
    /* index news area*/
}
.article-slider-image>a {
    display: block;
    width: 100%;
    height: 100%;
    /* padding-right: 2em; */
}
.view-home-news .article-slider-image img {
    width: 100%;
    height: auto;
}
.article-slider-content-bao {
    /* width: 72%;
    margin: 0 auto; */

    height: 100%;
    position: relative;
    margin: 0 7% 0 14%;
}
.article-slider-date-and-title {
    /* width: 70%;
    margin: 0 auto; */

    padding: 0 7%;
}
.article-slider-content-bao .article-slider-title {
    height: 80px;
    overflow: hidden;
}
.article-slider-content-bao .article-slider-title a {
    color: #111;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.article-slider-content-bao .article-slider-title a:hover {
    color: #c81432;
    ;
}
.article-slider-content-bao .plus-link {
    margin-top: 26px;
    position: absolute;
    left: 50%;
    bottom: 5%;
    margin-left: -14px;
}
.article-slider-body {
    /* padding: 0 7% 0 14%; */

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.view-home-news .article-slider-content-bao .view-header {
    /* margin-top: 5%; */
}
.article-slider-content {
    width: 50%;
    /* margin-top: 20px; */
}
.article-slider-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 1em;
    margin-top: 0;
    text-align: center;
    line-height: 40px;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.article-slider-content {
    font-weight: 300;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.view-home-news .readmore {
    color: #000;
    padding: .5em 5em;
    text-transform: uppercase;
    border: 1px solid #000;
    display: inline-block;
    font-size: .75em;
    margin-top: 3em;
    transition: all .25s ease-in;
    font-weight: 400;
}
.view-home-news .readmore:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
#content-swiper .swiper-wrapper {
    box-sizing: border-box;
}
#content-swiper .swiper-button-next,
#content-swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: cover!important;
    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-next:hover,
#content-swiper .swiper-button-prev:hover {
    opacity: 1;
}
#content-swiper .swiper-button-next {
    background: url('../images/c-jt.png') no-repeat -44px 0;
    right: -12px;
}
#content-swiper .swiper-button-prev {
    background: url('../images/c-jt.png') no-repeat;
    left: 52%;
}
#content-swiper .my-button-disabled-aa {
    opacity: 0;
    display: none;
}
.artical-swiper .swiper-slide {
    background: #f1f1f1;
}
.artical-swiper .swiper-button-prev:after {
    content: '';
}
.artical-swiper .swiper-button-next:after {
    content: '';
}
#page-banner {
    height: 6rem;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    position: relative;
}
#page-about-banner {
    min-height: 600px;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    position: relative;
}
#page-banner-text {
    color: #fff;
    max-width: 610px;
}
#page-about-banner-text {
    height: 160px;
}
#page-about-banner-title {
    font-size: 32px;
    font-family: 'Montserrat', 'SourceHanSansCN-Bold';
    color: #fff;
    line-height: 52px;
}
#page-about-banner-subtitle,
#page-about-banner-subtitle a {
    color: #fff;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
#page-banner-text.right {
    text-align: right;
    float: right;
}
#page-banner-text.right #page-banner-title:after {
    left: auto;
    right: 0;
}
#page-banner-text.black-text {
    color: #222;
}
#page-banner-text.white-text {
    color: #fff;
}
#page-banner-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
    position: relative;
    margin-bottom: 1em;
}
#page-banner-title>span {
    font-size: 32px;
}
#page-banner-title:after {
    content: " ";
    position: absolute;
    bottom: -.5em;
    width: 40%;
    border-bottom: 5px solid #ffff;
    left: 0;
}
#page-banner-text #page-banner-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 100px;
    position: relative;
    margin-bottom: 0;
}
.en-normal {
    font-size: 22px;
    line-height: 1.2;
    font-family: 'Montserrat';
}
.myswing #page-banner-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 69px;
    position: relative;
    margin-bottom: 1em;
}
.pnpro #page-banner-title {
    color: #fff;
}
.myswing #page-banner-title::after,
.pnpro #page-banner-title::after {
    content: " ";
    position: absolute;
    bottom: 0;
    width: 0%;
    border-bottom: 0px solid transparent;
    left: 0;
}
#page-banner-text #page-banner-title span {
    font-weight: normal;
}
#page-banner-text #page-banner-title:after {
    content: " ";
    position: absolute;
    bottom: 0;
    width: 40%;
    border-bottom: 0px solid transparent;
    left: 0;
}
#page-banner-text #page-banner-logos img {
    margin-bottom: 0;
}
#page-banner-text.black-text #page-banner-title:after {
    border-color: #222;
}
#page-banner-subtitle {
    font-size: 1.2em;
}
#block-menu-menu-perception-neuron-series ul.menu,
#client-map-menu {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    /* padding: .5em 0; */
    margin: 5em 0 0;
    color: #666;
    text-transform: uppercase;
    list-style-type: none;
    text-align: left;
    padding-left: 80px;
}
#block-menu-menu-perception-neuron-series ul.menu li,
#client-map-menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 19%;
    text-align: center;
}
#block-menu-menu-perception-neuron-series ul.menu li a,
#client-map-menu li a {
    display: block;
    padding: 8px 64px 10px;
    font-weight: 300;
    color: #333;
    white-space: nowrap;
    border-top: 7px solid transparent;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
#block-menu-menu-perception-neuron-series ul.menu li a.active,
#client-map-menu li.selected a {
    border-top: 7px solid #c92440;
}
#block-menu-menu-perception-neuron-series ul.menu li a:hover,
#client-map-menu li a:hover {
    border-top: 7px solid #333;
}
#background-text-container {
    position: relative;
    padding-bottom: 50px;
    padding-top: 85px;
    overflow: hidden;
}
.perception-neuron-series #background-text-container {
    padding-bottom: 0;
}
.page-container .region-content {
    min-height: 30em;
}
#background-text {
    position: absolute;
    width: 320px;
    /*    bottom: 0;*/

    right: 0;
    /*    top: 0;*/

    overflow: hidden;
    z-index: -1;
    height: 1350px;
}
#background-text-alice {
    position: absolute;
    width: 320px;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: -1;
}
#background-text:before {
    content: "NOITOM";
    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;
}
#background-text-alice:before {
    content: "ALICE";
    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-banner-logos {
    margin-top: 2em;
    display: inline-block;
    text-align: center;
}
#page-banner-logos img {
    margin-right: 1em;
    margin-bottom: 1em;
}
.perception-neuron-series #background-text:before {
    content: "Perception Neuron";
}
.page-container {
    position: relative;
    padding-top: 20px;
}
.page-container:before {
    content: " ";
    right: 50%;
    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: 75%;
    left: 0;
    top: 0;
    margin-left: 15px;
    margin-right: 15px;
    background: #c92440;
    height: 10px;
}
.title {
    font-weight: bold;
    font-size: 48px;
    position: relative;
    margin: 0;
    line-height: 64px;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
    text-transform: Uppercase
}
.title.cn {
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
#page-title {
    line-height: 128px;
}
.title em {
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.page-container .region-content:after {
    /* content: "+ + entertainment, sports, science and medicine."; */

    content: "WE CAPTURE THE ESSENCE OF MOTION";
    position: absolute;
    color: #cc2844;
    top: 0;
    right: -7em;
    border-right: 10em solid #cc2844;
    height: 5px;
    line-height: 5px;
    overflow: visible;
    padding-right: 1em;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    white-space: nowrap;
    font-size: .8em;
}
#page .subtitle {
    width: 50%;
    font-weight: 400;
    margin-top: .4em;
    margin-bottom: 1.8em;
    font-size: 18px;
    line-height: 32px;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
#page .subtitle1 {
    width: 434px;
    height: 22px;
    opacity: 1;
    font-size: 18px;
    font-family: Source Han Sans CN, Source Han Sans CN-Normal;
    font-weight: Normal;
    text-align: left;
    color: #111111;
    line-height: 32px;
}

#page .subtitle2 {
width: 434px;
height: 22px;
opacity: 1;
font-size: 18px;
font-family: Source Han Sans CN, Source Han Sans CN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 32px;
}
.pn3img {
    position: absolute;
    left: -200px;
    top: -225px;
}

#page .subtitle.text-center {
    width: 100%;
}
.double-list {
    column-gap: 50px;
    column-count: 2;
    padding: 10px 0 10px 75px;
}
.founder-image {
    width: 200px;
    max-width: 100%;
    margin-bottom: 2em;
}
.founders {
    background: #e0e0e0;
    background: rgba(0, 0, 0, .1);
}
.founders h4 {
    /* font-style: italic; */

    margin: 10px 0 30px 0;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
    font-weight: normal;
}

/* showcase */
.wrapper {
    padding: 40px 0;
}
.card_m {
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s ease-in-out;
    border: 1px solid #eee;
    position: relative;
}
.card_m_press {
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s ease-in-out;
    border: 1px solid #eee;
    height: 100%;
    position: relative;
}
.card_m_showcase {
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s ease-in-out;
    border: 1px solid #eee;
    height: 450px;
    position: relative;
}
.card__picture {
    display: block;
    width: 100%;
    height: auto;
    /* border-top-left-radius: 6px;
    border-top-right-radius: 6px; */
}
.card-infos {
    padding: 20px 26px 0;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.card__picture:hover {
    opacity: 0.8;
    background-color: #fff;
    transition: 0.4s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s
}
.card_m.news_card {
    display: block;
    color: #111;
}
.news_card .card-infos {
    padding: 1em;
    height: 80px;
}
.news_card .article-teaser-title {
    line-height: 1.42;
}
.card__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 14px;
}
.card__title_press {
    font-size: .22rem;
    font-weight: 600;
    line-height: 1.4;
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    /*word-break: break-all;*/

    margin-bottom: 6px;
}
.card-infos a {
    color: #111;
}
.card-infos a:hover {
    color: #c81432;
}
.card__text {
    font-weight: 300;
    line-height: 28px;
    margin: 0;
    color: #86888A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
    /*word-break: break-all;*/
}
.card__text--high {
    font-weight: 600;
}
.header {
    height: 160px;
    display: flex;
}
.header__title {
    margin: auto;
    font-weight: 300;
    font-size: 3.2rem;
    color: #fff;
}
.header__title--high {
    font-weight: 600;
}
.sortable__nav {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.nav__link {
    padding: 0 20px 4px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 300;
    display: block;
    border-bottom: 2px solid transparent;
}
.footer__list.list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list__item.item {
    display: flex;
}
.item__link.link {
    margin: 0;
}
.item__link.link:not(:first-child) {
    margin-left: 20px;
}
.link__icon {
    height: 2rem;
    width: 2rem;
}
#view-categories .view-filters .views-exposed-widget {
    float: none;
    padding: 0;
    margin-top: 10px;
}
#view-categories input {
    background: transparent;
    border: 1px solid #666;
    font-size: .8em;
    padding: 7px;
    width: 100%;
    border-radius: 5px;
    margin: 0 -7px;
    box-sizing: content-box;
}
#view-categories .views-exposed-form .views-exposed-widget {
    float: none;
}
#view-categories {
    color: #fff;
    background: #000;
    height: 100%;
}
#view-categories .view-press-categories {
    color: #fff;
    background: #000;
}
.view-article-categories {
    /*grid-row-end:span 55;*/
}
.view-news .view-press-categories .view-content {
    margin-top: 0;
}
.press-categories-title,
.showcase-categories-title,
.article-categories-title {
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 600;
}
#view-categories .view-header {
    border-bottom: 1px solid #666;
    padding: 20px 30px;
}
#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 .views-field {
    display: table-cell;
}
#view-categories .item-list ul li a {
    color: #fff;
}
.view-article-categories .item-list ul .views-field-name {}
#view-categories .item-list ul .views-field-nid {
    color: #666;
    font-weight: 600;
    text-align: right;
    padding-left: 10px;
}
.article-teaser {
    background: #fff;
    border: 1px solid #eee;
}
.readmore {
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #c81432;
    font-size: .75em;
    width: 60px;
    margin: 26px 0 17px 27px;
}
.readmore_press {
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #c81432;
    font-size: .75em;
    width: 60px;
    position: absolute;
    bottom: 17px;
    left: 27px;
}
.article-teaser-title {
    font-size: 0.8em;
    font-weight: 300;
    color: #b3b3b3;
    margin-bottom: 12px;
}

/* showcase end */
.uncontain-background {
    padding: 0 calc(50vw - 50%);
    margin: 0 calc(-50vw + 50%);
    position: relative;
}
.page-section {
    padding-bottom: 50px;
    padding-top: 50px;
    line-height: 1.8;
}
.page-section p {
    margin-bottom: 1.8em;
}
.product-desc {
    width: 87%;
}
.product-desc p {
    font-size: 18px;
}
.page-section h2 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 1.8em;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.page-section .col-md-6 {
    margin-top: 0px;
}
.col-md-6,
.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-6 {
    width: 50%;
    margin-top: 20px;
}
.col-md-12 {
    width: 100%;
}
.callout {
    width: 540px;
    font-weight: 500;
    margin-top: .4em;
    margin-bottom: .8em;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 64px;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.section-title {
    font-weight: 400;
    margin-top: .4em;
    margin-bottom: 1.2em;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 40px;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
}
.pn-icon,
.alice-icon {
    padding-left: 75px;
    position: relative;
}
.pn-icon:before,
.alice-icon:before {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 0;
    background: url('../images/perception-neuron/pn-icon.png') no-repeat center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}
.single-list {
    padding: 10px 0 10px 75px;
}
.double-list {
    column-gap: 50px;
    column-count: 2;
    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;
}

.single-list li ul li{
    margin-top: .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;
} */
.button {
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #c81432;
    color: #fff;
    position: relative;
    z-index: 6;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 2em;
    margin-top: 26px;
    display: inline-block;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
}
.grey {
    background: #282828 url('../images/perception-neuron/greybg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}
.pn-pro {
    background: #000000 url(../images/perception-neuron/pn-pro-bg.jpg) no-repeat center top;
    color: #fff;
    padding-top: 180px;
    padding-bottom: 180px;
}
.hi5big-bg.grey {
    background: #000000 url(../images/hi5-vr-glove/hi5big-bg.jpg) no-repeat;
    background-size: cover;
}
.page-logo {
    margin-bottom: 2em;
}
.uncontain {
    margin: 0 calc(-50vw + 50%);
}
.red {
    background: #c81432;
    color: #fff;
}
.black {
    background: #000;
    color: #fff;
}
.uncontain.split {
    display: flex;
    align-items: stretch;
    align-content: stretch;
}
.uncontain.split .half {
    width: 50%;
    padding: 50px 10%;
}
.split .section-title {
    margin: 2em 0 .5em;
    font-weight: 700;
}
.split .section-title:first-child {
    margin: 0 0 .5em;
}
.integrations-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 20px 0;
    width: 100%;
    padding: 0;
}
.integrations-logos li {
    flex-basis: 33.33%;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.grey-box {
    background: #ececec;
    background: rgba(0, 0, 0, .05);
    padding-top: 3em;
    padding-bottom: 4em;
}
.grey-box h2 {
    text-transform: none;
    font-weight: 400;
}
.grey-box p {
    max-width: 1024px;
    margin: auto;
}
#china-store-link {
    background: #c81432;
    padding: 70px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 30px;
    margin-bottom: -50px;
}
#china-store-link b {
    font-weight: 500;
    white-space: nowrap;
}
#china-store-link a {
    background: #fff;
    color: #c81432;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: .6em;
    font-weight: 500;
    border-radius: 2em;
    margin-left: 2em;
    display: inline-block;
    margin-top: 10px;
}
.border-top {
    border-top: 1px solid #999;
}
.border-bottom {
    border-bottom: 1px solid #999;
}
.myswing-professional #background-text:before {
    content: " ";
}
.myswing-professional .page-container:before,
.myswing-professional .page-container:after {
    background: #337b37;
}
.myswing-professional .page-container .region-content:after {
    color: #337b37;
    border-color: #337b37;
}
.a_more {
    font-size: 18px;
    color: #5cb52f;
}
#page.myswing-professional {
    /* background: url('../images/myswing/myswing-background.png') center bottom no-repeat; */

    background-size: 100% auto;
}
.alice-icon:before {
    background-image: url('../images/project-alice/alice-icon.png');
}
.sub-section {
    margin-top: 30px;
}
.row.vertical-align {
    display: flex;
    align-items: center;
    align-content: stretch;
}
.application-columns {
    position: relative;
    padding: 2em 0;
}
.application-columns:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    border-left: 2px solid #999;
}
.application-columns::after {
    display: block;
    content: "";
    clear: both;
}
.application-columns p {
    font-size: .18rem;
    line-height: .4rem;
    text-align: justify;
    text-align-last: left;
    margin: 0 auto 40px;
}
.application-columns p a {
    color: #c8243f;
}
.application-left-column {
    padding-right: 45px;
    padding-left: 45px;
}
.application-right-column {
    padding-right: 45px;
    padding-left: 45px;
}
.application-tit {
    font-size: 18px;
}
.application-text p {
    padding-left: 40px;
    background: url('../images/vfx-and-animation/fgx.png') no-repeat 0 13px;
}
.map-wrap {
    max-width: 100%;
    text-align: center;
}
.map-wrap>img {
    width: 100%;
}
.address-parts {
    display: flex;
    flex-wrap: wrap;
    padding-top: 18px;
}
.address-parts .address-part-item {
    flex: 1;
    padding-left: 20px;
    margin-bottom: 105px;
}
.address-parts .address-part-item h3 {
    font-size: 28px;
    background: url('../images/noitom-icon.png') no-repeat 0 16px;
    line-height: 60px;
    padding-left: 46px;
    margin-bottom: 10px;
}
.addressH3 {
    font-size: 28px;
    background: url('../images/noitom-icon.png') no-repeat 0 16px;
    line-height: 60px;
    padding-left: 46px;
    margin-bottom: 10px;
}
.address-parts .address-part-item p {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 7px;
}
.address-parts .address-part-item p a {
    color: #111;
}
.address-parts .address-part-item:nth-child(1),
.address-parts .address-part-item:nth-child(3),
.address-parts .address-part-item:nth-child(5) {
    width: 52%;
    flex: inherit;
}
.social-part {
    padding-bottom: 0px;
}
.social-scanning {
    display: flex;
   /*  justify-content: center; */
}
.share-ewm {
    width: 150px;
    margin-right:50px;
    text-align: center;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.social-scanning img {
    margin-top: 12px;
}
.social-tips {
    font-size: 19px;
    line-height: 2;
    margin-top: 46px;
    margin-bottom: 28px;
    text-align: center;
}
.social-share-parts {
    width: 366px;
    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');
}
.contact-swiper-item {
    width: 100%;
    height: 215px;
    background-size: cover!important;
    position: relative;
}
.contact-swiper-item>a {
    display: block;
    width: 160px;
    height: 48px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    font-size: 0;
    opacity: 0;
    text-indent: -1111px;
    overflow: hidden;
}
.csw-1 {
    background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-1>a {
    right: 52px;
    bottom: 22px;
}
.csw-2 {
    background: url('../images/contact/contact-swiper-2.jpg') no-repeat;
}
.csw-2>a {
    left: 52px;
    bottom: 22px;
}
.csw-3 {
    background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-3>a {
    right: 52px;
    bottom: 22px;
}
.csw-4 {
    background: url('../images/contact/contact-swiper-2.jpg') no-repeat;
}
.csw-4>a {
    left: 52px;
    bottom: 22px;
}
.csw-5 {
    background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-5>a {
    right: 52px;
    bottom: 22px;
}
.csw-6 {
    background: url('../images/contact/contact-swiper-2.jpg') no-repeat;
}
.csw-6>a {
    left: 52px;
    bottom: 22px;
}
.csw-7 {
    background: url('../images/contact/contact-swiper-1.jpg') no-repeat;
}
.csw-7>a {
    right: 52px;
    bottom: 22px;
}
.contact-swiper {
    margin: 0 10% 120px;
    position: relative;
}
.contact-swiper .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
    left: -60px;
    right: auto;
}
.contact-swiper .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
    right: -60px;
    left: auto;
}
.about-lef #block-menu-menu-perception-neuron-series {
    width: 49%;
}
.job-tab-item {
    line-height: 52px;
    font-size: 19px;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.job-tab-item a {
    display: inline-block;
    margin-right: 11px;
    color: #111;
}
.job-tab-item a.on {
    color: #c8243f;
}
.job-tab-item span {
    display: inline-block;
    width: 112px;
}
#join-us .page-section {
    padding-top: 0;
}
.job-content-item {
    padding: 36px 48px 36px 35px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #f9f9f9;
}
.job-content-item h3 {
    width: 370px;
    font-size: 24px;
    line-height: 48px;
    /*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: 48px;
    padding-left: 40px;
    color: #949494;
}
.job-content-item p a {
    color: #111;
}
.job-content-item .goto {
    width: 220px;
    height: 48px;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
}
.join-btn {
    display: block;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #c8243f;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.job-content {
    margin-top: 53px;
    background: #fff;
}
.page-section h2.has-subtitle {
    margin-bottom: 0;
    font-size: 2em;
}
#client-map {
    position: relative;
}
#client-map img {
    margin: 0 auto;
}
.client-map-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.client-map-layer.active {
    display: block;
}
.client-map {
    max-width: 100%;
    margin: 0;
}
.view-id-clients .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*max-width: 1440px;*/
    min-width: 1000px;
    margin: 0 auto;
}
.view-id-clients .views-row {
    width: 210px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.view-id-clients .views-row img {
    max-width: 90%;
    max-height: 90%;
    filter: saturate(.04);
    -webkit-filter: saturate(.04);
}
.view-id-clients .views-row:hover img {
    filter: saturate(1);
    -webkit-filter: saturate(1);
}
#perception-neuron-2-0.page-section {
    height: 826px;
    background: url('../images/perception-neuron/pn-2-inner.png') no-repeat right bottom;
    padding-top: 0;
}
#perception-neuron-pro.page-section {
    height: 837px;
    background: url('../images/perception-neuron/pn-pro-inner.png') no-repeat 96% bottom;
    padding-top: 0;
    margin-bottom: 100px;
}
.neuron-fun {
    height: 100%;
}
.neuron-fun .items-list {
    width: 350px;
    padding-top: 40px;
    margin-left: -26px;
}
.neuron-fun .items-list li {
    width: 50%;
    height: 174px;
    text-align: center;
}
.items-icon {
    display: block;
    height: 86px;
}
.items-icon-01 {
    background: url(../images/perception-neuron/neuron-fun-1.png) no-repeat center 0;
}
.items-icon-02 {
    background: url(../images/perception-neuron/neuron-fun-2.png) no-repeat center 0;
}
.items-icon-03 {
    background: url(../images/perception-neuron/neuron-fun-3.png) no-repeat center 0;
}
.items-icon-04 {
    background: url(../images/perception-neuron/neuron-fun-4.png) no-repeat center 0;
}
.items-icon-pro-01 {
    background: url(../images/perception-neuron/neuron-pro-fun-1.png) no-repeat center 0;
}
.items-icon-pro-02 {
    background: url(../images/perception-neuron/neuron-pro-fun-2.png) no-repeat center 0;
}
.items-icon-pro-03 {
    background: url(../images/perception-neuron/neuron-pro-fun-3.png) no-repeat center 0;
}
.items-icon-pro-04 {
    background: url(../images/perception-neuron/neuron-pro-fun-4.png) no-repeat center 0;
}
.neuron-wear {
    height: 751px;
    background: url('../images/perception-neuron/neuron-wear.png') no-repeat right bottom;
}
.neuron-wear-cont {
    padding-top: 175px;
}
.product-tit {
    font-size: 48px;
    line-height: 64px;
}
.p-1 {
    font-size: 18px;
    line-height: 32px;
}
.neuron-wear-cont .product-tit {
    text-transform: uppercase;
    padding-bottom: 58px;
}
.neuron-wear-fun {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    /*padding-bottom: 120px;*/
}
.neuron-wear-fun-item {
    width: 26%;
}
.neuron-wear-fun-item-img {
    width: 126px;
}
.neuron-wear-fun-item-con {
    float: right;
    width: 55%;
}
.wear-context h2 {
    height: 57px;
    font-size: 24px;
    position: relative;
    margin-bottom: 17px;
}
.wear-context h2:after {
    width: 100%;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 2px;
    background: #c8243f;
}
.desc {
    font-size: 18px;
    line-height: 32px;
}
.f0f0f0 {
    background: #f0f0f0;
}
.second-tit {
    font-size: 24px;
    line-height: 48px;
}
#soft-support {}
#soft-support .second-tit {
    margin-top: 81px;
    text-align: center;
}
.soft-support-list {
    padding-top: 46px;
    padding-bottom: 33px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}
.soft-support-list li {
    margin: 0 20px 52px;
}
#toconfigure {
    padding-top: 143px;
    padding-bottom: 132px;
}
.toconfigure-left {
    padding: 49px 0 0 15px;
    width: 440px;
}
.toconfigure-list {}
.toconfigure-list li {
    font-size: 18px;
    line-height: 32px;
}
.toconfigure-list li span {
    float: right;
    width: 78px;
}
#toconfigure .button {
    margin-top: 65px;
}
.toconfigure-right {
    text-align: right;
    flex: 1;
    padding-top: 50px;
}
#news-banner {
    height: 400px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    position: relative;
}
#news-banner-text {
    width: 1160px;
    color: #fff;
    padding-bottom: 176px;
}
#news-banner-title {
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
}
#news-banner-subtitle {
    line-height: 32px;
}
#new-content {
    padding-top: 84px;
}
#new-content-box {
    display: flex;
    color: #666666;
}
#new-content-left {
    width: 801px;
    /* margin-left: 138px; */
}
#new-title {
    font-size: 32px;
    line-height: 54px;
    color: #111111;
}
#new-time {
    line-height: 34px;
    color: #939393;
    margin-bottom: 16px;
}
.new-sub-tit {
    font-size: 24px;
    line-height: 48px;
    position: relative;
    padding-left: 12px;
    color: #111111;
}
.new-sub-tit::before {
    content: '';
    width: 4px;
    height: 20px;
    background: #c8243f;
    position: absolute;
    left: 0;
    top: 14px;
}
.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: 0;
    top: 23px;
    background: url('../images/pg-l.jpg') no-repeat 1px center;
    padding-left: 34px;
    color: #939393;
}
.page-box a:nth-of-type(2) {
    color: #c8243f;
}
.page-box a:nth-of-type(3) {
    position: absolute;
    right: 0;
    top: 23px;
    background: url('../images/pg-r.png') no-repeat right center;
    padding-right: 34px;
    color: #939393;
}
#new-content-right {
    flex: 1;
    margin-left: 138px;
}
.newsroom-tags {
    width: 340px;
}
.newsroom-tags .title {
    font-size: 24px;
    line-height: 48px;
    font-weight: normal;
    margin-bottom: 9px;
    color: #111;
}
.newsroom-tags ul {
    margin-bottom: 46px;
}
.newsroom-tags ul.tags-list li {
    margin-right: 8px;
    margin-bottom: 8px;
}
.newsroom-tags ul.tags-list li a {
    line-height: 18px;
    border: solid 1px #c8243f;
    color: #c8243f;
    padding: 6px 14px;
    display: inline-block;
    font-weight: 300;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.news-list ul li {
    margin-bottom: 26px;
}
.news-list ul a {
    position: relative;
    display: block;
    line-height: 28px;
}
.news-list ul a.big-img {
    width: 100%;
    margin-bottom: 11px;
}
.news-list ul li .logo-box {
    width: 100%;
    max-height: 219px;
    overflow: hidden;
    margin: 0;
}
.news-list ul li img {
    width: 100%;
}
.news-list ul li .desc {
    width: 227px;
    position: relative;
    line-height: 36px;
}
.news-list ul li .desc.no-logo {
    width: 100%;
}
.news-list ul li .desc .new-info {
    margin: 0;
}
.news-list ul li .desc .date {
    color: #707473;
    font-size: 12px;
    margin-right: 8px;
    background-color: #f7f8f9;
    display: inline-block;
}
.news-list ul li h3 {
    font-weight: 400;
    font-size: 16px;
    max-height: 38px;
    overflow: hidden;
    color: #111;
    line-height: 20px;
}
.job-type {
    display: flex;
    flex-direction: column;
    height: 245px;
    justify-content: center;
    padding: 0 40px;
}
.job-type>span {
    display: block;
    font-size: 32px;
    line-height: 66px;
}
.job-type>p>span {
    margin-right: 22px;
    color: #a3a3a3;
}
.job-type-desc {
    padding: 66px 40px;
    border-top: 1px solid #f0f0f0;
}
.title-2 {
    font-size: 24px;
    line-height: 48px;
}
.job-type-desc .title-2 {
    margin-bottom: 18px;
}
.job-type-desc-item {
    padding-top: 60px;
}
.job-type-desc-item:first-child {
    padding-top: 0px;
}

/* time-line  honor */
.main-timeline {
    width: 1054px;
    margin: 0px auto;
    position: relative;
}
.main-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    margin: 0 0 0 -1px;
    position: absolute;
    top: 0;
    left: 50%;
}
.main-timeline .timeline {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both;
}
.main-timeline .timeline-content {
    width: 420px;
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 9px;
    position: relative;
}
.main-timeline .timeline .timeline-content::before {
    content: "";
    width: 22px;
    height: 33px;
    position: absolute;
    top: 60px;
    right: -22px;
    background: url('../images/honor/jt.jpg') no-repeat;
    z-index: 0;
}
.main-timeline .date {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #c81432;
    padding: 5px 0;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 45px;
    left: 50%;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    line-height: 1.4;
}
.main-timeline .date-year {
    display: flex;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background: #c81432;
    margin: 0 0 0 -38px;
    position: absolute;
    top: -77px;
    left: 50%;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.date-more {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #c81432;
    padding: 5px 0;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 100%;
    left: 50%;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
}
.main-timeline .date span {
    display: block;
    text-align: center;
}
.main-timeline .day,
.main-timeline .year {
    font-size: 16px;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}
.main-timeline .month {}
.main-timeline .title {
    padding: 15px;
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1px;
    border-radius: 6px 6px 0 0;
    position: relative;
}
.main-timeline .title:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    right: -5px;
    transform: rotate(-45deg);
}
.main-timeline .description {
    padding: 16px 5px;
    margin: 0;
    font-size: 14px;
    border-radius: 0 0 6px 6px;
    line-height: 20px;
    text-indent: 2em;
    color: #9a9a9a;
}
.main-timeline .timeline:nth-child(2n+2) {
    margin-top: -333px;
}
.main-timeline .timeline:nth-child(2n+2) .timeline-content {
    float: right;
}
.main-timeline .timeline:nth-child(2n+2) .timeline-content::before {
    content: "";
    width: 22px;
    height: 33px;
    position: absolute;
    top: 60px;
    left: -22px;
    background: url('../images/honor/jt-2.jpg') no-repeat;
    z-index: 0;
}
.main-timeline .timeline:nth-child(2n+2) .title:after {
    left: -5px;
}
.main-timeline .timeline:nth-child(1) .title,
.main-timeline .timeline:nth-child(1) .title:after {
    background: #9f84c4;
}
.main-timeline .timeline:nth-child(2) .title,
.main-timeline .timeline:nth-child(2) .title:after {
    background: #02a2dd;
}
.main-timeline .timeline:nth-child(3) .title,
.main-timeline .timeline:nth-child(3) .title:after {
    background: #58b25e;
}
.main-timeline .timeline:nth-child(4) .title,
.main-timeline .timeline:nth-child(4) .title:after {
    background: #eab715;
}
.honor-name {
    font-size: 26px;
    line-height: 36px;
    margin-top: 26px;
    padding: 0 5px;
}
.honor-add {
    font-size: 12px;
    color: #c8243f;
    line-height: 20px;
    padding: 0 5px;
}
.main-timeline .timeline.hasyear {
    /* margin-top: 120px; */
}

/* time-line  honor end*/
.showcase-video {
    padding: 50px 0 0;
}
.showcase-items p {
    margin-bottom: 10px;
    line-height: 2;
}
.showcase-items p span {
    font-weight: bold;
}
.news_card__picture {
    height: 200px;
}
.news_card__picture>img {
    height: 100%;
}
.hi5-function {
    height: 2721px;
    position: relative;
}
.hi5big-item img {
    position: absolute;
}
.hi5big-01 {
    /* width: 847px;
    height: 769px; */
}
.hi5big-01 img {
    width: 44.5%;
    left: -30px;
    top: 0px;
}
.hi5big-02 {
    /* width: 921px;
    height: 717px; */
}
.hi5big-02 img {
    width: 47.7%;
    right: 0px;
    top: 617px;
}
.hi5big-03 {
    /* width: 996px;
    height: 797px; */
}
.hi5big-03 img {
    width: 52.3%;
    left: 0px;
    top: 1220px;
}
.hi5big-04 {
    /* width: 1020px;
    height: 959px; */
    /* background: url("../images/hi5-vr-glove/hi5big-04.png") no-repeat; */
}
.hi5big-04 img {
    width: 53.5%;
    right: 0px;
    bottom: 0px;
}
.hi5-function-content-box-1 {
    display: flex;
    height: 730px;
    justify-content: flex-end;
}
.hi5-function-content-item {
    width: 550px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hi5-function-content-item-tit {
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 48px;
}
.hi5-function-content-item-word {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 48px;
}
.hi5-function-content-item-tip {
    font-size: 14px;
    color: #808080;
    line-height: 28px;
}
.hi5-function-content-box-2 {
    display: flex;
    height: 399px;
    justify-content: flex-start;
}
.hi5-function-content-box-2 .hi5-function-content-item {
    width: 580px;
}
.hi5-function-content-box-3 {
    display: flex;
    height: 822px;
    justify-content: flex-end;
}
.hi5-function-content-box-3 .hi5-function-content-item {
    width: 630px;
}
.hi5-function-content-box-4 {
    display: flex;
    height: 494px;
    justify-content: flex-start;
}
.hi5-function-content-box-4 .hi5-function-content-item {
    width: 576px;
}
.h3Style {
    font-size: 48px;
    line-height: 64px;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
    font-weight: normal;
}
.performanceParameter {
    padding-top: 14vh;
}
.performanceParameter .product-desc {
    width: 1020px;
    margin: 0 auto;
    text-align: justify;
    text-align-last: left;
}
.performanceParameter .h3Style {
    margin-bottom: 54px;
    text-align: center;
}
.performanceUl {
    display: flex;
}
.performanceUl li {
    flex: 1;
    display: flex;
    margin-bottom: 40px;
    font-size: 18px;
}
.performanceUl li span {
    width: 100px;
    margin-right: 24px;
}
.performanceUl li p {
    margin: 0;
    display: flex;
    align-items: center;
}
.mainWidthNopos {
    width: 1000px;
    margin: 0px auto;
    padding: 30px 0;
}
.softsdk {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.performanceBox_2 {
    width: 1112px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.performanceBox-l {
    flex: 1;
}
.performanceBox-l .h3Style {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    font-family: 'Montserrat', 'SourceHanSansCN-Bold';
}
.performanceBox-l p {
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    margin-top: 14px;
    color: #808080;
}
.performanceBox-l .button {
    margin-top: 38px;
}
.performanceBox-r {
    padding: 45px 0;
    width: 566px;
}
.partListBox {
    display: flex;
    justify-content: space-between;
}
.partList {
    width: 24.5%;
    color: #333333;
}
.partList span {
    display: block;
    width: 79px;
    height: 79px;
    margin: 0 auto 17px;
}
.partList span.part-1 {
    background: url('../images/myswing/MYSWING-GOLF-D2_07.png') no-repeat;
}
.partList span.part-2 {
    background: url('../images/myswing/MYSWING-GOLF-D2_09.png') no-repeat;
}
.partList span.part-3 {
    background: url('../images/myswing/MYSWING-GOLF-D2_11.png') no-repeat;
}
.partList em,
.partList h3 {
    display: block;
    font-size: 24px;
    line-height: 40px;
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
    text-align: center;
    font-weight: 400;
}
.partList h3 {
    margin-bottom: 27px;
}
.partList em {
    color: #5cb52f;
}
.partList p {
    font-size: 18px;
    text-align: justify;
    text-align-last: left;
}
.firmware-word-items {
    padding-top: 48px;
}
.firmware-word-item {
    line-height: 32px;
    margin-bottom: 29px;
}
.firmware-word-item span {
    font-family: 'Montserrat', 'SourceHanSansCN-Medium';
    font-size: 24px;
}
.firmware-word-item p {
    font-size: 18px;
    margin-top: 3px;
}
.firmware {
    padding-top: 86px;
}
.firmware-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.img661 {
    width: 45%;
    margin-right: 16%;
    margin-bottom: 40px;
}
.firmware-word {
    flex: 1;
}
.link-to-box {
    display: flex;
    justify-content: space-between;
    padding: 140px 0;
}
.link-to-word {
    font-size: 24px;
    line-height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.link-to-img {
    flex: 1;
}
.link-to-word p {
    margin-bottom: 20px;
}
.neuron-pro-wear {
    display: flex;
}
.neuron-pro-wear-left {
    flex: 1;
    display: flex;
    align-items: center;
}
.neuron-pro-wear-right {
    width: 580px;
    margin-left: 130px;
}
.neuron-pro-wear-right-word-item {
    margin-top: 60px;
}
.neuron-pro-wear-right-word-item:first-child {
    margin-top: 0px;
}
.neuron-pro-wear-right-word-item h3 {
    font-size: 24px;
    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;
}
.honor-items,
.column-3 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.item-1 {
    width: 335px;
    height: 170px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}
.item-1:first-child, .item-1:nth-child(2), .item-1:nth-child(3) {
    margin-bottom: 60px;
}
.item-1 img {
    width: 335px;
    height: 132px;
    margin-bottom: 12px;
}
.hohor-item {
    width: 23%;
    margin: 1%;
}
.honor-card {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-card {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hohor-item p {
    font-size: 16px;
    line-height: 44px;
    margin: 0;
    text-align: center!important;
    text-align-last: center;
}
.hohor-item p.en {
    font-family: 'Montserrat';
}
.honor-box h2.has-subtitle {
    margin: 40px 0;
}
.honor-card img {
    filter: saturate(.04);
    -webkit-filter: saturate(.04);
}
.honor-card:hover img {
    filter: saturate(1);
    -webkit-filter: saturate(1);
}
.home-section-content p {
    font-size: 18px;
    margin: 30px 0 24px;
}
.artical-swiper .swiper-slide {
    overflow: hidden;
}
.flex-items {
    display: flex;
    justify-content: space-between;
    height: 740px;
}
.flex-1 {
    width: 637px;
    position: relative;
}
.flex-auto {
    width: 614px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-auto .callout {
    margin-top: 0;
}

/* footer */
#footer {
    background: #000;
    padding: 1.25rem 0 .54rem;
    color: #fff;
    font-size: .16rem;
}

.footer-row {
    display: flex;
    margin-bottom: 0.6rem;
}

.footer-row-item:first-child {
    width: 3.6rem;
    margin-left: 2.02rem;
}

.footer-row-item:nth-child(2) {
    width: 4.69rem;
}

.footer-row-item:nth-child(3) {
    width: 3.89rem;
}

.footer-row-item h4 {
    line-height: .2rem;
    font-weight: 700;
    margin-bottom: .2rem;
}

.footer-row-item h4.en-md {
    font-weight: 400;
}

.footer-row-item:nth-child(3) .menu li {
    line-height: .21rem;
    margin-bottom: .1rem;
}

.footer-row-item:last-child > p {
    line-height: .22rem;
    margin-bottom: .1rem;
}

.footer-row-item:first-child p, .footer-row-item:nth-child(2) p:not(p.en-light) {
    height: .83rem;
    line-height: .27666666667rem;
    margin-bottom: 40px;
}

.footer-row-item:nth-child(2) p.en-light {
    height: 77px;
    line-height: .25666666667rem;
}

#footer-logo {
    width: 1.3rem;
    height: .45rem;
    margin-bottom: .4rem;
}

#footer ul li {
    list-style: none;
}

#footer .label-wrap {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .label-wrap .split-line {
    width: 0.01rem;
    height: 0.24rem;
    margin: 0 0.24rem;
    background-color: #fff;
}

#footer .other-link {
    width: 15.12rem;
    margin: .24rem auto 0;
}

#footer .other-link ul {
    display: flex;
    justify-content: center;
    line-height: .22rem;
}

#footer .other-link .split-line {
    height: .01rem;
    background-color: #fff;
    margin-bottom: .34rem;
}

#footer .other-link ul li {
    padding: 0 .10rem;
    position: relative;
}

#footer .other-link ul li:not(.other-link ul li:first-child):before {
    content: '';
    height: .29rem;
    border-left: .01rem solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer a.underline-no:hover {
    text-decoration: none;
}
ul li.leaf {
    list-style-type: square;
}

.social {
    height: .23rem;
    line-height: .23rem;
    display: flex;
    align-items: center;
    margin-bottom: .24rem;
}

.social > a, .social > div {
    opacity: .5;
    transition: .3s;
    margin-right: .22rem;
    cursor: pointer;
}

.social > a:last-child {
    margin: 0;
}

.social > a:hover, .social > div:hover {
    opacity: 1;
}

.social .active {
    opacity: 1;
}

#after_service, #brand_subscription {
    display: none;
    transition: .3s;
}

#after_service.active, #brand_subscription.active {
    display: flex;
}

#after_service img, #brand_subscription img {
    width: .83rem;
    height: .83rem;
    margin-right: .2rem;
 }

#after_service p, #brand_subscription p {
    height: .83rem;
    line-height: .27666666667rem;
 }

#screen-wrapper {
    min-width: 1250px;
    max-width: 2560px;
    height: 100%;
    margin: 0 auto;
}
#includeHeader, #includeFooter{
    min-width: 1250px;
    margin: 0 auto;
}

/*@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
    .nav-list>li>a {
        margin: 0 20px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
    .nav-list>li>a {
        margin: 0 30px;
    }
    #block-menu-menu-perception-neuron-series ul.menu li a {
        padding: 8px 34px 10px;
    }
    .article-slider-content-bao .plus-link {
        bottom: 5%;
    }
    .view-home-news .article-slider-content-bao .view-header {
        margin-top: 0;
    }
}

@media screen and (min-width: 1450px) {
    .container {
        width: 1440px;
    }
    .nav-list>li>a {
        margin: 0 40px;
    }
    #block-menu-menu-perception-neuron-series ul.menu li a {
        padding: 8px 64px 10px;
    }
    .article-slider-content-bao .plus-link {
        bottom: 15%;
    }
    .view-home-news .article-slider-content-bao .view-header {
        margin-top: 5%;
    }
}*/

/*showcase press news*/
.container {
    width: 81%;
    /* min-width: 1260px; */
}
#block-menu-menu-perception-neuron-series ul.menu li a {
    padding: 8px 0;
}
.article-slider-content-bao .plus-link {
    bottom: 5%;
}
.view-home-news .article-slider-content-bao .view-header {
    /* margin-top: 5%; */
}
.errorMain {
    width: 616px;
    margin: 213px auto;
    padding-top: 286px;
    height: 76px;
    background: url(../images/error.gif) no-repeat;
}
.errorMain div,
.errorMain p {
    width: 100%;
    text-align: center;
}
.errorMain div {
    font-size: 1.8em;
}
.errorMain p {
    font-size: 18px;
    margin-top: 21px;
}
.errorMain span {
    font-size: 30px;
    color: #c92540;
}
.siteMap {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    grid-row: 4;
    padding-top: 95px;
    padding-bottom: 0;
}
.siteMap ul {
    width: 20%;
    line-height: 48px;
}
.siteMap a {
    color: #111;
}
.siteMap a:hover {
    color: #c81432;
}
.siteMap h2 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 1.4em;
}
.supportMain {
    width: 1176px;
    margin: 0 auto 66px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.supportMain a {
    display: block;
    width: 360px;
    height: 280px;
    margin-bottom: 48px;
    background-color: #fff;
}

.supportMain a.middle {
    margin: 0 48px;
}

.supportMain a span {
		font-size: 18px;
		line-height: 24px;
		color: #111111;
}

.supportContentBox {
    height: 70px;
		display: flex;
		align-items: center;
    margin: 80px 0 29px;
}

.supportContentBox img {
    filter: grayscale(1) brightness(1);
    display: block;
    margin: 0 auto;
}
.supportMain a:hover img {
    filter: grayscale(0) brightness(1);
}
.supportMain a:hover span {
    color: #C92540;
}
.page-section h2.mb-0 {
    margin-top: 20px;
    margin-bottom: 0;
}

.view-home-applications,
.view-home-news,
#home-contact {
    min-width: 1000px;
}

@media screen and (min-width: 1450px) {
    .not-front .page-container .region-content:before {
        content: " ";
        background: url('../images/perception-neuron/background-logo.png') no-repeat;
        height: 266px;
        width: 40px;
        left: -7em;
        /* top: 25%; */
        position: absolute;
        z-index: 1;
        bottom: 4%;
    }
}
@media screen and (min-width: 1200px) {
    .neuron-wear-fun-item {
        width: 28%;
    }
}
@media screen and (max-width: 1680px) {
    .nav-list > li > a {
        margin-right: .3rem;
    }

    .home-product-content:last-child {
        margin-top: .3rem;
    }

    .about .container {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }

    .article-slider-body {
        -webkit-line-clamp: 2;
        line-height: 26px;
    }

    #page-banner-text #page-banner-title,
    .myswing #page-banner-title {
        font-size: 44px;
    }

    .card__title_press {
        font-size: 20px;
        line-height: 1.3;
        height: 54px;
    }

    .h3Style,
    .callout {
        font-size: 44px;
        line-height: 60px;
    }

    .title {
        font-size: 38px;
    }

    .a_more,
    .partList p {
        font-size: 16px;
    }

    .firmware-img {
        text-align: right;
    }

    .application-left-column,
    .application-right-column {
        padding-right: 40px;
        padding-left: 40px;
    }

    .container {
        width: 92%;
        margin: 0 auto;
        /* min-width: 1260px; */
    }

    #sortable>div {
        width: 374px!important;
    }

    .button {
        width: 150px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }

    .double-list li,
    .single-list li {
        font-size: 14px;
    }

    .link-to-word {
        font-size: 20px;
    }

    .firmware-img img {
        width: 90%;
    }

    .performanceParameter .h3Style {
        margin-bottom: 40px;
    }

    .partList em,
    .partList h3 {
        font-size: 18px;
        line-height: 36px;
    }

    #page-title {
        line-height: 70px;
    }

    .product-desc p {
        font-size: 16px;
    }

    .en-normal {
        font-size: 20px;
    }

    #block-menu-menu-perception-neuron-series ul.menu li a {
        font-size: 14px;
    }

    .product-tit {
        font-size: 35px;
        line-height: 54px;
    }

    .article-slider-title {
        font-size: 23px;
        margin-bottom: .5em;
        line-height: 34px;
    }

    .desc {
        font-size: 16px;
        line-height: 30px;
    }

    .view-home-news h2 {
        margin-bottom: 0;
    }

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

    .neuron-wear-fun-item-con {
        width: 60%;
    }

    .neuron-wear-fun-item {
        width: 31%;
    }

    .article-slider-content-bao .article-slider-title {
        height: 70px;
    }

    /* #home-video {
        height: calc(100vh - 80px);
    } */

    .view-home-news {
        padding: 0 10%;
    }

    .news-list ul li {
        margin-right: 40px;
    }
}
@media screen and (max-width: 1380px) {
    #sortable>div {
        width: 346px!important;
    }
}
.page-section .mb-0 {
    margin-bottom: 1px;
}

header {
    height: .84rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .94rem 0 .84rem;
    background: #c81432;
    transition: background 0.3s;
}