@charset "utf-8";
/* CSS Document */
.banner{
	height:520px;
	background:url(../images/banner.jpg) center top no-repeat
}
.banner>.w1340{
	height:520px
}
.nav{
	position:absolute;
	right:0;
	top:415px;
	width:1074px;
	height:54px;
	line-height:54px;
	padding:10px 0;
	border-radius:37px;
	background-color:white;
	font-size:24px;
	box-shadow:0 0 5px #aaa;
	z-index:3
}
.navfix{
	position:fixed;
	width:100%;
	border-radius:0;
	top:0;
	left:0
}
.nav ul{
	display:flex;
	justify-content:space-between
}
.nav ul li{
	width:100%;
	text-align:center;
	border-right:1px solid #dedede;
	box-sizing:border-box
}
.nav ul li:last-child{
	border:0
}
.nav ul li.cur a,
.nav ul li:hover a{
	color:#333;
	padding-bottom:5px;
	border-bottom:5px solid #02dc54
}
.tit{
	line-height:185px;
	font-size:60px;
	color:#399b49;
	font-weight:bold
}
.whatIs{
	display:flex;
	margin-bottom:60px
}
.whatIs .left{
	/*width:740px*/
	width:100%
}
.whatIs .right{
	width:600px;
	text-align:center
}
.whatIs .left h3,
.why>h3,
.who>h3,
.where>h3,
.how>h3,
.contact .left>h3,
.contact .right h3{
	line-height:2;
	font-size:34px;
	color:#45b556;
	padding-left:60px;
	background:url(../images/ico01.png) left center no-repeat;
	margin-top:40px
}
.whatIs .left h3:first-child,
.whatIs .right h3:first-child{
	margin:0
}
.whatIs .left p{
	padding-left:60px;
	font-size:20px;
	line-height:1.7
}
.whatIs .right h3{
	font-size:24px;
	color:#45b556;
	line-height:3;
	margin-top:40px
}
.bg01{
	background-color:#defddf
}
.why,
.where{
	padding-bottom:60px
}
.why>h3,
.who>h3,
.where>h3,
.how>h3,
.contact .left>h3,
.contact .right h3{
	margin-top:0
}
.list01,
.list02{
	margin-top:40px;
	display:flex;
	justify-content:space-between
}
.list01 li{
	width:23.5%;
	background:white;
	box-sizing:border-box;
	padding:30px;
	transition:all .3s ease-in 0s
}
.list01 li h4{
	font-size:30px;
	color:#45b556;
	line-height:2.5
}
.list01 li p{
	text-align:left;
	margin-top:20px;
	font-size:18px;
	line-height:2
}
.list01 li:hover{
	transform:translate(0,-10px);
    box-shadow:0px 5px 25px #cacaca
}
.box1{
	padding:40px;
	background-color:#6ecc7c;
	margin-top:40px;
	color:white
}
.box1 h3{
	font-size:30px;
	margin-bottom:30px
}
.box1 p{
	font-size:18px;
	line-height:2
}
.who,
.how{
	margin-bottom:60px
}
.list02{
	margin-bottom:40px
}
.list02 li{
	width:300px;
	height:300px;
	box-sizing:border-box;
	padding:48px 40px;
	padding-bottom:0;
	border-radius:100%;
	background-color:#f1bd61;
	text-align:center;
	color:white
}
.list02 li h4{
	font-size:36px;
	margin-bottom:20px
}
.list02 li p{
	font-size:18px;
	line-height:1.5;
	text-align:left
}
.list02 li:nth-child(2){background-color:#f16161}
.list02 li:nth-child(3){background-color:#6ecc7c}
.list02 li:nth-child(4){background-color:#77c1e0}	
.beizhu{
	line-height:2;
	font-size:18px;
	width:80%
}
.green{
	padding:25px 40px;
	background:#6ecc7c url(../images/green.gif) right bottom no-repeat
}
.green p{
	font-size:22px
}
.jiaocheng{
	margin-top:60px
}
.jiaocheng>div{
	width:46%;
	text-align:center
}
.jiaocheng>div h4{
	font-size:30px;
	color:#399b49;
	margin-bottom:40px
}
.jiaocheng>div ul{
	display:flex;
	justify-content:space-between
}
.jiaocheng>div ul li{
	width:30%;
	background-color:white;
	border-bottom:4px solid #6ecc7c;
	text-align:left;
	font-size:22px;
	line-height:1.5
}
.jiaocheng>div ul li a{
	display:block;
	padding:25px;
	box-sizing:border-box
}
.jiaocheng>div ul li a:hover,
.jiaocheng>div ul li:hover a,
.jiaocheng>div ul li:hover{
	background-color:#6ecc7c;
	color:white
}
.how>h3{
	background:url(../images/ico02.png) left center no-repeat;
}
.tab .title{
	display:flex;
	justify-content:space-between;
	width:96%;
	margin:70px 2% 40px 2%;
	position:relative
}
.tab .title:after{
	position:absolute;
	content:'';
	width:100%;
	height:3px;
	background-color:#aae18f;
	left:0;
	top:50%;
	margin-top:-2px;
	z-index:-1
}
.tab .title li{
	width:130px;
	height:130px;
	line-height:130px;
	border-radius:65px;
	background-color:#aae18f;
	font-weight:bold;
	font-size:54px;
	text-align:center;
	color:white;
	cursor:pointer
}
.tab .title li.cur{
	background-color:#399b49
}
.tab .con{
	background-color:#f7f7f7;
	padding:30px
}
.tab .con h3{
	font-size:24px;
	color:#399b49;
	margin-bottom:30px
}
.tab .con h3>a{
	font-size:18px;
	font-weight:normal;
	display:inline-block;
	padding:5px 20px;
	background-color:#399b49;
	color:white;
	margin-left:40px
}
.tab .con>p{
	font-size:18px;
	line-height:2
}
.tab .con>p>a{
	margin-left:20px;
	color:blue;
	text-decoration:underline
}
.four{
	margin-top:30px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.four li{
	width:48%;
	font-size:18px;
	padding-left:24px;
	box-sizing:border-box;
	background:url(../images/circle.png) left 7px no-repeat;
	margin-bottom:40px
}
.four li h4{
	font-weight:normal;
	margin-bottom:15px
}
.four li p{
	line-height:1.5
}
.four li p a{
	color:blue;
	text-decoration:underline
}
.four li:nth-child(3),
.four li:nth-child(4){
	margin-bottom:0
}
.tab .con h3.mb0,
.four.mb0 li{
	margin-bottom:0
}
.contact{
	padding-bottom:60px
}
.contact .left>h3{
	background:url(../images/ico03.png) left center no-repeat;
}
.contact .right h3{
	background:url(../images/ico04.png) left center no-repeat;
}
.contact .left{
	float:left;
	width:710px
}
.contact .right{
	float:right;
	width:580px;
	border-radius:5px;
	padding-bottom:25px
}
.contact .left p>a{
	display:inline-block;
	padding:5px 20px;
	border-radius:5px;
	background-color:#51c464;
	color:white;
	margin-left:20px
}
.zixun{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:20px
}
.zixun li{
	width:46%;
	background-color:white;
	padding:20px;
	box-sizing:border-box;
	border-bottom:3px solid #399b49;
	font-size:18px;
	line-height:1.6;
	margin-top:20px
}
.qa li{
	margin-top:60px
}
.qa li:first-child{margin:0}
.qa li h4{
	font-size:20px;
	margin-bottom:20px
}
.qa li p{
	font-size:18px;
	line-height:1.5;
	padding-left:34px;
	position:relative
}
.qa li h4:before,
.qa li p:before{
	content:'Q';
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	border-radius:12px;
	background-color:#e97a20;
	color:white;
	font-size:16px;
	font-weight:normal;
	margin-right:10px
}
.qa li p:before{
	position:absolute;
	left:0;
	content:'A';
	background-color:#51c464
}
.about{
	margin-bottom:60px
}
.ab01,
.ab02,
.ab03{
	float:left;
	color:white;
	width:670px;
	box-sizing:border-box;
	padding:40px;
	padding-top:0;
	text-align:center;
	background:#6ecc7c url(../images/about_bg.png) right bottom no-repeat
}
.ab01{
	height:748px
}
.ab02{
	float:right;
	width:640px;
	background:#f1bd61
}
.ab03{
	float:right;
	margin-top:20px;
	width:640px;
	background:#6ecc7c
}
.ab01 h3,
.ab02 h3,
.ab03 h3{
	font-size:30px;
	line-height:110px
}
.ab01>p,
.ab02>p,
.ab03>p{
	font-size:18px;
	line-height:2;
	text-align:justify
}
.ab01>a,
.ab02>a{
	display:inline-block;
	padding:20px 40px;
	background-color:white;
	color:#399b49;
	font-size:24px;
	font-weight:bold;
	margin:40px 0
}
.ab01 ul,
.ab03 ul{
	width:60%;
	margin:0 20%;
	display:flex;
	justify-content:space-around;
	font-size:16px
}
.ab03 ul{
	width:80%;
	margin:0 10%;
	margin-top:30px
}
.ab02>a{
	margin-bottom:0;
	color:#ddae69
}
.footer{
	background:#5ec060
}
.footer-nav{
	color:#d9fdda
}
.footer-cont-middle::before,
.footer-cont-middle::after{
	background:#d9fdda
}
.footer-nr .ipv6 {
    background:#399b49;
    color:#fff
}
.footer{
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    color: white;
}
.footer a{color: white;}

@media (max-width: 800px) {

body,html{font-size:14px}
.w1340{
	width:98%;
	margin:0 1%;
	box-sizing:border-box
}
.banner{
	height:40vw;
	background-size:150% auto;
	position:relative;
	padding-bottom:80px
}
.banner > .w1340{
	height:auto;
	position:static
}
.nav{
	width:100%;
	border-radius:0;
	height:auto;
	top:40vw;
	padding:0;
}
.nav ul{
	flex-wrap:wrap
}
.nav ul li{
	width:25%;
	border:0;
	font-size:1.12rem;
	line-height:40px
}
.navfix{
	position:fixed;
	width:100%;
	border-radius:0;
	top:0;
	left:0
}
.tit{line-height:3;font-size:2rem; text-align:center}
.whatIs,
.list01, 
.list02{flex-wrap:wrap}
.whatIs .left,
.whatIs .right,
.list01 li{width:100%}
.whatIs .left h3, 
.why > h3, 
.who > h3, 
.where > h3, 
.how > h3, 
.contact .left > h3, 
.contact .right h3,
.list01 li h4,
.box1 h3,
.list02 li h4{font-size:2rem}
.whatIs .left p,
.list01 li p,
.box1 p{padding-left:0;font-size:1rem}
.whatIs .right h3{line-height:1.5;padding:2rem 0}
.list01 li,
.list02{margin-bottom:1rem}
.box1{margin-top:1rem;padding:1.5rem}
.why,
.where{padding-bottom:2rem}
.list02 li{width:100%;border-radius:0;height:auto;padding:1rem;margin-bottom:1rem}
.beizhu{font-size:1rem;width:100%;margin-bottom:1rem}
.green{background:#6ecc7c;padding:1rem}
.jiaocheng>div,
.jiaocheng > div ul li{width:100%}
.jiaocheng > div ul{flex-wrap:wrap}
.jiaocheng > div ul li{margin-bottom:1rem}
.jiaocheng > div h4{margin:2rem 0 1rem 0}
.jiaocheng{margin-top:0}
.how p{font-size:1rem}
.tab .title{margin:2rem 2%;flex-wrap:wrap}
.tab .title li{width:30%;border-radius:5px; height:auto; line-height:2; font-size:2rem; margin-bottom:1rem}
.tab .title::after{display:none}
.tab .con{padding:15px}
.tab .con > p{font-size:1rem; line-height:1.5}
.four li{width:100%;margin-bottom:2rem !important}
.tab .con > p > a{white-space: nowrap}
.tab .con h3 > a{margin:0; width:100%;font-size:1rem;margin-bottom:10px;box-sizing:border-box}
.who,
.how{margin-bottom:1rem}
.contact .left,
.contact .right,
.zixun li{width:100%}
.contact .left p,
.contact .right p,
.ab01 > p, 
.ab02 > p, 
.ab03 > p,
.ab01 ul, 
.ab03 ul{font-size:1rem}
.zixun li{margin-top:0;margin-bottom:1rem}
.qa li h4,
.ab01 > a, 
.ab02 > a{font-size:1.4rem}
.ab01,
.ab02,
.ab03{width:100%;padding:15px;padding-top:0;height:auto}
.ab01 h3, 
.ab02 h3, 
.ab03 h3{font-size:2rem;line-height:3}
.ab01 ul, 
.ab03 ul{width:100%;margin:0}


}

.tit01 {
		  line-height:100px;
		  font-size: 40px;
		  color: #399b49;
		  font-weight: bold;
		  margin-top:40px
		}
     .list03 li:nth-child(odd){float:left}
     .list03 li:nth-child(even){float:right}
	 .list03 li{
		width:630px;
		height:60px;
		line-height:60px;
		box-sizing:border-box;
		border-radius:10px;
		margin-bottom:20px
      }
		.list03 li{
			height:auto;
			margin:10px 0;
			line-height:inherit;
			display:flex;
			align-items:center;
			justify-content:space-between
		}
		.list03 li span{
			color:#999
		}
        p.more{text-align: center}
        p.more a{display: inline-block;padding: 10px 25px;background-color: #399b49;font-size: 18px;color: white}
		@media (max-width:640px){
			
			.tit01{font-size:2rem;margin-top:0}
			.list03 li{width:100%}
			
			}
            
.zx01 li{background: white;color: #399b49;border: 3px dashed #6ecc7c;border-radius: 10px;text-align: center;}
.whatIs .zx01 li p{padding: 0}

@media (max-width: 800px) {

	.banner>.w1340>img{
	  width:50%
  }