/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:"微软雅黑"; font-size:12px;}
.clearfix:after{ display:block; content:''; clear:both;}


.head{ width:1013px; margin:0 auto; overflow:hidden;}
.head a{ float:left;  padding-top:38px;}
.head span{ float:right; height:97px; background:url(../images/phone.png) left center no-repeat; line-height:98px; text-indent:37px; font-size:18px; color:#ea5404;}

.banner>a{display: block;width: 200px;height: 60px;text-align: center;line-height:60px;font-size: 20px;position: absolute;left: 50%;color: #fff;background-color: #ea5404; margin-left: -55px;border-radius: 30px;margin-top: 170px;}
.banner>a img{width: 28px;vertical-align: middle;margin-left: 8px;}


.chose{ width:1033px; margin:0 auto; overflow:hidden; padding-top:40px;}
.chose h2{  width:100%; line-height:50px; text-align:center; color:#FFF;  font-weight:bold; font-size:50px; }
.chose h2 i{ font-size:32px; font-weight:normal;}
.chose div{ width:100%; overflow:hidden; padding-top:168px; padding-bottom:40px;}
.chose div p{ float:left; width:258px; text-align:center; color:#FFF; line-height:24px; font-size:18px;}
.chose div p span{text-align:center; color:#FFF; line-height:24px; font-size:18px;}
.chose div p>a{display: block;width: 150px;height: 40px;border-radius: 20px;background-color:#fff;text-align: center;line-height: 40px;margin: 0 auto;margin-top: 15px;color: #3e5483;}
.chose div p>a:hover{background-color: #ea5404;color: #fff;}
.chose h6{ width:100%; line-height:86px; font-size:32px; color:#395181; text-align:center; font-weight:bold;}
.chose h6 i{ color:#ea5404;}
.chose>a{ -webkit-transition:all 0.6s ease-in-out; width:372px; height:69px;  border:1px solid #ea5404; line-height:72px; text-align:center; margin:0 auto; border-radius:36px; color:#FFF; background:#ea5404; font-size:18px; display:block;}
.chose>a:hover{ border:1px solid #ea5404; background:#FFF; color:#ea5404; height:69px; line-height:72px;}

.exam_time{ width:1033px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:80px;}
.exam_time h4{ height:172px; text-align:center; line-height:200px; font-size:40px; font-weight:bold; colo:#2a2a2a;}
.exam_time table{ width:630px; text-align:center;}
.exam_time table tr th{ height:60px; font-size:18px; color:#FFF; background:#36b693;}
.exam_time table tr td{ height:60px; font-size:18px; color:#2a2a2a; background:#fafafa;}
.exam_time a{ display:block; width:323px; height:62px; line-height:62px; margin:24px 0 0 140px; text-align:center; color:#FFF; border-radius:32px; font-size:16px; background:#ea5404;}
.exam_time img{ position:absolute; right:0px; top:147px; z-index:-8;}

.course{ width:1033px; margin:0 auto; overflow:hidden;}
.title{ width:100%; overflow:hidden; padding-bottom:34px;}
.title h2{ width:100%; line-height:60px; text-align:center; color:#2a2a2a;  font-weight:bold; font-size:50px;}
.title h2 i{ font-size:32px; font-weight:normal;}

#course { width:1015px; padding-left:18px; background:url(../images/sh_blue_10.jpg) left 4px no-repeat;}
#course tr{ background:#fafafa;}
#course tr td{ height:108px; font-size:16px; color:#2a2a2a; text-align:center; border-bottom:1px solid #FFF; border-right:3px solid #FFF;}
#course tr td b{ color:#ea5404; font-size:20px; display:block;}
#course tr td a{ -webkit-transition:all 0.6s ease-in-out; display:block; width:128px; height:41px; line-height:42px; text-align:center; border:2px solid #ea5404; font-size:16px; color:#ea5404; border-radius:22px; margin:0 auto;}
#course tr td a:hover{ background:#ea5404; color:#FFF;}
#course tr.se b{ color:#395181;}
#course tr.se{ background:#ebedf2;}
#course tr.se a{ border:1px solid #395181; color:#395181;}

.why_reason{ width:1013px; margin:0 auto; padding:48px 10px 46px; overflow:hidden; }
.why_reason dl{ width:296px; height:244px; float:left; background:#FFF; box-shadow:#ccc 0 0 50px; position:relative; margin:0 62px 28px 0;}
.why_reason dl dt{height:72px; line-height:78px; text-align:center; color:#395181;  font-size:20px; font-weight:bold;}
.why_reason dl dd p{ text-align:center; line-height:30px; color:#2a2a2a; font-size:18px;}
.why_reason dl dd a{ -webkit-transition:all 0.6s ease-in-out; position:absolute; width:200px; height:46px; line-height:46px; text-align:center; color:#FFF; background:#ea5404; font-size:18px; left:46px; bottom:25px;}
.why_reason dl.purple{ width:270px; height:223px; border:10px solid #fafafa; border-left:8px solid #fafafa;   border-right:8px solid #fafafa; background:#f2f3f6; box-shadow:#FFF 0 0 0;}
.why_reason dl.purple dd a{ left:33px; bottom:15px; color:#395181; border:1px solid #395181; background:#f2f3f6;}
 
.why_reason dl dd a:hover{ background:#395181; color:#FFF;}

.top20{ width:1033px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.top20 dl{ float:left; cursor:pointer; position:relative; width:192px; height:77px; border:1px solid #596d93; border-radius:8px; margin:0 14px 10px 0; overflow:hidden;}
.top20 dl dt{ height:36px; padding-top:14px; text-align:center; line-height:26px;  color:#2a2a2a; font-size:18px;}
.top20 dl dt i{ color:#596d93; font-size:14px;}
.top20 dl dd{ position:absolute; left:0px; top:77px; width:192px; height:71px; padding-top:6px; background:#465674; color:#FFF; text-align:center; font-size:16px; line-height:22px;}

#bkl{ width:401px;}
#bkl dd{ width:401px;}

.top20 a{ float:left; width:614px; height:63px; line-height:30px; text-align:center; border-radius:8px; color:#FFF; background:#465674; font-weight:bold; font-size:22px; padding-top:16px;}
.top20 a i{ font-size:18px;}
.top20 dl.se dd{top:0px;

animation-name: zoomInDown;
-webkit-animation-name: zoomInDown;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   animation-iteration-count:1;
   -webkit-animation-iteration-count:1;
}



@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


#gedu_teacher{width:1033px; margin:0 auto; position:relative;  height:500px; padding-top:64px; overflow:hidden;}


.teacher_banner{width:936px; height:310px; overflow:hidden; margin:0 auto; position:relative; }
.teacher_banner ul{height:310px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.teacher_banner ul li{width:936px; height:310px;   float:left; overflow:hidden;}
.teacher_banner ul li dl{ float:left; width:234px; overflow:hidden; height:310px;}
.teacher_banner ul li dl dt{ width:186px; margin:0 auto;}
.teacher_banner ul li dl dt img{ display:block;}
.teacher_banner ul li dl dd h6{ height:50px; line-height:58px; font-size:18px; color:#2a2a2a; background:url(../images/name_bg.jpg) 70px 18px no-repeat; padding-left:96px;}
.teacher_banner ul li dl dd p{ line-height:20px; text-align:center; color:#2a2a2a; font-size:14px; width:214px; padding: 0 10px;}
#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:150px; 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:#395181;}

#gedu_teacher font{ width:13px; height:64px; z-index:10; position: absolute; top:50%; margin-top:-32px; cursor: pointer;}
#gedu_teacher .prev{ left:0px; background:url(../images/prey.jpg) no-repeat;}
#gedu_teacher .next{ right:0px;  background:url(../images/next.jpg) no-repeat;}

.footer{ width:100%; background:url(../images/footer_bg.jpg) center top no-repeat; height:110px; font-size:16px; text-align:center; color:#FFF; line-height:32px; padding:60px 0;}