html, body { 
	height: 100%;
	margin: 0;
	padding: 0; 
	font-size: 14px;
	font-family: "微软雅黑";}
body{
    background-image: url(../images/bg.jpg);background-size:100%;background-repeat: no-repeat;
    min-width: 1300px;}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;}
a{
	text-decoration: none;}
#left {
	position: fixed;
	top:0;
	left: 0;
	bottom: 0;
    width: 255px;}

#content {
	padding: 50px 30px;
    margin-left: 255px;}
.web-header{
	padding: 50px 40px;
	text-align: center;
	color: yellow;
	font-size: 24px;
	background-color: #333333;
	margin:20px 15px;
	border-radius: 5%;}
.header{
	color: #83D5DE;}
.head-logo{
    margin:20px 15px;}
.head-logo img{
    width: 100%;}
#left-list{
	margin-top: 50px;}
#left-list li{
	display: block;}
#left-list li a{
	display: block;
    color: #333;
    padding:15px 0;
    text-align: center;
    font-size: 16px;}
#left-list li a:hover {
    color: #0070C0;
    text-decoration: none;}
.active{
    color: #0070C0!important;}
.copyright{
	text-align: center;
	position: absolute;
	bottom: 0;
	padding: 20px 5px;}
.content{
	text-indent: 2em;
	line-height: 1.5em;}
.content-header{
	text-align: center;
	margin: 20px 0;
    color: #0070C0;}
.img-style-400{
    width: 400px;}
.images-box-810{
    width: 810px;
    margin:0 auto;
    margin-top: 40px;
    margin-bottom: 40px;}
.img-style-300{
    width: 300px;}
.images-box-910{
    width: 915px;
    margin:0 auto;
    margin-top: 40px;
    margin-bottom: 40px;}
.img-note{
    text-align: center;}
.img-note-box{
    float: left;
    padding: 2px;}
.images-box-410{
    width: 410px;
    margin:0 auto;
    margin-top: 40px;
    margin-bottom: 40px;}
.clear {
    clear: both;}  
 .two-header{
    text-align: center;}