/*轮播*/
.banner {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #f5f5f5;
}
.containerbox {
max-width: 800px;
margin: 0 auto;
	padding:0 15px;
     background-color: #f5f5f5;    
}
			
			.slide {
				width: 100%;
				min-height: 180px;
				overflow: hidden;
				position: relative;
			}
			
			.slide .img {
				overflow: hidden;
				position: absolute;
				transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
			}
			
			.slide .img img {
				width: calc(100% - 14px);
				height: calc(100% - 14px);
				margin: 7px;
                                border-radius: 10px;
			}
			
			.slide .img1 {
				width: 40%;
				height: 40%;
				top: 30%;
				left: -50%;
				z-index: 1;
			}
			
			.slide .img2 {
				width: 60%;
				height: 60%;
				top: 20%;
				left: -20%;
				z-index: 2;
			}
			
			.slide .img3 {
				width: 80%;
				height: 80%;
				top: 10%;
				left: 10%;
				z-index: 3;
			}
			
			.slide .img4 {
				width: 60%;
				height: 60%;
				top: 20%;
				left: 60%;
				z-index: 2;
			}
			
			.slide .img5 {
				width: 40%;
				height: 40%;
				top: 30%;
				left: 110%;
				z-index: 1;
			}
			
			.slide-bt {
				position: absolute;
				left: 50%;
				bottom: 30px;
				z-index: 10;
			}
			
			.slide-bt span {
				width: 24px;
				height: 4px;
				background: #c9caca;
				float: left;
				margin: 5px;
				border-radius: 4px;
			}
			
			.slide .slide-bt .on {
				background: #ffd200;
			}
.banner .swiper {
	width:100%;
	margin:0 auto;
	position:relative;
}
.current-swiper {
	width:80%;
	height:150px;
	border-radius:10px;
	margin:0 auto;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
	position:relative;
	z-index:90;
}
.left-swiper {
	position:absolute;
	left:-15px;
	top:0;
	z-index:1;
}
.right-swiper {
	position:absolute;
	right:-15px;
	left:auto;
	top:0;
	z-index:1;
}
.nocurrent-swiper {
	width:80%;
	height:150px;
	border-radius:8px;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
	transform:scale (0.8);
	-webkit-transform:scale(0.8);  /*兼容-webkit-引擎浏览器*/
	-moz-transform:scale(0.8);     /*兼容-moz-引擎浏览器*/
}
.nocurrent-swiper:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
}
.slide1 {
	background:blue;
}

.slide2 {
	background:green;
}
.slide3 {
	background:orange;
}
.slide1 img,{
	display: block;
	width: 100%;
}
/*News*/
.News-view-area {
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	padding: 0 15px 15px;
}

.News-view-area .conbox {
	width: 100%;
	height: auto;
}

.News-view-area .conbox .title {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.News-view-area .conbox .title h1 {
	position: relative;
	float: left;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	color: #00307b;
	text-transform: uppercase;
}

.News-view-area .conbox .title a.view-more {
	float: right;
	display: block;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	color: #00307b;
	text-transform: capitalize;
	font-family: "Alternate";
}
.News-view-area .conbox .title a.view-more .fa-angle-right{
	font-size: 18px;
    line-height: 28px;
    float: right;
    margin-left: 2px;
}
.News-view-area .News-div{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.News-view-area .News-div .News-swiper-container {
	position: relative;
}

.News-view-area .News-div .News-swiper-container .swiper-slide {
	font-size: 18px;
	width: 228px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.News-view-area .News-div .list {
	position: relative;
	width: 100%;
}

.News-view-area .News-div .list .picimg {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.News-view-area .News-div .list .picimg a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.2);
}
.News-view-area .News-div .list .picimg img {
	display: block;
	width: 100%;	
        height:158px;
}
.News-view-area .News-div .list .text{
	padding: 5px 0;
	background-color: #fff;
}
.News-view-area .News-div .list .text a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	padding:0 10px;
	color: #333333;
	white-space: normal;
}
.News-view-area .News-div .list .text span.time{
	font-size: 12px;
	color: #CCCCCC;
	padding:0 10px;
	margin-top: 5px;
}

/*Events*/
.Events-view-area {
	width: 100%;
	height: auto;
	background: url(../img/image/index-event-bg.png) no-repeat center;
	background-size: cover;
	padding: 15px 15px;
}

.Events-view-area .conbox {
	width: 100%;
	height: auto;
}

.Events-view-area .conbox .title {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.Events-view-area .conbox .title h1 {
	position: relative;
	float: left;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}

.Events-view-area .conbox .title a.view-more {
	float: right;
	display: block;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	text-transform: capitalize;
	font-family: "Alternate";
}
.Events-view-area .conbox .title a.view-more .fa-angle-right{
	font-size: 18px;
    line-height: 28px;
    float: right;
    margin-left: 2px;
}
.Events-view-area ul.Events-ul{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.Events-view-area ul.Events-ul li.list{
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}
.Events-view-area ul.Events-ul li.list:last-child{
	margin-bottom: 0;
}
.Events-view-area ul.Events-ul li.list .ft-time{
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 10px;
	background: url(../img/image/calendar.png) no-repeat left top;
}
.Events-view-area ul.Events-ul li.list .ft-time span.day{
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-family: 'RobotoBold';
	text-align: center;
	font-size: 19px;
	color: #006DBB;
}
.Events-view-area ul.Events-ul li.list .ft-time span.mouth{
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-family: 'RobotoBold';
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
}	
.Events-view-area ul.Events-ul li.list .rt-text{
	float: left;
	width: calc(100% - 74px);
}
.Events-view-area ul.Events-ul li.list .rt-text h3{
	font-family: 'RobotoBold';
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 5px;
}
.Events-view-area ul.Events-ul li.list .rt-text h3 a{
	color: #333333;
}
.Events-view-area ul.Events-ul li.list .rt-text p{
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	color: #ccc;
	overflow: hidden;
}
/*Research @ZUSM*/
.Research-view-area {
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	padding: 15px 15px;
}

.Research-view-area .conbox {
	width: 100%;
	height: auto;
}

.Research-view-area .conbox .title {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.Research-view-area .conbox .title h1 {
	position: relative;
	float: left;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	color: #00307b;
	text-transform: uppercase;
}

.Research-view-area .conbox .title a.view-more {
	float: right;
	display: block;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	color: #00307b;
	text-transform: capitalize;
	font-family: "Alternate";
}
.Research-view-area .conbox .title a.view-more .fa-angle-right{
	font-size: 18px;
    line-height: 28px;
    float: right;
    margin-left: 2px;
}
.Research-view-area .conbox .Research-div{
	width: 100%;
	background-color: #fff;
}
.Research-view-area .conbox .Research-div .imgs{
	width: 100%;
}
.Research-view-area .conbox .Research-div .imgs img{
	display: block;
	width: 100%;
}
.Research-view-area .conbox .Research-div .text{
	width: 100%;
	padding: 10px;
}

.Research-view-area .conbox .Research-div .text h2 {
	position: relative;
    font-family: 'RobotoBold';
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.Research-view-area .conbox .Research-div .text h2 a{
	color: #333333;
}
.Research-view-area .conbox .Research-div .text h2:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 2px;
	background-color: #004098;
}
.Research-view-area .conbox .Research-div .text p{
	width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #ccc;
}
/*Affiliated*/
.Affiliated-view-area {
	width: 100%;
	height: auto;
	background: url(../img/image/index-bg-2.png) no-repeat center;
	background-size: cover;
	padding: 15px 0 15px 15px;
}

.Affiliated-view-area .conbox {
	width: 100%;
	height: auto;
}

.Affiliated-view-area .conbox .title {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.Affiliated-view-area .conbox .title h1 {
	position: relative;
	float: left;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
.Affiliated-view-area .Affiliated-div{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.Affiliated-view-area .Affiliated-div .Affiliated-swiper-container{
	position: relative;
	width: 100%;
}
.Affiliated-view-area .Affiliated-swiper-container .swiper-slide {
    font-size: 18px;
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.Affiliated-view-area .Affiliated-swiper-container .swiper-slide .list{
	width: 100%;
}
.Affiliated-view-area .Affiliated-swiper-container .swiper-slide .list img{
	display: block;
	width: 100%;
}
/*Study at @ZUSM*/
.Study-view-area {
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	padding: 15px 15px;
}

.Study-view-area .conbox {
	width: 100%;
	height: auto;
}

.Study-view-area .conbox .title {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.Study-view-area .conbox .title h1 {
	position: relative;
	float: left;
	height: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
	color: #003F88;
	text-transform: uppercase;
}
.Study-view-area .conbox ul.Study-ul{
	position: relative;
	width: 100%;
}
.Study-view-area .conbox ul.Study-ul li.list{
	position: relative;
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.Study-view-area .conbox ul.Study-ul li.list:nth-child(2n){
	margin-right: 0;
	margin-left: 2%;
}
.Study-view-area .conbox ul.Study-ul:after{
	content: '';
	display: block;
	clear: both;
}
.Study-view-area .conbox ul.Study-ul li.list img{
	display: block;
	width: 100%;
        height:124px;
}
.Study-view-area .conbox ul.Study-ul li.list span{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-family: 'RobotoBold';
	font-size: 15px;
	color: #fff;
}