.service-onepage{
    position: relative;
}
.service-onepage>.service-onepage-text{
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* width: 504px; */
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 32px;
}
.mian-app-header{
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}
.mian-app-header .projectPath{
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e5e5e5;
    color: #999;
  }
  .mian-app-header .projectPath a {
    color: #999;
  }
  .mian-app-header .projectPath u {
    padding: 0 10px;
    text-decoration: none;
  }
.service-onepage>.service-onepage-pic{
    position: absolute;
    top:35%;
    display:flex;
    justify-content: center;
    width: 700px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.service-onepage>.service-onepage-pic>.service-onepage-pic-one{
    width: 218px;
    height: 221px;
    margin-right: 22px;
    position: relative;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-one>.content{
    position: absolute;
    top:21px;
    left: 23px;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-one>.content>.oneLine{
    display: flex;
    font-size: 27px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-one>.content>.oneLine>.title{
   margin-right: 77px;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-one>.content>.twoLine{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 52px;
 }

 .service-onepage>.service-onepage-pic>.service-onepage-pic-one>.content>.moreknow{
    font-size: 12px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #9C1D22;
    margin-top: 23px;
    cursor: pointer;
 }

.service-onepage>.service-onepage-pic>.service-onepage-pic-two{
    width: 218px;
    height: 221px;
    margin-right: 22px;
    position: relative;
}

.service-onepage>.service-onepage-pic>.service-onepage-pic-two>.content{
    position: absolute;
    top:21px;
    left: 23px;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-two>.content>.oneLine{
    display: flex;
    font-size: 27px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-two>.content>.oneLine>.title{
   margin-right: 77px;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-two>.content>.twoLine{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 52px;
 }

 .service-onepage>.service-onepage-pic>.service-onepage-pic-two>.content>.moreknow{
    font-size: 12px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #9C1D22;
    margin-top: 41px;
    cursor: pointer;
 }



.service-onepage>.service-onepage-pic>.service-onepage-pic-three{
    width: 218px;
    height: 221px;
    position: relative;
}

.service-onepage>.service-onepage-pic>.service-onepage-pic-three>.content{
    position: absolute;
    top:21px;
    left: 23px;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-three>.content>.oneLine{
    display: flex;
    font-size: 27px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-three>.content>.oneLine>.title{
   margin-right: 77px;
}
.service-onepage>.service-onepage-pic>.service-onepage-pic-three>.content>.twoLine{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 52px;
 }

 .service-onepage>.service-onepage-pic>.service-onepage-pic-three>.content>.moreknow{
    font-size: 12px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #9C1D22;
    margin-top: 23px;
    cursor: pointer;
 }
 .service-twopage{
    margin-bottom: 90px;
 }
.service-twopage>.threetitle{
    display: flex;
    width: 180px;
    margin: 0 auto;
    margin-top: 90px;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #999;
    height: 44px;
    line-height: 44px;
    border-bottom:1px solid  ;
    justify-content: space-between;
}
.service-twopage>.threetitle>div{
    width: 40px;
    text-align: center;
    cursor: pointer;
}

.service-twopage>.threetitle>.active{
    font-weight: 900;
    color: #000;
    border-bottom:  #9C1D22 3px solid;
}

.service-twopage>.threecontent{
    width: 855px;
    margin: 0 auto;
    margin-top: 45px;
}
.service-twopage>.threecontent>.onePage>.onePage-top{
    position: relative;
    
}
.service-twopage>.threecontent>.onePage>.onePage-top>.onePage-top-left{
    position: absolute;
    top: 45px;
    left: 45px;
    height: 21px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 21px;
}
.service-twopage>.threecontent>.onePage>.onePage-top>.onePage-top-right{
    position: absolute;
    right:101px ;
    bottom: 45px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 23px;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-left{
    width: 416px !important;
    height: 375px !important;
    position: relative;
}

.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-left>.tops{
    position: absolute;
    left: 45px;
    top: 45px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-left>.bottoms{
    position: absolute;
    left: 45px;
    bottom: 45px;
    width: 188px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-left>.bottoms>div{
   height: 30px;
   line-height: 30px;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-right{
    width: 416px !important;
    height: 375px !important;
    position: relative;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-right>.tops{
    position: absolute;
    left: 45px;
    top: 45px;
    font-size: 15px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-right>.middle{
    position: absolute;
    left: 45px;
    bottom: 77px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-right>.middle>div{
   height: 30px;
   line-height: 30px;
}
.service-twopage>.threecontent>.onePage>.onePage-bottom>.onePage-bottom-right>.bottoms{
    position: absolute;
    left: 45px;
    bottom: 45px;
    height: 32px;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}

.service-twopage>.twoPage{
   position: relative;
   margin-top: 59px;
}
.service-twopage>.twoPage>.twoPage-top{
    position: absolute;
    top: 121px;
    left: 0px;
    right: 0px;
    height: 45px;
    font-size: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-left{
    height: 34px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 34px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right{
    position: relative;
    top: 150px;
    left: 900px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right>.twoPage-top-right-one>.twoPage-top-right-one-top{
    height: 15px;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 15px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right>.twoPage-top-right-one>.twoPage-top-right-one-bottom{
    height: 38px;
    font-size: 35px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right>.twoPage-top-right-two>.twoPage-top-right-two-top{
    height: 15px;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 15px;
    margin-top: 45px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right>.twoPage-top-right-two>.twoPage-top-right-two-bottom{
    height: 38px;
    font-size: 35px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right>.twoPage-top-right-three>.twoPage-top-right-three-top{
    height: 15px;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 15px;
    margin-top: 45px;
}
.service-twopage>.twoPage>.twoPage-top>.twoPage-top-right>.twoPage-top-right-three>.twoPage-top-right-three-bottom{
    height: 38px;
    font-size: 35px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
}

.service-twopage>.twoPage>.twoPage-middle{
    position: absolute;
    /* bottom: 300px; */
    top: 550px;
    width: 1049px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.service-twopage>.twoPage>.twoPage-middle>.title{
    height: 45px;
    font-size: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    margin-bottom: 60px;
}


/* 第三项 */
.service-twopage>.threecontent>.threePage>.threePage-top{
    position: relative;
    
}
.service-twopage>.threecontent>.threePage>.threePage-top>.threePage-top-left{
    position: absolute;
    top: 45px;
    left: 45px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-top>.threePage-top-right{
    position: absolute;
    bottom: 45px;
    left: 45px;
    font-size: 18px;
    width: 126px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-top>.threePage-top-right-right{
    position: absolute;
    bottom: 45px;
    left: 210px;
    font-size: 18px;
    width: 126px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 23px;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-left{
    width: 416px !important;
    height: 375px !important;
    position: relative;
}

.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-left>.tops{
    position: absolute;
    left: 45px;
    top: 45px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-left>.bottoms{
    position: absolute;
    left: 45px;
    bottom: 45px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-left>.bottoms>div{
   height: 30px;
   line-height: 30px;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-right{
    width: 416px !important;
    height: 375px !important;
    position: relative;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-right>.tops{
    position: absolute;
    left: 45px;
    top: 45px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-right>.middle{
    position: absolute;
    left: 45px;
    bottom: 45px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-right>.middle>div{
   height: 30px;
   line-height: 30px;
}
.service-twopage>.threecontent>.threePage>.threePage-bottom>.threePage-bottom-right>.bottoms{
    position: absolute;
    left: 45px;
    bottom: 45px;
    height: 32px;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}