*{
	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;
}
.absl{
	position: absolute;
	left: 0;top: 0;
}
.absr{
	position: absolute;
	right: 0;top: 0;
}
.abslt{
	position: absolute;
	left: 0;bottom: 0;
}
.absrt{
	position: absolute;
	right: 0;bottom: 0;
}
input{
	 outline:none;
	}
body{
	font-family: 'Microsoft YaHei',sans-serif;
	color: #293042;
}
.wrap{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.main{
	width: 1000px;
	margin: 0 auto;
}
.banner{
	width: 100%;
	height: 940px;
}
.banner .img1{
	background: url(../img/banner1.jpg) no-repeat top center;
	width: 100%;
	height: 940px;
	display: block;
}
.banner .img2{background: url(../img/banner2.jpg) no-repeat top center;width: 100%;height: 940px;display: block;}
.banner .img2020{background: url(../../img/so-banner.jpg) no-repeat top center;width: 100%;height: 940px;display: block;}
.nav{width: 970px;z-index: 999;left: 50%;margin-left: -485px;}
.nav h1{margin-top: 20px;}
.nav h1,.nav h1 a{width: 108px;height: 32px;}
.nav h1 a{display: block;text-indent: -99em;background: url(../img/logo.png) no-repeat;}
.nav ul{height: 70px;line-height: 70px;margin-left: 28px;}
.nav ul li{padding: 0 18px;overflow: hidden;}
.nav ul li a,.nav div.absl a{color: #fff;font-size: 20px;}
.nav li i{width: 100%;height: 100%;background: #fff;opacity: 0.2;filter:alpha(opacity=20);transition: 0.3s;left: -120px;}
.nav li b{width: 100%;height: 3px;background: #fd6170;top: -80px;transition: 0.5s;}
.nav li.on b{top: 70px;transition: 0.5s;}
.nav li.on i{transition: 0.3s;left: 0px;}
.nav p.fr{
	background: url(../img/tel.png) no-repeat left center;height: 30px;line-height: 30px;padding-left: 26px;font-size: 20px;color: #fff;margin-top: 20px;width: 142px;}
.nav div.absl{width: 500px;top: 82px;left: 228px;display: none;}
.nav div.absl p{margin-right: 26px;}
.tit{width: 929px;}

.xinzeng{
	width: 100%;
	height: 780px;
	background-color: #fbf9ff;
}
.xinzeng_eng{
	font-size: 58px;
	font-weight: bold;
	padding-top: 30px;
	color: white;
}
.xinzeng_img{
	width: 1000px;
	margin: 0px auto 35px auto;
	display: flex;
	justify-content: space-around;
}
/* .xinzeng_tit{
	width: 800px;
} */
.tit .eng{font-size: 58px;font-weight: bold;padding-top: 70px;color: #fbf9ff;}
.tit .r1{width: 38px;height: 38px;background: #ffdfe2;top: 102px;right: 39px;animation: opa1 2s linear infinite;}
.tit .r2{top: 166px;left: 80px;animation: opa2 2s linear infinite;}
.tit .r3{width: 20px;height: 20px;background: #fff3e3;top: 218px;left: 48px; animation: opa1 2s linear infinite;}
.tit .txt{font-size: 28px;color: #666;margin: 16px 0 50px;}
.tit img.rel{margin-top: -32px;}
.p1 .main1{width: 855px;background: url(../img/bg_img.png) no-repeat;height: 727px;margin-top: 60px;}
.p1 .cir1{width: 574px;height: 574px;left: 140px;top: 140px;animation: roll 14s linear infinite;}
.p1 .cir1 .img1{top: 400px;left: 10px;animation: roll2 14s linear infinite;}
.p1 .cir1 .img2{top: 56px;left:460px;animation: roll2 14s linear infinite;}
.p1 .cir2{width: 855px;height: 855px;animation: roll4 14s linear infinite;}
.p1 .cir2 .img3{top: 42px;left:-28px;animation: roll3 14s linear infinite;}
.p1 .cir2 .img4{top:-46px;left: 268px;animation: roll3 14s linear infinite;}

/* 有文字时的位置 */
/* .p1 .cir2 .img5{top:136px;left:558px;animation: roll3 14s linear infinite;} */
/* 没有文字时的位置 */
.p1 .cir2 .img5{top:158px;left:750px;animation: roll3 14s linear infinite;}

.p1 .cir2 .img6{top:422px;left:650px;animation: roll3 14s linear infinite;}
.p1 .main1 p{font-size: 16px;color: #666;line-height: 24px;margin-top: 8px;opacity: 0;transition: 0.5s;filter:alpha(opacity=0);}
.p1 .cir2 .img6 p{width: 402px;}
.p1 .cir2 .img5 p{width: 436px;}
.p1 .img3:hover p{opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
.p1 .img4:hover p{opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
.p1 .img5:hover p{opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
.p1 .img6:hover p{opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
.btn{position: relative;z-index: 999; background: url(../img/bg1.png) no-repeat;width: 370px;line-height: 60px;height: 60px;margin: 0 auto;display: block;color: #fff;font-size: 34px;margin-bottom: 70px;}
.p2{background: #fbf9ff;}
.p2 .eng{color: #fff;}
.p2 .r1{right: 100px;}
.p2 .list li{box-shadow:0px 0px 20px 5px rgba(102,102,102,0.1);margin-bottom: 20px;margin-right: 20px;}
.p2 .list li h3{width: 174px;height: 44px;background: url(../img/bg2.png) no-repeat;font-size: 26px;color: #fff;margin: -20px auto 20px;line-height: 44px;transition: 0.3s;}
.p2 .list li p{font-size: 22px;color: #666;line-height: 36px;margin-bottom: 28px;}
.p2 .list li:hover h3{transform: rotate(-16deg); transition: 0.3s;}
.p2 .list li.last{margin-right: -20px;}
.p2 .btn{margin-top: 50px;}
.p3{background: url(../img/bg3.jpg) no-repeat top center;height: 990px;}
.p3 h2{font-size: 46px;margin-top: -44px;width: 880px;}
.p3 .eng{color: #fd7783;}
.p3 .txt,.p3 h2{color: #fff;}
.p3 .r1{background: #fd8591;right: 30px;top: 94px;}
.p3 .r2{left: 76px;top: 164px;}
.p3 .r3{background: #fd8490;}
.p3 .tBox{width: 100%;margin-top: 94px;text-align: left;height: 566px;}
.p3 .tBox p{font-size: 20px;}
.p3 .tBox .odd{color: #fffa72;}
.p3 .tBox p{animation: transX 15s linear infinite;}
.p3 .tBox .txt1{left: -570px;left: 50% \9;}
.p3 .tBox .txt2{font-size: 16px;color: #fd808e;top: 60px;left: -754px;left: 30% \9;}
.p3 .tBox .odd2{color: #fff;}
.p3 .tBox .txt3{top: 56px;left: -328px;left: 65% \9;}
.p3 .tBox .txt4{left: -656px;top: 120px;left: 25% \9;}
.p3 .tBox .txt5{top: 122px;left: -200px;left: 20% \9;}
.p3 .tBox .txt6{left: -336px;top: 172px;left: 70% \9;}
.p3 .tBox .txt7{left: -898px;top: 200px;left: 60% \9;}
.p3 .tBox .txt8{left: -600px;top: 210px;left: 20% \9;}
.p3 .tBox .txt9{left: -254px;top: 214px;left: 35% \9;}
.p3 .tBox .txt10{top:268px;left: -100px;left: 15% \9;}
.p3 .tBox .txt11{top:294px;left: -778px;left: 45% \9;}
.p3 .tBox .txt12{top:360px;left: -892px;font-size: 18px;left: 40% \9;}
.p3 .tBox .txt13{top:390px;left: -684px;left:55% \9;}
.p3 .tBox .txt14{top:372px;left: -370px;font-size: 20px;left:15% \9;}
.p3 .tBox .txt15{top:424px;left: -100px;font-size: 16px;left:40% \9;} 
.p4 .eng{padding-top: 0px;}
.p4 .r1{right: 30px;top: 30px;}
.p4 .r2{top: 98px;left: -2px;}
.p4 .r3{top: 150px;left: -26px;}
.p4 .bg{background: url(../img/bg4.jpg) no-repeat -204px top;height:602px;width: 100%;}
.p4 .bg .main{padding-top: 60px;width: 870px;}
.p4 .left{background: url(../img/bg5.jpg) no-repeat left 50px;width: 440px;height: 550px;}
.p4 .fnt1{font-size: 22px;color: #fffd72;top: 104px;left: 84px;animation:opa1 2s linear infinite;}
.p4 .fnt2{left: 296px;top: 134px;}
.p4 .fnt3{left: 178px;top: 276px;}
.p4 .fnt4{left: 288px;top: 330px;}
.p4 .fnt5{left: 58px;top: 460px;}
.p4 .fnt6{font-size: 22px;color: #fff;top: 218px;left:38px;animation:opa2 2s linear infinite;}
.p4 .fnt7{left: 160px;top: 392px;}
.p4 .fnt8{font-size: 18px;color: #fff;top: 200px;left:250px;}
.p4 .fnt9{top: 332px;left:100px;}
.p4 .fnt10{top: 444px;left:304px;}
.p4 .fnt11{font-size: 22px;color: #fff;top: 80px;left:222px;opacity: 0.2;animation:opa3 2s linear infinite;filter:alpha(opacity=20);}
.p4 .fnt12{top: 300px;left:12px;}
.p4 .fnt13{top: 380px;left:224px;}
.p4 .fnt14{top: 500px;left:20px;}
.p4 .fnt15{top:166px;left:136px;font-size: 18px;}
.p4 .fnt16{top: 248px;left:344px;}
.p4 .fnt17{top: 504px;left:222px;}
.p4 .img1{left: -98px;bottom: 186px;animation:totop 2s linear infinite ;}
.p4 .img2{left: 152px;bottom: -26px;animation:toR 2s linear infinite ;}
.p4 .right{width: 394px;text-align: left;}
.p4 .shape{margin-top: 86px;}
.p4 .right h3{font-size: 28px;color: #fd6170;margin-top: 20px;}
.p4 .right span{width:50px;height: 2px;background: #fd6170;display: block;margin: 20px 0 30px;}
.p4 .right p{background: url(../img/shape2.jpg) no-repeat left center;font-size: 22px;color: #666;padding-left: 20px;line-height: 44px;}
.p4 .right .btn{text-align: center;margin: 10px 0 0 0;}
.p5{margin-bottom: 70px;}
.p5 .main{width: 1010px;}
.p5 li{width: 230px;height: 360px;box-shadow: 0px 0px 10px 2px rgba(253,97,112,0.1);color: #fd6170;font-size: 20px;margin-right: 30px;}
.p5 li h3{width: 100%;height: 120px;background: #ffeff0;transition: 0.3s;}
.p5 li h3 p{font-size: 22px;margin-top: 12px;}
.p5 li h4{margin: 14px 0;}
.p5 li .time{font-size: 16px;color: #666;margin-bottom: 12px;}
.p5 li h5,.p5 li h4{font-size: 20px;}
.p5 li .time2{margin-top: 10px;}
.p5 li h5{margin-top: -12px;}
.p5 li a{display: block;background: url(../img/bor.png) no-repeat;width: 180px;height: 34px;line-height: 34px;margin: 0 auto;color: #fd6170;transition: 0.3s;}
#last,.last{margin-right: -30px;}
.p5 li.on h3{background: linear-gradient(120deg,#fd6170,#ffc172);color: #fff;transition: 0.3s;}
.p5 li a:hover{background: url(../img/bor1.png) no-repeat;color: #fff;transition: 0.3s;}
.p5 .r1{right: 120px;}
.p5 .r2{left: 108px;}
.p5 .r3{left: 82px;}
.p6{
	/* height: 1058px; */
	padding-bottom: 70px;
}
.p6 .tit{width: 900px;}
.p6 .main6{height: 636px;}
.p6 .bot,.p6 .top{width: 964px;height: 614px;box-shadow: 0px 0px 20px 5px rgba(102,102,102,0.1);left: 20px;background: #fff;opacity: 0.5;border-radius: 10px;filter:alpha(opacity=50);}
.p6 .top{width: 100%;height: 612px;opacity: 1;left: 0;top: 20px;animation:totop2 2s linear infinite;filter:alpha(opacity=100);}
.p6 .btnBox {margin: 26px 0 0 26px;}
.p6 .btnBox li{background:url(../img/bor2.png);width: 180px;height: 74px;background-repeat: no-repeat;font-size: 24px;color: #fe8771;line-height: 30px;padding-top: 16px;margin-right: 12px;border-radius: 8px;transition: 0.9s;}
.p6 .btnBox li.on{background:#ff8088; background: linear-gradient(to bottom,#ffbf72,#fd6370);color: #fff;transition: 0.9s;}
.p6 .conBox{width: 950px;top: 138px;left: 26px;height: 450px;overflow: hidden;}
#swiper2 .clearfix{width: 950px;text-align: left;}
#swiper2 .fl h3{width: 500px;height: 20px;background: #ffdfe2;margin-top: 20px;}
#swiper2 .fl p{color: #fd6170;}
#swiper2 .fl .t1{font-size: 34px;top: -29px;left: 18px;}
#swiper2 .fl .t2{font-size: 18px;top: -8px;left: 166px;}
#swiper2 .fl img{left: 464px;top: -16px;}
#swiper2 .fl .con{line-height: 30px;font-size: 16px;color: #666;padding: 22px 0 32px 16px;}
.p6 .r1{right:46px;}
.p6 .r2{left: 12px;}
.p6 .r3{left: -20px;}
.p7 .r1{right:124px;}
.p7 .r2{left:4px;}
.p7 .r3{left: -28px;}
.p7{height: 1108px;}
.p7 ul{width: 1008px;margin-top: 70px;}
.p7 li{margin-right: 14px;animation:totop3 2s linear infinite;}
.p7 li p{font-size: 20px;color: #666;margin-top: 24px;}
.p7 .btn{margin-top: 50px;}
.p7 .sec{animation:totop4 2s linear infinite;}
.p8{padding-bottom: 50px;}
.p8 .tit{width: 870px;}
.p8 .r1{right:4px;}
.p8 .r2{left: -8px;}
.p8 .r3{left: -38px;}
.p8 i{width: 448px;height: 310px;background: #fccbd4;}
.p8 .main8{height: 478px;text-align: left;}
.p8 .teacher,#swiper3 .clearfix{height: 456px;width: 954px;color: #fd6170;}
.p8 .teacher{top: 20px;left: 20px;overflow: hidden;}
.p8 .next{top: 420px;left: 492px;z-index: 999;cursor: pointer;}
#swiper3 .fl img{margin-left: -68px;margin-top: 50px;}
#swiper3 h4{font-size: 32px;margin-left: 44px;margin-top: 42px;}
#swiper3 h5{width: 212px;height: 20px;background: #fbeaf0;margin-top: 4px;left: 150px;top: 14px;}
#swiper3 h5 p{font-size: 24px;text-align: center;margin-top: -20px;}
#swiper3 .fs{font-size: 20px;line-height: 36px;color: #666;margin-left:44px;margin-top: 40px;}
#swiper3 h5.wid{width: 230px;}
.p8 .main8 b{width: 40px;height: 40px;background: #fccbd4;left: -68px;top: 330px;}
.p9{background: url(../img/bg6.jpg) no-repeat top center;height: 820px;}
.p9 .r1{right:46px;}
.p9 .r2{left: 94px;}
.p9 .r3{left:66px;}
.p9 .fl{width: 500px;height: 520px;}
.p9 .ab1{left: 30px;animation: toL 2s linear infinite;}
.p9 i.absr,.p9 i.abslt{width: 186px;height: 82px;background: #fff;opacity: 0.2;filter:alpha(opacity=20);}
.p9 i.absr{right: -20px;top: 20px;}
.p9 .ab2{top: 95px;animation: totop5 2s linear infinite;}
.p9 i.abslt{left: -40px;}
.p9 img.abslt{bottom: 26px;animation: totop6 2s linear infinite;}
.p9 img.absrt{right: 20px;animation: toL2 2s linear infinite;}
.p9 .fr{width: 476px;height: 380px;overflow: hidden;margin-top: 140px;color: #fff;text-align: center;}
.p9 .fr h3{font-size: 28px;}
.p9 .fr p{font-size: 22px;line-height: 44px;margin-top: 50px;}
.p9 .swiper-slide div{width: 476px;}
.p9 .fr img{cursor: pointer;z-index: 2;top: 7px;}
.p9 .fr img.absl{left: 130px;}
.p9 .fr img.absr{right: 130px;}
#swiper4{height: 228px;overflow: hidden;}
.pagination {
    width: 100%;
    bottom: 112px;
    z-index: 99;
    text-align: center;
    position: absolute;
}
.swiper-pagination-switch {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    display: inline-block;
    background: #fff;
    opacity: 0.3;
    filter:alpha(opacity=30);
    cursor: pointer;
    border-radius: 100%;
}
.swiper-active-switch {
	opacity: 1;
	filter:alpha(opacity=100);
}
.p9 .fr a{background: url(../img/bg3.png) no-repeat;width: 370px;height: 60px;line-height: 60px;font-size: 36px;color: #fd6170;left: 62px;top: 298px;}

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

.p10{position: fixed;bottom: 0;left: 0;height: 80px;width: 100%;z-index: 999;/*display: none;*/ background: #fd6170;}


.p10 .mesg{width: 1024px;margin: 0 auto;height: 100%;}
.p10 .mesg img{top: -140px;left: -100px;}
.p10 .mesg form{margin:24px 0 0 154px;}
.p10 .mesg .bor{width: 138px;height: 38px;border: 1px solid #fffa72;margin-right: 10px;}
.p10 .mesg .bor img{margin: 8px 8px 0 10px;}
.p10 .mesg .bor input{width: 100px;height: 100%;border: none;background: none;font-size: 16px;color: #fff;}
.p10 .mesg .bor .two{margin-top: 5px;} 
.p10 .mesg .bor2{width: 191px;}
#phoneCode{width: 52px;}
#getcode{width: 96px;border-left: 1px solid #fffa72;height: 28px;line-height: 28px;padding-left: 4px;margin-top: 5px;cursor: pointer;color: #fffa72;}
#submsg{background: url(../img/sub.png) no-repeat;width: 135px;height: 36px;border: none;cursor: pointer;}
.p10 .mesg .bor input::-webkit-input-placeholder{color: #fff;}
.p10 .mesg .bor input::-moz-placeholder,.ly_top input::-moz-input-placeholder{color: #fff;}
.p10 .mesg .bor input::-ms-input-placeholder,.ly_top input::-ms-input-placeholder{color: #fff;}





*{
    margin: 0;padding: 0;
}
ul,li{
	list-style: none;
}
.zuida{
	width: 100%;
	/* height: 610px; */
	position: relative;
}
.zuida_small{
	width: 950px;
	height: 20px;
	margin: 0 auto;
	background-color: #f8f6f8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.shoufeng{
    width: 995px;
	/* height: 605px; */
	background-color: #fff;
	margin: 0px auto 0px auto;
	border-radius: 5px;
	padding-bottom: 55px;
}
.menu_list{
	width:800px;
	/* height: 640px; */
	margin:0 auto;
	padding-top: 50px;
}

.menu_head{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height: 60px;
	line-height: 55px;
	padding-left: 70px;
	font-size: 26px;
    color: #fff;
    font-weight: normal;
	cursor: pointer;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	background: -webkit-linear-gradient(left, #fd6270, #fd7170, #fe9371, #ffba71);
	background: -o-linear-gradient(left, #fd6270, #fd7170, #fe9371, #ffba71);
	background: -moz-linear-gradient(left, #fd6270, #fd7170, #fe9371, #ffba71);
	/* background-image: url(../images/left_img.png); */
	text-align: left;
}
/* .current{
	background-image: url(../images/left_img.png) center right no-repeat;
} */
.menu_list .current{
	/* background: url(../images/pro_down.png) center right no-repeat; */
}
.menu_body{
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background-color: #f6f6f6;
	margin-bottom: 10px;
}

.div_ul1{
	margin-left: 36px;
	height: 78px;
	padding-top: 13px;

}
.div_ul2{
	margin-left: 36px;
	height:50px;
    padding-top: 15px;

}
.div_ul3{
	margin-left: 36px;
	height: 75px;
    padding-top: 15px;

}
.div_ul4{
	margin-left: 36px;
	height: 77px;
    padding-top: 15px;

}
.div_ul5{
	margin-left: 36px;
	height: 77px;
    padding-top: 15px;

}
.div_ul6{
	margin-left: 36px;
	height: 77px;
    padding-top: 15px;
	border-bottom: 1px solid #e1e1e1;
}
.menu_body li{
	float: left;
}
.menu_body li{
    line-height:30px;
    padding-left:38px;
    color:#7b7b7b;
    font-size: 18px;
}
.jianhao{
	position: absolute;
	top: 15px;right: 20px;
	display: none;
}
.jiahao{
	position: absolute;
	top: 15px;right: 20px;
	
}
.menu_head:hover .jianhao{
	
	display: block;
}
.menu_head:hover .jiahao{
	display: none;
}
/* .menu_body li:hover{
} */

@keyframes toL2{
	0%{
		right: 5px;
	}
	50%{
		right: 20px;
	}
	100%{
		right: 5px;
	}
}
@keyframes toL{
	0%{
		left: 15px;
	}
	50%{
		left: 30px;
	}
	100%{
		left: 15px;
	}
}
@keyframes totop6{
	0%{
		bottom: 11px;
	}
	50%{
		bottom:26px;
	}
	100%{
		bottom: 11px;
	}
}
@keyframes totop5{
	0%{
		top: 80px;
	}
	50%{
		top: 95px;
	}
	100%{
		top: 80px;
	}
}
@keyframes totop4{
	0%{
		margin-top: 20px;
	}
	50%{
		margin-top: 0px;
	}
	100%{
		margin-top: 20px;
	}
}
@keyframes totop3{
	0%{
		margin-top: -20px;
	}
	50%{
		margin-top: 0px;
	}
	100%{
		margin-top: -20px;
	}
}
@keyframes totop2{
	0%{
		top: 0px;
	}
	50%{
		top: 20px;
	}
	100%{
		top: 0px;
	}
}
@keyframes totop{
	0%{
		bottom: 170px;
	}
	50%{
		bottom: 186px;
	}
	100%{
		bottom: 170px;
	}
}
@keyframes toR{
	0%{
		left: 136px;
	}
	50%{
		left: 152px;
	}
	100%{
		left: 136px;
	}
}
@keyframes transX{
	0%{
		transform: translateX(0px);
	}
	100%{
		transform: translateX(2500px);
	}
}
@keyframes roll4{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-60deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes roll3{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(60deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes roll{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(100deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes roll2{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-100deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes opa1{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes opa2{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes opa3{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.2;
	}
	100%{
		opacity: 0;
	}
}