.quality{
	width: 100%;
	padding-bottom: 40%;
	background-image: url('../img/serbj4.png');
	background-size: 100% 100%;
	position: relative;
}
.inprocess{
    position: absolute;
    top: 5%;
}
.bodyer{
	margin-top: 7%;
}
.quality_body{
	display: flex;
	justify-content: space-between;
	margin-top: 6%;
}
.quality_body>div>div{
	transition: all 1s;
}
.quality_body>div>div:hover{
	transform: translateY(-5%);
	transition: all 1s;
}
.quality_body>div{
	/* width: 22%; */
	position: relative;
	z-index: 9;
}
.quality_body img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.quality_body>div::after{
	content: "";
	width: 100%;
	height: 10%;
	position: absolute;
	display: block;
	z-index: -1;
	bottom: 1%;
	left: 0;
	background-image: url('../img/阴影.png');
	background-size: 100% 100%;
}
.inquality{
    width: 72%;
    height: 100%;
    margin-left: 14%;
    position: absolute;
    top: 10%;
}
.quality_details{
    margin-top: 3%;
    font-family: "微软雅黑";
    font-size: 1.8rem;
    line-height: 160%;
    text-align: center;
}


.process_b{
    width: 100%;
    position: relative;
	padding-bottom: 40%;
	background-image: url('../img/serbj3.png');
	background-size: 100%;
}
.inb{
    width: 72%;
    height: 100%;
    margin-left: 14%;
    position: absolute;
    top: 0;
    display: flex;
}
.inb>.inb_active{
    background-color: rgba(177, 61, 64, .8);
}
.inb>div{
    width: 25%;
    height: 100%;
    position: relative;
}
.inb>div:not(:first-child)::before{
    content: "";
	width: 1px;
	height: 60%;
	opacity: .4;
	background-color: #ececeb;
	position: absolute;
	top: 20%;
	left: 0;
}
.inb>.inb_active+div::before,.inb>.inb_active::before{
	content: "";
	width: 0 !important;
	height: 0 !important;
}
.inb_head{
    color: white;
    font-family: "微软雅黑";
    font-size: 3.8rem;
	margin-top: 120%;
	transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
	transition: all 1s;
}
.inb_body{
	opacity: 0;
    font-size: 1.6rem;
    width: 80%;
	margin: 0 auto;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 160%;
    color:#ececeb;
    margin-top: 35%;
	transition: all 1s;
}
.inb_body>div{
    margin-top: 10%;
}
.inb_head>:nth-child(1){
    width: 15%;
}
.inb_active .inb_head{
	/* animation: 1s goup forwards; */
	margin-top: 30%;
	transform: translateY(0);
	transition: all 1s;
}
@keyframes goup{
	from{
		margin-top: 120%;
		transform: translateY(-50%);
	}
	to{
		margin-top: 30%;
		transform: translateY(0);
	}
}
.inb_active .inb_body{
	/* animation: 1s goopcity forwards; */
	display: block;
	opacity: 1;
	animation: all 1s;
}
@keyframes goopcity{
	from{
		display: none;
		opacity: 0;
	}
	to{
		display: block;
		opacity: 1;
	}
}






.bodyer{
    width: 100%;
}
.service>img,.process>img,.quality>img,.ser_partner>img,.seatimg>img,.flowchart img,.process_b>img,.inb_head img{
    /*width: 100%;*/
    /*height: 100%;*/
    max-width: 100%;
    max-height: 100%;
	display: block;
}
.service,.process,.quality{
    position: relative;
}
.inservice,.inprocess{
    width: 72%;
    margin-left: 14%;
    font-family: "微软雅黑";
}
.inservice{
    position: absolute;
    bottom: 4%;
    color: white;
}
.inservice>div>span:first-child{
    font-size: 3.6rem;
    letter-spacing: 5px;
    font-weight: 700;
}
.inservice>div>span:nth-child(4){
    font-size: 1.8rem;
}
.seat{
    margin-top: 7%;
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.seat>div{
    display: inline;
}
.seattip{
    color: #ffffff;
    font-size: 1.6rem;
    margin-left: 1%;
}
.seatimg{
    width: 3%;
}
.partner_border{
    border: 1px solid black;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partner_border img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
	display: block;
}
.list_up,.list_down{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}   
.list_down{
    margin-top: 2%;
}
.partner{
    width: 72%;
    margin-left: 14%;
    position: absolute;
    top: 15%;
}
.partner_list{
    margin-top: 6%;
    display: flex;
    flex-direction: column;
}
.process_details{
    width: 100%;
    height: 40%;
    position: absolute;
    top: 125%;
    font-family: "微软雅黑";
    display: flex;
    justify-content: space-between;
}
.process_details>div{
    width: 12%;
    display: flex;
    flex-direction: column;
    text-align: center;
    /* justify-content: space-between; */
}
.process_details>div>span:first-child{
    font-size: 2.4rem;
    font-weight: 700;
}
.process_details>div>span:nth-child(2){
    margin: 5% 0;
}
.process_details>div>span{
    font-size: 1.6rem;
}
.spot_list{
    width: 77.5%;
    height: 46%;
    position: absolute;
    top: 54%;
    left: 11.2%;
    display: flex;
    justify-content: space-between;
	animation: 5s opc forwards;
}
.spot{
    width: 8%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.spot>div{
    width: 5%;
    height: 2.75%;
    border-radius: 50%;
    background-color: #646464;
}
.spot>.big_spot{
    width: 10%;
    height: 5.5%;
    border-radius: 50%;
    background-color: #646464;
}
.flowchart>div{
    width: 11%;
}
.flowchart{
    display: flex;
    justify-content: space-between;
    margin-top: 10%;
	animation: 5s opc forwards;
}
@keyframes opc{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.ser_partner{
    position: relative;
}
.tips{              /**提示定位 */
    margin-bottom: 3%;
    text-align: center;
    font-size: 1.4rem;
}
.tips span{
	color: red;
}
.titleplus{
    border-bottom: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 55%;
    margin: 0 auto;
}
.borderbottom{
    border-bottom: 1px solid #c52620;
    /* display: flex; */
    display: -webkit-box;
    display: -moz-box;
    align-items: center;
}
.title_logo{
    width: 15%;
}
.title_logo img{
    width: 100%;
    max-width: 100%;
}
.titleplus_tip{
    font-family: "微软雅黑";
   
}
.china{
    font-size: 3.6rem;
    font-weight: 500;
    letter-spacing: 5px;
    margin-left: 5%;
}
.english{
    font-size: 1.8rem;
    color: #c52620;
    margin-left: 3%;
}


.fix-menu{
        position: fixed;
        right: 50px;
        bottom: 100px;
        z-index: 999;
    }
     .fix-menu li{
         display: flex;
         justify-content: center;
         align-items: center;
         height: 61px;
         line-height: 61px;
         width: 61px;
         text-align: center;
         border-radius: 10px;
         background: #d7000f;
         margin-bottom: 5px;
         position: relative;
         /*transition: all 1s ease 0s;*/
     }
     .fix-menu li:hover{
         background: linear-gradient(45deg,#29c5ff,#2b44df);
     }
      .fix-menu li:last-child{
          display: flex;
          justify-content: center;
          align-items: center;
      }
       .fix-menu li:nth-child(1) .consult{
           position: absolute;
           width: 200px;
           right: 0;
           top: 0;
           
           justify-content: space-around;
           align-items: center;
           background: linear-gradient(45deg,#29c5ff,#2b44df);
           border-radius: 10px;
           display: none;
            /*transition: all 1s ease 0s;*/
       }
       .fix-menu li:nth-child(1) .consult .text111{
           font-size: 30px;
           color: #fff;
       }
       
       .fix-menu li:nth-child(2) .phone{
            position: absolute;
           width: 240px;
           height: 100%;
           display: none;
           right: 0;
           top: 0;
           justify-content: space-around;
           align-items: center;
           background: linear-gradient(45deg,#29c5ff,#2b44df);
           border-radius: 10px;
           margin: 0;
          
       }
        .fix-menu li:nth-child(2) .phone .text111{
             font-size: 20px;
             color: #fff;
             font-weight: bold;
        }
        .fix-menu li:nth-child(3) .qrcode-container{
            position: absolute;
            left: -150px;
            top: 0;
            width: 130px;
            height: 130px;
            line-height: 130px;
            background: linear-gradient(45deg,#29c5ff,#2b44df);
            border-radius: 10px;
            display: none;
            
        }
        .fix-menu li:nth-child(3) .qrcode-container:before{
            content: "";
            width: 0;
            height: 0;
            border-left: 10px solid #2b55e3;
            border-top: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            display: block;
            position: absolute;
            right: -20px;
            top: 20px;
        }
        .fix-menu li:nth-child(3) .qrcode-container .qrcode{
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
       .fix-menu li:last-child .circle{
           width: 40px;
           height: 40px;
           border-radius: 25px;
           background-color: #fff;
           margin: 0 auto;
       }
       .fix-menu li:last-child .circle .top-bottom{
           width: 100%;
           height: 30px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
       }
       .fix-menu li:last-child .circle .top{
           width: 0px;
           height: 0px;
          border-bottom: 10px solid #d7000f;
          border-top: 10px solid transparent;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
           margin: 0 auto;
       }
       .fix-menu li:last-child .circle .bottom{
           width: 8px;
           height: 10px;
           background-color: #d7000f;
       }
       .fix-menu li:nth-child(1):hover .consult{
           display: flex;
       }
       .fix-menu li:nth-child(2):hover .phone{
           display: flex;
       }
       .fix-menu li:nth-child(3):hover .qrcode-container{
           display: block;
           justify-content: center;
           align-items: center;
       }