@charset "utf-8";
/* CSS Document */

body{
	background: url(../images/bg.png) repeat;
}
.part3,.part4,.part6,.part7,.part8{
	padding-bottom: 70px;
}
.banner{
	height: 778px;
	background: url(../images/banner.jpg) no-repeat top center;
}
.banner a{
	position: absolute;
	width: 292px;
	height: 160px;
	margin-left: -288px;
	background: url(../images/banner-btn-bg.png) no-repeat top center;
	left: 50%;
	bottom: 0;
	font-size: 30px;
	font-weight: bold;
}
.banner a span{
	position: absolute;
	left: 20px;
    top: 70px;
}
.part-til{
	padding-top: 20px;
}
.til{
	font-size: 48px;
	font-weight: bold;
	padding: 100px 47px 20px 188px;
	margin-left: 0;
	margin-right: 0;
}
.part4 .til,.part5 .til,.part7 .til,.part8 .til,.part9 .til{
	padding-left: 244px;
}
.part7 .til{margin-top: 46px;}
.part6 .til{
	padding-left: 220px;
}
.til i,.til em{
	position: absolute;
}
.til i{
	left: 0; 
	bottom: 0;
}
.til em{
	right: 0;
	bottom: 27px;
}
.part1{
	height: 860px;
	background: url(../images/part1-bg.png) no-repeat bottom center;
}
.part1 ul,.part2 ul{
	padding-top: 66px;
}
.part1 ul li,.part2 ul li{
	float: left;
	position: relative;
}
.part1 ul li.list1,.part1 ul li.list2{
	padding-top: 82px;
}
.part1 ul li.list1{
	margin-left: 19px;
	margin-right: 14px;
}
.part1 ul li.list2{
	margin-left: 14px;
	margin-right: 19px;
}
.part1 ul li span{
	width: 200px;
	height: 182px;
	position: absolute;
	font-size: 16px;
}
.list-t1{
	background: url(../images/part1-bg1.png) no-repeat 0 0;
}
.list-t2{
	background: url(../images/part1-bg2.png) no-repeat 0 0;
}
.list-t-1{
	top: -54px;
    right: -130px;
	padding: 42px 0 0 24px;
}
.list-t-3{
	bottom: -79px;
    right: -112px;
    padding: 46px 0 0 18px;
}
.list-t-2{
	bottom: -78px;
    left: -92px;
    padding: 46px 0 0 26px;
}
.list-t-4{
	top: -52px;
    left: -104px;
    padding: 46px 0 0 26px;
}
.btn{
	padding-top: 68px;
}
.btn a{
	display: inline-block;
	padding: 20px;
	background: #ffe400;
	font-size: 30px;
	font-weight: bold;
	border-radius: 20px;
	box-shadow: 0 6px 0 #daa400;
}
.part6 .btn{
	padding-top: 30px;
}
.part6 .btn a,.part7 .btn a,.part8 .btn a{
	padding-left: 60px;
	padding-right: 60px;
}



.part2{
	height: 1180px;
	background: #a0d7ff;
}
.part2-list2{
	margin: 0 76px;
}
.part2-list3{
	margin: 0 80px 0 208px;
}
.part2 ul li span{
	position: absolute;
	width: 164px;
	font-size: 20px;
	line-height: 30px;
	left: 154px;
    top: 200px;
    color: #fff;
}
.p2-list{
	position: absolute;
}
.p2-list img{

}
.p2-list1{
	right: -6px;
    top: 78px;
}
.p2-list2{
	right: -12px;
    top: 96px;
}
.p2-list3{
	right: -18px;
    top: 114px;
}
.p2-list4{
	right: 0px;
    top: 80px;
}
.p2-list5{
	right: -12px;
    top: 42px;
}


.p3-txt{
	padding: 0 38px 0 366px;
	line-height: 36px;
	margin-top: 50px;
}
.p3-txt i{
	width: 218px;
	height: 64px;
	line-height: 64px;
	border: 2px dashed #ff6480;
	left: 52px;
	top: -22px;
}
.p3-txt em{
	width: 250px;
	height: 74px;
	line-height: 74px;
	color:#ff6480;
	border: 3px solid #ff6480;
	left: 92px;
	top: 30px;
}
.p3-bd{
	padding: 30px 0 90px 126px;
	padding-left: 126px;
	padding-top: 30px;
}
.p3-bd span{
	font-size: 18px;
	line-height: 24px;
	color: #fff;
}
.p3-bd span strong{
	color: #fff332;
}
span.p3-bd-t{
	color: #000;
	left: 50%;
	margin-left: 144px;
    top: 96px;
}
.p3-bd-1{
	padding-top: 60px;
	width: 218px;
	height: 161px;
	background: url(../images/part3-1.png) no-repeat;
	left: 120px;
    top: 50px;
}
.p3-bd-2{
	padding-top: 52px;
	width: 220px;
	height: 166px;
	background: url(../images/part3-2.png) no-repeat;
	left: 136px;
    bottom: 0px;
}
.p3-bd-3{
	padding-top: 72px;
	width: 264px;
	height: 197px;
	background: url(../images/part3-3.png) no-repeat;
	right: 50px;
    bottom: 58px;
}
.p4-bd-l{
	margin-left: -20px;
}
.p4-bd-r{
	padding-top: 52px;
	width: 628px;
}
.p4-bd-r ul li{
	float: left;
}
.p4-bd-r li h4{
	font-size: 28px;
	font-weight: bold;
	color:#ff8599;
	line-height: 50px;
}
.p4-bd-r li p{
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0;
}
.p4-list-2,.p4-list-4{
	margin-left: -12px;
}
.part5{
	padding-bottom: 80px;
	background:url(../images/part5-bg.png) no-repeat bottom center;
}
.part5 ul li{
	float: left;
}
.p5-bd-1{
	height: 257px;
	background:url(../images/part5-bd-1.png) no-repeat top center;
	margin-top: 60px;
}
.p5-bd-2{
	height: 250px;
	background:url(../images/part5-bd-2.png) no-repeat top center;
	margin-top: 20px;
}

.part6{
	background:#ffd8df;
}
.p6-bd{
	height: 677px;
	background:#fff;
	margin-top: 20px;
}
.p6-bd-til{
	padding: 45px;
	height: 66px;
	line-height: 66px;
	background: url(../images/part6-ms-til.png) no-repeat center;
	color: #5aadff;
}
.p6-bd-til span{
	font-size: 36px;
}
.p6-main i{
	left: 50%;
	margin-left: -417px;
	bottom: -80px;

}
.p6-main-txt{
	background: #5aadff;
	border-radius: 50%;
	color: #fff;
}
.p6-main-txt h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 46px;
	padding-top: 42px;
}
.p6-main-txt p{
	font-size: 14px;
	line-height: 24px;
	padding: 10px 16px;
	text-align: left;
}
.p6-main-txt1,.p6-main-txt4{
	width: 260px;
	height: 260px;
	top: -18px;
	left: 72px;
}
.p6-main-txt4{
	left: auto;
	right: 72px;
}
.p6-main-txt2{
	width: 198px;
	height: 198px;
	bottom: -166px;
    left: 50%;
    margin-left: -267px;
}
.p6-main-txt3{
	width: 220px;
	height: 220px;
	bottom: -165px;
    right: 50%;
    margin-right: -257px;
}
.p6-main-txt2 h3{
	padding-top: 30px;
}
.p6-main-txt3 h3{
	padding-top: 30px;
}
.p6-main-txt2 p{
	padding: 10px 10px;
}.p6-main-txt3 p{
	padding: 4px 24px;
}
.p6-bt {
	right: 102px;
    bottom: -168px;
}

.p7-bd{
	height: 334px;
	margin-top: 50px;
}
.p7-bd ul{
	left: 50%;
	margin-left: -625px;
	top: 0;
}
.p7-bd ul li{
	float: left; 
	width: 236px;
	height: 340px;
	margin: 0 5px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.p7-bd li span{
	display: inline-block;
	height: 101px;
	margin-top: 96px;
}

.p7-txt{
	width: 230px;
	height: 334px;
	border: 3px solid #000;
	left: -238px;
	top: 0;
	font-size: 22px;
	line-height: 36px;
	font-weight: normal;
	text-align: left;
}
.p7-txt p{
	padding: 90px 21px 0;
}
.p7-bd ul li:nth-of-type(1){background:#ff92a6 ;}
.p7-bd ul li:nth-of-type(2){background:#ffc879 ;}
.p7-bd ul li:nth-of-type(3){background: #79e1ff;}
.p7-bd ul li:nth-of-type(4){background:#8bead9 ;}
.p7-bd ul li:nth-of-type(5){background: #ef98ff;}

.p7-bd ul li:nth-of-type(1) .p7-txt{color:#ff92a6 ;border-color: #ff92a6 ;background: #fff;}
.p7-bd ul li:nth-of-type(2) .p7-txt{color:#ffc879 ;border-color: #ffc879 ;background: #fff;}
.p7-bd ul li:nth-of-type(3) .p7-txt{color: #79e1ff;border-color:  #79e1ff;background: #fff;}
.p7-bd ul li:nth-of-type(4) .p7-txt{color:#8bead9 ;border-color: #8bead9 ;background: #fff;}
.p7-bd ul li:nth-of-type(5) .p7-txt{color: #ef98ff;border-color:  #ef98ff;background: #fff;}

@-webkit-keyframes move {
	0% {left:-238px;  }
	100% {left:0 ; }
}
@-moz-keyframes move {
	0% {left:-238px;  }
	100% {left:0 ; }
}
@-ms-keyframes move {
	0% {left:-238px;  }
	100% {left:0 ; }
}
@-o-keyframes move {
	0% {left:-238px;  }
	100% {left:0 ; }
}
@keyframes move {
	0% {left:-238px;  }
	100% {left:0 ; }
}

.p7-bd ul li.on  .p7-txt{
	animation: move .3s;
	animation-fill-mode:forwards;
}

.part8 ul{
	margin-top: 50px;
}
.part8 ul li{
	float: left;
	width: 372px;
	height: 372px;
	border-radius: 50%;
	background: #5aadff;
	text-align: center;
	color: #fff;
}
.part8 ul li.p8-c{background: #ff7991;margin: 0 42px;}
.part8 ul li h3{
	font-size: 36px;
	font-weight: bold;
	padding-top: 72px;
    line-height: 66px;
}
.part8 ul li p{
	padding:  0 29px;
	font-size: 24px;
	line-height: 36px;
}
.p9-bd{
	padding-bottom: 78px;
    padding-top: 20px;
}
.p9-l{
	width: 692px;
	padding:0 48px;
}
.q-img ,.a-img{
	width: 88px;
}
.q-txt,.a-txt{
	padding: 23px 16px;
	background-color: #d4d4d4;
	border-radius: 10px;
	font-size: 20px;
	margin-left: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.a-txt{
	background-color: #afe645;
	width: 450px;
	margin-right: 18px;
}

.arrow1{
	border-width:12px;
	border-color:transparent #d4d4d4 transparent transparent ;
	border-style:dashed solid dashed dashed ;
	font-size:0;
	overflow:hidden;
	left: -24px;
    top: 20px;
}
.arrow2{
	border-width:12px;
	border-color:transparent  transparent transparent #afe645;
	border-style:dashed  dashed dashed solid;
	font-size:0;
	overflow:hidden;
	right: -24px;
    top: 20px;
}


.p9-big{
	width: 589px;
	height: 959px;
	background: url(../images/part9-big.png) no-repeat;
	right: 0;
	bottom: 0;
	text-align: left;
}
.p9-txt{
	font-size: 30px;
	bottom: 222px;
    right: 50px;
}
.p9-txt li{
	font-size: 16px;
	line-height: 30px; 
}
.p9-txt p{
	padding-left: 8px;
	color: #5aadff;
}
.p9-big a{
	position: absolute;
	width: 168px;
    height: 86px;
    left: 70px;
    top: 310px;
}