@charset "utf-8";
/* CSS Document */

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

	.nav li a {
		font-size: .25rem;
	}

	.nav ul li a::after {
		background-position: -40% bottom;
	}

	.banner {
		margin-top: .33rem;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .17rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .15rem;
	}

	.index-list ul li .time h3 {
		font-size: .21rem;
	}


	.list ul li a .time,
	.list ul li a p {
		font-size: .19rem;
	}

	.footer-info p {
		margin-bottom: 0.13rem;
	}

}


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

	.nav li a {
		font-size: .26rem;
	}

	.nav ul li a::after {
		background-position: -30% bottom;
	}

	.banner {
		margin-top: .43rem;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .18rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .16rem;
	}

	.index-list ul li .time h3 {
		font-size: .22rem;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .2rem;
	}

	.footer-info p {
		margin-bottom: 0.11rem;
	}

}


@media screen and (max-width: 1320px) {
	.nav li a {
		font-size: .27rem;
	}


	.nav ul li a::after {
		background-position: -25% bottom;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .19rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .17rem;
	}

	.index-list ul li .time h3 {
		font-size: .23rem;
	}


	.list ul li a .time,
	.list ul li a p {
		font-size: .21rem;
	}

	.list ul li::after {
		height: 4px;
	}
}

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

	.index-list ul li .time {
		margin-top: .02rem;
	}
}



@media screen and (max-width: 1200px) {
	.nav li a {
		font-size: .28rem;
	}

	.nav ul li a::after {
		background-position: -20% bottom;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .2rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .18rem;
	}

	.index-list ul li .time h3 {
		font-size: .24rem;
	}

	.index-list ul li .text {
		padding-right: .15rem;
	}

	.index-list .index-title .more {
		right: .15rem;
		bottom: 0.18rem;
	}

	.zxdt ul li::before {
		bottom: 0.26rem;
	}


	.list ul li a .time,
	.list ul li a p {
		font-size: .22rem;
	}

	.footer-info p {
		margin-bottom: 0.1rem;
	}


	.footer-box .footer-text {
		margin: 0 1.2rem;
	}
}


@media screen and (max-width: 1120px) {
	.banner {
		margin-top: .73rem;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .21rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .19rem;
	}

	.index-list ul li .time h3 {
		font-size: .25rem;
	}

	.zxdt ul li a {
		width: 78%;
	}

	.zxdt ul li span {

		width: 22%;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .23rem;
	}

	.footer-info p {
		margin-bottom: 0.08rem;
	}
}



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


	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .22rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .2rem;
	}

	.index-list ul li .time h3 {
		font-size: .26rem;
	}

	.index-list ul li .time {
		width: .75rem;
	}


	.zxdt ul li a {
		width: 75%;
	}

	.zxdt ul li span {

		width: 25%;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .24rem;
	}

	.list ul li::after {
		height: 3px;
	}

}


@media screen and (max-width: 992px) {
	.header {
		padding-top: 57px;
		width: 100%;
		height: 320px;
	}

	.container {
		padding: 0 0.25rem;
	}

	.top-navbar {
		display: block;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
	}

	.header-top {
		width: 100%;
		height: 100%;
		display: inline-block;
		object-fit: cover;
	}


	.nav-box {
		display: none;
		top: 0;
		bottom: auto;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 4;
		/* margin-top: 47px; */
	}

	.nav-box.on {
		display: block;
	}


	.nav {
		/* display: none; */
		width: 100%;
		height: 100%;
		margin-top: 57px;
		background: #1779C0;
		border-top: 1px solid #C1C1C1;
	}


	.nav ul li {
		width: 100%;
		text-align: left;
		margin-left: 0;
		height: .65rem;
		line-height: .65rem;
	}

	.nav li a {
		font-size: .23rem;
	}

	.nav ul li a::after {
		background-position: -22% bottom;
	}

	.nav ul li:first-child:hover a:after, .nav ul li:first-child.active a:after {
		background-position: 8% bottom;
	}

	.navbar-toggle {
		display: block;

	}

	.navbar-toggle.on {
		margin: 22px 0;
		-webkit-transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		-o-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s;
	}

	.banner {
		float: inherit;
		width: 60%;
		margin: 0 auto;
	}

	.zxdt {
		width: 100%;
		margin-top: 0.34rem;
	}

	.zxdt .index-title h3 {
		padding: 0 .23rem;
	}

	.index-title .more {
		background-size: .25rem;
		line-height: .28rem;
		padding-right: 0.27rem;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .2rem;
	}

	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d {
		font-size: .19rem;
		display: inline-block;
		margin: 0 0 10px;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .18rem;
	}

	.index-list ul li .time h3 {
		font-size: .24rem;
	}

	.zxdt ul li span {
		text-align: right;
		/* padding-right: .3rem; */
	}


	.index-list {
		width: 100%;
		padding: .1rem 0 .35rem;
	}


	.index-list .index-title {
		padding: 0.05rem .1rem;
	}

	.index-list ul {
		padding: 0 .1rem;
	}

	.index-list .index-title .more {
		right: .05rem;
	}

	.index-list ul li .text {
		padding-right: .16rem;
	}

	.zxdt .index-title {
		margin: 0 0.1rem 0.14rem;
	}

	.zxdt .index-title .more {
		right: -0.05rem;
	}

	.zxdt ul li {
		padding: 0.19rem 0.32rem 0.19rem 0.32rem;
	}

	.gjzc,
	.tszs {
		margin-top: .3rem;
		margin-left: 0;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .21rem;
	}

	.current {
		padding: .11rem .35rem;
	}

	.location {

		margin-left: 1.95rem;

	}

	.list ul li a {
		padding: .22rem .6rem .22rem .35rem;
	}

	.list ul li .list-icon {
		right: .2rem;
	}

	.footer-box {
		margin: .44rem .6rem .7rem;
	}

	.footer-boxmax {
		margin: .37rem .35rem .44rem;
	}

	.footer-box .footer-text {
		margin: 0 0.5rem;
	}

	.footer-info p {
		margin-bottom: 0.07rem;
	}

	.footer-code {
		width: 40%;
		margin-left: 10%;
	}


	.footer {
		background-image: url("https://www.peaktip.com/__xh__/sww.whu.edu.cn/images/footer.png");
		background-size: auto 100%;
	}


}

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

	.footer-box {
		margin: .44rem .4rem .7rem;
	}

	.footer-box .footer-text {
		margin: 0;
	}

	.footer-code {
		width: 100%;
		margin-left: 0;
	}

	.footer-info {
		width: 100%;
	}
}


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

	.content-bg {
		padding: .4rem .22rem 0;
	}

	.article .article-libs{
		padding: .15rem  0;
}

.article-foot{
	padding-bottom: 35px;
}

.returnList{
	top: auto;
	bottom: 5px;
	left: 0;
    right: auto;
}

}

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

	.banner {
		width: 80%;
	}

	.zxdt ul li a {
		width: 75%;
	}

	.zxdt ul li span {
		width: 25%;
	}

	.container {
		padding: 0 20px;
	}

	.current {
		padding: .08rem .25rem;
	}

	.location {
		padding: .03rem 0 .14rem;
		margin-left: 1.75rem;
	}

	.list ul li {
		margin-bottom: .2rem;
	}


	.list ul li a .time {
		margin-right: .15rem;
	}

	.list ul li a {
		padding: .2rem .6rem .2rem .25rem;
	}

	.article h4.information span {
		margin: 0 .18rem 0 0;
	}


}

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

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .21rem;
	}


	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d {
		font-size: .2rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .19rem;
	}

	.index-list ul li .time h3 {
		font-size: .25rem;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .23rem;
	}

	.article h4.information {
		padding: .15rem 0 .1rem;
	}

	#resize {
		float: inherit;
		display: block;
		margin-top: 3px;
		text-align: right;
	}


	#resize a.small-size {
		font-size: .2rem;

	}

	#resize a.small-size:after {
		font-size: .16rem;
		top: -3px;
		right: -6px;
	}

	#resize a.normal-size {
		font-size: .22rem;
	}


	#resize a.large-size {
		font-size: .24rem;
	}

	#resize a.large-size:after {
		font-size: .2rem;
		top: -5px;
		right: -14px;
	}

}


@media screen and (max-width: 520px) {
	.container {
		padding: 0 15px;
	}

	.banner {
		width: 100%;
	}

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .22rem;
	}

	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d {
		font-size: .21rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .2rem;
	}

	.index-list ul li .time h3 {
		font-size: .26rem;
	}

	.index-title h3,
	.footer-box h3 {
		font-size: .34rem;
	}

	.current {
		font-size: .3rem;
	}

	.nav li a {
		font-size: .26rem;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .24rem;
	}

	.list ul li::after {
		height: 2px;
	}

	.header {
		height: 300px;
	}


	.location {
		margin-left: 1.9rem;
	}

	.content-bg {
		padding: .35rem .19rem 0;
	}
}


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

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .23rem;
	}

	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d {
		font-size: .22rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .21rem;
	}

	.index-list ul li .time h3 {
		font-size: .27rem;
	}

	.zxdt ul li a {
		width: 70%;
	}

	.zxdt ul li span {
		width: 30%;
	}

	.index-list ul li .time {
		width: .9rem;
	}

	.index-list .index-title .title-icon {
		width: .48rem;
	}

	.index-title h3,
	.footer-box h3 {
		font-size: .35rem;
	}

	.index-list .index-title .more {
		right: .2rem;
		bottom: 0.15rem;
	}

	.nav li a {
		font-size: .28rem;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .25rem;
	}

	.current {
		font-size: .31rem;
	}


	.footer-box {
		margin: .4rem .3rem .6rem;
	}

	.footer-boxmax {
		margin: .3rem .25rem .4rem;
	}
}

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

	.index-title .more,
	.zxdt ul li a,
	.index-list ul li .text,
	.location,
	.location a,
	.location span,
	.about p,
	.no-xinxi,
	.article h4.information,
	.article .content,
	.article .content p,
	.article .article-libs p,
	.returnList,
	.footer-box .footer-text p,
	.footer-code p,
	.footer-info p {
		font-size: .25rem;
	}

	.p_t,
	.p_first_d,
	.p_first,
	.p_prev_d,
	.p_prev,
	.p_next_d,
	.p_next,
	.p_last,
	.p_last_d,
	.p_no,
	.p_no_d {
		font-size: .24rem;
	}

	.zxdt ul li span,
	.index-list ul li .time h5 {
		font-size: .23rem;
	}

	.index-list ul li .time h3 {
		font-size: .29rem;
	}

	.list ul li a .time,
	.list ul li a p {
		font-size: .26rem;
	}


	#resize a.small-size {
		font-size: .22rem;

	}

	#resize a.small-size:after {
		font-size: .18rem;
		top: -3px;
		right: -6px;
	}

	#resize a.normal-size {
		font-size: .24rem;
	}


	#resize a.large-size {
		font-size: .26rem;
	}

	#resize a.large-size:after {
		font-size: .22rem;
		top: -5px;
		right: -14px;
	}
}

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

	.header {
		padding-top: 50px;
		width: 100%;
		height: 270px;
	}


	.top-navbar img {
		height: 40px;
	}

	.navbar-toggle {
		width: 22px;
		margin: 13px 0;
	}

	.navbar-toggle.on {
		margin: 18px 0;
	}

	.navbar-toggle .icon-bar {
		height: 2px;
	}


	.navbar-toggle.on .icon-bar.icon-bar1 {
		margin-bottom: -8px;
	}

	.nav {
		margin-top: 50px;
	}



	.container {
		padding: 0 10px;
	}

	.zxdt ul li a {
		width: 65%;
	}

	.zxdt ul li span {
		width: 35%;
	}

	.location {
		margin-left: 0;
		margin-top: 35px;
		text-align: left;
	}
}

@media screen and (max-width: 350px) {
	.zxdt ul li a {
		width: 63%;
	}

	.zxdt ul li span {
		width: 37%;
	}
}