
@font-face{
    font-family: myFirstFont;
    src: url('../fonts/Exo2-Regular.ttf');
}
@font-face{
    font-family: myFirstFont;
    font-weight:bold;
    src: url('../fonts/Exo2-Bold.ttf');
}
@font-face{
    font-family: myFirstFont;
    src: url('../fonts/Lato-BoldItalic.ttf');
    font-weight:bold;
    font-style: italic;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}
a img{border:0;}
img{}
ul,ol,dl,dt,dd{margin:0; padding:0;}
li{list-style:none;}

.clearfix:after{ display:block; content:''; clear:both;}
.clearfix{ zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.w{ width:1200px; margin:0 auto;}
.head{
    width:100%;
    height:110px;
    background:#002923;
}
.head-nav{
    width:70%;
    margin:0 auto;
}
.nav-left{
    margin-top:20px;
}
.nav-right{
    margin-top:40px;
}
.nav-right ul{

}
.nav-right ul li{
    float:left;
    font-size:15px;
    padding: 0 25px;
    font-size:20px;
    border-right:1px solid #fff;
}
.nav-right ul .on{
    border-right:none;
}
.nav-right ul li a{
    color:#fff;
}
.head-nav ul li .searchlogo{
    background: url(../img/search.png) no-repeat 0 center;
    display: inline-block;
    width: 24px;
    height: 17px;
    margin-top:4px;
    background-size: 100%;
}
/*.nav {
    width:100%;
    height:78px;
    line-height:78px;
    background:#009e96;
}
.nav ul{
    width:70%;
    margin:0 auto;
}
.nav ul li{
    float:left;
    position:relative;
    margin-right:16px;
}
.nav ul li a{
    font-size:16px;
    padding-right:20px;
    color:#fff;
}
.nav ul li .icon{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    top: 50%;
    right:6px;
    margin-top: -3px;
    margin-left: 5px;
}*/
/*尾部*/
.foot{
    width:100%;
    background: #002923;
    color:#fff;
}
.foot .foot-main{
    padding: 40px 0;
    width:80%;
    margin:0 auto;
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}
.foot .foot-main .foot-l{
    padding-right:100px;
    border-right:2px solid #009e96;
}
.foot .foot-main .foot-l .font-18{
    font-size:18px;
    padding-top:50px;
}
.foot .foot-main .foot-r{

}
.foot .foot-main .foot-r .ul-left{
}
.foot .foot-main .foot-r .ul-center{
    margin-left:120px;
}
.foot .foot-main .foot-r .ul-right{
    margin-left:120px;
}
.foot .foot-main .foot-r ul li a{
    color:#fff;
    font-size:14px;
}
.foot .foot-main .foot-r .font24{
    display:block;
    margin:24px 0 24px 0;
    font-size:16px;
}
.foot .footer{
    width:100%;
    border-top:1px solid #009e96;
    margin:0 auto;
    text-align:center;
    padding:20px 0;
    color: #009e96;
}
/*尾部*/
/* 全部师资*/
.main .allfen{
    padding:40px 0 20px 0;
}
.main .allfen .vc_btn3-container a{
    color:#009e96;
}

.main .allfen .vc_btn3-container :hover{
    border-bottom: none;
}
.main .ul-list{
    margin-bottom:40px;
}
.main .ul-list ul li{
    margin-right:10px;
    float:left;
    margin-bottom:10px;
}
.main .ul-list ul .on{
    background:#009e96;
    color:#fff;
}
.main .ul-list ul li a:hover{
    background:#009e96;
    text-decoration: none;
    color:#fff;
}
.main .ul-list ul li a{
    text-decoration: none;
    display:inline-block;
    color:black;
    font-size:14px;
    border-radius:30px;
    background:#efefef;
    padding:4px 10px;
}
.list-main .list{
    width:360px;
    height:170px;
    margin-right:56px;
    margin-bottom:40px;
}
.list-main .list:nth-child(3n){
    margin-right:0;
}
.list-main .list .left{
    width:180px;
    height:162px;
}
.list-main .list .left a{
    display:inline-block;
    width:180px;
    height:162px;
}
.list-main .list .left img{
}
.list-main .list .right .name{
    font-size: 20px;
    text-align: left;
    font-family: Abril Fatface;
    font-weight:bold;
    font-style: normal;
}
.list-main .list .right .p1{
    width:160px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-main .list .right .p2{
    width:160px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:20px;
}
.list-main .list .right .p3{
    width:40px;
    color:#ccc;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:30px;
}
.list-main .list .right .p3:hover{
    border-bottom:1px solid #ccc;
}
.list-main .list .right{
    width:180px;
    height:155px;
    padding: 20px 0 0 20px;
    background:#efefef;
    border-bottom:2px solid #009e96;
    color:#000;
}
.list-main .list .right:hover{
    background:#009e96;
    color:#fff;
}
/* 全部师资*/
/*高层次人才*/

/*高层次人才*/
.admission{
    width:100%;
    height:306px;
    background:url(../img/bg2.png) no-repeat center;
    background-size: cover;
}
.admission .admiss-main{
    width:1000px;
}
.admission .admiss-left, .admission .admiss-center,.admission .admiss-right{
    margin-top:60px;
    width:191px;
    height:191px;
    text-align:center;
    color:#fff;
    font-size:24px;
    border-radius:50%;
    border:2px solid #fff;
}
.admission .admiss-center{
    margin-left:200px;
}
.admission .admiss-left div, .admission .admiss-center div,.admission .admiss-right div{
    color:#fff;
    font-size:24px;
}
.person{
    width:100%;
}
.person .person-child{

}
.person .person-child h2{
    font-size:20px;
    font-weight:700;
}
.person .person-font{
    color: #333333;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 1.5em;
    padding: 0;
    width:766px;
}
.person .rate{
    padding:40px 0 80px 0;
    border-bottom:1px solid #ccc;
}
.person .rate2{
    padding:80px 0 70px 0;
    border-bottom:none;
}
.person .rate ul li{
    width:232px;
    height:128px;
    border-right:1px solid #ccc;
    text-align:center;
    float:left;
}
.person .rate2 ul li{
    width:282px;
    height:128px;
    border-right:1px solid #ccc;
    text-align:center;
    float:left;
}
.person .rate ul li:nth-last-child(1)
{
    border-right:none;
}
.person .rate h3{
    padding:10px 0 0px 0;
    font-size:40px;
    font-weight:bold;
    color:#009e96;
}
.person .plan .fl{
    font-size:20px;
}
.person .search-name{
    width:100%;
    height:423px;
    background:url(../img/bg.png) no-repeat center;
    background-size: cover;
}
.person .search-name .search-left{
    width:1200px;
    margin:0 auto;
    padding:140px 0 46px 0;
}
.person .search-left .shuosuo{
    width:850px;
    height:54px;
    border-radius:50px;
    border:2px solid #ccc;
}
.person .search-left .shuosuo input{
    width:460px;
    height:54px;
    font-size:18px;
    margin-left:30px;
    background-color: rgba(12,148,142,.1);
    outline: none;
    border:none;
}
.person .search-left .shuosuo a{
    width:274px;
    height:54px;
    margin:-2px -2px 0 0;
    line-height:54px;
    text-decoration: none;
    font-size:18px;
    text-align:center;
    color:#009e96;
    background:#fff;
    border-radius:50px;
}
.person .search-left .span1{
    width:192px;
    height:54px;
    margin-left:40px;
    line-height:54px;
    text-align:center;
    font-size:14px;
    border-radius:50px;
    border:1px solid #ccc;
}
.person .plan .fl h2{
    padding:10px 0 10px 0;
    font-size:20px;
    font-weight:bold;
}
.content {
    width:100%;
}
.content-icon .fa{
    display:block;
}
.content-icon .active1{
    display:none;
}
.main .list-main .list2{
    width:262px;
    height:300px;
    margin-right:40px;
    position:relative;
}
.main .list-main  .list2:nth-child(4n){
    margin-right:0;
}
.list-main .list2 .left{
    overflow:hidden;
    width:262px;
    height:148px;
}

.content .list-main{
    display:none;
}
.list-main .list2 .left img{
    display:inline-block;
    max-width:100%;
    height:100%;
}
.list-main .list2 .right .name{
    font-size: 20px;
    text-align: left;
    font-family: Abril Fatface;
    font-weight: bold;
    font-style: normal;
}
.list-main .list2 .right .p1{
    width:262px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.list-main .list2 .right .p2{
    width:262px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:25px;
}
.list-main .list2 .right .p3{
    color:#ccc;
    width:40px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position:absolute;
    left:20px;
    bottom:40px;
}
.list-main .list2 .right .p3:hover{
    border-bottom:1px solid #ccc;
}
.list-main .list2 .right{
    width:262px;
    height:140px;
    padding: 10px 0 0 20px;
    background:#efefef;
    border-bottom:2px solid #009e96;
    color:#000;
}
.list-main .list2 .right:hover{
    background:#009e96;
    color:#fff;
}
/*list-main1复制上面的   */
.main .list-main1  .list2{
    width:262px;
    height:300px;
    margin-right:40px;
}
.main .list-main1  .list2:nth-child(4n){
    margin-right:0;
}
.list-main1 .list2 .left{
    overflow:hidden;
    width:262px;
    height:148px;
}

.content .list-main1{
    display:none;
}
.list-main1 .list2 .left img{
    display:inline-block;
    max-width:100%;
    height:100%;
}
.list-main1 .list2 .right .name{
    font-size: 20px;
    text-align: left;
    font-family: Abril Fatface;
    font-weight: bold;
    font-style: normal;
}
.list-main1 .list2 .right .p1{
    width:262px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.list-main1 .list2 .right .p2{
    width:262px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:25px;
}
.list-main1 .list2 .right .p3{
    width:40px;
    overflow:hidden;
    color:#ccc;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-main1 .list2 .right .p3:hover{
    border-bottom:1px solid #ccc;
}
.list-main1 .list2 .right{
    width:262px;
    height:140px;
    padding: 10px 0 0 20px;
    background:#efefef;
    border-bottom:2px solid #009e96;
    color:#000;
}
.list-main1 .list2 .right:hover{
    background:#009e96;
    color:#fff;
}

/*个人介绍*/
.introduce{
    width:100%;
}
.introduce .message-left{
    width:385px;
    height:367px;
}
.introduce-main{
    padding:90px 0 0 0;
    min-height:700px;
}
.introduce .message-left .font{
    margin-left:20px;
    font-size:1.2em;
}
.introduce .message-left span{
    font-size:1.6em;
}
.introduce .message-left .clearfix{
    margin-bottom:6px;
}
.introduce .message-left .img-tou{
    width:300px;
    height:158px;
}
.introduce .message-left .img-tou img{
    height: auto;
    max-width: 100%;
    margin-top:50px;
    vertical-align: top;
}
.introduce  .message-right{
    width:674px;
    height:100%;
}
.introduce  .message-right  .list1{
    border-bottom:1px solid #009e96;
}
.introduce  .message-right  .list1 .fontSize{
    font-size:16px;
    font-weight:bold;
}
.introduce  .message-right  .list1 .p1{
    font-size:16px;
    padding:30px 0 20px 0;
    line-height:30px;
}
.introduce  .message-right  .list1 .p2 ul li{
    font-size:16px;
    line-height:30px;
}
.introduce  .message-right  .list1 .p2 .ul2{
    margin-left:100px;
}
/* event 页面*/
.event{
    width:100%;
    
}
.event-main{
    width:1150px;
    padding-left:20px;
    margin: 0px auto 0;
}
.event .event-left{
    width:780px;
}
.event .event-left h2{
    padding:30px 0 30px 0;
    font-size:60px;
    color:#009e96;
}
.event .event-left .Boor-r{
    margin-left:20px;
    width:60%;
}

.boor-l{width:33%;}
.event .event-left .Boor-r .fa-user{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event .event-left .Boor-r .fa-clock-o{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event .event-left .Boor-r .fa-map-marker{
    color:#00bcb9;
    padding-right:12px;
    font-size:16px;
    width: 25px;
    text-align: center;
}
.event .event-left .Boor-r span{
    font-weight:bold;
    font-size:14px;
}
.event .event-left .Boor-r .Boor-font{
    padding: 10px 0 15px 0;
    font-weight:bold;
    color:#009e96;
    font-size:18px;	
		overflow: hidden;
}
.event .event-left .boor2 .Boor-r2{
    width:780px;
    margin:32px 0 36px 0;
    padding:34px 140px 40px 18px;
}
.event .event-left .boor2 .Boor-r2:hover{
    padding:34px 140px 40px 18px;
    background:#eee;
    border-top:1px solid #8c8c8c;
    border-bottom:1px solid #8c8c8c;
}
.event .event-left .boor3 .Boor-r2 {
    width:780px;
    margin:0px 0 36px 0;
    padding:34px 0px 40px 18px;
}
.event .event-left .boor3 .Boor-r2:hover {
    background:#eee;
    border-top:1px solid #8c8c8c;
    border-bottom:1px solid #8c8c8c;
}
.event .event-left .Boor-r2 .fa-user{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event .event-left .Boor-r2 .fa-clock-o{
    color:#00bcb9;
    font-size:16px;
    padding-right:10px;
}
.event .event-left .Boor-r2 .fa-map-marker{
    color:#00bcb9;
    font-size:16px;
    padding-right:12px;
}
.event .event-left .Boor-r2 span{
    font-weight:bold;
    font-size:14px;
}
.event .event-left .Boor-r2 .Boor-font{
    padding: 10px 0 15px 0;
    font-weight:bold;
    color:#009e96;
    font-size:18px;
}
.event .event-left .boor-list .boor{
    padding:37px 0 42px 0;
    border-top:1px solid #ccc;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}
.event .event-left .boor-list .boor:hover{
    background: #f0f0f0;
}
.event .event-left .page{
    width:841px;
    padding:22px 0 48px 0;
    margin:0 auto;

}

.event .event-left .page .page-main{    display: flex;
    align-items: center;
    justify-content: center;}
.event .event-left .page span{
font-size:14px;
}

.event .event-left .page .page-main{
    width:414px;
    margin:0 auto;
}
.event .event-left .page a{
    font-size:14px;
    float:left;
    min-width:20px;
    display:inline-block;
    text-decoration: none;
    height:20px;
    border-radius:50%;
    background:#eee;
    margin:0 10px;
    color:#000;
    text-align:center;
    line-height:20px;
}
/*5-7 ds*/
.event .event-left .page .active,
.current{
    background:#00bcb9 !important;
    color:#fff !important;
}
.event .event-left .page a:hover{

}
.event .event-left .page span i{
    font-size:20px;
    margin:0 10px;
    color:#00bcb9;
}
.event .event-right{
    float:right;
    width: 264px;
}
.event .event-right .event-list-r{
    width:400px;
}
.event .event-right .event-list-r .ul-event .active1{
    background:#00bcb9;
    color:#fff;
}
.event .event-right .event-list-r .ul-event  a{
    text-decoration: none;
    font-size:12px;
    color:#000;
}
.event .event-right .event-list-r a{
    padding:10px 15px;
    display:inline-block;
    border-radius:30px;
    background:#efefef;
    font-size:12px;
    color:#000;
    margin-right:20px;
    margin-bottom:20px;
}
.event .event-right .event-list-r a:hover{
    cursor:pointer;
    background:#00bcb9;
}
.event .event-right .event-list-r a:nth-child(3n){
    margin-right:0;
}


/*activity 页面*/
.event .event-right2{
    width:320px;
    padding-left:60px;
}
.event .event-right2 .Boor-r{
    margin-left:20px;
}
.event .event-right2 .Boor-r .fa-user{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event .event-right2 .Boor-r .fa-clock-o{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event .event-right2 .Boor-r .fa-map-marker{
    color:#00bcb9;
    padding-right:12px;
    font-size:16px;
}
.event .event-right2 .Boor-r span{
    font-weight:bold;
    font-size:14px;
}
.event .event-right2 .Boor-r .Boor-font{
    padding: 10px 0 15px 0;
    font-weight:bold;
    color:#009e96;
    font-size:18px;
}
.event .event-right2 .boor2 .Boor-r2{
    margin:32px 0 36px 0;
    padding:34px 96px 40px 18px;
    background:#eee;
    border-bottom:1px solid #8c8c8c;
}
.event .event-right2 .boor3 .Boor-r2 {
    width:320px;
    margin:0px 0 26px 0;
    border-bottom:1px solid #ccc;
    padding:30px 0px 30px 18px;
}
.event .event-right2 .boor3 .Boor-r2:hover{
    background:#f0f0f0;
}
.event .event-right2 .Boor-r2 .fa-user{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event .event-right2 .Boor-r2 .fa-clock-o{
    color:#00bcb9;
    font-size:16px;
    padding-right:10px;
}
.event .event-right2 .Boor-r2 .fa-map-marker{
    color:#00bcb9;
    font-size:16px;
    padding-right:12px;
}
.event .event-right2 .Boor-r2 span{
    font-weight:bold;
    font-size:14px;
}
.event .event-right2 .Boor-r2 .p3{
    width:300px;
}
.event .event-right2  .Boor-r2 .Boor-font{
    width:350px;
    padding: 10px 0 15px 0;
    font-weight:bold;
    color:#009e96;
    font-size:18px;
}
.event  .event-right2  h3{
    width:320px;
    white-space: nowrap;
    overflow:hidden;
    padding:40px 0 10px 0px;
    margin-left:14px;
    font-size:50px;
    color:#00bcb9;
}
.event-main1 .left-active{
    width:780px;
}
.event-main1 .left-active .boor{
    padding:46px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.event-main1{
    width:1200px;
    margin:0 auto;
    padding-left:60px;
}
.event  .left-active  .title h3{
    padding:40px 0 40px 0;
    font-size:50px;
    color:#00bcb9;
}
.event  .left-active  .title .return{
    cursor:pointer;
    margin-top:80px;
    color:#666;
    display:inline-block;
    font-size:14px;
}
.event  .left-active .Boor-r{
    width:362px;
    margin-left:14px;
}
.event  .left-active .Boor-r .Boor-font{
    font-size:20px;
    font-weight:bold;
    color:#00bcb9;
}
.event  .left-active .boor .Boor-r .span1{
    padding:20px 0 0px 0;
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#000;
}
.event  .left-active .Boor-r  .p4{
    padding-top:20px;
    font-size:16px;
}
.event  .left-active  .font-logo{
    font-size:16px;
    color:#00bcb9;
    display: none;
}

.event  .left-active  .sina .fa-user{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.boor a:hover{color: inherit;}
.event  .left-active  .sina .fa-clock-o{
    color:#00bcb9;
    padding-right:10px;
    font-size:16px;
}
.event  .left-active .sina{
    padding:44px 0;
    border-bottom:2px solid #00bcb9;
}
.event  .left-active  .sina .fa-map-marker{
    color:#00bcb9;
    padding-right:12px;
    font-size:16px;
    width:20px; text-align: center;
}
.event  .left-active .sina .sina-logo span{
    margin:8px 20px 0 0;
    font-size:20px;
    color:#e0e0e0;
    transition: all 0.4s ease;
    cursor: pointer;
}
.event  .left-active  .sina .sina-logo span:hover{
    color:#00bcb9;
}
.event  .left-active .when{
    padding:40px 0;
}
.event  .left-active .when .when-left ul li{
    padding:15px 0 30px 0;
    color:#00bcb9;
    font-size:16px;
}
.event  .left-active .when .when-left span{
    font-size:16px;
    font-weight:bold;
}
.event  .left-active .when .when-left .span1{
    margin-left:60px;
    font-size:16px;
    font-weight: 300;
    color:#000;
}
.event  .left-active .when .when-left .span1 a{
    text-decoration: none;
    color:#000;
}
.event  .left-active .when .when-left .span-list span{
    display:inline-block;
    font-size:16px;
    font-weight: 400;
    padding:5px 20px;
    border-radius:30px;
    background:#eee;
}
.jalendar .days .day > i {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 10px;
    height: 10px;
    background: url(../imgs/hj_icon.png) no-repeat 0 center;
    display: inline-block;
}
#myId3 .prv-m, .nxt-m {
    text-decoration: none;
    width: 22px;
    position: absolute;
    display: inline-block;
    height: 22px;
  
    cursor: pointer;
}
.admission{
    display:none;
}

/****5.17****/

.download{padding:50px 0; border-top:2px solid #00bcb9;}
.download span{    width: auto;  border-radius: 30px; cursor: pointer;  background: #f0f0f0;  padding: 15px 30px;   transition: all 0.4s ease;}
.download span:hover {background: #00bcb9; color:#fff;}

.bd_weixin_popup_foot{padding: 30px 0;  }
.bd_weixin_popup_head{padding: 30px 0;
    font-size: 20px; position: relative;}
.bd_weixin_popup_head a{
    position: absolute; right: 10px;
    top:0;}
.wx_share{
    position: absolute;
    background: #f0f0f0;
    text-align: center;
    width: 508px;
    height: 386px;
    top: 50%;
    left: 50%;
    margin-top: -193px;
    margin-left: -254px;
}
.fdialog-mask {
    background: #000;
    z-index: 9;
    filter: alpha(opacity=10);
    -moz-opacity: .1;
    -khtml-opacity: .1;
    opacity: .1;
}
.fdialog-mask,.fdialog-wrap {position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: none;}

#qrcode canvas{ width:150px !important; height:150px !important;}
#qrcode img{margin: 0 auto; width: 150px; height: 150px;}

@media screen and (min-width:320px) and (max-width:768px) {

    .wrap{max-width: 100%;padding: 0 15px !important;}
    .wrap #primary{max-width: 100% !important;}
    .navigation-top .wrap{ padding: 15px !important;background: #009e96; max-width:100%!important;}
    .big_wrap{width: 100%; margin: 0 auto !important;}
    .ft_wrap{width: 100%; margin: 0 auto;}
    .nav {width:100%;height:52px;margin:0 auto;}
    .hideMue_wrap{width: 100%; margin: 0 auto;}
    .ny_bg_tt{width:100%; margin:0 auto !important;}


    .ft_menu{width:100%;}
    .ft_logo{width:100%;}
    .ft_rt{width:100%;}
    .twentyseventeen-panel{overflow: inherit;}
    #sz_rcjh .vc_col-sm-2{width:100%;}

}