* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

html {
	font-family: '微软雅黑';
}

body {
	background: url(bigBg.png) no-repeat center top 35px #e0f4ff;
}

.Container {
	width: 1000px;
	margin: auto;
}
.nav{
	height: 35px;
	line-height: 35px;
	background: #116db8;
}

.nav ul{
	float: right;
}
.nav ul li,
.nav ul span{
	float: left;
	margin: 0 8px;
	color: #dee7f2;
}
.nav ul li a{
	color: #dee7f2;
}
.f1,
.f2 {
	height: 295px;
	margin-bottom: 10px;
}

.f3 {
	min-height: 112px;
	background: #FFFFFF;
	box-shadow: 1px 1px 3px #909090;
	margin-bottom: 10px;
}

.f1 {
	margin-top: 255px;
}

.f1>div,
.f2>div {
	height: 295px;
	width: 495px;
	float: left;
	background: #FFFFFF;
	box-shadow: 1px 1px 3px #909090;
	overflow: hidden;
}

.f1>div:first-child,
.f2>div:first-child {
	margin-right: 10px;
}

.title {
	height: 44px;
	line-height: 45px;
	border-bottom: 1px solid #6a95ab;
	color: #104c6b;
	background: url(title_b.png) no-repeat left #c8effc;
}

.title p {
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-left: 40px;
}

.title span {
	float: right;
	font-size: 14px;
	margin-right: 15px;
}

.title span a{
	font-size: 14px;
	color: #323131;
}
.title span a:hover{
	color: #104c6b;
}

.title span a.uselink{
	color: #fff;
}

.title span a.uselink:hover{
	color: #fff;
}

.content {
	font-size: 16px;
	padding: 10px;
	background: #ffffff;
}

.content a{
	color: #000000;
}

.f1>div:first-child .title {
	height: 54px;
	line-height: 65px;
	border-bottom: 1px solid #a6494f;
	color: #fff;
	margin-top: -10px;
	background: url(title_r.png) no-repeat left #ca2727;
}

.f1>div:first-child .title p {
	font-size: 24px;
	margin-left: 60px;
}

.content li {
	height: 39px;
	line-height: 35px;
	padding-left: 30px;
	background: url(li_b.png) no-repeat center left 5px;
}

.content li p {
	float: left;
}

.content li span {
	float: right;
}

.f1>div:first-child .content li {
	height: auto;
	background: url(li_r.png) no-repeat top 15px left 5px;
}

.f1>div:first-child .content li a{
	display: inline-block;
	color: #ce4040;
}

.f1>div:first-child .content li p:last-child {
	font-size: 14px;
	color: #424242;
	text-indent: 32px;
}

.f1>div:first-child .content li p:last-child span {
	float: none;
	color: #ce4040;
}
.f1>div:first-child .content li p:first-child{
	font-size: 16px;
	color: #ce4040;
	text-indent: 0px;
}

.f3 p {
	height: 47px;
	line-height: 47px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px;
	border-bottom: 1px solid #6a95ab;
	background: url(title_l.png) no-repeat center left 10px;
}

.f3 ul {
	padding: 0px;
}

.f3 li {
	font-size: 18px;
	line-height: 64px;
	float: left;
	margin: 0 25px;
}

.f3 li a {
	color: #6186a3;
}
.f_list{ overflow: auto; }

@media screen and (max-width: 768px){
	body{
		background: url(bigBg.png) no-repeat center top 65px #e0f4ff;
		background-size: 160% 20%;
	}
	.nav{
		height: 70px;
		width: 100%;
	}
	.Container{
		width: 96%;
		margin: 0 2%;
	}
	
	.f1{
		margin-top: 125px;
	}
	
	.f1,
	.f2{
		height: auto;
		margin-bottom: 0;
	}
	.f1,
	.f2,
	.f3{
		float: left;
	}
	.f1>div,
	.f2>div{
		width: 100%;
		height: 295px;
		float: left;
		margin: 0;
		margin-bottom: 10px;
	}
	.content li{
		overflow: hidden;
	}
	.content li p{
		width: 260px;
	}
	.f1>div:first-child{
		height: auto;
	}
	.f1>div:first-child .content li{
		overflow: inherit;
	}
	.f1>div:first-child .content li p:first-child{
		height: 37px;
		width: auto;
		overflow: hidden;
	}
	.f3{
		height: auto;
		margin-bottom: 10px;
	}
}