body, html {width: 100%; height: 100%; margin: 0px; overflow: hidden; font-family: PingFangSC-Thin, Microsoft YaHei, sans-serif}
p {margin: 0; padding: 0;}
ul {margin: 0; padding: 0;}

html {font-size: 1vw;}
body {font-size: 1.0rem;}
h1 {font-size: 3.5rem; line-height: 2rem; font-weight: 300;}
h2 {font-size: 2.0rem; line-height: 1.8rem; font-weight: 300;}
h4 {font-size: 1.2rem; line-height: 1.7rem; font-weight: 300; margin: 0 auto;}
h5 {font-size: 1.0rem; line-height: 1.6rem; font-weight: 300; margin: 0 auto;}
@media screen and (max-width: 768px) {
	html {font-size: 1.4vw;}
	h1 {font-size: 6.0rem; line-height: 8.0rem; font-family: PingFang-SC-Regular, Microsoft YaHei, sans-serif}
	h2 {font-size: 3.2rem; line-height: 3.0rem; font-family: PingFang-SC-Regular, Microsoft YaHei, sans-serif}
	h4 {font-size: 2.4rem; line-height: 3.0rem; display: none;}
	h5 {font-size: 1.3rem; line-height: 1.6rem; display: none;}
}
.title-wrap {position: relative;}

.wide-screen-bg {width: 100%;}
.narrow-screen-bg {height: 100%;}

#page-container {position: fixed; top: 40px; left: 0; bottom: 0; right: 0; transition: transform 1s;}
#page-container .banner {width: 100%; height: 100%; position: relative; overflow: hidden;}

#page-control {list-style: none; position: fixed; top: 40%; right: 2.2%; margin: 0; padding: 0;}
#page-control li {width: 10px; height: 10px; background-color: rgba(255,255,255,0.5); margin-top: 10px; margin-left: 2px; border-radius: 10px;}
#page-control .active {background-color: #fafafa; width: 14px; height: 14px; margin-left:0px;}