html{height:100%;}
body{
height:100%;margin:0px;
overflow: hidden;

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

a:hover { color:#000;text-decoration:none;}

h1,h2,h3,p,ul,li {list-style:none; margin:0px; padding:0px;}

dl,dd,dt,ul,li{
	margin:0;
	padding:0;
	list-style:none;
	color:#333;
	line-height: 40px;
}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

img {

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */

	border:none;

}
.content .c1 .left {
	width: 56%;
	float: left;
}
.content .c1 .right {
	float: right;
	width: 40%;
}
.content .c1 .left p {
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.navi {
	min-width: 331px;
	height: 100%;
	background-attachment: fixed;
	background-image: url(images/green.jpg);
	background-repeat: repeat-y;
	background-position: left top;

}
.container .right {
	width: 100%;
	height: 100%;
	background-color:#fff;
	
}
.container {
	height: 100%;
	display:flex;
	
}



.content {
	width: 100%;
}
.content .c1 {
	padding: 3%;
}