@charset "utf-8";
/* CSS Document By www.ahweilai.com */
body {
	/*font-family:"MicroSoft Yahei",Arial;*/
	font-family:'Droid Serif',Lora,Georgia,serif,Arial;
	font-size:16px;
	line-height:1.2;
	color:#222;
}
.wid {
	width:96%;
	margin-right:auto;
	margin-left:auto;
}
/*display-none*/
.header,.web_title {
	display:none;
}
/*display-block*/
.nav_wap,.black-fixed,.header_wap {
	display:block;
}
/*header*/
img {
	display:block;
	max-width:100%;
}
body {
	position:relative;
	width:100%;
	height:100%;
}
.allpage {
	position:relative;
	z-index:10;
	background-color:#fff;
	height:auto;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	right:0;
	min-height:6rem;
}
.clicked {
	right:220px !important;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.nav_wap {
	width:220px;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	background-color:#333;
	padding-top:0.3rem;
}
.fixed {
	width:220px;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}
.nav_wap li {
	width:220px;
	margin:0 auto;
	border-bottom:1px solid #666;
	padding-bottom:0.1rem;
}
.nav_wap li a {
	color:#fff;
	display:block;
	text-indent:20%;
	font-size:0.26rem;
	line-height:0.35rem;
	padding-top:0.15rem;
}
.nav_wap li p {
	text-indent:70px;
}
.nav_wap li:last-child {
	margin-bottom:20%;
}
.header_wap {
	width:100%;
	height:0.79rem;
	position:fixed;
	z-index:9999;
	background-color:#000;
}
.head {
	width:100%;
	height:0.79rem;
	top:0;
	right:0;
	box-shadow:0 0 2px rgba(0,0,0,.55);
	line-height:0.9rem;
	z-index:99;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#222;
}
.waplogo {
	font-size:0.205rem;
	color:#fff;
	display:inline-block;
	width:86%;
	height:auto;
	text-align:center;
	line-height:0.79rem;
	float:left;
	margin-left:1%;
	font-weight:bold;
}
.waplogo img {
	display:inline;
}
.nav-btn {
	width:14.0625%;
	right:0;
	top:0;
	position:absolute;
	font-size:0.4rem;
	line-height:0.79rem;
	color:#fff;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
}
.black-fixed {
	position:fixed;
	z-index:99999 !important;
	left:0;
	width:0;
	top:0;
	height:100%;
	background:rgba(0,0,0,0.9);
	text-align:right;
	font-size:0.4rem;
	color:#fff;
	line-height:2;
	right:0;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	opacity:0;
	cursor:pointer;
}
.black-clicked {
	width:100%;
	padding-right:2%;
	left:-227px;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	opacity:1
}
/*banner*/
.banner {
	padding-top:0.79rem;
	margin-bottom:20px;
}
.swiper {
	width:100%;
	height:100%;
}
.swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	/* Center slide text vertically */
  display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.swiper-slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.swiper {
	margin-left:auto;
	margin-right:auto;
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
}
.swiper-pagination-bullet-active {
	background-color:#000;
}
.swiper-button-next,.swiper-button-prev {
	background-color:#000;
	color:#fff;
	width:20px;
	height:40px;
}
.swiper-button-next::after,.swiper-button-prev::after {
	font-size:18px;
}
/*main*/
.main .about .title,.main .openings .title,.main .news .title {
	line-height:1.1em;
	font-size:0.32rem;
	padding:8px 0 15px 0;
	border-bottom:solid 3px #9e2630;
	margin-bottom:15px;
}
.main .about .con,.main .openings .con {
	font-size:0.235rem;
	text-align:justify;
	line-height:1.6;
}
.main .about .con p,.main .openings .con p {
	text-indent:2em;
}
.main .news {
	margin-bottom:50px;
}
.main .news .con {
	padding-top:10px;
}
.main .news .title span {
	float:right;
	font-size:0.2remx;
	padding-top:0.1rem;
}
.main .news .title span a {
	color:#000;
	font-size:0.25rem;
}
.main .news .con ul li,.smain .news .con ul li {
	font-size:0.22rem;
	margin-bottom:20px;
	text-align:justify;
}
.main .news .con ul li span,.smain .news .con ul li span {
	display:block;
	font-size:0.22rem;
	color:#9e2630;
	font-weight:bold;
	margin-bottom:10px;
}
/*smain*/
.s_title {
	font-size:0.32rem;
	line-height:1.1em;
	text-align:center;
	padding-top:1.2rem;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 3px #9e2630;
}
.s_titles {
	font-size:0.32rem;
	line-height:1.1em;
	text-align:center;
	padding-top:.3rem;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 3px #9e2630;
}
.smain {
	margin-bottom:20px;
}
/*member*/
.member .pic {
	margin-bottom:0;
	/*border-bottom:solid 3px #9e2630;
	*/
  padding-bottom:20px;
}
.member .pic img {
	width:100%;
	/*margin:0 1%;
	*/
}
.member .professor {
	display:flex;
	justify-content:flex-start;
	margin-bottom:20px;
}
.member .professor .img {
	width:100%;
	height:2rem;
}
.member .professor .img img {
	width:100%;
	height:2rem;
	object-fit:cover;
}
.member .professor .info {
	margin-left:5%;
}
.member .professor .info h2 {
	font-size:0.22rem;
	font-weight:bold;
	margin-bottom:5%;
}
.member .professor .info h3 {
	font-size:0.22rem;
	font-weight:bold;
	margin-bottom:5%;
}
.member .professor .info h6 {
	font-size:0.2rem;
	font-weight:normal;
	margin-bottom:3%;
}
.member .professor .info p {
	font-size:0.235rem;
	line-height:0.35rem;
}
.member .professor .info p:last-child {
	padding-top:3%;
}
.member .list .title,.member .title {
	font-size:0.3rem;
	line-height:0.3rem;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:3px solid #9e2630;
}
.member .list .con {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.member .list .con .item {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.member .list .con .item .img {
	width:31%;
	height:2rem;
}
.member .list .con .item .img img {
	width:100%;
	height:2rem;
	object-fit:cover;
}
.member .list .con .item .info {
	width:64%;
	margin-left:5%;
}
.member .list .con .item .info h2 {
	font-size:0.22rem;
	font-weight:bold;
	margin-bottom:5px;
}
.member .list .con .item .info p {
	font-size:0.235rem;
	line-height:0.35rem;
}
.member .list .wl-info p {
	font-size:.235rem;
	line-height:1.6;
}
.member .list .wl-info {
	padding-bottom:.4rem;
}
.member .list .wl-info p::before {
	content:"•";
	color:#000;
	font-size:20px;
	margin-right:8px;
}
/*research*/
.research {
	padding-bottom:15px;
}
.research .txt {
	font-size:0.235rem;
	margin-bottom:10px;
	text-align:justify;
	line-height: 0.35rem;
}
.research .txt p {
	text-indent:2em;
	text-align:justify;
}
.research .list .title {
	font-size:0.24rem;
	padding-top:0.4rem;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 3px #9e2630;
	text-align:justify;
}
.research .list .con p img,.research .txt p img {
	width:100%;
	margin:0 0 5% 0;
}
.research .list .con p,.research .list .con {
	font-size:0.235rem;
	margin-bottom:10px;
	text-indent:2em;
	text-align:justify;
	line-height:0.4rem;
}
/*publication*/
.publication .txt {
	font-size:.25rem;
}
.publication .txt a {
	color:Brown;
	padding-bottom:3px;
	border-bottom:1px solid rgba(158,38,48,0.35);
}
.publication .txt a:hover {
	border-bottom-color:rgba(158,38,48,1);
	color:rgba(158,38,48,0.7);
}
.publication .list .title {
	font-size:0.32rem;
	padding:0.4rem 0 0.2rem 0;
	/*width:30%;
	*/
  border-bottom:2px solid #9e2630;
	margin-bottom:20px;
	font-weight:bold;
}
.publication .list ul li {
	padding-bottom:10px;
	padding-top:8px;
	font-size:0.235rem;
	line-height:0.4rem;
	text-align:justify;
}
/*.publication .list ul li::before {
	content:"•";
	color:#000;
	font-size:20px;
	margin-right:8px;
}*/
.publication .list ul li p::before {
	content:"•";
	color:#000;
	font-size:20px;
	margin-right:8px;
}
.publication .list ul li h1 {
	font-size:0.26rem;
	font-weight:normal;
	margin-bottom:10px;
}
.publication .list ul li p {
	font-size:0.235rem;
	line-height:0.4rem;
	text-align:justify;
}
.publication .list ul li a {
	color:Brown;
	padding-bottom:3px;
	border-bottom:1px solid rgba(158,38,48,0.35);
}
.publication .list ul li a:hover {
	border-bottom-color:rgba(158,38,48,1);
	color:rgba(158,38,48,0.7);
}
/*footer*/
.footer {
	color:#fff;
	background-color:#272727;
	padding-top:0.4rem;
	padding-bottom:10px;
}
.footer .wid_f {
	width:94%;
	margin:0 auto;
}
.footer h1 {
	font-size:0.32rem;
	font-weight:normal;
	line-height:1.3em;
	padding-bottom:10px;
	border-bottom:solid 2px #fff;
}
.footer .line {
	width:35%;
	height:8px;
	background-color:#fff;
	margin-bottom:20px;
}
.footer p {
	font-size:0.235rem;
	margin-bottom:20px;
}
.footer p a {
	color:#428bca;
}
.footer ul {
	margin-bottom:25px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	border-bottom:solid 2px #fff;
}
.footer ul li {
	line-height:30px;
	width:100%;
	display:flex;
	justify-content:flex-start;
	font-size:.235rem;
}
.footer ul li:first-child span {
	font-size:40px;
	line-height:50px;
}
.footer ul li span {
	text-align:center;
	font-size:24px;
	padding-right:15px;
	display:block;
	/*width:15%;
	*/
}
.footer ul li a {
	color:#fff;
	font-size:0.235rem;
}
.footer p:last-child {
	font-size:0.235rem;
	text-align:center;
}
.footer p:last-child a {
	color:#fff;
}
.footer ul li span img {
	width:26px;
	position:relative;
	bottom:5px;
}
/*news*/
.wl-more {
	margin:40px auto 20px auto;
	display:table;
}
.wl-more a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:160px;
	height:.5rem;
	border-radius:.3rem;
	border:2px solid #9e2630;
	transition:all .4s ease;
	background:#eee;
}
.wl-more a:hover {
	background-color:#9e2630;
}
.wl-more a span {
	color:#222;
	font-size:.25rem;
	margin-right:.2rem;
}
.wl-more a:hover span {
	color:#fff;
}
.wl-more a:after {
	content:'';
	display:block;
	width:.55rem;
	height:.2rem;
	background-image:url(../images/jt_r.png);
	background-repeat:no-repeat;
	/*background-position:center;
	*/
}
.wl-more a:hover:after {
	background-image:url(../images/jt_r-h.png);
}
/*news images*/
.smain .wl-news-images {
	padding:.15rem 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.smain .wl-news-images .wl-item {
	border:solid 1px #ddd;
	padding:calc(2% - 1px);
	margin-bottom:.2rem;
	width:44%;
	background-color:#fff;
	background-image:url("../images/ico.png");
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:28%;
	transition:all ease .4s;
}
.smain .wl-news-images .wl-item:hover {
	background-size:32%;
	background-image:url("../images/ico-h.png");
}
.smain .wl-news-images .wl-item .wl-img {
	width:100%;
	height:1.5rem;
	overflow:hidden;
	margin-bottom:.2rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.smain .wl-news-images .wl-item .wl-img img {
	max-width:100%;
	max-height:100%;
	object-fit:cover;
	transition:all ease .4s;
}
.smain .wl-news-images .wl-item:hover .wl-img img {
	transform:scale(1.1);
}
.smain .wl-news-images .wl-item h3 {
	font-size:.22rem;
	color:#3f3613;
	text-align:center;
	margin-bottom:.2rem;
	height:.6rem;
	line-height:1.4;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	font-weight:normal;
	white-space:normal;
	margin-top:.04rem;
}
.smain .wl-news-images .wl-item:hover h3 {
	color:#9e2630;
}
.smain .wl-news-images .wl-item p {
	font-size:.18rem;
	text-align:center;
	color:#aaa;
	line-height:.25rem;
	height:.75rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}
.smain .wl-news-images .wl-item .wl-date {
	display:flex;
	justify-content:space-between;
	padding:0 .05rem .15rem;
}
.smain .wl-news-images .wl-item .wl-date span {
	color:#666;
	font-size:.21rem;
}
.smain .wl-news-images .wl-item .wl-date span i {
	padding-right:.1rem;
}
.smain .wl-news-images .wl-item .wl-date span i img {
	display:inherit;
}
.smain .wl-news-images .wl-item .wl-date i:nth-child(2) {
	display:inline-block;
	width:5vw;
	height:5vw;
	font-size:.21rem;
	text-align:center;
	border-radius:60%;
	line-height:5vw;
	background-color:#9e2630;
	color:#fff;
	margin-left:.15rem;
}
#wp_pager ul.pages li {
	margin:0 5px;
	font-size:.235rem;
}
/*contact us*/
.wl-contact .pic {
	margin-bottom:30px;
	/*border-bottom:solid 3px #9e2630;
	padding-bottom:30px;
	*/
}
.wl-contact .pic img {
	width:100%;
	/*margin:0 1%;
	*/
}
.wl-contact .txt {
	font-size:0.235rem;
	text-align:justify;
	line-height:1.8;
	/*margin-bottom:10px;
	*/
}
.wl-contact .txt iframe {
	width:100%;
}
.wl-contact .txt img {
	max-width:100%;
}
.wl-contact .txt a {
	color:Brown;
	padding-bottom:3px;
	border-bottom:1px solid rgba(158,38,48,0.35);
}
.wl-contact .txt a:hover {
	border-bottom-color:rgba(158,38,48,1);
	color:rgba(158,38,48,0.7);
}
.wl-contact .txt .wl-content-title {
	font-size:0.25rem;
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #ccc;
	margin:0 0 .3rem 0;
	padding-bottom:.3rem;
	padding-top:1.2rem;
	line-height:1.4;
}
.wl-contact .txt .wl-content-title span {
	display:block;
	font-size:.24rem;
	color:#777;
	margin-top:15px;
	font-weight:normal;
}
.wl-contact .txt .wl-content-title i img {
	display:inline-block;
}
