@charset "utf-8";



/* 分页 */

.pagination {
	text-align: center;
	font-size: 0;
	padding-top: 50px;
}

.pagination a {
	display: inline-block;
	border: 1px solid #dcdcdc;
	padding: 0 12px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	color: #666;
	margin: 0 7px;
}

.pagination a.active {
	background: #024f85;
	color: #fff;
	border: 1px solid #024f85;
}

.pagination a:hover {
	background: #024f85;
	color: #fff;
	border: 1px solid #024f85;
}

.pagination span {
	display: inline-block;
	font-size: 14px;
}













.banner {
    position: relative;
}

.banner img {
    display: block;
    width: 100%;
}

.nymain {
    background-color: #f8f8f8;
}

.nymain>.px1400 {
    position: relative;
    background: #fff;
}

.ny-nav {
    position: absolute;
    background: url(../images/ny-tit.png) no-repeat;
    width: 100%;
    top: -68px;
}

.ny-nav>a {
    display: inline-block;
    line-height: 68px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    position: relative;
}
.ny-nav p {
    display: inline-block;
    line-height: 68px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    position: relative;
}

.ny-nav .on::after {
    content: '';
    width: 100px;
    height: 5px;
    background-image: linear-gradient(#d9eaf6,
            #d9eaf6),
        linear-gradient(#ffffff,
            #ffffff);
    background-blend-mode: normal,
        normal;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.bread {
    position: absolute;
    top: -95px;
}

.bread h2 {
    font-size: 32px;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 25px;
}

.bread span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 28px;
    background: url(../images/location.png) no-repeat;

}


/* cyyc */
.ny-tit {
    padding-top: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 30px;
}

.cyyc {
    padding: 0 80px;
}

.ny-content {

    padding-bottom: 100px;
    box-sizing: border-box;

}

.ny-tit h2 {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
}

.zp {
    margin-bottom: 30px;
}

.zp p {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

.zp h2 {
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

/* jjy */
.jjy {
    padding: 80px 60px;
    min-height: 600px;

}

.jjy p {
    text-indent: 2em;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #333333;
}

.jjy-nav {
    text-align: center;
}

.jjy-nav>a {
    cursor: pointer;
    margin: 0 5.2%;
    display: inline-block;

}
.jjy-nav>a {
    display: inline-block;
    line-height: 68px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    position: relative;
}

.jjy-nav p {
    cursor: pointer;
    margin: 0 5.2%;
    display: inline-block;

}

.ny-content .jjy {
    display: none;
}

.ny-content .on {
    display: block;
}

/* 师资队伍 */
.teach-list {
    padding: 50px 0;


}

.teach-list ul li {
    float: left;
    width: 44%;
    margin: 0 3%;
    background: url(../images/t-list-bj.png) no-repeat;
    background-size: cover;
    margin-bottom: 58px;
}

.teach-list ul li:hover {
    box-shadow: 0 0 10px #999;
}

.teach-list ul li .pic {
    width: 32%;
    padding-top: 46%;
    float: left;
    margin-right: 42px;
}

.teach-list ul li a {
    display: block;
}

.t-txt {

    overflow: hidden;
    padding: 41px 0px;
    padding-right: 21px;
}

.t-txt h2 {
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 29px;
}
.t-txt h2:hover{
    color: #0069a5;
}
.t-txt p {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    opacity: 0.8;
}



.szlb ul li {
    width: 19%;
    float: left;
    margin: 30px 3%;

}

.szlb ul li a .pic {
    width: 85%;
    padding-top: 121%;
    margin: 0 auto;
}

.t-name {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.t-name b {
    font-size: 20px;
    color: #333333;
    text-align: center;
}

.t-name span {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
}

.t-name:hover b{
    color: #0069a5;
}
.t-name:hover span{
    color: #0069a5;
}
/* jsjj */













/* 现任领导*/
.xrld-l {
    width: 100%;
    float: left;
    margin: 0 3%;
}

.xrld-tit {
    padding: 145px 15px;
    font-size: 28px;
    line-height: 40px;
    color: #f4f8fa;
    width: 61px;
    height: 659px;
    background-color: #1461b0;
    float: left;
}

.xrld-c1 {
    overflow: hidden;
    background-color: #f4f8fa;
    padding: 58px 37px;
    min-height: 659px;
}
.xrld-c1 h3::after{
    content: '——';
    font-weight: normal;
    
}
.xrld-c1  h3::before{
    content: '——';
    font-weight: normal;
    
}
.xrld-l h3 {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-bottom: 15px;
}

.xrld-l p {
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #666666;
    text-align: left;
display: contents;
}

.xrld-l span {
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #666666;
    float: left;
}

.xrld-t p {
    text-align: center;
}

.xrld-t {
    margin-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 20px 50px 20px;
}

.xrld-b {
    padding: 0 30px;
}

#xrld-r p {
    font-family: SourceHanSerifCN-Regular;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 68px;
    letter-spacing: 0px;
    color: #333333;
}

#xrld-r span {
    font-size: 24px;
    line-height: 65px;
}

/* 研究方向 */
.yjfx {
    padding: 50px 0;
}

.yjfx table {
    width: 80%;
    background: #f4f9fa;
    font-size: 0;
    position: relative;

}

.yjfx th {
    width: 28%;
    font-family: SourceHanSerifCN-Regular;
    font-size: 26px;
    line-height: 64px;
    font-weight: normal;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding: 0 10px;
}

.yjfx tr:last-child th {
    border-bottom: none;
}

.yjfx tr:last-child td {
    border-bottom: none;
}

.yjfx td {
    width: 72%;
    font-size: 20px;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 20px;
}

.yjfx-tit {
    padding: 145px 15px;
    font-size: 28px;
    line-height: 40px;
    color: #f4f8fa;
    width: 61px;
    height: 469px;
    background-color: #1461b0;
    float: left;
    margin-left: 3%;

}


/* 教师简介 */
.jsjj {
    padding: 60px;

}

.js-box {
    background-color: #0069a5;
    padding: 56px;
}



.js-tit b {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    padding-left: 15px;
    
}

.js-tit b::before {
    content: "";
    width: 7px;
	height: 40px;
	background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
}

.js-tit b span {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
}

.js-tit a {
    float: right;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #ffffff;
}

.js-tit a:hover {
    text-decoration: underline;
}

.js-tit {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(220, 220, 220, 0.48);
}

.js-pic {
    margin-right: 6%;
    position: relative;
    width: 18.5%;
    float: left;
}
.js-box .pic{
    padding-top: 24%;
    
}
.js-pic>img {
    position: absolute;
    padding-left: 16%;
    padding-bottom: 16%;
    z-index: 1;
}

.js-pic::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #3d8dbb;
    position: absolute;
    left: -16%;
    top: 16%;
    z-index: 0;

}
.js-txt{
    overflow: hidden;
}
.js-c {
    margin-top: 30px;
}

.js-c b,
.js-c p,
.js-c a,
.js-c small,
.js-c span {
    color: #fff;

}

.js-c b {
    font-size: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-right: 40px;
}

.js-c span {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.js-c small {
    float: right;
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 40px;
    background: url(../images/email.png) no-repeat;
    background-position: left center;
}

.js-c p {
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 36px;
    opacity: 0.68;
}

.js-c a {
    padding-right: 30px;
    background: url(../images/lianjie.png) no-repeat;
    background-position: right center;
}

.js-c a:hover {
    text-decoration: underline;
}

.js2-l {
    float: left;
    width: 48%;
    position: relative;
}

.js2 .js2-l:first-child {
    margin-right: 4%;
}

.js2 {
    padding: 40px 0;
}

.js2-l h2 b {
    font-size: 32px;
    letter-spacing: 0px;
    color: #000000;

}

.js2-l h2 {
    padding-bottom: 24px;
    border-bottom: 1px solid #dcdcdc;

}

.js2-l h2 b::before {
    content: '|';
    color: #0069a5;
    margin-right: 15px;

}

.js2-l h2 span {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #999999;
}

.js2-l h2 a {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #999999;
}


.js2-l h2 a {
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    background: url(../images/more-bj.png) no-repeat;
    padding: 10px 21px 12px 37px;
    transition: all 0.6s;
}

.js2-l h2 a:hover {
    background: url(../images/more-bj2.png) no-repeat;
    color: #005d89;
}

.js2-l p {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 24px;
    margin-bottom: 15px;
}

.js2-l ul li p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
    display: initial;
}

#js2-b p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333333;
}

.js3 {
    padding: 50px 40px;
    background-color: #f4f8fa;
}

.js3-tit h2 {
    font-size: 32px;
    line-height: 22px;
    color: #000000;
    text-align: center;
}

.js3-tit span {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #999999;
}

.js3-tit {
    position: relative;
}

.js3-tit a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    background: url(../images/more-bj.png) no-repeat;
    padding: 10px 21px 12px 37px;
    transition: all 0.6s;
}

.js3-tit a:hover {
    background: url(../images/more-bj2.png) no-repeat;
    color: #005d89;
}

.js3-c ul li a {
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    padding-left: 40px;
    background: url(../images/lunwen-bj.png) no-repeat;
    background-position: left center;


}

.js3-c ul li a:hover {
    color: #005d89;
}

.js3-c ul li {
    padding: 24px 0;
    border-bottom: 1px solid #e5e5e5;

}


.js3-c ul li:last-child{
    border: none;
}
.text-list{
	padding: 40px;
min-height: 650px;
}
.text-list ul li {
	padding-left: 15px;
	position: relative;
	line-height: 62px;
	border-bottom: 1px dashed #e5e5e5;
	font-size: 16px;
	position: relative;
	left: 0;
	transition: all 0.5s;
	background: url(../images/list-dot.png) no-repeat;
	background-position: left center;
}

.text-list ul li:first-child {
	border-top: none;
}

.text-list ul li a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
}

.text-list ul li span {
	float: right;
	padding-left: 10px;
	color: #666;
}

.text-list ul li:hover a {
	color: #024f84;
}

.text-list ul li:hover span {
	color: #024f84;
}









@media screen and (max-width:1400px) {
    .px1400 {
        padding: 0;
    }
.vsbcontent_img  img{width: auto !important;}

    .bread {
        padding-left: 10px;
        padding-right: 10px;
    }

    .foot {
        padding-left: 10px;
        padding-right: 10px;
    }
    .js2-l h2 b{
        font-size: 24px;
    }
    .js2-l h2 span{
        font-size: 16px;
    }
    .js2-l h2 b::before{
        margin-right: 8px;
    }
    .js2-l h2 a{
        font-size: 12px;
    }
    .xrld-l h3{
        font-size: 18px;
    }
    .xrld-l p{
        font-size: 16px;
    }
    .xrld-l span{
        font-size: 14px;
    }
    #xrld-r p{
        font-size: 22px;
    }
    #xrld-r span{
        font-size: 20px;
    }
}

@media screen and (max-width:1024px) {
    .ny-nav {
        position: relative;
        top: 0;
    }
.vsbcontent_img  img{width: auto !important;}
    .bread h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .bread span {
        font-size: 12px;
    }

    .bread {
        top: -55px;
    }

    .ny-nav p {
        line-height: 36px;
        text-align: center;
        font-size: 16px;
        color: #ffffff;
        position: relative;
    }

    .ny-content {
        padding: 0 10px;
    }

    .ny-tit {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 20px;
    }

    .ny-tit h2 {
        font-size: 18px;
    }

    .zp h2 {
        font-size: 16px;
    }

    .zp {
        margin-bottom: 15px;
    }

    /* .cyyc */
    .cyyc {
        padding: 30px 15px;
    }

    /* jjy */
    .jjy {
        padding: 30px 0px;
    }

    .jjy>p {
        line-height: 32px;
        font-size: 14px;
    }

    /* szdw */
    .teach-list ul li {
        float: none;
        width: 100%;
    }

    .teach-list ul li {
        margin: 30px 0;
    }

    /* szlb */
    .szlb ul li {
        width: 27%;
    }


    /* xrld*/
    .xrld-l {
        float: none;
        width: auto;
        margin-bottom: 30px;
    }

    .xrld-l h3 {
        font-size: 18px;
    }

    .xrld-l p {
        font-size: 16px;
    }

    .xrld-tit {
        font-size: 18px;
        padding: 145px 21px
    }

    .xrld-l span {
        font-size: 16px;
    }

    #xrld-r p {
        font-size: 18px;
    }

    #xrld-r span {
        font-size: 16px;
    }


    /* yjfx */
    .yjfx-tit {
        font-size: 18px;
        padding: 145px 20px;
    }

    .yjfx th {
        font-size: 18px;
    }

    .yjfx td {
        font-size: 16px;
    }

    /* jsjj */
    .js-c small {
        float: none;
        display: block;
        margin-top: 15px;
    }
    .js-tit b{
        font-size: 18px;
    }

    .js-tit b::before {
        content: "";
        width: 5px;
        height: 28px;
        background-color: #ffffff;
        position: absolute;
        left: 0;  
    }


    .js-tit b span{
        font-size: 16px;
    }
    .js-tit a{
        font-size: 12px;
    }
    .js-c b,.js-c span{
        font-size: 16px;
    }
    .js-tit{
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .js-c{
        margin-top: 15px;
    }
    .js-c p{
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 28px;
    }

    .jsjj{
        padding: 20px 0;
    }
    .js-box{
        padding: 20px;
        margin-bottom: 15px;
    }

    .js2-l h2 b{
        font-size: 26px;
        
    }
    .js2-l h2 span{
        font-size: 16px;
    }
    .js2-l h2 a{
        font-size: 14px;
    }
    .js2-l{
        float: none;
        width: auto;
    }
    .js2 .js2-l:first-child{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .js2-l h2 a{
        font-size: 12px;
        padding: 5px 5px 5px 28px;
    }
    .js3-tit h2{
        font-size: 24px;
        
    }
    .js3-tit span{
        font-size: 14px;
    }
    .js3-tit a{
        font-size: 12px;
        padding: 5px 5px 5px 28px;
    }
}

@media screen and (max-width:768px) {
	.pagination {
		padding-top: 50px;
	}
.vsbcontent_img  img{width: auto !important;}
	.pagination a {
		padding: 0 5px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		margin: 0 3px;
	}
	.text-list{
		padding: 10px 20px 20px 20px;
	}
	.text-list ul li span{
		font-size:14px ;
	}
	.text-list ul li{
		line-height: 52px;
	}
    .t-txt {
        text-align: center;
        padding: 20px;
    }

    .teach-list ul li .pic {
        float: none;
        margin: 0 auto;
    }

    .t-txt h2 {
        margin-bottom: 15px;
    }

    /* szlb */
    .szlb ul li {
        width: 50%;
    }

    .szlb ul li {
        margin: 20px 0;
    }

    .xrld-tit {
        height: auto;
    }

    .xrld-c1 {
        padding: 4px 10px;
    }

    .xrld-t {
        margin-bottom: 8px;
        padding: 0 20px 11px 20px;
    }

    .xrld-c1 {
        min-height: 492px;
    }


    .js-pic{
        float: none;
        width: 72%;
        margin: 0 auto;
    }
    .js-box .pic{
        padding-top: 90%;
    }
    .js-tit{
        margin-top: 15px;
    }
    .js-tit b{
        font-size: 14px;
        padding-left: 10px;
    }
    .js-tit b::before{
        height: 20px;
    }
    .js-tit b span{
        font-size: 12px;
    }
    .js-c small{
        background-size: 18px;
        padding-left: 26px;
    }
    .js2-l h2 b{
        font-size: 18px;
    }
    .js2-l h2 span{
        font-size: 14px;
    }
    .js2-l h2 a{
        font-size: 12px;
    }
    .js2{
        padding: 20px 0;
    }
    .js3-tit h2{
        font-size: 18px;
    }
    .js3{
        padding: 20px 10px;
    }
    .js3-tit a{
        top: 9px;
        right: -9px;
    }
    .js3-c ul li a{
        font-size: 12px;
        line-height: 22px;
    }
    .js3-c ul li{
        padding: 10px 0;
    }
    #js2-b p{
        font-size: 14px;
        line-height: 32px;
    }
    .js2{
        padding: 0;
    }
    .js2-l ul li p{
        font-size: 14px;
    }
    .teach-list ul li .pic{
        padding-top: 70%;
        width: 50%;
    }
    .teach-list ul li{
        padding: 20px 0;
    }
    .teach-list{
        padding: 15px;
    }
    .t-name b{
        font-size: 14px;
    }
    .t-name span{
        font-size: 12px;
    }

}


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

    .xrld-b {
        padding: 0 10px;
    }
.vsbcontent_img  img{width: auto !important;}
    .yjfx table {
        width: auto;
    }

    .yjfx th {

        font-size: 14px;
        height: 64.5px;
        line-height: 32px;
    }

    .yjfx td {
        font-size: 12px;
    }


    .js3-tit span{
        font-size: 12px;
    }
    .js2-l p{
        font-size: 18px;
    }


}
@media screen and (max-width:390px) {
.vsbcontent_img  img{width: 100% !important;}
}

@media screen and (max-width:360px) {
.vsbcontent_img  img{width: 100% !important;}
}
@media screen and (max-width:375px) {
.vsbcontent_img  img{width: 100% !important;}
}