.page {
    width: 100%;
    height: 12.5rem;
    background: url("../img/quality/engineering/page-pic.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .875rem;
  }
  .page .titleNav {
    flex-direction: column;
    width: 21.9375rem;
    height: 6.4688rem;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
  }
  .page .bigTitle {
    font-size: 1.3125rem;
    text-align: center;
    color: #fff;
    font-family: SimSun;
    font-weight: bold;
  }
  .page .tinyTitle {
    font-size: .6875rem;
    margin-top: .8125rem;
    text-align: center;
    font-family: SimSun;
    font-weight: bold;
    color: #fff;
  }
  .video {
    width: 19.6875rem;
    height: 10.875rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
  }
  .process {
    width: 100%;
    margin: 0 auto;
  }
  .process .title {
    padding-top: .875rem;
    padding-bottom: .3438rem;
    color: #083b30;
    font-size: 1.0625rem;
    text-align: center;
    font-family: SimSun;
  }
  .process .nav {
    width: 21.875rem;
    background-color: #d8d8d8;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    box-sizing: border-box;
  }
  .process .nav .box {
    width: 3.625rem;
  }
  .process .nav .box .t1 {
    padding-top: .4688rem;
    padding-bottom: .0625rem;
    font-size: .9375rem;
    text-align: center;
    color: #333333;
  }
  .process .nav .box .t2 {
    padding-bottom: .5rem;
    font-size: .6875rem;
    text-align: center;
    color: #333333;
  }
  .process .title2 {
    padding-top: .6875rem;
    padding-bottom: .375rem;
    font-size: 1.0625rem;
    text-align: center;
  }
  .process .title-s {
    padding-bottom: .625rem;
    font-size: .75rem;
    color: #666666;
    text-align: center;
  }
  .process .process {
    margin-bottom: 1.25rem;
    width: 100%;
    height: 15.6875rem;
    background: url("../img/quality/engineering/process2.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .vs-list1 {
    width: 100%;
    height: 16.5625rem;
    background-color: #f7f7f7;
  }
  .vs-list1 .list {
    width: 19.4688rem;
    margin: 0 auto;
  }
  .vs-list1 .list .title {
    padding-top: .75rem;
    padding-bottom: .5rem;
    font-size: .6875rem;
    font-size: .625rem;
    color: #0c624f;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .vs-list1 .list .e-title {
    font-size: .4688rem;
    text-align: center;
    color: #666666;
  }
  .vs-list1 .vs-box {
    width: 19.4688rem;
    margin: 0 auto;
    margin-top: .8125rem;
    display: flex;
  }
  .vs-list1 .vs-box .box-left {
    width: 8.75rem;
  }
  .vs-list1 .vs-box .box-left .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/zzgy1.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list1 .vs-box .box-left .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #97c53f;
    color: #fff;
    text-align: center;
  }
  .vs-list1 .vs-box .box-left .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list1 .vs-box .box-left .text {
    background-color: #fff;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #8ed116;
  }
  .vs-list1 .vs-box .mid {
    width: 1.9688rem;
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list1 .vs-box .mid .vs {
    position: relative;
    width: 1.0938rem;
    height: 3.5rem;
    border: .0625rem solid #045e33;
    border-left: none;
    border-right: none;
    color: #045e33;
    font-size: 1.1563rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list1 .vs-box .mid .vs::before {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  .vs-list1 .vs-box .mid .vs::after {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
  }
  .vs-list1 .vs-box .box-right {
    width: 8.75rem;
  }
  .vs-list1 .vs-box .box-right .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/ptgy1.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list1 .vs-box .box-right .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #666;
    color: #fff;
    text-align: center;
  }
  .vs-list1 .vs-box .box-right .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list1 .vs-box .box-right .text {
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    background-color: #fff;
    font-size: .5625rem;
    color: #666666;
  }
  .vs-list2 {
    width: 100%;
    height: 16.5625rem;
    background-color: #fff;
  }
  .vs-list2 .list {
    width: 19.4688rem;
    margin: 0 auto;
  }
  .vs-list2 .list .title {
    padding-top: .75rem;
    padding-bottom: .5rem;
    font-size: .6875rem;
    color: #0c624f;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .vs-list2 .list .e-title {
    font-size: .4688rem;
    text-align: center;
    color: #666666;
  }
  .vs-list2 .vs-box {
    width: 19.4688rem;
    margin: 0 auto;
    margin-top: .8125rem;
    display: flex;
  }
  .vs-list2 .vs-box .box-left {
    width: 8.75rem;
  }
  .vs-list2 .vs-box .box-left .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/zzgy2.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list2 .vs-box .box-left .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #97c53f;
    color: #fff;
    text-align: center;
  }
  .vs-list2 .vs-box .box-left .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list2 .vs-box .box-left .text {
    background-color: #e5f1ce;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #045e33;
  }
  .vs-list2 .vs-box .mid {
    width: 1.9688rem;
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list2 .vs-box .mid .vs {
    position: relative;
    width: 1.0938rem;
    height: 3.5rem;
    border: .0625rem solid #045e33;
    border-left: none;
    border-right: none;
    color: #045e33;
    font-size: 1.1563rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list2 .vs-box .mid .vs::before {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  .vs-list2 .vs-box .mid .vs::after {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
  }
  .vs-list2 .vs-box .box-right {
    width: 8.75rem;
  }
  .vs-list2 .vs-box .box-right .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/ptgy2.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list2 .vs-box .box-right .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #666;
    color: #fff;
    text-align: center;
  }
  .vs-list2 .vs-box .box-right .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list2 .vs-box .box-right .text {
    background-color: #dddddd;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #666666;
  }
  .vs-list3 {
    width: 100%;
    height: 16.5625rem;
    background-color: #f7f7f7;
  }
  .vs-list3 .list {
    width: 19.4688rem;
    margin: 0 auto;
  }
  .vs-list3 .list .title {
    padding-top: .75rem;
    padding-bottom: .5rem;
    font-size: .6875rem;
    color: #0c624f;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .vs-list3 .list .e-title {
    font-size: .4688rem;
    text-align: center;
    color: #666666;
  }
  .vs-list3 .vs-box {
    width: 19.4688rem;
    margin: 0 auto;
    margin-top: .8125rem;
    display: flex;
  }
  .vs-list3 .vs-box .box-left {
    width: 8.75rem;
  }
  .vs-list3 .vs-box .box-left .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/zzgy3.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list3 .vs-box .box-left .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #97c53f;
    color: #fff;
    text-align: center;
  }
  .vs-list3 .vs-box .box-left .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list3 .vs-box .box-left .text {
    background-color: #fff;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #8ed116;
  }
  .vs-list3 .vs-box .mid {
    width: 1.9688rem;
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list3 .vs-box .mid .vs {
    position: relative;
    width: 1.0938rem;
    height: 3.5rem;
    border: .0625rem solid #045e33;
    border-left: none;
    border-right: none;
    color: #045e33;
    font-size: 1.1563rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list3 .vs-box .mid .vs::before {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  .vs-list3 .vs-box .mid .vs::after {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
  }
  .vs-list3 .vs-box .box-right {
    width: 8.75rem;
  }
  .vs-list3 .vs-box .box-right .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/ptgy3.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list3 .vs-box .box-right .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #666;
    color: #fff;
    text-align: center;
  }
  .vs-list3 .vs-box .box-right .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list3 .vs-box .box-right .text {
    background-color: #fff;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #666666;
  }
  .vs-list4 {
    width: 100%;
    height: 16.5625rem;
    background-color: #fff;
  }
  .vs-list4 .list {
    width: 19.4688rem;
    margin: 0 auto;
  }
  .vs-list4 .list .title {
    padding-top: .75rem;
    padding-bottom: .5rem;
    font-size: .6875rem;
    color: #0c624f;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .vs-list4 .list .e-title {
    font-size: .4688rem;
    text-align: center;
    color: #666666;
  }
  .vs-list4 .vs-box {
    width: 19.4688rem;
    margin: 0 auto;
    margin-top: .8125rem;
    display: flex;
  }
  .vs-list4 .vs-box .box-left {
    width: 8.75rem;
  }
  .vs-list4 .vs-box .box-left .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/zzgy4.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list4 .vs-box .box-left .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #97c53f;
    color: #fff;
    text-align: center;
  }
  .vs-list4 .vs-box .box-left .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list4 .vs-box .box-left .text {
    background-color: #e5f1ce;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #045e33;
  }
  .vs-list4 .vs-box .mid {
    width: 1.9688rem;
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list4 .vs-box .mid .vs {
    position: relative;
    width: 1.0938rem;
    height: 3.5rem;
    border: .0625rem solid #045e33;
    border-left: none;
    border-right: none;
    color: #045e33;
    font-size: 1.1563rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vs-list4 .vs-box .mid .vs::before {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  .vs-list4 .vs-box .mid .vs::after {
    content: "";
    width: .0625rem;
    height: .3125rem;
    background-color: #045e33;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
  }
  .vs-list4 .vs-box .box-right {
    width: 8.75rem;
  }
  .vs-list4 .vs-box .box-right .pic {
    width: 8.75rem;
    height: 6.25rem;
    background: url("../img/quality/engineering/ptgy4.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .vs-list4 .vs-box .box-right .pic .title {
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .875rem;
    background-color: #666;
    color: #fff;
    text-align: center;
  }
  .vs-list4 .vs-box .box-right .pic:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .vs-list4 .vs-box .box-right .text {
    background-color: #dddddd;
    padding: .4375rem;
    padding-top: .3125rem;
    height: 4.75rem;
    font-size: .5625rem;
    color: #666666;
  }
  .bg-box {
    width: 100%;
    height: 14.375rem;
    background: url('../img/quality/engineering/dzxgy2.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box {
    width: 23.4375rem;
    height: 13.4375rem;
    margin: 0 auto;
    display: flex;
  }
  .bg-box .cont-box .left {
    width: 8.75rem;
  }
  .bg-box .cont-box .left ul {
	  width: 130px;
    margin: 0;
    margin-left: .3125rem;
    margin-top: 10px;
  }
  .bg-box .cont-box .left ul li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .125rem;
	margin-top: 8px;
  }
  .bg-box .cont-box .left ul li .img-box {
    position: relative;
    margin-right: .375rem;
	width: 15px;
	height: 15px;
	background: url("../img/quality/engineering/imggy.png") no-repeat;
	background-size: contain;
  }
  .bg-box .cont-box .left ul li.current .img-box{
    background: url("../img/quality/engineering/imggy2.png") no-repeat;
	background-size: contain;
  }
  .bg-box .cont-box .left ul li .img-box img {
    width: 1rem;
    height: .6875rem;
  }
  .bg-box .cont-box .left ul li .img-box .num {
    position: relative;
   left: 3px;
	width: ;
    color: #fff;
    font-size: .375rem;
  }
  .bg-box .cont-box .left ul li .text-box {
    color: #999999;
    font-size: .4375rem;
  }
  .bg-box .cont-box .left ul li.current .text-box {
    color: #fff;
  }
  .bg-box .cont-box .right {
    flex: 1;
    position: relative;
  }
  .bg-box .cont-box .right .big-tit {
    padding-top: 1.0625rem;
    color: #fff;
    font-size: 1.0625rem;
    text-align: center;
  }
  .bg-box .cont-box .right .s-tit {
    width: 80%;
    margin: 0 auto;
    padding-top: .1875rem;
    color: #fff;
    font-size: .625rem;
    /* text-align: center; */
  }
  .bg-box .cont-box .right .bg1 {
    width: 4.9063rem;
    height: 6.5rem;
    margin: 0 auto;
    margin-top: .5rem;
    background: url('../img/quality/engineering/gy-1.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg1:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg2 {
    width: 4.9688rem;
    height: 6.625rem;
    margin: 0 auto;
    margin-top: .375rem;
    background: url('../img/quality/engineering/gy-2.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg2:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg3 {
    width: 7.5938rem;
    height: 6.3125rem;
    margin: 0 auto;
    margin-top: .2813rem;
    background: url('../img/quality/engineering/gy-3.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg3:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg4 {
    width: 10.125rem;
    height: 6.3125rem;
    margin: 0 auto;
    margin-top: .375rem;
    background: url('../img/quality/engineering/gy-4.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg4:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg5 {
    width: 10.3125rem;
    height: 6.875rem;
    margin: 0 auto;
    margin-top: .5rem;
    background: url('../img/quality/engineering/gy-5.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg5:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg6 {
    width: 7.1875rem;
    height: 6.1563rem;
    margin: 0 auto;
    margin-top: .4375rem;
    background: url('../img/quality/engineering/gy-6.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg6:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg7 {
    width: 6.8438rem;
    height: 6.2188rem;
    margin: 0 auto;
    margin-top: .4063rem;
    background: url('../img/quality/engineering/gy-7.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg7:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg8 {
    width: 4.8125rem;
    height: 6.375rem;
    margin: 0 auto;
    margin-top: .3125rem;
    background: url('../img/quality/engineering/gy-8.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg8:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .bg9 {
    width: 4.5938rem;
    height: 6.625rem;
    margin: 0 auto;
    margin-top: .2188rem;
    background: url('../img/quality/engineering/gy-9.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .bg-box .cont-box .right .bg9:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .bg-box .cont-box .right .lebal {
    position: absolute;
    left: 2.5rem;
    bottom: -30px;
    width: 10.5rem;
    height: 1.0625rem;
    line-height: 1.0625rem;
    text-align: center;
    color: #fff;
    font-size: .5625rem;
    border: .0625rem solid #fff;
    border-radius: .7969rem;
  }
  .team {
    width: 23.4375rem;
    margin: 0 auto;
    margin-top: .625rem;
  }
  .team .title {
    display: flex;
    justify-content: space-between;
    padding-top: .9375rem;
    padding-bottom: .1563rem;
    font-size: 1.0625rem;
    color: #083b30;
  }
  .team .s-title {
    font-size: .6875rem;
    color: #8ed116;
    text-align: center;
    padding-bottom: .3125rem;
  }
  .team .bg {
    width: 100%;
    height: 10rem;
    background: url("../img/quality/engineering/bg-team.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .team .tit {
    font-size: .875rem;
    color: #083b30;
    text-align: center;
    padding-top: 1.25rem;
    padding-bottom: .75rem;
  }
  .team .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .team .box .item {
    width: 4.875rem;
    height: 6.25rem;
    padding: .625rem;
    padding: .3125rem;
    background-color: #f7f7f7;
  }
  .team .box .item .big-t {
    font-size: .75rem;
    text-align: center;
    color: #083b30;
    padding-bottom: .3125rem;
    border-bottom: .0625rem solid #707070;
  }
  .team .box .item .small-t {
    padding-top: .3125rem;
    font-size: .625rem;
    color: #083b30;
  }
  .team .btn {
    width: 7.8125rem;
    height: 1.375rem;
    background-color: #083b30;
    margin: 0 auto;
    line-height: 1.375rem;
    text-align: center;
    color: #fff;
    font-size: .6875rem;
    border-radius: .3438rem;
    margin-top: .75rem;
  }
  .signUp {
    width: 23.4375rem;
    margin: 0 auto;
    height: 12.3625rem;
    background: url("../img/quality/engineering/bg-signUp.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .signUp .tit {
    font-size: 1.0625rem;
    color: #fff;
    text-align: center;
    padding-top: .3125rem;
  }
  .signUp .box {
    width: 19.625rem;
    margin: 0 auto;
    margin-top: .8125rem;
    display: flex;
    justify-content: space-between;
  }
  .signUp .box .pic-box1 {
    position: relative;
    width: 6.0625rem;
    height: 8.8125rem;
    background: url("../img/quality/engineering/pic1.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .signUp .box .pic-box1 .mes {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    height: 4.125rem;
    background-color: #bf681e;
    opacity: 0.5;
  }
  .signUp .box .pic-box1 .text {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    height: 4.125rem;
  }
  .signUp .box .pic-box1 .text .t {
    width: 4.4231rem;
    margin: 0 auto;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    border-bottom: .125rem solid #d07121;
    font-size: .75rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box1 .text .t1 {
    font-size: .5625rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box1 .text .t2 {
    font-size: .5625rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box1:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .signUp .box .pic-box2 {
    position: relative;
    width: 6.0625rem;
    height: 8.8125rem;
    background: url("../img/quality/engineering/pic2.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .signUp .box .pic-box2 .mes {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    height: 4.125rem;
    background-color: #bf681e;
    opacity: 0.5;
  }
  .signUp .box .pic-box2 .text {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    height: 4.125rem;
  }
  .signUp .box .pic-box2 .text .t {
    width: 4.4231rem;
    margin: 0 auto;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    border-bottom: .125rem solid #d07121;
    font-size: .75rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box2 .text .t1 {
    font-size: .5625rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box2 .text .t2 {
    font-size: .5625rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box2:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .signUp .box .pic-box3 {
    position: relative;
    width: 6.0625rem;
    height: 8.8125rem;
    background: url("../img/quality/engineering/pic3.png") no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .signUp .box .pic-box3 .mes {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    height: 4.125rem;
    background-color: #bf681e;
    opacity: 0.5;
  }
  .signUp .box .pic-box3 .text {
    position: absolute;
    top: 4.6875rem;
    width: 100%;
    height: 4.125rem;
  }
  .signUp .box .pic-box3 .text .t {
    width: 4.4231rem;
    margin: 0 auto;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    border-bottom: .125rem solid #d07121;
    font-size: .75rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box3 .text .t1 {
    font-size: .5625rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box3 .text .t2 {
    font-size: .5625rem;
    color: #fff;
    text-align: center;
  }
  .signUp .box .pic-box3:hover {
    transition: 0.5s;
    transform: scale(1.05);
  }
  .end {
    width: 100%;
    height: 22.25rem;
    font-size: 1.0625rem;
    color: #fff;
    background: url("../img/houseRemark/end.png");
    background-size: 100% 100%;
  }
  .end .title {
    padding-top: 1rem;
    text-align: center;
    width: 375px;
    margin: 0 auto;
  }
  .end ul {
    height: 20rem;
    display: flex;
    flex-wrap: wrap;
    width: 375px;
    margin: 0 auto;
  }
  .end ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 11.6875rem;
  }
  .end ul li .t1 {
    font-size: 1rem;
  }
  .end ul li .t2 {
    padding-top: .4375rem;
    font-size: .75rem;
  }
  .get {
    width: 21.875rem;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 1rem;
  }
  .get .bg {
    width: 100%;
    height: 6.875rem;
    background: url("../img/quality/mDesignTeam/7.png");
    background-position: center;
    background-size: 100% 100%;
  }
  .get .bg .cover {
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding-top: .75rem;
    box-sizing: border-box;
  }
  .get .bg .cover .title {
    width: 10rem;
    border-left: 0.25rem solid #8ed128;
    border-right: 0.25rem solid #8ed128;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    margin: 0 auto;
  }
  .get .bg .cover .money {
    font-size: 0.6875rem;
    color: #fff;
    text-align: center;
    margin-top: 1.125rem;
  }
  .get .bg .cover .phone {
    font-size: 0.625rem;
    color: #fff;
    text-align: center;
    margin-top: .625rem;
  }
  .signbj-box {
    height: 14.0625rem;
    width: 21.875rem;
    box-shadow: 0px 0px 0.1875rem 0.0625rem rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .signbj-box .options {
    display: flex;
    height: 3.3125rem;
  }
  .signbj-box .options .elRadio {
    width: 12.5rem;
    margin: 0 auto;
    padding-top: 1.25rem;
  }
  .signbj-box .options .elRadio /deep/ .el-radio__input.is-checked + .el-radio__label {
    color: #8ed128;
  }
  .signbj-box .options .elRadio /deep/ .el-radio__input.is-checked .el-radio__inner {
    border-color: #8ed128;
    background: #8ed128;
  }
  .signbj-box .options .left {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .signbj-box .options .left input {
    display: block;
    margin: 0;
    width: 0.5625rem;
    height: 0.5625rem;
  }
  .signbj-box .options .left label {
    font-size: 0.8125rem;
    color: #8ed128;
  }
  .signbj-box .options .right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .signbj-box .options .right input {
    display: block;
    margin: 0;
    width: 0.5625rem;
    height: 0.5625rem;
  }
  .signbj-box .options .right label {
    font-size: 0.8125rem;
    color: #c1c1c1;
  }
  .signbj-box input {
    display: block;
    width: 15.9375rem;
    height: 2.1875rem;
    margin: 0 auto;
    margin-bottom: 0.75rem;
    text-align: center;
    background-color: #f7f7f7;
    border: none;
    padding: 0;
    border-radius: 0.1875rem;
  }
  .signbj-box input::placeholder {
    height: 2.0625rem;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 2.0625rem;
  }
  .signbj-box button {
    display: block;
    background-color: #8ed128;
    color: #fff;
    width: 15.9375rem;
    height: 2.1875rem;
    border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
    margin: 0 auto;
  }
   /* 小树 */
   .logo {
    width: 100%;
    margin: 10px auto;
  }
  .logo .line {
    width: 1.625rem;
    height: 0.1875rem;
    border-bottom: 0.0625rem solid #999999;
  }
  .logo .tree {
    width: 0.625rem;
    height: 0.625rem;
    margin: 0 0.625rem;
  }