.icons-Library_app2,.icons-Library_app3,.icons-arr_left,.icons-arr_r,.icons-arr_right,.icons-arrow_blue,.icons-arrow_gray,.icons-b_01,.icons-b_02,.icons-b_03,.icons-close,.icons-dou01,.icons-dou02,.icons-email0,.icons-g_01,.icons-g_02,.icons-g_03,.icons-gre1,.icons-gre2,.icons-gre_w,.icons-hover_mail,.icons-i_01,.icons-i_02,.icons-i_03,.icons-i_04,.icons-i_05,.icons-i_06,.icons-i_07,.icons-i_08,.icons-i_09,.icons-ic_angle,.icons-icon_add,.icons-icon_circle_close,.icons-icon_hook,.icons-ielts_w,.icons-ipad,.icons-l_gre,.icons-l_ielts,.icons-l_sat,.icons-l_toefl,.icons-l_tpo,.icons-layer,.icons-left,.icons-left-arrow-black,.icons-logo,.icons-logo1,.icons-logo22,.icons-mac,.icons-more_icon,.icons-name_shadow,.icons-new_s1,.icons-new_s2,.icons-num,.icons-pc,.icons-per,.icons-point,.icons-pop-qq-auth,.icons-pop-wechat-auth,.icons-pop-weibo-auth,.icons-q1,.icons-q2,.icons-q3,.icons-q4,.icons-q5,.icons-q6,.icons-right,.icons-right-arrow-black,.icons-s_thing,.icons-slide_logo,.icons-slide_logo_new,.icons-sprite,.icons-straight-college1,.icons-straight-college2,.icons-straight-college3,.icons-straight-college4,.icons-straight-college5,.icons-straight-college6,.icons-straight-college7,.icons-straight-college8,.icons-straight1,.icons-straight2,.icons-straight3,.icons-straight4,.icons-straight5,.icons-straight6,.icons-straight7,.icons-straight8,.icons-straight9,.icons-study1,.icons-study2,.icons-study3,.icons-study4,.icons-study5,.icons-study6,.icons-tf1,.icons-tf2 {
    background-image: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/icons-s6a3c6bccf0.png);
    background-repeat: no-repeat
}

.sidebar-act,.sidebar-article,.sidebar-earphone,.sidebar-forecast,.sidebar-gmat,.sidebar-gre,.sidebar-hankbook,.sidebar-ielts,.sidebar-mac,.sidebar-mac-text,.sidebar-questions,.sidebar-raise,.sidebar-rank,.sidebar-sat,.sidebar-sat-soft,.sidebar-scores,.sidebar-soft,.sidebar-sprite,.sidebar-toefl,.sidebar-tpo,.sidebar-uk,.sidebar-university,.sidebar-uparrow,.sidebar-usa,.sidebar-win,.sidebar-win-text,.sidebar-words,.sidebar-write {
    background-image: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/sidebar-s02840feffd.png);
    background-repeat: no-repeat
}

.teachers-sprite,.teachers-t_01,.teachers-t_02,.teachers-t_03,.teachers-t_04,.teachers-t_05,.teachers-t_06,.teachers-t_07,.teachers-t_08,.teachers-t_09,.teachers-t_10,.teachers-t_11,.teachers-t_12,.teachers-t_13,.teachers-t_14,.teachers-t_15,.teachers-t_16,.teachers-t_17,.teachers-t_18,.teachers-t_19,.teachers-t_20,.teachers-t_21,.teachers-t_22,.teachers-t_23 {
    background-image: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/teachers-s2ac5e94ecc.png);
    background-repeat: no-repeat
}

.indexcont-book_1,.indexcont-book_2,.indexcont-book_3,.indexcont-book_4,.indexcont-sprite,.indexcont-ss1,.indexcont-ss2,.indexcont-ss3,.indexcont-ss4 {
    background-image: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/indexcont-sf511566deb_0604.png);
    background-repeat: no-repeat
}

.icons-Library_app2 {
    background-position: 0 0
}

.icons-Library_app3 {
    background-position: 0 -64px
}

.icons-arr_left {
    background-position: 0 -128px
}

.icons-arr_r {
    background-position: 0 -158px
}

.icons-arr_right {
    background-position: 0 -174px
}

.icons-arrow_blue {
    background-position: 0 -204px
}

.icons-arrow_gray {
    background-position: 0 -214px
}

.icons-b_01 {
    background-position: 0 -224px
}

.icons-b_02 {
    background-position: 0 -256px
}

.icons-b_03 {
    background-position: 0 -288px
}

.icons-close {
    background-position: 0 -320px
}

.icons-dou01 {
    background-position: 0 -340px
}

.icons-dou02 {
    background-position: 0 -360px
}

.icons-email0 {
    background-position: 0 -380px
}

.icons-g_01 {
    background-position: 0 -416px
}

.icons-g_02 {
    background-position: 0 -448px
}

.icons-g_03 {
    background-position: 0 -480px
}

.icons-gre1 {
    background-position: 0 -512px
}

.icons-gre2 {
    background-position: 0 -552px
}

.icons-gre_w {
    background-position: 0 -592px
}

.icons-hover_mail {
    background-position: 0 -632px
}

.icons-i_01 {
    background-position: 0 -668px
}

.icons-i_02 {
    background-position: 0 -752px
}

.icons-i_03 {
    background-position: 0 -836px
}

.icons-i_04 {
    background-position: 0 -920px
}

.icons-i_05 {
    background-position: 0 -1004px
}

.icons-i_06 {
    background-position: 0 -1088px
}

.icons-i_07 {
    background-position: 0 -1172px
}

.icons-i_08 {
    background-position: 0 -1256px
}

.icons-i_09 {
    background-position: 0 -1340px
}

.icons-ic_angle {
    background-position: 0 -1424px
}

.icons-icon_add {
    background-position: 0 -1428px
}

.icons-icon_add.icon_add-hover,.icons-icon_add:hover {
    background-position: 0 -1470px
}

.icons-icon_circle_close {
    background-position: 0 -1512px
}

.icons-icon_hook {
    background-position: 0 -1552px
}

.icons-ielts_w {
    background-position: 0 -1587px
}

.icons-ipad {
    background-position: 0 -1627px
}

.icons-l_gre {
    background-position: 0 -1667px
}

.icons-l_ielts {
    background-position: 0 -1707px
}

.icons-l_sat {
    background-position: 0 -1747px
}

.icons-l_toefl {
    background-position: 0 -1787px
}

.icons-l_tpo {
    background-position: 0 -1827px
}

.icons-layer {
    background-position: 0 -1867px
}

.icons-left-arrow-black {
    background-position: 0 -1946px
}

.icons-left-arrow-black.left-arrow-black-hover,.icons-left-arrow-black:hover {
    background-position: 0 -1886px
}

.icons-left {
    background-position: 0 -2006px
}

.icons-logo {
    background-position: 0 -2066px
}

.icons-logo1 {
    background-position: 0 -2134px
}

.icons-logo22 {
    background-position: 0 -2175px
}

.icons-mac {
    background-position: 0 -2216px
}

.icons-more_icon {
    background-position: 0 -2256px
}

.icons-name_shadow {
    background-position: 0 -2284px
}

.icons-new_s1 {
    background-position: 0 -2316px
}

.icons-new_s2 {
    background-position: 0 -2323px
}

.icons-num {
    background-position: 0 -2330px
}

.icons-pc {
    background-position: 0 -2420px
}

.icons-per {
    background-position: 0 -2460px
}

.icons-point {
    background-position: 0 -2495px
}

.icons-pop-qq-auth {
    background-position: 0 -2519px
}

.icons-pop-wechat-auth {
    background-position: 0 -2545px
}

.icons-pop-weibo-auth {
    background-position: 0 -2571px
}

.icons-q1 {
    background-position: 0 -2597px
}

.icons-q2 {
    background-position: 0 -2637px
}

.icons-q3 {
    background-position: 0 -2677px
}

.icons-q4 {
    background-position: 0 -2717px
}

.icons-q5 {
    background-position: 0 -2757px
}

.icons-q6 {
    background-position: 0 -2797px
}

.icons-right-arrow-black {
    background-position: 0 -2897px
}

.icons-right-arrow-black.right-arrow-black-hover,.icons-right-arrow-black:hover {
    background-position: 0 -2837px
}

.icons-right {
    background-position: 0 -2957px
}

.icons-s_thing {
    background-position: 0 -3017px
}

.icons-slide_logo {
    background-position: 0 -3023px
}

.icons-slide_logo_new {
    background-position: 0 -3059px
}

.icons-straight-college1 {
    background-position: 0 -3139px
}

.icons-straight-college2 {
    background-position: 0 -3179px
}

.icons-straight-college3 {
    background-position: 0 -3218px
}

.icons-straight-college4 {
    background-position: 0 -3258px
}

.icons-straight-college5 {
    background-position: 0 -3298px
}

.icons-straight-college6 {
    background-position: 0 -3338px
}

.icons-straight-college7 {
    background-position: 0 -3378px
}

.icons-straight-college8 {
    background-position: 0 -3418px
}

.icons-straight1 {
    background-position: 0 -3458px
}

.icons-straight2 {
    background-position: 0 -3498px
}

.icons-straight3 {
    background-position: 0 -3537px
}

.icons-straight4 {
    background-position: 0 -3577px
}

.icons-straight5 {
    background-position: 0 -3617px
}

.icons-straight6 {
    background-position: 0 -3657px
}

.icons-straight7 {
    background-position: 0 -3697px
}

.icons-straight8 {
    background-position: 0 -3737px
}

.icons-straight9 {
    background-position: 0 -3777px
}

.icons-study1 {
    background-position: 0 -3817px
}

.icons-study2 {
    background-position: 0 -3883px
}

.icons-study3 {
    background-position: 0 -3949px
}

.icons-study4 {
    background-position: 0 -4015px
}

.icons-study5 {
    background-position: 0 -4081px
}

.icons-study6 {
    background-position: 0 -4147px
}

.icons-tf1 {
    background-position: 0 -4213px
}

.icons-tf2 {
    background-position: 0 -4253px
}

.sidebar-act {
    background-position: 0 -22px
}

.sidebar-act.act-active,.sidebar-act:active {
    background-position: 0 0
}

.sidebar-article {
    background-position: 0 -68px
}

.sidebar-article.article-active,.sidebar-article:active {
    background-position: 0 -44px
}

.sidebar-earphone {
    background-position: 0 -112px
}

.sidebar-earphone.earphone-active,.sidebar-earphone:active {
    background-position: 0 -92px
}

.sidebar-forecast {
    background-position: 0 -156px
}

.sidebar-forecast.forecast-active,.sidebar-forecast:active {
    background-position: 0 -132px
}

.sidebar-gmat {
    background-position: 0 -188px
}

.sidebar-gmat.gmat-active,.sidebar-gmat:active {
    background-position: 0 -180px
}

.sidebar-gre {
    background-position: 0 -204px
}

.sidebar-gre.gre-active,.sidebar-gre:active {
    background-position: 0 -196px
}

.sidebar-hankbook {
    background-position: 0 -236px
}

.sidebar-hankbook.hankbook-active,.sidebar-hankbook:active {
    background-position: 0 -212px
}

.sidebar-ielts {
    background-position: 0 -268px
}

.sidebar-ielts.ielts-active,.sidebar-ielts:active {
    background-position: 0 -260px
}

.sidebar-mac-text {
    background-position: 0 -276px
}

.sidebar-mac {
    background-position: 0 -290px
}

.sidebar-questions {
    background-position: 0 -344px
}

.sidebar-questions.questions-active,.sidebar-questions:active {
    background-position: 0 -320px
}

.sidebar-raise {
    background-position: 0 -392px
}

.sidebar-raise.raise-active,.sidebar-raise:active {
    background-position: 0 -368px
}

.sidebar-rank {
    background-position: 0 -440px
}

.sidebar-rank.rank-active,.sidebar-rank:active {
    background-position: 0 -416px
}

.sidebar-sat-soft {
    background-position: 0 -494px
}

.sidebar-sat-soft.sat-soft-active,.sidebar-sat-soft:active {
    background-position: 0 -486px
}

.sidebar-sat {
    background-position: 0 -502px
}

.sidebar-sat.sat-active,.sidebar-sat:active {
    background-position: 0 -464px
}

.sidebar-scores {
    background-position: 0 -548px
}

.sidebar-scores.scores-active,.sidebar-scores:active {
    background-position: 0 -524px
}

.sidebar-soft {
    background-position: 0 -596px
}

.sidebar-soft.soft-active,.sidebar-soft:active {
    background-position: 0 -572px
}

.sidebar-toefl {
    background-position: 0 -628px
}

.sidebar-toefl.toefl-active,.sidebar-toefl:active {
    background-position: 0 -620px
}

.sidebar-tpo {
    background-position: 0 -660px
}

.sidebar-tpo.tpo-active,.sidebar-tpo:active {
    background-position: 0 -636px
}

.sidebar-uk {
    background-position: 0 -706px
}

.sidebar-uk.uk-active,.sidebar-uk:active {
    background-position: 0 -684px
}

.sidebar-university {
    background-position: 0 -752px
}

.sidebar-university.university-active,.sidebar-university:active {
    background-position: 0 -728px
}

.sidebar-uparrow {
    background-position: 0 -787px
}

.sidebar-uparrow.uparrow-active,.sidebar-uparrow:active {
    background-position: 0 -776px
}

.sidebar-usa {
    background-position: 0 -820px
}

.sidebar-usa.usa-active,.sidebar-usa:active {
    background-position: 0 -798px
}

.sidebar-win-text {
    background-position: 0 -842px
}

.sidebar-win {
    background-position: 0 -856px
}

.sidebar-words {
    background-position: 0 -910px
}

.sidebar-words.words-active,.sidebar-words:active {
    background-position: 0 -886px
}

.sidebar-write {
    background-position: 0 -959px
}

.sidebar-write.write-active,.sidebar-write:active {
    background-position: 0 -934px
}

.teachers-t_01 {
    background-position: 0 0
}

.teachers-t_02 {
    background-position: 0 -230px
}

.teachers-t_03 {
    background-position: 0 -460px
}

.teachers-t_04 {
    background-position: 0 -690px
}

.teachers-t_05 {
    background-position: 0 -920px
}

.teachers-t_06 {
    background-position: 0 -1150px
}

.teachers-t_07 {
    background-position: 0 -1380px
}

.teachers-t_08 {
    background-position: 0 -1610px
}

.teachers-t_09 {
    background-position: 0 -1840px
}

.teachers-t_10 {
    background-position: 0 -2070px
}

.teachers-t_11 {
    background-position: 0 -2300px
}

.teachers-t_12 {
    background-position: 0 -2530px
}

.teachers-t_13 {
    background-position: 0 -2760px
}

.teachers-t_14 {
    background-position: 0 -2990px
}

.teachers-t_15 {
    background-position: 0 -3220px
}

.teachers-t_16 {
    background-position: 0 -3450px
}

.teachers-t_17 {
    background-position: 0 -3680px
}

.teachers-t_18 {
    background-position: 0 -3910px
}

.teachers-t_19 {
    background-position: 0 -4140px
}

.teachers-t_20 {
    background-position: 0 -4370px
}

.teachers-t_21 {
    background-position: 0 -4600px
}

.teachers-t_22 {
    background-position: 0 -4830px
}

.teachers-t_23 {
    background-position: 0 -5060px
}

.indexcont-book_1 {
    background-position: 0 0
}

.indexcont-book_2 {
    background-position: 0 -107px
}

.indexcont-book_3 {
    background-position: 0 -214px
}

.indexcont-book_4 {
    background-position: 0 -321px
}

.indexcont-ss1 {
    background-position: 0 -428px
}

.indexcont-ss2 {
    background-position: 0 -648px
}

.indexcont-ss3 {
    background-position: 0 -868px
}

.indexcont-ss4 {
    background-position: 0 -1088px
}

i[class*=icons-],i[class*=indexcont-],i[class*=sidebar-],i[class*=teachers-] {
    display: inline-block;
    vertical-align: middle
}

.icons-gre1,.icons-gre2,.icons-ielts_w,.icons-ipad,.icons-l_ielts,.icons-l_sat,.icons-mac,.icons-pc,.icons-tf1,.icons-tf2 {
    width: 40px;
    height: 40px
}

.icons-email0,.icons-hover_mail {
    width: 36px;
    height: 36px
}

.icons-per {
    width: 44px;
    height: 44px
}

.icons-arr_left,.icons-arr_right {
    width: 20px;
    height: 30px
}

.icons-close {
    width: 20px;
    height: 20px
}

i[class*=indexcont-ss] {
    width: 586px;
    height: 220px
}

i[class*=teachers-] {
    width: 230px;
    height: 230px
}

i[class*=indexcont-book] {
    width: 277px;
    height: 107px
}

.banner_body .banner_body_middle .runNum>div {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/num.png) no-repeat
}

.session_two .session_two_content>div .img_area span {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/add.png) no-repeat
}

.session_three .session_three_content ul li .img_box span {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/b_01.png) no-repeat
}

.session_three .session_three_content ul li.blue .img_box span {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/b_01.png) no-repeat
}

.session_three .session_three_content ul li.orange .img_box span {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/b_02.png) no-repeat
}

.session_three .session_three_content ul li.purple .img_box span {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/b_03.png) no-repeat
}

.session_five .session_five_top {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/bottom.jpg) no-repeat top center
}

.session_five .session_five_bottom {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/media_pater3.png) top center
}

.fix_slide ul li:nth-child(2) .ewm span {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/arr_r.png) no-repeat
}

.fix_slide ul li:nth-child(3) p i {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/new_s1.png) no-repeat
}

.fix_slide ul li:nth-child(3) p:hover i {
    background: url(//www-static.zhan.com/web/frontend/static/img/officialwebIndex/new_s2.png) no-repeat
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body {
    width: 100%;
    min-width: 1200px;
    color: #212121;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    padding-bottom: 10px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    background: 0 0;
    outline: 0;
    border: 0
}

fieldset,img {
    border: 0;
    display: block
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: 400
}

li,ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

abbr,acronym {
    border: 0
}

a {
    text-decoration: none
}

i {
    font-style: normal
}

.cur_forbid a {
    cursor: default
}

.clearfix::after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0
}

.clearfix {
    zoom:1}

.hidden {
    display: none
}

.overflow {
    overflow: hidden
}

.btn {
    cursor: pointer
}

.fl {
    float: left
}

.fr {
    float: right
}

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

.banner {
    min-width: 1200px;
    margin-bottom: 60px;
    width: 100%;
    height: 425px;
    position: relative
}

.banner img {
    margin: 0 auto;
    height: 100%;
    width: 1920px
}

.banner #banner-peview {
    position: absolute;
    z-index: 9
}

.banner {
    position: relative
}

.banner .swiper-container {
    height: 425px
}

.banner .swiper-wrapper .swiper-slide a {
    text-align: center;
    width: 100%;
    overflow: hidden;
    display: block
}

.banner .swiper-container .pagination {
    position: absolute;
    z-index: 20;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.banner .swiper-container .arrow {
    display: none
}

.banner .swiper-container .arrow-left {
    position: absolute;
    left: -7%;
    top: 50%;
    margin-top: -25px;
    width: 60px;
    height: 60px;
    z-index: 10
}

.banner .swiper-container .arrow-wrap {
    position: absolute;
    width: 1200px;
    left: 50%;
    height: 1px;
    top: 50%;
    margin-left: -600px;
    margin-top: -15px
}

.banner .swiper-container .arrow-right {
    position: absolute;
    right: -7%;
    top: 50%;
    margin-top: -25px;
    width: 60px;
    height: 60px;
    z-index: 10
}

.banner .swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: 112px;
    height: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    margin: 0 5px;
    cursor: pointer
}

.banner .swiper-container .swiper-active-switch {
    background: #2196f3
}

.index_nav>li .nav_box {
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1)
}

.index_nav>li .second_nav {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    height: 54px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    z-index: 99999999;
    display: none
}

.index_nav>li:hover {
    background: #ea5413
}

.index_nav>li:hover>a span {
    display: block!important
}

.index_nav>li:hover .second_nav {
    display: block;
    font-size: 0;
    border-top: 1px solid #e4e4e4
}

.index_nav>li .second_nav>li {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    height: 54px
}

.index_nav>li .second_nav>li a {
    display: block;
    color: #212121;
    font-size: 14px;
    line-height: 54px;
    padding: 0 15px
}

.index_nav>li:hover a {
    color: #fa7e23
}

.banner_body {
    padding-top: 80px
}

.banner_body>img {
    margin: 0 auto 31px;
    padding-top: 25px
}

.banner_body .banner_body_middle {
    width: 100%;
    margin-bottom: 52px
}

.banner_body .banner_body_middle .runNum {
    width: 550px;
    height: 70px;
    overflow: hidden;
    position: relative;
    margin-left: 45.5px;
    left: 126px
}

.banner_body .banner_body_middle .runNum>div {
    display: inline-block
}

.banner_body .banner_body_middle .runNum>div {
    height: 70px;
    background-size: 100% 100%;
    position: absolute;
    font-weight: 600
}

.banner_body .banner_body_middle .runNum>div>div {
    float: left;
    display: block;
    width: 60px;
    line-height: 70px;
    text-align: center;
    font-size: 60px;
    color: #fff;
    position: absolute
}

.banner_body .banner_body_middle .runNum i {
    float: left;
    width: 29px;
    height: 70px;
    font-size: 60px;
    color: #fff;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-weight: 600
}

.banner_body .banner_body_middle img {
    margin-top: 12px;
    margin-left: 8px
}

.banner_body_bottom {
    padding: 0 10px;
    background-color: rgba(255,255,255,.3);
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 90px;
    margin-top: 30px
}

.banner_body_bottom ul li {
    width: 160px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    float: left;
    margin-right: 10px;
    transition: all .3s;
    height: 242px
}

.banner_body_bottom ul li:hover {
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    box-shadow: 0 8px 30px 0 rgba(0,0,0,.2)
}

.banner_body_bottom ul li:last-child {
    margin-right: 0
}

.banner_body_bottom ul li a {
    display: block;
    padding: 30px 0
}

.banner_body_bottom ul li a h3 {
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    color: #3d444c
}

.banner_body_bottom ul li:last-child h3 {
    font-size: 25px
}

.banner_body_bottom ul li p {
    font-size: 14px;
    color: rgba(0,0,0,.6);
    text-align: center
}

.banner_body_bottom ul li p:nth-child(2) {
    margin-bottom: 12px
}

.banner_body_bottom ul li .btn {
    display: block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #2196f3;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 41px
}

.banner_body_bottom ul li a:hover .btn {
    background: #1d7dcc
}

.banner_body_bottom ul li a:active .btn {
    background: #24b4ff
}

.Group_2 {
    position: absolute;
    left: -38px;
    top: -22px;
    width: 2286px;
    height: 5922px;
    z-index: 1454
}

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

.session_one .session_one_tit {
    margin-bottom: 40px
}

.session_one .session_one_tit img {
    margin: 0 auto
}

.session_one .session_one_content>a {
    display: block;
    width: 586px;
    height: 220px;
    position: relative;
    transition: all .5s;
    background: 0 0;
    border-radius: 5px
}

.session_one .session_one_content>a:nth-child(-n+2) {
    margin-bottom: 28px
}

.session_one .session_one_content>a:hover {
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.2)
}

.session_one .session_one_content i[class*=indexcont-ss],.session_one .session_one_content img {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius: 5px;
    box-shadow: 0 12px 20px 0 rgba(0,0,0,.2)
}

.session_one .session_one_content a span {
    display: inline-block;
    width: 182px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    left: 12%;
    top: 159px
}

.session_one .session_one_content a span .gray_one {
    display: inline-block;
    width: 40%;
    height: 10px;
    position: absolute;
    left: 15%;
    top: 8px
}

.session_one .session_one_content a span .blue_one {
    display: inline-block;
    width: 40%;
    height: 10px;
    position: absolute;
    left: -41%;
    top: 8px
}

.session_one .session_one_content>a:hover .blue_one {
    -webkit-animation: ani .5s;
    -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes ani {
    0% {
        left: -30%
    }

    100% {
        left: 15%
    }
}

.session_one .session_one_content>a:hover .gray_one {
    -webkit-animation: ani2 .5s;
    left: 100%
}

@-webkit-keyframes ani2 {
    0% {
        left: 15%
    }

    100% {
        left: 100%
    }
}

.session_two {
    margin-top: 90px;
    margin-bottom: 90px
}

.session_two_tit {
    margin-bottom: 54px
}

.session_two_tit img {
    margin: 0 auto
}

.session_two .session_two_content>div {
    box-shadow: 0 0 24px 0 rgba(0,0,0,.2);
    position: relative;
    border-radius: 10px;
    width: 568px;
    height: 343px;
    top: -2px;
    left: 0
}

.session_two .session_two_content>div:hover {
    box-shadow: 0 6px 21px 4px rgba(0,0,0,.2)
}

.session_two .session_two_content>div .img_area {
    width: 569px;
    height: 382px;
    position: relative;
    left: 0;
    top: -33px
}

.session_two .session_two_content>div:nth-child(2) .img_area {
    top: -38px;
    left: 0;
    width: 569px;
    height: 382px
}

.session_two .session_two_content>div .img_area img {
    width: 100%;
    height: 100%
}

.session_two .session_two_content>div .img_area span {
    width: 68px;
    height: 62px;
    background-size: 100% 100%;
    position: absolute;
    top: 40px;
    right: 40px
}

.session_two .session_two_content>div .img_area>p {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    color: #fff;
    font-size: 60px;
    letter-spacing: 10px
}

.session_two .session_two_content>div .line {
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    background-image: -moz-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-image: -webkit-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-image: -ms-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-color: #2196f3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.session_two .bottom {
    padding: 30px;
    padding-bottom: 29px
}

.session_two .bottom h3 {
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    color: #3d444c;
    font-weight: 600;
    margin-bottom: 30px
}

.session_two .bottom h3 span {
    float: right;
    color: #2196f3;
    opacity: .15
}

.session_two .bottom p {
    font-size: 20px;
    line-height: 30px;
    color: rgba(0,0,0,.6)
}

.session_three {
    margin-bottom: 60px
}

.session_three .session_three_tit {
    margin-bottom: 34px
}

.session_three .session_three_tit img {
    margin: 0 auto
}

.session_three .session_three_content {
    width: 100%
}

.session_three .session_three_content ul li {
    float: left;
    width: 217px;
    height: 217px;
    box-sizing: border-box;
    margin-left: 10px;
    border-width: 1px;
    border-color: #eee;
    border-style: solid;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 24px;
    margin-left: 28px
}

.session_three .session_three_content ul li:nth-child(5n+1) {
    margin-left: 0
}

.session_three .session_three_content ul li .img_box {
    width: 100%;
    height: 100%;
    position: relative
}

.session_three .session_three_content ul li .img_box i[class*=teachers-],.session_three .session_three_content ul li .img_box img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 2
}

.session_three .session_three_content ul li .img_box span {
    position: absolute;
    top: 187px;
    width: 104px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background-size: 100% 100%;
    z-index: 3
}

.session_three .session_three_content ul li .img_box p {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 18px;
    color: #fff;
    z-index: 3
}

.session_three .session_three_content ul li .hover_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-image: -webkit-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-image: -ms-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-color: #2962ff;
    z-index: 3;
    opacity: 0;
    padding: 20px;
    padding-bottom: 0;
    box-sizing: border-box;
    transition: all .8s
}

.session_three .session_three_content ul li:hover .hover_box {
    opacity: 1
}

.session_three .session_three_content ul li:hover .img_box img {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px)
}

.session_three .session_three_content ul li.blue .hover_box {
    background-image: -moz-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-image: -webkit-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-image: -ms-linear-gradient(14deg,#2196f3 0,#2962ff 100%);
    background-color: #2962ff
}

.session_three .session_three_content ul li.orange .hover_box {
    background-image: -moz-linear-gradient(-45deg,#fb8c00 0,#ff6d00 100%);
    background-image: -webkit-linear-gradient(-45deg,#fb8c00 0,#ff6d00 100%);
    background-image: -ms-linear-gradient(-45deg,#fb8c00 0,#ff6d00 100%);
    background-color: #ff6d00
}

.session_three .session_three_content ul li.purple .hover_box {
    background-image: -moz-linear-gradient(14deg,#ba68c8 1%,#9c27b0 100%);
    background-image: -webkit-linear-gradient(14deg,#ba68c8 1%,#9c27b0 100%);
    background-image: -ms-linear-gradient(14deg,#ba68c8 1%,#9c27b0 100%);
    background-color: #9c27b0
}

.session_three .session_three_content ul li .hover_box .name {
    font-size: 16px;
    color: #fff;
    margin-bottom: 18px
}

.session_three .session_three_content ul li:nth-child(15) .hover_box .name {
    margin-bottom: 5px
}

.session_three .session_three_content ul li .hover_box .name .name_left {
    float: left;
    font-weight: 600
}

.session_three .session_three_content ul li .hover_box .name .name_right {
    float: right;
    width: 111px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.session_three .session_three_content ul li .hover_box .exprice {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    height: 102px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis
}

.session_three .session_three_content ul li .hover_box .exprice p {
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    margin-bottom: 2px
}

.session_three .session_three_content ul li .hover_box .exprice p span {
    display: inline-block;
    height: 100%;
    border-radius: 2px
}

.session_three .session_three_content ul li .hover_box .work {
    margin-top: 20px;
    color: #fff
}

.session_three .session_three_content ul li .hover_box .work p {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px
}

.session_three .session_three_content ul li .hover_box .work p span {
    display: inline-block;
    width: 38px;
    height: 18px;
    background: #fff;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    font-weight: 600;
    margin-right: 5px;
    color: #2196f3
}

.session_three .session_three_content ul li.blue .hover_box .work p span {
    color: #2196f3
}

.session_three .session_three_content ul li.orange .hover_box .work p span {
    color: #ff6d00
}

.session_three .session_three_content ul li.purple .hover_box .work p span {
    color: #9c27b0
}

.session_three .session_three_content ul li .hover_box .know_more {
    padding-right: 20px;
    position: absolute;
    bottom: 18px;
    right: 0;
    color: #fff;
    font-size: 12px
}

.session_three .session_three_content ul li .hover_box .know_more img {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-left: 5px
}

.session_three_certificate {
    margin-top: 30px
}

.session_three_certificate .tit {
    border: 1px solid #eee;
    border-bottom: none;
    position: relative;
    margin-bottom: 34.5px
}

.session_three_certificate .tit span {
    width: 234px;
    height: 23px;
    line-height: 23px;
    font-size: 23px;
    text-align: center;
    position: absolute;
    left: 483px;
    top: -11.5px;
    background: #fff;
    font-size: 14px;
    color: #eee
}

.session_three_certificate .books a {
    float: left;
    width: 276px;
    cursor: default;
    text-align: center;
    margin-right: 32px
}

.session_three_certificate .books a:last-child {
    margin-right: 0
}

.session_three_certificate .books a img {
    object-fit: cover
}

.session_three_certificate .books a:last-child {
    margin-right: 0
}

.session_four {
    position: relative
}

.session_four .session_four_tit {
    margin-bottom: 60px
}

.session_four .session_four_tit img {
    margin: 0 auto
}

.session_four_content .item {
    width: 100%
}

.session_four .arr_btns .arrow-left {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 51%;
    left: -30px;
    background-color: rgba(0,0,0,.2);
    z-index: 9
}

.session_four .arr_btns .arrow-right {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 51%;
    right: -30px;
    background-color: rgba(0,0,0,.2);
    z-index: 9
}

.session_four .arr_btns a:hover {
    background-color: rgba(0,0,0,.5)
}

.session_four .pagination {
    position: absolute;
    bottom: 2px;
    width: 100%;
    height: 12px;
    line-height: 12px;
    text-align: center;
    z-index: 10
}

.session_four .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #f5f5f5;
    margin: 0 15px;
    opacity: .8;
    cursor: pointer
}

.session_four .swiper-active-switch {
    background: #2196f3
}

.session_four #js_studentSwiper {
    height: 870px
}

.session_four_content .item ul li {
    width: 393.333px;
    margin-left: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    padding: 30px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px
}

.session_four_content .item ul li:nth-child(3n+1) {
    margin-left: 0
}

.session_four_content .item ul li .top {
    margin-bottom: 35px
}

.session_four_content .item ul li .top .guo {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px
}

.session_four_content .item ul li .top .name {
    float: left;
    height: 32px;
    line-height: 32px;
    color: #212121;
    font-size: 20px
}

.session_four_content .item ul li .top .sub {
    float: right
}

.session_four_content .item ul li .middle .total {
    width: 100px;
    border-right: 1px solid #e0e0e0
}

.session_four_content .item ul li .middle .total_top {
    margin-bottom: 10px;
    font-size: 12px;
    color: #ea5413
}

.session_four_content .item ul li .middle .total_top span {
    font-size: 32px;
    margin-right: 5px
}

.session_four_content .item ul li .middle .total_bottom {
    font-size: 12px;
    height: 12px;
    line-height: 12px
}

.session_four_content .item ul li .middle .develop {
    padding-left: 29px
}

.session_four_content .item ul li .middle {
    margin-bottom: 20px
}

.session_four_content .item ul li .bottom img:first-child {
    margin-bottom: 6px
}

.session_four_content .item ul li .bottom p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(0,0,0,.6);
    text-align: justify
}

.session_four_content .item ul li .bottom .img_box img {
    float: right
}

.session_five {
    margin-top: 60px
}

.session_five .session_five_top {
    height: 386px;
    min-width: 1200px;
    padding-top: 40px;
    background-origin: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    background-origin: border-box;
    box-sizing: border-box
}

.session_five .session_five_top .session_five_tit {
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    color: rgba(0,0,0,.6);
    text-align: center;
    margin-bottom: 60px
}

.session_five .session_five_top .arr_btns {
    position: relative
}

.session_five .session_five_top .arr_btns .arrow-left {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    bottom: -94px;
    left: -13px;
    background-color: rgba(0,0,0,.2);
    z-index: 9
}

.session_five .session_five_top .arr_btns .arrow-right {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    bottom: -94px;
    right: -13px;
    background-color: rgba(0,0,0,.2);
    z-index: 9
}

.session_five .session_five_top .arr_btns .arrow-left .icons-arr_left {
    position: absolute;
    left: 17px;
    top: 14px
}

.session_five .session_five_top .arr_btns .arrow-right .icons-arr_right {
    position: absolute;
    right: 17px;
    top: 14px
}

.session_five .session_five_top .arr_btns a:hover {
    background-color: rgba(0,0,0,.5)
}

.banxin_two {
    width: 1224px;
    margin: 0 auto
}

.session_five .session_five_top ul li {
    width: 180px;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
    cursor: pointer
}

.session_five .session_five_top ul li img {
    height: 120px;
    margin: 0 auto;
    margin-bottom: 27px
}

.session_five .session_five_top ul li p {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center
}

.session_five .session_five_bottom {
    min-width: 1200px;
    height: 390px
}

.session_five .session_five_bottom .session_five_tit {
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    color: rgba(0,0,0,.6);
    text-align: center;
    margin-bottom: 60px;
    margin-top: 100px
}

.session_five .session_five_bottom>img {
    margin: 0 auto
}

.session_awards_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 10;
    display: none
}

.session_awards_box .inner_box {
    width: 756px;
    padding: 30px 10px 20px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    box-sizing: border-box;
    overflow: hidden
}

.session_awards_box .inner_box .swiper-container {
    width: 736px;
    height: 559px
}

.session_awards_box .inner_box p {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: 20px;
    color: #212121;
    opacity: .6
}

.session_awards_box .inner_box>span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    text-align: center
}

.session_awards_box .inner_box .arr_btns .arrow-left {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 50%;
    background-color: rgba(0,0,0,.2);
    z-index: 9
}

.session_awards_box .inner_box .arr_btns .arrow-right {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 50%;
    background-color: rgba(0,0,0,.2);
    z-index: 9
}

.session_awards_box .inner_box .arr_btns>a:hover {
    background-color: rgba(0,0,0,.5)
}

.session_awards_box .inner_box ul li {
    width: 736px;
    float: left
}

.session_awards_box .inner_box ul li>img {
    width: 736px
}

.fix_slide {
    width: 52px;
    text-align: center;
    position: fixed;
    bottom: 300px;
    right: 10px;
    z-index: 10
}

.fix_slide .top img {
    width: 38px;
    display: inline-block
}

.fix_slide ul {
    background: #fff;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1)
}

.fix_slide ul li {
    width: 52px;
    height: 57px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer
}

.fix_slide ul li a {
    display: block;
    padding-top: 14px;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.fix_slide ul li a p {
    width: 100%;
    height: 100%;
    font-size: 12px
}

.fix_slide ul li:nth-child(2)>a {
    color: #7a7a7a
}

.fix_slide ul li:nth-child(3) a>img {
    display: inline-block
}

.fix_slide ul li:nth-child(1) a {
    color: #ea5413
}

.fix_slide ul li:first-child:hover a {
    background-color: #ea5413;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.fix_slide ul li:first-child:hover a p {
    border: none
}

.fix_slide ul li:first-child a:active {
    background-color: #fb8c00;
    color: #fff
}

.fix_slide ul li:last-child:hover a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.fix_slide ul li:nth-child(2) .ewm {
    width: 138px;
    text-align: center;
    background: #fff;
    position: absolute;
    left: -147px;
    height: 328px;
    top: -265px;
    border-radius: 5px;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    display: none;
    cursor: default
}

.fix_slide ul li:nth-child(2) .out_box {
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1)
}

.fix_slide ul li:nth-child(2):hover a {
    background-color: #ea5413;
    color: #fff
}

.fix_slide ul li:nth-child(2):hover .ewm {
    display: block
}

.fix_slide ul li:nth-child(2) .ewm img {
    display: inline-block;
    margin-bottom: 8px
}

.fix_slide ul li:nth-child(2) .ewm>div {
    padding: 15px 0
}

.fix_slide ul li:nth-child(2) .ewm>div:first-child {
    border-bottom: 1px solid #eee;
    width: 75%;
    margin: 0 auto
}

.fix_slide ul li:nth-child(2) .ewm p {
    color: #3d444c;
    height: 16px;
    line-height: 16px
}

.fix_slide ul li:nth-child(2) .ewm span {
    width: 8px;
    height: 16px;
    position: absolute;
    top: 88%;
    right: -8px;
    margin-top: -8px;
    background-size: 100% 100%
}

.fix_slide ul li:nth-child(3) a {
    font-size: 16px;
    color: #7a7a7a;
    padding-top: 0
}

.fix_slide ul li:nth-child(3) p {
    border-top: 1px solid #eee;
    padding-top: 7px;
    box-sizing: border-box
}

.fix_slide ul li:nth-child(3) p:hover {
    background-color: #ea5413;
    color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.fix_slide ul li:nth-child(3) p i {
    width: 16px;
    height: 10px;
    display: inline-block;
    background-size: 100% 100%
}

.fix_slide ul li:nth-child(3) p:hover i {
    width: 16px;
    height: 10px;
    display: inline-block;
    background-size: 100% 100%
}

.fix_slide ul li:nth-child(1) a p {
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box
}

.fix_slide .top {
    margin-bottom: 5px
}

.special_tit_eight {
    font-size: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    font-weight: 600
}

.special_tit_eight span:nth-child(-n+3) {
    color: #fb8c00
}

.special_tit_eight span:nth-child(4) {
    color: #fd8000
}

.special_tit_eight span:nth-child(5) {
    color: #ff7000
}

.special_tit_eight span:nth-child(n+5) {
    color: #ff6d00
}

.special_tit_six {
    font-size: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    font-weight: 600
}

.special_tit_six span:nth-child(-n+2) {
    color: #fb8c00
}

.special_tit_six span:nth-child(3) {
    color: #fd8000
}

.special_tit_six span:nth-child(4) {
    color: #ff7100
}

.special_tit_six span:nth-child(n+4) {
    color: #ff6d00
}

.special_tit_four {
    font-size: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    font-weight: 600
}

.special_tit_four span:nth-child(1) {
    color: #fb8c00
}

.special_tit_four span:nth-child(2) {
    color: #fd8700
}

.special_tit_four span:nth-child(3) {
    color: #ff7100
}

.special_tit_four span:nth-child(4) {
    color: #ff6d00
}

/*!* Center slide text vertically *!*/
.header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header {
    background: #fff;
    font-family: 'Microsoft YaHei'!important
}

.header a {
    font-size: 16px!important
}

.header .banxin {
    width: 1200px;
    margin: 0 auto
}

.clearfix::after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0
}

.clearfix {
    zoom:1}

.header .fl {
    float: left
}

.header .fr {
    float: right
}

.header .logo {
    width: 99px;
    padding-right: 10px;
    padding-top: 14.5px
}

.header .header_left>ul>li {
    float: left;
    text-align: center
}

.header .header_left>ul>li:nth-child(8)>a {
    border-right: 1px solid #e0e0e0;
    display: inline;
    padding-bottom: 0
}

.header .header_left>ul>li:nth-child(8):hover a {
    border-right: none
}

.header .header_left>ul>li>a {
    color: #212121;
    display: block;
    height: 65px;
    line-height: 65px;
    position: relative;
    padding: 0 13px
}

.header .header_left>ul>li>a em {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin: -4px 0 0 3px
}

.header .header_left>ul>li>a span {
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 5px;
    display: none
}

.header .header_left>ul>li>a:active {
    color: #ea5413
}

.index_nav>li .nav_box {
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1)
}

.index_nav>li .second_nav {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    height: 54px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    z-index: 99999999;
    display: none
}

.index_nav>li:hover {
    background: #ea5413
}

.header .header_left .index_nav li:hover a {
    color: #fff
}

.index_nav>li:hover>a span {
    display: block!important
}

.index_nav>li:hover .second_nav {
    display: block;
    font-size: 0;
    border-top: 1px solid #e4e4e4
}

.header .header_left .index_nav .second_nav li a {
    color: #000;
    height: 54px
}

.header .header_left .second_nav li:hover a {
    color: #ea5413
}

.index_nav>li .second_nav>li {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    height: 54px
}

.index_nav>li .second_nav>li a {
    display: block;
    color: #212121;
    font-size: 14px;
    line-height: 54px;
    padding: 0 15px
}

.header .header_left .index_nav .second_nav>li :hover a {
    background-color: #ea5413;
    color: #fff
}

.index_nav>li:hover a {
    color: #fa7e23
}

.header .header_right .header_right_left {
    position: relative;
    right: 69px
}

.header .header_right .header_right_left>a {
    display: block;
    float: left;
    text-align: center;
    height: 65px;
    line-height: 65px;
    padding: 0 6px;
    color: #212121
}

.header .header_right .header_right_left>a:hover .header .header_left>ul>li:nth-child(7) a {
    border-right: none
}

.header .header_right .header_right_left>a:hover {
    background: #ea5413;
    color: #fff
}

.header .header_right .header_right_left>a:active {
    color: #ea5413
}

.header .header_right .header_right_left>a:nth-child(2) img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-right: 6px
}

.header .header_right .header_right_left>a:nth-child(2) {
    font-weight: 600;
    color: #ea5413;
    padding-left: 15px
}

.header .header_right .header_right_left>a:nth-child(2):hover {
    color: #fff
}

.header .header_right .header_right_left>a:nth-child(2):active {
    background: #f5f5f5;
    color: #fb8c00
}

.header .header_right .header_right_left .app_box {
    float: left;
    text-align: center;
    line-height: 40px;
    color: #212121
}

.header .header_right .header_right_left .app_box>a {
    display: block;
    height: 64px;
    line-height: 64px;
    padding: 0 15px;
    color: #212121
}

.header .header_right .header_right_left .app_box>a span {
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 5px;
    display: none
}

.header .header_right .header_right_left .app_box:hover {
    background-color: #ea5413
}

.header .header_right .header_right_left .app_box:hover>a {
    color: #fff
}

.header .header_right .header_right_left .app_box:hover>a span {
    display: block
}

.header .header_right .header_right_left .app_box:hover .contain_app {
    display: block
}

.header .header_right .header_right_left .app_box>a:active {
    color: #ea5413
}

.contain_app {
    position: absolute;
    top: 65px;
    right: 0;
    width: 534px;
    padding: 22.5px 0;
    box-sizing: border-box;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 8px 12px 0 rgba(95,136,236,.45);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none
}

.contain_app .item {
    width: 178px;
    float: left;
    font-size: 16px;
    position: relative
}

.contain_app .item>a {
    display: block;
    width: 100%;
    padding: 7.5px 0 7.5px 24px;
    box-sizing: border-box;
    text-align: left
}

.contain_app .item>a:hover span {
    color: #ea5413
}

.contain_app .first {
    margin: 0
}

.contain_app .item span {
    vertical-align: middle;
    margin-left: 2px;
    font-size: 14px;
    color: #212121
}

.contain_app .item img {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px
}

.header .header_right .header_right_right a {
    display: block;
    float: left;
    width: 52px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    color: #212121;
    margin-top: 19px;
    font-size: 14px
}

.header .header_right .header_right_right a:nth-child(1) {
    border-radius: 90px;
    margin-left: 11px;
    background: #ededed;
    margin-right: 10px;
    line-height: 30px
}

.header .header_right .header_right_right a:nth-child(1):hover {
    background: #e0e0e0
}

.header .header_right .header_right_right a:nth-child(1):active {
    background: #fff;
    border-color: #ea5413;
    color: #ea5413
}

.header .header_right .header_right_right a:nth-child(2) {
    background: #ea5413;
    color: #fff;
    border-radius: 90px
}

.header .header_right .header_right_right a:nth-child(2):hover {
    background: #d9490a
}

.header .header_right .header_right_right a:nth-child(2):active {
    background: #fb8c00
}

.login_after {
    height: 65px;
    float: right;
    margin-left: 29px
}

.login_after>div {
    float: left;
    width: 42px;
    height: 65px;
    position: relative;
    cursor: default;
    box-sizing: border-box
}

.login_after>div:nth-child(1) {
    margin-right: 12px
}

.login_after>.per i,.login_after>.per img {
    width: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.login_after .per .Hover_s,.login_after>.per i.icons-hover_mail {
    display: none
}

.login_after>.per:hover .Hover_s,.login_after>.per:hover i.icons-hover_mail {
    display: block
}

.login_after .shadow_box {
    position: absolute;
    top: 65px;
    left: -69px;
    z-index: 99999999;
    display: none;
    box-shadow: 0 8px 12px 0 rgba(95,136,236,.45);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff
}

.login_after>div.eml>a {
    cursor: default
}

.login_after .eml ul {
    width: 120px;
    padding-top: 6px;
    padding-bottom: 10px;
    background: #fff;
    box-shadow: 0 14px 20px 0 rgba(0,0,0,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    color: #212121
}

.login_after .eml .icons-per,.login_after .eml img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 20%;
    z-index: 1;
    left: 4px
}

.login_after .shadow_box_two {
    position: absolute;
    top: 65px;
    left: -69px;
    z-index: 99999999;
    display: none;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 12px 0 rgba(95,136,236,.45);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.login_after .per {
    position: relative
}

.login_after .per ul {
    width: 120px;
    font-size: 14px;
    color: #212121;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #fff;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 14px 20px 0 rgba(0,0,0,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.login_after .per>a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 22;
    cursor: default
}

.login_after .per img {
    width: 35px;
    height: 35px
}

.login_after>div ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    text-indent: 20px
}

.login_after>div ul li:nth-child(5) {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 6px
}

.login_after>div ul li a {
    display: block;
    height: 100%;
    width: 100%;
    color: #212121;
    font-size: 14px
}

.login_after>div ul li:nth-child(6) a {
    padding-top: 6px
}

.login_after .eml:hover {
    background: #ea5413
}

.login_after .per:hover {
    display: block
}

.login_after .per:hover span {
    width: 57px;
    height: 65px;
    position: absolute;
    top: 0;
    left: -7px;
    background: #ea5413
}

.login_after .eml:hover span {
    width: 57px;
    height: 65px;
    position: absolute;
    top: 0;
    left: -7px;
    background: #ea5413
}

.login_after>div.eml:hover .shadow_box {
    display: block
}

.login_after>div.per:hover .shadow_box_two {
    display: block
}

.login_after>div ul li a:hover {
    color: #ea5413
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.popups {
    position: absolute;
    background-color: #fff;
    height: 274px;
    width: 270px;
    left: 50%;
    top: 50%;
    margin-top: -137px;
    margin-left: -148px;
    text-align: center;
    padding-top: 10px
}

.ielts_download_0911 {
    cursor: pointer
}

.icons_ielts_new {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(//www-static.zhan.com/web/frontend/static/images/ielts_icon_911.png) no-repeat;
    vertical-align: middle;
    border-radius: 8px;
    border: 1px solid #ccc
}

.icons-kaoyan {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(//www-static.zhan.com/web/frontend/static/images/icons_kaoyan.png) no-repeat;
    vertical-align: middle;
    border-radius: 8px;
    border: 1px solid #ccc
}

.icons-guoji {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(//www-static.zhan.com/web/frontend/static/images/icons_guoji.png) no-repeat;
    vertical-align: middle;
    border-radius: 8px;
    border: 1px solid #ccc
}

.popupsClose {
    position: absolute;
    right: -17px;
    top: -17px;
    background-image: url(//www-static.zhan.com/web/frontend/static/images/close_911.png);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 34px;
    height: 34px;
    cursor: pointer
}

.popupsImage {
    width: 240px;
    display: inline-block
}

.popupsText {
    font-size: 12px
}

.popupsDown {
    cursor: pointer;
    color: #2896e9;
    font-size: 12px
}

.service-info-top {
    width: 100%;
    background: #eee;
    height: 30px;
    line-height: 30px
}

.service-info-top .service-info-center {
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    color: #333
}

.service-info-top .service-info-center img {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 1px 0 0
}

.service-info-top .service-info-center span {
    color: #ea5413;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 0;
    font-weight: 700
}

.z-layer-wrap {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    position: fixed;
    font-size: 0;
    z-index: 9999;
    top: 0;
    left: 0
}

.z-layer-content {
    width: 800px;
    height: 480px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 8px
}

.z-layer-phone {
    width: 320px;
    height: 450px;
    margin: 30px 0 0 65px;
    display: inline-block
}

.z-layer-info {
    margin-left: 35px;
    text-align: left;
    display: inline-block;
    vertical-align: top
}

.z-layer-info img {
    margin-top: 20px;
    width: 115px
}

.z-layer-info h2 {
    font-size: 36px;
    color: #ff6d01;
    line-height: 50px;
    padding: 120px 0 20px
}

.z-layer-info p {
    font-size: 16px;
    color: #333;
    line-height: 22px
}

.z-zhan-close {
    margin-top: 20px;
    width: 115px;
    height: 115px
}

.z-zhan-close {
    width: 24px;
    height: 24px;
    background: url(//www-static.zhan.com/web/frontend/static/images/icon-close.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0,0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}