/*-----------------------------------------------------------------------------------

    Template Name: 浙大医学院英文版 
    Description: This is html5 template
    Author: DevItem
    Version: 1.0
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. news    
    2.spotlight
    3.scholars
    4.events
    5.hospitals
    
-----------------------------------------------------------------------------------*/
/*1.news*/
.content-area{
	width: 100%;
	height: auto;
		background-color: #fff;
}
.content-area .contentcon{
	width: 100%;
	height: auto;
}
.contentcon .content{
	width: 1100px;
	height: auto;
	margin:  0 auto;
	padding: 20px 20px;
	background-color: #fff;
}
.content .news-con{
	width: 100%;
	height: auto;
}
/*四大新闻模块*/
.four-newsblock{
	width: 1180px;
	height: auto;
	margin: 0 auto;
	padding: 90px 0;

}
.four-newsblock .content{
	width: 100%;
	height: auto;
}
.four-newsblock .content .list{
	float: left;
	width: 240px;
	height: auto;
	margin-left: 28px;
	margin-right: 27px;
	overflow: hidden;
}
.four-newsblock .content .list .pic{
	width: 240px;
	height: 240px;
	border: solid 15px #a989d2;
	overflow: hidden;
	border-radius: 120px;
}
.four-newsblock .content .list:nth-child(2) .pic{
	border-color: #b4c483;
}
.four-newsblock .content .list:nth-child(3) .pic{
	border-color: #e38e6d;
}
.four-newsblock .content .list:nth-child(4) .pic{
	border-color: #e5bc64;
}
.four-newsblock .content .list .pic img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;	
}
.four-newsblock .content .list .pic img:hover{
    transform: scale(1.1);
	/*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.5s ease 0s;
	transform: rotate(360deg);*/
	/*-ms-transform: rotate(360deg); /* IE 9 */
	/*-webkit-transform: rotate(360deg); /* Safari and Chrome */
}
.four-newsblock .content .list .news-text{	
	width: 100%;
	height: 42px;	
	margin-top: 20px;
}
.four-newsblock .content .list .news-text h3{
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-family: "RobotoCondensedRegular";
	font-size: 30px;
	color: #333;
	font-weight: normal;
}
.four-newsblock .content .list .news-text h3:after{
	content: "";
	width: 100px;
	height: 2px;
	background-color: #fff;
}
/*最新新闻*/
.latest-news-area{
	width: 100%;
	height: auto;
	padding: 90px 0;
	background-color: #f3f3f3;
}
.latest-news-area .content{
	width: 1180px;
	height: auto;
	margin: 0 auto;
	min-height: 230px;
}
.latest-news-area .content .list{
	position: relative;
	float: left;
	width: 270px;
	height: 380px;
	overflow: hidden;
	margin-left: 33px;
}
.latest-news-area .content .list:first-child{
	margin-left: 0;
}
.latest-news-area .content .news-list{
	box-shadow: 0px 0px 12px #b6c1e3;
}
.latest-news-area .content .list .icons{
	position: absolute;
	left:114px;
	top: 92px;
	width: 43px;
	height: 43px;	
}
.latest-news-area .content .list .news-text{
	position: absolute;
	left: 0;
	top: 160px;
	font-family: "RalewayRegular";
	width: 100%;
	font-size: 36px;
	line-height: 42px;
	color: #fff;
	text-align: center;
}
.latest-news-area .content .list .news-more{
	display: block;
	position: absolute;
	left: 45px;
	bottom: 58px;
	font-family: "LatoRegular";
	height: 44px;
	line-height: 44px;
	width: 185px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border: solid 1px #e4dfdf;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.latest-news-area .content .list .news-more:hover{
	background-color:#07375a;
}
.latest-news-area .content .list .picnews{
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.latest-news-area .content .list .picnews img{
	display: block;
	width: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.latest-news-area .content .list .picnews img:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.latest-news-area .content .list .picnews .news-text-2{
	position: absolute;
	left: 0;
	top: 0;
	width: 56px;
	height: 60px;
	background-color: #fbae0a;
}
.latest-news-area .content .list .picnews .news-text-2 .mouth{
	display: block;
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 24px;
	margin-top: 5px;
}
.latest-news-area .content .list .picnews .news-text-2 .day{
	display: block;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
.latest-news-area .content .list .news-text-3{
	width: 100%;
	height: 180px;
	padding: 10px 15px;
	background-color: #fff;
}
.latest-news-area .content .list .news-text-3 h4{
	font-family:"MuseoRegular";
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
.latest-news-area .content .list .news-text-3 h4 a{
	color: #333;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.latest-news-area .content .list .news-text-3 h4 a:hover{
	color: #ec7121;
}
.latest-news-area .content .list:hover .news-text-3 h4 a{
	color: #ec7121;
}
.latest-news-area .content .list .news-text-3 .news-more-2{
	display: block;
	width: 120px;
	font-family: "LatoRegular";
	padding: 6px 0;
	border: solid 1px #cac6c6;
	font-size: 18px;
	border-radius: 4px;
	text-align: center;
	margin-top: 25px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.latest-news-area .content .list .news-text-3 .news-more-2:hover{
	background-color: #07375a;
	border: solid 1px #07375a;
	color: #fff;
}
/*新闻动态*/
.events-area{
	width: 100%;
	height: auto;
	padding: 90px 0;
	background: url(../img/news-bg.png) left top;
}
.events-area .conbox{
	width: 1180px;
	height: auto;
	margin: 0 auto;
	padding: 25px 45px 0;
	background-color: #fff;
}
.events-area .conbox h1{
	font-family: "RalewayRegular";
	font-size: 36px;
	color: #333333;
	margin-bottom: 30px;
	margin: 0;
} 
.events-area .conbox .events-listbox{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.events-area .conbox .events-listbox .events-left{
	float: left;
	width: 520px;
}
.events-area .conbox .events-listbox .events-right{
	float: right;
	width: 520px;
}
.events-area .conbox .events-listbox .list{
	width: 520px;
	height: 130px;
	border-bottom: dashed 1px #b3acac;
	margin-bottom: 28px;
}
.events-area .conbox .events-listbox .list .events-time{
	float: left;
	width: 56px;
	height: 60px;
	border: solid 1px #f8b239;
}
.events-listbox .list .events-time .mouth{
	font-family: "LatoRegular";
	font-size: 16px;
	text-align: center;
	color: #555555;
	line-height: 24px;
	margin-top: 5px;
}
.events-listbox .list .events-time .day{
	font-family: "LatoRegular";
	font-size: 16px;
	text-align: center;
	color: #555555;
}
.events-area .conbox .events-listbox .list .events-con{
	float: right;
	width: 420px;
	height: auto;
}
.events-listbox .list .events-con h1{
	font-family: "MuseoRegular";
	font-size: 18px;
	height: 48px;
	line-height: 24px;
	color: #464646;
	margin-bottom: 6px;
}
.events-listbox .list .events-con h1 a{
	color: #464646;
	-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.events-listbox .list .events-con h1 a:hover{
	color: #f8b239;
}
.events-listbox .list:hover .events-con h1 a{
	color: #f8b239;
}
.events-listbox .list .events-con p{
	height: 60px;
	font-size: 16px;
	line-height: 20px;
	color: #7d7d7d;
}