@charset "utf-8";
body{
	margin:0;
	padding:0;
	letter-spacing:2px;
	font-family:Arial,Microsoft YaHei,"微软雅黑",STXihei,"华文细黑",STHeiti,Sans-serif;
	overflow-x:hidden;
}
.logo{
	width:150px;
	height:40px;
	background:url(../imgs/logo.png) no-repeat;
	background-size:contain;
	background-position:center;
}
.bgHero{
	position:absolute;
	background-color:red;
	left:0;
	bottom:0;
	width:100%;
	height:55%;
	background:url(./imgs/Maskgroup.png) no-repeat;
	background-size:cover;
	background-position:bottom;
	
}
p{
	text-align:justify;
	font-size:16px;
	line-height:32px;
}
.ftGreen{
	color:#1b9447;
	font-weight:bold;
}
@media only screen and (min-width: 769px) {
	.w60{
		width:60%;
	}
	.w35{
		width:35%;
	}
	.flex3div{
		display:flex;
		justify-content:space-between;
		color:#8e8e8e;
		
	}
	.flex3child{
		width:30%;
		letter-spacing:2px;
	}
	.flex3child p{
		text-align:left;
	}
	.flex3child img{
		width:32%;
	}
	.flex3child:nth-child(1){
		color:#009266;
	}
	.flex3child:nth-child(1) h3{
		color:white;
		background-color:#009266;
		line-height:2;
		letter-spacing:4px;
	}
	.flex3child:nth-child(2){
		color:#069cc1;
	}
	.flex3child:nth-child(2) h3{
		color:white;
		background-color:#069cc1;
		line-height:2;
		letter-spacing:4px;
	}
	.flex3child:nth-child(3){
		color:#088ddc;
	}
	.flex3child:nth-child(3) h3{
		color:white;
		background-color:#088ddc;
		line-height:2;
		letter-spacing:4px;
	}
	.flex4div{
		display:flex;
		justify-content:space-between;
		color:#8e8e8e;
		text-align:left;
		line-height:2;
		letter-spacing:2px;
	}
	.flex4child{
		width:23%;
		
	}
	.flex4child img{
		width:100%;
	}
	.subtitle-style01{
		position:relative;
		display:block;
		background-color:#cce00d;
		color:#1b9447;
		text-align:center;
		height:4rem;
		line-height:4rem;
	}
	.subtitle-style01:before{
		position:absolute;
		left:-1px;top:0;
		width:3rem;
		height:4rem;
		background-color:white;
		clip-path:polygon(0 0, 50% 50%, 0 100%, 0 0);
		content:"";
	}
	.subtitle-style01:after{
		position:absolute;
		right:calc( -3rem + 1px );top:0;
		width:3rem;
		height:4rem;
		background-color:#cce00d;
		clip-path:polygon(0 0, 50% 50%, 0 100%, 0 0);
		content:"";
	}
	.subtitle-style02{
		position:relative;
		color:#047139;
		display:block;
		font-size:2.8rem;
		letter-spacing:1.2rem;
		line-height:1.8;
	}
	.subtitle-style03{
		position:relative;
		width:100%;
		background-color:#cae014;
		text-align:center;
		line-height:1.8;
		padding:1rem;
		box-sizing:border-box;
		letter-spacing:3px;
		border-radius:2rem 0 2rem 0;
	}
	.subtitle-style04{
		position:relative;
		width:100%;
		text-align:center;
		padding:1rem;
		box-sizing:border-box;
		
		
	}
	.circle1{
		position:absolute;
		top:75%;
		left:20%;
		width:20px;
		height:20px;
		border-radius:20px;
		background-color:#cce00d;
	}
	.circle2{
		position:absolute;
		top:30%;
		left:42%;
		width:40px;
		height:40px;
		border-radius:20px;
		background-color:#cce00d;
		z-index:-1;
	}
	.circle3{
		position:absolute;
		top:61%;
		left:61%;
		width:10px;
		height:10px;
		border-radius:10px;
		background-color:#cce00d;
	}
	.flex2{
		width:47%;
	}
	.subtitle-style05{
		padding-left:1em;
		box-sizing:border-box;
		margin-bottom:.5rem;
	}
	.subtitle-style05 .title{
		position:relative;
		color:#009266;
		box-sizing:border-box;
		display:inline-block;
	}
	.subtitle-style05 .title:before{
		position:absolute;
		left:-1em;
		bottom:.3rem;
		height:.9rem;
		width:calc( 100% + 2em );
		z-index:-1;
		background-color:#ffee03;
		content:"";
		
	}
	.p-style01{
		padding:1rem 10px;
		border-top:solid 4px #cce00d;
		border-bottom:solid 4px #cce00d;
		box-sizing:border-box;
	}
	.inner85{
		width:85%;
		margin:0 auto;
	}
	.greenTitle{
		width:100%;
		background-color:#1d9442;
		text-align:center;
		color:white;
	}
	.greenTitleH2{
		letter-spacing:.6rem;
		line-height:7rem;
	}
	.title-style01{
		border-top:solid 2px black;border-bottom:solid 2px black;line-height:6rem;letter-spacing:1rem;
	}
	.title-style02{
		width:100%;background-color:#ebebeb;line-height:4rem;letter-spacing:.1rem;
	}
	.title-style03{
		position:relative;display:inline-block;letter-spacing:.1rem;padding:2rem;box-sizing:border-box;
	}
	.title-style03:before{
		position:absolute;left:0;bottom:1.9rem;width:100%;height:1rem;background-color:#fbf500;content:"";z-index:-1;
	}
	.txt-style01{
		width:100%;
		border-left:solid .6rem #1d9442;
		border-right:solid .6rem #1d9442;
		box-sizing:border-box;
		font-size:18px;
		line-height:28px;
		color:#8e8e8e;
		margin-bottom:1rem;
	}
	.features-div{
		width:90%;
		margin:0 auto;
		margin-top:-5rem;
	}
	.contact{
		position:relative;
		display:block;
		border:solid 2px #079a3a;
		text-align:center;
		margin:20px auto;
		width:720px;
	}
	
	.contact h1{
		display:block;
		margin:40px 20px;
		font-size:20px;
		color:#079a3a;
		margin-bottom:30px;
		text-align:center;
	}
	.contact span{
		position:relative;
		display:inline-block;
		font-size:16px;
		line-height:32px;
		text-align:left;
		margin-bottom:40px;
	}
	.contact div{
		display:inline-block;
		margin-right:15px;
	}
	.contact .block{
		display:block;
	}
	.bgTel{
		padding-left:46px;
		background-image:url(../imgs/tel.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:0 center;
	}
	.txtLeft{
		text-align:left;
	}
	.contact p{
		display:block;
		margin:30px;
		color:#cccccc;
	}
	.contact span{
		margin-bottom:10px;
	}
	#contactInput{
		width:660px;
		height:120px;
		font-size:16px;
		line-height:30px;
		resize:none;
		border:solid 1px #cccccc;
	}
	.inp{
		display:block;
		width:720px;
		padding:10px 30px;
		margin:25px auto;
		font-size:16px;
		line-height:30px;
		border:solid 1px #cccccc;
	}
	.inpLine{
		width:720px;
		margin:25px auto;
		display:flex;
		justify-content:space-between;
	}
	.inp1{
		display:inline-block;
		width:340px;
		padding:10px 30px;
		font-size:16px;
		line-height:30px;
		border:solid 1px #cccccc;
		box-sizing:border-box;
	}
	.inp1:nth-child(1){
		margin-right:36px;
	}
	input::placeholder{
		color:#cccccc;
	}
	.privateTxt{
		position:relative;
		width:720px;
		text-align:left;
		margin:0 auto;
	}
	.privateTxt span{
		vertical-align:top;
		font-size:16px;
		line-height:26px;
	}
	.privateTxt #confirm,.privateTxt #confirmTrial{
		width:20px;
		height:20px;
		border:solid 1px #cccccc;
		margin-right:10px;
	}
	#sendBtn{
		color:white;
		font-size:16px;
		width:720px;
		height:48px;
		line-height:48px;
		background-color:#079a3a;
		text-align:center;
		margin:40px auto 0 auto;
		cursor:pointer;
		border:solid 2px #079a3a;
		transition:.3s all ease-out;
	}
	#sendBtn:hover{
		color:#079a3a;
		background-color:#f2faf5;
	}
	
	#privacy{
		position:fixed;
		top:10vh;
		left:10vw;
		width:80vw;
		height:80vh;
		z-index:200;
		background-color:white;
		box-shadow:3px 3px 6px black;
	}
	
	#privacy .privacyHead{
		width:calc(100% - 80px);
		height:60px;
		font-size:24px;
		line-height:60px;
		font-weight:bold;
		margin-left:40px;
		margin-top:10px;
	}
	#privacy .privacyInner{
		position:relative;
		width:calc(100% - 80px);
		height:calc(100% - 110px);
		margin-left:40px;
		overflow-y:scroll;
		border:solid 1px #DEDEDE;
	}
	#privacy .privacyInner2{
		position:relative;
		width:calc(100% - 40px);
		margin:20px;
		text-align:justify;
	}
	#privacy h1{
		font-size:16px;
		line-height:28px;
	}
	#privacy p{
		font-size:14px;
		line-height:24px;
		text-indent:2em;
	}
	#privacy ul{
		margin:0;
		padding:0;
		text-indent:2em;
		list-style:none;
		font-size:14px;
		line-height:21px;
	}
	#privacy .privacyHead .closeBtn{
		position:absolute;
		top:15px;
		right:15px;
		width:30px;
		height:30px;
		z-index:10;
		transition:opacity .3s ease-out;
		cursor:pointer;
	}
	#privacy .privacyHead .closeBtn:hover{
		opacity:.7;
	}
	#privacy .privacyHead .closeBtn:before{
		position:absolute;
		top:10px;
		right:0;
		width:30px;
		height:3px;
		background-color:#898989;
		z-index:10;
		transform:rotate(135deg);
		content:"";
	}
	#privacy .privacyHead .closeBtn:after{
		position:absolute;
		top:10px;
		right:0;
		width:30px;
		height:3px;
		background-color:#898989;
		z-index:10;
		transform:rotate(45deg);
		content:"";
	}
	.hide{
		display:none;
	}
	.sp{
		display:none;
	}
}
@media only screen and (max-width: 768px){
	.w60{
		width:80%;
		margin-left:10%;
	}
	.w35{
		width:80%;
		margin-left:10%;
	}
	.flex3div{
		display:flex;
		justify-content:space-between;
		color:#8e8e8e;
		
	}
	.flex3child{
		width:30%;
		letter-spacing:2px;
	}
	.flex3child p{
		text-align:left;
	}
	.flex3child img{
		width:32%;
	}
	.flex3child:nth-child(1){
		color:#009266;
	}
	.flex3child:nth-child(1) h3{
		color:white;
		background-color:#009266;
		line-height:2;
		letter-spacing:4px;
	}
	.flex3child:nth-child(2){
		color:#069cc1;
	}
	.flex3child:nth-child(2) h3{
		color:white;
		background-color:#069cc1;
		line-height:2;
		letter-spacing:4px;
	}
	.flex3child:nth-child(3){
		color:#088ddc;
	}
	.flex3child:nth-child(3) h3{
		color:white;
		background-color:#088ddc;
		line-height:2;
		letter-spacing:4px;
	}
	.flex4div{
		display:flex;
		justify-content:space-between;
		color:#8e8e8e;
		text-align:left;
		line-height:2;
		letter-spacing:2px;
		flex-wrap:wrap;
	}
	.flex4child{
		width:47%;
		
	}
	.flex4child img{
		width:100%;
	}
	.subtitle-style01{
		position:relative;
		display:block;
		background-color:#cce00d;
		color:#1b9447;
		text-align:center;
		height:4rem;
		line-height:4rem;
	}
	.subtitle-style01:before{
		position:absolute;
		left:-1px;top:0;
		width:3rem;
		height:4rem;
		background-color:white;
		clip-path:polygon(0 0, 50% 50%, 0 100%, 0 0);
		content:"";
	}
	.subtitle-style01:after{
		position:absolute;
		right:calc( -3rem + 1px );top:0;
		width:3rem;
		height:4rem;
		background-color:#cce00d;
		clip-path:polygon(0 0, 50% 50%, 0 100%, 0 0);
		content:"";
	}
	.subtitle-style02{
		position:relative;
		color:#047139;
		display:block;
		font-size:1.8rem;
		letter-spacing:2px;
		line-height:1.8;
	}
	.subtitle-style03{
		position:relative;
		width:100%;
		background-color:#cae014;
		text-align:center;
		line-height:1.8;
		padding:1rem;
		box-sizing:border-box;
		letter-spacing:3px;
		border-radius:2rem 0 2rem 0;
	}
	.subtitle-style04{
		position:relative;
		width:100%;
		text-align:center;
		padding:1rem;
		box-sizing:border-box;
		
		
	}
	.circle1{
		position:absolute;
		top:75%;
		left:20%;
		width:20px;
		height:20px;
		border-radius:20px;
		background-color:#cce00d;
	}
	.circle2{
		position:absolute;
		top:30%;
		left:42%;
		width:40px;
		height:40px;
		border-radius:20px;
		background-color:#cce00d;
		z-index:-1;
	}
	.circle3{
		position:absolute;
		top:61%;
		left:61%;
		width:10px;
		height:10px;
		border-radius:10px;
		background-color:#cce00d;
	}
	.flex2{
		width:100%;
	}
	.subtitle-style05{
		padding-left:1em;
		box-sizing:border-box;
		margin-bottom:.5rem;
	}
	.subtitle-style05 .title{
		position:relative;
		color:#009266;
		box-sizing:border-box;
		display:inline-block;
	}
	.subtitle-style05 .title:before{
		position:absolute;
		left:-1em;
		bottom:.3rem;
		height:.9rem;
		width:calc( 100% + 2em );
		z-index:-1;
		background-color:#ffee03;
		content:"";
		
	}
	.p-style01{
		padding:1rem 10px;
		border-top:solid 4px #cce00d;
		border-bottom:solid 4px #cce00d;
		box-sizing:border-box;
		height:11rem;
		overflow:hidden;
	}
	.inner85{
		width:100%;
		margin:0 auto;
	}
	
	
	.title-style03{
		position:relative;display:inline-block;letter-spacing:.1rem;padding:2rem;box-sizing:border-box;
	}
	.title-style03:before{
		position:absolute;left:0;bottom:1.9rem;width:100%;height:1rem;background-color:#fbf500;content:"";z-index:-1;
	}
	.txt-style01{
		width:100%;
		border-left:solid .6rem #1d9442;
		border-right:solid .6rem #1d9442;
		box-sizing:border-box;
		font-size:1rem;
		line-height:2rem;
		color:#8e8e8e;
		margin-bottom:1rem;
		padding:0 2px;
		
	}
	.greenTitle{
		width:100%;
		background-color:#1d9442;
		text-align:center;
		color:white;
	}
	.greenTitleH2{
		letter-spacing:.1rem;
		font-size:1.2rem;
		line-height:2;
	}
	.features-div{
		width:100%;
		margin:0 auto;
		margin-top:-4rem;
	}
	.title-style01{
		border-top:solid 2px black;border-bottom:solid 2px black;line-height:2;letter-spacing:2px;padding:.7rem 3px;
	}
	.title-style02{
		width:100%;background-color:#ebebeb;line-height:4rem;letter-spacing:.2rem;padding:0 3px;
	}
	.inner{
		position:relative;
		width:90vw;
		margin:0 auto;
	}
	.contact{
		position:relative;
		display:block;
		border:solid 2px #079a3a;
		text-align:center;
		margin:2vw auto;
		width:100%;
		font-size:3.6vw;
		line-height:5.4vw;
		color:#898989;
	}
	
	.contact h1{
		display:block;
		width:72vw;
		margin:4vw auto;
		font-size:3.4vw;
		line-height:5.7vw;
		color:#079a3a;
		margin-bottom:2.5vw;
		text-align:left;
	}
	.archorContact span{
		position:relative;
		display:inline-block;
		text-align:left;
		font-size:3.4vw;
		line-height:5.7vw;
	}
	.contact div{
		display:block;
	}
	.contact .telTxt{
		color:#2E2624;
	}
	.contact .block{
		display:block;
		margin-bottom:4vw;
		
	}
	.bgTel{
		padding-left:12vw;
		background-image:url(../imgs/tel.png);
		background-size:9vw;
		background-repeat:no-repeat;
		background-position:0 center;
	}
	.txtLeft{
		text-align:left;
	}
	.contact p{
		display:block;
		margin:0;
		color:#2E2624;
		font-size:3.2vw;
		line-height:5vw;
	}
	.contact span{
		margin-bottom:2.5vw;
	}
	.normalSp{
		position:relative;
		display:block;
		text-align:center;
		border:none;
		margin:4vw auto;
		width:100%;
		font-size:3.6vw;
		line-height:5.4vw;
		color:#898989;
		text-align:left;
	}
	#contactInput{
		width:90vw;
		padding:3vw 5vw;
		height:30vw;
		font-size:3.2vw;
		line-height:5vw;
		resize:none;
		border:none;
		background-color:#efefef;
		box-sizing:border-box;
	}
	.inp{
		display:block;
		width:90vw;
		padding:3vw 5vw;
		margin:3vw auto 5vw auto;
		font-size:3.2vw;
		line-height:5vw;
		border:none;
		background-color:#efefef;
		box-sizing:border-box;
	}
	.inpLine{
	}
	.inp1{
		display:block;
		width:90vw;
		padding:3vw 5vw;
		margin:3vw auto 5vw auto;
		font-size:3.2vw;
		line-height:5vw;
		border:none;
		background-color:#efefef;
		box-sizing:border-box;
	}
	.inp1:nth-child(1){
		margin-right:36px;
	}
	input::placeholder{
		color:#efefef;
	}
	.privateTxt{
		position:relative;
		width:90vw;
		text-align:left;
		margin:0 auto;
	}
	.privateTxt span{
		vertical-align:top;
		font-size:3.4vw;
		line-height:5vw;
	}
	.privateTxt #confirm{
		width:4vw;
		height:4vw;
		border:solid 1px #cccccc;
		margin-right:10px;
	}
	#sendBtn{
		color:white;
		font-size:16px;
		width:89vw;
		height:11vw;
		line-height:11vw;
		background-color:#079a3a;
		text-align:center;
		margin:8vw auto 0 auto;
		cursor:pointer;
		border:solid 2px #079a3a;
		transition:.3s all ease-out;
	}
	#privacy{
		position:fixed;
		top:10vh;
		left:10vw;
		width:80vw;
		height:80vh;
		z-index:200;
		background-color:white;
		box-shadow:3px 3px 6px black;
		letter-spacing:1px;
	}
	
	#privacy .privacyHead{
		width:calc(100% - 10vw);
		height:60px;
		font-size:24px;
		line-height:60px;
		font-weight:bold;
		margin-left:5vw;
		margin-top:10px;
	}
	#privacy .privacyInner{
		position:relative;
		width:calc(100% - 10vw);
		height:calc(100% - 110px);
		margin-left:5vw;
		overflow-y:scroll;
		border:solid 1px #DEDEDE;
	}
	#privacy .privacyInner2{
		position:relative;
		width:calc(100% - 5vw);
		margin:2.5vw;
		text-align:justify;
	}
	#privacy h1{
		font-size:16px;
		line-height:28px;
	}
	#privacy p{
		font-size:12px;
		line-height:24px;
		text-indent:2em;
	}
	#privacy ul{
		margin:0;
		padding:0;
		text-indent:2em;
		list-style:none;
		font-size:12px;
		line-height:21px;
	}
	#privacy .privacyHead .closeBtn{
		position:absolute;
		top:15px;
		right:15px;
		width:30px;
		height:30px;
		z-index:10;
		transition:opacity .3s ease-out;
		cursor:pointer;
	}
	#privacy .privacyHead .closeBtn:hover{
		opacity:.7;
	}
	#privacy .privacyHead .closeBtn:before{
		position:absolute;
		top:10px;
		right:0;
		width:30px;
		height:3px;
		background-color:#898989;
		z-index:10;
		transform:rotate(135deg);
		content:"";
	}
	#privacy .privacyHead .closeBtn:after{
		position:absolute;
		top:10px;
		right:0;
		width:30px;
		height:3px;
		background-color:#898989;
		z-index:10;
		transform:rotate(45deg);
		content:"";
	}
	.hide{
		display:none;
	}
	#confirm{
		width:3.6vw;
		height:3.6vw;
		border:solid 1px #cccccc;
		margin-right:10px;
		vertical-align:middle;
	}
	#footer .rgtDiv .btn{
		position:fixed;
		right:2vw;
		bottom:6vh;
		width:10vw;
		z-index:20;
	}
	#footer .rgtDiv .btn img{
		cursor:pointer;
		transition:.3s all ease-out;
		width:10vw;
	}
	#footer .rgtDiv .btn img:hover{
		opacity:.7;
	}
	.pc{
		display:none;
	}
}