.cover {
    width: 1200px;
    margin: 0 auto;
}
.interval {
    padding: 60px 0;
}
.tc {
    text-align: center;
}
.c_profileCon_title h2 {
    font-size: 30px;
    color: #333;
  margin-top: 0;
  margin-bottom: 0;
}
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}
.c_profileCon_detail{
	width: 1200px;
	height: 230px;
	background-image: url(https://www.zyjiajiao.com/Public/modules/home/images/about/c_profileBg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 50px;
}
.sText{
	width: 440px;
	color: #fff;
	margin: 0 auto;
	font-size: 16px;
	line-height: 30px;
}

.lText{
	margin-left: 100px;
	margin-top: 50px;
}

.rText{
	margin-right: 100px;
	margin-top: 50px;
	float: right;	
}
.fr{display:inline;}
.promotional_con{
	width: 1200px;
	margin: 50px auto;

}
.promotional_con img{
	width: 1200px;
}


.history_con {
	width: 100%;
	background-color: #ebebeb;
	overflow: hidden;
	background-attachment: fixed;
}
#history {
	width: 1200px;
	position: relative;
	margin: 50px auto 0 auto;
	background-color: #ebebeb;
	background-attachment: fixed;
}
.title {
	height: 95px;
	line-height: 95px;
	text-indent: 280px;
}
.title h2 {
	color: #7c7c7c;
	font-size: 18px;
	font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 60px;text-align: center;
}
#circle {
	width: 83px;
	height: 83px;
	position: absolute;
	top: 0;
	left: 390px;
	border: 6px solid rgba(0, 0, 0, 0.15);
	border-radius: 95px;
	text-indent: 0;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#circle .cmsk {
	height: 83px;
	position: absolute;
	width: 83px;
	top: 0;
	left: 0;
}
#circle:hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	border-color: rgba(0, 0, 0, 0);
}
.clock {
	display: block;
}
#circle:hover {
	border-color: #ee3c43;
	background-color: #fff;
}
#circle:hover .clock {
	display: block;
}
#circle:hover .circlecontent {
	display: none;
}
#circle span {
	font-size: 18px;
	color: #b0b0b0;
}
#circle .clock {
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/clock.png) no-repeat 0 20px;
	width: 83px;
	height: 83px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	border-radius: 0;
}
#circle:hover .clock {
	border-radius: 83px;
}
.timeyear {
	color: #b0b0b0;
	font-size: 18px;
	line-height: 20px;
}
.timeblock {
	height: 28px;
	margin-top: 22px;
	margin-left: 5px;
}
.timeblock span {
	display: block;
	height: 24px;
	width: 16px;
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/date.png) no-repeat 0 0;
	float: left;
}
.timeblock .numf {
	background-position: 0px -48px;
}
.timeblock .nums {
	background-position: 0px 0px;
}
.timeblock .numt {
	background-position: 0px -24px;
}
.timeblock .numfo {
	background-position: 0px -216px;
}
#content {
	height: 355px;
	width: 1200px;
	overflow: hidden;
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/vertical.png) no-repeat 434px 2px;
	padding-top: 10px;
}
.list {
	overflow: hidden;
	position: relative;
}
.list li {
	height: 110px;
	vertical-align: bottom;
	overflow: hidden;
	position: relative;
}
.liwrap {
	height: 55px;
	margin-top: 28px;
}
.lileft {
	position: absolute;
	top: 0;
	left: 0px;
	height: 55px;
	width: 400px;
	line-height: 55px;
	text-align: right;
}
.liright {
	position: absolute;
	top: 0;
	right: 0px;
	height: 55px;
	width: 700px;
}
.histt {
	height: 35px;
	line-height: 35px;
}
.hisct {
	font-size: 14px;
	color: #6e6e6e;
}
.md {
	font-size: 18px;
	color: #AEAEAE;
}
.year {
	font-size: 16px;
	color: #9dc92a;
	margin-right: 10px;
}
.point {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 0;
	left: 409px;
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/point.png) no-repeat 0px 18px;
	overflow: hidden;
}
.point b {
	height: 16px;
	width: 16px;
	background: #fff;
	display: block;
	margin: 20px 0 0 19px;
	border-radius: 18px;
	border: 2px solid #9dc92a;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position: absolute;
	top: 0;
	left: 0;
}
.thiscur .point b {
	border: 7px solid rgba(157,201,42, 0.6);
	margin: 20px 0px 0px 20px;
	border-radius: 52px;
}
.thiscur .histt a {
	color: #9dc92a;
}
.histt a {
	font-size: 24px;
	color: #333;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#arrow {
	position: fixed;
	top: 50%;
	right: 30px;
}
*html #arrow {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop));
	margin-top: 350px;
}
#arrow ul li {
	display: block;
	height: 20px;
	width: 20px;
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/icons.png) no-repeat 0 0;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#arrow ul li:active {
	background-color: #000;
}
#arrow ul .arrow_active {
	background-color: #000;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
#arrow ul .arrowup {
	background-position: 0px -26px;
	margin-bottom: 10px;
}
#arrow ul .arrowdown {
	background-position: 0px 0px;
}


.culture{
	width: 100%;
	background-color: #fff;
}

.cultureCon{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.mainRound{
	width: 380px;
    height: 380px;
	border: 5px solid #9dc92a;
	border-radius: 50%;
	margin: 0 auto;
}

.cultureCon_detail{
	margin-top: 80px;
	position: relative;
}

.line_round{
	width: 348px;
  height: 287px;
  background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/line_round.png) no-repeat;
  background-size: 80% 80%;
  margin: 86px auto;
  margin-left: 50px;
}

.list1{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 200px;
}

.list2{
	display: inline-block;
	position: absolute;
	top: 155px;
	left: 145px;
}

.list3{
	display: inline-block;
	position: absolute;
	top: 300px;
	left: 200px;
}

.list4{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 130px;
}

.list5{
	display: inline-block;
	position: absolute;
	top: 155px;
	right: 80px;
}

.list6{
	display: inline-block;
	position: absolute;
	top: 300px;
	right: 130px;
}

.btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.btn {
    width: 6rem;
    height: 6rem;
    background-color: #9dc92a;
    border-radius: 50%!important;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    border: none;
    padding: 0;
    position: relative;
    outline: none;
    margin-left: 10rem;
    margin-top: 7rem;
}

.btn--shockwave.is-active {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
          animation: shockwaveJump 1s ease-out infinite;
}
.btn--shockwave.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s .65s ease-out infinite;
          animation: shockwave 1s .65s ease-out infinite;
}
.btn--shockwave.is-active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s .5s ease-out infinite;
          animation: shockwave 1s .5s ease-out infinite;
}

@-webkit-keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(2.25);
            transform: scale(2.25);
  }
}
@keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(2.25);
            transform: scale(2.25);
  }
}



.honor{
	width: 100%;
	background-color: #fafafa;
}

.honor_con{
	width: 1200px;
	margin: 0 auto;
}

.bodyCon08 {
	/*background: #fff;*/
}

.bodyCon08 .students {
	margin: 0 auto;
	width: 1200px;
	height: 460px;
	position: relative;
}

.bodyCon08 .students p.PP {
	width: 510px;
	height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 300px;
}

#four_flash {
	position: relative;
	width: 1200px;
	height: 370px;
	margin: 0 auto;
	position: absolute;
	bottom: 40px;
	box-shadow: 2px 10px 30px #aeabab;
}

#four_flash .flashBg {
	width: 998px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#four_flash .flashBg ul.mobile {
	width: 2000%;
	height: 400px;
	position: absolute;
	top: 15;
	left: 0;
}

#four_flash .flashBg ul.mobile li {
	/*border: 10px solid #2E324B;*/
	float: left;
	width: 280px;
	height: 340px;
	margin-left: 46px;
	padding-top: 40px;
	color: #6C6E85;
}

#four_flash .flashBg ul.mobile li:hover {
	/*border: 10px solid #343851;*/
	color: #fff;
}

#four_flash .flashBg ul.mobile li img {
	width: 256px;
	height: 179px;
	display: block;
	margin: 0 auto;
	border: 10px solid #343851;
	/*border-radius: 82px;*/
}

#four_flash .flashBg ul.mobile li dd {
	font-size: 16px;
    width: 250px;
    line-height: 30px; height:30px; overflow:hidden;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #6C6E85;
    font-weight: 600;
    margin-top: 15px;
}

#four_flash .flashBg ul.mobile li p {
	font-size: 16px;
	text-align: center;
	width: 250px;
	line-height: 24px; height:24px; overflow:hidden;
	margin-top: 10px;
	color: #666;
}

#four_flash .flashBg ul.mobile li a {
	display: block;
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/jiantou.png);
	width: 31px;
	height: 31px;
	border: 0px;
	margin: 8px auto;
}

#four_flash .flashBg ul.mobile li a:hover {
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/jiantou2.png);
}

#four_flash .but_left { cursor:pointer;
	width: 37px;
	height: 70px;
	position: absolute;
	top: 140px;
	left: 10px;
}
#four_flash .but_left img{ width:35px; height:70px;}
#four_flash .but_right {
	width: 37px;
	height: 70px;
	position: absolute;
	top: 140px;
	right: 10px; cursor:pointer;
}
#four_flash .but_right img{ width:35px; height:70px;}

#four_flash .but_left:hover {
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/qianxleft1.png) no-repeat; background-size:35px 70px
}

#four_flash .but_right:hover {
	background: url(https://www.zyjiajiao.com/Public/modules/home/images/about/qianxr1.png) no-repeat; background-size:35px 70px
}

/*加入我们*/
.joinUs{
	width: 100%;
	height: 140px;
	background: -webkit-linear-gradient(180deg, #9dc92a,#be0f16); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(180deg, #9dc92a,#be0f16); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(180deg, #9dc92a,#be0f16); /* Firefox 3.6 - 15 */
    background: linear-gradient(180deg,#9dc92a,#be0f16); /* 标准的语法（必须放在最后） */
}

.joinUs_con{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.joinUs_con p{
	font-size: 30px;
	color: #fff;
}

.joinUs_con h3{
	font-size: 30px;
	color: #fff;
}

.joinUs_con .moreMsg{
	display: inline-block;
	color: #9dc92a;
	background-color: #fff;
	width: 180px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	margin-top: 30px;
}

/* 创建动画，声明一个动画的关键帧 */
	/*左滑*/
	@keyframes myanil {
		0% {
			margin-left: -300px;
			opacity: 0;
		}
		50% {
			margin-left: -150px;
			opacity: .5;
		}
		100% {
			margin-left: 0;
			opacity: 1;
		}
	}
	
	.roll div[id=css1] {
		animation-name: myanil;
		animation-duration: 3s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.61, 1.32);
	}
	
	.roll div[id=css2] {
		animation-name: myanil;
		animation-duration: 3s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.61, 1.32);
		animation-delay:.3s;
	}
	
	.roll div[id=css3] {
		animation-name: myanil;
		animation-duration: 3s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.61, 1.32);
		animation-delay:.6s;
	}
	/*右滑*/
	
	@keyframes myanilr {
		0% {
			margin-right: -300px;
			opacity: 0;
		}
		50% {
			margin-right: -150px;
			opacity: .5;
		}
		100% {
			margin-right: 0;
			opacity: 1;
		}
	}
	
	.roll div[id=css4] {
		animation-name: myanilr;
		animation-duration: 3s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.61, 1.32)
	}
	
	.roll div[id=css5] {
		animation-name: myanilr;
		animation-duration: 3s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.61, 1.32);
		animation-delay:.3s;
	}
	
	.roll div[id=css6] {
		animation-name: myanilr;
		animation-duration: 3s;
		animation-timing-function: cubic-bezier(0.22, 0.61, 0.61, 1.32);
		animation-delay:.6s;
	}

.gyhs-img {
  margin: 50px auto;
  width: 1200px;
  display: block;
}