*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.al,.ar,.alt,.art{position: absolute;}
.al{left: 0;top: 0;}
.ar{right: 0;top: 0;}
.alt{left: 0;bottom: 0;}
.art{right: 0;bottom: 0;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #8a8989;font-size: 18px;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1024px;margin: 0 auto;}
.banner,.banner .pos{
	width: 100%;
	height: 800px;
	background: url(../img/banner.jpg) no-repeat center;
}
.banner .pos{
	background: url(../img/num.png) no-repeat center;
	animation: bounceInDown 2.5s linear;
}
.banner .wid{
	width: 100%;
	height: 99px;
}
.banner div.wid{
	z-index:2;	
	border-bottom: 1px solid #89dee4;
}
.banner b{
	background: #00686f;
	opacity: 0.2;
	filter:alpha(opacity=20);
}
.banner .main{
	width: 940px;
	z-index: 3;
	padding-top: 38px;
}
.banner ul{
	margin:4px 0 0 50px;
	font-size: 18px;
}
.banner a{
	color: #fff;
	display: block;
	margin-right: 30px;
	transition: 0.3s;
}
.banner li.on a{
	color: #90ff90;
	transition: 0.3s;
}
.banner p{
	background: url(../img/tel.png) no-repeat left center;
	height: 30px;
	line-height: 30px;
	font-size:20px;
	color: #90ffd1;
	padding-left: 40px;
}
.p1 h2{
	font-size: 42px;
	color: #000;
	padding: 66px 0 20px;
}
.p1 .mart{
	margin-bottom: 50px;
}
.p1 .line,.p1 .list{
	width: 870px;
	margin: 0 auto 30px;
}
.p1 i.fl,.p1 i.fr{
	width: 3px;
	height: 3px;
	background: #cacaca;
}
.p1 b{
	width: 386px;
	height: 1px;
	background: #cacaca;
	margin: 1px 20px 0 4px;
}
.p1 .b2{
	margin-right: 0px;
}
.p1 .line div{
	width: 8px;
	height: 8px;
	margin-right:12px;
	border-radius: 100%;
	background: #4ec5cd;
	margin-top: -3px;
	
}
.p1 .line .cir2{
	background: #f4796a;
}
.p1 .line .cir1{
	animation: opa 1.6s linear infinite;
	animation-delay: 0;
}
.p1 .line .cir2{
	animation: opa 1.6s linear infinite;
	animation-delay: 0.5s;
}
.p1 .line .cir3{
	animation: opa 1.6s linear infinite;
	animation-delay: 1s;
}

.p1 .list{
	height: 442px;
	margin-bottom: 60px;
}
.p1 .list .ar{
	background: url(../img/com.png) no-repeat;
	width: 690px;
	height: 394px;
	right: -26px;
	text-align: left;
}
.p1 .list .ar h3{
	color: #fff;
	font-size: 20px;
	margin: 40px 0 0 160px;	
}
.p1 .list .txt{
	color: #000;
	margin-left: 182px;
}
.p1 .list div.alt{
	width: 40px;
	bottom: 97px;	
	left:284px;
}
.p1 .list .alt p{
	font-size: 16px;
	color: #3cbfc9;
	margin-bottom: 20px;
	text-align: center;
}
.p1 .list .alt div{
	width: 22px;
	height: 78px;
	margin: 0 auto;	
}
.p1 .list span{
	width: 100%;
	height: 0%;
	border-radius: 14px;
	background: linear-gradient(to bottom,#ff666d,#ffd7d6);	
	transition:1s;
}
.p1 .list span.on{
	height: 100%;
	transition: 1s;
}
.p1 .list div.alt2{
	left: 340px;
}
.p1 .list .alt2 div{
	height: 94px;
}
.p1 .list div.alt3{
	left: 397px;
}
.p1 .list .alt3 div{
	height: 104px;
}
.p1 .list div.alt4{
	left: 453px;
}
.p1 .list .alt4 div{
	height: 126px;
}
.p1 .list div.alt5{
	left: 509px;
}
.p1 .list .alt5 div{
	height: 150px;
}
.p1 .list .post{
	font-size: 14px;
	color: #9f9f9f;
	border-left: 4px solid #9f9f9f;
	height: 10px;
	padding-left: 8px;
	line-height: 10px;
	left: 416px;
	top: 388px;
}
.p1 .list div.al{
	width: 386px;
	height: 278px;
	box-shadow: 0px 0px 50px 6px rgba(169,169,169,0.2);
	top: 163px;
	background: #fff;
	
}
.p1  .list div.al h3{
	color: #000;
	border-left: 4px solid #32d4e0;
	height: 14px;
	padding-left: 12px;
	font-size: 18px;
	text-align: left;
	line-height: 14px;
	margin: 26px 0 0 28px;
}
.p1 .pie1{
	left: 44px;
	top: 70px;
}
.p1 .pie2{
	left: 46px;
	top: 72px;
	animation:rubberBand 0.8s linear infinite;
}
.p1 .post2{
	font-size: 16px;
	width: 80px;
	line-height: 28px;
	text-align: left;
	left: 262px;
	top: 68px;
}
.p1 .post2 strong{
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #f4796a;
	left: -18px;
	top: 10px;
}
.p1 .post3{
	top: 162px;
}
.p1 .post3 strong{
	background: #16c8d4;
}

.btn,.btn2{
	color: #fff;
	font-size: 22px;
	width: 216px;
	height: 50px;
	display: block;
	line-height: 50px;
	background: #2dd0dc;
	background: linear-gradient(to right,#15c5d2,#64eef7);
	border-radius: 30px;
	text-align: left;
	padding-left: 24px;
}

.btn i,.btn2 i{
	width: 40px;
	height: 30px;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	padding-top: 10px;
	left: 194px;
	top: 4px;	
	box-shadow: -4px 0px 7px 0px rgba(22,205,219,0.43);
}
.btn p,.btn2 p{
	background: url(../img/arrow2.png) no-repeat;
	height: 18px;
	width: 21px;
	margin: 0 auto;
}
.btn:hover{
	background: #f4796a;
	
}
.btn:hover i{
	box-shadow: -4px 0px 7px 6px rgba(241,98,80,0.43);	
}
.btn:hover p{
	background: url(../img/arrow.png) no-repeat;
}
.list .btn{
	top: 452px;
	left: 620px;
}


.p2 .main{
	width: 976px;
	height: 496px;
	border: 1px solid #fff;
}
.p2 .bg1{
	background: url(../img/bg1.jpg) no-repeat;
	width: 124px;
	height: 264px;
	top: 108px;
}
.p2 .bg1 strong{
	width: 7px;
	height: 3px;
	background: #f8f8f8;
	left: 18px;
	top: 136px;
	animation: totop 2s linear infinite;
}
.p2 img.ar{
	top: 50px;
}
.p2 .table{
	width: 880px;
	height: 474px;
	box-shadow: 0px 0px 62px 0px rgba(166,165,165,0.18);
	left: 44px;
	background: #fff;
}
.p2 .shape{
	width: 14px;
	height: 14px;
	background: #f4796a;
	top: 46px;
	left: 48px;
	font-size: 18px;
	color: #000;
}
.p2 .shape p{
	width: 80px;
	top: -5px;
	left: 18px;
}

.p2 .shape2{
	background: #48e0ea;
	left: 154px;
}
.p2 .shape3{
	right: 20px;
	top: 20px;
}
.p2 .shape3 p{
	width: 8px;
	height: 8px;
	background:#4cbbc4;
	display: inline-block;
	margin-right: 6px;
}
.p2 .shape3 .bg2{
	background:#ec7e70;
}
.p2 .left{
	background: url(../img/list1.jpg) no-repeat;
	width: 482px;
	height: 272px;
	top: 130px;
	left: 60px;
}
.p2 .left img{
	height: 0px;
	transition: 0.8s;
}
.p2 .left img.on{
	height: 267px;
	transition: 0.8s;
}
.p2 .right{
	background: url(../img/bg3.jpg) no-repeat left 44px;
	width: 229px;
	height: 336px;
	top: 64px;
	right: 62px;
	color: #ea7f71;
	transform: scale(0);
	transition: 0.6s;
}
.p2 .act{
	transform: scale(1);
	transition: 0.6s;
}
.p2 h4{
	font-size: 14px;
	color: #9f9f9f;
	right: 62px;
	bottom: 40px;
}
.p2 .btn{
	margin: 546px auto 0;
	padding-left: 12px;
	width: 228px;
}
.p3{
	background: url(../img/bg4.jpg) no-repeat;
	height: 778px;
	margin: 160px 0 190px;
}
.p3 .cir{
	background: url(../img/line.png) no-repeat center;
	height: 608px;
	margin-top: 20px;
}
.p3 .main {
	width: 964px;
	height: 698px;
	margin-top: -590px;	
}
.p3 .main b{
	background: url(../img/cir.png) no-repeat;
	width: 373px;
	height: 373px;	
	top: 94px;
	animation: roll 5s linear infinite;	
}
.p3 .main b.al{
	left: -96px;
}
.p3 .main b.ar{
	right: -96px;
}
.p3 .main .con{
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 28px 16px rgba(178,178,178,0.2);
	text-align: left;
}
.p3 .main .cir-mid{
	background: url(../img/cir2.png) no-repeat;
	width: 493px;
	height: 493px;
	margin:50px auto;
	animation: roll 10s linear infinite;
}
.p3 .cir-mid p{
	font-size: 16px;
	color: #29cfdb;
	animation: rolll 10s linear infinite;
}
.p3 .cir-mid span{
	color: #e51f16;
}
.p3 .cir-mid .one{
	left: 38px;
	top: 252px;
}
.p3 .cir-mid .two{
	left: 74px;
	top: 152px;
}
.p3 .cir-mid .thr{
	left: 214px;
	top: 100px;
}
.p3 .cir-mid .fou{
	left: 364px;
	top: 150px;
}
.p3 .cir-mid .fiv{
	left: 378px;
	top: 264px;
}
.p3 .cir-mid .six{
	left: 126px;
	top: 372px;
}
.p3 .cir-mid .sev{
	left: 286px;
	top: 372px;
}
.p3 .cir-mid h4{
	background: url(../img/icon1.png) no-repeat center right;
	height: 30px;
	line-height: 30px;
	color: #f4796a;
	padding-right: 48px;
	animation: rolll 10s linear infinite;
}
.p3 .cir-mid h4.ar{
	padding-left: 48px;
}
.p3 .cir-mid .odd{
	color: #29cfdb;
}
.p3 .cir-mid .icon1{
	left: -56px;
	top: 22px;
}
.p3 .cir-mid .oLh{
	line-height: 20px;
	height: 44px;
}
.p3 .cir-mid .icon2{
	background: url(../img/icon2.png) no-repeat center right;	
	left: -130px;
	top: 108px;
}
.p3 .cir-mid .icon3{
	background: url(../img/icon3.png) no-repeat center right;	
	left: -162px;
	top: 192px;
}
.p3 .cir-mid .icon4{
	background: url(../img/icon4.png) no-repeat center right;	
	left: -112px;
	top: 284px;
}
.p3 .cir-mid .icon5{
	background: url(../img/icon5.png) no-repeat center right;	
	left: -120px;
	top: 370px;
}
.p3 .cir-mid .icon6{
	background: url(../img/icon6.png) no-repeat center right;	
	left: -20px;
	top: 458px;
}
.p3 .cir-mid .icon7{
	background: url(../img/icon7.png) no-repeat center left;	
	top: 22px;
	right: -104px;
}
.p3 .cir-mid .icon8{
	background: url(../img/icon8.png) no-repeat center left;	
	top: 108px;
	right: -186px;
}
.p3 .cir-mid .icon9{
	background: url(../img/icon9.png) no-repeat center left;	
	top: 192px;
	right: -194px;
}
.p3 .cir-mid .icon10{
	background: url(../img/icon10.png) no-repeat center left;	
	top: 284px;
	right: -154px;
}
.p3 .cir-mid .icon11{
	background: url(../img/icon11.png) no-repeat center left;	
	top: 370px;
	right: -166px;
}
.p3 .cir-mid .icon12{
	background: url(../img/icon12.png) no-repeat center left;	
	top: 458px;
	right: -76px;
}

.p4 .main{
	width: 940px;
	height: 310px;
	overflow: hidden;
}
.p4 .cont{
	width: 219px;
	height: 232px;
	cursor: pointer;	
	box-shadow:  0px 10px 16px 0px rgba(178,178,178,0.24);
}

.p4 .active{
	margin-top: -30px;
	transition: 0.6s;
}
.p4 .cont p{
	width: 100%;
	font-size: 20px;
	color: #f4796a;
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #f4796a;
	
}
#swiper1{
	overflow: visible;
	margin-top: 30px;
}

#swiper1 .swiper-slide{
	transition: 0.6s;
}
#swiper1 .swiper-slide-active{
	margin-top: -30px;
	transition: 0.6s;
}

.p5 .main,.p5 .main div.al{
	width: 880px;
	height: 382px;
	background: #fff;
}
.p5 .main b{
	width: 255px;
	height: 266px;
}
.p5 .main b.al{
	background: url(../img/icon02.jpg) no-repeat;
	left: -90px;
	top: -26px;
}
.p5 .main b.art{
	background: url(../img/icon01.jpg) no-repeat;
	right: -99px;	
}
.p5 ul{
	margin: 28px 0 0 0;
}
.p5 li{
	width: 182px;
	height: 298px;
	border: 1px solid #f4796a;
	color: #f4796a;
	margin-left: 28px;
	transition: 0.6s;
}
.p5 li.on,.p5 li.on .add{
	border: 1px solid #29cfdb;
	transition: 0.6s;
}

.p5 li .add{
	width:20px;
	height: 20px;
	border: 1px solid #f4796a;
	line-height: 19px;
	color: #29cfdb;
	font-weight: bold;
	margin: -10px auto;
	background: #fff;
	z-index: 2;
	transition: 0.6s;
}
.p5 li h3{
	margin: 30px 0 24px;
	font-size: 20px;
}
.p5 li h3 span{
	font-size: 16px;
	top: -2px;
}
.p5 li strong{
	width: 48px;
	height: 2px;
	background: #29cfdb;
	margin: 24px auto 12px;
	display: block;
}
.p5 li .contxt{
	font-size: 16px;
	color: #7d7d7d;
}
.p5 h4{
	transform: scale(0);
	transition: 0.6s;
}
.p5 .on h4{
	transform: scale(1);
	transition: 0.6s;
}
.p5 h4,.p5 h4 i{
	width: 100%;
	height: 100%;
}
.p5 h4 i{
	background: #29cfdb;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.p5 h4 .eng{
	font-size: 12px;
	color: #fff;
	margin: 40px auto;
}
.p5 h4 a{
	width: 152px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 20px;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin: 40px auto 24px;
}
.adv{
	width: 100%;
	height: 153px;
	background: url(../img/adv.jpg) no-repeat center;
	display: block;
	margin-top: 64px;
}
.p6{
	margin-bottom: 50px;
}

.p6 .main{
	width: 876px;
	height: 594px;
	margin-bottom: 50px;
}
.p6 .main img{
	top: 228px;
}
.p6 .main .img1{
	left: -588px;	
}
.p6 .main .img2{
	right: -494px;	
}
.p6 .main i{	
	left: 52px;	
	background: url(../img/bg6.png) no-repeat;
	width: 857px;
	height: 575px;
}
.p6 .salary{
	background: url(../img/bg5.png) no-repeat;
	width: 876px;
	height: 561px;
	top: 32px;
	border-radius: 4px;
	box-shadow: 0px 16px 65px 8px rgba(136,136,136,0.3);	
}
.p6 .s-list{
	width: 686px;
	height: 384px;
	left: 104px;
	top: 144px;
	text-align: left;
	font-size: 16px;
	color: #5c5c5c;
	overflow: hidden;	
}
.p6 .s-list ul{
	width: 104px;
}
.p6 .s-list li{
	margin-bottom: 19px;
}
.p6 .s-list .ul2{
	left: 138px;
}
.p6 .s-list .ul3{
	left: 284px;
}
.p6 .s-list .ul4{
	left: 448px;
}
.p6 .s-list .ul5{
	left: 576px;
}
.p6 .s-list .con1{
	animation:salary 12s linear infinite;
}
.p7{
	background: url(../img/bg4.jpg) repeat;
	padding-bottom: 50px;
}
.p7 .main ul{
	margin-bottom: 22px;
}
.p7 .main li{
	width: 152px;
	height: 172px;
	background: #dedede;
	margin-right: 22px;
	transition: 0.4s;	
}
.p7 .main li.on{
	background: #29cfdb;
	margin-top: -16px;
	transition: 0.4s;	
}
.p7 .main li p{
	font-size: 20px;
	color: #fff;
	text-align: right;
	padding-right: 24px;
	margin-top: 20px;
}
.p7 .main .marb{
	margin-top: 0px;
}
.p7 .main .marb2{
	text-align: center;
	font-size: 18px;
	padding-right: 0;
}
#last1,#last2,#last3,#last5,#last6{
	margin-right: -22px;
}
#last4{
	font-size: 80px;
	line-height: 172px;
	color: #fff;
}
#opa{
	display: block;	
}
#ul1,#ul2{
	display: none;
}
#show{
	margin-top: -60px;
	transition: 0.4s;
}
#show.martop{
	margin-top: 50px;
	transition: 0.4s;
}

.p8 .main{
	width: 880px;
	height: 606px;
	background: url(../img/bg7.jpg) no-repeat left top;
	border: 1px solid #fff;
}
.p8 .main img.ar{
	top:30px
}
.p8 .main ul{
	margin: 144px 0 0 32px;
	font-size: 20px;
}
.p8 .main li{
	margin-left: 22px;	
}
.p8 li img{
	box-shadow: 0px 0px 48px 8px rgba(69,69,69,0.15);
	transition: 0.4s;
}
.p8 li.on img{
	box-shadow: 8px 0px 24px 3px rgba(69,69,69,0.2);
	transition: 0.4s;
}
.p8 .main p{
	margin-top: 102px;
}
.p8 .main span{
	width: 8px;
	height: 8px;
	background: #c8c8c8;
	border-radius: 100%;
	left: 50%;
	margin-left: -4px;
	top: 46px;
	transition: 0.4s;
}
.p8 li.on span{
	background: #29cfdb;
	transition: 0.4s;
}
.p8 .main strong{
	width: 564px;
	height: 1px;
	background: #c8c8c8;
	left: 130px;
	top: 50px;
}

.p9 .outer{
	background: url(../img/bg8.jpg) repeat;
	height: 403px;	
}
.p9 .main{
	width: 880px;
	height: 100%;
	margin-top: 108px;	
}
.p9 .main .bg{
	width: 296px;
	height: 350px;
	background: #f4796a;
	top: 28px;
	left: -44px;
}
.p9 .bg p{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 36px;
	padding-top: 30px;
}
.p9 .bg strong{
	font-size: 40px;
	font-weight: bold;
}
.p9 .main .bg1{
	width:400px;
	height: 100%;
	background: #fff;
}
.p9 .main img.al{
	left: -520px;
}
.p9 .teacher{
	width: 275px;
	height: 458px;
	left: 72px;
	top:-56px;
}

.p9 .tbox{
	width: 480px;
	height: 340px;
	top:38px;
	color: #fff;
	text-align: left;
	overflow: hidden;
}
.p9 .tbox li{
	width: 50px;
	height: 50px;
	background: #69f5ff;
	opacity: 0.4;
	filter:alpha(opacity=40);
	margin-right: 10px;
	transition: 0.6s;
}
.p9 .tbox li.act{
	opacity: 0.9;
	filter:alpha(opacity=90);
	transition: 0.6s;
}
.p9 .tbox h4{
	font-size: 30px;
	padding-bottom: 14px;
}
.p9 .tbox h5{
	font-size: 20px;
	color: #000;
	padding-top: 10px;
	border-top: 1px solid #000;
	width: 142px;
}
.p9 .tbox .wid{
	width: 220px;
}
.p9 .tbox .wid2{
	width: 166px;
}
.p9 .top{
	top: -270px;
	transition: 0.4s;
	left: 54px;
}
.p9 .top img{
	margin:18px 0 18px -16px;
}
.p9 .tbox p{
	font-size: 16px;
	line-height: 30px;
}
.p9 .toOpa{
	top: 0px;
	transition: 0.4s;
}
.p9 ul{
	left: 54px;
}
.p9{
	overflow: hidden;
}
.p10 .main{
	width: 876px;
}
.p10 .main li{
	width: 260px;
	height: 227px;
	box-shadow: 0px 0px 48px 8px rgba(69,69,69,0.15);
	margin-bottom: 34px;
	margin-right: 44px;
	color: #fff;
}
.p10 h3{
	font-size: 20px;
	color: #4b4b4b;
	line-height: 60px;
}
.p10 h4{
	opacity: 0;
	filter:alpha(opacity=0);
	transition: 0.5s;
}
.p10 li.on h4{
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.5s;
}
.p10 h4,.p10 h4 span{
	width: 100%;
	height: 100%;
}
.p10 h4 span{
	background: #29cfdb;
	opacity: 0.98;
	filter:alpha(opacity=98);
}
.p10 h4 img{
	margin: 66px 0 22px;
}
.p10 h4 p{
	line-height: 34px;
}
.p10 .line2{
	width: 198px;
	height: 1px;
	background: #6ef3fc;
	margin: 30px auto;
}
.p10 .line2 strong{
	width: 24px;
	height: 4px;
	background: #fff;
	top: -2px;
	animation: toLR 2s infinite linear;
}

.foot{
	font-size: 14px;
	background: #3e3e3e;
	color: #fff;
	padding: 20px 0 140px;
	margin-top: 50px;
}


.p11{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 120px;
	width: 100%;
	z-index: 999;
	display: none; 
	background: url(../img/ly.jpg) no-repeat center;
}
.p11 .mesg{
	width: 1024px;
	margin: 0 auto;
	height: 100%;
}
.p11 .mesg img{
	top: -140px;
	left: -100px;
}
.p11 .mesg form{
	margin:40px 0 0 154px;
}
.p11 .mesg .bor{
	width: 138px;
	height: 38px;
	border: 1px solid #fff;
	margin-right: 10px;
}
.p11 .mesg .bor img{
	margin: 8px 8px 0 10px;
}
.p11 .mesg .bor input{
	width: 100px;
	height: 100%;
	border: none;
	background: none;
	font-size: 16px;
	color: #fff;
}
.p11 .mesg .bor .two{
	margin-top: 5px;
} 
.p11 .mesg .bor2{
	width: 194px;
}
#phoneCode{
	width: 52px;
}
#getcode{
	width: 96px;
	border-left: 1px solid #fff;
	height: 28px;
	line-height: 28px;
	padding-left: 4px;
	margin-top: 5px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}
#submsg{
	background: url(../img/sub.png) no-repeat;
	width: 157px;
	height: 40px;
	border: none;
	cursor: pointer;
}
.p11 .mesg .bor input::-webkit-input-placeholder{color: #fff;}
.p11 .mesg .bor input::-moz-placeholder,.ly_top input::-moz-input-placeholder{color: #fff;}
.p11 .mesg .bor input::-ms-input-placeholder,.ly_top input::-ms-input-placeholder{color: #fff;}


.p3 .btn,.p4 .btn,.p6 .btn,.p7 .btn2,.p8 .btn,.p9 .btn,.p10 .btn{
	margin: 0 auto;
	width: 192px;
}
.p3 .btn i,.p4 .btn i,.p6 .btn i,.p7 .btn2 i,.p8 .btn i,.p9 .btn i,.p10 .btn i{
	left: 168px;
}
.p9 .btn{
	margin-top: 50px;
}


.p7 .btn2 p{
	width: 18px;
	height: 21px;
	background: url(../img/arrow3.png) no-repeat;
}
.p7 .btn2 p.bck{
	background: url(../img/arrow4.png) no-repeat;
}




@keyframes toLR{
	0%{
		left: 0px;
	}
	50%{
		left: 176px;
	}
	100%{
		left: 0px;
	}
	
}



@keyframes salary{
	0%{
		top:14px;
	}
	100%{
		top:-384px;
	}
}
@keyframes roll{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(10deg);
	}
	100%{
		transform: rotate(0deg);
	}
}

@keyframes rolll{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-10deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes totop{
	0%{
		top: 136px;
	}
	50%{
		top: 220px;
	}
	100%{
		top: 136px;
	}
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.1) scaleY(0.9);
    -ms-transform: scaleX(1.1) scaleY(0.9);
    transform: scaleX(1.1) scaleY(0.9);
  }
}
@keyframes opa{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}