.serviceNetwork{
	background-color: RGBA(250, 250, 250, 1);
}
.serviceNetwork .box1{
	padding: 83px 0 63px;
	text-align: center;
}
.serviceNetwork .box1 .title{
	font-family: Microsoft YaHei;
	font-weight: bold;
	font-size: 30px;
	color: #222222;
}
.serviceNetwork .box1 .des{
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #666666;
	line-height: 30px;
	margin-top: 37px;
}
.serviceNetwork .box1 .subTitle{
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 30px;
	color: #7335A2;
	margin-top: 56px;
}
.serviceNetwork .box1 .subDes{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	font-size: 18px;
	color: #7335A2;
	line-height: 28px;
}
.serviceNetwork .box1 .subDes .number{
	width: 28px;
	height: 28px;
	background: #7335A2;
	border-radius: 50%;
	font-family: Rany-Bold;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 28px;
	margin-right: 5px;
}
.serviceNetwork .box1 .list{
	width: 680px;
	margin: 34px auto 0;
	max-width: 100%;
}
.serviceNetwork .box1 .list li{
	background: #FFFFFF;
	border-radius: 10px;
	padding: 27px 45px 32px;
}
.serviceNetwork .box1 .list li:not(:last-child){
	margin-bottom: 10px;
}
.serviceNetwork .box1 .list li .text-title{
	font-family: Microsoft YaHei;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
}
.serviceNetwork .box1 .list li .text-des{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	margin-top: 2px;
}
.serviceNetwork .box2{
	padding: 65px 0 90px;
	background-color: RGBA(255, 255, 255, 1);
}
.serviceNetwork .box2 .box-c{
	margin-top: 57px;
}
.serviceNetwork .box2 .box-c .list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 25px;
}
.serviceNetwork .box2 .box-c .list li{
	border: 1px solid #DEDEDE;
	padding: 44px;
}
.serviceNetwork .box2 .box-c .list li .text-title{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	line-height: 1;
}
.serviceNetwork .box2 .box-c .list li .text-des{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	margin-top: 8px;
}
.serviceNetwork .box2 .box-c .list li .text-des.tel{
	font-size: 24px;
}
.serviceNetwork .box2 .box-c .list li .item:not(:last-child){
	margin-bottom: 23px;
}
.serviceForm form{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 680px;
	max-width: 100%;
	margin: 0 auto;
}
.serviceForm form .l{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.serviceForm form .l .select,
.serviceForm form .l .input{
	display: flex;
	height: 80px;
	background: #FAFAFA;
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	padding: 0 30px;
	display: flex;
	align-items: center;
	width: 100%;
}
.serviceForm form .l .select{
	position: relative;
	padding: 0;
}
.serviceForm form .l .select:not(:last-child){
	margin-bottom: 20px;
}
.serviceForm form .l .select:nth-child(2){
	width: 80%;
}
.serviceForm form .l .select:nth-child(3){
	width: 60%;
}
.serviceForm form .l .select .select-t{
	width: 100%;
	height: 100%;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #999999;
	line-height: 24px;
	cursor: pointer;
}
.serviceForm form .l .select .select-t .iconfont{
	transform: rotate(90deg);
	font-weight: bold;
	color: #000022;
}
.serviceForm form .l .select .select-c{
	position: absolute;
	top: 110%;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 5px 9px 30px 0px rgba(218,218,218,0.3);
	border-radius: 10px;
	padding: 17px 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px);
	transition: all .6s;
	z-index: 3;
}
.serviceForm form .l .select.active .select-c{
	opacity: 1;
	visibility: visible;
	pointer-events: inherit;
	transform: translateY(0);
}
.serviceForm form .l .select .select-c .item{
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #222222;
	line-height: 60px;
	padding: 0 30px;
	text-align: left;
	cursor: pointer;
}
.serviceForm form .l .select .select-c .item:hover,
.serviceForm form .l .select .select-c .item.active{
	background: rgba(246, 246, 246, 1);
	color: #7335A2;
	font-weight: bold;
}
.serviceForm form .l .input select,
.serviceForm form .l .input input{
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #333;
	line-height: 24px;
	background-color: transparent;
	border: none;
	outline: none;
	flex: 1;
	width: 100%;
}
.serviceForm form .l .input input::placeholder{
	color: #999999;
}
.serviceForm form .l .input .icon-sousuo{
	color: rgba(216, 216, 216, 1);
	margin-right: 13px;
	font-size: 20px;
}
.serviceForm form .submit{
	margin-left: 10px;
	width: 98px;
	line-height: 80px;
	background: #7335A2;
	border-radius: 10px;
	text-align: center;
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
}
.qa{
	background-color: RGBA(250, 250, 250, 1);
}
.qa .box1{
	padding: 83px 0 170px;
	text-align: center;
}
.agency .box1 .title,
.qa .box1 .title{
	font-family: Microsoft YaHei;
	font-weight: bold;
	font-size: 30px;
	color: #333333;
}
.agency .box1 .des,
.qa .box1 .des{
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #999999;
	line-height: 30px;
	margin-top: 38px;
}
.qa .box1 .box-c{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.qa .box1 .box-c .l{
	width: 300px;
	padding: 23px 20px;
	min-height: 416px;
	background: #fff;
}
.qa .box1 .box-c .l a{
	display: block;
	font-family: Microsoft YaHei;
	font-weight: 300;
	font-size: 18px;
	color: #222222;
	line-height: 60px;
	padding: 0 17px;
	text-align: left;
	transition: all .6s;
}
.qa .box1 .box-c .l a:not(:last-child){
	margin-bottom: 2px;
}
.qa .box1 .box-c .l a.active{
	background-color: rgba(115, 53, 162, 1);
	color: #fff !important;
}
.qa .box1 .box-c .l a:hover{
	color: #7335A2;
}
.qa .box1 .box-c .r{
	flex: 1;
	margin-left: 20px;
}
.qa .box1 .box-c .r .list li{
	background-color: #fff;
	padding: 0 29px;
	text-align: left;
	transition: all .6s;
}
.qa .box1 .box-c .r .list li:not(:last-child){
	margin-bottom: 10px;
}
.qa .box1 .box-c .r .list li.active{
	box-shadow: 5px 9px 30px 0px rgba(115,53,162,0.2);
}
.qa .box1 .box-c .r .list li .li-t{
	display: flex;
	line-height: 24px;
	padding: 28px 0;
	cursor: pointer;
}
.qa .box1 .box-c .r .list li .div-l{
	font-family: Rany-Bold;
	font-size: 24px;
	color: #000022;
	width: 56px;
	transition: all .6s;
}
.qa .box1 .box-c .r .list li .div-c{
	font-family: Microsoft YaHei;
	flex: 1;
	font-size: 18px;
	color: rgba(34, 34, 34, 1);
	transition: all .6s;
}
.qa .box1 .box-c .r .list li.active .div-l,
.qa .box1 .box-c .r .list li.active .div-c{
	color: #7335A2;
}
.qa .box1 .box-c .r .list li .li-c .div-c{
	font-weight: bold;
	color: rgba(115, 53, 162, 1)
}
.qa .box1 .box-c .r .list li .div-r{
	color: rgba(115, 53, 162, 1);
	margin-left: 25px;
}
.qa .box1 .box-c .r .list li .div-r .iconfont{
	display: block;
	transition: all .6s;
	font-weight: bold;
}
.qa .box1 .box-c .r .list li.active .div-r .iconfont{
	transform: rotate(90deg);
}
.qa .box1 .box-c .r .list li .li-c{
	line-height: 48px;
	border-top: 1px solid RGBA(222, 222, 222, 1);
	padding: 18px 0 27px;
	display: none;
}
.qa .box1 .box-c .r .list li .li-c .text-box{
	display: flex;
}
.agency{
	background-color: RGBA(250, 250, 250, 1);
}
.agency .box1{
	padding: 83px 0 100px;
	text-align: center;
}
.agency .box1 .box-c{
	margin-top: 92px;
}
.agency .box2{
	padding: 80px 0 120px;
	border-top: 1px solid RGBA(222, 222, 222, 1);
}
.agency .box2 .box-c{
	display: flex;
	justify-content: space-between;
}
.agency .box2 .box-c .l{
	width: 42.71%;
	text-align: center;
}
.agency .box2 .box-c .l .l-title{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 16px;
	color: #7335A2;
	line-height: 24px;
}
.agency .box2 .box-c .l .items{
	margin-top: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}
.agency .box2 .box-c .l .items a{
	line-height: 58px;
	background: #FAFAFA;
	border-radius: 30px;
	border: 1px solid #DEDEDE;
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 18px;
	color: #999999;
	padding: 0 33px;
}
.agency .box2 .box-c .l .items a.active{
	background-color: rgba(115, 53, 162, 1);
	color: #fff;
	box-shadow: 5px 9px 30px 0px rgba(115,53,162,0.3);
}
.agency .box2 .box-c .r{
	width: 48.57%;
}
.agency .box2 .box-c .r .items.active{
    display: block;
}
.agency .box2 .box-c .r .items{
    display: none;
}
.agency .box2 .box-c .r .item{
	padding: 50px 60px;
	background: #FFFFFF;
	box-shadow: 5px 9px 30px 0px rgba(215,215,215,0.2);
	border: 1px solid #EFEFEF;
}
.agency .box2 .box-c .r .item:not(:last-child){
	margin-bottom: 25px;
}
.agency .box2 .box-c .r .item li{
	display: flex;
	line-height: 28px;
}
.agency .box2 .box-c .r .item li:not(:last-child){
	margin-bottom: 30px;
}
.agency .box2 .box-c .r .item li .li-title{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	width: 190px;
}
.agency .box2 .box-c .r .item li .li-des{
	flex: 1;
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 24px;
	color: #333333;
}
.agency .box2 .box-c .r .item li .li-des.tel{
	font-family: Rany-Bold;
}
.agency .box2 .box-c .r .item li .li-des.address,
.agency .box2 .box-c .r .item li .li-des.area,
.agency .box2 .box-c .r .item li .li-des.tel1{
	font-size: 18px;
}
@media (max-width:1440px) {
	.agency .box2 .box-c .l{
		width: 47%;
	}
}
@media (max-width:1199px) {
	.serviceNetwork .box1 .subTitle,
	.serviceNetwork .box1 .title,
	.agency .box1 .title, .qa .box1 .title{
		font-size: 28px;
	}
	.serviceNetwork .box2,
	.serviceNetwork .box1,
	.qa .box1,
	.agency .box2,
	.agency .box1{
		padding: 70px 0;
	}
	.agency .box2 .box-c .r,
	.serviceNetwork .box2 .box-c,
	.serviceNetwork .box1 .subTitle,
	.qa .box1 .box-c,
	.agency .box1 .box-c{
		margin-top: 45px;
	}
	.agency .box1 .des, .qa .box1 .des,
	.serviceNetwork .box1 .des{
		font-size: 16px;
		margin-top: 24px;
	}
	.agency .box2 .box-c .r .item{
		padding: 50px 40px;
	}
	.agency .box2 .box-c{
		flex-direction: column;
	}
	.agency .box2 .box-c .l{
		width: 100%;
	}
	.agency .box2 .box-c .r{
		width: 100%;
	}
	.qa .box1 .box-c .l{
		width: 260px;
	}
	.qa .box1 .box-c .l a{
		font-size: 16px;
		line-height: 50px;
	}
	.qa .box1 .box-c .r .list li .div-l{
		font-size: 20px;
	}
	.qa .box1 .box-c .r .list li .div-c{
		font-size: 16px;
	}
	.qa .box1 .box-c .r .list li .li-t{
		padding: 20px 0;
	}
	.qa .box1 .box-c .r .list li{
		padding: 0 20px;
	}
	.serviceNetwork .box2 .box-c .list li{
		padding: 30px;
	}
	.serviceNetwork .box2 .box-c .list li .text-des{
		font-size: 16px;
	}
	.serviceNetwork .box2 .box-c .list li .text-des.tel{
		font-size: 20px;
	}
}
@media (max-width:1024px) {
	.serviceNetwork .box2 .box-c .list{
		grid-template-columns: repeat(2,1fr);
	}
	.agency .box1 .des, .qa .box1 .des,
	.serviceNetwork .box1 .des{
		margin-top: 20px;
	}
	.serviceNetwork .box1 .subTitle,
	.serviceNetwork .box1 .title,
	.agency .box1 .title, .qa .box1 .title{
		font-size: 26px;
	}
	.serviceNetwork .box2,
	.serviceNetwork .box1,
	.qa .box1,
	.agency .box2,
	.agency .box1{
		padding: 60px 0;
	}
	.agency .box2 .box-c .r,
	.serviceNetwork .box2 .box-c,
	.serviceNetwork .box1 .subTitle,
	.qa .box1 .box-c,
	.agency .box1 .box-c{
		margin-top: 40px;
	}
	.serviceForm form .l .select, .serviceForm form .l .input{
		height: 60px;
	}
	.serviceForm form .submit{
		line-height: 60px;
		font-size: 16px;
	}
	.serviceForm form .l .select .select-c .item{
		line-height: 50px;
		font-size: 16px;
	}
	.serviceForm form .l .input input,
	.serviceForm form .l .select .select-t{
		font-size: 16px;
	}
	.agency .box2 .box-c .l .items a{
		line-height: 48px;
		padding: 0 25px;
		font-size: 16px;
	}
	.agency .box2 .box-c .r .item li .li-des{
		font-size: 20px;
	}
	.agency .box2 .box-c .r .item li .li-des.address, .agency .box2 .box-c .r .item li .li-des.area, .agency .box2 .box-c .r .item li .li-des.tel1{
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.serviceNetwork .box2 .box-c .list li{
		padding: 25px;
	}
	.serviceNetwork .box2 .box-c .list{
		grid-template-columns: repeat(1,1fr);
	}
	.qa .box1 .box-c .r .list li .li-c{
		line-height: 30px;
	}
	.qa .box1 .box-c{
		flex-direction: column;
	}
	.qa .box1 .box-c .l{
		width: 100%;
		min-height: 0;
	}
	.qa .box1 .box-c .r{
		width: 100%;
		margin-left: 0;
	}
	.serviceForm form .l .input,
	.serviceForm form .l .select .select-t{
		padding: 0 20px;
	}
	.serviceForm form .l .select:nth-child(2){
		width: 85%;
	}
	.serviceForm form .l .select:nth-child(3){
		width: 70%;
	}
	.serviceForm form .l .select:not(:last-child){
		margin-bottom: 10px;
	}
	.serviceForm form .l .select, .serviceForm form .l .input{
		height: 50px;
	}
	.serviceForm form .submit{
		line-height: 50px;
		width: 80px;
	}
	.serviceForm form .l .select .select-c .item{
		line-height: 45px;
		padding: 0 20px;
	}
	.agency .box1 .des, .qa .box1 .des,
	.serviceNetwork .box1 .des{
		margin-top: 10px;
	}
	.serviceNetwork .box1 .subTitle,
	.serviceNetwork .box1 .title,
	.agency .box1 .title, .qa .box1 .title{
		font-size: 24px;
	}
	.serviceNetwork .box2,
	.serviceNetwork .box1,
	.qa .box1,
	.agency .box2,
	.agency .box1{
		padding: 50px 0;
	}
	.agency .box2 .box-c .r,
	.serviceNetwork .box2 .box-c,
	.serviceNetwork .box1 .subTitle,
	.qa .box1 .box-c,
	.agency .box1 .box-c{
		margin-top: 30px;
	}
	.agency .box2 .box-c .r .item li{
		display: block;
	}
	.agency .box2 .box-c .r .item{
		padding: 30px;
	}
	.agency .box2 .box-c .r .item li:not(:last-child){
		margin-bottom: 15px;
	}
	.agency .box2 .box-c .r .item li .li-des{
		font-size: 18px;
	}
	.serviceNetwork .box1 .subDes{
		margin-top: 17px;
	}
	.serviceNetwork .box1 .list{
		margin-top: 25px;
	}
	.serviceNetwork .box1 .list li{
		padding: 27px 20px;
	}
}
@media (max-width: 500px) {
	.serviceNetwork .box2 .box-c .list li .item:not(:last-child){
		margin-bottom: 15px;
	}
	.serviceNetwork .box2 .box-c .list li{
		padding: 20px;
	}
	.serviceNetwork .box1 .subDes{
		margin-top: 10px;
	}
	.serviceNetwork .box1 .list{
		margin-top: 17px;
	}
	.serviceNetwork .box1 .list li{
		padding: 20px 16px;
	}
	.qa .box1 .box-c .l{
		padding: 10px;
	}
	.qa .box1 .box-c .l a{
		line-height: 45px;
	}
	.qa .box1 .box-c .r .list li .div-l{
		font-size: 18px;
		min-width: 48px;
		width: auto;
	}
	.qa .box1 .box-c .r .list li{
		padding: 0 13px;
	}
	.qa .box1 .box-c .r .list li .li-t{
		padding: 10px 0;
	}
	.agency .box2 .box-c .r .item li{
		line-height: 24px;
	}
	.agency .box2 .box-c .r .item li:not(:last-child){
		margin-bottom: 8px;
	}
	.agency .box2 .box-c .r .item{
		padding: 20px;
	}
	.agency .box2 .box-c .l .items{
		gap: 8px;
	}
	.agency .box2 .box-c .l .items a{
		font-size: 14px;
		line-height: 40px;
		padding: 0 20px;
		border-radius: 20px;
	}
	.serviceForm form .l .select, .serviceForm form .l .input{
		height: 45px;
	}
	.serviceForm form .submit{
		line-height: 45px;
		width: 70px;
		font-size: 14px;
	}
	.serviceForm form .l .select .select-c .item{
		line-height: 40px;
		font-size: 14px;
	}
	.serviceForm form .l .select .select-t,
	.serviceForm form .l .input .input{
		font-size: 14px;
	}
	.agency .box1 .des, .qa .box1 .des,
	.serviceNetwork .box1 .des{
		margin-top: 5px;
		font-size: 14px;
	}
	.serviceNetwork .box1 .subTitle,
	.serviceNetwork .box1 .title,
	.agency .box1 .title, .qa .box1 .title{
		font-size: 20px;
	}
	.serviceNetwork .box2,
	.serviceNetwork .box1,
	.qa .box1,
	.agency .box2,
	.agency .box1{
		padding: 40px 0;
	}
	.agency .box2 .box-c .r,
	.serviceNetwork .box2 .box-c,
	.serviceNetwork .box1 .subTitle,
	.qa .box1 .box-c,
	.agency .box1 .box-c{
		margin-top: 25px;
	}
}