body{font:normal 14px "Microsoft Yahei";text-alt:justify;text-justify:inter-ideograph;overflow-x:hidden; background: #fff; color:#333;}
body,p,ul,li,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,iframe{margin:0;padding:0;font-weight:normal;}
ul,li,ol{list-style:none outside none;}
html{overflow-x:hidden;}
img{border:none;}
a{text-decoration:none;cursor:pointer;}
a:focus,
input:focus,
span:focus,
p:focus,
div:focus{
outline: 0px auto -webkit-focus-ring-color; 
}
/*float*/

.fl{float:left;}
.fr{float:right;}
.mt{margin-top:60px;}
.mb{margin-bottom:40px}
.pt0{padding-top:0;}
.cnter{text-align:center;}
.gray{background:#f7f8fa;padding-top:1px;}
/* clear */
.clear{zoom:1;clear:both;display:inline-block;}
.clear{display:block;}
.clear:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}

/* edge */
.suspend{position:fixed;top:20%;left:0;z-index:99;cursor:pointer}
.edge{text-align:center;color:#494949;}
.warp{width:1170px;margin:0 auto;}
.top{height:500px;background:url("./images/top.jpg") no-repeat top center;}
.top .warp{padding-top:374px;}
.top a{width:338px;height:52px;line-height:52px;background:#fff;font-size:20px;border-radius:30px;display:block;margin:0 auto;color:#06cc9b;}
.top img{animation: chicken 2s infinite;margin-left:10px;}

.edge p{width:1200px;font-size:18px;line-height:36px;margin:0 auto;padding:20px 0;text-align:left;}
.edge p.cnter{text-align:center;}
.edge h1{font-size:40px;text-align:center;line-height:80px;padding:90px 0 10px;}
.edge h1.pt0{padding-top:0;}
.edge h2{font-size:32px;text-align:center;line-height:65px;padding-top:30px;}

.edge h4{padding:60px 0 100px;text-align:center;}
.edge h4 a{width:338px;height:52px;display:inline-block;line-height:52px;font-size:20px;background:#fedf03;color:#000;margin:0 43px;border-radius:30px;}
/*.edge h4 a:hover{background:none;transition:0.3s;color:#455061;}*/
.designer li{width:270px;height:200px;overflow:hidden;position:relative;float:left;font-size:18px;line-height:50px;margin-right:30px;margin-top:40px;}
.designer li:last-child{margin-right:0;}
.designer li div{width:270px;height:200px;background:#000;opacity:0.7;position:absolute;top:0;left:0;transition:0.3s;display:none;}
.designer li div h5{text-align:center;color:#fff;opacity:1;font-size:16px;line-height:28px;padding-top:65px;}
.designer li:hover div{display:block;}
.post{height:882px;background:url("./images/post.jpg") no-repeat top center;}
.bat{padding:0 67px;margin-top:40px;position:relative;}
.bat .swiper-button-prev{width:37px;height:56px;background:url("./images/prev.png") no-repeat top center;}
.bat .swiper-button-next{width:37px;height:56px;background:url("./images/next.png") no-repeat top center;}
.bat .swiper-slide{position:relative;height:467px;}
.bat .swiper-slide img{position:absolute;top:0;left:0;}
.bat dl{height:133px;width:227px;padding:0 25px;background:url("./images/sk.png") repeat top center;color:#fff;position:absolute;bottom:0;left:0;z-index:99;transition:height 0.6s;cursor:pointer;}
.bat .swiper-slide:hover dl{height:467px;}
.bat dl dt{line-height:40px;font-size:18px;}
.bat dl h5{font-size:30px;line-height:65px;border-bottom:3px solid #fff;}
.bat dl dd{padding:30px;text-align:left;font-size:16px;line-height:32px;}
.plane{height:700px;text-align:left;overflow:hidden;}
.plane dl{width:376px;padding:220px 80px 0;height:480px;background:rgba(60,48,79,0.86);opacity:0.86;color:#fff;position:absolute;display:none;transition:0.3s;}
.plane:hover dl{display:block;}
.plane dl a{width:190px;height:42px;background:#fedf03;font-size:16px;line-height:42px;border-radius:30px;display:block;text-align: center;color:#000;margin-top:30px;}
.plane dt{font-size:22px;opacity:1;}
.plane dd{font-size:18px;line-height:36px;padding-top:20px;}
.plane:nth-child(n) dl{right:200px;}
.plane:nth-child(2n) dl{left:200px;}
.p1{background:url("./images/p1.jpg") no-repeat top center;}
.p2{background:url("./images/p2.jpg") no-repeat top center;}
.p3{background:url("./images/p3.jpg") no-repeat top center;}
.p4{background:url("./images/p4.jpg") no-repeat top center;}
.p5{background:url("./images/p5.jpg") no-repeat top center;}
.p6{background:url("./images/p6.jpg") no-repeat top center;}
.p7{background:url("./images/p7.jpg") no-repeat top center;}
.p8{background:url("./images/p8.jpg") no-repeat top center;}
.almighty{height:530px;background:url("../images/almighty.jpg") no-repeat top center;position:relative;}
.almighty img.fl{margin-left:145px;margin-top:55px;opacity:0}
.almighty #scene{width:433px;height:485px;margin-top:25px;float:left}
.almighty img.fr{margin-right:143px;margin-top:-455px;opacity:0}
.teacher{height:747px;background:url("./images/teacher.jpg") no-repeat top center;color:#fff;text-align:left;}
.edge .thr{margin-top:22px;font-size:18px;line-height:36px;}
.thr img{float:left;}
.thr dl{padding:50px 0 0 80px;width:630px;float:left}
.thr dd{padding-top:45px;}
.thr dt h5{font-size:28px;padding-bottom:10px;}
.edge .thr .swiper-pagination{bottom:40px;margin-left:200px;}
.edge .thr .swiper-pagination span{width:156px;height:148px;opacity:1;position:relative;}
.edge .thr .swiper-pagination span b{display:block;width:156px;height:148px;background:#000;opacity:0.5;position:absolute;top:0;left:0;}
.edge .thr .swiper-pagination .swiper-pagination-bullet-active b{opacity:0;}
.workcont{width:1270px;margin:0 auto;padding-top:40px;}
.edge .works{padding-top:100px;margin-top:60px;width:1170px;margin:0 auto;height:480px;}
.edge .works .swiper-pagination{top:0;}
.edge .works .swiper-pagination span{width:175px;height:58px;border-radius:30px;line-height:58px;font-size:20px;background:#82e4cc;color:#2d2d2d;opacity:1;margin:0 15px;}
.edge .works .swiper-pagination .swiper-pagination-bullet-active{color:#000;background:#06ca9a;}
.btm{height:500px;background:url("./images/btm.jpg") no-repeat top center;}
.btm .warp{padding-top:353px;}
.btm a{width:323px;height:52px;border-radius:30px;display:inline-block;font-size:20px;color:#fff;text-align:center;line-height:52px;background:#d6666f;color:#fff;}
.btm img{animation: chicken 2s infinite;margin-left:10px;}

@keyframes chicken {
  0% {
    transform: translate(10px, 0); }
  50% {
    transform: translate(0, 0); }
  100% {
    transform: translate(10px, 0px); } }
.fadeinleft_am{animation:fadeinleft_am;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
@keyframes fadeinleft_am {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.fadeinright_am{animation:fadeinright_am;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-direction:alternate;}
@keyframes fadeinright_am {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}