body{
	background: #2d2d2d;
}
/*zg_banner*/
.zg_banner{
	height: 874px;
	position: relative;
	background: url(.imagesbanner_bk.jpg) no-repeat center center;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	min-width:1093px;
}
.zg_banner .banner_con{
	width:1000px;
	margin:0 auto;
	position: relative;
}
.zg_banner .banner_con .p1_wrap{
	width:170px;	
	border-right: 4px solid #fff;
	padding-right: 10px;
	position: absolute;
	top:50px;
	left: 527px;
}
.zg_banner .banner_con .p1_wrap p.p1{
	font-size: 30px;
	padding-bottom:5px;
	line-height: 30px;
	color: #fff;
	text-align: right;
}
.zg_banner .banner_con .p1_wrap p.p2{
	font-size: 30px;
	padding-top:5px;
	line-height: 30px;
	color: #fff;
	text-align: right;
}
.zg_banner .banner_con .p2_wrap{
	width:190px;
	border-left: 4px solid #fff;
	padding-left: 10px;
	position: absolute;
	top:563px;
	left:305px;
}
.zg_banner .banner_con .p2_wrap p.p1{
	font-size: 30px;
	padding-bottom:5px;
	line-height: 30px;
	color: #fff;
	text-align: left;
}
.zg_banner .banner_con .p2_wrap p.p2{
	font-size: 30px;
	padding-top:5px;
	line-height: 30px;
	color: #fff;
	text-align: left;
}
.zg_banner .banner_con img.banner_word1{
	width:184px;
	height: 522px;
	position: absolute;
	left:272px;
	top:36px;
	z-index: 1;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
.zg_banner .banner_con img.banner_word2{
	width:155px;
	height: 526px;
	position: absolute;
	left:556px;
	top:158px;
	z-index: 1;
    transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
@keyframes Z500_0
{
	0%{transform:translateZ(700px) translateX(700px);}
	100%{transform:translateZ(0) translateX(0);}
}
@-webkit-keyframes Z500_0
{
	0%{transform:translateZ(700px) translateX(700px);}
	100%{transform:translateZ(0) translateX(0);}
}
.Z500_0 {
  -webkit-animation-name: Z500_0;
  animation-name: Z500_0;
}
@keyframes Z500_1
{
	0%{transform:translateZ(700px) translateX(-700px);}
	100%{transform:translateZ(0) translateX(0);}
}
@-webkit-keyframes Z500_1
{
	0%{transform:translateZ(700px) translateX(-700px);}
	100%{transform:translateZ(0) translateX(0);}
}
.Z500_1 {
  -webkit-animation-name: Z500_1;
  animation-name: Z500_1;
}
@keyframes Z500_2
{
	0%{transform: perspective(400px) rotateY(790deg);
	-webkit-transform: perspective(400px) rotateY(790deg);
    opacity: 0;
    }
	100%{transform: perspective(0px) rotateY(0deg);
	-webkit-transform: perspective(0px) rotateY(0deg);
    opacity: 1;
   }
}
@-webkit-keyframes Z500_2
{
	0%{transform: perspective(400px) rotateY(790deg);
	-webkit-transform: perspective(400px) rotateY(790deg);
    opacity: 0;
    }
	100%{transform: perspective(0px) rotateY(0deg);
	-webkit-transform: perspective(0px) rotateY(0deg);
    opacity: 1;
   }
}
.Z500_2 {
  -webkit-animation-name: Z500_2;
  animation-name: Z500_2;
}
.zg_banner .banner_con img.banner_people{
	width:509px;
	height: 633px;
	position: absolute;
	top:76px;
	left:240px;
}
.zg_banner .banner_con img.banner_logo{
	width:73px;
	height:56px;
	position: absolute;
	top:427px;
	left:465px;
}
/*zg_teacher*/
.zg_teacher{
	background: url(.imagessection_bk.jpg) no-repeat center top;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	min-width:1093px;
}
.zg_teacher .teacher_con{
	width:1093px;
	background: #fff;
	/*height: 1050px;
	background: url(.imagessection_bk.png) no-repeat center center;*/
	border:2px solid #d8a407;
	border-radius: 20px;
	padding-top: 1px;
	margin:0 auto;
	position: relative;
	top:-166px;
	padding-bottom:48px;

}
.zg_teacher .teacher_con h2{
	height:80px;
	margin:0 auto;
	background: url(.imagestitle.png) no-repeat center center;
	margin-top:48px;
	font-size: 48px;
	color: #333333;
	text-align: center;
	padding-top:10px;
	line-height: 70px;
	opacity: 0;
}
@keyframes Z500_3
{
	0%{transform: perspective(400px) rotateZ(0deg);
	-webkit-transform: perspective(400px) rotateZ(0deg);
    opacity: 0;
    }
	100%{transform: perspective(0px) rotateZ(0deg);
	-webkit-transform: perspective(0px) rotateZ(0deg);
     opacity: 1;
   }
}
@-webkit-keyframes Z500_3
{
	0%{transform: perspective(400px) rotateZ(0deg);
	-webkit-transform: perspective(400px) rotateZ(0deg);
    opacity: 0;
    }
	100%{transform: perspective(0px) rotateZ(0deg);
	-webkit-transform: perspective(0px) rotateZ(0deg);
    opacity: 1;
   }
}
.Z500_3 {
  -webkit-animation-name: Z500_3;
  animation-name: Z500_3;
}
.teacher_wrap{
	width:1088px;
	margin:0 auto;
	padding-top:73px;
	position: relative;
}
.teacher_wrap img.tipImg{
	width:200px;
	height: 137px;
	display: block;
	position: absolute;
	left:58px;
	top:43px;
	animation:pulse 2s ease-in-out infinite alternate;
	-webkit-animation:pulse 2s ease-in-out infinite alternate;
	-moz-animation:pulse 2s ease-in-out infinite alternate;
	-o-animation:pulse 2s ease-in-out infinite alternate;
	-ms-animation:pulse 2s ease-in-out infinite alternate;
}
.teacher_wrap .wrap_left{
	width:419px;
	float: left;
	position: relative;
	height: 584px;
}
.textmap {
	position: absolute;
	background:url(.imagesditu.png) no-repeat center center;
	width: 355px;
	height:588px;
	transition: all 2s;
	z-index: 1;
   	left:60px;
   	top:0;
}
.active .textmap {
	left: -55px;
	opacity: 1;
	transition-delay: 0.7s;
}
.textmap a {
	cursor: pointer;
	display: inline-block;
	z-index:5;
}
.textmap a.active{
	z-index:4;
}
.textmap a.active img{
	display:block;
}
.textmap a img {
	display: none;
}
.mapa {
	position: absolute;
	top: 380px;
	left: 194px;
	width: 52px;
	height: 35px;
}
.mapb {
	position: absolute;
	top: 29px;
	left: 223px;
	width: 99px;
	height: 119px;
}
.mapc {
	position: absolute;
	top: 191px;
	left: 186px;
	width: 106px;
	height: 86px;
}
.mapd {
	position: absolute;
	top: 302px;
	left: 192px;
	width: 45px;
	height: 30px;
}
.mape {
	position: absolute;
	top: 345px;
	left: 163px;
	width: 45px;
	height: 28px;
}
.mapf {
	position: absolute;
	top: 311px;
	left: 246px;
	width: 56px;
	height: 59px;
}
.mapg {
	position: absolute;
	top: 343px;
	left: 74px;
	width: 56px;
	height: 65px;
}
.maph {
	position: absolute;
	top: 434px;
	left: 25px;
	width: 126px;
	height: 69px;
}
.mapi {
	position: absolute;
	top: 474px;
	left: 179px;
	width: 73px;
	height: 63px;
}
.mapj {
	position: absolute;
	top: 408px;
	left: 254px;
	width: 73px;
	height: 40px;
}
.left_nav {
	width: 130px;
	position: absolute;
	display: none;
	left: 130px;
	padding-top:10px;
}

.teacher_wrap .wrap_right{
	width:635px;
	float: left;
	/*margin-left:20px;*/
	display: none;
}
.ms_wrap{
	width:100%;
	height: 282px;
}
.ms_wrap img{
	display: block;
	margin:0 auto;
}
/*.ms_wrap img.img1{
	left:0;
	top:0;
}
.ms_wrap img.img2{
	left:81px;
	top:0;
}
.ms_wrap img.img3{
	left:159px;
	top:0;
}
.ms_wrap img.img4{
	left:237px;
	top:0;
}
.ms_wrap img.img5{
	left:310px;
	top:0;
}
.ms_wrap img.img6{
	left:383px;
	top:0;
}
.ms_wrap img.img7{
	left:463px;
	top:0;
}
.ms_wrap img.active{
	z-index:2;
	transform:  translateZ(5px) translateX(3px) scale(1.2);
	-webkit-transform:  translateZ(5px) translateX(3px) scale(1.2);
	top:-23px;
}*/
.ms_yz{
	width:590px;
	margin:0 auto;
	overflow: hidden;
	padding-top:24px;
}
.ms_yz .yz_left{
	width:130px;
	float: left;
}
.ms_yz .yz_left img{
	display: block;
	width:72px;
	height: 72px;
	margin:0 auto;
}
.ms_yz .yz_left p{
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-weight: bold;
}
.ms_yz .yz_right{
	width:449px;
	border-left:1px solid #dea915;
	float: left;
	padding-left:10px;
	line-height: 26px;
	font-size:16px;
	color: #333;
	text-indent: 2em;
}
.ms_other{
	width:590px;
	margin:0 auto;
	overflow: hidden;
	padding-top:24px;
}
.ms_other p.oter_title{
	height:30px;
	position: relative;
	text-align: center;
}
.ms_other p.oter_title span{
	position: absolute;
	display: block;
	width:590px;
	height: 0;
	border-top:1px solid  #e6e6e6;
	top:15px;
	left:0;
	
}
.ms_other p.oter_title  font{
	display: inline-block;
	height: 30px;
	background: #fff;
	font-weight: bold;
	color: #333;
	padding:0 25px;
	position: relative;
	z-index: 2;
	font-size: 18px;
}
.other_list{
	padding-top:10px;
}
.other_list li{
	width:80px;
	height:34px;
	background: url(.imagesli_bk.png) no-repeat center center;
	cursor: pointer;
	text-align: center;
	line-height: 34px;
	font-size:16px;
	float: left;
	margin:0 9px 8px 9px;
	background-size: 100% 100%;
}
.other_list li.active{
	background: url(.imagesli_bk1.png) no-repeat center center;
	background-size: 100% 100%;
}
.other_list li:hover{
	background: url(.imagesli_bk1.png) no-repeat center center;
	background-size: 100% 100%;
}
.ms_other p.profile{
	font-size: 16px;
	line-height:26px;
	color: #333;
	width:578px;
	margin:0 auto;
	display: none;
	text-indent: 2em;
}



.recCon{
	 width:590px;
	 margin:0 auto;
	 border:1px solid #f4e19f;
	 margin-top:30px;
	 border-radius: 10px;
}
.recCon  .auto-con{
    width:590px;
    height:140px;
    position:relative;
    overflow: hidden;
    padding-bottom:30px;
}
.recCon  .auto-con .auto-list{
	width:590px;
	height:156px;
	position: absolute;
	left:0;
	top:0;
}
.recCon  .auto-con .auto-list .auto-item{
	height:156px;
	width:590px;
	float: left;
}

.recCon  .auto-con .pagination-list{
	height:42px;
	position: absolute;
	right:20px;
	bottom:0;
	display: inline-block;
}
.recCon .auto-con  .pagination-list  li
{
	display: inline-block;
    width:10px;
    height:10px;
    border-radius: 8px;
    background:none;
    border:1px solid #f2dd97;
    margin-right:10px;
    margin-top:13px;
    cursor: pointer;
}
.recCon .auto-con  .pagination-list  li.hover
{
	background: #ffc412;
}
.auto-con  .pagination-list  li.active
{
	background: #ffc412;
}






.zg_xuanfu{
	position: fixed;
	_position:absolute;
	right:10px;
	top:150px;
	width:76px;
}
.zg_xuanfu ul{
	width:76px;
}
.zg_xuanfu li{
   width:76px;
   height: 94px;
   margin-bottom: 20px;
}

.lsImg.lsImg1{
	position: relative;
	left:-24px;
}
.lsImg.lsImg2{
	position: relative;
	left:-1px;
}
.lsImg.lsImg3{
	position: relative;
	left:3px;
}