.pns-menu{
    height: .4rem;
    width: 100%;
    /* 深灰 */
    background: #282828;
}
.pns-menu ul li{
    color: #AAAAAA;
    float: left;
    font-size: .16rem;
    /* margin-top: .03rem; */
    font-weight: normal;
    line-height: .4rem;
    text-align: center;
    margin-left: .36rem;
}
.pns-menu > ul .frist-title{
    margin-left: 1.44rem;
    margin-right: 4.48rem;
    color: #FFFFFF;
}
.pns-menu > ul .pnpro-frist-title{
    margin-left: 1.44rem;
    margin-right: 2.82rem;
    color: #FFFFFF;
}
.pns-menu > ul li button{
    width: 1.08rem;
    height: .3rem;
    border-radius: .02rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .16rem;
    font-weight: normal;
    line-height: .18rem;
    border: none;
    outline: none;
}

.pns-menu > ul li a{
    color: #AAAAAA;
}

.pns2-item {
    width: 3.35rem;
    height: 1.26rem;
    display: flex;
    font-size: .20rem;
}

.pns2-item span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.11rem;
    height: 1.11rem;
}

.pns2-item div{
    display: flex;
    align-items: center;
    width: 2.2rem;
    height: 1.11rem;
}

.pns2-item img {
    width: .54rem;
    height: auto;
}


.applicable-scenarios{
    height: 2.4rem;
}
.applicable-scenarios div{
    float: left;
    font-size: .36rem;
    text-align: center;
    line-height: 2.3rem;
    color: #FFFFFF;
    width: 25%;
    height: 2.4rem;
}
.applicable-scenarios div img{
    height: 100%;
    width: 100%;
}

.applicable-scenarios .as-title{
    display: inline-block;
    position: relative;
    left: 0;
    top: -2.2rem;
}
 
.software-function{
    height: 8.4rem;
    background-color: rgb(0, 0, 0);
    padding: 2.18rem;    
    color: #FFFFFF;
}

.software-function-item{
    width: 2.8rem;
    height: 1.26rem;
    display: flex;
    font-size: .20rem;
    margin-left: .18rem;
}

.software-function-item ul{
    list-style: outside;
}

.software-function img{
    height: 100%;
    width: 100%;
}


.pn2but{
    width: 3.6rem;
    height: .48rem;
    margin-top: .7rem;
    margin-bottom: .96rem;
    border-radius: .06rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .18rem;
    font-weight: 300;
    border: none;
    outline: none;
}

#noitomcare{
    background-image:url(../images/pns2.0/noitomcare.png);
    height: 6.5rem;
    background-repeat: round;
}
#noitomcare div{
    margin-left: 1.94rem;
    padding-top: 3.26rem;
    width: 9.7rem;
    height: .85rem;
    font-size: .2rem;
    font-weight: 350;
    line-height: 176.83%;
    letter-spacing: 0em;
    color: #FFFFFF;
}


.sdk-software {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.sdk-software img{
    width: auto;
    height: 100%;
    margin-right: 0.6rem;
    margin-bottom: .4rem;
}
.hardware-parameters{
    width: 14.3rem;
    background: #FFFFFF;
    border-radius: .06rem;
    font-size: .18rem;
    line-height: .36rem;
    color: #282828;
    padding: .48rem 1.08rem .48rem 1.08rem;
}
.hardware-parameters h3{
    color: #C81432;
    font-size: .24rem;
    margin-bottom: .2rem;
}  
.hardware-parameters label{
    display: inline-block;
    width: 1.2rem;
}  
.hardware-parameters label1{
    display: inline-block;
    width: 1.7rem;
}  
.hardware-parameters div span:first-child {
    display: inline-block;
    width: 3.8rem;
}  
.hardware-parameters div span:nth-child(2) {
    display: inline-block;
    width: 3.8rem;
}  
.hardware-parameters div span:last-child {
    display: inline-block;
    width: 3.8rem;
}  
.product-content-gray h2, .product-content h2{
    text-align: center;
    margin-bottom: .84rem!important;
}
.product-content-gray{
    padding: 1.44rem 2.4rem 1.44rem 2.4rem;
    background-color: #EFEFEF;
}
.product-content{
    padding: 1.44rem 2.4rem 1.44rem 2.4rem;      
}
.package-specifications-a{
    text-align: center;
    justify-content: center;
}
#plugin-software{
    text-align: center;
    padding: 1.44rem 2.4rem 1.4rem 2.4rem;
}

.summary{
    margin: 1.44rem 2.4rem .98rem 2.4rem;
}
.summary .title{
    line-height: .72rem;
    text-align: left;
}
.summary .title span{
    color: #C81432;
}
.summary .subtitle{
    margin-top: .2rem;
    margin-bottom: .6rem;
    font-size: .2rem;
    font-weight: normal;
    line-height: .32rem;
    /* 深灰 */
    color: #282828;
	
}
.summary video{
    width: 14.4rem;
    height: 8.1rem;
    object-fit: cover;
}
.summary .items{
    margin-top: .62rem;
    text-align: left;
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    line-height: .32rem;
}
.summary-item {
    width: 3.78rem;
    height: .54rem;
    display: flex;
    font-size: .2rem;
    margin-right: 1.4rem;
    justify-content: right;
}

.summary-item img {
    width: .54rem;
    height: .54rem;
}

.summary-item span:first-child{
    margin-right: .24rem;
}

#effect-demo{
    height: 7.88rem;
    background: #F1F1F1;
	padding: 1.2rem 2.4rem .98rem 2.4rem;
    text-align: center;
}
#effect-demo .demoItems{
    margin-top: .6rem;    
    width: 100%;
    display:flex;
    flex-wrap: nowrap;
    line-height: .32rem;
}
.demoItem{
    margin-right: .2rem;
}
.demoItem img{
    width: 2.72rem;
    height: 4.2rem;
    object-fit: cover;
}

.pnpro .applicable-scenarios{
    height: 2.4rem;
}
.pnpro .applicable-scenarios div{
    float: left;
    font-size: .36rem;
    text-align: center;
    line-height: 2.3rem;
    color: #FFFFFF;
    width: 25%;
    height: 2.4rem;
}
.pnpro .applicable-scenarios div img{
    height: 100%;
    width: 100%;
}

.pnpro .applicable-scenarios .as-title{
    display: inline-block;
    position: relative;
    left: 0;
    top: -2.2rem;
}

.pnproBut{
    width: 3.6rem;
    height: .48rem;
    margin-top: .7rem;
    margin-bottom: .96rem;
    border-radius: .06rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .18rem;
    font-weight: 300;
    border: none;
    outline: none;
}

#noitomcare{
    background-image:url(../images/pns2.0/noitomcare.png);
    height: 6.5rem;
}
#noitomcare div{
    margin-left: 1.94rem;
    padding-top: 3.26rem;
    width: 9.7rem;
    height: .85rem;
    font-size: .2rem;
    font-weight: 350;
    line-height: 176.83%;
    letter-spacing: 0em;
    color: #FFFFFF;
}
#noitomcare button{
    margin-left: 1.94rem;
    margin-top: 1.43rem;
    width: 1.56rem;
    height: .36rem;
    font-size: .18rem;
    border-radius: .24rem;
    color: #FFFFFF;
    line-height: .2rem;
    background: #C81432;
    border: none;
    outline: none;
}
.package-specifications-a{
    text-align: center;
    justify-content: center;
}
.robotics{
    height: .4rem;
    width: 100%;
    /* 深灰 */
    background: #282828;
}
.robotics-robot .title{
    text-align: center;
}
.robotics ul li{
    color: #AAAAAA;
    float: left;
    font-size: .16rem;
    /* margin-top: .03rem; */
    font-weight: normal;
    line-height: .4rem;
    text-align: center;
    margin-left: .36rem;
}
.robotics > ul .frist-title{
    margin-left: 1.44rem;
    margin-right: 6rem;
    color: #FFFFFF;
}
.robotics > ul li button{
    width: 1.08rem;
    height: .3rem;
    border-radius: .02rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .16rem;
    font-weight: normal;
    line-height: .18rem;
    border: none;
    outline: none;
}
.robotics > ul li a{
    color: #AAAAAA;
}
.robotics-summary {
    width: 6.72rem;
    height: 3.02rem;
    font-size: .2rem;
    text-align: justify;
    line-height: .32rem;
    color: #282828;
    margin-bottom: .3rem;
    margin-right: .8rem
}
.robotics-btn button{
    width: 1.8rem;
    font-size: .18rem;
    border-radius: .06rem;
    margin-right: .6rem;
    height: .47rem;
    color: #ffffff;
    background-color: #C82136;
    font-weight: 300;
    border: none;
    outline: none;
}
.related-articles{
    display: flex;
    flex-wrap: wrap;
}
.related-articles-item{
    width: 50%;
    padding: .3rem;
}
.related-articles-item img{
    width: 90%;
    border-radius: .06rem;
}
.related-articles-item .title{
    font-size: .24rem;
    text-align: justify;
    font-weight: 600;
    color: #282828;
}
.related-articles-item .desc{
    margin-top: .2rem;
    text-align: justify;
    font-weight: 300;
}
.related-articles-item .more{
    display: block;
    margin-top: .2rem;
    font-weight: 700;
    color: #c81432;
}


.solution{
    padding: 1.2rem 2.4rem;
    background: #FFFFFF;
}
.solution img{
    width: 14.4rem;
}
.solution-img-info{
    text-align: right;
    font-size: .12rem;
    font-weight: normal;
    color: #282828;
    margin-right: -.15rem;
}

.recommend{
    height: 7.2rem;
}

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

.solution-info{
    display: flex;
    justify-content: center;
}
.solution-info div{
    color: #C81432;
    font-size: .24rem;
    font-weight: 600;
    margin-left: .4rem;
    width: 4.4rem;
    margin-bottom: .87rem;
    
}
.solution-info div span{
    background: #666666;
    color: #FFFFFF;
    font-size: .14rem;
    padding: .05rem .1rem;
    border-radius: .02rem;
    margin-right: .05rem;
}
.solution-info div p{
    color: #282828;
    font-size: .2rem; 
    font-weight: normal;
    text-align: center;
    line-height: .33rem;
}

.humanoi-but{
    width: 2.04rem;
    height: .48rem;
    margin-top: .7rem;
    margin-bottom: .96rem;
    border-radius: .06rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .18rem;
    font-weight: 300;
    border: none;
    outline: none;
}
.recommend{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
    height: 9.6rem;
    color: #FFFFFF;
    font-size: .2rem;
}

.recommend .oddDiv{
    width: 9.6rem;   
    background: #121212;
    background-image:url(../images/robotics/pn-studio.png);
    background-position: center;
    background-size: auto 100%;
}
.recommend .pn3-pro{
    width: 9.6rem;   
    background: #666666;
    background-image:url(../images/animation-creation-solution/pn3-pro.png);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}
.recommend .evenDiv{
    width: 9.6rem; 
    background: #666666;
    background-image:url(../images/robotics/hybrid-track.png);
    background-position: center;
    background-size: auto 100%;
}
.recommend .pn-studio{
    width: 6.4rem;    
    background: #121212;
    background-image:url(../images/robotics/pn-studio.png);
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: bottom;

}
.recommend .pn3-pro1{
    width: 6.4rem;   
    background: #666666;
    background-image:url(../images/animation-creation-solution/pn3-pro.png);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}
.recommend .hybrid-track{
    width: 6.4rem;   
    background: #666666;
    background-image:url(../images/robotics/hybrid-track.png);
    background-position: bottom;
}
.recommend div img{
    margin-top: 1rem;
    margin-bottom: .24rem;
}
.recommend div h3{
    font-size: .36rem;
    line-height: .56rem;
    font-weight: normal;
    margin: 6rem 0 .12rem 0;
}
.recommend div button{
    margin-top: 4rem;
}
.device div img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.device-title{
    position: absolute;
    /* background-color: #AAAAAA; */
    padding-bottom: .3rem;
    color: #FFF;
    width: 100%;
    display: block;
    /* left: 65px; */
    top: 50%;
}

.device div div span{
    color: #666666;
    font-size: .18rem;
    padding-left: 2rem;
}
.partners{
    background: #FFFFFF;
    padding: 1.08rem 2.4rem .58rem 2.4rem;
}
.partners-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: .69rem;
    text-align: center;
}
.partners-item div{
    width: 18%;
    margin: .2rem 0 .6rem .2rem;
}
.partners-item div img{
    height: .48rem;    
    width: auto;
}    
.banner-content h2{
    font-size: .54rem !important;
    line-height: .65rem !important;
}
.banner-content p{
    font-size: .24rem !important;
    line-height: .36rem !important;
    margin-top: .24rem;
}
.vps .contactUs .form-item > div {
    width: 24% !important;
}
.hybridTrack .banner-content {
    position: absolute;
    top: .93rem;
    left: 1.96rem;
    color: #ffffff;
}
.hybridTrack h2,.hybridTrack h1 {
    font-size: .48rem;
    font-weight: 500;
    line-height: .6rem;
    text-align: left;
    margin-bottom: .48rem;
}    
.hybridTrack .banner-logo {
    width: 2.77rem;
    margin-bottom: .4rem;
}

.hybridTrack .banner-content h2 {
    font-size: .54rem;
    font-weight: normal;
    line-height: .7rem;
    margin-bottom: .4rem;
}
.hybridTrack .banner-content p {
    font-size: .24rem;
    line-height: .36rem;
    margin-top: .24rem;
}

.hybridTrack .banner-content .button {
    width: 3.54rem;
    height: .47rem;
    line-height: .47rem;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    background: #c82136;
    margin-top: .37rem;
}

.hybridTrack-summary {
    background: #666666;
    padding: 1.44rem 2.4rem 1.44rem 2.4rem;
    display: flex;
    color: #FFFFFF;
}
.hybridTrack-summary div{
    width: 7.2rem;
}
.hybridTrack-summary div p{
    line-height: .4rem;
    font-size: .2rem;
    padding-right: .82rem;
}
.hybridTrack-summary div img{
    width: 100%;
    /* height: 4.5rem;
    object-fit: cover; */
}



.hybridTrack .ht-button{
    width: auto;
    height: .47rem;
    margin-top: .7rem;
    border-radius: .24rem;
    color: #ffffff;
    background-color: #C82136;
    font-size: .18rem;
    padding: 0 .7rem;
    border: none;
    outline: none;
}

.animationCreationSolution .banner-content {
    position: absolute;
    top: 2rem;
    left: 1.96rem;
    color: #ffffff;
}
.animationCreationSolution .banner-content .button {
    width: 3.54rem;
    height: .47rem;
    line-height: .47rem;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    background: #c82136;
    margin-top: .37rem;
}
.animationCreationSolution .banner-content > p {
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0.5rem;
    font-size: .18rem;
    line-height: .24rem;
}
.animationCreationSolution h2 {
    font-size: .54rem;
    font-weight: normal;
    line-height: .7rem;
    margin-bottom: .4rem;    
}

.product-advantages{
    background-color: #FFFFFF;
}
.product-advantages h2{
    text-align: center;
}
.digitalHumanSolution .advantages{
    justify-content: center;
}

.advantages{
    display:flex;
    flex-wrap: wrap;
    margin-top: .8rem;
}

.advantages-item {
    width: 4.6rem;
    height: 1.26rem;
    display: flex;
    font-size: .20rem;
}

.advantages-item span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.11rem;
    height: 1.11rem;
}

.advantages-item div{
    display: flex;
    align-items: center;
    width: 2.2rem;
    height: 1.11rem;
}

.advantages-item img {
    width: .54rem;
    height: auto;
}
.system-panorama{
    padding: 1rem 2rem; 
    background: #F1F1F1;
}
.system-panorama img{
    width: 100%;
    height: auto;
    margin-bottom: .5rem;
}
.plugin-software{
    text-align: center;
}
.animationCreationSolution .perception-banner2,.digitalHumanSolution .perception-banner2 {
    padding: .89rem 0 1.2rem;
    text-align: center;
    background: #F1F1F1;
 }
 
 .digitalHumanSolution .perception-banner2 > img {
    margin-top: 1.2rem;
    width: 11.7rem;
 }
 .digitalHumanSolution .banner-content {
    position: absolute;
    top: 2rem;
    left: 1.96rem;
    color: #ffffff;
}
.digitalHumanSolution .banner-content .button {
    width: 3.54rem;
    height: .47rem;
    line-height: .47rem;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    background: #c82136;
    margin-top: .37rem;
}
.digitalHumanSolution .banner-content > p {
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0.5rem;
    font-size: .18rem;
    line-height: .24rem;
}
.digitalHumanSolution h2 {
    font-size: .54rem;
    font-weight: normal;
    line-height: .7rem;
    margin-bottom: .4rem;    
}
.applicable-universities{
    text-align: center;
}
.applicable-universities ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .8rem;
}
.applicable-universities ul li{
    width: 3rem;
    height: 1rem;
    font-size: .2rem;
    margin: .1rem; 
    font-weight: normal;
    padding: .1rem;  
    border: .01rem solid #ccc;  
    box-shadow: 0 .02rem .04rem rgba(0,0,0,0.1);  
    text-align: center;  
    background-color: #f9f9f9;  
}

.hrobot-summary {
    background: #F1F1F1;
    padding: 1.44rem 2.4rem 1.44rem 2.4rem;
    display: flex;
}
.drawDot{
    position: absolute;
    margin-top: -1.3rem;
}
.font14-top{
    vertical-align: top;
    font-size: .12rem;
    line-height: 1;
}
.info-p{
    margin-top: .4rem;
    color: gray;
    font-size: .14rem;
    line-height: .24rem;
}
.btn2{
    height: .4rem;
    padding: 0 .4rem;
    line-height: .4rem;
    background: #c81432;
    color: #fff;
    position: relative;
    z-index: 6;
    text-transform: uppercase;
    font-size: .18rem;
    border-radius: .2rem;
    margin-top: 26px;
    display: inline-block;
    text-align: center;
}
.captureTrainingRoomSolution .system-panorama-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .3rem;
    font-size: .24rem;
    color: #9E9E9E;
}
.captureTrainingRoomSolution .system-panorama-content div{
    width: 50%;
    margin-top: .5rem;
}
.captureTrainingRoomSolution .system-panorama-content div:nth-child(2n){
    padding-left: 1rem;
}
.hi5-2 .summary p{
    font-size: .2rem;
    font-weight: 300;
    line-height: .4rem;
    margin-bottom: .6rem;
}
.hi5-2 .support-headset{
    background: #2F2F36;
}
.hi5-2 .support-headset h2{
    text-align: center;
    color: #fff;
}
.hi5-2 .support-headset-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .7rem;
}
.hi5-2 .suit-list-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .7rem;
}

.hi5-2 .suit-list-content div{
    width: 49%;
}
.table-label{
    height: .4rem;
    border-radius: .06rem;
    background: #C81432;
    font-size: .16rem;
    color: #FFFFFF;
    padding: .06rem .11rem;
}
.hi5-2 .content-p{
    font-size: .24rem;
    line-height: .36rem;
    font-weight: 200;
    margin-bottom: .8rem;
}
.title-h2{
    text-align: center;
    padding:1rem 0;
}
.bg-while{
    background-color: #FFFFFF;
}
.bg-noitom{
    background-color: #c81432;
}