*{margin: 0 auto;padding: 0;font-family: "微软雅黑";}
ul{list-style-type: none;}
a{text-decoration: none; cursor: pointer;}
img{border: 0;}

/*banner*/
#banner{width: 100%;height:633px;background-image: url(../images/banner.png);background-repeat: no-repeat;background-position: center center;background-size:1920px 633px;position: relative;margin: 0 auto;}
#header a.tel{font-size:24px;float: right;margin-top: 30px;background-image: url(../images/tel.png);background-repeat: no-repeat;background-size: 24px 26px;padding-left: 30px;color: #fff;display: block;height: 26px;margin-right: 50px;line-height: 26px;}
#banner>a{width: 226px;height:48px;display: block;text-align: center;line-height: 50px;font-size: 24px;color: #fff;position: absolute;left: 50%;margin-top: 516px;border: 1px solid #fff;}
#banner>.btn1 {margin-left: -280px;background-color: #fe748e;}
#banner>.btn2{margin-left: 54px;background-color: #1a597c;}
#banner>.btn1:hover{background-color: #fb5776;}

/*导航*/
.nav{width: 100%;height: 74px;background-color: #2c2b30;position: relative;overflow: hidden;}
.nav p{width: 1000px;height:40px;position: relative;overflow: hidden;margin-top: 17px;}
.nav p a{color: #fff;float: left;text-align: center;line-height: 40px;font-size: 18px;padding: 0 10px;display: block;height: 40px;border-radius: 5px;margin: 0 68px;}
.nav a:hover{background-color: #003f63;}

/*点题*/
#plus{width: 100%;height: auto;position: relative;overflow: hidden;}
#plus>h3{margin-top: 55px;}
#plus>a{width: 228px;height:50px;display: inline-block;text-align: center;line-height: 50px;font-size: 24px;color: #fff;position: relative;left: 50%;margin: 50px 0;background-color: #1a597c;}
#plus>.btn1 {margin-left: -280px;}
#plus>.btn2{margin-left: 54px;}
#plus>.btn1:hover{background-color: #fe748e;}

#title{width: 887px;height:auto;overflow: hidden;margin-top: 24px;}
#title1{width: 943px;height:auto;overflow: hidden;margin-top: 24px;}
#title span,#title1 span{float: left;cursor: pointer;width: 242px;color: #201f1f;text-align: center;height: 67px;font-size: 18px;background-image: url(../images/tab1.png);background-position: center;background-size: 242px 67px;line-height: 54px;margin-right: 80px;letter-spacing: 1px;}
#title1 span{margin-right: 108px;}
#title span.se{background-image: url(../images/tab2.png);color: #fff;font-weight: bold;}
#title1 span.se{background-image: url(../images/tab3.png);color: #fff;font-weight: bold;}
#title_content{width: 887px;position: relative; overflow: hidden;text-align: center;margin-top: 50px;}
#title_content1{width: 943px;position: relative; overflow: hidden;text-align: center;margin-top: 50px;}
.ever{display: none;}
.ever{width: 100%;}

#title_content>.one ul.lf,#title_content1>.one ul.lf{width: 114px;height:274px;position: relative;overflow: hidden;float: left;}

#title_content>.one ul.lf>li,#title_content1>.one ul.lf>li{width: 114px;height: 88px;position: relative;overflow: hidden;margin-top: 11px;}
#title_content>.one ul.lf>li>img,#title_content1>.one ul.lf>li>img{width: 74px;height: 74px; margin-left: 40px;}
#title_content1>.one ul.lf>li>img{ margin-left: 60px;}
#title_content>.one ul.rg,#title_content1>.one ul.rg{width: 733px;height: 274px;position: relative;overflow: hidden;float: right;}

#title_content>.one ul.rg>li,#title_content1>.one ul.rg>li{width: 733px;height: 56px;text-align: left;font-size: 16px;color: #201f1f;border-bottom: 2px dashed #c3c3c3;padding-top: 10px;padding-bottom: 20px; line-height: 25px;margin-top: 11px;}
#title_content1>.one ul.lf{width: 134px;}
#title_content1>.one ul.lf>li{width: 134px;}


#title_content>.two dl{ width:160px; height:186px; overflow:hidden; position:relative;overflow: hidden; cursor:pointer; float: left;border: 1px solid #003f63;margin-left: 6px;margin-right: 11px;}
#title_content>.two dl dt{width:160px; height:146px;padding-top:40px ;color: #201F1F;font-size: 16px;}
#title_content>.two dl dt>img{margin-bottom: 10px;}
#title_content>.two dl dd{ width:140px; height:166px; background:#003f63;  text-align:center; color:#FFF; line-height:22px; font-size:14px; display:none;position: absolute;top: 0;text-align: left;padding: 10px;}
#title_content>.two dl.se dd{ 
 display:block;
 animation-name:flip;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;

}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
#title_content>.three div.title{width: 378px;height:302px;position: relative;overflow: hidden;float: left;background-image: url(../images/part1_31.png);background-position: center;background-size: :378px 302px;;}
#title_content>.three div.title>p{width: 200px;text-align: right;font-size: 16px;color: #201f1f;}
#title_content>.three div.info{width: 509px;height: 302px;position: relative;overflow: hidden;float: right;}
#title2{width:104px ;height: 302px;position: relative;overflow: hidden;float: left;}
#title2 span{display: block;width: 104px;height: 40px; cursor: pointer;color: #201f1f;text-align: center;font-size: 18px;background-image: url(../images/part1_tab.png);background-position: center;background-size:104px 40px;line-height: 40px;margin-right: 80px;margin-bottom: 20px;}
#title2 span.se{background-image: url(../images/part1_tab1.png);color: #fff;}
#title_content2{width: 365px;height: 302px;position: relative; overflow: hidden;float: right;text-align: left;padding: 0 20px;}
#title_content2>.ever p{margin:10px 0;line-height: 25px;}
#title_content2>.ever span{font-weight: bold;}

#new{width: 100%;height: auto;position: relative;overflow: hidden;background-color: #f9f9f9;}
#new>a{width: 228px;height:50px;display: inline-block;text-align: center;line-height: 50px;font-size: 24px;color: #fff;position: relative;left: 50%;margin: 50px 0;background-color: #1a597c;}
#new>.btn1 {margin-left: -280px;}
#new>.btn2{margin-left: 54px;}
#new>.btn1:hover{background-color: #fe748e;}
#title_content1>.two{width: 943px;height: 489px;position: relative;overflow: hidden;background-image: url(../images/part2_2.png);background-position: center;background-size: 943px 489px;}
#title_content1>.two>ul{width: 943px;height: 489px;position: relative;overflow: hidden;}
#title_content1>.two>ul>li{position: absolute;color: #201F1F;font-size: 16px;}
#title_content1>.three>ul{width: 943px;height: 346px;position: relative;overflow: hidden;}
#title_content1>.three>ul>li{width: 228px;height: 346px;float: left;background-color: #f8edf0;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-right: 10px;}
#title_content1>.three>ul>li>h3{width: 228px; border-radius: 5px;height: 46px;line-height: 46px;background-color: #fe748e;font-size: 24px;font-weight: normal;line-height: 46px;text-align: center;color: #fff;}
#title_content1>.three>ul>li>p{text-align: left;color: #201F1F;font-size: 14px;padding: 10px 10px;line-height: 22px;}
#title_content1>.three>ul>li>p>span{font-weight: bold;}


#sat{width: 100%;height: auto;position: relative;overflow: hidden;background-color: #004369;}
#sat>p{width: 1000px;text-align: center;font-size: 16px;color: #999999;margin-top: 18px;}
#sat>ul{width: 831px;height: 396px;position: relative;overflow: hidden;margin-top: 55px;}
#sat>ul>li{width: 310px;height: 396px;float: left;background-position: center;background-size: 360px 396px;padding: 0 20px;}
#sat>ul>li>h3{margin-top:120px ;color: #FFFFFF;font-size: 18px;text-align: center;}
#sat>ul>li>p{margin-top: 18px;font-size: 16px;color: #fff;line-height: 25px;}
#sat>ul>li>p>span{font-weight: bold;}
#sat>a{width: 226px;height:48px;display: inline-block;text-align: center;line-height: 50px;font-size: 24px;color: #fff;position: relative;left: 50%;margin: 50px 0;background-color: #1a597c;border: 1px solid #fff;}
#sat>.btn1 {margin-left: -280px;}
#sat>.btn2{margin-left: 54px;}
#sat>.btn1:hover{background-color: #fe748e;}


#teacher{width: 100%;height: 665px;position: relative;overflow: hidden;}
#gedu_teacher{width:1000px; margin:0 auto; position:relative;  height:350px; padding-top:34px; overflow:hidden;}
.teacher_banner{width:905px; height:302px; overflow:hidden; margin:0 auto; position:relative; }
.teacher_banner ul{height:302px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.teacher_banner ul li{width:905px; height:302px;float:left;position: relative; overflow:hidden;}
.teacher_banner ul li dl{ float:left; width:215px; overflow:hidden; height:302px;margin-right: 15px;position: relative;}
.teacher_banner ul li dl dt{ width:215px; margin:0 auto;}
.teacher_banner ul li dl dt img{ display:block;}
.teacher_banner ul li dl dd{width: 215px;height: 302px;position: absolute;bottom: 0;background-image: url(../images/tea_bg.png);background-size: 100% 100%;animation-name: rollOut;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: forwards;opacity: 0;filter: alpha(opacity=0);}
.teacher_banner ul li dl dd h6{ height:50px; line-height:58px; font-size:18px; color: #FFF;font-size: 22px;text-align: center; margin-top: 10px}
.teacher_banner ul li dl dd p{ line-height:24px;  color:#fff; font-size:16px; width:195px; padding: 0 10px;}
.teacher_banner ul li dl.se dd {display: block;animation-name: rollIn;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: forwards;opacity: 1;filter: alpha(opacity=100);}
@keyframes rollIn {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes rollOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

/*#gedu_teacher a{-webkit-transition:all 0.6s ease-in-out; width:372px; height:69px;  border:1px solid #ea5404; line-height:72px; text-align:center; margin:60px auto; border-radius:36px; color:#FFF; background:#ea5404; font-size:18px; display:block;}
#gedu_teacher a:hover{  border:1px solid #ea5404; background:#FFF; color:#ea5404; height:69px; line-height:72px;}*/
.teacher_point{width:100%; height:20px;  text-align:center; position:absolute; bottom:0px; left:0px; z-index:10;}
.teacher_point span{display:inline-block; margin-right:6px; cursor:pointer; width:14px; height:14px; background:#fafafa; border:1px solid #d3d3d3; border-radius:7px;}
.teacher_point span.se{ background:#125276;}
#gedu_teacher font{ width:25px; height:119px; z-index:10; position: absolute; top:50%; margin-top:-79px; cursor: pointer;}
#gedu_teacher .prev{ left:0px; background:url(../images/left.png) no-repeat;}
#gedu_teacher .next{ right:0px;  background:url(../images/right.png) no-repeat;}
#teacher>a{width: 228px;height:50px;display: inline-block;text-align: center;line-height: 50px;font-size: 24px;color: #fff;position: relative;left: 50%;margin: 50px 0;background-color: #1a597c;}
#teacher>.btn1 {margin-left: -280px;}
#teacher>.btn2{margin-left: 54px;}
#teacher>.btn1:hover{background-color: #fe748e;}



h3.pub_title{width: 1000px;position: top center;text-align: center;font-size: 32px;color: #201f1f;height: 71px;line-height:71px;background-image: url(../images/head1.png);background-position: center;background-size: 1000px 71px;font-weight: normal;}
h3.pub_title>span{color: #003f63;font-weight: bold;}