/* 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: Microsoft YaHei;	font-size: 12px;}

/*intro*/
.intro{width:1000px; height:593px; padding-top:264px; overflow:hidden; margin:0 auto; position:relative;}
.intro p{width:756px; line-height:30px; font-size:16px; color:#313131; margin:0 auto; letter-spacing:2px;}

.intro ul{margin-top:22px; padding-left:122px; height:122px; overflow:hidden;}
.intro ul li{width:218px; height:122px; overflow:hidden; float:left; margin-right:52px;}
.intro ul li h3{width:100%; text-align:center; line-height:36px; color:#fff; font-size:20px; margin-bottom:10px;}
.intro ul li span{display:block; width:100%; text-align:center; line-height:30px; color:#313131; font-size:18px;}


.btn_main{position:absolute; width:1000px; text-align:center; height:65px; overflow:hidden; left:0px; bottom:130px;}
.btn_main a{display:inline-block; width:220px; height:65px; line-height:60px; text-align:justify; overflow:hidden; margin-right:40px; color:#fff; font-size:20px;}
.btn_main a.zx_btn{background:url(../images/zx_btn.png) no-repeat; text-indent:50px;}
.btn_main a.phone_btn{background:url(../images/phone_btn.png) no-repeat; text-indent:56px;}


/*tf_fb_course*/
.tf_fb_course{width:1000px; height:1045px; padding-top:154px; margin:0 auto; position:relative;}
.tf_fb_course h6{width:92px; height:92px; overflow:hidden; position:absolute; left:-45px; bottom:227px;}

#tab{width:1000px; height:98px; overflow:hidden; margin-bottom:39px;}
#tab span{width:184px; height:54px; padding-top:14px; cursor:pointer; text-align:center; line-height:20px; margin-top:10px; margin-right:20px; border-radius:10px; overflow:hidden; float:left; background:#fff; color:#2982fb; font-size:14px;}
#tab span.se{background:url(../images/tab_se_bg.png) no-repeat; color:#fff; font-size:16px; line-height:30px; width:184px; margin-top:0px; height:98px;}

#tab_content{width:1015px; height:655px; overflow:hidden;}
#tab_content div{width:1015px; height:655px; display:none; position:relative;}
#tab_content div .hot{width:27px; height:34px; overflow:hidden; position:absolute; top:52px; right:173px;}


@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(1px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-1px);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(1px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-1px);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-up 0.4s linear infinite;
    animation: bounce-up 0.4s linear infinite;
}


/*time_line*/
.time_line{width:1000px; height:576px; overflow:hidden; margin:0 auto; position:relative;}

.time_line .btn_main{bottom:0px;}


/*team_advantage*/
.team_advantage{width:1000px; height:667px; padding-top:230px; overflow:hidden; margin:0 auto; position:relative;}

.team_advantage ul li{width:300px; height:170px; padding-top:18px; padding-left:190px; overflow:hidden; float:left; margin-right:19px; margin-bottom:33px;}
.team_advantage ul li h4{width:290px; text-align:center; line-height:46px; color:#2982fb; font-size:20px; font-weight:bold;}
.team_advantage ul li p{width:290px; text-align:center; line-height:30px; color:#252525; font-size:16px;}


/*teacher*/
.teacher{width:1000px; height:673px; padding-top:187px; overflow:hidden; margin:0 auto; position:relative;}

#tab2{width:401px; height:418px; overflow:hidden; float:left;}
#tab2 span{width:121px; height:126px; overflow:hidden; cursor:pointer; float:left; margin-right:19px; margin-bottom:20px;}

#tab_content2{width:568px; height:418px; overflow:hidden; float:right;}
#tab_content2 div{width:568px; height:418px; overflow:hidden; display:none; position:relative;}
#tab_content2 div a{color:#ffbe54; font-size:14px; transition:all 0.4s; position:absolute; bottom:74px; left:50px;}
#tab_content2 div a:hover{color:#f91949;}


/*honner*/
.honner{width:1000px; height:379px; padding-top:594px; overflow:hidden; margin:0 auto; position:relative;}

.honner .btn_main{bottom:0px;}


.focus{width:964px;height:240px; margin:0 auto; position:relative;}
.focus ul{height:240px;position:absolute;}
.focus ul li{float:left;width:964px;height:216px;overflow:hidden;}

.focus .btn{position:absolute;width:100%;height:4px;right:0;bottom:20px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:16px;height:3px;_font-size:0;margin-left:12px;cursor:pointer;background:#313131;}
.focus .btn span.on{background:#ffbe54;}
.focus .preNext{width:17px;height:30px;position:absolute;top:66px;cursor:pointer;}
.focus .pre{left:0; background:url(../images/prve.png) no-repeat;}
.focus .next{right:0; background:url(../images/next.png) no-repeat;}



/*hj_box*/

.hj_box{ width:1000px; overflow:hidden; margin:0 auto;}
#setting{ width:100%; height:80px; overflow:hidden;}
#setting span{ float:left; width:231px; height:56px; color:#333; border:2px solid #2982fb; overflow:hidden; line-height:56px; text-align:center; font-size:24px; font-weight:bold; margin-right:20px;}
#setting span.se{ background:#2982fb; color:#FFF; cursor:pointer;}

#set_content{ width:100%; overflow:hidden;}
#set_content div{ display:none;}
#set_content div img{ -webkit-transition:all 0.4s ease-in-out; float:left; margin:0 20px 20px 0;}
#set_content div img:hover{ -webkit-transform:scale(1.1);}






