@charset "utf-8";

/* CSS Document */
body {
    background: url(../images/bg_02.jpg) no-repeat center bottom #f1f9ff;
}

/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/111.png) !important;} */

.subPage {
    width: 100%;
    margin: 40px auto 0;
    position: relative;
    background: url(../images/sub_bg_02.png) no-repeat center bottom;
}

.sub_banner {
    width: 100%;
    position: relative;
    background: #f5f5f5;
    border-bottom: 5px solid #005f8f;
}

.sub_banner img {
    display: block;
    margin: 0 auto;
    position: relative;
}

.sub_banner .bread img {
    display: inline-block;
}

.wrap_bread {
    position: relative;
    width: auto;
    float: right;
}

.bread_shadowwrap {
    margin: 0 auto;
    position: relative;
}

.bread_shadow {
    width: 100%;
    height: 20%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    left: 0px;
    bottom: 0px;
    position: absolute;
}

.bread {
    max-width: 1200px;
    color: #7c7c7c;
}

.bread a {
    color: #7c7c7c;
    font-size: 14px;
}

.bread a:hover {
    font-weight: bold;
}

.sub_t01 {
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #0154ad;
}

.sub_t01 h2 {
    color: #fff;
    font-size: 22px;
    font-size: 2.2em;
    font-weight: normal;
}

.sub_t01 h2:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-opacity: 0.8;
    opacity: 0.8;
    transition: all 1s ease 0s;
}

.sub_mbtn {
    width: 100%;
    height: 40px;
    background: url(../images/sub-mbtn02.png) no-repeat center center;
    background-color: #d8d8d8;
    cursor: pointer;
    display: none;
}

.open {
    background: url(../images/sub-mbtn02_close.png) no-repeat center center;
    background-color: #d8d8d8;
}

.sub_navm {
    width: 100%;
    overflow: hidden;
    display: none;
}

.sub_navm h2 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #003c7f;
}

.sub_navm h2 a {
    padding-left: 13px;
    font-size: 20px;
    font-family: Tahoma;
    display: block;
    color: #fff;
}

.sub_navm ul {
    border: 1px solid #dddddd;
}

.sub_navm li {
    position: relative;
}


.sub_navm li a {
    font-size: 14px;
    color: #282828;
    padding-left: 13px;
    font-family: Helvetica;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #d3d3d3;
    display: block;
}

.sub_navm li:first-child a {
    border-top: 0px;
}

.sub_navm li a:hover {
    color: #005f8f;
}

.sub_navm li.sub_has span {
    margin-left: 10px;
}

.sub_navm li.on a {
    color: #005f8f;
    display: block;
    width: 100%;
}

.sub_navm dl {
    display: none;
    background-color: #fff;
    padding: 0px 0px 5px;
}

.sub_navm dl dd {
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ddd;
}

.sub_navm li.on dl dd a {
    font-size: 12px;
    color: #005f8f;
    font-weight: normal;
    display: inline;
    border: none;
    padding: 0px;
    height: 30px;
    line-height: 30px;
}

.sub_navm li dl dd a {
    font-size: 14px;
    color: #282828;
    font-weight: normal;
    display: inline;
    border: none;
    padding: 0px;
}

.sub_navm li dl dd a:hover {
    color: #005f8f
}

.sub_navm li strong.phone_arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    color: #005f8f;
    cursor: pointer;
}

.subPage_con {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.sbu_leftWrap {
    width: 258px;
    float: left;
    background: #fff;
}

/*.f_left_con { *border-right: 1px solid #ffffff; border-right: 1px solid #ffffff\9\0; }
*/

/*左侧边栏*/
.sub_left {
    overflow: hidden;
    z-index: 99999;
    background: #ffffff;
}

.sub_left h2 {
    width: auto;
    padding-left: 17px;
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    font-family: Helvetica;
    background-color: #003c7f;
    border-bottom: 1px solid #d3d3d3;
}

.sub_left h2 a {
    color: #fff;
    font-size: 20px;
}

.sub_left li {
    position: relative;
    border-left: 5px solid #fff;
}

.sub_left li.on {
    border-left: 5px solid #004a99;
}

.sub_left li.on a {
    color: #0154ad;
}

.sub_left li a {
    z-index: 1;
    padding: 14px 0px 14px 0px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-size: 1.6em;
    border-top: 1px solid #d2d2d2;
    color: #333333;
}

.sub_left li:first-child a {
    border-top: 0px;
}

.sub_left li a:hover, .sub_left li a.active {
    color: #0154ad;
    padding: 14px 0px 14px 0px;
}

.sub_left li a:hover, .sub_left li a.on {
    color: #0154ad;
}

.sub_left li strong.arrow {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 46px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #e5e5e5;
    z-index: 33;
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

.sub_left li strong.arrow:hover {
    color: #005f8f;
}

.sub_left li.on strong.arrow {
    color: #005f8f;
}

.twoJ_menu {
    display: none;
}

.sub_left .twoJ_menu dd a {
    ;
    padding: 8px 22px 8px 5px;
    font-size: 14px;
    font-size: 1.4em;
}

.sub_friendlink {
    background: url(../images/left_bg_03.jpg) no-repeat right 80% #fff;
    border-top: 40px solid #f0f8ff;
    min-height: 683px;
}

.sub_friendlink h3 {
    height: 57px;
    line-height: 57px;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 0 50px;
    font-size: 16px;
    color: #282828;
    font-weight: normal;
}

.sub_friendlink ul {
    padding: 15px 0 0 28px;
}

.sub_friendlink ul li {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 25px;
    background: url(../images/sq_03.png) no-repeat left center;
}

.sub_friendlink ul li a {
    font-size: 15px;
    color: #282828
}

/*右侧*/
.sub_right {
    margin: 0 0 0px 290px;
    padding: 7px 35px 0px;
    /* background: #fff */
}
.sjz {
    text-indent: 0;
}
.sjz .content_box {
    background-color: #fff;
    padding: 10px 20px;
}
.sjz .data_result {
    padding:30px 0;
    box-sizing: border-box;
}
.sjz .data_result .dates {
    position: relative;
    display: flex;
    padding-bottom: 20px;
}
.sjz .data_result .dates .date_year{
    font-size: 14px;
    line-height: 35px;
    background: #418CFF;
    color: #fff;
    /* padding: 8px 16px; */
    width: 130px;
    text-align: center;
    box-sizing: border-box;
    height: 35px;
}
.sjz .data_result .dates .date_year::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #418CFF;
    left: 140px;
    top: 11px;
    margin-top: -6px;
    margin-left: 10px;

    width: 3px;
    height: 100%;
}
.sjz .data_result .dates .date_year::after {
    content: "";
    position: absolute;
    background: url(../images/class.svg) no-repeat center;
    width: 24px;
    height: 24px;
    left: 130px;
    top: 17px;
    margin-top: -12px;
    margin-left: 10px;
    z-index: 2;
}
.sjz .data_result .dates .data_list{
    padding-left: 70px;
    flex: 1;
}
.sjz .data_result .dates .data_list .data_items{
    list-style: none;
}
.sjz .data_result .dates .data_list .data_items .data_mon {
    font-size: 24px;
    line-height: 32px;
    padding-left: 26px;
}
.sjz .data_result .dates .data_list .data_items .data_title {
    font-size: 14px;
    line-height: 22px;
    padding: 26px;
    background: #fff;
    margin-bottom: 31px;
}
.sjz .dates_add {
    background: #fff;
    font-family: "Pingfang";
    font-size: 14px;
    text-align: center;
    margin-left: 200px;
    color: #5D2D7F;
    cursor: pointer;
    margin-top: -7px;
}

.sub_right01 {
    margin: 0 0 30px 0;
}

.articleTitle {
    height: 52px;
    line-height: 52px;
    border-bottom: 2px solid #004a99;
}

.articleTitle h2 {
    font-size: 20px;
    color: #004a99;
    width: auto;
    float: left;
    height: 48px;
    font-weight: normal;
}

.article img {
    max-width: 90% !important;
    height: auto !important;
    width: auto !important;
    margin: 15px auto !important;
    display: block !important;
}

.page {
    text-align: center;
    margin: 20px auto 80px;
}

.page a {
    text-align: center;
    padding: 0 8px;
    margin: 0 5px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #eeeeee;
}

.page a:hover {
    background: #004a99;
    color: #ffffff;
}

.page .on_pages {
    background: #004a99;
    color: #ffffff;
}

.minpage {
    display: none;
    margin: 30px 0;
    overflow: hidden;
}

.minpage a {
    height: 28px;
    line-height: 28px;
    border-radius: 20px;
    width: 100px;
    font-size: 14px;
    text-align: center;
    color: #005f8f;
    background: #ededed;
}

.minpage a:hover {
    background: #005f8f;
    color: #ffffff;
}

.mp_left {
    float: left;
}

.mp_right {
    float: right;
}




.Center_Introduction {
    font-size: 14px;
    color: #414141;
    line-height: 32px;
    text-indent: 2em;
    margin: 10px 0 0px 0;
    padding: 0 0 46px 0;
}

.Center_Introduction img {
    display: block;
    margin: 20px auto 0;
    padding: 0 0 20px 0;
}






.cont_link {
    padding: 25px;
    display: none
}

.cont_link h2 {
    font-size: 18px;
    color: #7c7c7c;
    font-weight: normal;
}

.cont_link ul {
    overflow: hidden;
    margin: 15px 0 0 0;
}

.cont_link ul li {
    height: 35px;
    line-height: 35px;
    width: 50%;
    float: left;
}

.cont_link ul li:nth-child(even) {
    float: right;
}

.cont_link ul li a {
    font-size: 18px;
    color: #004a99;
}

.fujian {
    padding: 0 0 20px 0;
}

.fujian h3 {
    background: #eeeeee;
    padding: 20px;
}

.fujian h3 a {
    color: #333333;
    font-size: 18px;
}

.fujian h3 a:hover {
    color: #005f8f;
}

.fujian ul {
    margin: 10px 0 0 0;
    overflow: hidden;
}

.fujian ul li {
    padding: 10px 0 10px 20px;
    border-bottom: 1px dotted #cccccc;
    background: url(../images/ach_03.png) no-repeat left center;
}

.fujian ul li a {
    font-size: 14px;
}

.top_bread {
    height: 60px;
    line-height: 60px;
    border-bottom: 10px solid #eaf0f6;
    font-size: 14px;
    color: #7c7c7c;
    padding: 0 0 0 25px;
    display: none;
}

.top_bread a {
    font-size: 14px;
    color: #7c7c7c
}


.news_list ul {
    margin: 10px 0 0 0;
    font-size: 0;
}

.news_list ul li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #d2d2d2
}

.news_list ul li span {
    float: right;
    font-size: 14px;
    color: #414141;
    margin: 0 0 0 10px;
}

.news_list ul li a {
    height: 44px;
    line-height: 44px;
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #414141;
}

.news_list ul li a:hover {
    color: #004a99
}

.news_list01 {
    padding: 0 0 50px 0;
}


.next_btn {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #015cbd;
    display: none;
    margin: 40px auto;
}

.next_btn a {
    color: #fff;
    margin: 40px auto 0;
    display: block;
    font-size: 16px;
    font-family: "黑体";
}




.article h2 {
    font-size: 18px;
    text-align: center;
    padding: 20px 0 20px 0;
    color: #0154ad;
}

.author {
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 10px 0;
    color: #999;
}

.article_con {
    font-size: 14px;
    color: #414141;
    line-height: 32px;
    text-indent: 2em;
    margin: 10px 0 0px 0;
    padding: 0 0 46px 0;
}





/*响应式图片*/
.gp-img-responsive {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    display: block;
    background-color: #d8e3e6
}

.gp-img-responsive img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    max-width: none;
}

.gp-img-responsive img:hover {
    transform: scale(1.03);
    opacity: 0.85;
}

.tea_ser2 {
    margin-top: 30px;
}

.tea_ser2 .ser_a {
    box-sizing: border-box;
    padding: 26px 30px 16px;
    margin: 0 0 30px;
    border: 1px solid #e5e5e5;
}

.tea_ser2 .ser_a ul {}

.tea_ser2 .ser_a ul li {
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 21px;
}

.tea_ser2 .ser_a ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.tea_ser2 .ser_a ul li em, .tea_ser2 .ser_a ul li i {
    font-style: normal;
}

.tea_ser2 .ser_a ul li .em1 {
    font-weight: bold;
    font-size: 15px;
    width: 100px;
    color: #0154ad;
}

.tea_ser2 .ser_a ul li .em2 {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: baseline;
}

.tea_ser2 .ser_a ul li .em2 a {
    display: inline-block;
    line-height: 30px;
    margin-bottom: 7px;
}

.tea_ser2 .ser_a ul li .em2 a.on {
    background: #0154ad;
    border-radius: 20px;
    padding: 0px 10px;
    color: #fff;
}

.tea_ser2 .ser_a ul li .em2 .sp3 a.on {}

.tea_ser2 .ser_a ul li .em2 .sp2 {
    flex: 1;
    overflow: hidden;
}

.tea_ser2 .ser_a ul li .em2 .sp2 a {
    display: inline-block;
    margin-right: 11px;
    font-size: 15px;
}

/* .tea_ser2 .ser_a ul li .em2 .sp2 a:first-child { margin-left: 0px;} */
.tea_ser2 .ser_a ul li:first-child .em2 .sp2 a:first-child {
    width: auto;
    box-sizing: border-box;
    padding: 0 10px;
}

.tea_ser2 .ser_a ul li .em2 .sp2 a.on {
    background: #0154ad;
    color: #fff;
}

.tea_ser2 .ser_a ul li .em2 .sp3 {
    display: flex;
    justify-content: space-between;
}

.tea_ser2 .ser_a ul li .em2 .sp3 a.on i {
    color: #fff;
}

.tea_ser2 .ser_b {}

.tea_ser2 .ser_b>ul {
    margin: 0 -10px 0;
    overflow: hidden;
}

.tea_ser2 .ser_b>ul li {
    margin-bottom: 40px;
    width: 25%;
    float: left;
}

.tea_ser2 .ser_b>ul li a {
    display: block;
    margin: 0 10px;
}

.tea_ser2 .ser_b>ul li a .img {
    padding-bottom: 133.33%;
}

.tea_ser2 .ser_b>ul li a .title {
    margin: 19px 0 3px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.tea_ser2 .ser_b>ul li a p {
    /* height: 30px; */
    /* line-height: 30px; */
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    color: #757575;
}

.teacherDetails {
    margin-top: 30px;
    display: flex;
}

.teacherDetails .lt {
    width: 195px;
    margin-right: 30px;
}

.teacherDetails .lt .img {
    padding-bottom: 133.33%;
}

.teacherDetails .lt .info {
    margin-top: 15px;
    font-size: 14px;
}

.teacherDetails .lt .info p {
    color: #757575;
    line-height: 2;
    margin-bottom: 2px;
}

.teacherDetails .rt {
    flex: 1;
    overflow: hidden;
    padding-left: 36px;
    position: relative;
}

.teacherDetails .rt::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 1px solid #1257a0;
    position: absolute;
    left: 0;
    top: 8px;
}

.teacherDetails .rt::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f0f0f0;
    ;
    position: absolute;
    left: 2.5px;
    top: 13px;
}

.teacherDetails .rt .name {
    font-weight: bold;
    color: #222;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 16px;
    font-size: 18px;
}

.teacherDetails .rt .brief {
    color: #757575;
    text-indent: 2em;
    line-height: 2.14285;
    margin-top: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 30px;
    font-size: 14px;
    margin-bottom: 40px;
}

.teacherDetails .rt .gpCon03 {
    margin-bottom: 40px;
}

.teacherDetails .rt .gpCon03>h3 {
    font-weight: bold;
    color: #222;
    font-size: 15px;
    margin-bottom: 7px;
}

.teacherDetails .rt .gpCon03 ul li {
    color: #757575;
    font-size: 14px;
    margin-bottom: ;
    line-height: 2.14285;
}





.article-info {
    font-size: 1.6em;
    line-height: 1.625;
    color: #333;
    margin: 25px 0;
    text-indent: 2em;
}

.article-list {
    margin: 0 -8px;
    overflow: hidden;
}

.news_list ul.article-list li {
    width: calc(100% / 5);
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    border: none;
}

.news_list ul.article-list li a {
    display: block;
    margin: 0 8px;
    position: relative;
    height: auto;
    line-height: normal;
    position: relative;
}

.news_list ul.article-list li a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.news_list ul.color1 li a::before {
    background: rgba(23,126,229,.7);
}

.news_list ul.color2 li a::before {
    background: rgb(45, 178 ,161,.7);
}

.news_list ul.color3 li a::before {
    background: rgb(229 ,158, 2,.7);
}

.news_list ul.color4 li a::before {
    background: rgb(255, 51, 0,.7);
}

.news_list ul.color5 li a::before {
    background: rgb(74 ,75, 156,.7);
}

.item-img {
    height: 0;
    padding-bottom: 66.67%;
    overflow: hidden;
}

.item-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 1.2em;
    line-height: 1.45;
    color: #fff;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

@media screen and (max-width:1300px) {
    .tea_ser2 .ser_a ul li .em2 .sp3 {
        display: block;
    }

    .tea_ser2 .ser_a ul li .em2 .sp3 a {
        margin-left: 15px;
    }
}

@media screen and (max-width:996px) {
    .tea_ser2 .ser_b>ul li {
        margin-bottom: 30px;
        width: 33.3%;
    }

    .teacherDetails .rt .brief {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .teacherDetails .rt .gpCon03 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:768px) {
    .tea_ser2 .ser_b>ul li {
        margin-bottom: 20px;
    }

    .tea_ser2 .ser_a ul li {
        display: block;
    }

    .tea_ser2 .ser_a ul li .em1 {
        display: inline-block;
        margin: 0 0 10px 0;
    }

    .tea_ser2 .ser_b>ul li {
        margin-bottom: 20px;
        width: 50%;
    }

    .teacherDetails .rt .brief, .teacherDetails .rt .gpCon03 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:600px) {
    .teacherDetails {
        display: block;
    }

    .teacherDetails .lt {
        margin: 0 auto 20px;
    }

    .teacherDetails .rt {
        padding-left: 20px;
    }
}






@media screen and (max-width:1200px) {
    .subPage {
        background: none;
        padding: 0 10px;
        width: auto;
    }

    .Recruitment_con span {
        margin: 18px 2% 0 0;
    }

    .Recruitment_con {
        margin: 18px 0 0 0;
    }

    .bread {
        padding: 0 20px 0 0;
    }
}


@media screen and (max-width:1023px) {
    .scientist_article img {
        width: 180px;
        height: 220px;
        margin: 30px auto 20px;
    }

    .Recruitment {
        margin: 20px -2.5%;
    }

    .RecruitmentIn {
        width: 45%;
        margin: 0 2.5% 20px;
    }
}

@media screen and (max-width:950px) {
    .news_list ul.article-list li {
        width: 50%;
    }

    .item-text {
        font-size: 1.2em;
    }
}

@media screen and (max-width:800px) {
    .sbu_leftWrap {
        display: none;
    }

    .news_list ul.article-list li {
        width: calc(100% / 3);
    }

    .sub_mbtn {
        display: block;
        margin: 20px 0 0 0;
    }

    /*.sub_mbtn{display:block;}
.sub_left{display:none;}*/
    .subPage {
        margin: 0px;
        padding: 0px;
    }

    .sub_right {
        margin: 0px;
        padding: 0px;
    }

    .subPage {
        margin: 0px;
    }

    .wrap_bread {
        display: none;
    }

    .articleTitle {
        border-bottom: 0px;
    }

    .cont_link {
        display: block;
        border-top: 10px solid #eaf0f6;
    }

    .Center_Introduction {
        padding: 0 0 40px 0;
    }

    .pageArticle {
        padding: 0 25px;
    }

    .Center_Introduction img {
        padding: 0px;
    }

    .top_bread {
        display: block;
    }

    .page {
        display: none;
    }

    .next_btn {
        display: block;
    }
}



@media screen and (max-width:640px) {
    .Center_Introduction img {
        width: 100%;
    }

    .news_list ul.article-list li {
        width: 50%;
    }

    .item-text {
        padding: 0 10px;
    }

    .item-text {
        font-size: 1.1em;
    }
}

@media screen and (max-width:599px) {}

@media screen and (max-width:480px) {
    .Scientific ul li {
        width: 94%;
        float: none;
    }

    .page {
        display: none;
    }

    .minpage {
        display: block;
    }
}

@media screen and (min-width:320px) and (max-width:360px) {
    .news_list ul.article-list li {
        width: 100%;
    }
}.tea_ser2 .ser_c ul {
    margin: 10px 0 0 0;
    font-size: 0;
}

.tea_ser2 .ser_c ul li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #d2d2d2
}

.tea_ser2 .ser_c ul li span {
    float: right;
    font-size: 14px;
    color: #414141;
    margin: 0 0 0 10px;
}

.tea_ser2 .ser_c ul li a {
    height: 44px;
    line-height: 44px;
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #414141;
}

.tea_ser2 .ser_c ul li a:hover {
    color: #004a99
}