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

body{
	background: url(../img/bg.png) repeat;
}
.part3,.part4,.part6,.part7,.part8{
	padding-bottom: 70px;
}
.banner{
	height: 778px;
	background: url(../img/banner.jpg) no-repeat top center;
}
.banner a{
	position: absolute;
	width: 292px;
	height: 160px;
	margin-left: -288px;
	background: url(../img/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: 50px;
	line-height: 50px;
}
.til{
	height:70px;
	width:864px;
	line-height: 70px;
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
.til1{width:643px;}
.til2{width:743px;}
.til h3{
	font-size: 48px;
	position: relative;
	background: #ffe400;
	z-index: 2;
}
.part3 .til h3{padding: 0 60px;}
.part-til h6{
	font-weight: normal;
	font-size: 36px;
}
.til-l,
.til-r{
	width: 12px;
	height: 41px;
	position: absolute;
	bottom: -29px;
	left: 0;
	background: url(../img/tt-l.png) no-repeat left bottom;
	z-index: 1;
}
.til-r{
	background-image:url(../img/tt-r.png);
	left: auto;
	right: 0;
}
/*标题部分*/
/*按钮部分*/
.btn{
	padding-top: 68px;
}
.btn a{
	display: inline-block;
	height: 66px;
	line-height: 66px;
	padding: 0 40px;
	background: #ffe400;
	font-size: 25px;
	font-weight: bold;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	-ms-border-radius: 33px;
	-o-border-radius: 33px;
	border-radius: 33px;
	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;
}


/*按钮部分*/
.p1-bd{
	height: 854px;
	background: url(../img/p1-bg.png) no-repeat center;
	margin-top: 30px;
	position: relative;
}
.p1-bd-c{
	width: 160px;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -140px;
    margin-top: -34px;
}
.yellowC{color: #d79e00;}
.blueC{color: #2f84dc;}
.redC{color: #e24a71;}
.p1-bd-1,
.p1-bd-2,
.p1-bd-3,
.p1-bd-4,
.p1-bd-5{
	width: 166px;
	position: absolute;
	font-size: 18px;
	line-height: 28px;
}
.p1-bd-1{
	left: 50%;
	top: 334px;
    margin-left: -413px;
}
.p1-bd-2{
	left: 50%;
	top: 114px;
    margin-left: -83px;
}
.p1-bd-3{
	right: 50%;
	top: 292px;
    margin-right: -400px;
    width: 170px;
}
.p1-bd-4{
	right: 50%;
	top: 646px;
    margin-right: -332px;
}
.p1-bd-5{
	left: 50%;
	top: 660px;
    margin-left: -294px;
}
.part2{
	padding: 60px 0 100px;
	background: url(../img/part-bg1.png) no-repeat center bottom;
}
.p2-bd{
	height: 754px;
	background: url(../img/p2-bg.png) no-repeat center;
	margin-top: 30px;
	position: relative;
}
.p2-bd-txt{
	width: 244px;
	position: absolute;
	left: 50%;
	top: 82px;
    margin-left: -380px;
	font-size: 36px;
}
.p2-bd-txt p{
	font-size:22px ;
	line-height: 48px;
}
.p2-bd a{
	font-size: 25px;
	height: 86px;
	line-height: 86px;
	font-weight: bold;
	position: absolute;
	right: 316px;
    bottom: 35px;
	color:#000;
}
.part3{
	background: url(../img/p3-bg.png) no-repeat top center;
}
.p3-bd{
	height:859px;
	background: url(../img/p3-mn.png) no-repeat center;
	margin-top: 30px;
}
.part4 {
	background: url(../img/p4-bg.png) no-repeat bottom center;
}
.p4-bd{
	height: 800px;
}
.p4-bd>ul{
	height: 514px;
	position: relative;
	z-index: 2;
}
.p4-bd>ul>li{
	position: absolute;
	left: 50%;
	top: 28px;
	text-align: center;
	margin-left: -480px;
}
.p4-bd>ul>li.on{display: none;}

.p4-list{
	position: absolute;
}
.p4-list1{
	left: 84px;
	bottom: -108px;
}
.p4-list2{
	left: 476px;
	bottom: -108px;
}
.p4-list3{
	right: 195px;
    bottom: -110px;
}
.p4-bd>ol{
	padding-top: 78px;
	height: 240px;
	background: url(../img/p4-hd-bg.png) no-repeat bottom center;
	position: relative;
	z-index: 1;
}
.p4-bd>ol>li{
	position: absolute;
	left: 50%;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.p4-bd>ol>li:nth-of-type(1){margin-left: -614px;top: 68px;}
.p4-bd>ol>li:nth-of-type(2){margin-left: -243px;top: 30px;}
.p4-bd>ol>li:nth-of-type(3){margin-left: 120px;top: 29px;}
.p4-hd-1{position: absolute;left: 50%;top: 72px;margin-left: -78px;}
.p4-hd-2{position: absolute;left: 50%;top: 112px;margin-left: -118px;}
.p4-hd-3{position: absolute;left: 50%;top: 106px;margin-left: -138px;}

.p4-hd-icon{
	width: 102px;
	height: 120px;
	background: url(../img/p4-hd-icon.png) no-repeat top center;
	padding-top: 32px;
	font-size: 48px;
	font-weight: bold;
	color: #000;
	text-align: center;
	position: absolute;
	left: 74px;
	top: -68px;
}
.p4-bd>ol>li:nth-of-type(2) .p4-hd-icon{top: 0;left: 16px;}
.p4-bd>ol>li:nth-of-type(3) .p4-hd-icon{top: 2px;left: auto;right: 76px;}

.part5{
	padding-bottom: 80px;
	background:url(../img/p5-bg.png) no-repeat top center;
}
.part5 ul li{
	float: left;
}
.p5-bd-1{
	height: 257px;
	background:url(../img/part5-bd-1.png) no-repeat top center;
	margin-top: 60px;
}
.p5-bd-2{
	height: 250px;
	background:url(../img/part5-bd-2.png) no-repeat top center;
	margin-top: 20px;
}



.p7-bd{
	height: 400px;
	margin-top: 50px;
}
.p7-bd ul{
	left: 50%;
	margin-left: -592px;
	top: 0;
}
.p7-bd ul li{
	float: left; 
	width: 286px;
	height: 400px;
	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: 274px;
	height: 388px;
	border: 6px solid #000;
	left: -286px;
	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:-286px;  }
	100% {left:0 ; }
}
@-moz-keyframes move {
	0% {left:-286px;  }
	100% {left:0 ; }
}
@-ms-keyframes move {
	0% {left:-286px;  }
	100% {left:0 ; }
}
@-o-keyframes move {
	0% {left:-286px;  }
	100% {left:0 ; }
}
@keyframes move {
	0% {left:-286px;  }
	100% {left:0 ; }
}

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














body{
	max-width: 1680px;
	overflow-x: hidden;
}
.p9N-bd{
	height: 1016px;
	padding-top: 40px;
	position: relative;
}
.p9N-zj{
	margin-left: 48px;
}

.part9N .btn{
	position: absolute;
	left: 0;
	bottom: 10px;
    width: 100%;

}
.part10{padding-top: 30px;}
.p10-list{padding-top: 40px;}
.p10-list li{
	float: left;
	width: 293px;
	height: 444px;
	background: url(../img/p10-li.png) no-repeat;
	text-align: center;
	padding-top: 20px;
	position: relative;
}
.p10-list li:not(:last-of-type){
	margin-right: 9px;
}

.btn2{
	width: 100%;
	position: absolute;
	left: 0;
	bottom:20px;
}
.btn2 a{
	display: inline-block;
	width: 242px;
	height: 42px;
	line-height: 42px;
	background: #ffe400;
	font-size: 25px;
	font-weight: bold;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	border-radius: 14px;
	box-shadow: 0 4px 0 #daa400;
}