@charset "utf-8";
#dowebok img { position: absolute; }
.logo { width: 40%; }
.top { position: absolute; top: 0; width: 100%; height: 30%; overflow: hidden; }
.top p { background-color: #00964f; position: absolute; width: 45%; height: 200%; top: -70%; transform: rotate(28deg); z-index: 2; }
.top p:nth-child(3) { margin-left: 3%; background: rgba(0, 150, 80, 0.7); }
.top div { background-color: #fff; width: 40%; height: 35px; line-height: 35px; padding: 0 10px; text-align: right; margin-top: 10px; position: absolute; left: 24%; bottom: 45px; }
.top div:nth-child(4) { left: 30%; bottom: 90px; }
.top div:nth-child(6) { left: 18%; bottom: 0px; }
.top div a { color: #000; font-weight: 600; font-size: 18px; }
.section { background-position: top left; background-size: 100% 100%; }
.page1 { background-image: url(../images/about_bg.jpg); }
.page2 { background-image: url(../images/intro_bg1.jpg); }
.page3 { background-image: url(../images/intro_bg2.jpg); }
.page4 { background-image: url(../images/intro_bg3.jpg); }
.page5 { background-image: url(../images/contact_bg.jpg); }
.page6 { background-image: url(../images/intro_bg4.jpg); }
#nextPage { width: 10%; position: fixed; left: 45%; bottom: 4%; }
#s21 { width: 65%; opacity: 0; top: 34%; right: -3%; }
#s22 { width: 65%; opacity: 0; bottom: 8%; left: -3%; }
#s31 { width: 87%; opacity: 0; right: 2%; bottom: -8%; }
#s41 { width: 77%; opacity: 0; left: 3%; top: -34%; }
#s42 { width: 62%; opacity: 0; left: 3%; bottom: -10%; }
#s51 { width: 68.75%; left: 15.6%; top: 34%; }
#s61 { width: 67.1875%; left: 8.44%; top: -11.2%; }
#s62 { width: 37.5%; left: -20.31%; top: 34.27%; }
.brand img { width: 100%; float: left; }
.dituContent { display: none; }
.page1 .logo { z-index: 3; top: 0; left: 0; }
.page2 .logo { top: 10%; left: 6%; width: 35%; }
.page3 .logo { top: 6%; left: 30%; }
.page4 .logo { top: 0; left: 0; }
.page5 .logo { top: 0; right: 0; }