html {
        font-size: 62.5%;
    }
body{margin:0;padding:0ht: 1.5;font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}
a {
    color: #000;
	text-decoration: none;
	margin: 0;
    padding: 0;
    border: none;
    outline: none;}

div,ul {
	margin: 0;
    padding: 0;
}
    #banner img {
        width: 100%;
        height: auto;
    }

    #content {
        margin-top: 1rem;
		margin-bottom: 6.4rem;
    }

    #content h1 {
        text-align: center;
        font-size: 2.4rem;
    }

    #content .sub_title {
        text-align: center;
        font-size: 2rem;
        margin: 1rem 0;
        color: #999;
    }

    #content .article-list img {
        width: 90%;
        margin: 1rem 5%;
    }
	.content img {
		width: 90%;
        margin: 1rem 5%;
	}
    #content p {
        font-size: 1.8rem;
        margin: 0 0.5rem;
        /* font-family: 'Times New Roman', Times, serif; */
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

    #content .prenext {
        font-size: 1.8rem;
        margin: 1rem;
        font-weight: 300;
        color: #4d4d4d;
    }
    #content .prenext a{
        color: #4d4d4d;
    }

    #content .prenext div {
        margin-bottom: .8rem;

    }

    #content .abouts-wrapper {
        padding-left: 1rem;
        position: relative;
        margin: 1rem 0 2rem 0;
		padding-right: 1em;
    }

    #content .abouts-wrapper h2 {
        height: 2.6rem;
        line-height: 2.6rem;
        color: #333;
        font-size: 2.2rem;
    }

    #content .abouts-wrapper ul li {
        font-weight: 300;
        height: 4rem;
        line-height: 4rem;
        border-bottom: 1px solid #ccc;
        font-size: 1.8rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #footer .copyright {
        color: #000;
        font-size: 1rem;
        text-align: center;
        line-height: 1.5;
        padding: 10px 0;
        background-color: #999;
    }

    #footer .copyright img {
        width: 1.5rem;
        height: 1.5rem;
    }

    .float-bottom {
        position: fixed;
        display: flex;
        bottom: 0;
        width: 100%;
        height: 6rem;
        background-color: #A6E4D9;
    }

    .zhan {
        width: 100%;
        height: 6rem;
    }

    .float-bottom li {
        flex: 1;
        text-align: center;
    }

    .float-bottom li img {
        margin: 0.65rem 0;
        width: 2rem;
    }

    .float-bottom .middle {
        border-left: 1px solid #999;
        border-right: 1px solid #999;
    }

    .float-bottom li p {
        font-size: 1.6rem;
    }
    video{
        display: inline-block;
        width: 90%;
        height: auto;
        margin: 1rem 0 1rem 4%;
        border: .2rem solid #888;
        border-radius: 1rem;        
    }
	
	.article-map {
		font-size: 1.6rem;
		
	}
	.article-map a {
		color: #999;
	}
	
/*list*/
.article-list {
	padding: 1%;
}	
.article-list li {
	overflow: hidden;
}
.article-cover {
	float: left;
	width: 30%;
} 
.article-cover img {
	border-radius: 10%;
}
.article-text {
	width: 67%;
	margin-left:1%;
	float: left;
}
.article-text h3 {
	width: 100%;
	text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.article-text div {
	color: #666;
}
.tag-list {
	margin: 2rem 1rem;
}
.tag-list img {
	width: 6%;
	height: 6%;
	margin: 0;
}
.tag-list a {
	margin-right: 1em;
	color: #4d4d4d;
	font-size: 1.4rem;
}