.fp-controlArrow {
	display: none;
}
.section {
	overflow: hidden;
}
#page1,#page2,#page3,#page4,#page5,#page6,#page7 {
	position: relative;
}
.slide {
	position: relative;
}
.slide-clover {
	position: absolute;
}
.slide1 {
	top:93px;
	right:316px;
}
.slide2 {
	/* top:310px;
	left: 495px; */
	/* top:32.5%;
	left:25.8%; */
}
.slide3 {
	/* top:298px;
	left: 360px; */
	/* top:31.3%;
	left:18.75%; */
}
.slide4 {
	/* top:136px;
	left: 360px; */
	/* top:14.3%;
	left:18.75%; */
}
/* .slide1 {
	animation: bounceInRight 2s linear forwards;
}
.slide2 {
	animation: fadeInDownBig 2s ease;
}
.slide3{
	animation: fadeInDownBig 2s ease;
}
.slide4{
	animation: bounceInLeft 2s linear forwards;
} */
.page2-list {
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
	padding: 0 59px;
	background-size:100% 100%;
	animation-delay: 0s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
	transition: all 2s;
}
/* @keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
} */
.page2-list li {
	padding: 98px 0;
	width: 20%;
	position: relative;
}
.page2-list li .clover {
	position: absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: #fff;
}
.page2-list li .clover:hover {
	top: -10px;
	transition: all 1s;
}
.page2-list li .clover_active {
	background: rgba(0,0,0,0.3);
	transition: all 1s;
}
.page3-bg,.page4-bg,.page5-bg,.page6-bg,.page7-bg,.page8-bg {
	width:100%;
	height: 100%;
	background-size: 100% 110%;
	padding-top: 179px;
	box-sizing: border-box;
}
.page3-bg {
	background: url('../img/page3.jpg') no-repeat 0 0 ;
}
.page4-bg {
	background: url('../img/page4.jpg') no-repeat 0 0 ;
}
.page5-bg {
	background: url('../img/page5.jpg') no-repeat 0 0 ;
}
.page6-bg {
	background: url('../img/page6.jpg') no-repeat 0 0 ;
}
.page7-bg {
	/*background: url('../img/page7.jpg') no-repeat 0 0 ;*/
	background: url('../img/sfdsagewfdfds3_02.jpg') no-repeat 0 0 ;
}
.page8-bg {
	background: url('../img/page8.jpg') no-repeat 0 0 ;
}
.page3-text,.page4-text {
	width: 1200px;
	margin: 0 auto;
}
.page3-text,.page4-text,.page5-text,.page6-text,.page7-text,.page8-text {
	background: rgba(255,255,255,0.7);
	border-radius: 10px;
	padding: 35px 15px 25px;
}
.page3-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 46px;
}
.page3-li {
	width:33.5%;
	color: #333;
	box-sizing: border-box;
}
.page3-li:nth-child(2n+1) {
	text-align: right;
	padding-right: 1.5%;
}
.page3-li:nth-child(2n) {
	text-align: left;
	padding-left: 1.5%;
}
.page3-li:nth-child(3),.page3-li:nth-child(4) {
	margin-top:68px;
}
.li-title3 {
	font-size: 18px;
	margin-bottom: 15px;
}
.page3-li p{
	text-indent: 2em;
	font-size: 14px;
	text-align: justify;
	line-height: 30px;
}
.page3-span,.page6-li span,.page7-li span {
	display: inline-block;
	width:28px;
	height: 28px;
	color: #fff;
	background: rgb(0,105,107);
	border-radius: 50%;
	line-height: 28px;
	text-align: center;
}
.page3-about {
	position: absolute;
	z-index:999;
	width:100%;
	text-align: center;
	left: 0;
	/* top:40%; */
	top:385px;
}

.in_how {padding: 75px 0 51px;}
.in_how li {
  width: 12.5%;
  border-top: 1px solid #999;
  padding-top: 80px;
  /* border-bottom: 1px solid #999;
  padding-bottom: 35px; */
  position: relative;
  float: left;
}
@keyframes yuan {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  40% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.in_how li:after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  position: absolute;
  /* bottom: -9px; */
  top: -10px;
  margin: auto;
  left: 0;
  right: 0;
}
.in_how li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  /* bottom: -6px; */
  top:-6px;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  animation: yuan 3s infinite;
}
.in_how li .in_how_img {
  width: 67px;
  height: 67px;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index:10;
}
.in_how li span {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-top: 19px;
  text-align: center;
}
.in_how li.active .iconfont {
	color: #fff;
}
.in_how li .iconfont {font-size: 38px;color: #999;line-height: 67px;}
.in_how li.active:before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: rgb(0,105,107);
}
.in_how li.active .in_how_img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: rgb(0,105,107);
}
.page4-line {
	position: absolute;
	width:1px;
	height: 110px;
	background: #999;
	top:-12px;
	left:49.3%;
	z-index:9;
}
.page5-text {
	width: 902px;
	margin: auto;
	padding: 48px 0 25px;
}
.page5-out {
	width: 93%;
	margin: auto;
	overflow: hidden;
	padding: 45px 0 10px;
}
.page5-list {
	width: 105%;
	position: relative;
	left:-5%;
}
.page5-li {
	width: 27.7%;
	height: 47px;
	border:1px solid rgb(0,105,107);
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	line-height: 47px;
	font-size: 15px;
	color: #333;
	margin-left: 5%;
	float: left;
	margin-bottom: 20px;
}
.page6-text {
	width:614px;
	margin:60px auto 0;
	position: relative;
}
.page6-list {
	margin: 58px 15px 45px;
	border:1px solid rgb(0,105,107);
	padding: 50px 40px 30px 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page6-li {
	width: 45%;
	font-size: 18px;
	color: #333;
	text-align: left;
	margin-bottom: 20px;
}
.page6-li span {
	display: inline-block;
}
.page6-iconfont {
	position: absolute;
	top: 118px;
	left: 297px;	
}
.page6-iconfont .iconfont {
	display: inline-block;
	font-size: 24px;
	color: rgb(0,105,107);
	transform: rotate(90deg);
}
.page6-more {
	position: absolute;
	bottom: 40px;
	width: 95%;
}
.page6-more a {
	z-index:10;
	background:rgb(255,255,255);
}
.page7-text {
	width: 769px;
	margin: 108px auto 0;
}
.page7-list {
	display: flex;
	padding: 52px 15px 25px;
	justify-content: space-between;
}
.page7-li {
	/* float: left; */
	font-size: 18px;
	color: #333;
}
.page7-p {
	margin: 0 15px 5px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-indent: 2em;
	text-align: left;
}
.page8-text {
	width:671px;
	margin: 58px auto 0;
	padding: 66px 50px 25px;
	/* box-sizing: border-box; */
}
.page8-title {
	font-size: 22px;
	color: rgb(0,105,107);
}
.page8-subtitle {
	margin-top: 20px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.page8-p {
	margin: 45px 0 25px;
	color: rgb(120,120,120);
	font-size: 14px;
}
.page8-text {
	background: rgba(255,255,255,0.9);
}
.page8-list {
	width:86%;
	margin: 0 auto 60px;
	display: flex;
	justify-content: space-between;
}
.page8-li {
	width: 185px;
	text-align: center;
}
.page8-li .iconfont {
	font-size: 26px;
	color: rgb(0,105,107);
}
.page8-li p {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.page8-copy {
	font-size: 14px;
	color: #999;
}
.page8-copy:before,.page8-copy:after {
	content: "";
	display: inline-block;
	width:60px;
	height: 1px;
	background: #999;
	position: relative;
	top:-4px;
	margin: 0 10px;
}

#fp-nav ul li a span{
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li a.active span {
    background: rgb(0,105,107);
	border:1px solid rgb(0,105,107);
}
#fp-nav ul li a.active span {
	width:9px;
	height: 9px;
}