@charset "utf-8";

.clearfix:before,
.clearfix:after {
    jiaoxue: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}




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

.jiaoxue{
    margin:0 auto;
    width:100%;
    position:relative;
}
.jiaoxue .nav{
    height:49px;
    overflow:hidden;
}
.jiaoxue .nav ul{
    padding-top:9px;
    margin-left:228px;
    float:left;
}
.jiaoxue .nav ul li{
    padding-bottom:9px;
    margin-left:34px;
    float:left;
}
.jiaoxue .nav ul li a{
    padding-bottom:9px;
    font-size:16px;
    border-bottom:2px solid #ffffff;
    transition:0.2s;
}
.jiaoxue .nav ul li.act a{
    border-bottom:2px solid #314491;
}
.jiaoxue .nav ul li:hover a{
    color:#e2006d;
    transition:0.2s;
}
.jiaoxue .students .trunk .info h4{
    margin-top:0;
    text-align:center;
    font-size:15px;
    color:#ffffff;
    line-height:40px;
    height:40px;
    transition:0.2s;
    overflow:hidden;
}
.jiaoxue .students .trunk:hover .info h4{
    margin-top:10px;
    transition:0.2s;
}


.jiaoxue .banner{
    width:100%;
    height:400px;
    overflow:hidden;
    position:relative;
}
.jiaoxue .banner .swiper-case{
    width:100%;
    height:400px;
}
.jiaoxue .banner .swiper-case .swiper-wrapper{
    width:100%;
    height:400px;
}
.jiaoxue .banner .swiper-case .swiper-slide{
    width:100%;
    height:400px;
    overflow:hidden;
    position:relative;
}
.jiaoxue .banner .swiper-case .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:400px;
    display:block;
    position:absolute;
    transition:0.2s;
}
.jiaoxue .banner .pagination {
    bottom:20px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
.jiaoxue .banner .swiper-pagination-switch {
    margin:0 5px;
    width:40px;
    height:5px;
    cursor:pointer;
    display:inline-block;
    background:#d2d6d9;
}
.jiaoxue .banner .swiper-active-switch {
    background:#fdc12d;
}
.jiaoxue .hot{
    margin-top:22px;
}
.jiaoxue .hot .case{
    width:1212px;
}
.jiaoxue .hot .trunk{
    margin-right:13px;
    float:left;
    width:288px;
    height:88px;
    overflow:hidden;
    position:relative;
    border:1px solid #e4e4e4;
    transition:0.5s;
}

.jiaoxue .hot .trunk a{
    cursor:pointer;
}
.jiaoxue .hot .trunk .aaaaaaa{
    cursor:pointer;
}
.jiaoxue .hot .trunk .info{
    margin-top:21px;
    margin-left:85px;
}
.jiaoxue .hot .trunk .info h2{
    font-size:25px;
    color:#666666;
}
.jiaoxue .hot .trunk .info p{
    font-size:13px;
    color:#999999;
}
.jiaoxue .hot .trunk .link{
    top:100%;
    width:100%;
    height:100%;
    position:absolute;
    background:#000000;
    background:rgba(40,40,40,0.8);
    transition:0.2s;
}
.jiaoxue .hot .trunk:hover .link{
    top:0;
    transition:0.2s;
}
.jiaoxue .hot .trunk .link p{
    top:50%;
    left:50%;
    margin-top:-16px;
    margin-left:-30%;
    color:#ffffff;
    width:60%;
    font-size:16px;
    line-height:32px;
    text-align:center;
    position:absolute;
    border:1px solid #ffffff;
    border-radius:10px;
}

.jiaoxue .title_unit{
    margin:0 auto;
    padding:68px 0 34px;
    max-width:1200px;
    width:100%;
    transition:0.2s;
}
.jiaoxue .title_unit h2{
    font-size:34px;
    line-height:34px;
    color:#bebebe;
    text-align:center;
    transition:0.2s;
}
.jiaoxue .title_unit h2 img{
    margin-right:15px;
    float:right;
    width:15px;
    height:25px;
    display:none;
}
.jiaoxue .title_unit h3{
    margin-top:15px;;
    font-size:18px;
    line-height:18px;
    color:#bebebe;
    text-align:center;
    transition:0.2s;
}
.jiaoxue .new{

}
.jiaoxue .new .case{
    padding:50px 0 25px;
    width:1220px;
    border-top:1px dashed #ececec;
    border-bottom:1px dashed #ececec;
}
.jiaoxue .new .Major .newDiv{
    height:268px;
    overflow:hidden;
    transition:0.5s;
}
.jiaoxue .new .Major .trunk{
    margin-top:34px;
    margin-right:20px;
    float:left;
    width:380px;
    height:100px;
}
.jiaoxue .new .Major .trunk .img{
    float:left;
    width:110px;
    height:100px;
    overflow:hidden;
}
.jiaoxue .new .Major .trunk img{
    width:110px;
    height:100px;
    display:block;
}
.jiaoxue .new .Major .trunk .info{
    float:right;
    width:255px;
}
.jiaoxue .new .Major .trunk .info h3{
    font-size:16px;
    line-height:22px;
    height:44px;
    width:100%;
    overflow:hidden;
    transition:0.2s;
}
.jiaoxue .new .Major .trunk:hover .info h3{
    color:#e2006d;
    transition:0.2s;
}
.jiaoxue .new .Major .trunk .info p{
    margin-top:6px;
    line-height:22px;
    height:22px;
    color:#666666;
    overflow:hidden;
}
.jiaoxue .new .Major .trunk .info span.time,
.jiaoxue .new .Major .trunk .info a.share{
    margin-top:12px;
    padding-left:22px;
    font-size:13px;
    color:#b0b0b0;
    display:inline-block;
}

.jiaoxue .choose{
}
.jiaoxue .choose .case{
    width:1220px;
}
.jiaoxue .choose .chooseDiv{
    height:372px;
    overflow:hidden;
    transition:0.5s;
}
.jiaoxue .choose .trunk{
    float:left;
    margin-right:20px;
    margin-bottom:22px;
    width:285px;
    height:164px;
    overflow:hidden;
    position:relative;
}
.jiaoxue .choose .trunk img{
    left:50%;
    margin-left:-142.5px;
    width:285px;
    height:164px;
    display:block;
    position:absolute;
}
.jiaoxue .choose .trunk .info{
    bottom:0;
    width:100%;
    height:35px;
    position:absolute;
    background:#000000;
    background:rgba(40,40,40,0.8);
}
.jiaoxue .choose .trunk .info p{
    font-size:18px;
    line-height:35px;
    color:#ffffff;
    text-align:center;
}
.jiaoxue .course{
    padding-bottom:68px;
    background:#f7f7f7;
}
.jiaoxue .course .case{
    width:1210px;
}
.jiaoxue .course .case  div{
    float:left;
}
.jiaoxue .course .ctn{
    float:left;
    width:604px;
}
.jiaoxue .course .ctn1{
    width:100%;
}
.jiaoxue .course .ctn2{
    width:50%;
}
.jiaoxue .course .trunk{
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}
.jiaoxue .course .trunk.big{
    width:292px;
    height:292px;
}
.jiaoxue .course .trunk.middle{
    width:292px;
    height:141px;
}
.jiaoxue .course .trunk.small{
    width:141px;
    height:141px;
}
.jiaoxue .course .trunk img{
    display:block;
}
.jiaoxue .course .trunk.big img{
    width:292px;
    height:292px;
}
.jiaoxue .course .trunk.middle img{
    width:292px;
    height:141px;
}
.jiaoxue .course .trunk.small img{
    width:141px;
    height:141px;
}
.jiaoxue .course .trunk .info{
    top:100%;
    width:100%;
    height:100%;
    position:absolute;
    transition:0.5s;
    overflow:hidden;
    background:#000000;
    background:rgba(0,0,0,0.8);
}
.jiaoxue .course .trunk:hover .info{
    top:0;
    width:100%;
    height:100%;
    transition:0.5s;
}
.jiaoxue .course .trunk .info a{
    display:block;
}
.jiaoxue .course .trunk .info h3{
    text-align:center;
    font-size:20px;
    color:#e74717;
}
.jiaoxue .course .trunk .info p{
    font-size:14px;
    text-align:center;
    color:#ffffff;
}

.jiaoxue .course .trunk.big .info h3{
    font-size:20px;
    margin-top:45%;
}
.jiaoxue .course .trunk.middle .info h3{
    margin-top:15%;
}
.jiaoxue .course .trunk.small .info h3{
    font-size:18px;
    margin-top:40%;
}
.jiaoxue .teacher{
    position:relative;
}
.jiaoxue .teacher .Major{
    overflow:hidden;
}
.jiaoxue .teacher ul{
    margin:0 auto;
    width:1210px;
}
.jiaoxue .teacher ul li{
    float:left;
    text-align:center;
}
.jiaoxue .teacher ul li a{
    padding:0 12.6px;
    padding-bottom:16px;
    display:block;
    font-size:14px;
    font-family:'Arial',sans-serif;
    height:14px;
    line-height:14px;
    position:relative;
    border-bottom:2px solid #cccccc;
}
.jiaoxue .teacher ul li img{
    left:50%;
    margin-left:-5px;
    bottom:0;
    width:10px;
    height:5px;
    display:none;
    position:absolute;
}
.jiaoxue .teacher ul li.act img{
    display:block;
}
.jiaoxue .teacher ul li.act a{
    border-bottom:2px solid #ca4880;
}
.jiaoxue .teacher .teacher-banner{
    margin-top:20px;
	max-height:340px;
    height:auto;
    overflow:hidden;
}
.jiaoxue .teacher .teacher-banner .swiper-case2 .swiper-slide{
    trunk-sizing:border-trunk;
    overflow:hidden;

}
.jiaoxue .teacher .teacher-banner .trunk{
    margin:0 auto;
    max-width:232px;
    width:232px;
    height:340px;
    position:relative;
    overflow:hidden;
}
.jiaoxue .teacher .teacher-banner .trunk img{
    left:50%;
    margin-left:-50%;
    width:auto;
    height:100%;
    display:block;
    position:absolute;
}
.jiaoxue .teacher .teacher-banner .trunk .info{
    top:280px;
    width:100%;
    height:180px;
    position:absolute;
    background:#000000;
    background:rgba(31,31,31,0.8);
    transition:0.2s;
}
.jiaoxue .teacher .teacher-banner .trunk .info h2{
    margin-top:12px;
    margin-left:12px;
    font-size:16px;
    line-height:16px;
    color:#ffffff;
}
.jiaoxue .teacher .teacher-banner .trunk .info h3{
    margin-top:8px;
    margin-left:12px;
    line-height:14px;
    color:#ffffff;
}
.jiaoxue .teacher .teacher-banner .trunk .info p{
    margin:12px 12px 0;
    padding-top:12px;
    line-height:22px;
    color:#ffffff;
    border-top:1px solid #ffffff;
}
.jiaoxue .teacher .teacher-banner .trunk:hover .info{
    top:160px;
    transition:0.2s;
}


.jiaoxue .students .case{
    width:1222px;
}
.jiaoxue .students .stuDiv{
    height:376px;
    overflow:hidden;
    transition:0.5s;
}
.jiaoxue .students .trunk{
    margin-bottom:24px;
    margin-right:23px;
    float:left;
    width:282px;
    height:164px;
    overflow:hidden;
    position:relative;
}
.jiaoxue .students .trunk img{
    left:50%;
    margin-left:-141px;
    width:282px;
    height:164px;
    display:block;
    position:absolute;
}
.jiaoxue .students .trunk .info{
    top:124px;
    width:100%;
    height:100%;
    text-align:center;
    position:absolute;
    background:#1f1f1f;
    background:rgba(31,31,31,0.8);
    overflow:hidden;
    transition:0.2s;

}
.jiaoxue .students .trunk:hover .info{
    top:0;
    transition:0.2s;
}
.jiaoxue .students .trunk .info h2{
    margin-top:0%;
    font-size:20px;
    text-align:center;
    color:#ffffff;
}
.jiaoxue .students .trunk .info h3{
    margin-top:5px;
    font-size:18px;
    text-align:center;
    color:#ffffff;
}
.jiaoxue .students .trunk .info p{
    margin-top:5px;
    font-size:24px;
    text-align:center;
    color:#ffffff;
}
.jiaoxue .firm .case{
    width:1210px;
}
.jiaoxue .firm .firmDiv{
    height:423px;
    overflow:hidden;
    transition:0.5s;
}
.jiaoxue .firm .trunk{
    margin-right:10px;
    margin-bottom:13px;
    float:left;
    width:230px;
    height:128px;
    overflow:hidden;
    position:relative;
    background:#eeeeee;
    border:1px solid #eeeeee;
    transition:0.2s;
}
.jiaoxue .firm .trunk:hover{
    background:#314491;
    border:1px solid #314491;
    transition:0.2s;
}
.jiaoxue .firm .trunk:hover p{
    color:#ffffff;
    transition:0.2s;
}
.jiaoxue .firm .trunk img{
    left:50%;
    margin-left:-115px;
    width:230px;
    height:99px;
    display:block;
    position:absolute;
}
.jiaoxue .firm .trunk p{
    top:99px;
    width:100%;
    text-align:center;
    line-height:30px;
    position:absolute;
    transition:0.2s;
}
.jiaoxue .know .case{
    width:1224px;
}
.jiaoxue .know .trunk{
    margin-right:22px;
    float:left;
    width:282px;
    height:259px;
}
.jiaoxue .know .trunk h2{
    width:100%;
    height:79px;
    line-height:79px;
    font-size:28px;
    text-align:center;
    color:#ffffff;
}
.jiaoxue .know .trunk ul{
    margin-left:20px;
    margin-top:22px;
}
.jiaoxue .know .trunk ul li{
    margin-bottom:16px;
    line-height:14px;
}
.jiaoxue .know .trunk ul li a{
    transition:1s;
}
.jiaoxue .know .trunk.c1{
    border:1px solid #314491;
}
.jiaoxue .know .trunk.c1 h2{
    background:#314491;
}
.jiaoxue .know .trunk.c2{
    border:1px solid #e72a86;
}
.jiaoxue .know .trunk.c2 h2{
    background:#e72a86;
}
.jiaoxue .know .trunk.c3{
    border:1px solid #4a97cf;
}
.jiaoxue .know .trunk.c3 h2{
    background:#4a97cf;
}
.jiaoxue .know .trunk.c4{
    border:1px solid #f0a122;
}
.jiaoxue .know .trunk.c4 h2{
    background:#f0a122;
}
.jiaoxue .know .trunk.c1 ul li a:hover{
    color:#314491;
    transition:0.2s;
}
.jiaoxue .know .trunk.c2 ul li a:hover{
    color:#e72a86;
    transition:0.2s;
}
.jiaoxue .know .trunk.c3 ul li a:hover{
    color:#4a97cf;
    transition:0.2s;
}
.jiaoxue .know .trunk.c4 ul li a:hover{
    color:#f0a122;
    transition:0.2s;
}
.jiaoxue .audition .case{
    width:1220px;
}
.jiaoxue .audition .audDiv{
    height:498px;
    overflow:hidden;
    transition:0.5s;
}
.jiaoxue .audition .trunk{
    margin-bottom:20px;
    margin-right:20px;
    float:left;
    width:282px;
    height:229px;
    overflow:hidden;
    position:relative;
    border:1px solid #e4e4e4;
    transition:0.2s;
}
.jiaoxue .audition .trunk:hover{
    border:1px solid #e72a86;
    transition:0.2s;
}
.jiaoxue .audition .trunk img{
    top:0;
    left:50%;
    margin-left:-141px;
    width:282px;
    height:164px;
    display:block;
    position:absolute;
}

.jiaoxue .map .case a.tag{
    padding-left:30px;
    font-size:15px;
    font-weight:bold;
    line-height:30px;
    height:30px;
    cursor:pointer;
    display:block;
    position:absolute;
    
    transition:0.2s;
}
.jiaoxue .map .case a.tag:hover,
.jiaoxue .map .case a.tag.act{
    color:#b2c1c1;
  
    transition:0.2s;
}
.jiaoxue .map .case a.tag1{
    left:630px;
    top:255px;
}
.jiaoxue .map .case a.tag2{
    left:645px;
    top:280px;
}
.jiaoxue .map .case a.tag3{
    left:615px;
    top:305px;
}
.jiaoxue .map .case a.tag4{
    left:740px;
    top:100px;
}
.jiaoxue .map .case a.tag5{
    left:660px;
    top:340px;
}
.jiaoxue .map .case a.tag6{
    left:530px;
    top:360px;
}
.jiaoxue .map .case a.tag7{
    left:590px;
    top:390px;
}
.jiaoxue .map .case a.tag8{
    left:700px;
    top:380px;
}
.jiaoxue .map .case a.tag9{
    left:735px;
    top:420px;
}
.jiaoxue .map .case a.tag10{
    left:720px;
    top:470px;
}
.jiaoxue .map .case a.tag11{
    left:410px;
    top:460px;
}
.jiaoxue .map .case a.tag12{
    left:500px;
    top:480px;
}
.jiaoxue .map .case a.tag13{
    left:580px;
    top:450px;
}
.jiaoxue .map .case a.tag14{
    left:580px;
    top:510px;
}
.jiaoxue .map .case a.tag15{
    left:620px;
    top:590px;
}
.jiaoxue .map .case a.tag16{
    left:500px;
    top:255px;
}
.jiaoxue .map .case a.tag17{
    left:380px;
    top:580px;
}
.jiaoxue .map .case a.tag18{
    left:690px;
    top:535px;
}
.jiaoxue .map .case a.tag19{
    left:720px;
    top:220px;
}
.jiaoxue .map .case a.tag20{
    left:750px;
    top:175px;
}
.jiaoxue .map .case a.tag21{
    top:600px;
    left:515px;
}
.jiaoxue .map .case a.tag22{
    top:425px;
    left:665px;
}
.jiaoxue .map .case a.tag23{
    top:330px;
    left:570px;
}
.jiaoxue .map .case a.tag24{
    top:500px;
    left:650px;
}
.jiaoxue .map .case a.tag25{
    top:540px;
    left:480px;
}
.jiaoxue .map .case a.tag26{
    top:685px;
    left:555px;
}
.jiaoxue .map .case a.tag27{
    top:310px;
    left:410px;
}
.jiaoxue .map .case a.tag28{
    top:325px;
    left:475px;
}

.jiaoxue .map .case .trunk{
    top:50%;
    left:50%;
    margin-left:-400px;
    margin-top:-250px;
    width:800px;
    height:0;
    z-index:9999;
    overflow:hidden;
    position:absolute;
    background:#ffffff;
    transition:0.2s;
}
.jiaoxue .map .case .trunk .center{
    margin:40px auto 0;
    width:770px;
    height:445px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.jiaoxue .map .case .trunk .center > div{
    width:800px;
    height:auto;
}
.jiaoxue .map .case .trunk .center .info{
    float:left;
    margin-right:10px;
    margin-top:10px;
    padding-right:10px;
    width:235px;
    height:120px;
    border-bottom:1px solid #bebebe;
}
.jiaoxue .map .case .trunk .center .info h2{
    margin-top:5px;
    font-size:16px;
    color:#333333;
}
.jiaoxue .map .case .trunk .center .info h2 a{
    font-size:16px;
    transition:0.2s;
}
.jiaoxue .map .case .trunk .center .info h2 a:hover{
    color:#db1516;
    transition:0.2s;
}
.jiaoxue .map .case .trunk .center .info p{
    margin-top:5px;
    line-height:22px;
    max-height:44px;
    overflow:hidden;
    font-size:12px;
    font-weight:bold;
    color:#929292;
}
.jiaoxue .map .case .trunk .center .info p span{
    font-weight:normal;
}
.jiaoxue .map .case .trunk a.cen-close{
    top:7px;
    right:7px;
    font-size:16px;
    line-height:16px;
    cursor:pointer;
    color:#1b98aa;
    position:absolute;
    transition:0.2s;
}
.jiaoxue .map .case .trunk a.cen-close:hover{
    color:#db1516;
    transition:0.2s;
}

/**
��ͬ��Ļ��
*/
@media screen and (max-width: 640px) {
    .sjdidian{
        display:block;
    }
}

/**
��һ���ݿ�ʼ
*/

.main{
    margin:0 auto;
    width:1000px;
    position:relative;
}

.content{
    margin:0 auto;
    width:100%;
    padding-top: 121px;
}

.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.part.bg1{
    padding-bottom:50px;
    background:url("/style/images/bg1.jpg") repeat center center;
}
.part-title{
    padding-top:100px;
    padding-bottom:60px;
}
.part-title h1{
    font-size:42px;
    line-height:45px;
    text-align:center;
}
.part-title.c1 h1{
    color:#ffffff;
}
.part-title p{
    padding-top:12px;
    font-size:16px;
    line-height:28px;
    text-align:center;
    color:#989898;
}
.part-title h1 b{
    color:#ec1c32;
}
.java-engineer{
    width:1020px;
}
.java-engineer .box{
    margin-right:20px;
    float:left;
    width:320px;
    height:465px;
    transition:0.5s;
    position:relative;
    background:#e4e4e4;
}
.java-engineer .box img{
    margin:63px auto 0;
    display:block;
    transition:0.5s;
}
.java-engineer .box .info{
    top:320px;
    width:100%;
    position:absolute;
}
.java-engineer .box .info h1{
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    color:#535353;
    text-align:center;
}
.java-engineer .box .info p{
    margin-top:12px;
    font-size:16px;
    line-height:24px;
    color:#898989;
    text-align:center;
}
.java-engineer .box .info p span{
    font-size:20px;
    color:#ec1c32;
}
.java-engineer .box:hover{
    transition:0.5s;
    background:#ffffff;
}
.java-engineer .box:hover img{
    transition:0.5s;
    animation: scaling 1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
@keyframes scaling {
    0% {    transform:scale(1);}
    25% {    transform:scale(1.05);}
    50% {    transform:scale(1);}
    75% {    transform:scale(0.95);}
    100% {    transform:scale(1);}
}
.part.bg2{
    height:1130px;
    background:url("/style/images/bg2.jpg") repeat center center;
}

@keyframes rotating {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}

.teach{
    width:1016px;
}
.teach .box{
    margin-right:16px;
    float:left;
    width:238px;
    height:450px;
    background:#ffffff;
}
.teach .box img{
    margin:0 auto;
    padding-top:45px;
    display:block;
}
.teach .box h1{
    margin-top:16px;
    font-size:25px;
    line-height:42px;
    text-align:center;
    color:#ec1c32;
}
.teach .box ul{
    margin-top:35px;
}
.teach .box ul li{
    margin-left:20px;
    font-size:12px;
    line-height:26px;
    color:#898989;
}
.teach .box a{
    margin:20px auto 0;
    width:180px;
    height:46px;
    line-height:46px;
    text-align:center;
    color:#ffffff;
    display:block;
    transition:0.5s;
    background:#d2d2d2;
    border-radius:20px;
}
.teach .box a:hover{
    transition:0.5s;
    background:#ec1c32;
}
.teach .box:hover img{
    transition:0.5s;
    animation: scaling 1s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.teacher{
    width:980px;
    height:374px;
    overflow:hidden;
    background:#ffffff;
    border:14px solid #ffffff;
}
.teacher-main{
    width:1200px;
}
.teacher .box{
    margin-right:1px;
    float:left;
    width:120px;
    height:374px;
    overflow:hidden;
    transition:1s;
    background:#f2f2f2;
}
.teacher .box.act{
    width:392px;
    transition:1s;
}
.teacher .box .img{
    float:left;
    width:120px;
    height:374px;
    position:relative;
}
.teacher .box .img img{
    width:120px;
    height:374px;
}
.teacher .box .img .tname{
    top:292px;
    width:120px;
    height:82px;
    opacity:1;
    transition:1s;
    background:rgba(0,0,0,.8);
    position:absolute;
}
.teacher .box .img .tname h1{
    margin-top:15px;
    margin-left:12px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.teacher .box .img .tname p{
    margin-top:8px;
    margin-left:12px;
    font-size:14px;
    line-height:14px;
    color:#ffffff;
}
.teacher .box.act .img .tname{
    opacity:0;
    transition:1s;
}
.teacher .box .info{
    float:left;
    opacity:0;
    width:0;
    transition:1s;
    margin-top:35px;
    margin-left:15px;
}
.teacher .box.act .info{
    float:left;
    opacity:1;
    width:240px;
    transition:1s;
    margin-top:35px;
    margin-left:15px;
}
.teacher .box .info h1{
    padding-bottom:20px;
    font-size:24px;
    font-weight:bold;
    line-height:24px;
    color:#535353;
    border-bottom:1px solid #b5b5b5;
}
.teacher .box .info h1 b{
    padding-left:10px;
    font-size:16px;
}
.teacher .box .info p{
    margin-top:15px;
    line-height:24px;
    font-size:12px;
    color:#898989;
}
.teacher .box .info a{
    margin-top:12px;
    width:126px;
    height:37px;
    display:block;
    line-height:37px;
    text-align:center;
    color:#ffffff;
    transition:0.5s;
    background:#ec1c32;
}
.teacher .box .info a:hover{
    transition:0.5s;
    background:#ff001b;
}
.student{
    padding-bottom:10px;
    width:1100px;
}
.student .box{
    margin-bottom:10px;
    margin-left:10px;
    float:left;
    width:231px;
    height:130px;
    overflow:hidden;
    position:relative;
}
.student .box img{
    width:231px;
    height:130px;
}
.student .box .info{
    top:130px;
    width:231px;
    height:130px;
    opacity:0;
    transition:0.5s;
    position:absolute;
    background:rgba(0,0,0,.7);
}
.student .box:hover .info{
    top:0px;
    opacity:1;
    transition:0.5s;
}
.student .box .info h1{
    margin-top:65px;
    font-size:15px;
    line-height:10px;
    text-align:center;
    color:#ffffff;
}
.student .box .info p{
    margin-top:14px;
    font-size:16px;
    line-height:16px;
    text-align:center;
    color:#ffffff;
}
/**
��һ���ݽ���
*/

/**
��һ���ݽ���
*/

.content4{
    width: 100%;
    background:#E8E8E8;
    height:400px;
    text-align: center;
}
.content4 .test{
	width:1000px;
	margin:0 auto;
	padding-top:35px;
}

.content4 .pic_box{
	width:1020px;
	margin:0 auto;
	padding-top: 20px;
	height:255px;
}
.content4 .pic_box li{
	width:247px;
	height:180px;
	float: left;
	list-style-type: none;
	background:#fff;
}
.content4 .pic_box li:hover{
	animation: sversinlar 0.4s;
	animation-fill-mode:forwards;
}
.content4 .pic_box li img{
	padding-top: 3px;
}
.content4 .pic_box li p{
	color:#333;
	font-size: 18px;
	line-height:28px;
}
.content4 .pic_box li span{
	display: block;
	width:100%;
	height:0px;
	overflow: hidden;
	color:#444;
}
.content4 .pic_box li:hover span{
	animation: sver1 0.4s;
	animation-fill-mode:forwards;
}
@keyframes sversinlar{
	form{
	}
	to{
	}
}
@keyframes sver1{
	form{
		height:0px;
	}
	to{
		height:40px;
		background: #E8E8E8;
	}
}
.content4 .pic_box .pic_2,.pic_3{
	margin-right: 8px;
	margin-left: 8px;
}
.content4 .btn{
	width:180px;
	height:38px;
	border-radius: 8px;
	border:1px solid #57648e;
	margin:0 auto;
	z-index: 99;
	box-shadow: 5px 5px 5px #777;
}

/**
��һ���ݽ���
*/
/*---�Զ��岿��01��ʼ---*/
.f_thirteenth{

}

.f_thirteenth ul{
    overflow: hidden;
    width: 1200px;
    padding-top: 50px;
    padding-bottom: 80px;
    margin-left: 58px;
}
.f_thirteenth ul li{
    overflow: hidden;
    float: left;
    width: 500px;
    margin-right: 50px;
    border-bottom: 1px dashed #124E96;
	
}
.f_thirteenth ul li p{
    font-size:18px;
    color: #333;
    line-height: 30px;
    width: 385px;
    float: left;
    margin-top: 23px;
}
.f_thirteenth ul li a p{
    color:#124E96;
    border: 1px solid #124E96;
    float: right;
    width: 110px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    height:28px;
    margin-top: 23px;
	font-family:'Microsoft YaHei'
}
.f_thirteenth ul li a p:hover{
    background-color: #FFD05B;
	color:#000;

}

/*---�Զ��岿��01����---*/

/*---�ͻ�֮�����ݿ�ʼ---*/
.align_catg {
	line-height:25px;
	float:right;
	padding-left:5px;
}
.categ_color_p {
	float:right;
	margin-bottom:0px!important;
	padding-left:5px;
}
.feature_cat .link-more {
	background:none!important;
	text-transform:none;
	font-weight:normal;
	padding-left:0px!important;
}
.feature_cat .icon_cat {
	padding-left:0px!important;
}
.feature_cat .link-more:hover {
	text-decoration:line-through;
}
.align_catg img  {float:right}
.icon_cat  {
	padding-left:26px;
	line-height:23px;
	display:block;
	float:left;
	font-family:'edelsansRegular', Verdana;
	font-size:11px;
	text-transform:uppercase}
.middle {
	padding:0;
	width: 960px;
	height: 325px;
	margin:0 auto;
	clear:both
}
#feature_list {
	width: 960px;
	height: 325px;
	overflow: hidden;
	position: relative;
	z-index:1;
}
#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}
#feature_tabs {
	right: 0;
	z-index: 2;
	width: 180px;
	
}
#feature_tabs li {
	margin:0;
	padding:20px 25px 0 40px;
	font-size: 13px;
	font-family: Arial;
	height:89px;
	color: #ccc;
	background:url(/style/images/feature_tab_bg.png) 0 0 no-repeat;
}
#feature_tabs li:hover {
	cursor:pointer;
}
#feature_tabs li:last-child {
	height:107px
}
#feature_tabs li .link-title {
	color:#ccc;
	font-size:13px
}
#feature_tabs li .link-more {
	text-decoration: none;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
}
#feature_tabs li .link-more:hover {
	border-bottom:1px dotted #666
}
#feature_tabs li.current {
	background:url(/style/images/feature_current.png) 0 0 no-repeat
}
#feature_output {
	top:0;
	right: 0;
	width: 960px;
	height: 325px;
	position: relative;
	margin:0;
	padding:0;
}
#feature_output li {
	position: absolute;
	width: 960px;
	height: 325px;
	margin:0;
}
#feature_output li a {
	position: absolute;
	top: 0;
	left: 0;
	width:636px;
	height:325px;
}
.feature_cat {
	text-align:right;
	padding:10px 0
}


img {
	border:none;
}
/*---�ͻ�֮�����ݽ���---*/