.kj-top {
    height: 90px;
    background-color: #005bac;
    background-image: url(../images/kj-top.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.kj-top-left {
    display: flex;
    align-items: center;
    height: 90px;
}

.kj-topleft-title {
    padding-left: 10px;
    font-size: 24px;
    color: #fff;
}

.kj-top-right {
    width: 300px;
    float: right;
    margin-top: 28px;
}

.kj-top-right .btn-default {
    background-color: #fff;
    border-radius: 0px;
    border-left: 0px solid #fff;
    color: #999999;
}

.kj-top-right .form-control {
    border-radius: 0px;
}

.navbar-toggle {
    border: 0px solid transparent;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #0d589b;
}


/* 导航栏 */

.kj-navbar-default {
    background-color: #0d589b;
    border: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
}

.kj-navbar-nav>li>a {
    color: #fff !important;
    font-weight: 700;
    padding: 15px 37px;
    font-size: 16px;
    height: 50px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: #f7fafc !important;
    color: #0d589b !important;
}


/* banner图 */

.kj-index-swiper {
    position: relative;
    overflow: hidden;
    height: 470px;
}

.kj-index-swiper .swiper-slide {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.swiper-pagination-bullet-active {
    background: #0d589b;
}


/* 首页主体 */

.kj-indexbody {
    margin-bottom: 30px;
}

.kj-indexbody-left,
.kj-indexbody-center,
.kj-indexbody-right {
    height: 615px;
    margin-top: 30px;
}

.kj-indexbody-title {
    padding-top: 10px;
    padding-bottom: 15px;
    border-top: 2px solid #999;
}

.kj-indexbody-h1 {
    font-weight: 700;
    font-size: 18px;
}

.kj-indexbody-h2 {
    float: right;
}

.kj-indexleft-des img {
    width: 100%;
}

.kj-indexleft-pro {
    font-weight: 700;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.kj-indexleft-tro {
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 20px;
}
.kj-indexleft-content {
    padding-top:8px;
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 20px;
}
.kj-indexcenter-des .kj-indexdes-h {
    padding: 15px 20px;
    border-bottom: 1px solid #999;
    line-height: 25px;
}

.kj-indexcenter-des .kj-indexdes-h:hover {
    background-color: #e3e3e3;
}

.kj-indexcenter-des .kj-indexdes-h:last-child {
    border-bottom: 0px solid #999;
}

.kj-indexbody-center {
    background-color: #f2f2f2;
}

.kj-indexcenter-des {
    height: 550px;
    overflow-y: scroll
}

.kj-indexcenter-des .kj-indexdes-h>a {
    color: #333;
    text-decoration: none;
}

.kj-indexcenter-des .kj-indexdes-h>a>em {
    color: #005bac;
    font-style: normal;
}

.kj-indexright-h1 {
    background-color: #f2f6fa;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kj-indexright-one {
    margin-top: 20px;
}

.kj-indexright-one:first-child {
    margin-top: 0px;
}

.kj-indexright-h1 img {
    width: 80%;
    height: 80%;
}

.kj-indexright-h2 {
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}

.kj-indexright-h2:hover {
    font-weight: 700;
}


/* 首页底部 */

.kj-footer {
    background-color: #005bac;
    background-image: url(../images/footerimg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 50px;
    background-size: cover;
}

.kj-footer-box {
    color: #fff;
    height: 190px;
    line-height: 200%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* 路径导航 */

.breadcrumb a {
    color: #666666;
}

.breadcrumb>.active {
    color: #333;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    padding-left: 0px;
}

.breadcrumb::before {
    content: "\f015     当前的位置:";
    font: normal normal normal 14px/1 FontAwesome;
    color: #666666;
}

.breadcrumb>li+li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    color: #333;
}

.kj-breadcrumb {
    background-color: #f5f5f5;
}


/* 课题组新闻/动态 */

.kj-dingtai-title {
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 70px;
}

.kj-newslist {
    margin-top: 20px;
    margin-bottom: 20px;
}

.kj-newslist-one a {
    color: #333;
}

.kj-newslist-one {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 25px;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 8px 0px rgba(192, 224, 236, 0.904);
    margin-right: 5px;
    margin-left: 5px;
}

.kj-newslist-one:hover {
    background-color: #eff6fc;
}

.kj-newslist-des {
    line-height: 30px;
    padding-right: 25px;
}

.kj-newslist-one img {
    max-height: 150px;
}

.kj-newsimg {
    text-align: center;
}

.ellipsis {
    overflow: hidden;
    max-height: 50px;
    /***** 设置几行出现省略点 ... 根据line-height *****/
    line-height: 25px;
    display: block;
    display: -webkit-box;
   
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-after{
    display:none;
}


.kj-newslist-one:hover .ellipsis .ellipsis-after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#eff6fc), color-stop(50%, #eff6fc));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #eff6fc 50%, #eff6fc);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #eff6fc 50%, #eff6fc);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #eff6fc 50%, #eff6fc);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #eff6fc 50%, #eff6fc);
}

.ellipsis-after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -27px;
    left: 100%;
    width: 50px;
    margin-left: -50px;
    padding-right: 30px;
    text-align: right;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.kj-dingtai-time {
    color: #999999;
}

.kj-dingtai-title {
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.kj-dingtai-time::before {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 10px;
}


/* 研究领域 */

ul,
li {
    padding-left: 0px;
    list-style: none;
}

.kt-area-title {
    font-size: 22px;
    margin-top: 50px;
    padding-bottom: 5px;
    border-bottom: 2px solid #d3d3d3;
    margin-bottom: 20px;
}

.kt-area-title::before {
    content: "";
    display: inline-block;
    height: 28px;
    width: 5px;
    background-color: #0d589b;
    margin-right: 10px;
    vertical-align: middle;
}

.kt-area-con {
    color: #666;
    line-height: 30px;
}

.kj-areaimg-h1 {
    text-align: center;
}

.kj-areaimg {
    padding-top: 20px;
}


/* 科研合作 */

.kj-researchcooperation {
    padding-top: 20px;
}

.kj-cooimg {
    border: 1px solid #999;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 20px;
    background-size: contain;
}

.kj-researchcooperation {
    min-height: 400px;
}


/* 加入我们 */

.kj-joinus-box {
    padding-top: 20px;
}

.kj-joinus-title {
    color: #0d589b;
    font-size: 26px;
    text-align: center;
    padding-top: 20px;
    font-weight: 700;
    padding-bottom: 20px;
}

.kj-joinus-con {
    line-height: 200%;
}

.kj-contact-title {
    font-size: 30px;
    margin-top: 50px;
    padding-bottom: 8px;
    border-bottom: 3px solid #0d589b;
}

.kj-contact-con {
    background-color: #f3f3f3;
}

.kj-contact-one {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.kj-contact-h1 {
    font-size: 20px;
    font-weight: 700;
}

.kj-contact-one i {
    color: #0d589b;
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
}

.kj-contact-h1::after {
    content: "";
    display: block;
    width: 20px;
    border-bottom: 2px solid #0d589b;
    padding-top: 10px;
    margin: 0px auto;
}

.kj-contact-h2 {
    margin-top: 20px;
    font-size: 17px;
}


/* 科研组成员 */

.kj-researchmembers-title {
    color: #0d589b;
    font-weight: 700;
    font-size: 24px;
}

.kj-researchmembers-name {
    font-size: 20px;
    color: #666;
}

.kj-researchmembers-email {
    color: #666666;
    font-size: 15px;
}

.kj-researchmembers-email a {
    color: #666666;
}

.kj-researchmembers-one {
    margin-bottom: 30px;
}

.kj-researchmembers-img {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* 科研成果 */

.kj-researcher-box {
    margin-top: 30px;
}

.kj-nav-tabs>li {
    float: none;
    border: 1px solid #999;
    margin-bottom: 25px;
    text-align: center;
    width: 80%;
    position: relative;
}


/* .kj-nav-tabs>li>a::after {
    content: "";
    width: 0;
    height: 0;
    line-height: 0px;
    font-size: 0px;
    border: 10px solid transparent;
    border-left-color: #000;
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 22px;
} */

.kj-nav-tabs>li>a::before {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 13px;
    left: 130px;
    padding: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: block;
    content: '';
    z-index: 12;
}

.kj-nav-tabs>li.active::before {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    top: 15px;
    left: 175px;
    padding: 0;
    background-color: #0d589b;
    display: block;
    content: "";
    z-index: 13;
    position: absolute;
    border-radius: 5px;
}

.kj-nav-tabs>li>a::after {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 12px;
    left: 130px;
    padding: 0;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #999;
    display: block;
    content: '';
    z-index: 10
}

.kj-nav-tabs>li>a {
    color: #666;
    font-size: 22px;
    margin: -1px;
    padding: 5px 15px;
}

.kj-nav-tabs {
    border-bottom: 0px;
}

.kj-nav-tabs>li.active>a::before,
.kj-nav-tabs>li.active>a::after {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 13px;
    left: 130px;
    padding: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #0d589b;
    display: block;
    content: '';
    z-index: 12;
}

.kj-nav-tabs>li>a:hover::before,
.kj-nav-tabs>li>a:hover:after {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 13px;
    left: 130px;
    padding: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #0d589b;
    display: block;
    content: '';
    z-index: 12;
}

.kj-nav-tabs>li>a:hover {
    background-color: #0d589b;
    color: #fff;
    border-radius: 0px;
    border: 1px solid #0d589b;
    margin: -1px;
}

.kj-nav-tabs>li.active>a,
.kj-nav-tabs>li.active>a:focus,
.kj-nav-tabs>li.active>a:hover {
    background-color: #0d589b;
    border: 1px solid #0d589b;
    color: #fff;
    margin: 0px;
    border-radius: 0px;
    margin: -1px;
}

.kj-researcherright-con em {
    /*color: #005bac;
    font-style: normal;*/
}
.kj-researcherright-con p, .kj-researcherright-con div{
    display:inline;
}

.kj-researcherright-img {
    text-align: center;
    margin-top: 10px;
}

.kj-researcher-right {
    border-left: 1px solid #d3d3d3;
    padding-left: 40px;
}

.kj-researcherright-one {
    margin-bottom: 30px;
}


/* 老师介绍 */

.kj-teacherliu-intro {
    margin-top: 40px;
}

.kj-teacherliu-introcon,
.kj-teacherliu-icon {
    text-align: center;
}

.kj-teacherliu-introcon {
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
}

.kj-teacherliu-life {
    margin-top: 20px;
}

.kj-teacherliu-icon {
    font-size: 40px;
    color: #0d589b;
    margin-top: 5px;
}

.kj-teacherliu-one:nth-child(2) {
    margin-top: -14px;
}

.kj-teacherliu-icon::after {
    content: "";
    display: block;
    height: 60px;
    width: 1px;
    border-left: 2px solid #0d589b;
    margin: 0px auto;
    margin-top: -12px;
}

.kj-teacherliu-icont {
    font-size: 80px;
}

.kj-teacherliu-icont:after {
    content: "";
    display: block;
    height: 60px;
    width: 0px;
    border-left: 0px solid #0d589b;
    margin: 0px auto;
    border-style: dotted;
    margin-top: -30px;
}

.kj-teacherliu-iconb::after {
    content: "";
    display: block;
    height: 60px;
    width: 1px;
    border-left: 0px solid #0d589b;
    margin: 0px auto;
    border-style: dotted;
    margin-top: -12px;
}

.kj-teacherliu-one {
    position: relative;
}

.kj-teacherliu-iconright {
    position: absolute;
    left: 52%;
    top: 5%;
    text-align: left;
}

.kj-teacherliu-iconleft {
    position: absolute;
    right: 52%;
    top: 5%;
    text-align: right;
}

.kj-teacherliu-h1 {
    color: #0d589b;
    font-size: 30px;
}
.kj-footer-one p{
    margin:0px; padding:0px;
}