/*
** main.html鏍峰紡琛�
*/

/* purpose 缃戠珯閫氱敤 */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em,b,a{margin:0;padding:0;border:0;font-family:"Microsoft Yahei",Arial;font-size:16px;font-weight:normal;font-style:normal;text-decoration:none;list-style:none;}
a{blr:expression(this.onFocus=this.blur())}

/*鍘绘帀a鏍囩鐨勮櫄绾挎锛岄伩鍏嶅嚭鐜板鎬殑閫変腑鍖哄煙*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
a{cursor:pointer;}
a:visited{text-decoration:none!important;}
a:hover{text-decoration:none!important;}
input{outline:none;}
.bianshou{cursor:pointer;}

/*body*/
body{background-color:#f4f4f4;}
.clear{clear:both;}

/*header*/
.header{padding-right:20px;width:100%;height:72px;line-height:72px;box-shadow:2px 2px 2px #ccc;background-color:#fff!important;}

.header .header_nav{margin:auto 120px;}
.header .top_input{margin:auto 50px;}

.login-row {height: 100%; line-height: 72px;}
/*header宸﹁竟鏍峰紡*/
.header .header_nav a:hover{color:#FEAB14;}
.header .login-btn a{color:#1c1f21;text-decoration:none;}
.footer{padding:20px auto;font-size:13px;-webkit-text-size-adjust:none;background-color: #fff !important;}
.footer a{margin:20px auto;display:inline-block;padding:0 20px;font-size:13px;border-right:1px solid #ccc;}
.footer a:hover{color:#1c1f21;}

/*登陆样式*/


/*content鍖哄煙*/
.content-container{margin:0;width:100%;position:relative;}
.content-wrapper{// padding:20px 93px;width:1200px;display:block;margin:0 auto;position:relative;}
.content-wrapper .section_title{margin:10px auto;width:100%;text-align:center;}
.content-wrapper .section_title .title{padding-top:7px;line-height:30px;width:100%;}

/*鍒嗗壊绾�*/
.content-wrapper .section_title .line{color:#ccc;}
.content-wrapper .section_title .more{font-size:14px;width:100%;text-align:right;margin-bottom:5px;}

/*绗竴閮ㄥ垎li*/
.floor_1_li{width:calc(25% - 9px);}
.floor_1_li img{width:100%;}
.margin12{margin-right: 9px;}

/*鍒嗙被灞曠ず鍖�*/
.new-class{ /*margin-top: 800px;height:360px;*/width:100%;padding-bottom:40px;}
.new-class .new-class-left{float:left;width:calc(20%); width: 20%;height:360px;overflow:hidden;border-radius:7px;position:relative;}
.new-class .new-class-left img{position:relative;margin:0;padding:0;display:block;width:100%;height:100%;border-radius:7px;}
.new-class .new-class-left .txt{position:absolute;bottom:20px;left:20px;}
.new-class .new-class-left .txt a{display:block;color:#FFF;font-size:14px;margin-bottom:8px;}
.circle-raduis{border-radius:7px;}
.circle-raduis-top{border-top-left-radius:7px;border-top-right-radius:7px;}
.circle-raduis-bottom{border-bottom-left-radius:7px;border-bottom-right-radius:7px;}
.new-class-right-li{float:left;margin-left:12px;margin-bottom:10px;width:calc(20% - 12px);height:172px;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);overflow:hidden;}
.new-class-right-li img,.teacher-intro-item img{display:block;width:100%;transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;}
.new-class-right-li:hover img,.teacher-intro-item:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}

/*鍥剧墖淇濇寔鍘熸瘮渚�*/
.img-resolute{width:100%;}
    // img{//   width:100%;//   height:100%;//}
    .top{position:relative;// height:120px;}
    .new-class-right-li{position:relative;}
    .new-class-right-li .txt{position:absolute;top:15px;left: 0; right: 0;text-align: center;color:#FFF;font-size:14px;}
    .new-class-right-li .txt h2{font-size:18px;padding:10px 0;}
    .new-class-right-li .txt p{font-size:14px;}
    .new-class-right-li .circle-raduis-bottom{font-size:14px;background:#FFF;padding:10px;}
    .new-class-right-li .circle-raduis-bottom .des{font-size: 12px; color: rgb(153, 153, 153); margin-top: 5px; max-height: 55px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .desc{height:52px;background-color:#fff!important;}
    .desc p{margin:0;padding:0;width:100%;line-height:26px;text-align:center;}
    .desc p:last-child{color:#c0c0c0;}
    /*鍦嗚*/
    .circle_border{border-radius:7px;}
.banner_menu {
    position: absolute;
    top: 0;
    left: 0; /*background-color:#0b4876;*/
}
.banner_menu a .on {
}

    /*鍒嗛〉鍣�*/
    .banner_pagination{width:100%;position:absolute;bottom:15px;text-align:right;font-size:0;z-index:1;padding-right:100px;}
    .focusBox .banner_pagination li{margin:0 5px;background-color:#FFF;width:12px;height:12px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;zoom:1;border-radius:12px;}
    .focusBox .banner_pagination .on, .focusBox .banner_pagination li:hover{background-color:#666;width:12px;height:12px;position:relative;border-radius:12px;}
    .teacher-intro{width:100%;padding:40px 0;}
    .teacher-intro .teacher-intro-container{width:100%;}
    .teacher-intro .teacher-intro-container .teacher-intro-item{width:calc(20% - 12px);box-shadow:0 8px 16px 0 rgba(7,17,27,.2);}
    .margin_r12{margin-right:12px;}
    .job-intro-container{width:100%;}
    .job-intro .job-intro-container{width:100%;}
    .job-intro .job-intro-container .job-intro-item{width:calc(20% - 12px);background:#FFF;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);}
    /*.item-top{ height:150px;position:relative;}*/
    /*.item-below{ width:100%;padding:10px;}*/
    .item-p{width:100%;text-align:center;background-color:#fff!important;}
    .item-p p{text-align:left;line-height:28px;font-size:14px;margin-bottom:5px;padding:0 5px;}
    .item-more{text-align:right;font-size:14px;color:blue;padding-right:10px;}
    .teacher-intro-item{position:relative;}
    .teacher-intro-item  .txt{position:absolute;top:0;left:0;padding:20px;}
    .teacher-intro-item  .txt h2{font-size:16px;}
    .teacher-intro-item  .txt p{font-size:14px;margin-top:8px;}
    .teacher-intro-item  .txt .des{color:#CCC;color:#f90;margin-top:5px;}
    .item-top .txt{font-size:28px;position:absolute;bottom:20px;right:30px;color:#fff;}
    .job-intro{overflow:hidden;padding-bottom:40px;}
    body{overflow-x:hidden;margin:0;padding:0;width:100%;}
    .clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
    .clearfix{*zoom:1}
    .tab_qiehuan .div_box{width:184px;}
    .tab_qiehuan .banner_title{width:184px;}
    .section_title h5{font-size:20px;float:left;width:100%; min-height: 59px;}
    .uc-recomend-expert-img img{display:block;width:100%;height:auto;transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
    .uc-recomend-expert-name{font-size:16px;color:#333333;line-height:21px;margin:20px 0 11px;height:21px;overflow:hidden;text-align:center;}
    .uc-recomend-expert-title{width:140px;font-size:14px;color:#888;line-height:22px;margin:0 auto 25px;height:44px;overflow:hidden;}
    .company-expert-title{ width: 200px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .new-class-left .uc-recomend-series-img{overflow:hidden;height:350px;}
    .new-class-right .uc-recomend-series-img{overflow:hidden;height:108px;}
    .teacher-intro-item .uc-recomend-expert-img{width:228px;height:187px;overflow:hidden;}
    /*更多招聘*/
    .job-intro-item .item-more {cursor: pointer;}
    
    /* banner */
    .banner_box{ height: 400px;overflow:hidden;}
    .banner_box .height64{height: 57px; line-height: 57px;}
    .banner_box .pic a{display: block; width: 100%; height: 100%; position:relative; overflow:hidden;z-index: 3;}
        .banner_box .pic a img {
            width: 1920px;
            position: relative;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
    .lunbofenlei{ height: 308px;}
    .banner_menu{height: 400px;}
    .focusBox .pic {height: 400px;}
    .focusBox .pic li {height: 400px;}
    .picScroll-left{position: relative; height:326px;}
    .picScroll-left .hd a{ position: absolute; width: 50px; height: 50px; background:url(../images/next.png) no-repeat; background-size:100% 100%; top: 50%; margin-top: -25px; opacity: 0.4;}
    .picScroll-left .hd .prev{ left: -60px; background-image:url(../images/next.png);}
    .picScroll-left .hd .next{ right: -60px; background-image:url(../images/prev.png);}
    .picScroll-left .hd a:hover{ opacity: 1;}
.banner_box .bianhuabeijing {
    color: #FFF;
}
.banner_box .bianhuabeijing.active {
    background: #FFF;
    color: #000;
}
.banner_menu .title {
    border-bottom: 1px solid #c03;
    width: 620px;
    overflow: hidden;
    margin-bottom: 20px;
}
    .banner_menu .title .color_shenred {
        font-size: 14px;
        padding: 5px 10px;
        color: #FFF;
        background: #c03;
    }

    .teacher-intro .teacher-intro-container .picScroll-left .teacher-intro-item {
        box-shadow: none;
    }
    .picScroll-left .uc-recomend-expert-img{ padding-top: 18.5px; height:auto;}
    .picScroll-left .uc-recomend-expert-img img{ width: 150px;height:150px; margin: 0 auto;}
    .recommend{ padding-bottom: 40px;}

    /*****/
.elite-bg {
    background: url(../images/eliteTbg.png) center center no-repeat #f3f5f7;
    background-size: cover;
    height: 408px;
}
.teacher-container {
    width: 1152px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*padding: 36px 0 48px;*/
}

.teacher-container .hd {
    width: 100%;
}

.teacher-container li {
    float: left;
}

.teacher-container .lecturer-item {
    margin-top: 20px;
    float: left;
    position: relative;
    width: 216px;
    height: 248px;
    margin-right: 18px;
    box-sizing: border-box;
    text-align: center;
    background: rgba(255,255,255,.8);
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);
    border-radius: 12px;
    transition: all .3s;
}

.teacher-container .lecturer-item .lecturer-uimg {
    position: absolute;
    top: -16.6px;
    left: 50%;
    margin-left: -48px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    transform: scale(1);
}

.teacher-container .lecturer-item .lecturer-name {
    font-size: 16px;
    line-height: 24px;
    margin-top: 92px;
    white-space: nowrap;
    color: #07111b;
    font-weight: 700;
    -webkit-line-clamp: 1;
}

.teacher-container .lecturer-item .lecturer-title {
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    color: #4D555D;
    height: 24px;
    line-height: 24px;
}

.teacher-container .lecturer-item .lecturer-p {
    position: relative;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    color: #4D555D;
    height: 72px;
    -webkit-line-clamp: 3;
    text-align: justify;
    font-weight: 400;
}

.teacher-container .lecturer-item .lecturer-name, .teacher-container .lecturer-item .lecturer-p {
    display: block;
    padding: 0 36px;
    word-wrap: break-word;
    text-overflow: -o-ellipsis-lastline;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.teacher-container .lecturer-item:hover {
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
}

.teacher-container .lecturer-item:hover .lecturer-uimg {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    transform: scale(1);
    transition: all .2s;
}

.teacher-container .lecturer-item:hover .lecturer-name, .teacher-container .lecturer-item:hover .lecturer-title {
    opacity: 0;
}

.teacher-container .lecturer-item:hover .lecturer-p {
    position: relative;
    height: 168px;
    top: -92px;
    color: #07111B;
    transition: all .3s;
}

.teacher-container .next, .teacher-container .prev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    z-index: 10;
    cursor: pointer;
    margin-top: -16px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    background-color: rgba(255,255,255,.1);
}

.teacher-container .prev {
    left: -60px;
}
.teacher-container .next {
    right: -60px;
}

.teacher-container .icon-left2:before, .teacher-container .icon-right2:before {
    font-size: 32px;
    color: #9199A1;
    line-height: 32px;
}
        
    