.sec1{
	padding:4.2% 0 7.8125%;
}
.sec1 .tip{
	font-size:2em;
	line-height:1.5;
}
.sec1 ul{
	margin:6.6% 0 3%;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec1 li{
	width:29%;
	margin-right:6.5%;
	margin-bottom:4%;
}
.sec1 li.all{
	width:100%;
}
.sec1 li:last-child{
	margin-bottom:0;
}
.sec1 h5{
	font-size:1.25em;
	color:var(--theme-purple);
	margin-bottom:1em;
}
.sec1 .input-box{
	border:1px solid rgba(51,51,51,0.3);
	position:relative;
	padding-left:4em;
	padding-right:1em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:row;
}
.sec1 .must{
	font-size:1.625em;
	position:absolute;	
	right:0.3em;
	top:0.3em;
	color:var(--theme-purple);
}
.sec1 .input-box input,.sec1 .input-box textarea{
	font-size:inherit;
	flex-grow:1;
	height:4em;
	line-height:4;
	color:#333;
}
.sec1 .input-box textarea{
	resize:none;
}
.sec1 .input-box .icon{
	width:1.5em;
	margin-left:-2.75em;
	margin-right:1.25em;
	flex-shrink:0;
}
.sec1 p{
	font-size:1.25em;
	color:#666;
	margin-top:1.3em;
}
.sec1 .submit{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	font-size:1.125em;
	position:relative;
	background-color:var(--theme-yellow);
	width:9em;
	height:2.6em;
	color:#fff;
	margin:0 auto;
	z-index:1;
}
.sec1 .submit::before{
	content:"";
	display:block;
	border:1px solid rgba(255,255,255,0.6);
	position:absolute;
	inset:0;
}
.sec1 .submit::after{
    font-family: 'FontAwesome400';
	content:"\f105";
	margin-left:0.5em;
}
.sec1 .submit input{
	position:absolute;
	inset:0;
	opacity:0;
	cursor:pointer;
}
.sec1 .submit .bgcolor{
	background-color:var(--theme-purple);
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
	transition:width 0.5s;
	width:0;
}


.sec2{
	background-color:#f7f7f9;
	padding:8.8% 0;
}
.sec2 .inner{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec2 h5{
	font-size:1.75em;
	color:#333;
	margin-bottom:1.6em;
}
.sec2 p{
  font-size: 1.375em;
  line-height:1.7;
  margin-bottom:1.4em;
  padding-left:2.2em;
}
.sec2 p:last-child{
  margin-bottom:0;
}
.sec2 p img{
	width:1.3em;
	margin-left:-2.2em;
	margin-right:0.9em;
	vertical-align:text-top;
}
.sec2 p span{
	display:inline-block;
	vertical-align:top;
}
.sec2 .map-box{
	display:block;
	width:51.54%;
	position:relative;
}
.sec2 .map-box .icon{
	width:3.5%;
	position:absolute;
	left:52.64%;
	top:50.2%;
	animation: aniupdown linear 1s infinite;
}
@keyframes aniupdown {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(50%);
    }
}


@media only screen and (min-width:1025px){
	.sec1 .submit:hover .bgcolor{
		width:100%;
		left:0;
		right:auto;
	}
	.sec1 li:nth-child(3n){
		margin-right:0;
	}
}
@media only screen and (max-width:1024px){
	.section{
		font-size:1.25em;
	}
	.sec1{
		padding:15% 0;
	}
	.sec1 ul{
		margin:10% 0;
		display:block;
	}
	.sec1 li{
		width:100%;
		margin-right:0;
		margin-bottom:10%;
	}


	.sec2{
		padding:15% 0;
	}
	.sec2 .inner{
		display:block;
	}
	.sec2 h5{
		font-size:1.625em;
	}
	.sec2 .map-box{
		width:100%;
		margin-top:10%;
	}
}