body,
html {
	padding: 0;
	margin: 0;
	overflow-x: auto;
}

html {
	font-size: 16px;
}

* {
	box-sizing: border-box;
}

a,a:hover {
	text-decoration: none;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 最大宽度 */
.container {
	max-width: 75rem /* 1200/16 */;
	margin: 0 auto;

}

/* 头部 */
.page-header header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
}

.logo-box {
	height: 3.125rem; /** 50px */;
	padding-left: 3.5rem;
}

.logo-box .logo {
	width: 5rem;
}

.nav-bar {
	height: 3.125rem; /** 50px */
	background-color: #2d529f;

}

.nav-bar-container {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.nav-bar-container li a {
	color: #ffffff;
}

.nav-bar-ul {
	display: flex;
	align-items: center;
}
.nav-bar-ul li{
	margin-left: 2rem /* 32/16 */;
}

/* page-footer */
.page-footer{
    padding: 1.25rem /* 20/16 */ 0;
	margin-top: 2rem;
	background-color: #2d529f;
}
.page-footer h2{
    color: #ffffff;
    font-size: 1.5rem;
}
.page-footer .footer-main{
    display: flex;
    color: #FFFFFF;
    margin-top: 3.125rem /* 50/16 */;

}
.page-footer .footer-main .footer-main-left{
    width: 40%;
    margin-right:  6.25rem /* 100/16 */;
    
}
.page-footer .footer-main .footer-main-left div:nth-of-type(2){
    margin: 3.125rem /* 50/16 */ 0 ;
}
.footer-main-right li{
    font-weight: 600;
}
.footer-main-right li a{
	color: #FFFFFF;
}
.copyright{
    padding: 2.5rem /* 40/16 */ 0;
    background-color: rgb(244, 244, 244);
}
.copyright .icon-list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.copyright .icon-list .icon-list-item{
    margin-right: 1.25rem /* 20/16 */;
}
.copyright .icon-list .icon-list-item img{
    width: 2rem;
}
.copyright-list{
    margin-top: 1.25rem /* 20/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copyright-item a{
    font-size: .875rem /* 14/16 */;
    color: #888888;
}
.copyright-line{
    margin: 0 .3125rem /* 5/16 */;
   font-size: .625rem /* 10/16 */;
}
.underline{
    text-decoration: underline;
}