/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#000;font-size:18px;font-family:"微软雅黑";width:100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}


.w1000{width:1000px;margin:0 auto;}
.title{text-align:center;font-size:48px;font-weight:bold;line-height:48px;color:#80b51c;}
.title span:before{content:"";display:inline-block;width:40px;height:25px;background:url(../images/title_icon.png) no-repeat left 0;margin-right:20px;}
.title span:after{content:"";display:inline-block;width:20px;height:25px;background:url(../images/title_icon.png) no-repeat right 0;}
.title.white{color:#fff;}
.title.white span:before{background:url(../images/title_icon_white.png) no-repeat left 0;}
.title.white span:after{background:url(../images/title_icon_white.png) no-repeat right 0;}
.item-3 .title,.item-4 .title,.item-5 .title{color:#a6cb68;}

.banner{width:100%;min-height:700px;background:url(../images/banner.jpg) no-repeat center top;position:relative;}
.banner .w1000{position:relative;}
.banner .logo{position:absolute;left:0;}
.banner .text_wrap{padding:188px 0 0 0;overflow:hidden;}
.banner .text_wrap p{font-size:36px;width:350px;height:60px;line-height:60px;text-align:center;border-radius:30px;background:#ffdf07;margin-bottom:16px;}
.banner .dec{width:100%;height:auto;background:#fff;border-radius:20px;padding:16px 0 16px 0;margin-top:66px;
	box-shadow: 1px 2px 8px rgba(114, 120, 115, 0.27);width:100%;}
.banner .dec li{line-height:48px;position:relative;padding-left:20px;}
.banner .dec li:before{content:"";width:10px;height:10px;background:#32d093;border-radius:100%;
	position:absolute;left:0;top:20px;
}
.banner .dec ul{padding:40px 34px 0;}

.banner .text_wrap p{animation:banner_text 2s 0s;-webkit-animation-name:banner_text 2s 0s;}
.banner .text_wrap img{animation:banner_Img 2s 0s;-webkit-animation-name:banner_Img 2s 0s;}
.banner .dec li:hover::before{animation:banner_Li 1s linear infinite alternate;-webkit-animation-name:banner_Li 1s linear infinite alternate;}
.item-1 .con li:hover::before{animation:banner_Li 1s linear infinite alternate;-webkit-animation-name:banner_Li 1s linear infinite alternate;}
.item-3 .con li:hover{animation:item3 0.2s linear 1 alternate;background:rgba(255, 255, 255, 0);}

.item-1{padding:110px 0 0 0;}
.item-1 .con{padding:60px 0 100px 0;}
.item-1 .con .fl{width:50%;}
.item-1 .con h5{font-size:30px;padding-bottom:10px;}
.item-1 .con li{font-size:16px;line-height:48px;}
.item-1 .con li:before{content:"";width:8px;height:8px;border-radius:100%;border:2px solid #32d093;
	margin:20px 10px 0 0;display:inline-block;
}

.item-2{background:url(../images/item-2-bg.jpg) repeat-y center top;padding:52px 0 34px 0;}
.item-2 .con{padding:56px 0 0 0;overflow:hidden;}
.item-2 .con li{width:464px;padding:16px 0;background:#fff;border-radius:20px;margin-bottom:40px;position:relative;box-shadow:0 4px 4px rgba(0, 0, 0, 0.27);}
.item-2 .con li.active1{animation:item2-1 1s linear 1 alternate;}
.item-2 .con li.active2{animation:item2-2 1s linear 1 alternate;}

@keyframes item2-1{
	0% {
		transform: translateX(-100%);
	}
	50% {
		transform: translateX(6%);
	}
	70% {
		transform: translateX(-6%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes item2-2{
	0% {
		transform: translateX(100%);
	}
	50% {
		transform: translateX(-6%);
	}
	70% {
		transform: translateX(6%);
	}
	100% {
		transform: translateX(0);
	}
}

.item-2 .con li.marginTop{margin-top:40px;}
.item-2 .con li.fl:after,.item-2 .con li.fr:before{display:inline-block;width:48px;height:48px;background:#ffc81d;
	font-size:36px;color:#fff;text-align:center;line-height:48px;border-radius:100%;position:absolute;top:26px;
}
.item-2 .con li.fl:after{right:-24px;}
.item-2 .con li.fr:before{left:-24px;}
.item-2 .con li.list-1:after{content:"1";}
.item-2 .con li.list-2:before{content:"2";}
.item-2 .con li.list-3:after{content:"3";}
.item-2 .con li.list-4:before{content:"4";}
.item-2 .con li.list-5:after{content:"5";}
.item-2 .con li p{font-size:16px;line-height:36px;color:#333;padding:0 50px 0 46px;}

.item-3{background:#f5ffe2;padding:110px 0 60px 0;}
.item-3 .con{padding:70px 0 0 0;}
.item-3 .con li{width:240px;height:290px;border-radius:20px;background:#fff;text-align:center;float:left;margin-right:13px;box-shadow:0 4px 4px rgba(117, 229, 137, 0.27);}
.item-3 .con li.m0{margin-right:0;}
.item-3 .con li{animation:item3-2 0.5s linear 1 alternate;background:rgba(255, 255, 255, 1);}
.item-3 .con li img{padding:35px 0 20px 0;}
.item-3 .con li p{padding:0 20px 0 10px;font-size:16px;color:#333333;line-height:36px;text-align:left;}
.item-3 .con li p.center{text-align:center;}

.item-4,.item-5{padding:43px 0 0 0;}
.item-4 .con{padding:60px 0 90px 0;}
.item-4 .con li{width:320px;height:450px;box-shadow:2px 4px 4px rgba(114, 120, 115, 0.27);border-radius:30px;float:left;margin-right:18px;
	background:url(../images/item-4-2.png) no-repeat 263px 400px;opacity:0;
}
.item-4 .con li.m0{margin-right:0;}
.item-4 .con li img{padding:20px 0 0 20px;}
.item-4 .con li p{font-size:16px;line-height:36px;color:#666666;padding:0 26px 0 22px;}
.item-4 .con li p b{font-weight:bold;color:#000;}
.item-4 .con li.active1{animation:item4-1 1s ease-out 0s alternate;opacity:1;}
.item-4 .con li.active2{animation:item4-1 1s ease-out 0.3s alternate;opacity:1;}
.item-4 .con li.active3{animation:item4-1 1s ease-out 0.6s alternate;opacity:1;}
.xdf_bottomForm.form-wrap form .label{width: 30%;}
.xdf_bottomForm.form-wrap h4 {
    font-size: 22px;
    color: #ffffff;
    padding: 20px 0 0 10px;
	font-weight: bold;
}
@keyframes item4-1{
	0% {
		transform: translateY(100%);
	}
	/*50% {
		transform: translateY(-6%);
	}
	70% {
		transform: translateY(6%);
	}*/
	100% {
		transform: translateY(0);
	}
}

.item-5 .con{padding:60px 0 90px 0;color:#333;position:relative;}
.item-5 .con dl{padding-left:20px;}
.item-5 .con dl dt{font-size:30px;font-weight:bold;padding-bottom:10px;}
.item-5 .con dl dd{line-height:36px;}
.item-5 .con dl dd li:before{content:"";width:10px;height:10px;background:#32d093;border-radius:100%;float:left;margin:14px 12px 0 0;}
.item-5 .con .pos{position:absolute;right:38px;top:130px;overflow: hidden;}
.item-5 .con .pos img{width:430px;}
@-webkit-keyframes changeImg {
	from {
		left: -100%;
	}
	100% {
		left: 150%;
	}
}

.shan {
	position: absolute;
	-webkit-animation: changeImg 3s ease 0s;
	-o-animation: changeImg 3s ease 0s;
	animation: changeImg 3s ease 0s;
	top: 0;
	width: 30%;
	height: 100%;
	content: "";
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-45deg);
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.item-6{padding:28px 0 65px 0;background:url(../images/item-6-bg.jpg) no-repeat top center;}


.m{display:none;}
@media only screen and (max-width: 1000px) {
	.w1000{width:94%;}
	.ydNone{display:none;}
	.head_nav,#reg,.foot{display:none;}
	#doyoo_panel,#doyoo_monitor{display:none !important;}
	.m{display:block;}
	.pc{display:none;}
	.title{font-size:34px;}
	.banner{background: url(../images/banner-m.jpg) no-repeat center top;}
	.banner .w1000{width:100%;}
	.banner .text_wrap{padding:110px 0 0 30px;}
	.banner .text_wrap p{margin-bottom:10px;}
	.banner .dec{width:94%;margin:16px auto 0;}
	.banner .dec li:before{ }
	.item-1{padding:60px 0 0 0;}
	.item-1 .con{padding:60px 0 60px 0;}
	.item-1 .con .fl{width:100%;}
	.item-2 .con{overflow:inherit;}
	.item-2 .con li{width:100%;min-height:72px;}
	.item-2 .con li.fl:before,.item-2 .con li.fr:before{display:inline-block;width:48px;height:48px;background:#ffc81d;
		font-size:36px;color:#fff;text-align:center;line-height:48px;border-radius:100%;position:absolute;top:0;bottom:0;margin: auto;
	}
	.item-2 .con li.fl:before{left:-24px;}
	.item-2 .con li.fr:before{left:-24px;}
	.item-2 .con li.list-1:before{content:"1";}
	.item-2 .con li.list-3:before{content:"3";}
	.item-2 .con li.list-5:before{content:"5";}
	.item-2 .con li.fl:after{content:"";display:none;}
	.item-2 .con li.marginTop{margin-top:0;}
	.item-3{padding:60px 0 60px 0;}
	.item-3 .con li{width:48%;margin:0 1% 20px;}
	.item-4 .con{overflow:hidden;}
	.item-4 .con li{width:100%;margin-right:0;box-shadow:1px 3px 2px rgba(114, 120, 115, 0.27);opacity:1;}
	.swiper-pagination-bullet{width:39px;height:39px;background:#fff;border:1px solid #9d9d9d;opacity:1;}
	.swiper-pagination-bullet-active{background:#32d093;border:1px solid #32d093;}
	.item-5 .con{padding:60px 0 60px 0;}
	.item-5 .con .pos{position:initial;width:100%;margin:20px 0 0 0;}
	.item-5 .con .pos img{width:100%;}
	.item-5 .con dl dd li:before{margin:20px 12px 0 0;}
}

@keyframes item3{
	0% {
		background:rgba(255, 255, 255, 1);
	}
	100% {
		background:rgba(255, 255, 255, 0);
	}
}
@keyframes item3-2{
	0% {
		background:rgba(255, 255, 255, 0);
	}
	100% {
		background:rgba(255, 255, 255, 1);
	}
}

@keyframes banner_Li{
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.6);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes banner_Li{
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.6);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes banner_text{
	from {
		transform: translateX(-1000px);
	}
	to {
		transform: translateX(0);
	}
}
@-webkit-keyframes banner_text{
	from {
		transform: translateX(-1000px);
	}
	to {
		transform: translateX(0);
	}
}
@keyframes banner_Img{
	from {
		transform: translateX(1000px);
	}
	to {
		transform: translateX(0);
	}
}
@-webkit-keyframes banner_Img{
	from {
		transform: translateX(1000px);
	}
	to {
		transform: translateX(0);
	}
}