#banner{position:relative; height:500px; background:url(../img/banner_teacher.jpg) 50% 0 no-repeat; z-index: 102;}
.banner-container{width:1230px; margin:auto; padding-top:120px; color:#fff;}
.banner-container h1{position:relative; line-height:55px; font-size:36px;line-height: 60px;}
.banner-container h1:before{content:''; position:absolute; top:0; left:-25px; width:1px; height:55px; background:#a6ca50;}
.banner-container p{margin-top:75px; color:#b5dac5; font-size:18px; line-height: 32px;}

.teacher-title{height:160px; background-repeat:no-repeat; background-position:30px 50%; overflow:hidden; color:transparent;}

.teacher-a{margin:50px auto;}
.teacher-a .teacher-title{width:1280px; margin:auto; background-image:url(../img/teacher_title01.png);}
.teacher-a figure{width:1250px; margin:auto; padding:60px 30px 80px; *zoom:1; position: relative; z-index: 102;}
.teacher-a figure:after{content:''; display:block; width:0; height:0; clear:both;}
.teacher-a figure picture{position:relative; width:350px; height:500px; margin-left:13px;}
.teacher-a figure picture:after{content:''; position:absolute; top:-13px; left:-13px; width:360px; height:200px; background:url(../img/teacher_a01.png) no-repeat;}
.teacher-a figure figcaption{width:835px;}
.teacher-a .f2 figcaption{width:750px; margin-left:85px;}
.icon-z{position:absolute; bottom:-35px; left:40px; width:111px; height:141px; background:url(../img/teacher_a02.png) no-repeat;}
.icon-h{position:absolute; bottom:-35px; left:40px; width:110px; height:141px; background:url(../img/teacher_a03.png) no-repeat;}

.teacher-a figure figcaption h2{position:relative; color:#666; font-size:30px; letter-spacing:4px;}
.teacher-a figure figcaption h2:before{content:''; position:absolute; top:50%; left:-75px; width:60px; height:2px; background:#ff0000; opacity:.7;}
.teacher-a figure figcaption div{padding:40px 0 0 34px;}
.teacher-a figure figcaption div p{color:#75bd96; font-size:18px; line-height: 30px;}
.teacher-a figure figcaption div span{display:block; margin:35px 0 45px; color:#999; font-size:16px;line-height: 30px;}
.teacher-a figure figcaption div a{color:#75bd96; font-size:16px;}
.teacher-a .btns{position:relative; display:block; width:158px; height:57px; margin-top:40px; background:url(../img/teacher_btn.png) no-repeat; color:#fff; text-align:center; line-height:57px;}
.teacher-a .btns:after{content:''; position:absolute; top:50%; left:130px; width:70px; height:14px; margin-top:-7px; background:url(../img/arr_red.png) no-repeat; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.teacher-a .btns:hover:after{-webkit-transform:translateX(20px); -moz-transform:translateX(20px); transform:translateX(20px);}

.teacher-b{margin:auto; position: relative;z-index: 102;background: #fff; }
.teacher-b .teacher-title{width:1280px; margin:auto; background:#fff url(../img/teacher_title02.png) no-repeat 30px 50%;}
#work-wrap{position:relative; margin:auto; padding:16px 0 90px; background:#fff url(../img/work_bg.png) repeat;}
#work-container{width:1280px; height:564px; margin:auto; overflow:hidden;}
#work-container li{height:534px; padding-top:30px; margin-left: -15px;}
#work-container li a:nth-of-type(2n){-webkit-animation:downIn .8s both; -moz-animation:downIn .8s both; animation:downIn .8s both;}
#work-container li a:nth-of-type(2n+1){-webkit-animation:upIn .8s both; -moz-animation:upIn .8s both; animation:upIn .8s both;}
#work-container li a{position:relative; display:inline-block; padding:18px 12px 0 58px; width:320px; height:516px; margin:0 18px; background:url(../img/work_a_bg.png) no-repeat;}
#work-container li a:nth-of-type(2){position:relative; top:-30px;}
#work-container li a img{vertical-align:top;}
#work-container li a p{position:absolute; bottom:60px; left:82px; width:100%; color:#000; font-size:22px;}
#work-container li a p:before{content:''; position:absolute; top:50%; left:-45px; width:25px; height:2px; margin-top:-1px; background:#ff0100;}
#work-btn{position:absolute; top:-114px; left:50%; margin-left:423px; width:162px; height:57px; background:url(../img/work_btn.png) no-repeat; line-height:57px; text-align:center; color:#fff;}
#work-btn p{}
#work-btn-prev{position:absolute; top:0; left:-40px; width:70px; height:100%; background:url(../img/work_btn_prev.png) 0 50% no-repeat; cursor:pointer; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
#work-btn-next{position:absolute; top:0; right:-40px; width:70px; height:100%; background:url(../img/work_btn_next.png) 0 50% no-repeat; cursor:pointer; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
#work-btn-prev:hover{-webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px);}
#work-btn-next:hover{-webkit-transform:translateX(20px); -moz-transform:translateX(20px); transform:translateX(20px);}

.teacher-c{width:1280px; margin:auto; position: relative;z-index: 102;}
.teacher-c .teacher-title{background:#fff url(../img/teacher_title03.png) no-repeat 30px 50%;}
.teacher-c ul{overflow:hidden;}
.teacher-c ul li{position:relative; float:left; width:352px; height:503px; margin-right:112px;}
.teacher-c ul li:last-of-type{margin-right:0;}
.teacher-c ul li img{display:block;}
.teacher-c ul li div{position:absolute; top:334px; left:1px; width:280px; height:92px; overflow:hidden;}
.teacher-c ul li div p{position:absolute; top:0; left:0; width:250px; height:62px; padding:15px; color:#fff;line-height:31px; background:#75bd96; -webkit-transform:translate3d(0,100%,0); -moz-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.teacher-c ul li:hover div p{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.teacher-c-con{position:relative; margin:100px auto 120px; padding-top:86px; text-align:center; background:url(../img/teacher_pic04.jpg) 50% 0 no-repeat;}
.teacher-c-con:before{content:''; position:absolute; top:30px; left:50%; width:68px; height:124px; margin-left:-34px; background:url(../img/teacher_pic05.png) no-repeat;}
.teacher-c-con h3{margin-bottom:50px; color:#000; font-size:24px; letter-spacing:4px;}
.teacher-c-con p{color:#666; font-size:18px;}