.banner-wrap{
    margin-top: 1.2rem;
    height: 9.36rem;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
    background-color: #121212;
    /* border-bottom: .01rem solid #c82136; */
}
.banner-wrap video{
    filter: grayscale(1) brightness(.75);
}
.banner-content{
    width: 5rem;
    text-align: center;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
}
.banner-content button{
    width: 5rem;
}    
.banner-title{
    font-size: .4rem;
    color: #FFFFFF;
    line-height: .6rem;
}
.banner-desc{
    margin-top: 2.5rem;
    margin-bottom: .6rem;
    font-size: .26rem;
    color: #FFFFFF;
    line-height: .4rem;
    text-align: justify;
}
.btn2{
    width: auto;
    height: .7rem;
    border-radius: .15rem;
    padding: 0 .6rem;
    color: #FFFFFF;
    border: 0;
    background: #C81432;
}
.btn2-min{
    width: auto;
    height: .5rem;
    border-radius: .05rem;
    padding: 0 .2rem;
    color: #FFFFFF;
    border: 0;
    font-size: .2rem;
    background: #C81432;
}
red-font{
    color: #C81432;
}

.menu-mobile{
    height: .7rem;
    width: 100%;
    /* 深灰 */
    background: #282828;
    color: #fff;
    overflow-x: auto; /* 允许横向滚动 */
    white-space: nowrap; /* 防止换行 */
}
.menu-mobile ul {
    display: flex; /* 使用弹性布局 */
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-mobile li {
    margin-left: .3rem; /* 项目之间的间距 */
    color: #fff;
}
.menu-mobile a {
    color: #fff;
    line-height: .7rem;
    font-size: .24rem;
    font-weight: normal;
}
.menu-mobile button{
    margin: .1rem .2rem;
}


.menu-top{
    position: sticky;
    position: -webkit-sticky;
    top: 1.22rem;
    z-index: 466;
 }
 .roboticsRobot .summary{
    background: #efefef;
 }
 .roboticsRobot .summary p{
    margin: .6rem;
    font-size: .3rem;
    line-height: .6rem;
    text-align: justify;
 }

 .roboticsRobot .summary div{
    /* display: flex; */
    padding-bottom: .5rem;
    text-align: center;
 }

 .roboticsRobot .summary div button{
    margin-left: .7rem;
 }
 .roboticsRobot .solution h2, .roboticsRobot .solution-step h2{
    margin-bottom: .6rem;
 }
.roboticsRobot .solution{
    padding: .6rem;
    text-align: center;
}

.roboticsRobot .solution-step{
    padding: .6rem;
    font-size: .25rem;
    text-align: center;
}

.roboticsRobot .solution-step div{
    color: #C81432;
    font-weight: 600;
    font-size: .26rem;
    margin-left: .4rem;
    margin-bottom: .87rem;
    text-align: left;
}

.roboticsRobot .solution-step div p{
    color: #282828;
    font-weight: normal;
    text-align: left;
    margin-top: .2rem;
}

.roboticsRobot .solution-step div span{
    background: #666666;
    color: #FFFFFF;
    font-size: .23rem;
    padding: .05rem .2rem;
    border-radius: .02rem;
    margin-right: .1rem;
}
.customer-case{
    background: #282828;
    padding: .6rem;
    text-align: center;
    color: #FFFFFF;
}

.customer-case-item{
    margin-top: 1rem;
}

.customer-case-item img{
    height: auto;
    width: 100%;
 }  
 .customer-case-item div{
    margin-top: .24rem;
    line-height: .6rem;
    color: #FFFFFF;
 } 
 .customer-case-item div span{
    color: #AAAAAA;
 } 
 .roboticsRobot .customer-case button{
    margin-top: 1rem;
    width: 5rem;
 }

 .partners{
    background: #FFFFFF;
    padding: .6rem .3rem 0 .3rem;
    text-align: center;
}
.partners-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .3rem;
}
.partners-item div { 
    width: 32%;
}
.partners-item div img{
    height: .4rem;    
    width: auto;
    margin-right: .1rem;
    margin-bottom: .6rem;
}  
.recommend{
    text-align: center;
    color: #FFFFFF;
}

.recommend .oddDiv{
    width: 100%;    
    height: 9.6rem;
    background: #121212;
    background-image:url(../images/robotics/pn-studio.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;

}

.recommend .evenDiv{
    width: 100%;   
    height: 9.6rem;
    background: #121212;
    background-image:url(../images/robotics/hybrid-track.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.recommend div h3{
    font-size: .36rem;
    line-height: .56rem;
    margin-bottom: .12rem;
    padding-top: 6rem;
}
.recommend div button{
    margin-top: 5rem;
}
.recommend div div{
    margin-top: .4rem;
    line-height: .4rem;
    font-size: .28rem;
}

.contactUs {
    height: 12.42rem;
    background: #efefef;
    padding: .84rem .6rem 0;
    position: relative;
}

.contactUs h2 {
    /* font-size: .36rem;
    font-weight: 400; */
    text-align: center;
    line-height: .47rem;
    margin-bottom: .36rem;
}

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

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

.contactUs textarea{
    background-color: #fff;
    border-radius: .12rem;
    width: 100%;
    height: 2rem;
    border: none;
    font-size: .2rem;
    font-weight: 300;
}

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

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

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

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

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

.contactUs .error-icon {
    width: .2rem;
    height: .2rem;
    margin-right: .16rem;
}
.contactUs .industry-wrap {
    display: flex;
    flex-wrap: wrap;
    font-size: .2rem;
    font-weight: 300;
    padding: .24rem .24rem 0;
    margin-bottom: .35rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.drawDot{
    position: absolute;
    margin-top: -1.6rem;
}

.pnstuido .summary h2{
    margin-top: .6rem;
    padding: .4rem;
}

.pnstuido .summary video{
    margin: 0 0 .6rem 0;
    width: 100%;
    height: auto;
}
.applicable-scenarios img{
    width: 100%;
    height: auto;
}
.applicable-scenarios .as-title {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: .5rem;
    left: 25%;
    top: -2.2rem;
}
.related-articles{
    padding: .6rem;
    text-align: center;
    background: #efefef;
}
.related-articles h2{
    margin-top: .5rem;
    font-size: .3rem;
}
.related-articles img{
    width: 100%;
    border-radius: .1rem;
}
.related-articles p{
    text-align: justify;
    font-size: .24rem
}
.bg-noitom{
    background-color: #c81432;
}