/*关于我们滚动*/

h1, body, html {
padding: 0;
margin: 0;
}
 
html, body {
height: 100%;
overflow: hidden;
}
 
h1 {
font-size: 2em;
font-weight: normal;
}
 
#container, .section {
height: 100%;
position: relative;
}
 
#section0, #section1, #section2, #section3 {
background-size: cover;
background-position: 50% 50%;
}
 
.intro {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
/*右侧导航*/
#pages {
position: fixed;
right: 10px;
top: 50%;
list-style: none;
}
 
#pages li {
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
margin: 0 0 10px 5px;
}
 
#pages li.active {
width: 14px;
height: 14px;
border: 2px solid #FFFE00;
background: none;
margin-left: 0;
}
 
#section0 .title {
-webkit-transform: translateX(-100%);/*内容旋转*/
transform: translateX(-100%);
-webkit-animation: sectitle0 1s ease-in-out 100ms forwards;
animation: sectitle0 1s ease-in-out 100ms forwards; /*滑入页面*/
}
/*为支持上述滑入特效写的*/
@-webkit-keyframes 
sectitle0 { 0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes 
sectitle0 { 0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.footer{width: 100%;position: absolute;bottom: 0;}
.foot2{}
.prestq .ser1{margin-top: 25px;}
.prestq .ser2{position: absolute;top: 15%;left: 14%;}