.part1 {
  width: 100%;
  height: 770px;
  background: url("../images/Remote-03.jpg") no-repeat center;
  background-size: cover;
  text-align: center;
  position: relative;
  color: #ffffff;
  margin-top: 0;
}
.part1 .title1{
  font-size:48px;
  font-weight:100;
}
.part1-content {
  width: 52%;
  padding: 300px 0 0 12%;
  color: #717171;
}

/*第二部分*/
.part2 {
  text-align: center;
}

.text-content {
  max-width:1100px;
  margin: 102px auto;
}

.part2-imgBox {
  max-width: 1100px;
  padding:0 100px 80px 100px;
  margin: 0 auto;
  position: relative;
}
.part2-imgBox:after{
  content:' ';
  clear:both;
  display:block;
}

.part2-imgBox .img{
  width:95px;
  float:left;
}
.part2-imgBox .img img{
  width:100%;
}
.part2-imgBox .part2-cont{
  width:100%;
  padding-left:115px;
  text-align:left;
}
.part2-imgBox .part2-cont .list{
  width:100%;
  height:94px;
}
.ntit1{
  font-size:22px;
  color:#2e2624;
}
.ntit2{
  font-size:14px;
  color:#595757;
}
.im{
  padding:20px 0;
}
.call{
  padding:20px 0;
  margin-top:56px;
}
.desktop{
  padding:20px 0;
  margin-top:80px;
}
.printscreen{
  padding-top:5px;
  margin-top:80px;
}

.vedio {
  position: absolute;
  left:18%;
  top: 78%;
  text-align: left;
}

/*第三部分*/
.part3 {
  width: 100%;
  background-color: #F5F5F5;
  padding: 10rem 0;
  padding-top: 100px\9;
  padding-bottom: 100px\9;
  text-align: center;
}
.part3-cont{
  max-width:1100px;
  margin:0 auto;
}
.part3-cont .title{
  font-size:18px;
  line-height:32px;
  color:#595757;
}

.part3 img {
  /*width: 60%;*/
  margin-top: 8rem;
  margin-top: 80px\9;
}

.part4 {
  text-align: center;
}
@media (max-width: 1366px){
  .call {
    left: 31%;
  }
  .printscreen {
    left: 53%;
  }
}
@media (max-width: 768px) {
  .part1 {
    height: 9.2rem;
    background: url("../images/Romote-m03.png") no-repeat center;
    background-size: cover;
    margin-top: 61px;
  }

  .part1-content {
    width: 100%;
    margin:0 auto;
    padding:2rem .3rem;
  }
  .part1-content .title1{
    font-size:.38rem;
    letter-spacing:2px;
  }
  .part1-content .title3{
    font-size:.28rem;
  }

  .text-content {
    width: 80%
  }
  .ntitle3{
    font-size:.32rem;
  }
  .ntitle4{
    font-size:.26rem;
    color:#595757;
  }
  .part3 img {
    width: 100%;
  }
  .mobile-imgBox{
    height:7.5rem;
    margin-top:.8rem;
  }
  .mobile-imgBox:after{
    content:'';
    clear:both;
    display:block;
  }
  .mobile-imgBox .img{
    width:.95rem;
    float:left;
  }
  .mobile-imgBox .img img{
    width:100%;
  }
  .mobile-imgBox .part2-cont{
    width:100%;
    padding-left:1.15rem;
    text-align:left;
    position:relative;
  }
  .mobile-imgBox .part2-cont .list{
    width:100%;
    height:.94rem;
  }
  .nbox2{
    padding:.6rem 0;
  }
  .ntit1{
    font-size:.3rem;
    color:#2e2624;
    margin-bottom:.1rem;
  }
  .ntit2{
    font-size:.25rem;
    color:#595757;
  }
  .mobile-imgBox .im{
    padding:0;
    position:relative;
    top:-.3rem;
  }
  .mobile-imgBox .call{
    padding:0;
    margin-top:.56rem;
  }
  .mobile-imgBox .desktop{
    padding:0;
    margin-top:.8rem;
  }
  .mobile-imgBox .printscreen{
    padding:0;
    margin-top:.8rem;
  }
  .mobile .row {
    padding: 40px 0;
  }
  .mobile-cont2{
    padding:.2rem;
    background-color:#f5f5f5;
  }
  .mobile-content {
    padding:.2rem;
  }

  .mobile-content1 {
    text-align: center;
  }
  .mobile-content1:after{
    content:'';
    clear:both;
    display:block;
  }
  .row{
    margin:0 !important;
  }
  .mobile-content1 .title1{
    font-size:.4rem;
    margin-bottom:.3rem;
    font-weight:100;
    letter-spacing:0;
  }
  .mobile-content1 .title5{
    font-size:.26rem;
    text-align:left;
  }

  .mobile-content2 {
    background-color: #EA5661;
    color: #ffffff;
  }

  .mobile-content3 {
    background-color: #7CCACA;
    text-align: right;
    color: #ffffff;
  }

  .mobile-content4 {
    background-color: #1E4A6D;
    color: #ffffff;
  }

  .mobile-content5 {
    background-color: #ED8362;
    color: #ffffff;
    text-align: right;
  }

  .mobile-content6 {
    background-color: #9BD7F2;
    color: #ffffff;
  }

  .mobile-content7 .row {
    padding: 0;
  }

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

  .mobile-content7 p {
    padding: 10px;
    border-radius: 10px;
    color: #ffffff;
    text-align: left;
    font-size:.26rem;
  }

  .assign h4 {
    color: #35B9B2;
  }

  .assign p {
    background-color: #35B9B2;
  }

  .warning h4 {
    color: #D6000F;
  }

  .warning p {
    background-color: #D6000F;
  }

  .lineup h4 {
    color: #E67B12;
  }

  .lineup p {
    background-color: #E67B12;
  }

  .dialog h4 {
    color: #67A9DC;
  }

  .dialog p {
    background-color: #67A9DC;

  }

  .monitoring h4 {
    color: #62C6E8;
  }

  .monitoring p {
    background-color: #62C6E8;
  }

  .many h4 {
    color: #F5A540;
  }

  .many p {
    background-color: #F5A540;
  }

  .praise .row {
    padding: 0;
    margin: 0;
  }
}