*{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(../images/banner1.jpg) no-repeat top center;width: 100%;height: 940px;display: block;}
.banner .img2{background: url(../images/banner2.jpg) no-repeat top center;width: 100%;height: 940px;display: block;}
.banner .img2020{background: url(../images/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(../images/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(../images/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: 830px;}
.tit .eng{font-size: 58px;font-weight: bold;padding-top: 70px;color: #fbf9ff;}
.tit .r1{width: 38px;height: 38px;background: #ffdfe2;top: 102px;right: -12px;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(../images/bg.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 .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(../images/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(../images/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(../images/bg3.jpg) no-repeat top center;height: 990px;}
.p3 h2{font-size: 46px;margin-top: -44px;}
.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(../images/bg4.jpg) no-repeat -204px top;height:602px;width: 100%;}
.p4 .bg .main{padding-top: 60px;width: 870px;}
.p4 .left{background: url(../images/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(../images/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(../images/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(../images/bor1.png) no-repeat;color: #fff;transition: 0.3s;}
.p5 .r1{right: 120px;}
.p5 .r2{left: 108px;}
.p5 .r3{left: 82px;}
.p6{height: 1058px;}
.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(../images/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(../images/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(../images/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(../images/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;}



@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;
	}
}