@charset "utf-8";

/* CSS Document */
* {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
}

body {
	font-family: "微软雅黑";
	font-size: 14px;

}


/* html, body {
	overflow-y: scroll !important;
} */

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col-md-3, .col-sm-3, .col-xs-12, .col-md-4, .col-md-6, .col-md-12, .col-sm-6, .col-xs-12 {
	padding: 0;
}

.container {
	padding: 0px;
}

/* 头部 */
@font-face {font-family:"MR";src:url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/fonts/Montserrat-Regular.ttf");}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/*background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/banner-shaw.png")top center no-repeat;*/
	z-index: 25;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-size: 100%;
}

.header.on, .header.hover {
	background: #45b5c7;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.header-container {
	margin: 0 auto;
	position: relative;
}

/* 搜索 */
.search {
	height: 100px;
	width: 100%;
	background: #45b5c7;
	z-index: 9999;
        position: absolute;
    left: 0;
    top: 0;
display: none;
	/*overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;*/
}

.search.show {
        display: block;
	/*height: 85px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;*/
}

.search1 {
	/*width: 51%;
	height: 45px;
	margin: 20px auto;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0);
	-moz-box-shadow: 0 1px 2px rgb(0, 0, 0);
	-ms-box-shadow: 0 1px 2px rgb(0, 0, 0);
	box-shadow: 0 1px 2px rgb(0 0 0);
	position: relative;
	z-index: 9999;*/
position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: ranslate(-50%, -50%);
    -moz-transform: ranslate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: ranslate(-50%, -50%);
    max-width: 830px;
    width: 100%;
}

.search_kuang {
	/*width: 74%;
	padding-left: 2%;
	height: 45px;
	background: #fff;*/
	font-size: 14px;
	outline: none;
width: 100%;
    height: 46px;
    color: #fff;
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.search_submit {
	/*width: 26%;
	height: 45px;
	background: #45b5c7;
	vertical-align: bottom;
	color: #fff;
	font-size: 16px;*/
	outline: none;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #fff;
}

.search a.close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: -40px;
    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/close.png");
    opacity: 1;
    /* -webkit-transition: all 1.5s; */
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    /* transition: all 1.5s; */
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 20px;
    width: 23px;
    height: 23px;
    background-size: 100%;
}

.search a.close:hover{
-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.searchbox .search_kang:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	-webkit-text-fill-color: #fff;
}

::-webkit-input-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
}

/* firefox 19+ */
:-ms-input-placeholder {
	color: #dfdfdf;
}

/* ie */
input:-moz-placeholder {
	color: #dfdfdf;
}

.searchbox .search-button {
	outline: none;
	vertical-align: middle;
}

/* 头部快捷入口 */
.top-link {
	width: 84px;
	z-index: 40;
	position: absolute;
	right: -20px;
	top: 46px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.header.on .top-link, .header.hover .top-link{
       top: 35px;
}


.top-link a {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 23px;
	float: left;
	text-align: center;
	margin-right: 20px;
}

.top-link a img {
	width: 100%;
}



/* 网页logo */
.logo {
	width: 40%;
	float: left;
	margin: 36px 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.header.on .logo, .header.hover .logo {
	margin: 23px 0 20px;
}

/* 导航 */

.navbar-toggle {
	display: none;
	position: relative;
	float: right;
	width: 23px;
	height: 21px;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/anniu.png") no-repeat;
	margin-top: 25px;
	padding: 0;
	margin-right: 0;
	margin-bottom: 8px;
	border: none;
	border-radius: 0px;
	z-index: 80;
        background-size: 100%;
}

.nav {
	width: 49%;
	float: right;
	position: relative;
}

.nav .top-link {
	display: none;
}

.nav ul {
	padding-right: 64px;
}

.nav ul li {
	float: left;
	width: 14.66%;
	/*margin-right: 2%;*/
	height: 100px;
	position: relative;
	text-align: center;
        width: 16.66%;
}

.nav ul li .nav-box {
	position: relative;
	overflow: hidden;
	height: 22px;
	line-height: 22px;
	margin: 50px 0 45px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.header.on .nav ul li .nav-box, .header.hover .nav ul li .nav-box {
	margin: 39px 0;
}

.nav ul li a {
	display: block;
	font-size: 22px;
	color: #fff;
	font-family: "苹方";
	-webkit-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
        font-size: 18px;
        font-family: "微软雅黑";
}

.nav ul li a.nb-cn .nav-arow-n {
	display: none;
}

.header.on .nav ul li a.nb-cn .nav-arow-b, .header.hover .nav ul li a.nb-cn .nav-arow-b {
	display: none;
}

.header.on .nav ul li a.nb-cn .nav-arow-n, .header.hover .nav ul li a.nb-cn .nav-arow-n {
	display: inline-block;
}

.nav ul li a.nb-en {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #f5c73d;
}

.nav ul li.active a.nb-cn {
	color: #f5c73d;
}

/*.nav ul li:hover a.nb-cn {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.nav ul li:hover a.nb-en {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}*/

.nav ul li .nav_item {
	position: absolute;
	background: #45b5c7;
	width: 120%;
	width: 200%;
	left: -0%;
	top: 100%;
	padding: 10px 34px;
	visibility: hidden;
	clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
	/* -webkit-transform: translateX(-50%);
	transform: translateX(-50%); */
	z-index: 24;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
        width: 180%;
       left: 10%;
        padding: 10px 20px;
}

.nav ul li:hover .nav_item {
	opacity: 1;
	visibility: visible;
	clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%);
}

.nav ul li:after {
	-webkit-transition: width .3s ease-out;
	transition: width .3s ease-out;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #f5c73d;
	background-color: #fff;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.nav ul li:hover:after {
	width: 70px;
}

.nav ul li .nav_item li {
	float: none;
	width: 100%;
	height: 34px;
	/*line-height: 34px;*/
	text-align: left;
	border-bottom: none;
	background: none;
	margin-left: 0;
        height: auto;
}

.nav ul li .nav_item li:after {
	display: none;
}

.nav ul li .nav_item li a {
	font-size: 18px;
	color: #fff;
	/*line-height: 34px;*/
	display: inline-block;
	position: relative;
        font-size: 16px;
            line-height: 22px;
    padding: 10px 0 ;
}

.nav ul li .nav_item li a::before {
	content: "";
	height: 1px;
	bottom: -1px;
	left: 0px;
	position: absolute;
	width: 100%;
	background-color: #ffffff;
	transition: all 0.3s;
	transform: scaleX(0);
	transform-origin: left;
        bottom: 3px;
}

.nav ul li .nav_item li a:hover::before {
	transform: scaleX(1);
}

/*.nav ul li:hover .nav_item a {
	background: #45b5c7;
}*/

.nav ul li:hover .nav_item a::after {
	width: 0;
}

/*.nav ul li .nav_item li:hover a {
	color: #f5c73d;
}

.nav ul li .nav_item li.active a {
	color: #f5c73d;
}*/

.searchbox {
	display: none;
}




/* 轮播图 */
.banner {
	position: relative;
}

.banner-shaw {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.banner .shaow {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 9;

}

.banner .container {
	position: relative;
	float: initial;
}


.banner img {
	width: 100%;
}

.scroll-wrapper {
	width: 100%;
	position: absolute;
	-moz-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition: 1s cubic-bezier(0.86, 0, 0.07, 1);
	will-change: transform;
}


/*首页内容部分*/



/* 首页标题 */
.index-title {
	position: relative;
	margin-bottom: 52px;
}

.index-title h3 {
	font-size: 36px;
	color: #188fab;
	font-weight: normal;
	position: relative;
        font-size: 32px;
        font-weight:bold;
}

.index-title h3::after {
	content: "";
	width: 64px;
	height: 3px;
	background: #f5c73d;
	position: absolute;
	left: 0;
	bottom: -12px;
}

.index-title .more {
	font-size: 22px;
	color: #959595;
	padding-left: 50px;
	transition: 0.6s all;
	line-height: 39px;
        font-size: 16px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white.png") left center no-repeat;
        background-size: 39px;
}

/* .index-title .more::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #45b5c7;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}


.index-title .more:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
} */

.index-title .more:hover {
	transition: 0.6s all;
	padding-right: 10px;
        color: #45b5c7;
        background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more.png") left center no-repeat;
}


.sidebar {
	position: fixed;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	z-index: 1000;
}

.sidebar li {
	position: relative;
	border-radius: 50%;
	border: 1px solid transparent;
}

.sidebar li.cur {
	border: 1px solid #98c8d5;

}

.sidebar em {
	width: 70px;
	color: #fff;
	text-decoration: none;
	text-align: right;
	font-size: 14px;
	position: absolute;
	right: 35px;
	top: 2px;
	display: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.sidebar a {
	display: block;
	width: 9px;
	height: 9px;
	background: #72b4c6;
	border-radius: 50%;
	margin: 10px;
}



.sidebar li:hover em {
	display: block;
}



/* 首页轮播 */

.swiper1 ,.swiper11 {
	width: 100%;
	height: 100vh;
}


.swiper11 {
    display: none;
}

.swiper1 .swiper-slide ,.swiper11 .swiper-slide{
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
}

.swiper1 .swiper-pagination {
	bottom: 60px;
}

.swiper11 .swiper-pagination{
   bottom: 40px;
}


.swiper1 .swiper-pagination .swiper-pagination-bullet ,.swiper11 .swiper-pagination .swiper-pagination-bullet {
	box-sizing: content-box;
	background-color: transparent;
	border-radius: 0px;
	font-family: "Tahoma";
	font-size: 16px;
	line-height: 1.5;
	height: auto;
	width: 20px;
	padding: 0 12px;
	position: relative;
	text-align: center;
	transition: all 1s;
	color: #fff;
	opacity: 0.5;
}


.swiper11 .swiper-pagination .swiper-pagination-bullet {
     padding: 0 9px;
}



.swiper1 .swiper-pagination .swiper-pagination-bullet-active {
	padding-right: 160px;
}


.swiper11 .swiper-pagination .swiper-pagination-bullet-active{
   padding-right: 120px;
}

.swiper1 .swiper-pagination .swiper-pagination-bullet-active, .swiper1 .swiper-pagination .swiper-pagination-bullet:hover ,.swiper11 .swiper-pagination .swiper-pagination-bullet-active, .swiper11 .swiper-pagination .swiper-pagination-bullet:hover {
	opacity: 1;
}
	

.swiper1 .swiper-pagination .swiper-pagination-bullet::before, .swiper1 .swiper-pagination .swiper-pagination-bullet::after ,.swiper11 .swiper-pagination .swiper-pagination-bullet::before, .swiper11 .swiper-pagination .swiper-pagination-bullet::after {
	content: "";
	top: 11px;
	transform: scaleX(0);
	transform-origin: left;
	height: 1px;
	left: 44px;
	position: absolute;
	width: 140px;

}


.swiper1 .swiper-pagination .swiper-pagination-bullet::before ,.swiper11 .swiper-pagination .swiper-pagination-bullet::before {
	opacity: 1;
	background-color: #fff;
}

.swiper1 .swiper-pagination .swiper-pagination-bullet-active::before ,.swiper11 .swiper-pagination .swiper-pagination-bullet-active::before {
	animation-name: bulletSlideToRight;
	animation-timing-function: linear;
	animation-delay: 2s;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

.swiper1 .swiper-pagination .swiper-pagination-bullet::after ,.swiper11 .swiper-pagination .swiper-pagination-bullet::after {
	opacity: 0.5;
	width: 140px;
	background-color: #fff;
}

.swiper1 .swiper-pagination .swiper-pagination-bullet-active::after ,.swiper11 .swiper-pagination .swiper-pagination-bullet-active::after {
	transition: transform 1s;
	transition-delay: 2s;
	transform: scaleX(1);
}


.swiper11 .swiper-pagination .swiper-pagination-bullet::before, .swiper11 .swiper-pagination .swiper-pagination-bullet::after {
		width: 110px;
	}

	.swiper11 .swiper-pagination .swiper-pagination-bullet::after {
		width: 110px;
	}

@keyframes bulletSlideToRight {
	to {
		transform: scaleX(1);
	}
}


/* 第二页 */

.swiper2 {
	position: relative;
	height: 100vh;
	width: 100%;
}

.swiper2 .swiper-container {
	margin: 0;
	width: 100%;
}


.swiper2 .swiper-wrapper {
	height: 100% !important;
}

.swiper2 .swiper-wrapper .swiper-slide {
	height: 100% !important;
}

.swiper2 .swiper-wrapper .swiper-slide::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    transition: all .5s;
    -webkit-transition: all .5s;
}


.swiper2 .swiper-slide .w-full {
	/* width: 100%; */
	min-width: 100%;
	min-height: 100%;
}

.swiper2 .stack-card {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 10;
}

.swiper2 .stack-card-item {
	background-size: 100% auto;
	background-position: left bottom;
	background-repeat: no-repeat;
	left: 0;
	transition: all 0.5s ease;
	cursor: pointer;
	height: 100%;
	color: #fff;
	width: 25%;
	float: left;
	position: relative;
	background: transparent;
	-webkit-transition: color .6s;
	-o-transition: color .6s;
	transition: color .6s;
}


.swiper2 .stack-card-item::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: transparent;
	opacity: 1;
	display: block;
	transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.swiper2 .items1:hover:before {
	background-color: #2f6cb2;
	opacity: 0.8;
}

.swiper2 .items2:hover:before {

	background-color: #3e9ec0;
	opacity: 0.8;

}

.swiper2 .items3:hover:before {

	background-color: #d2b361;
	opacity: 0.8;
}

.swiper2 .items4:hover:before {
	background-color: #42acc4;
	opacity: 0.8;

}


/* .swiper2 .stack-card-item.active {
	background: #2f6cb2;
	-webkit-transition: color .6s;
	-o-transition: color .6s;
	transition: color .6s;

}

.swiper2 .stack-card-item.active::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -106px;
	bottom: 0;
	border-left: 106px solid #2f6cb2;
	border-bottom: 100vh solid transparent;
}

.swiper2 .stack-card-item+.stack-card-item.active {
	background: #3e9ec0;
}

.swiper2 .stack-card-item+.stack-card-item.active::before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: -106px;
	bottom: 0;
	border-right: 106px solid #3e9ec0;
	border-top: 100vh solid transparent;
}

.swiper2 .stack-card-item+.stack-card-item.active::after {
	border-left: 106px solid #3e9ec0;
}

.swiper2 .stack-card-item+.stack-card-item+.stack-card-item.active {
	background: #d2b361;
}

.swiper2 .stack-card-item+.stack-card-item+.stack-card-item.active::before {
	border-right: 106px solid #d2b361;
}

.swiper2 .stack-card-item+.stack-card-item+.stack-card-item.active::after {
	border-left: 106px solid #d2b361;
}


.swiper2 .stack-card-item+.stack-card-item+.stack-card-item+.stack-card-item.active {
	background: #42acc4;
}

.swiper2 .stack-card-item+.stack-card-item+.stack-card-item+.stack-card-item.active::before {
	border-right: 106px solid #42acc4;
}
 */

.swiper2 .stack-card-item .stack-card-item-box {
	position: absolute;
	width: 71%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* .swiper2 .stack-card-item+.stack-card-item .stack-card-item-box{
	left: 16%;
}

.swiper2 .stack-card-item+.stack-card-item+.stack-card-item+.stack-card-item .stack-card-item-box{
	left: 15%;
} */

.swiper2 .stack-card-item h1 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	transition: 0.4s;
       font-weight: bold;
       position: relative;
      padding-bottom: 15px;
      -webkit-transition: padding .3s ease-out;
    transition: padding .3s ease-out;
}

.swiper2 .stack-card-item:hover h1{
     padding-bottom: 20px;
}


.swiper2 .stack-card-item h1::after {
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 57px;
    height: 2px;
    background-color: #f5c73d;
       -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper2 .stack-card-item h1 span {
	width: 67px;
	height: 67px;
	display: block;
	margin: 15px auto;
}

.swiper2 .stack-card-item h1 span img {
	width: 100%;
}

/* .swiper2 .stack-card-item .card-text {
	height: 0;
	overflow: hidden;
	transition: 0.4s;
}


.swiper2 .stack-card-item:hover .card-text {
	height: auto;

} */


.swiper2 .stack-card-item .card-text p {
	font-size: 18px;
	line-height: 32px;
	height: 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
	transition: 0.4s;
}

.swiper2 .stack-card-item:hover .card-text p {
	height: 224px;
}


.swiper2 .stack-card-item .card-text .more {
	position: relative;
	width: 92px;
	padding-right: 22px;
	display: block;
	margin: 5px auto;
	vertical-align: top;
	line-height: 36px;
	height: 0;
	color: #fff;
	font-size: 16px;
	font-family: "苹方";
	font-weight: normal;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
-webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
	overflow: hidden;
}

.swiper2 .stack-card-item .card-text .more:hover{
       width: 98px;
}


.swiper2 .stack-card-item:hover .card-text .more {
	height: 36px;

}

.swiper2 .stack-card-item .card-text .more::before {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
}


.swiper2 .stack-card-item .card-text .more:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.swiper2 .stack-card-item .card-text .more span {
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	width: 24px;
	overflow: hidden;
	display: block;
	font-size: 18px;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow.png") center no-repeat;
}


/* 捐赠项目 */

.page3{
    /* background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index3-back.jpg") center no-repeat; 
     background-size: cover;*/
}
.page3 .index-title {
	margin-top: 90px;
}

/*
#index-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#index-banner .swiper-button-prev, #index-banner .swiper-button-next {
	outline: none;
	border: 2px solid #91d2dc;
	width: 43px;
	height: 43px;
	border-radius: 50%;
        transition: all 0.5s ease;
}

#index-banner .swiper-button-prev:hover, #index-banner .swiper-button-next:hover {
	border: 2px solid #45b5c7;
}

#index-banner .swiper-button-prev {
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow-left.png") center no-repeat;
	top: calc(96% - 58px);
	left: calc(60% - 96px);
}

#index-banner .swiper-button-next {
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow-right.png") center no-repeat;
	top: calc(96% - 58px);
	left: calc(60% - 43px);
}

#index-banner .swiper-pagination {
	bottom: auto;
	top: 96%;
	left: 40%;
	width: 20%;
	text-align: left;
	color: #45b5c7;
	font-size: 16px;
	position: relative;
	padding-bottom: 10px;
}

#index-banner .swiper-pagination::before {
	content: "";
	width: 120px;
	height: 3px;
	background: #45b5c7;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 9;
}

#index-banner .swiper-pagination::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #b7e2e9;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 8;
}


#index-banner .swiper-pagination span {
	font-size: 20px;
}


.hoverBtn {
	width: 948px;
	height: 614px;
	position: absolute;
	z-index: 30;
	top: 0px;
	cursor: pointer;
}

.hoverPrev {
	left: calc(50% - 1479px);
}

.hoverNext {
	left: calc(50% + 521px);
}

.swiper3 {
	padding-bottom: 60px;
}

.swiper3 .swiper-slide {
	width: 948px;
	padding-bottom: 70px;
}



.swiper3 .swiper-slide .project-img-box, .swiper3 .swiper-slide .project-img {
	width: 821px;
	height: 471px;
	margin: 0 auto;
	position: relative;
}

.swiper3 .swiper-slide .project-img {
	overflow: hidden;
	margin-top: 73px;
}

.swiper3 .swiper-slide .project-img::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, 0.53);
	z-index: 10;
}


.swiper3 .swiper-slide.swiper-slide-active .project-img-box, .swiper3 .swiper-slide.swiper-slide-active .project-img {
	width: 948px;
	height: 544px;

}

.swiper3 .swiper-slide.swiper-slide-active .project-img {
	margin-top: 0;
}

.swiper-slide.swiper-slide-active .project-img::after {
	display: none;

}

.swiper3 .swiper-slide .project-img img {
	width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.swiper3 .swiper-slide:hover .project-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.swiper3 .swiper-slide a span.project-ic {
	background: #45b5c7;
	width: 102px;
	height: 102px;
	line-height: 102px;
	border-radius: 50%;
	text-align: center;
	display: block;
	font-size: 30px;
	color: #fff;
	position: absolute;
	left: -50px;
	bottom: 36%;
	display: none;
}

.swiper3 .swiper-slide-active a span.project-ic {
	display: block;
}

.swiper3 .swiper-slide .project-text {
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 25px;
	display: none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.swiper3 .swiper-slide .project-text-box {
	position: relative;
	background-color: #45b5c7;
	padding: 20px 73px;
	height: 138px;

}



.swiper3 .swiper-slide-active .project-text {
	display: block;
}

.swiper3 .swiper-slide .project-text-box::before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: -21px;
	bottom: 0;
	border-right: 22px solid #45b5c7;
	border-top: 138px solid transparent;
}


.swiper3 .swiper-slide .project-text-box::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -21px;
	bottom: 0;
	border-left: 22px solid #45b5c7;
	border-bottom: 138px solid transparent;
}



.swiper3 .swiper-slide .project-text h4 {
	font-size: 24px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 12px;
}

.swiper3 .swiper-slide .project-text p {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	height: 60px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
}*/

.page3 {
    height: 100vh;
    overflow: hidden;
}

.swiper12 {
    padding-bottom: 20px;
    padding-bottom: 60px;
}
.swiper12 .swiper-slide {
                    text-align: center;
                    padding: 0 calc((100vw - 948px) * .058);
                    width: 948px;
                    box-sizing: content-box;
                    transform: scale(0.8);
                }

                .swiper12 .swiper-slide-active ,.swiper12 .init{
                    transform: scale(1);
                }

                .swiper12 .swiper-slide a .project-img {
                    width: 100%;
                    height: 544px;
                    overflow: hidden;
                    position: relative;
                  /*  margin: 54px 0 0;*/
                    transition:  margin .5s;
                    -webkit-transition: margin .5s;
                    
                }


                .swiper12 .swiper-slide-active  a .project-img ,.swiper12 .init a .project-img{
                    margin: 0px;
                }

                .swiper12 .swiper-slide a .project-img::before {
                    content: "";
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    background-color: rgba(0, 0, 0, .5);
                    transition: all .5s;
                    -webkit-transition: all .5s;
                }

                .swiper12 .swiper-slide.swiper-slide-active a .project-img::before ,.swiper12 .init a .project-img::before {

                    background-color: rgba(0, 0, 0, 0);
                }

                .swiper12 .swiper-slide .project-img img {
                    width: 100%;
                    min-height: 100%;
                }

                .project-text-box {
                    width: 85%;
                    text-align: left;
                    display: inline-block;
                    opacity: 0;
                    transition-duration: 1.2s;
                    position: relative;
                    padding: 20px 88px;
                    margin-top: -80px;

                }

                .project-text-box::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    background-color: #45b5c7;
                    background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/project-text-box.png");
                    background-position: 50px center;
                    background-repeat: no-repeat;
                    opacity: 1;
                    display: block;
                    transform: skewX(-12deg);
                    -webkit-transform: skewX(-12deg);
                    transition: all .5s;
                    -webkit-transition: all .5s;
                }

                .init .project-text-box {
                    opacity: 1;
                }

                .project-text-box h4 {
                    font-size: 24px;
                    color: #fff;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 12px;
                    position: relative;
                    z-index: 2;
                    font-weight: bold;
                }

                .project-text-box p {
                    font-size: 20px;
                    color: #fff;
                    line-height: 30px;
                    height: 60px;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    margin-bottom: 0;
                    position: relative;
                    z-index: 2;
                    font-size: 16px;
                }


                .swiper12 .swiper-slide-prev .project-text-box {
                    transform: translateX(-70px);
                }

                .swiper12 .swiper-slide-next .project-text-box {
                    transform: translateX(70px);
                }

                .swiper12 .swiper-slide-active .project-text-box {
                    opacity: 1;
                    transform: translateX(0);
                }

                .swiper12 .swiper-pagination {
                    bottom: 1px;
                    left: 50%;
                    width: 353px;
                    text-align: left;
                    color: #45b5c7;
                    font-size: 20px;
                    padding-bottom: 10px;
                    transform: translateX(-50%);
                     color: #959595;
                    font-family: "MR";
                }

                .swiper12 .swiper-pagination.pagination-icons {
                    width: 102px;
                    height: 102px;
                    border-radius: 50%;
                    font-size: 30px;
                    background: #45b5c7;
                    color: #fff;
                    font-family: "Tahoma";
                    text-align: center;
                    line-height: 100px;
                    position: absolute;
                    top: 35%;
                    left: calc(50% - 474px - 51px);
                    transform: translateX(0%);
                    font-family: "MR";

                }


                .swiper12 .swiper-pagination::before {
                    content: "";
                    width: 120px;
                    height: 3px;
                    background: #45b5c7;
                    position: absolute;
                    left: 0;
                    bottom: -1px;
                    z-index: 9;
                    background: #959595;
                }

                .swiper12 .swiper-pagination.pagination-icons::before {
                    display: none;
                }


                .swiper12 .swiper-pagination::after {
                    content: "";
                    width: 100%;
                    height: 1px;
                    background: #b7e2e9;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    z-index: 8;
                   background: #d6d6d6;
                }

                .swiper12 .swiper-pagination.pagination-icons::after {
                    display: none;
                }

                .swiper12 .swiper-pagination span {
                    font-size: 16px;
                }

                .swiper12 .swiper-pagination.pagination-icons span {
                    display: none;
                }

                .swiper12 .swiper-button-next,
                .swiper12 .swiper-button-prev {
                    outline: none;
    /* border: 2px solid #91d2dc; */
    bottom: 8px;
    top: auto;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    transition: all 0.5s ease;
                }

                /* .mouse-hover .swiper-button-next,
                .mouse-hover .swiper-button-prev {
                    opacity: 1;
                } */

                .swiper12 .swiper-button-next:hover,
                .swiper12 .swiper-button-prev:hover {
                  /*  border: 2px solid #45b5c7;*/
                }

.swiper12 .swiper-button-prev {
                    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white02.png") center no-repeat;
    right: calc(50% - 128px );
left: auto;
 transition: all .5s;
                    -webkit-transition: all .5s;
                }
 .swiper12 .swiper-button-prev:hover {
     background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white020.png") center no-repeat;
}

                .swiper12 .swiper-button-next {

    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white.png") center no-repeat;
    right: calc(50% - 176px );
 transition: all .5s;
                    -webkit-transition: all .5s;
}

.swiper12 .swiper-button-next:hover{
     background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white000.png") center no-repeat;
}
                

                

                .swiper12 .swiper-container .swiper-button-next.swiper-button-disabled,
                .swiper12 .swiper-container .swiper-button-prev.swiper-button-disabled {
                    opacity: 0;
                }


/* 故事分享 */
.swiper4 {
	width: 100%;
	height: 100%;
	position: relative;
	background: #14829f;
}

.swiper4 .swiper-slide {
	background: #14829f;
	position: relative;
}

.swiper4 .swiper-slide .people_img {
	width: 50%;
	height: 100vh;
	float: left;
	position: relative;
}

.swiper4 .swiper-slide .people_img a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


.swiper4 .swiper-slide .people_text {
	width: 40%;
	position: absolute;
	right: 5%;
	top: 40%;
	transform: translateY(-40%);

}


.swiper4 .swiper-slide .people_text .tag {
	font-size: 36px;
	color: #fff;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 75px;
       font-size: 32px;
       margin-bottom: 100px;
     font-weight: bold;
}

.swiper4 .swiper-slide .people_text .tag::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66px;
	height: 3px;
	background: #f5c73d;
}

.swiper4 .swiper-slide .people_text .tag span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin-bottom: 8px;
}


.swiper4 .swiper-slide .people_text .gusi-title {
	font-size: 30px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 28px;
        font-size: 24px;
        line-height: 36px;
       line-height: 36px;
       white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   font-weight: bold;
}

.swiper4 .swiper-slide .people_text p {
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	height: 108px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
        text-align: justify;
        font-size: 16px;

}

.swiper4 .swiper-slide .people_text .text-more {
	position: relative;
	width: 83px;
	padding-right: 25px;
	display: block;
	margin-top: 20px;
	vertical-align: top;
	line-height: 36px;
	color: #fff;
	font-size: 22px;
	font-family: "苹方";
	font-weight: normal;
        font-size: 14px;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
         -webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}

.swiper4 .swiper-slide .people_text .text-more:hover{
       width: 90px;
}

.swiper4 .swiper-slide .people_text .text-more::before {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #fff;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
}

.swiper4 .swiper-slide .people_text .text-more:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


.swiper4 .swiper-slide .people_text .text-more span {
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	width: 24px;
	overflow: hidden;
	display: block;
	font-size: 18px;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow.png") center no-repeat;
       background-size: 16px;
}

.swiper4 .swiper-pagination {
	bottom: 26%;
	left: 55%;
	width: 20%;
	text-align: left;
	color: #fff;
	font-size: 16px;
	padding-bottom: 10px;
       font-family: "MR";
}

.swiper4 .swiper-button-prev11 {
	width: 13px;
	height: 23px;
	left: calc(50% + 37px);
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/gushi-left.png");
        background-repeat: no-repeat;
        background-size: 100%;
       background-position: left center;
}

.swiper4 .swiper-button-prev1 {
	border: 2px solid #51a2b8;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	/*background-color: #fff;*/
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow-left.png");
	background-position: center;
	background-repeat: no-repeat;
	bottom: 27%;
	top: auto;
	left: calc(75% - 86px);
        background-size: 6px;
}


.swiper4 .swiper-button-next11 {
	width: 13px;
	height: 23px;
	right: 37px;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/gushi-right.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: right center;
}

.swiper4 .swiper-button-next1 {
	border: 2px solid #51a2b8;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	/*background-color: #fff;*/
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow-right.png");
	background-position: center;
	background-repeat: no-repeat;
	bottom: 27%;
	top: auto;
	left: calc(75% - 41px);
        background-size: 6px;
}

.swiper4 .swiper-button-prev1:hover , .swiper4 .swiper-button-next1:hover{
        border: 2px solid #fff;
}

.swiper4 .swiper-button-prev1:hover{
   background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow-leftac.png");
}

.swiper4 .swiper-button-next1:hover{
    background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-arrow-rightac.png");
}


.swiper4 .swiper-pagination::before {
	content: "";
	width: 120px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 9;
}

.swiper4 .swiper-pagination::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #36a6bb;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 8;
}


.swiper4 .swiper-pagination span {
	font-size: 20px;
}




/* 媒体聚焦 */

.page4 .index-title {
	margin-top: 30px;
}

.media-rec {
	width: 44.25%;
	float: left;
	margin-right: 5.64%;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.media-img-shoaw {
	position: absolute;
	bottom: 188px;
	left: 0;
	width: 100%;
	z-index: 5;
}

#full-width-slider1 {
	width: 100%;
}

#full-width-slider1 .rsGCaption {
	padding: 25px 65px 18px 35px;
}

#full-width-slider1 .rsGCaption h3 {
	font-size: 24px;
	color: #333;
	line-height: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 16px;
        font-weight: bold;
}

#full-width-slider1 .rsGCaption p {
	font-size: 20px;
	line-height: 30px;
	color: #666;
	text-align: left;
	height: 60px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 15px;
        font-size: 18px;
}

#full-width-slider1 .rsGCaption .time {
	font-size: 14px;
	color: #666;
	text-align: left;
       line-height: 30px;
      font-family: "MR";
     color: #45b5c7;
}


#full-width-slider1 .rsBullets {
	position: absolute;
	bottom: 15px;
	right: 20px;
	z-index: 6;
}


#full-width-slider1 .rsBullet {
	height: 11px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	box-sizing: content-box;
	padding: 0 5px;
}

#full-width-slider1 .rsBullet span {
	display: block;
	width: 13px;
	height: 13px;
	opacity: 0.58;
	background: #fff;
	border-radius: 50%;

}

#full-width-slider1 .rsBullet.rsNavSelected span {
	opacity: 1;
}

.media-list {
	width: 50.1%;
	float: left;
}


.media-list ul li {
	border-bottom: 1px solid #eaeaea;
	transition: all 0.3s ease-in-out;
	position: relative;
	min-height: 135px;
}

.media-list ul li:before {
	content: '';
	background-color: #45b5c7;
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 0;
	left: 0%;
	top: 50%;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}

.media-list ul li:hover {
	z-index: 10;
}

.media-list ul li:hover:before {
	width: 102%;
	height: 100%;
	left: -1%;
	top: 0%;
	content: '';
}


.media-list ul li a {
	display: block;
	padding: 15px 32px 15px 8px;
}

.media-list ul li .time {
	/*width: 112px;*/
	/*float: left;*/
	color: #45b5c7;
	/*text-align: center;*/
	/*border-right: 1px solid #e2e2e2;*/
	/*margin-top: 10px;*/
	position: relative;
	z-index: 12;
        text-align: left;
        font-family:"MR";
        font-size: 16px;
}

.media-list ul li:hover .time {
	color: #fff;
	/*border-right: 1px solid #fff;*/
}


.media-list ul li .time span.date {
	display: block;
	font-size: 32px;
	line-height: 56px;
	margin-bottom: 0;
	margin-right: 35px;
       font-weight: bold;
}

.media-list ul li .time span.year {
	display: block;
	font-size: 16px;
	margin-right: 35px;
	margin-bottom: 7px;
      font-size: 20px;
}


.media-list ul li .cont-info {
	/*padding-left: 157px;*/
	position: relative;
	z-index: 12;

}

.media-list ul li .cont-info h4 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	padding-right: 145px;
	margin-bottom: 5px;
	height: 60px;
	/*text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;*/
        font-size: 20px;
       height: 30px;
        overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    font-weight: bold;

}

.media-list ul li:hover .cont-info h4 {
	color: #fff;
}

.media-list ul li .cont-info p {
	font-size: 20px;
	line-height: 24px;
	color: #666;
	margin-bottom: 0;
	height: 48px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
       font-size: 16px;

}


.media-list ul li:hover .cont-info p {
	color: #fff;
}


.media-list .more {
    display: block;
    font-size: 22px;
    color: #959595;
    padding-left: 50px;
    transition: 0.6s all;
    line-height: 39px;
    font-size: 16px;
    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white.png") left center no-repeat;
    background-size: 39px;
    margin-top: 15px;
}


.media-list .more:hover {
	transition: 0.6s all;
	margin-left: 10px;
        color: #45b5c7;
        background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more.png") left center no-repeat;
}




/* 通知公告 */

.page5 {
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/new-beijing.png") center;
	background-size: cover;
}

.five-content {
	position: absolute;
	left: 0;
	top: 53%;
	width: 100%;
	transform: translateY(-50%);
}

.news-box ul {
	overflow: hidden;
	padding: 10px 10px 0 0;
	margin-left: -3.5%;
}

.news-box ul li {
	width: 46.5%;
	float: left;
	margin-left: 3.5%;
	background: #fff;
	position: relative;
	min-height: 149px;
	margin-bottom: 60px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.news-box ul li:before {
	content: '';
	background-color: #45b5c7;
	display: block;
	position: absolute;
	z-index: 10;
	width: 4px;
	height: 100%;
	left: 0%;
	top: 0;
	transition: all 0.3s ease-in-out;
	z-index: 13;
}

.news-box ul li:hover:before {
	background-color: #f5c73d;
}

.news-box ul li::after {
	content: '';
	background-color: #45b5c7;
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/new-yun.png");
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 0;
	left: 0%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: all 0.3s ease-in-out;
}

.news-box ul li:hover::after {
	width: 100%;
	height: 100%;
	top: 0%;
	content: '';
}

.news-box ul li a {
	display: block;
        padding: 45px 74px 39px 14px;
}

.news-box ul li .time {
	width: 116px;
	float: left;
	color: #45b5c7;
	text-align: center;
	border-right: 1px solid #e2e2e2;
	position: relative;
	z-index: 12;
}

.news-box ul li:hover .time {
	color: #fff;
	border-right: 1px solid #fff;
}


.news-box ul li .time span.date {
	display: block;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 0;
          font-size: 32px;
       font-weight: bold;
}

.news-box ul li .time span.year {
	display: block;
	font-size: 16px;
	margin-bottom: 2px;
}

.news-box ul li .cont-info {
	padding-left: 150px;
	position: relative;
	z-index: 12;
}

.news-box ul li .cont-info h4 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
        font-size: 20px;
       font-weight: bold;
}

.news-box ul li:hover .cont-info h4 {
	color: #fff;
}

.news-box ul li .cont-info p {
	font-size: 20px;
	line-height: 20px;
	color: #666;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
       font-size: 16px;
}

.news-box ul li:hover .cont-info p {
	color: #fff;
}



.news-box .more {
	display: block;
	font-size: 22px;
	color: #45b5c7;
	padding-left: 50px;
	transition: 0.6s all;
	line-height: 39px;
	margin: 0 auto;
	width: 115px;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more-white.png") left center no-repeat;
        background-size: 39px;
        font-size: 16px;
        color: #959595;
}

.news-box .more:hover{
  padding-left: 60px;
   transition: 0.6s all;
    color: #45b5c7;
    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/index-more.png") 10px center no-repeat;
   width: 125px;
}

/* 精彩视频*/

.page7 .index-title {
	margin-top: 70px;
}

.three-content {
	position: absolute;
	width: 100%;
	left: 0;
	top: 53%;
	transform: translateY(-50%);
}

.video-box .video-rec {
	width: 63.34%;
	float: left;
	background: #45b5c7;
	padding-bottom: 66px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);
        position: relative;
}

.video-box .video-rec:after {
    content: "";
    display: block;
    position: absolute;
    left: 45px;
    top: -18px;
    width: 1px;
    height: 40px;
    background-color: #fff;
}

.video-box .video-rec h4 {
	font-size: 36px;
	padding-left: 30px;
	margin-top: 41px;
	color: #fff;
	float: left;
}

.video-box .video-rec .video-describe {
	font-size: 24px;
	color: #fff;
	/*line-height: 36px;
	height: 36px;*/
	margin-top: 41px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 0;
        font-size: 20px;
        padding-right: 40px;
       line-height: 30px;
	margin-top: 44px;
}

.video-box .video-rec .video-rec-box {
	width: 93%;
	height: 509px;
	margin-left: 9.1%;
	margin-top: 27px;
}

.video-box .video-rec .video-rec-box table{
         width: 100% !important;
    height: 100% !important;
    display: block;
}

.video-box .video-rec .video-rec-box table tbody {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.video-box .video-rec .video-rec-box table tbody tr {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.video-box .video-rec .video-rec-box table tbody tr td {
    width: 100% !important;
    display: block;
    height: 100% !important;
}

.video-box .video-rec .video-rec-box video {
	max-width: 100%;
    /* max-height: 100%; */
    min-width: 100%;
    height: 100%;
    width: auto;
    background: #000;

}



.video-list-box {
	width: 27.35%;
	float: right;
	background: #45b5c7;
	padding-bottom: 34px;
	margin-top: 9px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);
	position: relative;
}

.video-list {

	margin-left: 42px;
	margin-top: -26px;
	height: 659px;
	overflow: hidden;
}


.video-list ul li {
	width: 100%;
	height: 208px;
	position: relative;
	margin-bottom: 19px;
	overflow: hidden;
}

.video-list ul li video {
	width: auto;
    height: 100%;
    max-width: 100%;
min-width: 100%;
    background: #000;

}

.control {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 10px;
	z-index: 10;
}

.control a {
	background: #2f9cb3;
	display: block;
	width: 68px;
	height: 68px;
	line-height: 66px;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}

/* 中间内容部分 */
.contentbox {
	background: #f4f4f4;
}


/* 当前位置 */
.columntitle {
	line-height: 38px;
	position: relative;
	width: 540px;
	background-color: #f5c73d;
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/columntitle.png");
	background-repeat: no-repeat;
	background-position: 130% 0px;
	text-align: left;
	color: #fff;
	font-size: 30px;
	padding: 23px 0 23px 38px;
	position: absolute;
	bottom: 0;
	left: 0;
}


.columntitle::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -36px;
	bottom: 0;
	border-left: 36px solid #f5c73d;
	border-top: 85px solid transparent;
}

.columntitle span {
	position: relative;
}

.columntitle span:before {
	content: "";
	width: 110px;
	height: 2px;
	position: absolute;
	left: 110%;
	bottom: 15px;
	background: #fff;
}


.columntitle span::after {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: calc(110% + 110px);
	bottom: 13px;
	background: #fff;
}

/* 左侧 */
.left-box {
	width: 20.35%;
	float: right;
	border-top: 5px solid #f5c73d;
	background-color: #45b5c7;
	/*background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/left-box-img.png");
	background-repeat: no-repeat;
	background-position: 122px 185%;*/
	position: relative;
	margin-top: -75px;
	overflow: hidden;
        margin-bottom: 30px;
}

.left-box::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	border-right: 336px solid #f4f4f4;
	border-top: 100px solid transparent;
	display: none;
}


.left-nav {
	margin: 0 20px -120px;
}


.left-nav h3 {
    /* padding: 21px 0 21px 65px; */
    color: #fff;
    /* border-bottom: 1px solid #79d3e1; */
    font-size: 36px;
    line-height: 60px;
    text-align: center;
    margin: 28px 0 0px;
}
.left-nav h5{
    text-align: center;
    padding: 0 0 8px;
    position: relative;
    margin-bottom: 24px;
}
.left-nav h5:after{
   content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #f5c73d;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.left-nav h5 span{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
   font-family: "微软雅黑";
 
}
.left-nav ul li{
position: relative;
}

.left-nav ul li:before{
     content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 50%;
    width:0px ;
    height: 26px;
    background-color: #41a0ae;
    z-index: 2;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.left-nav ul li:hover:before ,.left-nav ul li.active:before{
width:5px ;
}

.left-nav ul li:after{
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    bottom: 0;
    width: 0;
    height: 100%;
    background-color: #e0f5f8;
    z-index: 1;
}

.left-nav ul li:hover:after ,.left-nav ul li.active::after{
 width:calc(100% + 20px);
}
.left-nav ul li a {
	display: block;
	font-size: 20px;
	color: #cdf1f7;
	line-height: 28px;
	padding: 16px 16px 16px 20px;
	text-decoration: none;
	border-bottom: 1px solid #79d3e1;
        position: relative;
    z-index: 2;
}



.left-nav ul li a img {
	float: right;
    margin-top: 10px;
    width: 0;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out;
}

.left-nav ul li:hover a, .left-nav ul li.active a {
	color: #0d8592;
}

.left-nav ul li:hover a img, .left-nav ul li.active a img {
	width: 10px;

}

.left-nav .left-box-img {
	margin-left: 35%;
	margin-top: 58px;
}


.left-nav h6{
       font-size: 30px;
    line-height: 60px;
    text-align: center;
    margin: 28px 20px 0px;
    color: #fff;
    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/lianxi-left.png") left center no-repeat,
                url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/lianxi-right.png") right center no-repeat;
    background-size: 33px;
                
}

.lianxi-text {
    padding: 15px 20px;
}

.lianxi-text p {
    color: #cdf1f7;
    font-size: 16px;
}


/* 右侧 */

.right-box {
	width: 79.65%;
	background: #fff;
	padding: 0 38px;
	overflow: hidden;
}

/* 当前位置 */

.location {
	padding: 30px 0;
	border-bottom: 2px solid #f1f1f1;
}

.location a {
	font-size: 16px;
	color: #666;
}

.location span {
	font-size: 16px;
	color: #666;
}

/* 简介 */
.about {
	overflow: hidden;
	margin-bottom: 40px;
	margin-top: 60px;
}

.about .content h3 {
	font-size: 22px;
	color: #005597;
	padding-left: 35px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 5px;
}

.about .content h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: #da928e;
	border-radius: 4px;
}

.about .content p {
	font-size: 18px;
	color: #333;
	line-height: 38px;
}

.about .content p img ,.about .content img{
       max-width: 100%;
    height: auto;
}

/* 图片列表 */

.img-list {
	margin-top: 50px;
	margin-bottom: 40px;
}

.img-list ul {
	margin-left: -0.83%;
	overflow: hidden;
	padding-top: 9px;
}

.img-list ul li {
	float: left;
	width: 29.62%;
	margin-left: 3.71%;
	margin-bottom: 45px;

}


.img-list ul li .img-list_picture {
	height: 227px;
	overflow: hidden;
	background-color: #45b5c7;
}


.img-list ul li .img-list_picture img {
	width: 100%;
	min-height: 100%;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}



.img-list ul li:hover .img-list_picture img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.img-list ul li .img-list_text {
	font-size: 20px;
	color: #333;
	text-align: center;
	line-height: 48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 26px 0;
	box-shadow: 0 0 20px rgb(115 115 115 / 26%);
}

.img-list ul li:hover .img-list_text {
	color: #45b5c7;
}



/* 图片新闻 */

.img-news {
	margin-top: 38px;
	margin-bottom: 80px;
}


.img-news ul li {
	position: relative;
	margin-bottom: 49px;
	height: 251px;
	border: 1px solid #e4e4e4;
	transition: all .35s;
}

.img-news ul li:hover {
	box-shadow: 0 0 10px rgb(69 181 199 / 20%);
	transition: all .35s;
}


.img-news ul li .img-news-img {
	width: 358px;
	height: 250px;
	background: #e4e4e4;
	overflow: hidden;
	float: left;
}

.img-news ul li .img-news-img img {
	width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.img-news ul li:hover .img-news-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.img-news ul li .img-news-xinxi {
	float: left;
	margin-left: 30px;
	margin-top: 49px;
	position: relative;
}

.img-news-time {
	margin-bottom: 46px;
	position: relative;
}

.img-news-time::after {
	content: "";
	display: block;
	position: absolute;
	left: 68px;
	top: 10px;
	background: #e4e4e4;
	width: 64px;
	height: 1px;

}

.img-news-time .news-time-year {
	font-size: 24px;
	color: #45b5c7;
	line-height: 30px;
}

.img-news-time .news-time-date {
	font-size: 16px;
	color: #45b5c7;
}


.img-news ul li .img-news-xinxi .news-arrow {
	width: 44px;
	height: 44px;
	display: block;
	background-color: #fff;
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/img-new-arrow.png");
	background-position: center center;
	background-repeat: no-repeat;

}


.img-news ul li:hover .img-news-xinxi .news-arrow {
	background-color: #45b5c7;
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/img-new-arrowac.png");
}



.img-news ul li .img-news-text {
	margin-top: 38px;
	margin-left: 550px;
	margin-right: 55px;
	transition: 0.6s all;
	position: relative;
}

.img-news ul li .img-news-text h3 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	height: 60px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 13px;
}

.img-news ul li .img-news-text p {
	font-size: 16px;
	line-height: 30px;
	height: 90px;
	color: #666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}



/*列表页*/

.list {
	margin-top: 65px;
	margin-bottom: 40px;
}

.list ul {
	margin-left: -5%;
	overflow: hidden;
}

.list ul li {
	width: 45%;
	margin-left: 5%;
	float: left;
	margin-bottom: 30px;
	transition: 0.6s all;
}

.list ul li .time {
	line-height: 38px;
	padding: 13px 0 13px 43px;
	background-color: #f8fdfe;
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/list-bj.png");
	background-position: 110% 3%;
	background-repeat: no-repeat;
	color: #1c96aa;
	font-size: 18px;
	font-family: "Tahoma";
	transition: 0.6s all;
	border: 1px solid #e6ecf3;
	border-radius: 0 0 20px 20px;
}

.list ul li .time span {
	padding-left: 25px;

}

.list ul li .list-box {
	padding: 17px 20px;
	background: #f3fcfd;
	border-radius: 20px 20px 0 0;
	box-shadow: 1px 11px 12px -4px rgba(208, 224, 236, .7);
}

.list ul li .list-box .list-box-title {
	padding: 25px 20px;
	background: #fff;
	border-radius: 20px 20px 0 0;

}

.list ul li .list-box h5 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	height: 60px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none;
	transition: 0.6s all;

}

.list ul li:hover .list-box h5 {
	color: #208a9b;
	transition: 0.6s all;
}


.list ul li .list-box p {
	font-size: 14px;
	margin-top: 0;
	color: #909090;
	line-height: 24px;
	height: 48px;
	margin-bottom: 18px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}

.list ul li:hover .list-box p {
	color: #fff;
	transition: 0.6s all;
}




/* 信息公开 */

.info ,.list ,.img-news ,img-list{
   min-height: 500px;
}
.info ul li {

	border-bottom: 2px solid #f1f1f1;
}

.info ul li a {
	display: block;
	padding: 14px 12px;
	overflow: hidden;
}

.info ul li p {
	float: left;
	width: 75%;
	font-size: 18px;
	line-height: 48px;
	color: #333;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.info ul li:hover p {
	color: #45b5c7;
}

.info ul li .time {
	float: left;
	width: 25%;
	font-size: 18px;
	line-height: 48px;
	color: #9a9a9a;
	text-align: right;

}


/*大事记*/
.notes {
	margin-top: 70px;
	padding-bottom: 60px;
	padding-left: 70px;
	padding-right: 70px;
}

.notes ul {
	padding: 13px 0 80px;
	position: relative;
}

/*.notes ul::before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 170px;
	width: 1px;
	background: #cad1e1;
}*/

.notes ul li {
	position: relative;
	/*margin-bottom: 55px;*/
	/* overflow: hidden;*/
	width: 50%;
	margin-left: 50%;
        padding-left: 15px;
}


.notes ul li:nth-child(even) {
	margin-left: 0%;
        text-align: right;
        padding-left: 0;
     padding-right: 15px;
}

/*.notes ul li::before {
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	top: 21px;
	left: 165px;
	background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/siji-time.png");
        background-repeat: no-repeat;
        background-position: center;
}*/


.notes ul li::before {
	content: "";
	width: 1px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #45b5c7;

}

.notes ul li:first-child::before{
     height: 0px;
}

.notes ul li:nth-child(even)::before{
        left: auto;
        right: -1px;
}

.notes ul li:after {
	content: "";
	width: 1px;
	height: calc(100% - 58px);
	position: absolute;
	top: 58px;
	left: 0;
	background-color: #45b5c7;

}

.notes ul li:nth-child(even):after{
       left: auto;
       right:-1px;
}

/*.notes ul li:hover:before {
	background: #f5c73d;
}*/


.notes ul li h3 {
	/* width: 110px; */
	/* background: #45b5c7; */
	/* color: #fff; */
	font-size: 24px;
	/* font-weight: bold; */
	/* text-align: center; */
	/* padding: 13px 0; */
	/* border-radius: 7px; */
	/* float: left; */
	color: #45b5c7;
	line-height: 46px;
	padding-left: 32px;
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
}

.notes ul li:nth-child(even) h3{
     padding-left: 0;
     padding-right: 32px;

}

.notes ul li h3::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 26px;
    left: -32px;
    background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/siji-time.png");
    background-repeat: no-repeat;
    background-position: center;
   background-size: 100%;
}

.notes ul li:nth-child(even) h3::before {
         left: auto;
         right:-32px;
}



.notes ul li h3:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #45b5c7;
}

.notes ul li h4 {
	font-size: 24px;
	color: #1395aa;
	padding-left: 32px;
	margin-bottom: 20px; 
       color: #45b5c7;
          font-weight: bold;
}

.notes ul li:nth-child(even) h4{
     padding-left: 0;
     padding-right: 32px;
}

.notes ul li p {
	/* font-size: 20px; */
	/* color: #333; */
	/* line-height: 30px; */
	/* margin-left: 205px; */
	/* margin-top: 10px; */
	/* margin-right: 70px; */
	/* min-height: 30px; */
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin-bottom: 0;
	padding-left: 32px;
}


.notes ul li:nth-child(even) p{
     padding-left: 0;
     padding-right: 32px;
}

/*捐赠背景  */
.beijing, .fencai {
	margin-top: 65px;
	padding: 0 20px 60px;

}

.beijing .content h2 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}

.beijing .content p {
	font-size: 20px;
	color: #333;
	line-height: 48px;
	margin-bottom: 0;
       font-size: 16px;
    line-height: 30px;
}



.beijing table {
	transition: all 0.5s;
	width: 31%;
	float: left;
	margin-left: 3.5%;
	height: 503px;
	position: relative;
	overflow: hidden;
}


.beijing.beijing4 table{
       width: 24.04%;
       margin-left: 1.92%;
       height: 487px;
}

.beijing.beijing4 table+table{
    margin-left: 0;
}


.beijing.beijing4 table tr{
    display: block;
    width: 100% !important;
    background: #f5f5f5;
    left: 0;
    transition: all 0.5s;
}

.beijing.beijing4 table:nth-child(odd) tr ,.beijing.beijing4 table:nth-child(even) tr+tr{
    height: 242px !important;
    position: absolute; 
}

.beijing.beijing4 table:nth-child(odd) tr{
    top: 0;
}

.beijing.beijing4 table:nth-child(even) tr+tr {
    top: 245px;
}

.beijing.beijing4 table:nth-child(odd) tr+tr,.beijing.beijing4 table:nth-child(even) tr {
    height: 100% !important;
    position: relative;

}

.beijing.beijing4 table:nth-child(odd) tr+tr{
     top: 242px;
}

.beijing.beijing4 table:nth-child(even) tr{
    top: -242px;
} 

.beijing table:nth-child(odd) tr+tr::before ,.beijing table:nth-child(even) tr::before{
	content: "";
	z-index: 2;
	opacity: 0;
	background-image: linear-gradient(225deg, #18a0ae, rgb(3, 38, 127));
	transition: opacity 0.5s;
	--tw-bg-opacity: 1;
	background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
}

.beijing.beijing4 table:nth-child(odd):hover tr, .beijing.beijing4 table:nth-child(even):hover tr+tr {
	height: 100% !important;
}

.beijing.beijing4 table:nth-child(odd):hover tr+tr, .beijing.beijing4 table:nth-child(even):hover tr{
   top: 0;
    background-color: transparent;
}


.beijing table:nth-child(odd):hover tr+tr::before, .beijing table:nth-child(even):hover tr::before{
    opacity: 0.6;
}

.beijing.beijing4 table tr td{
    border: none !important;
    width: 100% !important;
   display: block;
    overflow: hidden;
   transition: all 0.5s; 
}

.beijing.beijing4 table:nth-child(odd) tr td ,.beijing.beijing4 table:nth-child(even) tr+tr td{ 
	padding: 0 !important;
	height: 100% !important;	
}

.beijing.beijing4 table:nth-child(odd) tr+tr td ,.beijing.beijing4 table:nth-child(even) tr td{
        padding: 32px 22px !important;
        height: auto !important;
	position: absolute;
	z-index: 3;
	left: 50%;
	transform: translate(-50%, 0);
	transition: all 0.5s;
}

.beijing.beijing4 table:nth-child(even) tr+tr td {
    z-index: 1;
}


.beijing.beijing4 table:nth-child(odd) tr td ,.beijing.beijing4 table:nth-child(even) tr td{
    top: 242px;
}


.beijing.beijing4 table:nth-child(odd):hover tr td, .beijing.beijing4 table:nth-child(even):hover tr td{
    top: auto;
    bottom: 0;
}

.beijing.beijing4 table:nth-child(odd) tr+tr td ,.beijing.beijing4 table:nth-child(even) tr+tr td{
   top: 0;
}

.beijing.beijing4 table tr td h2 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    transition: all 0.5s;
}

.beijing.beijing4 table:hover tr td h2{
     font-size: 24px;
      color: #fff;
}

.beijing.beijing4 table tr td h4 {
    font-size: 14px;
    font-weight: normal;
    color: #a1a1a1;
    line-height: 24px;
   transition: all 0.5s;
   word-break: break-word;
}

.beijing.beijing4 table:hover tr td h4 {
    color: #fff;
}

.beijing.beijing4 .content table tr td p{
    height: 100%;
}

.beijing.beijing4 table tr td img{
    width: 100%;
	min-height: 100%;
	transition: all 0.5s;
}

.beijing.beijing4 table:hover tr td img {
	width: auto;
	height: 100%;
	min-width: 100%;
}


.beijing.beijing4 .content table:nth-child(odd) tr td p, .beijing .content table:nth-child(even) tr+tr td p{
	opacity: 1;
	margin: 0px;
}


/*.beijing .content table:nth-child(odd):hover tr+tr td p, .beijing .content table:nth-child(even):hover tr td p{
	height: 100%;
	opacity: 1;
}*/





/*.beijing table+table {
	margin-left: 0%;
}

.beijing table+table+table {
	margin-right: 3.5%;
}

.beijing table tr, .beijing table+table tr+tr, .beijing table+table+table tr {
	height: 326px !important;
	transition: all 0.5s;
	display: block;
	width: 100% !important;
	position: absolute;
	left: 0;
	top: 0;

}

.beijing table tr+tr::before {
	content: "";
	z-index: 1;
	opacity: 0;
	background-image: linear-gradient(225deg, #18a0ae, rgb(3, 38, 127));
	transition: opacity 0.5s;
	--tw-bg-opacity: 1;
	background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
}

.beijing table:hover tr {
	height: 100% !important;
}


.beijing table:hover tr+tr::before, .beijing table+table+table:hover tr+tr::before {
	opacity: 0.9;
}

.beijing table:hover tr+tr, .beijing table+table+table:hover tr+tr {
	top: 0;
	background-color: transparent;
}

.beijing table:hover tr+tr td, .beijing table+table+table:hover tr+tr td {
	top: 0;
}



.beijing table tr+tr, .beijing table+table tr, .beijing table+table+table tr+tr {
	background: #f5f5f5;
	height: 100% !important;
	left: 0;
	position: relative;


}

.beijing table tr+tr, .beijing table+table+table tr+tr {
	top: 326px;
}

.beijing table+table tr {
	top: -326px;
}

.beijing table+table:hover tr {
	top: 0px;
}


.beijing table+table tr+tr {
	top: 177px;

}


.beijing table tr td, .beijing table+table tr+tr td, .beijing table+table+table tr+tr td {
	width: 100% !important;
	border: none !important;
	padding: 0 !important;
	height: 100% !important;
	display: block;
	overflow: hidden;
	transition: all 0.5s;

}

.beijing table+table:hover tr td {
	top: 0px;
}

.beijing table+table tr+tr td, .beijing table+table+table tr td {
	position: initial;
	transform: translate(0%, 0);
	padding: 0 !important;
}

.beijing table tr td img {
	width: 100%;
	min-height: 100%;
	transition: all 0.5s;
}

.beijing table:hover tr td p {
	height: 100%;
}


.beijing table:hover tr td img {
	width: auto;
	height: 100%;
	min-width: 100%;
}

.beijing table tr+tr td, .beijing table+table+table tr+tr td {
	height: auto !important;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 45px;
	transform: translate(-50%, 0);
	transition: all 0.5s;
	padding: 25px 35px !important;
}

.beijing table+table tr td {
	height: auto !important;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 360px;
	transform: translate(-50%, 0);
	transition: all 0.5s;
	padding: 25px 35px !important;


}

.beijing table+table tr+tr td {
	height: 100% !important;
}

.beijing table+table+table tr td {
	height: 100% !important;
}


.beijing table tr+tr td h4, .beijing table+table tr td h4, .beijing table+table+table tr+tr td h4 {
	font-size: 14px;
	color: #999;
	text-align: center;
}

.beijing table:hover tr+tr td h4, .beijing table+table:hover tr td h4, .beijing table+table+table:hover tr+tr td h4 {
	color: #fff;
	text-align: left;
}

.beijing table tr+tr td h3, .beijing table+table tr td h3, .beijing table+table+table tr+tr td h3 {
	font-size: 20px;
	color: #333;
	text-align: center;
	line-height: 30px;
}

.beijing table:hover tr+tr td h3, .beijing table+table:hover tr td h3, .beijing table+table+table:hover tr+tr td h3 {
	color: #fff;
	text-align: left;

}

.beijing .content table tr+tr td p, .beijing .content table+table tr td p, .beijing .content table+table+table tr+tr td p {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	opacity: 0;
	height: 0;
	margin-top: 10px;
}

.beijing .content table:hover tr+tr td p, .beijing .content table+table:hover tr td p, .beijing .content table+table+table:hover tr+tr td p {
	height: 100%;
	opacity: 1;
}

.beijing .content table tr td p, .beijing .content table+table tr+tr td p, .beijing .content table+table+table tr td p {
	height: 100%;
	opacity: 1;
	margin-top: 0px;
}*/


/*.beijing.beijing4 table+table tr td, .beijing.beijing4 table+table+table+table tr td {
    top: 242px;
    height: auto !important;
    position: absolute;
    transform: translate(-50%, 0);
    padding: 25px 35px !important;
}*/


/*.beijing.beijing4 table tr, .beijing.beijing4 table+table tr+tr, .beijing.beijing4 table+table+table tr, .beijing.beijing4 table+table+table+table tr+tr{
    height: 242px !important;
    transition: all 0.5s;
    display: block;
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}


.beijing.beijing4 table tr+tr, .beijing.beijing4 table+table tr, .beijing.beijing4 table+table+table tr+tr, .beijing.beijing4 table+table+table+table tr {
    background: #f5f5f5;
    height: 100% !important;
    left: 0;
    position: relative;
}


.beijing.beijing4 table tr+tr, .beijing.beijing4 table+table+table tr+tr {
    top: 242px;
}


.beijing.beijing4 table tr+tr td, .beijing.beijing4 table+table+table tr+tr td{
   top: 0;
   padding: 32px 22px !important;
}

.beijing.beijing4 table+table tr ,.beijing.beijing4 table+table+table+table tr{
    top: -242px;
}*/


/*.beijing.beijing4 table+table tr td, .beijing.beijing4 table+table+table+table tr td {
    top: 242px;
    height: auto !important;
    position: absolute;
    transform: translate(-50%, 0);
    padding: 25px 35px !important;
}

.beijing.beijing4 table+table tr+tr, .beijing.beijing4 table+table+table+table tr+tr {
    top: 245px;
}

.beijing.beijing4 table+table tr+tr td, .beijing.beijing4 table+table+table tr td, .beijing.beijing4 table+table+table+table tr+tr td{
    padding: 0 !important;
    top: 0;
    height: 100% !important;
}

.beijing.beijing4 table:hover tr {
    height: 100% !important;
}

.beijing.beijing4 table:hover tr+tr, .beijing.beijing4 table+table+table:hover tr+tr {
    top: 0;
    background-color: transparent;
}




.beijing.beijing4 table+table:hover tr {
    top: 0px;
}



.beijing.beijing4 table:hover tr+tr td, .beijing.beijing4 table+table+table:hover tr+tr td{
    top: auto;
    bottom: 0;
    height: 100% !important;
    z-index: 1;
}

.beijing.beijing4 .content table+table+table+table tr+tr td p{

     height: 100%;
    opacity: 1;
    margin-top: 0px;
}


.beijing.beijing4 .content table tr td h2{
   font-size: 22px;
    font-weight: normal;
}


.beijing.beijing4 table tr+tr td h4, .beijing.beijing4 table+table tr td h4, .beijing.beijing4 table+table+table tr+tr td h4{
    font-size: 14px;
        color: #a1a1a1;
    text-align: left;
}

.beijing.beijing4 table+table+table {
    margin-right: 0;
}*/



.fencai table {
	border: none !important;
	width: 100%;
	margin-bottom: 80px !important;
}

.fencai table tr td {
	border: none !important;
	width: 445px !important;
	padding: 0 !important;
	position: relative;
}

.fencai table tr td img {
	display: block;
}

.fencai table tr td+td {
	width: auto !important;
}


.fencai table+table tr td:before {
	content: "";
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
	width: 63px;
	height: 1px;
	background-color: #333;
}

.fencai table+table tr td+td:before {
	display: none;
}

.fencai table+table+table tr td:before {
	display: none;
}




.fencai table tr td h2 {
	font-size: 30px;
	line-height: 48px;
	color: #333;
	margin-bottom: 5px;
	font-weight: bold;

}


.fencai table tr td h2 strong {
	font-size: 18px;
	font-weight: normal;
	margin: 0 10px;
}

.fencai table tr td p {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	margin-bottom: 0;
}

.fencai table tr td p a {
    text-decoration: underline;
    color: #41a2b8;
    margin-left: 10px;
}

.fencai table tr td p em {
	color: #41a2b8;
	font-style: initial;
}

.fencai table+table+table tr td {
	width: auto !important;
}

.fencai table+table+table tr td+td {
	width: 445px !important;
}

.fencai table+table+table tr td+td:before {
	content: "";
	display: block;
	position: absolute;
	right: auto;
	left: 25px;
	top: 25px;
	width: 63px;
	height: 1px;
	background-color: #333;
}

.fencai table+table+table+table tr td {
	width: 445px !important;
}

.fencai table+table+table+table tr td:before {
	content: "";
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
	width: 63px;
	height: 1px;
	background-color: #333;
}


.fencai table+table+table+table tr td+td:before {
	display: none;
}

.fencai table+table+table+table tr td+td {
	width: auto !important;
}

/*.fencai table+table+table tr td+td {
    width: 390px !important;
}*/

/* 项目详情 */

.project {
	margin-top: 40px;
	padding-bottom: 60px;
}

.project .title {
	font-size: 30px;
	color: #333;
	line-height: 48px;
	font-weight: bold;
	text-align: left;
}


.project .content h3 {
	font-size: 24px;
	line-height: 48px;
	color: #41a0ae;
	position: relative;
	margin-top: 35px;
	margin-bottom: 15px;


}


.project .content h3::after {
	/*content: "";
	width: 60px;
	height: 3px;
	background: #45b5c7;
	position: absolute;
	left: 0;
	bottom: 0;*/
}


.project .content p {
	font-size: 18px;
    color: #666;
    line-height: 36px;

}


.project .content p img{
   max-width: 100%;
    height: auto !important;
}

.project .content  img{
   max-width: 100% !important;
    height: auto !important;
}

.list-project ul li {
    overflow: hidden;
    margin: 50px 0;
}



.list-project ul li .project_picture {
    width: 524px;
    height: 300px;
    position: relative;
}

.list-project ul li .project_picture a{
      width: 100%;
      height: 100%;
   display: block;
    overflow: hidden;
}

.list-project ul li .project_picture::before {
    content: "";
    position: absolute;
    top: 25px;
    width:50px;
    height: 1px;
    background-color: #41a0ae;
}

.list-project ul li .project_picture img {
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list-project ul li:hover .project_picture img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


.list-project ul li:nth-child(odd) .project_picture {
    margin: 0 0 0 auto;
      
}
.list-project ul li:nth-child(odd) .project_picture::before{
     left: -50px;
}

.list-project ul li:nth-child(even) .project_picture {
  float: left;
     
}

.list-project ul li:nth-child(even) .project_picture::before {
    right: -50px;
}

.list-project ul li .project_text{  
        width: 590px;
    
}

.list-project ul li:nth-child(odd) .project_text{
    float: left;
}

.list-project ul li:nth-child(even) .project_text{
    margin: 0 0 0 auto;
}

.list-project ul li .project_text .project-title{
    font-size: 30px;
    color: #000;
    font-weight: bold;
    padding: 0 0 15px;
    position: relative;
    margin: 8px 0 10px;
}


.list-project ul li .project_text .project-title:after{
   content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 5px;
    background-color: #f5c73d
}

.list-project ul li .project_text .project-SubTitle {
    font-size: 24px;
    line-height: 36px;
    color: #41a0ae;
    height: 108px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.list-project ul li .project_text .project-abstract {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    height: 90px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.list-project ul li .project_text .text-more {
    position: relative;
    width: 115px;
    padding-right: 32px;
    display: block;
    margin: 0 0 0 auto;
    vertical-align: top;
    line-height: 36px;
    color: #41a0ae;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}


.list-project ul li .project_text .text-more span {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 23px;
    overflow: hidden;
    display: block;
    font-size: 18px;
    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/project-arrow.png") center no-repeat;
}

.list-project ul li .project_text .text-more::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #41a0ae;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.list-project ul li .project_text .text-more:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}



/*机构*/

.jigou {
    margin: 40px 0;
}

.jigou ul {
   margin-left: -2.33%;
    overflow: hidden;
}
.jigou ul li {
    width: 31%;
    margin-left: 2.33%;
    float: left;
    text-align: center;
    padding: 30px 0;
    margin-bottom: 33px;
background-color: #4169ae;
   background-repeat: no-repeat;
    background-position: center;
}

.jigou ul li+li{
  background-color: #41a0ae;
}

.jigou ul li+li+li{
   background-color: #f4c137;
}

.jigou ul li+li+li+li+li{
   background-color:#4169ae;
}

.jigou ul li+li+li+li+li+li{
   background-color: #41a0ae;
}


.jigou ul li:nth-child(odd){
   background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/jigou01.png");
    
}


.jigou ul li:nth-child(even) {
   background-image: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/jigou02.png");
    
}

.jigou ul li h3 {
    color: #fff;
    font-family: "Tahoma";
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 20px;
}

.jigou ul li .jigou_text {
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    margin: 0 10px;
    height: 72px;
}



/* 内容页 */

.article {
	min-height: 380px;
	margin-bottom: 100px;
	margin-top: 60px;

}

.article h1.intro {
	text-align: center;
	font-size: 16px;
	color: #595c5b;
	font-family: "微软雅黑";
	line-height: 1.5;
	margin: 0;
}

.article h2.title {
	text-align: center;
	font-size: 24px;
	color: #45b5c7;
	font-family: "微软雅黑";
	line-height: 1.5;
	margin: 8px 0;
	border-bottom: none;
}

.article h3.subtitle {
	font-size: 22px;
        color: #45b5c7;
	line-height: 1.5;
	text-align: center;
	margin: 0
}


.article h4 {
	font-size: 14px;
	color: #333;
	text-align: center;
	padding-left: 15px;
	margin: 20px 0 10px;
	padding: 15px 10px;
	/* background: #fff; */
	border-bottom: 1px solid #f1f1f1;
}


.article h4 span.view {
	font-size: 16px;
	color: #666;
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/view.png") left center no-repeat;
	padding-left: 25px;
	float: right;
}

.article .content{   
    padding: 5px 0 0;
}



.article .content p {
	font-size: 18px;
	color: #333;
	line-height: 38px;
	font-family: "微软雅黑";
	margin-bottom: 0;
}

.article .content img {
	max-width: 100%;
	height: auto;
	margin-top: 12px;
	margin-bottom: 12px;
}


.article .attach ul li a {
	color: #0000ee;
}

.article .attach ul li a:hover {
	color: #005597;

}

.no-date{
text-align: center;
    margin: 20px 0;
    font-size: 16px;
}


.list-story {
    margin-top: 40px;
}

.list-story ul {
    margin-left: -5.5%;
	padding-bottom: 15px;
    overflow: hidden;
}

.list-story ul li {
    border: 1px solid #eaeaea;
    width: 27.83%;
    float: left;
    margin-left: 5.5%;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.list-story ul li:hover{
box-shadow: 0 0 20px rgb(115 115 115 / 26%);
}

.list-story ul li .story-list_picture {
    width: 100%;
    height: 240px;
    overflow: hidden;
	background-color: #45b5c7;
}


.list-story ul li .story-list_picture img {
    width: 100%;
    min-height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.list-story ul li:hover .story-list_picture img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}


.list-story ul li .story-list_text {
    padding: 25px 30px 25px 23px;
	position: relative;
}

.list-story ul li .story-list_text::after{
	content: "";
	position: absolute;
	left:0;
	top:29px;
	background: #45b5c7;
	width: 6px;
	height: 28px;
	-webkit-transition: color .6s;
	-o-transition: color .6s;
	transition: color .6s;

}


.list-story ul li:hover .story-list_text::after{
	background: #e1b329;
}

.list-story ul li .story-list_text h4{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 36px;
	margin-bottom: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}





.list-story ul li .story-abstract {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    height: 90px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.list-story ul li .more {
    font-size: 16px;
    color: #a9a9a9;
    text-align: right;
    line-height: 38px;
    padding-left: 48px;
    background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/story-arrow.png") left center no-repeat;
    background-size: 38px;
    width: 113px;
    margin: 32px 0 0 auto;
	-webkit-transition: color .6s;
	-o-transition: color .6s;
	transition: color .6s;
}

.list-story ul li:hover .more{
	background: url("https://www.peaktip.com/__xh__/edf.whu.edu.cn/hchjjh/images/story-arrowac.png") left center no-repeat;
	color: #e1b329;
	background-size: 38px;
}

/*分页栏*/

.pagebar {
	text-align: center;
	margin: 60px auto;
}

.p_first_d, .p_last_d {
	display: none;
}

.p_first, .p_last {
	display: none;
}

.p_prev_d, .p_prev {
	font-size: 14px;
	color: #333;
	padding: 6px 12px;
	border: 1px solid #e8e8e8;
	margin: 0px 2px;
}

.p_no {
	/*display: none !important;*/
	padding: 6px 12px;
	border: 1px solid #e8e8e8;
	margin: 0px 2px;
	font-size: 14px;
	color: #333;
}

.p_no_d {
	font-size: 14px;
	background: #45b5c7;
	color: #fff;
	padding: 6px 12px;
	border: 1px solid #e8e8e8;
	margin: 0px 2px;
}

.p_next, .p_next_d {
	font-size: 14px;
	color: #333;
	padding: 6px 12px;
	margin-left: 2px;
	border: 1px solid #e8e8e8;
}


.list .headStyle14x1iekwp4 a, #fen a, .list .PrevDisabled, .list .this-page, .list .NextDisabled {
	height: 20px !important;
}

/* 底部 */
.footer {
	background-color: #2f9cb3;
	padding: 85px 0 0;
}

.footer .container {
	position: relative;
}

.footer-top {
	overflow: hidden;
	padding-bottom: 35px;
}

.footer-top h3 {
	font-size: 24px;
	color: #fff;
	line-height: 48px;
	margin-bottom: 5px;
}

/* 关于我们 */

.footer-about {
	width: 25%;
	float: left;
}

.footer-about ul li a {
	font-size: 16px;
	color: #b7e3ec;
	line-height: 30px;
	transition: all .35s;
}


.footer-about ul li:hover a {
	color: #fff;
	transition: all .35s;
}


/* 联系我们 */

.footer-adress {
	float: left;
	width: 32.5%;
}


.footer-adress p {
	font-size: 16px;
	color: #b7e3ec;
	line-height: 36px;
	margin-bottom: 0;
}

/* 友情链接 */
.footer-link {
	float: left;
	width: 30%;
}
.footer-top h3 a {
    font-size: 14px;
    color: #b7e3ec;
    margin: 0;
    -webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
}

.footer-top h3 a:hover{
 margin: 0 0 0 10px;
}

.footer-link ul li a {
	font-size: 16px;
	color: #b7e3ec;
	line-height: 36px;
	transition: all .35s;
}

.footer-link ul li:hover a {
	color: #fff;
	transition: all .35s;
}

/* 关注我们 */

.footer-code {
	width: 12.5%;
	float: left;
	text-align: center;
}

.footer-code ul li .code-box {
	width: 109px;
	height: 109px;
	background: #fff;
	margin: 0 auto;
}

.footer-code ul li .code-box img {
	width: 100%;
}

.footer-code ul li .code-text {
	font-size: 18px;
	line-height: 30px;
	color: #b7e3ec;
	text-align: center;
            margin-top: 3px;
}



.footer-copyright {
	border-top: 1px solid #72add1;
	text-align: left;
	padding: 20px 80px 20px 0;
	font-size: 16px;
	color: #b7e3ec;
}


.topping {
	position: absolute;
	right: 0;
	bottom: 20px;
	font-size: 16px;
	color: #b7e3ec !important;
}

.topping:hover {
	color: #fff !important;
}