*{
	box-sizing:border-box;
	--color-primary: #377CF7;
	--color-f60: #FF6600;
	--color-333: #333333;
	--color-666: #666666;
	--color-888: #888888;
	color: var(--color-333);
	font-family: 'HONOR Sans CN';
}
.btn-box{
	display: flex;
	gap: 9px;
	width: 100%;
}
.width-100{
	width:100% !important;
}
.item-btn {
    display: block;
    padding: 9px 24px;
    width: 128px;
	font-size: 14px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
	transition: .2s;
}
.item-btn-default{
    color: var(--color-primary);
	border: 1px solid var(--color-primary);
}
.item-btn-default:hover{
	background-color: #F1F1F1;
}
.item-btn-primary{
    color: white;
	background-color: var(--color-primary);
}
.item-btn-primary:hover{
	background-color: #055cff;
}
.container{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
    flex-direction: column;
}
.container .content{
	flex:1;
}
.container .content .banner{
	overflow:auto;
}
.container .content .banner .banner_img{
	width:100%;
	height:auto;
}
/* 服务项 */
.container .content .service{
	margin:0 auto;
	max-width:1218px;
	padding: 77px 0 103px;
}
.container .content .service .universal_title{
	text-align:center;
}

.container .content .service .service-items{
	display:flex;
	flex-wrap:wrap;
    justify-content:space-between;
}
.container .content .service .service-items .service-item{
	padding:16px 14px 14px;
	margin-top:40px;
	width:calc((100% - (16px * 3)) / 4);
	background: #FFFFFF; 	
	box-shadow: 0px 0px 10px 0px #33333328;
	border-radius: 4px;
	transition: .2s;
}
.container .content .service .service-items .service-item .btn-box{
	margin-top: 42px;
}
.container .content .service .service-items .service-item .item-icon{
	/* height:59px; */
	width: 100%;
}

.container .content .service .service-items .service-item .item-cursor {
	cursor: pointer;
}

.container .content .service .service-items .service-item .item-title{
	margin-top:14px;
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	line-height:24px;
}
.container .content .service .service-items .service-item .item-tips{
	margin-top:15px;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
}
/*标题*/
.container .universal_title{
	text-align:center;
}
.container .universal_title .title_tips{
	margin-bottom:17px;
	font-size: 32px;
	font-weight: 500;
	line-height: 36px;
}
.container .universal_title .title_tips span{
	margin: 0 36px;
}
.container  .universal_title .en_title{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
}
.container .universal_title .en_title .en_title-line{
	max-width: 100px;
	height: 2px;
	flex: 1;
}
.container .universal_title .en_title .en_title-text{
	margin:0 10px;
	color: #666;
}
.container  .title_colorFF6C04{
	color: #FF6C04;
}
.container  .title_colorFF6C04 .en_title .en_title-line{
	background: #FF6C04;
}
.container .title_colorFFFFFF{
	padding: 0 16px;
	color: #FFFFFF;
}
.container .title_colorFFFFFF .en_title .en_title-line{
	background: #FFFFFF;
}

.container .title_color333{
color: #333;
}
.container .title_color333 .en_title .en_title-line{
	background: #333;
}




/* 服务保障1 */
.container .content .guarantee{
	position:relative;
	overflow:auto;
	background: #f9fbff;
}
.container .content .guarantee-content{
	padding:79px 0 93px;
    margin: auto;
	max-width:1218px;
	
}
.container .content .guarantee-content .guarantee-items{
	margin-top:50px;
	display:flex;
    justify-content:space-between;
	flex-wrap: wrap;
	gap: 20px;
}
.container .content .guarantee-content .guarantee-items .guarantee-item{
	position: relative;
	width:285px;
	text-align:center;
}
.guarantee-item * {
	position: relative;
	z-index: 1;
}
.guarantee-item::before{
	position: absolute;
	display: block;
	top: 61px;
	content: '';
	width: 100%;
	height: 224px;
	border-radius: 4px;
	background-color: #fff;
	z-index: 0;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.container .content .guarantee-content .guarantee-items .guarantee-item .guarantee-item-title{
	margin-top:20px;
	font-size: 22px;
	font-weight: 400;
	color: var(--color-333);
}
.container .content .guarantee-content .guarantee-items .guarantee-item .guarantee-item-tips{
	margin-top:10px;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-666);
}
/*流程*/
.container .content .process{
	overflow:auto;
}
.container .content .process-content{
	padding:79px 0 0;
    margin: auto;
	max-width:1218px;
	
}
.container .content .process-content .process-items{
	margin:60px 0;
	display:flex; 
    justify-content:space-between;
}
.container .content .process-content .process-items .process-item-icon{
	display: flex;
	justify-content:center;
	align-items:center;
	margin: auto;
	width:64px;
	height:64px;
	background-color: #f3f6fa;
	border-radius: 50%;
}
.container .content .process-content .process-items .process-item{
	width:calc(100% / 4);
	text-align:center;
}
.container .content .process-content .process-items .process-item-splie{
	height:42px;
    margin-top: 23px;
}
.process-items .process-item-splie .h5{
	display: none;
}
.container .content .process-content .process-items .process-item .process-item-title{
	margin-top:30px;
	font-size: 18px;
	font-weight: 400;
color: #333333;
}
.container .content .process-content .process-items .process-item .process-item-tips{
	margin-top:15px;
	font-size: 16px;
	font-weight: 400;
	color: #999999;
}

/* 服务保障2 */
.container .content .introduction{
	padding:79px 16px 74px 16px;
	background: #f8f8f8;
}
.container .content .introduction .introduction-content{
	margin:0 auto;
	max-width:1218px;
}
.container .content .introduction .introduction-content .content-box{
	margin-top:30px;
}
.container .content .introduction .introduction-content .content-box .box-top{
	position: relative;
	padding-left:60px;
	display:flex;
	align-items:center;
	height:233px;
	background:url("../imgs/guarantee_bg_new.png") no-repeat;
	background-size:100% 100% ;
}
.container .content .introduction .introduction-content .content-box .box-top{
	position: relative;
	padding-left:60px;
	display:flex;
	align-items:center;
	height:233px;
	background:url("../imgs/guarantee_bg_new.png") no-repeat;
	background-size:100% 100% ;
}
.container .content .introduction .introduction-content .content-box .box-top::after{
	position: absolute;
	content: '';
	top: -50px;
	right: 80px;
	width: 386px;
	height: 139px;
	background:url("../imgs/guarantee_bg_new2.png") no-repeat;
}
.container .content .introduction .introduction-content .content-box .box-top .title{
	font-size: 27px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 27px;
}
.container .content .introduction .introduction-content .content-box .box-top .tips{
	margin-top: 30px;
	display:inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.container .content .introduction .introduction-content .content-box .box-bottom .service-items{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 32px 36px;
	background-color: #fff;
}
.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item{
	flex: 1 1 49%;
	padding: 20px;
	background:#f3f6fa;
	border-radius: 4px;
}
.box-bottom .service-items .service-item:nth-child(1),.box-bottom .service-items .service-item:nth-child(4){
	border-bottom: 2px solid var(--color-primary);
}
.box-bottom .service-items .service-item:nth-child(2),.box-bottom .service-items .service-item:nth-child(3){
	border-bottom: 2px solid var(--color-f60);
}
.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .title-box{
	display:flex;
	align-items: center;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
}
.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .tips-box{
	margin-top:15px;
	padding-left: 45px;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
}
.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .title-box .title-box-icon{
	margin-right: 10px;
	height:34px;
}
/* 媒体查询
   屏幕<1200
*/
@media screen and (max-width: 1200px){
	.container .content .introduction .introduction-content .content-box .box-top{ 
    	background-size: auto 100%;
	}
	.container .content .introduction .introduction-content .content-box .box-top::after{
		display: none;
	}
}

/* 媒体查询
   屏幕>900
*/
@media screen and (max-width: 900px){
	.container .universal_title .title_tips{
		margin-bottom:0;
    	font-size: 24px;
	}
	.container .content .service{
		padding: 20px 16px;
	}
	.container .content .process-content{
    	padding: 40px 20px;
	}
	.container .content .guarantee-content .guarantee-items{
		justify-content: center;
		gap: 70px;
	}
	.container .content .guarantee-content .guarantee-items .guarantee-item{
		width: 343px;
	}
	.container .content .guarantee-content .guarantee-items .guarantee-item .guarantee-item-title{
    	font-size: 20px;
	}
}
@media screen and (max-width: 800px){
	.container .content .service .service-items .service-item{
    	width: calc((100% - (16px * 1)) / 2);
	}
	.container .content .process-content .process-items .process-item-splie{
		height:25px;
	}
	.container .content .process-content .process-items .process-item .process-item-title{
    	white-space: nowrap;
		margin-top: 15px;
		font-size: 20px;
	}
	.container .content .process-content .process-items .process-item .process-item-tips{
		margin-top: 5px;
		font-size: 15px;
	}
	
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .title-box .title-box-icon{
    	height: 25px;
	}
	.container .content .introduction .introduction-content .content-box .box-top{
		justify-content:center;
		padding-left:0;
	}
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items{
		flex-wrap: wrap;
	}
	.container .content .process-content .process-items{
		flex-wrap: wrap;
		justify-content: center;
	}
	.container .content .process-content .process-items .process-item{
		margin-bottom: 15px;
	}
	.container .content .guarantee-content .guarantee-items{
		margin-top: 30px;
	}
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items{
		padding: 18px 11px;
	}
}

@media (max-width:900px) {
	.item-btn{
		flex: 1;
	}
	.container .universal_title .title_tips {
    margin-bottom: 0;
    font-size: 18px;
		color: #222;
  }
	.container .universal_title .en_title .en_title-text{
		font-size: 14px;
		color: #666;
	}
	.container .title_colorFF6C04 .en_title .en_title-line {
    background:#e5e5e5;
  }
  .container .content .service .service-items{
      margin-top: 20px;
 	}
	.container .content .service .service-items .service-item{
	   margin-top: 0;
		 width: 343px;
		 margin: 0 auto;
		 margin-bottom: 10px;
		 background: #FFFFFF;
     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
		 text-align: left;
		 position: relative;
	}

	.container .content .service .service-items .service-item .item-icon {
		position: relative;
		width: 100%;
	}
	 .container .content .service .service-items .service-item .item-btn {
		width: 138px;
	 }
	 /* .container .content .service .service-items .service-item .item-btn:nth-child(1){
		background: #fff;
		border: 1px solid #FC8310;
		color: #f60;
	 } */
   /* .container .content .service .service-items .service-item .mc_btn{
		width: 100%;
	 } */
	 .guarantee-content .title_tips{
		color: #fff !important;
	 }
	 .container .content .process-content{
		padding: 20px 0;
	}
	.container .content .process-content .process-items{
		flex-direction: column;
		align-items: center;
	}
	.container .content .process-content .process-items .process-item{
		width: 100%;
	}
	.container .content .process-content .process-items .process-item-splie{
		margin-top: 0;
		flex: 1;
	}
	.process-items .process-item-splie .pc{
		display: none;
	}
	.process-items .process-item-splie .h5{
		display: block;
		margin-bottom: 10px;
	}
	.container .content .introduction {
    background: #f8f8f8;
		position: relative;
  }

	.container .content .introduction .introduction-content .content-box .box-top {
    padding-left: 60px;
    display: flex;
    align-items: center;
    height: 138px; 
    background-size: 100% 100%;
  }
	.container .content .introduction .introduction-content .content-box {
    margin-top: 14px;
  }
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item {
    height: 108px;
  }
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .title-box {
    font-size: 16px;
    color: #000;
   }
  .container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .title-box .title-box-icon {
    height: 18px;
  }
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item .tips-box {
    margin-top: 7px;
	padding-left: 28px;
    font-size: 14px;
    color: #666;
    line-height: initial;
  }
	.tips-box br{display: none;}
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items {
		margin-top: 0;
	}
}

@media (max-width:500px) {
	.container .content .introduction .introduction-content .content-box .box-top{
		background: url(../imgs/guarantee_bg_mc_new.png) no-repeat;
		background-size: 100% 100%;
	}
	.top-box{
		display: none;
	}
	.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item {
    width:100%;
}
}
@media screen and (max-width:450px){
	.banner img{
		content: url(../imgs/banner_mc_new.png);
	}
	.container .content .service .service-items .service-item{
		width: 100%;
		display:flex;
		margin-top: 15px;
		flex-direction: column;
	}

	.container .content .guarantee-content .guarantee-items .guarantee-item .guarantee-item-tips{
		margin-top: 5px;
	}
	.container .content .guarantee-content .guarantee-items .guarantee-item .guarantee-item-tips{
		font-size: 12px;
	}

	.container .content .process-content .process-items .process-item .process-item-title{
		font-size: 16px;
	}
	.container .content .process-content .process-items .process-item .process-item-tips{
		font-size: 13px;
	}
	.container .content .process-content .process-items{
		margin:20px 0;
	}

	.container .content .introduction .introduction-content .content-box .box-bottom .service-items .service-item{
    	width: calc((100% - ( 16px * 0)) / 1);
	}
	.container .universal_title .title_tips{
		font-size: 20px;
	}
	.container .universal_title .title_tips span{
		margin: 0;
	}
	.container .universal_title .title_tips img{
		width: 77px;
	}
	.container .universal_title .en_title{
		font-size: 14px;
	}
}