domitory/WebContent/dorm/css/style.css

*{
	padding: 0;
}
h4,
h5,
h6,
h1,
h2,
h3 {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

html,
body {
	font-family: 'OpenSans-Regular';
	font-size: 100%;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url(../fonts/OpenSans-Regular.ttf)format('truetype');
}

@font-face {
	font-family: 'Ubuntu-Medium';
	src: url(../fonts/Ubuntu-Medium.ttf) format('truetype');
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}


/*-- banner --*/
.banner {
	background: url(../img/banner.jpg) no-repeat;
	background-size: cover;
	min-height: 270px;
}
.logo {
	float: left;
	margin-left: 5em;
	width: 14em;
    height: 5em;
    background-color: #4dc47d;
    
}  
.logo a{

display:block;
width:100%;
height:100%;
color:white;
text-decoration:none;
font-size:25px;
font-weight:blod;
line-height:70px;
text-align:center;
}

.top-menu {
	float: right;
	background: #4dc47d;
	margin: 13em 0 0 0;
	padding: 0 11em 0 0em;
}

.top-menu ul li {
	display: inline-block;
}

.top-menu ul li a {
	display: block;
	color: #181a1b;
	font-size: 1.1em;
	padding: 1em 1em;
	text-decoration: none;
}

.top-menu ul li.active a,
.top-menu ul li a:hover {
	color: #fff;
}


.center-conent {
	padding: 3em 0;
}

.center-content{
	width: 90%;
	height: 100%;
	float: left;
	margin-left: 5%;
	/* background-color: #169FE6; */
}

.center-content .left{
	width: 23%;
	height: 100%;
	float: left;
	/* background-color: red; */
}
.center-content .right{
	width: 77%;
	float: left;
	height: 100%;
	margin-top: 20px;
    
	/* background-color: blue; */
}

.center-content .left .gongGao{
	margin-top: 20px;
	width: 100%;
	float: left;
}
.center-content .left .gongGao .title{
	width: 100%;
	height: 40px;
	text-align: center;
	background-color: #4dc47d;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
}
.center-content .left .gongGao .context{
	width: 100%;
	min-height: 150px;
	background-color: #FDFDFD;
	color: black;
	font-size: 16px;
	padding:10px;
}

.center-content .left .gongGao .import{
	height: 150px;
}

.center-content .left .gongGao .context marquee label{
	font-size:14px;
	font-weight:normal;
}

.center-content .left .gongGao .context a{
	display: block;
	margin-top: 5px;
}

.center-content .left .container{
	width: 100%;
}


/*-- footer --*/

.copywrite {
	background: #4dc47d;
	width: 100%;
	height: 50px;
	float: left;
}

.copywrite .container{
	width:100%;
	height:100%
} 

.copywrite p {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 1em;
	text-align: left;
	margin-top:20px;
	margin-left:170px;
	
}

.copywrite p a {
	color: #fff;
}

@media (max-width: 1024px) {
	.logo {
		width: 17%
	}
	.logo img {
		background-size: 100%;
		width: 100%
	}
	.top-menu {
		padding: 0 5em 0 2em;
	}
	.top-menu ul li a {
		font-size: 0.95em;
	}
	
	.banner {
		min-height: 200px;
	}
	
}

.center-content .right .data_list .wele{
	width:100%;
	font-size: 40px;
}

.center-content .right .data_list .list-content{
	margin-top:20px;
}

.center-content .right .data_list .list-content .quanxian{
	font-size:30px;
}


.center-content .right .data_list .list-content li{
	font-size:20px;
	list-style: none;
	margin-top:20px;
}