@charset "utf-8";

body{ overflow: inherit;}

.pop-docinfo{ display: none; position: fixed; left: 50%; top: 50%; padding: 70px 50px; width: 900px; background-color: #fff; z-index: 9;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.pop-docinfo .close{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(/Public/static/themes/image/xf/png5.png) center no-repeat; z-index: 1;}
.pop-docinfo .cont{ max-height: 400px; word-break: break-all; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.pop-docinfo .cont .t{ margin-bottom: 15px; font-size: 16px; color: #b29b6b;}
.pop-docinfo .cont .p{ line-height: 1.8571;}
.pop-docinfo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #8a2a38;}
.pop-docinfo.show{ display: block;}

.tenured_professor1{ padding-bottom: 60px; background: url(/Public/static/themes/image/xf/img20.jpg); overflow: hidden;}
.tenured_professor1:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/Public/static/themes/image/xf/img2.jpg) center top no-repeat;}
.tenured_professor1 .wrap{ position: relative; margin: auto; width: 1230px;}
.tenured_professor1 .head{ position: absolute; left: 0; right: 0; top: 0; z-index: 1;}
.tenured_professor1 .head .logo{ position: absolute; left: 0; top: 0; width: 250px; height: 168px; overflow: hidden;}
.tenured_professor1 .head .logo img{ display: block; width: 100%;}
.tenured_professor1 .head .back{ position: absolute; right: 0; top: 36px; padding-left: 38px; background: url(/Public/static/themes/image/xf/png1.png) left no-repeat; font-size: 18px; color: #b29b6b;}
.tenured_professor1 .banner{ position: relative; height: 748px;}
.tenured_professor1 .banner .img{ position: absolute; left: 50%; top: 50%; width: 865px; height: 300px; opacity: 0; overflow: hidden;
	-ms-transform: translate(-50%,-50%) scale(0.6);
	transform: translate(-50%,-50%) scale(0.6);
	transition: all 1s;
}
.tenured_professor1 .banner .img img{ display: block; width: 100%;}
.tenured_professor1 .banner.anim .img{ opacity: 1;
	-ms-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
}

.tenured_professor2{ position: relative; padding: 105px 0 110px; background: url(/Public/static/themes/image/xf/img3.jpg); overflow: hidden;}
.tenured_professor2:before{ content: ''; position: absolute; right: 0; bottom: 0; width: 440px; height: 430px; background: url(/Public/static/themes/image/xf/img21.jpg) no-repeat;}
.tenured_professor2 .wrap{ position: relative; margin: auto; width: 1230px;}

.t_unit{ position: relative;}
.t_unit .tit{ position: absolute; width: 79px; height: 347px; background: url(/Public/static/themes/image/xf/png4.png) no-repeat;}
.t_unit .tit .s{ position: absolute; left: 50%; top: 50%; width: 1em; font-size: 32px; color: #fff; line-height: 1.1;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.t_unit .ul{ margin-left: 110px; overflow: hidden;}
.t_unit .li{ float: left; margin-left: 20px; margin-bottom: 30px; width: 260px; cursor: pointer;}
.t_unit .img{ height: 292px; overflow: hidden;}
.t_unit .img img{ display: block; width: 100%;
	transition: all 1s;
}
.t_unit .t{ background-color: #b29b6b; font-size: 20px; color: #fff; line-height: 55px; text-align: center;}
.t_unit .t .s{ padding: 2px 5px; border: 2px solid #000;}

@media screen and (min-width: 1024px) {
	
	.t_unit .li:hover .img img{
		transform: scale(1.1);
	}
	
}

@media screen and (max-width: 1300px) {
	
	.tenured_professor1 .wrap,
	.tenured_professor2 .wrap{ width: 960px;}
	
}

@media screen and (max-width: 750px) {
	.pop-docinfo{ padding: 0.5rem; width: 7rem;}
	.pop-docinfo .close{ width: 0.5rem; height: 0.5rem; background-size: 0.3rem;}
	.pop-docinfo .cont{ max-height: 5rem; overflow: auto;}
	.pop-docinfo .cont .t{ margin-bottom: 0.2rem; font-size: 0.3rem;}
	.pop-docinfo .cont .p{ line-height: normal;}
	.pop-docinfo .mCSB_inside > .mCSB_container{ margin-right: 0.5rem;}
	
	.x-container{ min-width: 320px;}
	
	.tenured_professor1 .wrap,
	.tenured_professor2 .wrap{ padding: 0 0.25rem; width: 100%;}
	
	.tenured_professor1{ padding-bottom: 0.5rem;}
	.tenured_professor1:before{ background-size: contain;}
	.tenured_professor1 .head{ position: relative;}
	.tenured_professor1 .head .logo{ position: static; width: 2.5rem; height: auto;}
	.tenured_professor1 .head .back{ top: 0.4rem; padding-left: 0.5rem; background-size: 0.4rem; font-size: 0.3rem;}
	.tenured_professor1 .banner{ height: 3rem;}
	.tenured_professor1 .banner .img{ width: 80%; height: auto;}

	.tenured_professor2{ padding: 1rem 0; }
	.tenured_professor2:before{ width: 4rem; height: auto; background-size: contain;}

	.t_unit .tit{ position: static; margin-bottom: 0.3rem; width: 100%; height: auto; background: none; text-align: center;}
	.t_unit .tit .s{ position: static; width: 100%; font-size: 0.4rem;
		transform: none;
	}
	.t_unit .ul{ display: flex; flex-wrap: wrap; margin-left: 0;}
	.t_unit .li{ float: none; margin-left: 0.2rem; margin-bottom: 0.3rem; width: 3.39rem;}
	.t_unit .li:nth-child(odd){ margin-left: 0;}
	.t_unit .img{ height: auto;}
	.t_unit .t{ padding: 0.2rem; font-size: 0.3rem; line-height: normal;}
	
}