@charset "utf-8";
/*孙立宏2020.11.06*/
/*许志鹏2024.01.20*/
/*作为数学系同行，在清华大学数学系教师介绍页发现的，去除了网站其它元素的样式，保留了教师介绍的样式，感谢清华这么好的模版，向清华学习*/
/*文章页*/
.subPage3{background: url(../images/bg5.jpg) no-repeat right top,url(../images/m_bg8.png)  no-repeat left bottom }
/*教师详情页*/
.tBanner{min-height: 420px;margin-top: 10px;position: relative;}
.tBanner::before{content: '';width: 100%;height:calc(100% - 140px);background-image: url(../images/t_banner.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0;}
.subPage4{background: url(../images/t_icon2.png) no-repeat right top 90px,url(../images/t_icon1.png) no-repeat left center,url(../images/t_icon3.png) no-repeat bottom right;min-height: 1200px;margin-top: -110px;}
.t-mode1{padding-top: 200px;}
.t-left{width: 150px;padding-top: 120px;float: left;position: relative;}
.t-left::before{content: '';width: 2px;height: calc(100% - 120px);bottom: 0;right: 0;position: absolute;z-index: 0;background-color: #f7f7f7;}
/* .t-left ul{border-right: 2px solid #f7f7f7;} */
.t-left li{margin-bottom: 48px;font-size: 1.8rem;padding-right: 22px;position: relative;line-height: 1.4;cursor: pointer;text-align: right;}
.t-left li::before{content: '';width: 8px;height: 8px;border-radius: 50%;border: 4px solid #d9d9d9;position: absolute;right: -8px;top: 50%;transform: translateY(-50%);background-color: #fff;}
.t-left ul:last-child li{margin-bottom: 0;}
.t-img1{width: 310px;float: left;padding-left: 30px;position: relative;box-sizing: border-box;}
.t-img1 span{position: relative;padding-bottom: 127.7%;z-index: 5;}
.t-img1::before{content: '';width: 40%;height: 55%;background-color: #d18e59;position: absolute;left: 0;bottom: 0;z-index: 0;}
.t-txt1{margin-left: 310px;padding: 20px 0 0 40px;}
.t-txt1 h3{font-size: 4.8rem;font-weight: normal;margin-bottom: 15px;position: relative;}
.t-list5{padding: 40px 0 190px 20px;position: relative;}
.t-list5::before{content: '';width: 1px;height: 100%;background-color: rgba(255,255,255,0.2);position: absolute;left: 0;top: 0;transition: all 0.35s ease-out;}
.t-list5::after{content: '';width: 10px;height: 1px;background-color: rgba(255,255,255,0.2);position: absolute;left: 0;top: 50px;}
.t-list5 li{margin-right: 5%;font-size: 1.6rem;margin-bottom: 10px;text-align: right;}
.t-left li.active ,.t-left li:hover {color: #6416a6;}
.t-left li.active::before,.t-left li:hover::before{border-color: #6416A6;}
.t-right{margin-left: 10px;margin-top: 10px;}
.t-col1{}
.t-title{overflow: hidden;margin-bottom: 15px;}
.t-title h2{font-weight: normal;font-size: 1.4rem;color: #18267e;position: relative;padding-top: 30px;}
.t-more{float: right;width: 77px;height: 31px;background: url(../images/t_more.png) no-repeat center;line-height: 31px;color: #fff;text-indent: 1em;position: relative;z-index: 50;transition: all 0.4s ease-out;margin-top: 60px;}
.t-more:hover{transform: translateX(-10px);color: #fff;}
.t-con1{line-height: 30px;margin-left: 30px;padding-left: 30px;border-left: 1px solid #ddd;padding-top: 25px;margin-bottom: 22px;color: #666;overflow: hidden;min-height: 60px;}
.t-con1 p{margin-bottom: 30px;font-size:16px;font-family:微软雅黑, 'microsoft yahei';}
.t-con1 p:last-child{margin-bottom:0px;padding-bottom: 20px;font-size:16px;font-family:微软雅黑, 'microsoft yahei';}

.t-left.fixTop{position: fixed;top: 50px;left: 50%;margin-left: -36.5vw;padding-top: 15px;}
.t-left.fixBottom{position: absolute;left: 0;bottom: 20px;}
.xw-mode1{position: relative;padding-top: 20px;}
.subPage4 .gp-bread{margin-top: -10px;}


@media screen and (min-width:1020px) {
	.ms-list4 li:hover,.ms-list8 li > a:hover,.ms-list13 li > a:hover,.ms-list23 li > a:hover{transform: translateY(-15px);}                                                                                                                                                                                                                                  
	.ms-list2 li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);position: relative;}
	.ms-list6 li > a:hover,.jy-img3:hover,.ms-list11 li > a:hover,.djInfo1:hover,.ms-list24 li> a:hover,.ms-list25 li > a:hover{transform: translateY(-15px);box-shadow: 0 0 15px rgba(0,0,0,0.15);}
	.ms-more6 a:hover,.yjsList > li > a:hover{transform: translateY(-15px);}
	.ms-list8 li > a:hover::before{transform: none;}
	.ms-list8 li > a:hover h3{color: #fff;}
	.ms-list9 li:hover,.readMore7 a:hover,.ms-list14 li:hover{transform: translateX(15px);}
	.ms-title1:hover,.ms-title6:hover{transform: translateY(10px);}
	.yjList li:hover{opacity: 0.8;}
	.ms-list11 li a:hover i{color: #6416A6;}
	.ms-list12 li:hover,.ms-list17 li > a:hover,.ms-list19 li > a:hover,.ms-list20 li >a:hover,.ms-list21 li > a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);transform:scale(1.05);position: relative;}
	.ms-list12 li:hover:before,.ms-list12 li:hover:after{border-color: #d18e59;}
	.readMore8:hover::after{left: 100%;}
	.readMore8:hover::before{right: 100%;}
	.wrap-dj-mode2  .ms-list12 li:hover:before,.wrap-dj-mode2 .ms-list12 li:hover:after{border-color: #6416A6;}
	.readMore9:hover::after{right: auto;left: 50%;transform: rotate(135deg);background-color: #6416A6;}
	.readMore9:hover::before{background-color: #6416A6;transform: rotate(135deg);}
	.readMore9:hover{transform: translateY(10px);}
	.ms-list13 li > a:hover .ssTxt,.ms-list13 li > a:hover .gp-img-responsive{box-shadow: 0 0 15px rgba(0,0,0,0.15);}
	.ms-list14 li:hover a::before{background-color: #6416A6;border-color: #6416A6;}
	.ms-list15 li > a:hover .mask_title{transform: none;}
	.ms-list19 li > a:hover .list-date4{background-color: #d18e59;}
	.ms-list20 li >a:hover,.ms-list21 li > a:hover{z-index: 52;}
	.ms-list22 li > a:hover:before{background:url(../images/li_bg2.png) no-repeat center}
	.ms-list17:hover{z-index: 200;}
	.ms-list17 li > a:hover{z-index: 200;position: relative;}
	
}
@media screen  and (max-width:1640px) {
	.items-img2{width: 500px;}
	.items-txt2{margin-left: 500px;padding-top: 5px;}
	.slickNav{left: 505px;}
	.wrap-xy-mode2::before{height: 280px;}
	.wrapSlick2{margin-right: 120px;}
	.gp-xy-mode2{min-height: 280px;}
}

@media screen  and (max-width:1460px) {
	.mt110{margin-top: 90px;}
	.t-list1 li{font-size: 1.6rem;}
	.gp-subLeft >li > a{font-size: 1.7rem;}
	.subTitle h2{font-size: 4rem;}
	.subTitle{width: 300px;}
	.gp-subLeft{margin-left: 320px;}
	.wrap-gk-mode3{background-size: 50% auto;}
	.ms-list1 li h3{font-size: 8rem;}
	.ms-title1,.ms-title6 {width: 50px;}
	.ms-list4 li i{font-size: 7rem;}
	.mt100{margin-top: 80px;}
	.ms-title9{margin-left: -40vw;}
	.wrap-ky-mode2::before{height: 295px;}
	.ms-list8 li > a{margin:  0 25px;}
	.ms-list8{margin: 0 -25px 0 55px;}
	.mb160{margin-bottom: 120px;}
	.zsP1{padding-bottom: 80px;}
	.ms-list11,.ms-list19,.ms-list21,.mrc185 {margin-right: 140px;}
	.djInfo1{width: 450px;}
	.ms-list12{margin-left: 470px;}
	.ms-list12 li{padding: 19px 30px;}
	.ms-list23 li i{font-size: 70px;padding-bottom: 15px;}
	.ms-list23 li{max-width: 220px;}
	.ms-list23 li > a{padding: 30px 0;}
	.tab1 .tabList{width: 500px;}
	.tabMenu1 li{padding-bottom: 12px;margin-bottom: 12px;}
	.tabMenu1{margin-right: 520px;}
	.tabMenu1 li.on p{margin-top: 10px;}
	/* .t-left.fixTop{margin-left: -40vw;} */
	.t-left li{margin-bottom: 30px;}
	.t-img1{width: 250px;}
	.t-txt1{margin-left: 250px;}
	.t-mode1{padding-top: 140px;}
	.t-left{padding-top: 40px;}
	.t-list5{padding-bottom: 150px;}
	.t-right{margin-left: 20px;}
	.t-title h2{font-size: 1.4rem;}
	.subPage4{background-size: 200px auto;}
	.ms-title13::before{width: 210px;}
	
}
@media screen  and (max-width:1386px) {
	.mt110{margin-top: 80px;}
	 .mt80,.mt100{margin-top: 60px;}
	 .ms-list1 li{margin-bottom: 60px;}
	 .ms-list1{padding: 50px 0;}
	 .pd80{padding-bottom: 60px;}
	 .jgx-col2 li{padding-right: 70px;}
  .mb160{margin-bottom: 100px;}
	.ms-list17 li > a{padding: 25px;}
	.list-date i{margin-right: 0;}
	.item-img17{width: 220px;}
	.item-txt17{margin-left: 220px;padding-left: 15px;}
}
@media screen  and (max-width:1300px) {
	.gp-subLeft >li > a{font-size: 1.6rem;}
	.ml185{margin-left: 130px;}
	.slick-txt2 h3{padding: 20px 0;}
	.ms-title9{margin-left: -45vw;}
	.kyCol1{margin-right: 95px;}
	.mt110{margin-top: 70px;}
	.ms-list11,.ms-list19,.ms-list21,.mrc185{margin-right: 90px;}
	.djInfo1{width: 360px;}
	.ms-list12{margin-left: 385px;}
	.djCol1{padding: 30px;}
	.djTxt p{height: 96px;}
	.ms-list12 li a{margin-bottom: 10px;}
	.ms-list12 li{margin-bottom: 17px;}
	.wrap-xy-mode2{padding-top: 50px;}
	.wrap-xy-mode2::before{height: 253px;}
	.items-img2{width: 400px;}
	.items-txt2{margin-left: 400px;}
	.slickNav{left: 405px;}
	.wrap-xy-mode2::before{height: 220px;}
	.items-txt2 p{height: 24px;}
	.t-left.fixTop{margin-left: -40vw;}
	.t-left li{margin-bottom: 20px;font-size: 1.6rem;}
	
}
@media screen and (max-width:1060px) {
	.item-img17{float: none;width: 100%;}
	.item-txt17{margin: 12px 0 0;}
	.item-txt17 h3{height: auto;}
	.ms-list18 .item-txt17 h3{height: 72px;}
	
}
@media screen and (max-width:1024px) {
	#gp-subLeft,.subTitle{display: none;}
	.subBanner{padding-left: 1vw;padding-right: 1vw;}
	.wrap-gk-mode2::before{width: 100%;left: 0;}
	.gp-m-subNav {display: block;}
	.mt110{margin-top: 45px;}
	.genCon1 .p1,.reaMore1{margin:15px 0 0;}
	.ml185{margin-left: 100px;}
	.gk-mode3{padding-bottom: 30px;}
	.wrap-gk-mode3{background-size: 80% auto;}
	.pd80{padding-bottom: 40px;}
	.mt80,.mt100{margin-top: 30px;}
	.yg-mode1,.gp-bread,.wrap-jgw-mode1{margin-top: 0;}
	.hisCol h4{padding-left: 20px;}
	.hisCon1{margin-left: 65px;}
	.ms-title5{text-align: left;margin-bottom: 25px;}
	.jgCol2{margin: 0;}
	.jg-mode1,.mb80,.gk-mode1{margin-bottom: 45px;}
	.reaMore2{padding-top: 20px;}
	.jgCol1,.jgw-info a{margin-bottom: 15px;}
	.ms-list4 li i{font-size: 6rem;}
	.jgx-col2 li{padding-right: 40px;}
	.slick-rt{display: none;}
	.ms-title9{margin-left: 0;left: 4vw;}
	.slick-center{width: 55%;margin-right: 110px;}
	.slick-lf{margin-right: 0;}
	.slick-center .slick-arrow{right: -100px;}
	.ms-list5{padding: 85px 0  40px;}
	.wrap-ky-mode2{padding-top: 30px;}
	.wrap-ky-mode2::before{width: 100%;left: 0;}
	.ms-list8 li > a{margin: 0 10px;}
	.ms-list8{margin: 0 -10px 0 55px;}
	.letterList{/* position: static;margin-left: 65px;font-size: 0; */left: 5px;top: 200px;}
		/* .letterList li{display: inline-block;font-size: 1.6rem;margin-bottom: 10px;} */
		.mb160{margin-bottom: 50px;}
		.wrap-jy-mode2{padding: 50px 0}
		.jyInfo{padding: 30px;}
		.ms-title13{width: 80px;}
		.jyInfo{margin-left: 80px;}
	.jyCol4 .jyInfo{margin: 0 80px 0 0;}
	.jyCol3{margin-bottom: 25px;}
	.jyCol4 .ms-title6{top: 30px;}
	.ms-title13{padding-top: 30px;}
	.ms-list12{margin: 15px 0 0;}
	.ms-list14 li{padding-left: 0;height: 60px;line-height: 60px;}
	.ms-list14 li a::before{top: 25px;}
	.ms-list17 li:last-child > a{border-left: 1px solid #eee;}
	.ms-list23 li{padding: 0 15px ;}
	.ms-list23 li{width: 40%;}
	.ms-list23 li > a{padding: 15px 0;}
	.ms-list23 li i{font-size: 60px;}
	.tabMenu1{margin-right: 0;}
	.tabMenu1 li.on::before{width: 100%;}
	.tab1 .tabList{display: none;}
	.gp-rc-mode1{min-height: 250px;}
	.slickNav{position: relative;width: calc(100% - 80px);margin-top: 20px;left: 0;}
	.subPage3{background-size: 300px auto;}
	.share{display: none;}
	.wrap-gk-mode2{padding-bottom: 30px;}
	.gk-mode3,.t-mode1{padding-top: 40px;}
	.jgw-col1{margin-bottom: 35px;}
	.wrap-rc-mode2{padding: 40px 0;}
	.subPage4{margin-top: 10px ;}
	.t-list5{padding-bottom: 0;}
	.tBanner::before{height: calc(100% - 50px);}
	.t-right{margin-left: 20px;}
	.t-left{padding-top: 0;}
	.tBanner{min-height: 200px;}
	.t-title h2{font-size: 1.4rem;padding-top: 40px;}
	.t-more{margin-top: 40px;}
	.t-left.fixTop{left: 2vw;margin: 0;}
	.yjsList > li > a{margin: 0 15px;}
	.yjsList{margin: 0 -15px;}
	.yjs-label{transform: scale(0.7);left: 50%;right: auto;margin-left: -40px;}
}

@media screen and (max-width:767px) {
	.mt110{margin-top: 35px;}
	.gp-m-inner-header{height: 45px;line-height: 45px;}
	.leaderCon > .gp-fl,.leaderCon > .gp-fr{width: 100%;margin: 0 0 15px 0;}
 .gp-page{display: none;}
 .gp-m-page{display: block;}
 .ml185,.ml100{margin-left: 75px;}
 .ms-title1{width: 45px;padding-top: 20px;}
 .ms-title1 a{padding-left: 10px;}
 .t-list1 li{margin-bottom: 12px;}
 .leader-info{margin-bottom: 25px;}
 .ms-title3{width: 90px;}
 .t-list2 dd{margin-left: 110px;padding-top: 15px;}
 .ms-title3{padding-top: 15px;}
 .yg-col1,.ms-list19 li > a{padding: 20px;}
 .t-list2{margin-bottom: 15px;}
 .ms-list1 li h3{font-size: 6rem;padding: 0 0 10px 15px;}
 .ms-list2 li i{font-size: 6rem;width: 60px;height: 60px;line-height: 60px;padding: 30px 0 10px;}
 .ms-list2 li{height: 160px;}
 .ms-list2 li{height: 180px;}
 .reaMore2{padding-top: 0;}
 .jg-mode2{padding-top: 40px;}
 .ms-title6{top: 40px;}
 .wrap-jg-mode2{padding-bottom: 20px;background-size: auto 270px;min-height: auto;}
 .jgw-info a{margin-bottom: 10px;}
 .jgx-col2 li{padding: 0 15px;margin-bottom: 10px;}
 .jgx-col2{margin-left: 60px;}
 .gp-jgx-mode2{padding-top: 35px;padding-bottom: 15px;}
 .slick-lf{display: none;}
 .slick-center{margin-left: 100px;width: calc(100% - 120px);}
 .slick-center .slick-arrow{transform: scale(0.7);right: auto;left: -80px;}
 .slick-center .slick-prev{top: auto;bottom: 60px;}
 .slick-center .slick-next{top: auto;bottom: 0px;}
 .item-txt6 p{display: none;}
 .item-txt6 h3{height: auto;}
 .item-txt6{padding-top: 15px;}
 .kyCol1{margin-right: 70px;}
 .ms-more6{right: 15px;}
 .jyCol1{margin-right: 50px;}
 .jyCol2{margin-right: 70px;}
 .jyInfo,.ms-list20 li >a{padding: 20px;}
 .ms-title13{width: 60px;padding-top: 20px;}
 	.jyInfo{margin-left: 60px;}
 .jyCol4 .jyInfo{margin: 0 60px 0 0;}
 .ms-list9 li{height: 45px;line-height: 45px;}
 .zsTxt1{margin-left: 0;padding-top: 0;margin-top: 20px;}
 .zsP1{padding: 15px 15px 25px;}
 .ms-list11 {margin-right: 50px;}
 .ms-list11 li{margin-bottom: 15px;}
 .ms-list11 li > a{padding: 15px;}
 .mb80{margin-bottom: 30px;}
 .djCol1{padding: 15px;}
 .ms-list12 li a{white-space: normal;line-height: 1.5;}
 .ms-list12 li{padding: 18px ;}
 .ms-list15 li:first-child{width: 100%;padding-bottom: 10px;}
 .ms-list15 li{width: 50%;}
 .ms-list16 li:nth-child(4), .ms-list16 li:nth-child(5){clear: none;float: left;}
 .ms-list16 li:last-child,.ms-list16 li:first-child{width: 50%;position: static;}
 .ms-list14 li{line-height: 1.5;padding: 10px 0;height: auto;}
 .ms-list14 li a{margin: 0;white-space: normal;}
 .ms-list14 li span{position: static;padding-top: 10px;transform: none;padding-left: 22px;}
 .ms-list14 li a::before{top: 6px;}
 .ssTxt h3{margin-left: 80px;}
 .list-date3 strong{padding-bottom: 2px;}
 .ms-list18 .item-txt17 h3{height: auto;}
 .ms-list17 li > a,.ms-list25 li > a{padding: 15px;}
 .ms-list19,.ms-list21,.mrc185{margin-right: 70px;}
 .ms-list19 li h3{height: auto;}
 .ms-list22 li span{padding-left: 35px;}
 .xyImg3{display: none;}
 .ms-list23{position: static;transform: none;padding: 20px 0;width: 100%;}
 .items-txt2{margin: 10px 0 0 ;color: #333;}
  .items-txt2 *{color: #333;}
	.items-txt2 p,.items-txt2  h3{height: auto;}
	.items-txt2 h3{margin-bottom: 10px;}
	.ms-list25 li,.ms-list24 li{margin-bottom: 10px;}
	.xw-mode1{margin-top: 0;}
	.ms-title11,.ms-title4{transform: scale(0.5);}
	.gp-jy-mode1  > .ms-title11{transform-origin: 100%;}
	.gp-jy-row2 .ms-title11{left: -120px;transform: scale(0.5);}
	.t-left{float: none;margin-bottom: 10px;box-sizing: border-box;}
	.t-right{margin: 15px 0 0;}
	.t-left{border-left: 2px solid #F7F7F7;border-right: none;text-align: left;display: flex;align-content: center;justify-content: center;}
	.t-left ul{text-align: center;}
	.t-left li{text-align: left;padding: 0 14px;font-size: 1.8rem;width: 50%;box-sizing: border-box;display: inline-block;}
	.t-left li::before{right: auto;left: -8px;display: none;}
	.t-more{text-indent: 1.5em;}
	.jyTxt{padding: 15px;border-left: none;margin-left: 0;}
	.gp-jy-row2 .ms-title12{top: 0;}
	.ms-title10{transform-origin: 0;}
	.yjsList > li {margin-bottom: 40px;margin-top: 0 !important;}
	.yjsList > li h3{padding: 15px 0;}
}

@media screen and (max-width:640px) {
	.t-img1{float: none;margin: 0 auto;}
	.t-txt1{width: 100%;margin: 0 ;padding:10px 0 0; position: relative;z-index: 20;}
	.tBanner::before{height: 100%;}
	.t-list5{padding: 20px 0 40px 20px;}
	.t-txt1 h3{text-align: center;font-size: 3rem;}
	.t-list5::before,.t-list5::after{display: none;}
	.ms-list5{padding-top: 40px;}
}

@media screen and (max-width:480px) {
	.sList{margin: 0 75px 0 15px;}
	 .wrap-jg-mode2{background-size: auto 220px;}
	 .ms-list4 li{height: 360px;margin-top: 0 !important;}
	 .ms-list4 li span:first-child{padding-top: 30px;}
	.ms-list4 li i{width: 50px;height: 50px;line-height: 50px;}
	.ms-list15 li{width: 100% !important;}
	.ms-list21 li > a{padding: 15px;}
}
@media screen and (max-width:400px) {
.t-list2 dd{padding-top: 0;border: none;}
	.ms-title3{float: none;}
	.t-list2 dd{margin: 15px 0 0;}
	.items-txt2{background-color: #fff;}
}