*{font-family:'PingFang SC', 'SimHei';-webkit-tap-highlight-color:transparent; margin: 0; padding: 0;}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{width:100%;min-width:1100px;overflow-x:auto;line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ul li{list-style-type:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid#ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
a {
    text-decoration: none;
    color: #000;
    padding: 0;
    margin: 0;
    border: 0 none;
    font-family: 'DINMedium','PingFang SC',  "黑体" ;
}
img {
    border: 0;
}
ul li {
    list-style-type: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
body{
    min-width: 1260px;
    height: auto;
    background-color: #fff;
    font-family: 'DINRegular';
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;

    background: url("../img/arr_d1.png") no-repeat;
    background-size: 16px auto;
    background-position: 380px 27px;
    border-radius: 0;
}

@font-face {
    font-family: 'DINBlack';
    src: url('../fonts/DINPro-Black.woff');
}
@font-face {
    font-family: 'DINBold';
    src: url('../fonts/DINPro-Bold.woff');
}
@font-face {
    font-family: 'DINLight';
    src: url('../fonts/DINPro-Light.woff');
}
@font-face {
    font-family: 'DINMedium';
    src: url('../fonts/DINPro-Medium.woff');
}
@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/DINPro-Regular.woff');
}

/*导航*/
.nav_c{
    width: 100%; height: auto;
    position: fixed; top: 0; left: 0;
    z-index: 10;
    background-color: #fff;
}
.nav_c .nav_w{
    width: 1260px; height: 124px;  /*124px*/
    margin: 0 auto;
}
.nav_c .nav_w .nav_l{
    width: 21.557977%; height: auto;
    padding: 30px 0;
    display: inline-block;
    float: left;
}
.nav_c .nav_w .nav_l>a{
    width: 100%; height: auto;
    display: block;
}
.nav_c .nav_w .nav_l>a>img{
    width: 100%; height: auto;
    display: block;
}
.nav_c .nav_w .nav_r{
    width: 72.442023%; height: auto;
    display: inline-block; float: right;
    margin-left: 6%;
}
.nav_c .nav_w .nav_r .nav_list{
    width: auto; height: auto;
    float: right;
}
.nav_c .nav_w .nav_r .nav_list>li{
    display: inline-block; float: left;
    width: auto; height: 64px; line-height: 64px;
    padding: 30px 0;
    cursor: pointer;
    margin-right: 2%;
    position: relative;
    margin: 0 32px;
}
.nav_c .nav_w .nav_r .nav_list>li>a{
    font-size: 18px; font-weight: 500; color: #1a1a1a;
}
.nav_c .nav_w .nav_r .nav_list>li.active>a{
    color: #00a59a; position: relative;
}
.nav_c .nav_w .nav_r .nav_list>li.active>a:after{
    content: ' '; display: block;
    width: 12px; height: 3px; background-color: #00a59a;
    position: absolute; left: 50%; margin-left: -6px; bottom: -8px;
}
/*二级菜单*/
.nav_c .nav_w .nav_r .nav_list>li .sub_c{
    width: 160px; height: auto;
    position: absolute; top: 124px; left: -30px;
    background-color: rgba(255, 255, 255, .9);
    padding: 10px 10px 14px 30px;
    display: none;
}
.nav_c .nav_w .nav_r .nav_list>li .sub_c.sub5{
    background-color: transparent;
    top: 114px; left: -58px;
}
.nav_c .nav_w .nav_r .nav_list>li .sub_c>li{
    width: 100%; height: auto;
    font-size: 14px; line-height: 36px; color: #4a4a4a;
    position: relative;
    cursor: pointer;
}
.nav_c .nav_w .nav_r .nav_list>li .sub_c>li:hover a{
    color: #00a59a;
}
.nav_c .nav_w .nav_r .nav_list>li .sub_c>li:hover:before{
    content: ' '; display: block;
    width: 8px; height: 100%;
    background: url(../img/arr_r1.png) no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute; left: -12px;
}
.nav_c .nav_w .nav_r .nav_list>li .sub_c.sub5>li:hover:before{
    content: ''; display: none;
}
.nav_c .nav_w .nav_r .nav_list>li .sub_c>li .qr_code{
    width: 120px; height: auto;
    display: block;
}
.nav_scroll{
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
/*导航*/
/*底部*/
.footer{
    width: 100%; height: auto; min-width: 1220px;
    background-color: #00A59A;
}
.footer .footer_w{
    width: 1220px; height: auto;
    margin: 0 auto;
    overflow-y: hidden;
}
.footer .footer_w .logo_text_white{
    width: 263px; height: auto;
    display: block;
    margin-top: 80px;
}
.footer .footer_w .list{
    width: calc(100% - 20px); height: auto;
    margin-top: 50px; margin-left: 10px;
    margin-bottom: 97px;
    overflow-y: hidden;
}
.footer .footer_w .list>li{
    width: calc(16.8% - 50px); height: auto;
    display: inline-block;
    padding-left: 45px;
    float: left;
}
.footer .footer_w .list>li .nav{
    width: 100%; height: auto;
    font-size: 18px; color: #f9f9f9; font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid #02c0b3;
    margin-bottom: 15px;
}
.footer .footer_w .list>li .nav>a{
    color: #f9f9f9;
}
.footer .footer_w .list>li .sub_list{
    width: 100%; height: auto;
}
.footer .footer_w .list>li .sub_list>li{
    cursor: pointer;
}
.footer .footer_w .list>li .sub_list>li>a{
    height: 100%; display: block;
    font-size: 14px; line-height: 36px; color: #fff;
    position: relative;
    font-family: 'DINRegular';
}
.footer .footer_w .list>li .sub_list>li:hover>a:before{
    content: ' '; display: block;
    width: 8px; height: 100%;
    background: url(../img/arr_r2.png) no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute; left: -14px;
}
.footer .footer_w .list>li .qr_code{
    width: 130px; height: auto;
    display: block;
    margin-top: 20px; margin-bottom: 20px;
}
.footer .footer_w .list>li .email{
    width: 154px; height: auto;
}
.footer .footer_w .list>li .email .email_title{
    width: 100%; height: auto;
    font-size: 18px; font-weight: 500; color: #fff;
    background: url(../img/send.png) no-repeat;
    background-size: 34px;
    background-position: right center;
    font-family: 'DINRegular';
}
.footer .footer_w .list>li .email>a{
    width: 100%; height: auto;
    font-size: 18px; color: #fff;
    margin-top: 6px;
    display: block;
    font-family: 'DINRegular';
}
.footer .footer_w .bottom{
    width: 100%; height: auto;
    font-size: 12px; line-height: 22px; color: #fff;
    text-align: center;
    margin-bottom: 37px;
    font-family: 'DINRegular';
}
.footer .footer_w .bottom>a{
    color: #fff;
}
/*底部*/

.wrapper{
    width: 100%; height: auto;
    margin-top: 124px;
}

/*首页*/
.i_swiper_c{
    width: 100%; height: auto; min-width: 1220px;
    position: relative;
    overflow-y: hidden;
}
.i_swiper_c .i_swiper{
    width: 100%; height: auto;
}
.i_swiper_c .i_swiper .swiper-slide{
    width: 100%; height: auto;
    position: relative;
}

.i_swiper_c .i_swiper .swiper-slide a {
    /* position: unset; */
    display: flex;
}

.i_swiper_c .i_swiper .swiper-slide a>img{
    width: 100%; height: auto;
    display: block;
}
.i_swiper_c .i_swiper .swiper-slide>.i_swiper_title{
    width: 1220px; height: 100%;
    position: absolute; top: 0; left: 50%; margin-left: -610px;
    overflow: hidden;
}
.i_swiper_c .i_swiper .swiper-slide>.i_swiper_title .title{
    margin-left: 80px;
    /*font-size: 36px; font-weight: bold; color: #fff;*/
    position: absolute; left: 0; bottom: 20%;
}
.i_swiper_c .i_swiper .swiper-slide>.i_swiper_title .title>img{
    width: 70%; height: auto;
}
.i_swiper_c .i_swiper .swiper-slide>.i_swiper_title .title>span{
    display: inline-block;
    line-height: 13px; border-bottom: 16px solid #F6C800;
    margin-bottom: 16px;
}
.i_swiper_c .i_swiper .swiper-slide>.i_swiper_title .title>span:last-child{
    margin-bottom: 0;
}
/*轮播点样式*/
.i_swiper_w{
    width: 1220px;
    height: 20%;
    position: absolute;
    /* top: 0; */
    left: 50%;
    margin-left: -610px;
    overflow: hidden;
    z-index: 1;
    bottom: 6px;
}
.i_swiper_w .i_swiper_l{
    position: absolute; left: 86px; bottom: 68px;
}
.i_swiper_w .swiper-pagination-bullet{
    width: 4px; height: 4px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    background-color: transparent;
    border-radius: 0;
    margin-right: 12px; opacity: 1;
    cursor: pointer;
}
.i_swiper_w .swiper-pagination-bullet-active{
    background-color: #F6C800;
    border-color: #F6C800;
}
.center{
    width: 20px; height: auto;
    display: block;
    position: absolute; left: 50%; margin-left: -10px; bottom: 45px;
    z-index: 1;
}
/*遮挡*/
.circle_c{
    width: 100%; height: 1.8vw; min-width: 1220px;
    position: absolute; bottom: 0; left: 0; z-index: 2;
    overflow: hidden;
}
.circle_c>div{
    width: 50.5%; height: 3vw;
    background-color: #fff;
    display: inline-block;
}
.circle_c>.left{
    position: absolute; left: 0;
    border-top-right-radius: 3vw;
}
.circle_c>.right{
    border-top-left-radius: 3vw;
    position: absolute; right: 0;
}

.i_swiper_w .i_swiper_r{
    position: absolute; right: 0; bottom: 1.8vw;
}
.i_swiper_r .register_c{
    width: auto; height: auto;
    background: url(../img/apply_bg.png) no-repeat;
    background-size: 100% auto;
}
.i_swiper_r .register_c .register_w{
    width: 260px; height: auto;
    padding: 32px 30px 30px 30px;
    background: linear-gradient(to bottom, transparent 30%, #00A59A 70%);
}
.i_swiper_r .register_c .title{
    width: 100%; height: auto;
    font-size: 26px; color: #fff; text-align: center; font-weight: 500;
    position: relative;
    margin-bottom: 31px;
}
.i_swiper_r .register_c .title>span{
    display: block;
    font-size: 16px;
    margin-top: 14px;
}
.i_swiper_r .register_c .title:after{
    content: ' '; display: block;
    width: 8px; height: 6px;
    background: url(../img/arr_t1.png) no-repeat;
    background-size: 100%;
    position: absolute; bottom: -18px; left: 50%; margin-left: -4px;
}
.i_swiper_r .register_c .table{
    width: 100%; height: auto;
}
.i_swiper_r .register_c .table tr{
    width: 100%; height: auto;
    margin-bottom: 10px;
    margin-bottom: !0;
    display: block;
    overflow-y: hidden;
}
.i_swiper_r .register_c .table tr input,
.i_swiper_r .register_c .table tr select{
    width: calc(100% - 40px); height: 36px; padding: 0 20px;
    background-color: #DAF4F1;
    border: 0;
    font-size: 14px; font-weight: 500; color: #00a59a;
    outline: none;
    margin-bottom: !16px;
}
.i_swiper_r .register_c .table tr input::-webkit-input-placeholder,
.i_swiper_r .register_c .table tr input::-moz-placeholder{
    font-size: 14px; font-weight: 500; color: #00a59a;
}
.i_swiper_r .register_c .table tr select{
    width: 100%;
    background: url(../img/arr_d1.png) no-repeat;
    background-size: 12px;
    background-position: right 1vw center;
    background-color: #DAF4F1;
}
.i_swiper_r .register_c .table td{
    width: 100%; height: 40px;
    display: inline-block;
    position: relative;
}
.i_swiper_r .register_c .table td>span{
    position: absolute; top: 0px; left: 20px;
    line-height: 38px; color: #00a59a;
    font-size: 14px; font-weight: 500;
}
.i_swiper_r .register_c .table td>input.stu_code{
    width: !110px;
}
.i_swiper_r .register_c .table td .btn_getCode{
    width: 100%;
    cursor: pointer; text-align: center;
    padding: 0;
    background-color: #F6C800; color: #fff;
}
.i_swiper_r .register_c .table td+td{
    float: right;
}
.rule{
    width: calc(100% - 1vw);
    padding-left: 20px;
    font-size: 12px; color: #daf4f1; font-weight: 500;
    line-height: 20px;
    position: relative;
    cursor: pointer;
}
.rule:before{
    content: ' '; display: block;
    position: absolute; left: 0; top: 4px;
    width: 12px; height: 12px; border-radius: 50%;
    background-color: #DAF4F1;
}
.rule.rule_active:before{
    width: 8px; height: 8px; border-radius: 50%;
    background-color: #F7C901;
    border: 0.1vw solid #DAF4F1;
}

.btn_apply{
    width: 100%; height: 40px; line-height: 40px;
    font-size: 16px; text-align: center; font-weight: 500; color: #fff;
    border: 0; outline: none;
    background-color: #F6C800;
    margin-top: 20px;
    cursor: pointer;
}
.btn_apply1{
    width: 30%; height: 40px; line-height: 40px;
    font-size: 16px; text-align: center; font-weight: 500; color: #fff;
    border: 0; outline: none;
    background-color: #00a59a;
    margin: 10px auto;
    cursor: pointer;border-radius: 10px;
}

/*关于知慧学术英语*/
.i_about_c{
    width: 100%; height: auto;
    overflow-y: hidden;
    /*background-color: #f9f9f9;*/
}
.i_about_c .i_about_w{
    width: 1220px; height: auto;
    margin: 10px auto 60px auto;
}
.i_about_c .i_about_w .top{
    width: 100%; height: auto;
    position: relative;
}
.i_about_c .i_about_w .top .left{
    width: 1050px; height: auto;
    background: url(../img/i_bg1.png) no-repeat;
    background-size: 100%;
    overflow-y: hidden;
}
.i_about_c .i_about_w .top .left>h1{
    font-size: 32px; color: #fff; font-weight: 500;
    margin-top: 40px; margin-left: 60px;
}
.i_about_c .i_about_w .top .left .h1{
    font-size: 32px; color: #fff; font-weight: 500;
    margin-top: 40px; margin-left: 60px;
}
.i_about_c .i_about_w .top .left>.intro{
    width: 538px; height: auto;
    font-size: 20px; line-height: 34px; color: #fff;
    font-family: 'DINRegular';
    margin-left: 60px; margin-top: 20px;
}
.i_about_c .i_about_w .top .left>.small{
    width: 538px; height: auto;
    font-size: 14px; line-height: 22px; color: #fff;
    font-family: 'DINRegular';
    margin-left: 60px; margin-top: 20px;margin-bottom: 22px;
}
.i_about_c .i_about_w .top .left>.btn_test{
    width: 280px; height: 50px; line-height: 50px;
    border-radius: 50px;
    background-color: #f6c800;
    text-align: center; font-family: 'DINMedium';
    color: #fff; font-size: 18px;
    margin-top: 39px; margin-left: 60px; margin-bottom: 40px;
    display: block;
}
.i_about_c .i_about_w .top .right{
    width: 600px; height: 350px;
    position: absolute; right: 0; top: 60px;
}
.i_about_c .i_about_w .top .right>video{
    width: 100%; height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    display: block;
}
.i_about_c .i_about_w .top .right>.btn_play{
    width: 89.6px; height: 89.6px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    animation: opacity_1 1s infinite linear both;
    position: absolute; top: 50%; margin-top: -44.8px; left: 50%; margin-left: -44.8px;
    cursor: pointer;
}
.i_about_c .i_about_w .top .right>.btn_play>div{
    width: 56px; height: 56px;
    border-radius: 50%;
    position: absolute; top: 50%; margin-top: -28px; left: 50%; margin-left: -28px;
    background: url(../img/play.png) no-repeat;
    background-size: 20.3px;
    background-position: center;
    background-color: #f6c800;
}
.i_about_c .i_about_w .top .right>.btn_play>div:after{
    content: ' '; display: none;
    width: 1px; height: 1px;
    background: url(../img/play_c.png) no-repeat;
    position: absolute; top: 0; left: 0;
}
.i_about_c .i_about_w .top .right>.btn_play:hover>div{
    background: url(../img/play_c.png) no-repeat;
    background-size: 20.3px;
    background-position: center;
    background-color: #fff;
}
.i_about_c .i_about_w .bottom{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_about_c .i_about_w .bottom .about_list{
    width: 100%; height: auto;
    overflow-y: hidden; margin-top: 20px;
}
.i_about_c .i_about_w .bottom .about_list>li{
    width: 200px; height: auto;
    float: left; margin-right: 3px;
}
.i_about_c .i_about_w .bottom .about_list>li:last-child{
    margin-right: 0;
}
.i_about_c .i_about_w .bottom .about_list>li>a>img{
    width: 100%; height: auto;
    display: block;
}
@keyframes opacity_1{
    from{
        background-color: rgba(255, 255, 255, .2);
    }
    to{
        background-color: rgba(255, 255, 255, .5);
    }
}

/*选择知慧*/
.i_choose_c{
    width: 100%; height: auto;
}
.i_choose_c .i_choose_w{
    width: 1220px; height: auto;
    margin: 0 auto;
    margin-top: 80px; margin-bottom: 50px;
    overflow: hidden;
}
.i_choose_c .i_choose_w>div{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_choose_c .i_choose_w>div>div{
    display: inline-block; float: left;
}
.i_choose_c .i_choose_w>div.align_right{
    margin-left: 240px;
}
.i_choose_c .i_choose_w>div .abstract{
    width: 480px; height: 240px;
    display: inline-block;
}
.i_choose_c .i_choose_w>div .abstract>h1{
    font-size: 32px; color: #000f30;
    margin-bottom: 20px;
}
.i_choose_c .i_choose_w>div .abstract>p{
    width: 400px; height: auto;
    font-size: 20px; line-height: 34px; color: #4a4a4a;
}
.i_choose_c .i_choose_w>div .modal{
    width: 480px; height: 240px;
    display: inline-block;
    position: relative;
}
.i_choose_c .i_choose_w>div .modal>img{
    width: 100%; height: auto;
    display: block;
}
.i_choose_c .i_choose_w>div .modal>p{
    width: 178px; height: auto;
    display: block;
    text-align: justify;
    font-size: 24px; line-height: 40px; color: #4a4a4a; font-weight: 500;
    position: absolute; left: 20px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;
    top: 60px;
}
.i_choose_c .i_choose_w>div .modal.modal_r>p{
    position: absolute; right: 20px; left: auto;
}
.i_choose_c .i_choose_w>div .modal .choose_video{
    width: 100%; height: 100%;
    display: none;
    position: absolute; top: 0; left: 0;
}
.i_choose_c .i_choose_w>div .modal .btn_play{
    width: 56px; height: 56px;
    border-radius: 50%;
    background: url(../img/play.png) no-repeat;
    background-size: 18.3px;
    background-position: center;
    background-color: #f6c800;
    position: absolute; left: 50%; top: 50%;
    margin-left: -28px; margin-top: -28px;
    cursor: pointer;
}
/*预加载*/
.i_choose_c .i_choose_w>div .modal .btn_play:after{
    display: none;
    background: url(../img/play_c.png) no-repeat;
}
.i_choose_c .i_choose_w>div .modal .btn_play:hover{
    background: url(../img/play_c.png) no-repeat;
    background-size: 18.3px;
    background-position: center;
    background-color: #fff;
}

/*知慧课程*/
.i_course_c{
    width: 100%; height: auto;
    background: url(../img/i_bg2.png) no-repeat;
    background-size: 100%;
    background-position: center top;
    overflow-y: hidden;
}
.i_course_c .i_course_w{
    width: 1220px; height: auto;
    margin: 0 auto; margin-top: 60px; margin-bottom: 56px;
}
.i_course_c .i_course_w .title{
    width: 100%; height: auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-bottom: 35px;
    /*text-align: center;*/
}
.i_course_c .i_course_w .intro{
    width: 900px; height: auto;
    /*margin: 0 auto;*/
    font-family: 'DINRegular';
    font-size: 20px; line-height: 34px; color: #4a4a4a;
    /*text-align: center;*/
    margin-bottom: 60px;
}
.i_course_c .i_course_w .i_course{
    width: 100%; height: auto;
}
.i_course_c .i_course_w .i_course .swiper-slide{
    width: 100%; height: auto;
}
.i_course_c .i_course_w .i_course .swiper-slide .list{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li{
    width: 230px; height: auto;
    display: inline-block;
    margin-right: 18px;
    float: left;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li:nth-child(2n){
    margin-right: 17px;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li:last-child{
    margin-right: 0;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li .top{
    width: 100%; height: 106px;
    background: url(../img/label_bg2.png) no-repeat;
    background-size: 100%;
    color: #fff; text-align: center;
    overflow-y: hidden;
    margin-bottom: -18px;
    position: relative; z-index: 1;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li .top h1{
    font-size: 18px; line-height: 22px;
    font-weight: 500;
    margin-top: 22px;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li .top span{
    font-size: 14px; line-height: 22px;
    font-family: 'DINRegular';
    display: block;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li .bottom{
    width: 100%; height: 200px;
}
.i_course_c .i_course_w .i_course .swiper-slide .list>li .bottom>img{
    width: 100%; height: 200px; display: block;
}

.i_course_c .i_course_w .i_course_arr,
.i_center_c .i_center_w .i_center_arr,
.i_stuword_c .i_stuword_w .i_stuword_arr{
    width: 100%; height: 44px;
    position: relative;
    margin-top: 66px;
}
.i_course_c .i_course_w .i_course_arr .i_course_prev,
.i_center_c .i_center_w .i_center_arr .i_center_prev,
.i_stuword_c .i_stuword_w .i_stuword_arr .i_stuword_prev{
    width: 33px; height: 44px;
    cursor: pointer;
    background: url(../img/prev.png) no-repeat;
    background-size: 100%;
    position: absolute; left: 50%; margin-left: -83px;
}
.i_course_c .i_course_w .i_course_arr .i_course_next,
.i_center_c .i_center_w .i_center_arr .i_center_next,
.i_stuword_c .i_stuword_w .i_stuword_arr .i_stuword_next{
    width: 33px; height: 44px;
    cursor: pointer;
    background: url(../img/next.png) no-repeat;
    background-size: 100%;
    position: absolute; left: 50%; margin-left: 50px;
}

/*知慧中心*/
.i_center_c{
    width: 100%; height: auto;
    min-width: 1220px;
    background: url(../img/i_bg3.png) no-repeat;
    background-size: 1040px auto;
    background-position: center;
    background-color: #F9F9F9;
    overflow-y: hidden;
}
.i_center_c .i_center_w{
    width: 1220px; height: auto;
    margin: 80px auto 59px auto;
}
.i_center_c .i_center_w .title>h1{
    width: 100%; height: auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-bottom: 35px;
}
.i_center_c .i_center_w .title .h1{
    width: 100%; height: auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-bottom: 35px;
}
.i_center_c .i_center_w .title>p{
    width: 660px; height: auto;
    font-size: 20px; line-height: 34px; color: #4a4a4a;
    margin-bottom: 40px;
}
.i_center_c .i_center_w .conn{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_center_c .i_center_w .conn .i_center,
.i_center_c .i_center_w .conn .i_center .swiper-slide{
    width: 100%; height: auto;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide{
    overflow-y: hidden;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide .list{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide .list>li{
    width: 360px; height: auto;
    margin-right: 40px;
    display: inline-block;
    float: left;
    margin-bottom: 60px;
    position: relative;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide .list>li:last-child{
    margin-right: 0;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide .list>li>a>img{
    width: 100%; height: auto;
    display: block;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide .list+.list>li:first-child{
    margin-left: 60px;
}
.i_center_c .i_center_w .conn .i_center .swiper-slide .list>li>a>.btn_addr{
    width: 120px; height: 50px; line-height: 50px;
    display: block;
    background: url(../img/addr_label.png) no-repeat;
    background-size: 100%;
    background-position: center;
    font-size: 18px; font-weight: 500; color: #fff;
    padding: 0 15px;
    position: absolute; left: 20px; bottom: -25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.i_center_c .i_center_w .i_center_arr{
    margin-top: 26px;
}
.i_round_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
    background-color: #fff;
}
.i_round_c .i_round_w{
    width: 1220px; height: auto;
    margin: 80px auto 67px auto;
    overflow-y: hidden;
}
.i_round_c .i_round_w .title{
    width: 100%; height: auto; line-height: 40px;
    font-size: 32px; color: #000f30; font-weight: 500;
}
.i_round_c .i_round_w .title .btn_more{
    width: 180px; height: 40px; line-height: 40px;
    float: right;
    font-size: 14px; font-weight: 500; color: #fff;
    font-family: 'DINMedium'; text-align: center;
    background: url(../img/arr_r4.png) no-repeat;
    background-size: 7px;
    background-position: right 17px center;
    background-color: #f6c800;
}
.i_round_c .i_round_w .list{
    width: 100%; height: auto;
    margin-top: 30px;
    overflow-y: hidden;
}
.i_round_c .i_round_w .list>li{
    width: 380px; height: auto;
    margin-right: 40px;
    display: inline-block; float: left;
}
.i_round_c .i_round_w .list>li:last-child{
    margin-right: 0;
}
.i_round_c .i_round_w .list>li>a{
    width: 100%; height: auto;
    display: block;
}
.i_round_c .i_round_w .list>li>a>img{
    width: 100%; height: auto;
    display: block;
}
.i_round_c .i_round_w .list>li>a>h1{
    width: 100%; height: auto;
    margin-top: 20px;
    font-size: 16px; color: #444444; font-weight: 500;
    overflow-y: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.i_round_c .i_round_w .list>li>a>p{
    width: 100%; height: 44px;
    margin-top: 18px;
    font-size: 14px; color: #444444; /*
    font-weight: 300;*/
    line-height: 22px; text-align: justify;
    font-family: 'DINRegular';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.i_round_c .i_round_w .list>li>a>span{
    width: 100%; height: auto;
    margin-top: 30px;
    font-size: 14px; color: #00a59a; /*
    font-weight: 300;*/
    line-height: 26px;
    display: block;
}

/*领取攻略*/
.i_apply_c{
    width: 100%; height: 80px; min-width: 1220px;
    background-color: #00a59a;
    position: fixed; bottom: 0; left: 0;
    z-index: 9;
    display: none;
}
.i_apply_w{
    width: 799px; height: auto; line-height: 80px;
    overflow-y: hidden;
    font-size: 26px; color: #fff;
    margin: 0 auto;
}
.i_apply_w .btn_apply{
    width: 220px; height: 50px;
    border-radius: 50px; line-height: 50px;
    text-align: center; font-size: 18px; color: #fff; font-weight: 500;
    background-color: #f6c800;
    float: right; margin-top: 15px;
    cursor: pointer;
}

/*领取攻略弹窗*/
.i_apply_shadow{
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute; top: 0; left: 0;
    /*z-index: 10;*/
    display: none;
}
.i_apply_toast{
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed; top: 0; left: 0;
    z-index: 10;
    display: none;
}
.i_apply_toast .conn{
    width: 100%; height: auto; min-width: 1220px;
    background: url(../img/i_bg4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute; bottom: 0; left: 0;
}
.i_apply_toast .conn .conn_w{
    width: 1220px; height: auto;
    margin: 0 auto; position: relative;
    padding: 2.1vw 0 4.4vw 0;
}
.i_apply_toast .conn .conn_w .apply_toast_close{
    width: 2.6vw; height: auto;
    display: block;
    cursor: pointer;
    position: absolute; right: 354px; top: -4.2vw;
}
.i_apply_toast .conn .conn_w .register_c{
    width: 740px; height: auto;
    background: url(../img/apply_toast_bg.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    padding: 2.9vw 0 2.9vw 0;
    position: relative;
}
.i_apply_toast .conn .conn_w .register_c .register_w{
    width: 640px;
    margin: 0 auto;
}
.i_apply_toast .conn .conn_w .register_c .register_w .title{
    width: 100%; height: auto;
    font-size: 31px; color: #fff; font-weight: 500;
    margin-bottom: 40px;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table{
    width: 570px; height: auto;
    margin: 0 auto;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table tr{
    width: 100%; height: auto;
    display: block; overflow-y: hidden;
    margin-bottom: 15px;
    margin-bottom: !0;
    color: #4a4a4a;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td{
    width: 260px; height: 42px;
    display: inline-block;
    margin-right: 50px;
    float: left; overflow-y: hidden;
    position: relative;
    margin-bottom: !15px;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td:last-child{
    margin-right: 0;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td input,
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td select{
    width: 218px; height: 40px; line-height: 40px;
    border: 0;
    background-color: #fff;
    padding: 0 20px; outline: none;
    border: 1px solid #dcb300;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td select{
    width: 260px; color: #4a4a4a;
    background: url(../img/arr_d2.png) no-repeat;
    background-size: 12px;
    background-position: right 20px center;
    background-color: #fff;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td span{
    position: absolute; top: 0px; left: 20px;
    line-height: 42px;
    font-size: 14px;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td .input_code{
    width: 108px; float: left; display: inline-block;
    position: relative;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td .input_code>input{
    width: 100%;
}
.i_apply_toast .conn .conn_w .register_c .register_w .reg_table td input.btn_getCode{
    width: 100px; height: 42px; line-height: 42px; border: 0;
    background-color: #00a59a;
    font-size: 14px; color: #fff; font-weight: 500;
    text-align: center;
    float: right;
    padding: 0; cursor: pointer;
}
.i_apply_toast .conn .conn_w .register_c .register_w .rule{
    width: 545px; margin: 0 auto;
    padding-left: 25px;
    font-size: 12px; color: #fff; font-weight: 500;
    line-height: 18px;
    position: relative;
    cursor: pointer;
}
.i_apply_toast .conn .conn_w .register_c .register_w .rule:before{
    content: ' '; display: block;
    position: absolute; left: 0; top: 0;
    width: 16px; height: 16px; border-radius: 50%;
    background-color: #fff;
    border: 1px solid #dcb300;
}
.i_apply_toast .conn .conn_w .register_c .register_w .rule.rule_active:before{
    width: 10px; height: 10px; border-radius: 50%;
    background-color: #F7C901;
    box-shadow: 0 0 1px #F7C901;
    border: 3px solid #fff;
}
.i_apply_toast .conn .conn_w .register_c .register_w .btn_apply{
    width: 260px; height: 50px; line-height: 50px;
    text-align: center; font-size: 18px; font-weight: 500; color: #fff;
    background-color: #00a59a;
    position: absolute;  bottom: -25px; left: 50%; margin-left: -130px;
    cursor: pointer;
}

/*英语阅读启蒙*/
.emerg_banner_c{
    width: 100%; height: auto; min-width: 1220px;
    position: relative; overflow-y: hidden;
    background-color: #fff;
}
.emerg_banner_c .banner{
    width: 100%; height: auto;
    display: block;
}
.emerg_banner_c .circle_c{
    overflow-y: hidden;
}
.emerg_banner_c .circle_c:after{
    width: 100%; height: 4px;
    content: ' '; display: block;
    background-color: #fff;
    position: absolute; bottom: -2px;
}
.emerg_banner_c .circle_c>div{
    background-color: #fff;
    z-index: 1;
}

/*英语阅读启蒙*/
.emerg_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
}
.emerg_c .emerg_w{
    width: 1220px; height: auto;
    margin: 20px auto 60px auto;
}
.emerg_c .emerg_w .modal{
    width: 870px; height: auto;
}
.emerg_c .emerg_w .modal .title{
    width: 100%; height: auto;
    font-size: 22px; font-family: 'DINRegular'; color: #4a4a4a;
    line-height: 28px;
    margin-bottom: 50px;
}
.emerg_c .emerg_w .modal .title>h1{
    width: 100%; height: auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    line-height: 45px;
    font-family: 'DINRegular';
}
.emerg_c .emerg_w .modal .list{
    width: 100%; height: auto;
}
.emerg_c .emerg_w .modal .list>li{
    width: 100%; min-height: 25px;
    overflow-y: hidden;
    margin-bottom: 25px;
}
.emerg_c .emerg_w .modal .list>li .label{
    font-size: 18px; line-height: 25px; font-weight: 500;
    color: #4a4a4a;
    display: inline-block;
    border-bottom: 3px solid #F6C800;
    float: left;
    /*margin-top: 10px;*/
}
.emerg_c .emerg_w .modal .list>li .intro{
    width: 753px;
    font-size: 16px; color: #4a4a4a; line-height: 25px;
    display: inline-block;
    margin-left: 15px;
}
.emerg_c .emerg_w .modal .list>li .intro2{
    width: 800px;
    font-size: 16px; color: #4a4a4a; line-height: 25px;
    display: inline-block;
    margin-left: 30px;
}

.emerg_c .emerg_w .modal .list>li .intro3{
    width: 800px;
    font-size: 16px; color: #4a4a4a; line-height: 25px;
    display: inline-block;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: 'DINRegular';
}
.emerg_c .emerg_w .modal .intro4{
    background: url(../img/ll.png) no-repeat;
    /*background-size: 1220px;*/
    background-position: left bottom;
    background-color: #f9f9f9;
}
.emerg_c .emerg_w .modal .emerg_pic{
    width: 100%; height: auto;
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
}
.emerg_c .emerg_w .modal .emerg_pic2{
    width: 100%; height: auto;
    display: block;
    margin-top: 15px;
    background-color: #f9f9f9;
    /*margin-bottom: 20px;*/
}
.emerg_c .emerg_w .modal .step_ul{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 40px;
}
.emerg_c .emerg_w .modal .step_ul>li{
    width: 240px; height: 280px;
    background: url(../img/emerg_stage.png) no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 75px;
    position: relative;
}
.emerg_c .emerg_w .modal .step_ul>li:after{
    width: 33px; height: 44px;
    content: ' '; display: block;
    background: url(../img/next.png) no-repeat;
    background-size: 100%;
    position: absolute; top: 50%; margin-top: -22px; right: -55px;
}
.emerg_c .emerg_w .modal .step_ul>li:last-child{
    margin-right: 0;
}
.emerg_c .emerg_w .modal .step_ul>li:last-child:after{
    display: none;
}
.emerg_c .emerg_w .modal .step_ul>li>h1{
    width: 100%; height: auto;
    padding-top: 20px;
    font-size: 22px; color: #fff; text-align: center;
    margin-bottom: 45px;
    font-weight: normal;
}
.emerg_c .emerg_w .modal .step_ul>li>h1>span{
    width: 100%; height: auto;
    display: block;
    font-size: 18px; font-family: 'DINBlack'; font-weight: 900;
    margin-top: 10px;
}
.emerg_c .emerg_w .modal .step_ul>li>table{
    width: 207px; height: auto;
    margin: 0 auto;
}
.emerg_c .emerg_w .modal .step_ul>li>table tr{
    width: 100%; height: auto;
    display: block;
    margin-bottom: 15px;
}
.emerg_c .emerg_w .modal .step_ul>li>table tr th{
    width: 80px; height: auto;
    font-size: 16px; color: #4a4a4a; font-weight: 500;
}
.emerg_c .emerg_w .modal .step_ul>li>table tr td{
    width: 127px; height: auto;
    font-size: 14px; color: #4a4a4a;
    line-height: 24px;
}

/*学生证词*/
.emerg_words{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
    background-color: #f9f9f9;
}
.emerg_words .emerg_words_w{
    width: 1220px; height: auto;
    margin: 60px auto;
}
.emerg_words .emerg_words_w .title{
    font-size: 32px; font-weight: 500;
    color: #000f30;
    margin-bottom: 40px;
}
.emerg_words .emerg_words_w .words_list{
    width: 870px; height: auto;
    overflow-y: hidden;
}
.emerg_words .emerg_words_w .words_list>li{
    width: 810px; height: 230px;
    background: url(../img/emerg_bg2.png) no-repeat;
    background-size: 100%;
    float: left; display: block;
    margin-right: 30px;
    padding: 0 30px;
    overflow-y: hidden;
}
.emerg_words .emerg_words_w .words_list>li:last-child{
    margin-right: 0;
}
.emerg_words .emerg_words_w .words_list>li .left{
    width: 80px; height: auto;
    margin-right: 28px;
    float: left; display: inline-block;
    margin-top: 40px;
}
.emerg_words .emerg_words_w .words_list>li .right{
    width: 700px; height: 100%;
    overflow-y: hidden;
}
.emerg_words .emerg_words_w .words_list>li .right>h1{
    font-size: 20px; color: #444444;
    font-weight: 500;
    margin-top: 50px; margin-bottom: 15px;
}
.emerg_words .emerg_words_w .words_list>li .right>p{
    width: 100%; height: auto;
    font-size: 12px; color: #444444;/*
    font-weight: 300;*/
    line-height: 24px;
}

.scroll_register{
    width: 320px; height: auto;
    /*position: fixed; top: 320px; right: calc(calc(100% - 1220px) / 2);*/
    z-index: 2;
}
.scroll_register .register_c{
    width: auto; height: auto;
    background: url(../img/apply_bg.png) no-repeat;
    background-size: 100% auto;
}
.scroll_register .register_c .register_w{
    width: 260px; height: auto;
    padding: 37px 30px 30px 30px;
    background: linear-gradient(to bottom, transparent 30%, #00A59A 70%);
}
.scroll_register .register_c .title{
    width: 100%; height: auto;
    font-size: 26px; color: #fff; text-align: center; font-weight: 500;
    position: relative;
    margin-bottom: 31px;
}
.scroll_register .register_c .title>span{
    display: block;
    font-size: 16px;
    margin-top: 14px;
}
.scroll_register .register_c .title:after{
    content: ' '; display: block;
    width: 8px; height: 6px;
    background: url(../img/arr_t1.png) no-repeat;
    background-size: 100%;
    position: absolute; bottom: -18px; left: 50%; margin-left: -4px;
}
.scroll_register .register_c .table{
    width: 100%; height: auto;
}
.scroll_register .register_c .table tr{
    width: 100%; height: auto;
    margin-bottom: 18px;
    margin-bottom: !0px;
    overflow-y: hidden;
    display: block;
}
.scroll_register .register_c .table tr input,
.scroll_register .register_c .table tr select{
    width: calc(100% - 40px); height: 40px; padding: 0 20px;
    background-color: #DAF4F1;
    border: 0;
    font-size: 14px; font-weight: 500; color: #00a59a;
    outline: none;
    margin-bottom: 16px;
}
.scroll_register .register_c .table tr input::-webkit-input-placeholder,
.scroll_register .register_c .table tr input::-moz-placeholder{
    font-size: 14px; font-weight: 500; color: #00a59a;
}
.scroll_register .register_c .table tr select{
    width: 100%;
    background: url(../img/arr_d1.png) no-repeat;
    background-size: 12px;
    background-position: right 1vw center;
    background-color: #DAF4F1;
}
.scroll_register .register_c .table tr td{
    width: 100%; height: 40px;
    display: inline-block;
    font-size: 14px; font-weight: 500; color: #00a59a;
    position: relative;
    overflow-y: hidden;
}
.scroll_register .register_c .table tr td>input{
    float: left;
}
.scroll_register .register_c .table tr td+td{
    margin-left: 6px;
    float: right;
}
.scroll_register .register_c .table tr td+td>input{
    float: right;
}
.scroll_register .register_c .table tr td>input.stu_code{
    width: 110px;
}
.scroll_register .register_c .table td>span{
    position: absolute; top: 0px; left: 20px;
    line-height: 42px;
}
.scroll_register .register_c .table td .btn_getCode{
    width: 100%; height: 40px;
    cursor: pointer; text-align: center;
    padding: 0;
    background-color: #F6C800; color: #fff;
}
.scroll_register .rule{
    width: calc(100% - 20px);
    padding-left: 20px;
    font-size: 12px; color: #daf4f1; font-weight: 500;
    line-height: 20px;
    position: relative;
    cursor: pointer;
}
.scroll_register .rule:before{
    content: ' '; display: block;
    position: absolute; left: 0; top: 4px;
    width: 12px; height: 12px; border-radius: 50%;
    background-color: #DAF4F1;
}
.scroll_register .rule.rule_active:before{
    width: 8px; height: 8px; border-radius: 50%;
    background-color: #F7C901;
    border: 2px solid #DAF4F1;
}

.scroll_register .btn_apply{
    width: 100%; height: 46px; line-height: 46px;
    font-size: 16px; text-align: center; font-weight: 500; color: #fff;
    border: 0; outline: none;
    background-color: #F6C800;
    margin-top: 20px;
    cursor: pointer;
}

.tech_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
}
.tech_c .tech_w{
    width: 1220px; height: auto;
    margin: 30px auto 50px auto;
}
.tech_c .tech_w>div{
    width: 870px; height: auto;
    position: relative;
}
.tech_c .tech_w>div .left{
    width: 680px; height: 410px;
    overflow-y: hidden;
    background: url(../img/tess_bg1.png) no-repeat;
    background-size: 100%;
}
.tech_c .tech_w>div .left .conn{
    width: 400px; height: auto;
    margin-top: 65px; margin-left: 60px;
    color: #fff;
}
.tech_c .tech_w>div .left .conn>h1{
    font-size: 32px; color: #fff; font-weight: 500;
    margin-bottom: 27px;
}
.tech_c .tech_w>div .left .conn>p{
    font-size: 20px; color: #fff;
    line-height: 34px;
    margin-bottom: 20px;
    text-align: justify;
}
.tech_c .tech_w>div .right{
    width: 330px; height: 330px;
    position: absolute; right: 0; top: 36px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.tech_c .tech_w>div .right>img{
    width: 100%; height: auto;
    display: block;
}

.tech_video_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
    background-color: #f9f9f9;
}
.tech_video_c .tech_video_w{
    width: 1220px; height: auto;
    margin: 50px auto 90px auto;
}
.tech_video_c .tech_video_w .tvideo_list{
    width: 870px; height: auto;
    overflow: hidden;
}
.tech_video_c .tech_video_w .tvideo_list>li{
    width: 260px; height: auto;
    display: inline-block; float: left;
    margin-right: 45px; margin-bottom: 30px;
    background-color: #fff;
}
.tech_video_c .tech_video_w .tvideo_list>li:nth-child(3n){
    margin-right: 0;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top{
    width: 100%; height: 200px;
    position: relative; overflow-y: hidden;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top>img{
    width: 100%; height: auto; display: block;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top .btn_play{
    width: 43.3px; height: 43.3px; border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    animation: opacity_1 1s infinite linear both;
    position: absolute; top: 50%; margin-top: -34.65px; left: 50%; margin-left: -34.65px;
    cursor: pointer;
    padding: 13.3px;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top .btn_play>div{
    width: 100%; height: 100%; border-radius: 50%;
    background: url(../img/play.png) no-repeat;
    background-size: 16px;
    background-position: center;
    background-color: #f6c800;
}
/*预加载*/
.tech_video_c .tech_video_w .tvideo_list>li>.top .btn_play>div:after{
    content: ' '; display: none;
    width: 1px; height: 1px;
    background: url(../img/play_c.png) no-repeat;
    position: absolute; top: 0; left: 0;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top .btn_play:hover>div{
    background: url(../img/play_c.png) no-repeat;
    background-size: 16px;
    background-position: center;
    background-color: #fff;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top .circle_c{
    width: 260px; min-width: 260px;
    height: 18px; overflow-y: hidden;
}
.tech_video_c .tech_video_w .tvideo_list>li>.top .circle_c>div{
    width: 53.7%; background: #fff;
}
.tech_video_c .tech_video_w .tvideo_list>li>.bottom{
    width: 100%; height: 68px;
    display: flex; align-items: center;
}
.tech_video_c .tech_video_w .tvideo_list>li>.bottom .title{
    width: 233px; height: auto;
    font-size: 14px; color: #4a4a4a; text-align: center;
    margin: 0 auto; line-height: 20px;
}
.my_pagination{
    width: 870px; height: auto;
    display: flex; align-items: center; justify-content: center;
    margin-top: 30px;
}
.my_pagination>img{
    width: 15px; height: auto;
    display: block; cursor: pointer;
}
.my_pagination>.num{
    width: auto; height: 36px;
    display: flex; align-items: center;
    margin: 0 24px;
}
.my_pagination>.num>li{
    width: 36px; height: 36px; line-height: 36px;
    text-align: center; font-size: 20px; font-weight: 600;
    color: #444;
    cursor: pointer;
    margin: 0 8px;
}
.my_pagination>.num>li.active{
    background-color: #f6c800; color: #fff;
}

/*视频弹窗*/
.video_toast{
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 11;
    background-color: rgba(0, 0, 0, .3);
    display: none;
}
.video_toast .video_c{
    width: 1100px; height: auto;
    position: absolute; left: 50%; margin-left: -550px; top: 50%; margin-top: -260px;
}
.video_toast .video_c .video_toast_close{
    width: 50px; height: auto; display: block;
    position: absolute; right: 0; top: -70px;
    cursor: pointer;
}
.video_toast .video_c .video_w{
    width: 100%; height: auto;
}
.video_toast .video_c .video_w>video{
    width: 100%; height: auto;
    display: block;
}

/*父母成长俱乐部*/
.club_c{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.club_c .club_w{
    width: 1220px; height: auto;
    margin: 0 auto; overflow-y: hidden;
}
.club_c .club_w .title{
    width: 870px; height: auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-top: 20px; margin-bottom: 30px;
}
.club_c .club_w>p{
    width: 870px; height: auto;
    font-size: 20px; color: #4a4a4a; line-height: 34px;
    text-align: justify;
    margin-bottom: 20px;
}

/*新闻动态*/
.club_news_c{
    width: 100%; height: auto;
    overflow-y: hidden;
    background-color: #f9f9f9;
}
.club_news_c .club_news_w{
    width: 1220px; height: auto;
    margin: 40px auto 84px auto;
}
.club_news_c .club_news_w .cNews_list{
    width: 870px; height: auto;
    overflow: hidden;
}
.club_news_c .club_news_w .cNews_list>li{
    width: 270px; height: auto;
    display: flex; float: left;
    margin-right: 30px; margin-bottom: 40px;
}
.club_news_c .club_news_w .cNews_list>li:nth-child(3n){
    margin-right: 0;
}
.club_news_c .club_news_w .cNews_list>li>a{
    width: 100%; height: auto;
    display: block;
}
.club_news_c .club_news_w .cNews_list>li>a>img{
    width: 100%; height: auto;
    display: block; margin-bottom: 20px;
}
.club_news_c .club_news_w .cNews_list>li>a>p{
    width: 100%; height: 40px; line-height: 20px;
    font-size: 14px; font-weight: 500; color: #444444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*详情*/
.detail_c{
    width: 100%; height: auto;
    background-color: #fff;
    overflow-y: hidden;
}
.detail_c .detail_w{
    width: 1220px; height: auto;
    margin: 36px auto 54px auto;
}
.detail_c .detail_w .d_addr{
    width: 854px; height: auto; line-height: 26px;
    padding-left: 16px;
    background: url(../img/arr_r3.png) no-repeat;
    background-size: 6px;
    background-position: left center;
}
.detail_c .detail_w .d_addr>a{
    font-size: 12px; color: #9b9b9b;
    margin-right: 20px;
    position: relative;
}
.detail_c .detail_w .d_addr>a:after{
    content: ' '; display: block;
    width: 1px; height: 14px; background-color: #9b9b9b;
    position: absolute; right: -10px; top: 50%; margin-top: -7px;
}
.detail_c .detail_w .d_addr>a:last-child:after{
    display: none;
}
.detail_c .detail_w  .conn{
    width: 870px; height: auto;
    margin-top: 24px;
}
.detail_c .detail_w  .conn>h1{
    width: 100%; height: auto;
    font-size: 24px; color: #000f30; font-weight: 500;
    text-align: center;
}
.detail_c .detail_w  .conn>h2{
    width: 100%; height: auto; line-height: 26px;
    font-size: 16px; color: #4a4a4a; text-align: center;
    margin-top: 10px;
}
.detail_c .detail_w  .conn>img{
    width: 100%; height: auto;
    display: block; margin-top: 40px;
}
.detail_c .detail_w .conn{
    font-size: 14px; line-height: 26px; color: #4a4a4a;
    text-align: justify;
}
.detail_c .detail_w .conn .intro{
    margin-top: 30px;
}
.detail_c .detail_w .conn .intro>p{
    margin-top: 20px;
}

/*知慧好文*/
.article_c{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.article_c .article_w{
    width: 1220px; height: auto;
    margin: 20px auto 80px auto;
}
.article_c .article_w .title{
    width: 870px; height: auto;
    margin-bottom: 50px;
    font-size: 32px; color: #000f30; font-weight: 500;
}
.article_c .article_w .article_list{
    width: 870px; height: auto; overflow-y: hidden;
    margin-bottom: 40px;
}
.article_c .article_w .article_list>li{
    width: 100%; height: auto;
    margin-bottom: 40px;
}
.article_c .article_w .article_list>li>a{
    width: 100%; height: auto;
    display: block; overflow-y: hidden;
}
.article_c .article_w .article_list>li>a .left{
    width: 285px; height: auto;
    display: inline-block; float: left;
}
.article_c .article_w .article_list>li>a .left>img{
    width: 100%; height: 100%;
    display: block;
}
.article_c .article_w .article_list>li>a .right{
    width: 545px; height: auto;
    display: inline-block; float: right;
}
.article_c .article_w .article_list>li>a .right>h1{
    width: 100%; height: 25px; line-height: 25px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    font-size: 18px; color: #444444; font-weight: 500;
    margin-bottom: 17px;
}
.article_c .article_w .article_list>li>a .right>p{
    width: 100%; height: 66px; line-height: 22px;
    font-size: 12px; color: #444444; /*
    font-weight: 300;*/
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.article_c .article_w .article_list>li>a .right>span{
    width: 100%; height: 26px; line-height: 26px;
    font-size: 14px; color: #00a59a; /*
    font-weight: 300;*/
    display: block;
}

/*新闻动态页面*/
.news_list{
    width: 870px; height: auto;
    overflow-y: hidden;
}
.news_list>li{
    width: 380px; height: auto;
    display: inline-block; float: left;
    margin-right: 70px; margin-bottom: 50px;
}
.news_list>li:nth-child(2n){
    margin-right: 0;
}
.news_list>li>a{
    width: 100%; height: auto;
    display: block;
}
.news_list>li>a>img{
    width: 100%; height: auto;
    display: block;
}
.news_list>li>a .intro{
    width: 100%; height: auto;
    margin-top: 26px;
}
.news_list>li>a .intro>h1{
    width: 100%; height: 22px; line-height: 22px;
    font-size: 16px; color: #444444; font-weight: 500;
    white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.news_list>li>a .intro>p{
    width: 100%; height: 44px; line-height: 22px;
    font-size: 12px; color: #444444; /*
    font-weight: 300;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 26px;
}
.news_list>li>a .intro>span{
    width: 100%; height: 26px; line-height: 26px;
    font-size: 14px; color: #00a59a; /*
    font-weight: 300;*/
    display: block;
}

/*校区分布*/
.distri_c{
    width: 100%; height: auto;
    overflow: hidden;
}
.distri_c .distri_w{
    width: 1220px; height: auto;
    margin: 40px auto;
}
.distri_c .distri_w .axis_c{
    width: 870px; height: auto;
    border-bottom: 3px solid #f6c800;
    margin-bottom: 56.5px;
}
.distri_c .distri_w .axis_c .axis_list>li{
    width: 110px; height: 53px; line-height: 46px;
    cursor: pointer;
    display: inline-block; margin-bottom: 14.5px;
    font-size: 22px; color: #000f30; font-weight: 500;
    text-align: center;
    margin-right: 29px;
    position: relative;
}
.distri_c .distri_w .axis_c .axis_list>li:first-child{
    margin-left: 24px;
}
.distri_c .distri_w .axis_c .axis_list>li:last-child{
    margin-right: 0;
}
.distri_c .distri_w .axis_c .axis_list>li:after{
    content: ' '; display: block;
    width: 11px; height: 11px; border-radius: 50%;
    background-color: #fff;
    border: 3px solid #f6c800;
    position: absolute; left: 50%; margin-left: -8.5px; bottom: -25px;
}
.distri_c .distri_w .axis_c .axis_list>li.active{
    background: url(../img/distri_bg.png) no-repeat;
    background-size: 100%;
    color: #fff;
}

.area_list{
    width: 870px; height: auto;
}
.area_list>li{
    width: 100%; height: auto;
    background: url(../img/area_bg.png) no-repeat;
    background-size: 50px;
    background-position: right top;
    background-color: #f9f9f9;
    overflow-y: hidden;
    margin-bottom: 40px;
    padding: 10px 0;
}
.area_list>li .left{
    width: 430px; height: 260px;
    float: left;
    margin-left: 10px;
}
.area_list>li .left>a{
    width: 100%; height: 100%;
    display: block;
}
.area_list>li .left>a>img{
    width: 100%; height: 100%;
    display: block;
}
.area_list>li .right{
    width: 370px; height: 260px;
    margin-left: 30px;
    display: inline-block;
    position: relative;
    overflow-y: hidden;
}
.area_list>li .right{
    width: 370px; height: 260px;
    margin-left: 30px;
    display: inline-block;
    position: relative;
    overflow-y: hidden;
}
.area_list>li .right>h1{
    font-size: 24px; color: #000f30; font-weight: 500;
    line-height: 5px;
    border-bottom: 10px solid #F6C800;
    display: inline-block;
    margin-top: 70px;
    margin-bottom: 30px;
}
.area_list>li .right>p{
    width: 100%; height: auto; line-height: 25px;
    font-size: 18px; color: #4a4a4a;
    margin-bottom: 10px;
}

.area_list>li .right>a{
    font-size: 14px; color: #00a59a;
    position: absolute; bottom: 20px; left: 0;
}

/*加入我们*/
/*about us*/
.about_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
}
.about_c .about_w{
    width: 1220px; height: auto;
    margin: 21px auto 0 auto;
    overflow-y: hidden;
}
.about_c .about_w .left{
    width: 795px; height: auto;
    display: inline-block;
    float: left;
}
.about_c .about_w .left .title{
    font-size: 32px; font-weight: 500; color: #000f30;
    margin-bottom: 30px;
}
.about_c .about_w .left .intro{
    width: 100%; height: auto; line-height: 30px;
    font-size: 18px; color: #4a4a4a; text-align: justify;
    font-family: 'DINRegular';
}
.about_c .about_w .left .intro>p{
    margin-bottom: 20px;
    font-family: 'DINRegular';
}
.about_c .about_w .right{
    width: 400px; height: auto;
    display: inline-block;
    float: left; margin-left: 25px;
}
.about_c .about_w .right .table{
    width: 100%; height: auto;
}
.about_c .about_w .right .table .tr{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.about_c .about_w .right .table .tr>div{
    width: 200px; height: 200px;
    display: inline-block; float: left;
    background-color: #f9f9f9;
    position: relative;
}
.about_c .about_w .right .table .tr>div>img{
    width: 200px; height: 200px;
    display: block;
}
.about_c .about_w .right .table .tr>div>p{
    font-size: 20px; color: #444; font-family: 'DINRegular';
    text-align: right;
    position: absolute; top: 72px; right: 30px;
    line-height: 28px;
}
.about_c .about_w .right .table .tr+.tr>div>p{
    font-size: 20px; color: #444; font-family: 'DINRegular';
    text-align: left;
    position: absolute; top: 72px; right: auto; left: 30px;
}

/*join us*/
.join_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
}
.join_c .join_w{
    width: 1220px; height: auto;
    padding: 60px 0 98.5px 0;
    margin: 0 auto;
    overflow-y: hidden;
    background: url(../img/join_bg.png) no-repeat;
    background-size: 784px;
    background-position: right top;
}
.join_c .join_w .title{
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-bottom: 19.5px; font-family: 'DINMedium';
}
.join_c .join_w .conn{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.join_c .join_w .conn .wrap{
    width: 870px; height: auto;
    display: inline-block; float: left;
}
.join_c .join_w .conn .wrap .join_list{
    width: 100%; height: auto;
    border-top: 1px solid #e8e8e8;
}
.join_c .join_w .conn .wrap .join_list>li{
    width: 100%; height: auto;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 26.5px;
}
.join_c .join_w .conn .wrap .join_list>li .title{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 26.5px;
    cursor: pointer;
}
.join_c .join_w .conn .wrap .join_list>li .title>span{
    font-size: 24px; font-weight: 500; color: #000f30;
    line-height: 10px; display: inline-block;
    border-bottom: 10px solid #F6C800;
    font-family: 'DINMedium';
}
.join_c .join_w .conn .wrap .join_list>li .title> .btn_toggle{
    width: 46px; height: 46px;
    display: inline-block; float: right;
    cursor: pointer;
    background: url(../img/plus.png) no-repeat;
    background-size: 17px;
    background-position: center;
    background-color: #f6c800;
    margin-right: 30px;
}
.join_c .join_w .conn .wrap .join_list>li .title> .btn_toggle:after{
    content: ' '; display: none; position: absolute;
    background: url(../img/close_s.png) no-repeat;
    background-size: 15px;
    background-position: center;
    background-color: #f6c800;
}
.join_c .join_w .conn .wrap .join_list>li .title.active> .btn_toggle{
    background: url(../img/close_s.png) no-repeat;
    background-size: 15px;
    background-position: center;
    background-color: #f6c800;
}
.join_c .join_w .conn .wrap .join_list>li .intro{
    width: 100%; height: auto;
    margin-top: 13.5px;
    margin-bottom: 30px;
    display: none;
}
.join_list>li .intro .job_infos{
    width: 797px; height: auto;
}
.join_list>li .intro .job_infos>li{
    width: 100%; height: auto;
    margin-bottom: 40px;
}
.join_list>li .intro .job_infos>li>p{
    font-size: 18px; font-weight: 600; color: #4a4a4a;
    margin-bottom: 20px; margin-top: 31px;
    font-family: 'DINRegular';
}
.join_list>li .intro .job_infos>li>.list{
    width: 747px; height: auto;
    margin-left: 50px;
    list-style-type: circle;
    overflow-x: visible;
}
.join_list>li .intro .job_infos>li>.list>li{
    list-style-type: disc; font-size: 14px;
    font-family: 'DINRegular'; line-height: 28px;
    text-align: justify; color: #4a4a4a;
}
.join_c .join_w .conn .wrap .join_list>li .intro .join_email{
    width: 100%; height: auto;
    font-size: 18px; color: #4a4a4a; font-weight: 600;
    font-family: 'DINBold';
}
.join_c .join_w .conn .wrap .join_list>li .intro .join_email>a{
    font-size: 18px; color: #00a59a; font-family: 'DINRegular';
    font-weight: normal;
}
.join_c .join_w .conn .join_nav_c{
    width: 160px; height: auto;
    display: inline-block; float: left;
    margin-left: 100px;
}
.join_c .join_w .conn .join_nav_c .join_nav{
    width: 160px; height: auto;
}
.join_c .join_w .conn .join_nav_c .join_nav>li{
    width: 100%; height: 40px;
    line-height: 40px;
    font-size: 22px; color: #000f30; font-weight: 500; text-align: center;
    font-family: 'DINMedium';
    margin-bottom: 8px;
    cursor: pointer;
}
.join_c .join_w .conn .join_nav_c .join_nav>li.active{
    color: #fff;
    background: url(../img/label.png) no-repeat;
    background-size: 100%;
}

/*瞄点*/
.cur_focus{
    position: relative;
}
.cur_focus>div{
    position: absolute; top: -134px;
}

/*设置1440以下导航栏样式*/
@media screen and (max-width: 1440px) {
    .nav_c{
        width: 100%; height: auto;
        position: fixed; top: 0; left: 0;
        z-index: 10;
        background-color: #fff;
    }
    .nav_c .nav_w{
        width: 1220px; height: 60px;  /*80px*/
        margin: 0 auto;
    }
    .nav_c .nav_w .nav_l{
        width: 197.25px; height: auto;
        display: inline-block;
        float: left;
        padding: 6px 0;
    }
    .nav_c .nav_w .nav_l>a>img{
        width: 100%; height: auto;
        display: block;
    }
    .nav_c .nav_w .nav_r{
        width: 72.442023%; height: auto;
        display: inline-block; float: right;
    }
    .nav_c .nav_w .nav_r .nav_list{
        width: 100%; height: auto;
    }
    .nav_c .nav_w .nav_r .nav_list>li{
        display: inline-block; float: left;
        width: auto; height: 48px; line-height: 48px;
        padding: 6px 0;
        cursor: pointer;
        margin: 0 30px;
    }
    .nav_c .nav_w .nav_r .nav_list>li>a{
        font-size: 16px; font-weight: 500; color: #1a1a1a;
    }
    .nav_c .nav_w .nav_r .nav_list>li.active>a{
        color: #00a59a; position: relative;
    }
    .nav_c .nav_w .nav_r .nav_list>li.active>a:after{
        content: ' '; display: block;
        width: 12px; height: 3px; background-color: #00a59a;
        position: absolute; left: 50%; margin-left: -6px; bottom: -8px;
    }

    .wrapper{
        width: 100%; height: auto;
        margin-top: 60px;  /* margin-top: 导航栏高度; */
    }
    .subMenu_c{
        top: 60px;
    }
    .nav_c .nav_w .nav_r .nav_list>li .sub_c{
        top: 60px;
    }
    .nav_c .nav_w .nav_r .nav_list>li .sub_c.sub5{
        top: 50px; left: -58px;
    }

    .cur_focus>div{
        top: -80px;
    }
}


/*加入我们新版设计稿样式*/
.careers_c{
    width: 100%; height: auto; min-width: 1220px;
    overflow-y: hidden;
}
.careers_c .careers_w{
    width: 1220px; height: auto;
    margin: 40px auto;
    position: relative;
}
.careers_c .careers_w .left{
    width: 780px; height: auto;
    background: url(../img/join_bg2.png) no-repeat;
    background-size: 100%;
    overflow-y: hidden;
}
.careers_c .careers_w .left .conn{
    width: 523px; height: auto;
    margin: 62px 204px 89px 53px;
}
.careers_c .careers_w .left .conn>h1{
    width: 100%; height: auto;
    font-size: 32px; color: #fff; font-family: 'DINMedium';
    font-weight: 500;
}
.careers_c .careers_w .left .conn>p{
    width: 100%; height: auto; line-height: 30px;
    font-size: 20px; color: #fff; font-family: 'DINRegular';
    text-align: justify;
    margin-top: 28px;
}
.careers_c .careers_w .right{
    width: 600px; height: auto;
    position: absolute; right: 0; top: 36px;
}
.careers_c .careers_w .right>img{
    width: 100%; height: auto;
}

.njoin_c{
    width: 100%; height: auto;
    overflow-y: hidden;
    background-color: #f9f9f9;
}
.njoin_c .njoin_w{
    width: 1220px; height: auto;
    margin: 40px auto;
    overflow-y: hidden;
}
.njoin_c .njoin_w .left{
    width: 976px; height: auto;
    display: inline-block; float: left;
    overflow-y: hidden;
}
.njoin_c .njoin_w .left>a{
    width: 488px; height: auto;
    display: inline-block;
    float: left;
}
.njoin_c .njoin_w .left>a>img{
    width: 100%; height: auto;
    display: block;
}
.njoin_c .njoin_w .right{
    width: 244px; height: auto;
    display: inline-block; float: right;
}
.njoin_c .njoin_w .right>a>img{
    width: 100%; height: auto;
    display: block;
}



/*20190304新增*/
.joinD1_conn{
    width: 100%; height: auto;
}
.joinD1_conn.gray_bg{
    background-color: #f9f9f9;
}
.joinD1_conn .wrap{
    width: 1220px; height: auto;
    overflow-y: hidden;
    margin: 0 auto;
}
.joinD1_conn .wrap .title_c{
    margin: 22px auto 49px auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-bottom: 33px; font-family: 'DINMedium';
}
.joinD1_conn .wrap .history_c{
    width: 100%; height: auto;
    position: relative;
    overflow-y: hidden;
    margin-bottom: 50px;
}
.joinD1_conn .wrap .history_c .left{
    width: 360px; height: auto;
    display: inline-block; float: left;
}
.joinD1_conn .wrap .history_c .left>img{
    width: 100%; height: auto;
    display: block;
}
.joinD1_conn .wrap .history_c .right{
    width: 735px; height: 360px;
    display: inline-block;
    background-color: #daf4f1;
}
.joinD1_conn .wrap .history_c .right .content{
    width: 537px; height: auto;
    margin-left: 59px;
}
.joinD1_conn .wrap .title{
    font-size: 24px; color: #000f30; font-weight: 500;
    font-family: 'DINMedium';
    border-bottom: 11px solid #f6c800;
    line-height: 11px;
    display: inline-block;
    margin-top: 44px;
}
.joinD1_conn .wrap .history_c .content>p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
    margin-top: 22px;
}
.joinD1_conn .wrap .history_c .owl{
    width: 208px; height: auto;
    display: block;
    position: absolute; right: 0; top: 0;
}
.joinD1_conn.philosophy_c .wrap{
    padding-bottom: 50px;
}
.joinD1_conn.philosophy_c .wrap .title{
    margin-top: 50px;
}
.joinD1_conn.philosophy_c .wrap p{
    width: 1100px;
    font-size: 14px; color: #4a4a4a; line-height: 24px;
    font-family: 'DINRegular';
}
.joinD1_conn.philosophy_c .wrap p.abstract{
    font-size: 18px; color: #4a4a4a; line-height: 28px;
    margin-top: 30px; margin-bottom: 20px;
}
.joinD1_conn.philosophy_c .wrap .philosophy_list{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-top: 20px; margin-bottom: 17px;
}
.joinD1_conn.philosophy_c .wrap .philosophy_list>li{
    width: 300px; height: auto;
    margin-right: 30px;
    float: left;
}
.joinD1_conn.philosophy_c .wrap .philosophy_list>li:last-child{
    margin-right: 0;
}
.joinD1_conn.philosophy_c .wrap .philosophy_list>li>img{
    width: 100%; height: auto;
    display: block;
}

.joinD1_conn .teams_c{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin: 50px auto;
}
.joinD1_conn .teams_c .left{
    width: 450px; height: auto;
    display: inline-block; float: left;
}
.joinD1_conn .teams_c .left>img{
    width: 100%; height: auto;
    display: block;
}
.joinD1_conn .teams_c .right{
    width: 710px; height: auto;
    display: inline-block; float: left;
    margin-left: 60px;
}
.joinD1_conn .teams_c .right>p{
    width: 100%; height: auto;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
    margin-top: 22px;
}
.joinD1_conn .teams_c .right>p>a{
    color: #00a59a; font-family: 'DINRegular';
}
.joinD1_conn .students_c{
    width: 100%; height: auto;
    margin-bottom: 50px;
    overflow-y: hidden;
}
.joinD1_conn .students_c .left{
    width: 715px; height: auto;
    display: inline-block; float: left;
    margin-right: 55px;
}
.joinD1_conn .students_c .left>p{
    font-size: 18px; line-height: 28px; text-align: justify;
    color: #4a4a4a; font-family: 'DINRegular';
    margin-top: 22px;
}
.joinD1_conn .students_c .right{
    width: 450px; height: auto;
    display: inline-block; float: left;
}
.joinD1_conn .students_c .right>img{
    width: 100%; height: auto;
    display: block;
}

.joinD1_conn.join_local .top{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin: 50px auto;
}
.joinD1_conn.join_local .top .left{
    width: 713px; height: auto;
    display: inline-block; float: left;
    margin-right: 57px;
}
.joinD1_conn.join_local .top .left>p{
    font-size: 18px; line-height: 28px;
    color: #4a4a4a; font-family: 'DINRegular';
    text-align: justify;
    margin-top: 22px;
}
.joinD1_conn.join_local .top .right{
    width: 450px; height: auto;
    display: inline-block; float: left;
}
.joinD1_conn.join_local .top .right>img{
    width: 100%; height: auto;
    display: block;
}
.joinD1_conn.join_local .bottom{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 50px;
}
.joinD1_conn.join_local .bottom .left{
    width: 450px; height: auto;
    display: inline-block; float: left;
}
.joinD1_conn.join_local .bottom .left>img{
    width: 100%; height: auto;
    display: block;
}
.joinD1_conn.join_local .bottom .right{
    width: 710px; height: auto;
    display: inline-block; float: left;
    margin-left: 60px;
}
.joinD1_conn.join_local .bottom .right>p{
    font-size: 18px; line-height: 28px;
    color: #4a4a4a; font-family: 'DINRegular';
    text-align: justify;
    margin-top: 38px;
}
.joinD1_conn.join_local .bottom .right>p+p{
    margin-top: 28px;
}
.joinD1_conn.join_local .bottom .right>p>a{
    color: #00a59a;
    font-family: 'DINRegular';
}

/*What is Academic English?*/
.joinD1_conn .joinD2_conn_ans{
    width: 100%; height: auto;
    font-size: 18px; line-height: 28px; margin-bottom: 50px;
    color: #4a4a4a; font-family: 'DINRegular'; text-align: justify;
}

.skills_c p.abstract{
    font-size: 18px; line-height: 28px;
    color: #4a4a4a; font-family: 'DINRegular';
    margin-top: 30px; margin-bottom: 25px;
}
.skills_c .skills_b{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.skills_c .skills_b .left{
    width: 465px; height: auto;
    display: inline-block; float: left;
}
.skills_c .skills_b .left>img{
    width: 322px; height: auto;
    display: block;
    margin: 0 auto;
}
.skills_c .skills_b .right{
    width: 742px; height: auto;
    margin-left: 13px;
    display: inline-block; float: left;
    margin-bottom: 115px;
}
.skills_c .skills_b .right>p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular';
    margin-top: 28px; text-align: justify;
}
.skills21_c .top{
    width: 100%; height: auto;
    margin-bottom: 50px;
    overflow-y: hidden;
}
.skills21_c .top .left{
    width: 715px; height: auto;
    margin-right: 76px;
    display: inline-block; float: left;
}
.skills21_c .top .left>p{
    width: 100%; height: auto;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-top: 22px;
}
.skills21_c .top .right{
    width: 419px; height: auto;
    display: inline-block; float: left;
}
.skills21_c .top .right>img{
    width: 100%; height: auto;
    display: block;
}
.skills21_c .bottom{
    width: 100%; height: auto;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
    margin-bottom: 50px;
}
.skills21_c .bottom>a{
    color: #00a59a;
    font-family: 'DINRegular';
}

.joinD2_learn_c .joinD2_learn_w{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin: 50px auto;
}
.joinD2_learn_c .joinD2_learn_w .left{
    width: 725px; height: auto;
    display: inline-block; float: left;
}
.joinD2_learn_c .joinD2_learn_w .left .title{
    margin-top: 7px;
}
.joinD2_learn_c .joinD2_learn_w .left>p{
    margin-top: 22px;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
}
.joinD2_learn_c .joinD2_learn_w .right{
    width: 413px; height: auto;
    display: inline-block; float: right;
}
.joinD2_learn_c .joinD2_learn_w .right>img{
    width: 100%; height: auto;
    display: block;
}

.joinD3_conn_location{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-top: 20px; margin-bottom: 50px;
}
.joinD3_conn_location .left{
    width: 546px; height: auto;
    display: inline-block; float: left;
}
.joinD3_conn_location .left>p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
    margin-top: 33px;
}
.joinD3_conn_location .left>p+p{
    margin-top: 28px;
}
.joinD3_conn_location .right{
    width: 489px; height: auto;
    display: inline-block; float: right;
}
.joinD3_conn_location .right>img{
    width: 100%; height: auto;
    display: block;
}

.joinD3_same .wrap .title{
    margin-top: 50px;
    margin-bottom: 30px;
}
.joinD3_same .abstract{
    width: 100%; height: auto;
    margin-bottom: 50px;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
}
.joinD3_same .content{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 50px;
}
.joinD3_same .content .left{
    width: 519px; height: auto;
    display: inline-block; float: left;
}
.joinD3_same .content .right{
    width: 641px; height: auto;
    display: inline-block; float: right;
}
.joinD3_right .content .right{
    width: 519px; height: auto;
    display: inline-block; float: right;
}
.joinD3_right .content .left{
    width: 641px; height: auto;
    display: inline-block; float: left;
}
.joinD3_same .content img{
    width: 100%; height: auto;
    display: block;
}
.joinD3_same .content p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-top: 6%;
}

/*Life in China*/
.joinD3_conn{
    width: 100%; height: auto;
    overflow: hidden;
}
.joinD3_conn.gray_bg{
    background-color: #f9f9f9;
}
.joinD3_conn .wrap{
    width: 1220px; height: auto;
    margin: 0 auto;
}
.joinD3_conn .title{
    font-size: 32px; line-height: 41px; color: #000f30;
    font-family: 'DINMedium';
    margin-top: 50px; margin-bottom: 33px;
}
.joinD3_conn .life_list{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}
.joinD3_conn .life_list li{
    width: auto; height: 200px;
    float: left;
    margin-right: 30px;
}
.joinD3_conn .life_list li:last-child{
    margin-right: 0;
}
.joinD3_conn .life_list li>img{
    width: auto; height: 100%;
    display: block;
}
.joinD3_conn p{
    width: 100%; height: auto;
    margin-bottom: 28px;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
}
.joinD3_conn .life_person_list{
    widows: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}
.joinD3_conn .life_person_list>li{
    width: 600px; height: 250px;
    background: url(../img/bg_w.png) no-repeat;
    background-size: 100%;
    overflow-y: hidden;
    float: left;
    margin-bottom: 30px;
}
.joinD3_conn .life_person_list>li:nth-child(2n){
    margin-left: 20px;
}
.joinD3_conn .life_person_list>li .left{
    width: 80px; height: auto;
    display: inline-block; float: left;
    margin-left: 30px; margin-top: 40px;
}
.joinD3_conn .life_person_list>li .left .avatar{
    width: 80px; height: 80px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 28px;
}
.joinD3_conn .life_person_list>li .left .avatar>img{
    width: 100%; height: auto;
    display: block;
    border-radius: 50%;
}
.joinD3_conn .life_person_list>li .left .avatar:after{
    content: ' '; display: block;
    width: 8px; height: 7px;
    background: url(../img/arr_ty.png) no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute; left: 50%; margin-left: -4px; bottom: -22px;
}
.joinD3_conn .life_person_list>li .left p{
    width: 100%; height: auto;
    text-align: center; font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINMedium';
}
.joinD3_conn .life_person_list>li .right{
    width: 411px; height: auto;
    display: inline-block; float: right;
    margin-right: 47px; margin-top: 35px;
}
.joinD3_conn .life_person_list>li .right p{
    width: 100%; height: auto;
    font-family: 'DINRegular';
    font-size: 12px; line-height: 24px; color: #4a4a4a;
    text-align: justify;
    margin-bottom: 0;
}
.joinD3_conn .life_person_list>li .right p+p{
    font-weight: 500;
    font-family: 'DINMedium';
}

.joinD3_conn .datas_list{
    width: 911px; height: auto;
}
.joinD3_conn .datas_list>li{
    width: 100%; height: auto;
    margin-bottom: 60px;
}
.joinD3_conn .datas_list>li>p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular';
    margin-bottom: 30px;
}
.joinD3_conn .datas_list>li>img{
    width: 871px; height: auto;
    display: block;
    margin-left: 40px;
}
.joinD3_conn .tip{
    margin: -20px 0 50px 40px;
}

/*Teaching at Athena*/
.joinD1_conn.joinD4_say_c .title_c{
    margin-bottom: 0;
}
.joinD1_conn.joinD4_say_c .abstract{
    width: 100%; height: auto;
    margin-top: 23px;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular';
}
.joinD4_say_c .techSay_list{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-top: 30px; margin-bottom: 50px;
}
.joinD4_say_c .techSay_list>li{
    width: 390px; height: 270px;
    background: url(../img/bg_g.png) no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
    margin-right: 25px;
}
.joinD4_say_c .techSay_list>li:last-child{
    margin-right: 0;
}
.joinD4_say_c .techSay_list>li .left{
    width: 80px; height: auto;
    margin: 30px 0 0 30px;
    display: inline-block; float: left;
}
.joinD4_say_c .techSay_list>li .left .avatar{
    width: 80px; height: 80px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 28px;
}
.joinD4_say_c .techSay_list>li .left .avatar:after{
    content: ' '; display: block;
    width: 8px; height: 7px;
    background: url(../img/arr_ty.png) no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute; left: 50%; margin-left: -4px; bottom: -22px;
}
.joinD4_say_c .techSay_list>li .left .avatar>img{
    width: 100%; height: auto;
    border-radius: 50%;
    display: block;
}
.joinD4_say_c .techSay_list>li .left p{
    width: 100%; height: auto;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    text-align: center;
    font-family: 'DINMedium';
}
.joinD4_say_c .techSay_list>li .right{
    width: 206px; height: auto;
    margin-top: 25px;
    display: inline-block; float: right; margin-right: 42px;
}
.joinD4_say_c .techSay_list>li .right>p{
    font-size: 12px; line-height: 24px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
}
.joinD4_say_c .techSay_list>li .right>p+p{
    font-weight: 500;
    font-family: 'DINMedium';
}

.joinD4_devel_c .wrap{
    width: 1220px; height: auto;
    overflow-y: hidden;
}
.joinD4_devel_c .left{
    width: 657px; height: auto;
    display: inline-block; float: left;
    margin-top: 50px;
}
.joinD4_devel_c .left .title{
    margin-top: 0;
}
.joinD4_devel_c .left p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-top: 38px;
}
.joinD4_devel_c .left p:first-child{
    margin-top: 28px;
}
.joinD4_devel_c .left p>a{
    color: #4a4a4a; font-family: 'DINRegular';
}
.joinD4_devel_c .right{
    width: 500px; height: auto;
    display: inline-block; float: right;
    margin: 50px 0;
}
.joinD4_devel_c .right>img{
    width: 100%; height: auto;
    display: block;
}

/*Join Us Apply*/
.joinD1_conn.joinD5_apply_c .wrap{
    overflow-y: hidden;
}
.joinD1_conn.joinD5_apply_c .wrap .left{
    width: 748px; height: auto;
    display: inline-block; float: left;
}
.joinD1_conn.joinD5_apply_c .wrap .title_c{
    margin-bottom: 0; margin-top: 22px;
}
.joinD1_conn.joinD5_apply_c .wrap .left>p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-top: 23px;
}
.joinD1_conn.joinD5_apply_c .wrap .left>p>a{
    color: #00a59a;
    font-family: 'DINRegular';
}
.joinD1_conn.joinD5_apply_c .wrap .left>a{
    width: 179px; height: 50px; line-height: 50px;
    border-radius: 50px;
    background-color: #f6c800;
    font-size: 18px; font-weight: 500; color: #fff;
    text-align: center;
    display: block;
    margin-top: 30px; margin-bottom: 64px;
}
.joinD1_conn.joinD5_apply_c .wrap .right{
    width: 420px; height: auto;
    display: inline-block; float: right;
    margin-top: 50px;
}
.joinD1_conn.joinD5_apply_c .wrap .right>img{
    width: 100%; height: auto;
    display: block;
}

.joinD5_expect_c .wrap .title{
    margin-top: 50px;
}
.joinD5_expect_c .wrap .expect_c{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-top: 39px; margin-bottom: -24px;
}
.joinD5_expect_c .wrap .expect_c>li{
    width: 593px; height: auto;
    float: left;
    margin-right: 34px;
    overflow-y: hidden;
}
.joinD5_expect_c .wrap .expect_c>li:nth-child(2n){
    margin-right: 0;
}
.joinD5_expect_c .wrap .expect_c>li .left{
    width: 240px; height: auto;
    display: inline-block; float: left;
    margin-bottom: 74px;
}
.joinD5_expect_c .wrap .expect_c>li .left>img{
    width: 100%; height: auto;
    display: block;
}
.joinD5_expect_c .wrap .expect_c>li .right{
    width: 323px; height: auto;
    display: inline-block; float: right;
}
.joinD5_expect_c .wrap .expect_c>li .right>p{
    font-size: 16px; line-height: 26px; color: #4a4a4a;
    text-align: justify; font-family: 'DINRegular';
}

.joinD5_why_c .wrap .title{
    margin-top: 50px;
}
.joinD5_why_c .wrap  .top{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-bottom: 40px; margin-top: 42px;
}
.joinD5_why_c .wrap  .top .left{
    width: 440px; height: auto;
    display: inline-block; float: left;
}
.joinD5_why_c .wrap  .top .left>img{
    width: 100%; height: auto;
    display: block;
}
.joinD5_why_c .wrap  .top .right{
    width: 733px; height: auto;
    display: inline-block; float: right;
    margin-top: 21px;
}
.joinD5_why_c .wrap  .top .right>p{
    width: 100%; height: auto;
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-bottom: 28px;
}
.joinD5_why_c .wrap  .top .right>p:last-child{
    margin-bottom: 0;
}
.joinD5_why_c .wrap>p{
    font-size: 18px; line-height: 28px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-bottom: 28px;
}
.joinD5_why_c .wrap>p:last-child{
    margin-bottom: 50px;
}

.joinD5_now_c .wrap .left{
    width: 728px; height: auto;
    display: inline-block; float: left;
}
.joinD5_now_c .wrap .left .title{
    margin-top: 50px;
    margin-bottom: 20px;
}
.joinD5_now_c .wrap .left>p{
    font-size: 16px; line-height: 26px; color: #4a4a4a;
    font-family: 'DINRegular'; text-align: justify;
    margin-bottom: 26px;
}
.joinD5_now_c .wrap .left>p>a{
    color: #00a59a;
    font-family: 'DINRegular';
}
.joinD5_now_c .wrap .right{
    width: 323px; height: auto;
    display: inline-block; float: right;
}
.joinD5_now_c .wrap .right>img{
    width: 275px; height: auto;
    display: block;
    margin: 24px auto 23px auto;
}

/*首页 - 学生证词*/
.i_stuword_c{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_stuword_c .i_stuword_w{
    width: 1220px; height: auto;
    margin: 60px auto 55px auto;
}
.i_stuword_c .i_stuword_w .title{
    width: 100%; height: auto;
    font-size: 32px; color: #000f30; font-weight: 500;
    margin-bottom: 40px;
}
.i_stuword{
    width: 100%; height: auto;
}
.i_stuword .swiper-slide{
    width: 100%; height: auto;
}
.i_stuword .swiper-slide .list{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_stuword .swiper-slide .list>li{
    width: 600px; height: 320px;
    float: left;
    background: url(../img/bg_gray.png) no-repeat;
    background-size: 100%;
    overflow-y: hidden;
}

.i_stuword .swiper-slide .list>li:nth-child(2n){
    float: right;
}
.i_stuword .swiper-slide .list>li .left{
    width: 80px; height: auto;
    display: inline-block; float: left;
    margin-left: 30px; margin-top: 40px;
}
.i_stuword .swiper-slide .list>li .left .avatar{
    width: 80px; height: 80px;
    border-radius: 50%; overflow: hidden;
    margin-bottom: 15px;
    display: block;
}
.i_stuword .swiper-slide .list>li .left .arr{
    width: 8px; height: 7px;
    margin: 0 auto;
    display: block;
}
.i_stuword .swiper-slide .list>li .right{
    width: 430px; height: auto;
    display: inline-block; float: right;
    margin-right: 32px; margin-top: 50px;
}
.i_stuword .swiper-slide .list>li .right>h1{
    font-size: 20px; color: #444; font-weight: 500;
    line-height: 28px;
    margin-bottom: 15px;
    font-family: 'DINMedium';
}
.i_stuword .swiper-slide .list>li .right .intro{
    width: 100%; height: auto;
}
.i_stuword .swiper-slide .list>li .right .intro>p{
    font-size: 14px; line-height: 26px;
    color: #444; 
    /*font-weight: 300;*/
    font-family: 'DINRegular';
}

/*新增样式  20190313*/
.i_specia_c{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.specia_bg1{
    background: url(../img/specia_bg.png) no-repeat;
    background-size: 1220px;
    background-position: center top;
    background-color: #f9f9f9;
}
.i_specia_c>.i_specia_w{
    width: 1220px; height: auto;
    overflow-y: hidden;
    margin: 80px auto;
}
.i_specia_c .i_specia_w .abstract{
    width: 100%; height: auto;
}
.i_specia_c .i_specia_w .abstract>h1{
    width: 100%; height: auto;
    font-size: 32px; font-weight: 500;
    color: #000f30; line-height: 45px;
    margin-bottom: 14px;
}
.i_specia_c .i_specia_w .abstract .h1{
    width: 100%; height: auto;
    font-size: 32px; font-weight: 500;
    color: #000f30; line-height: 45px;
    margin-bottom: 14px;
}
.i_specia_c .i_specia_w .abstract>p{
    width: 100%; height: auto;
    font-size: 20px; font-weight: 500;
    color: #4a4a4a; line-height: 34px;
    margin-bottom: 40px;
    font-family: 'DINRegular';
}
.i_specia_c .i_specia_w .specia_list{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.i_specia_c .i_specia_w .specia_list>li{
    width: 406px; height: 200px; overflow: hidden;
    float: left;
}
.i_specia_c .i_specia_w .specia_list>li>a{
    width: 100%; height: 100%;
    display: block;
}
.i_specia_c .i_specia_w .specia_list>li>a>img{
    width: 100%; height: auto;
    display: block;
}
/*学员收获*/
.specia_bg2{
    background-color: #fff;
}
.specia_bg2 .i_specia_w{
    background: url(../img/gain_bg.png) no-repeat;
    background-size: 945px;
    background-position: left 193px top 44px;
    margin: 0 auto;
    padding: 80px 0;
}
.gain_c{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.gain_c .left{
    width: 976px; height: auto;
    overflow-y: hidden;
    float: left;
}
.gain_c .left>img{
    width: 488px; height: auto;
    float: left; display: inline-block;
}
.gain_c .right{
    width: 244px; height: auto;
    float: right;
}
.gain_c .right>img{
    width: 100%; height: auto;
    display: block;
}