|
|
@@ -0,0 +1,976 @@
|
|
|
+body {
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section.active .wwbox.fadeIn {
|
|
|
+ -webkit-animation-name: fadeIn !important;
|
|
|
+ animation-name: fadeIn !important;
|
|
|
+ }
|
|
|
+ .section.active .wwbox.fadeInUp {
|
|
|
+ -webkit-animation-name: activedown-upin !important;
|
|
|
+ animation-name: activedown-upin !important;
|
|
|
+ }
|
|
|
+ .section.active .wwbox.fadeInLeft {
|
|
|
+ -webkit-animation-name: activedown-leftin !important;
|
|
|
+ animation-name: activedown-leftin !important;
|
|
|
+ }
|
|
|
+ .section.active .wwbox.fadeInDown {
|
|
|
+ -webkit-animation-name: activeup-downin !important;
|
|
|
+ animation-name: activeup-downin !important;
|
|
|
+ }
|
|
|
+ .section.active .wsicon {
|
|
|
+ opacity: 1 !important;
|
|
|
+ -webkit-animation-name: rotate1 !important;
|
|
|
+ animation-name: rotate1 !important;
|
|
|
+ -webkit-animation-duration: 0.6s !important;
|
|
|
+ animation-duration: 0.6s !important;
|
|
|
+ -webkit-animation-delay: 0s !important;
|
|
|
+ animation-delay: 0s !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .chapter.down .box > *,
|
|
|
+ .unit.down .box > *,
|
|
|
+ .wwfirst.down .box > *,
|
|
|
+ .wwsecond.down .box > *,
|
|
|
+ .section-erweima.down .box > * {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-animation: down-upout 1s ease-out 0.1s forwards;
|
|
|
+ animation: down-upout 1s ease-out 0.1s forwards;
|
|
|
+ }
|
|
|
+ .chapter.active .box > *, .chapter.active.up .box > *,
|
|
|
+ .unit.active .box > *,
|
|
|
+ .unit.active.up .box > *,
|
|
|
+ .wwfirst.active .box > *,
|
|
|
+ .wwfirst.active.up .box > *,
|
|
|
+ .wwsecond.active .box > *,
|
|
|
+ .wwsecond.active.up .box > *,
|
|
|
+ .section-erweima.active .box > *,
|
|
|
+ .section-erweima.active.up .box > * {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-animation: activedown-upin 1s ease-out 0.3s forwards;
|
|
|
+ animation: activedown-upin 1s ease-out 0.3s forwards;
|
|
|
+ }
|
|
|
+ .chapter.up .box > *,
|
|
|
+ .unit.up .box > *,
|
|
|
+ .wwfirst.up .box > *,
|
|
|
+ .wwsecond.up .box > *,
|
|
|
+ .section-erweima.up .box > * {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-animation: up-downout 1s ease-out 0.3s forwards;
|
|
|
+ animation: up-downout 1s ease-out 0.3s forwards;
|
|
|
+ }
|
|
|
+ .chapter.down .box > *:nth-child(1), .chapter.up .box > *:nth-child(1), .chapter.active .box > *:nth-child(1),
|
|
|
+ .unit.down .box > *:nth-child(1),
|
|
|
+ .unit.up .box > *:nth-child(1),
|
|
|
+ .unit.active .box > *:nth-child(1),
|
|
|
+ .wwfirst.down .box > *:nth-child(1),
|
|
|
+ .wwfirst.up .box > *:nth-child(1),
|
|
|
+ .wwfirst.active .box > *:nth-child(1),
|
|
|
+ .wwsecond.down .box > *:nth-child(1),
|
|
|
+ .wwsecond.up .box > *:nth-child(1),
|
|
|
+ .wwsecond.active .box > *:nth-child(1),
|
|
|
+ .section-erweima.down .box > *:nth-child(1),
|
|
|
+ .section-erweima.up .box > *:nth-child(1),
|
|
|
+ .section-erweima.active .box > *:nth-child(1) {
|
|
|
+ -webkit-animation-delay: 0.3s;
|
|
|
+ animation-delay: 0.3s;
|
|
|
+ }
|
|
|
+ .chapter.down .box > *:nth-child(2), .chapter.up .box > *:nth-child(2), .chapter.active .box > *:nth-child(2),
|
|
|
+ .unit.down .box > *:nth-child(2),
|
|
|
+ .unit.up .box > *:nth-child(2),
|
|
|
+ .unit.active .box > *:nth-child(2),
|
|
|
+ .wwfirst.down .box > *:nth-child(2),
|
|
|
+ .wwfirst.up .box > *:nth-child(2),
|
|
|
+ .wwfirst.active .box > *:nth-child(2),
|
|
|
+ .wwsecond.down .box > *:nth-child(2),
|
|
|
+ .wwsecond.up .box > *:nth-child(2),
|
|
|
+ .wwsecond.active .box > *:nth-child(2),
|
|
|
+ .section-erweima.down .box > *:nth-child(2),
|
|
|
+ .section-erweima.up .box > *:nth-child(2),
|
|
|
+ .section-erweima.active .box > *:nth-child(2) {
|
|
|
+ -webkit-animation-delay: 0.5s;
|
|
|
+ animation-delay: 0.5s;
|
|
|
+ }
|
|
|
+ .chapter.down .box > *:nth-child(3), .chapter.up .box > *:nth-child(3), .chapter.active .box > *:nth-child(3),
|
|
|
+ .unit.down .box > *:nth-child(3),
|
|
|
+ .unit.up .box > *:nth-child(3),
|
|
|
+ .unit.active .box > *:nth-child(3),
|
|
|
+ .wwfirst.down .box > *:nth-child(3),
|
|
|
+ .wwfirst.up .box > *:nth-child(3),
|
|
|
+ .wwfirst.active .box > *:nth-child(3),
|
|
|
+ .wwsecond.down .box > *:nth-child(3),
|
|
|
+ .wwsecond.up .box > *:nth-child(3),
|
|
|
+ .wwsecond.active .box > *:nth-child(3),
|
|
|
+ .section-erweima.down .box > *:nth-child(3),
|
|
|
+ .section-erweima.up .box > *:nth-child(3),
|
|
|
+ .section-erweima.active .box > *:nth-child(3) {
|
|
|
+ -webkit-animation-delay: 0.6s;
|
|
|
+ animation-delay: 0.6s;
|
|
|
+ }
|
|
|
+ .chapter.down .box > *:nth-child(4), .chapter.up .box > *:nth-child(4), .chapter.active .box > *:nth-child(4),
|
|
|
+ .unit.down .box > *:nth-child(4),
|
|
|
+ .unit.up .box > *:nth-child(4),
|
|
|
+ .unit.active .box > *:nth-child(4),
|
|
|
+ .wwfirst.down .box > *:nth-child(4),
|
|
|
+ .wwfirst.up .box > *:nth-child(4),
|
|
|
+ .wwfirst.active .box > *:nth-child(4),
|
|
|
+ .wwsecond.down .box > *:nth-child(4),
|
|
|
+ .wwsecond.up .box > *:nth-child(4),
|
|
|
+ .wwsecond.active .box > *:nth-child(4),
|
|
|
+ .section-erweima.down .box > *:nth-child(4),
|
|
|
+ .section-erweima.up .box > *:nth-child(4),
|
|
|
+ .section-erweima.active .box > *:nth-child(4) {
|
|
|
+ -webkit-animation-delay: 0.8s;
|
|
|
+ animation-delay: 0.8s;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wwfirst.active .box .wwintrobox > *, .wwfirst.active.up .box .wwintrobox > * {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-animation: activedown-upin 1s ease-out 0.3s forwards;
|
|
|
+ animation: activedown-upin 1s ease-out 0.3s forwards;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box .wwinfobox, .wwfirst.active.up .box .wwinfobox {
|
|
|
+ -webkit-animation-name: activedown-leftin !important;
|
|
|
+ animation-name: activedown-leftin;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box .wwtitle {
|
|
|
+ -webkit-animation-delay: 0.1s;
|
|
|
+ animation-delay: 0.1s;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box .wwintro1 {
|
|
|
+ -webkit-animation-delay: 0.3s;
|
|
|
+ animation-delay: 0.3s;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box .wwintro2 {
|
|
|
+ -webkit-animation-delay: 0.4s;
|
|
|
+ animation-delay: 0.4s;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box > *:nth-child(2) {
|
|
|
+ -webkit-animation-delay: 0.8s;
|
|
|
+ -webkit-animation-duration: 1.5s;
|
|
|
+ animation-delay: 0.8s;
|
|
|
+ animation-duration: 1.5s;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box > *:nth-child(3) {
|
|
|
+ -webkit-animation-delay: 1.5s;
|
|
|
+ animation-delay: 1.5s;
|
|
|
+ }
|
|
|
+ .wwfirst.active .box > *:nth-child(4) {
|
|
|
+ -webkit-animation-delay: 1.7s;
|
|
|
+ animation-delay: 1.7s;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wwsecond.active .box .wwintrobox > *, .wwsecond.active.up .box .wwintrobox > * {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-animation: activedown-upin 1s ease-out 0.3s forwards;
|
|
|
+ animation: activedown-upin 1s ease-out 0.3s forwards;
|
|
|
+ }
|
|
|
+ .wwsecond.active .box > *:nth-child(2) {
|
|
|
+ -webkit-animation-delay: 0.5s;
|
|
|
+ -webkit-animation-duration: 1.5s;
|
|
|
+ animation-delay: 0.5s;
|
|
|
+ animation-duration: 1.5s;
|
|
|
+ }
|
|
|
+ .wwsecond.active .box .wwintro:nth-child(1) {
|
|
|
+ -webkit-animation-delay: 0.1s;
|
|
|
+ animation-delay: 0.1s;
|
|
|
+ }
|
|
|
+ .wwsecond.active .box .wwintro:nth-child(2) {
|
|
|
+ -webkit-animation-delay: 0.3s;
|
|
|
+ animation-delay: 0.3s;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wapbody .chapter-title {
|
|
|
+ font-family: "simsun";
|
|
|
+ }
|
|
|
+
|
|
|
+ .chapter {
|
|
|
+ background-image: url(../img/webp/chapterunit/chapter-bg.webp);
|
|
|
+ }
|
|
|
+ .chapter .box {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ padding-top: 15vh;
|
|
|
+ margin: 0 var(--wall-margin-left2);
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .chapter-num {
|
|
|
+ color: #d09d68;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ width: 1em;
|
|
|
+ line-height: 1;
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ margin-right: 2rem;
|
|
|
+ }
|
|
|
+ .chapter-title {
|
|
|
+ color: #d09d68;
|
|
|
+ font-size: 7.5rem;
|
|
|
+ font-family: "syst-bold";
|
|
|
+ width: 1em;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+ .chapter-intro {
|
|
|
+ padding-top: 11vh;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: calc(var(--wall-margin-left3) - var(--wall-margin-left2));
|
|
|
+ width: 31vw;
|
|
|
+ font-size: 1.75rem;
|
|
|
+ line-height: 1.7;
|
|
|
+ }
|
|
|
+ .chapter-intro p {
|
|
|
+ text-indent: 2em;
|
|
|
+ margin-bottom: 1.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wapbody .unit-title {
|
|
|
+ font-family: "simsun";
|
|
|
+ }
|
|
|
+
|
|
|
+ .unit {
|
|
|
+ background-image: url(../img/webp/chapterunit/unit-bg.webp);
|
|
|
+ }
|
|
|
+ .unit .box {
|
|
|
+ padding-top: 15vh;
|
|
|
+ margin: 0 var(--wall-margin-left3);
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -ms-flex-flow: column;
|
|
|
+ flex-flow: column;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .unit-num {
|
|
|
+ color: #d09d68;
|
|
|
+ padding: 0.5rem 1.5rem;
|
|
|
+ border: 1px solid #d09d68;
|
|
|
+ font-size: 1.125rem;
|
|
|
+ margin-bottom: 2rem;
|
|
|
+ }
|
|
|
+ .unit-title {
|
|
|
+ color: #d09d68;
|
|
|
+ font-family: "syst-bold";
|
|
|
+ font-size: 3rem;
|
|
|
+ }
|
|
|
+ .unit-intro {
|
|
|
+ font-size: 1.5rem;
|
|
|
+ line-height: 1.7;
|
|
|
+ padding-top: 11vh;
|
|
|
+ }
|
|
|
+ .unit-intro p {
|
|
|
+ text-indent: 2em;
|
|
|
+ margin-bottom: 1.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #fullPage-nav.right {
|
|
|
+ left: auto !important;
|
|
|
+ right: 0.5rem;
|
|
|
+ width: 0.3rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ #fullPage-nav {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #fullPage-nav li {
|
|
|
+ position: relative;
|
|
|
+ width: 0.3rem;
|
|
|
+ height: 0.3rem;
|
|
|
+ margin: 0.2rem 0;
|
|
|
+ }
|
|
|
+ #fullPage-nav li a.active span {
|
|
|
+ background: none;
|
|
|
+ background: url(../img/webp/navicon-active.webp) no-repeat center/contain;
|
|
|
+ }
|
|
|
+ #fullPage-nav li:after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ bottom: -0.2rem;
|
|
|
+ left: 50%;
|
|
|
+ width: 100%;
|
|
|
+ margin-left: -0.15rem;
|
|
|
+ height: 0.2rem;
|
|
|
+ background: url(../img/webp/nav-bg.webp) no-repeat center/auto 100%;
|
|
|
+ }
|
|
|
+ #fullPage-nav li:last-child:after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #fullPage-nav span {
|
|
|
+ border: 0;
|
|
|
+ background: url(../img/webp/navicon.webp) no-repeat center/contain;
|
|
|
+ width: 0.3rem;
|
|
|
+ height: 0.3rem;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-erweima {
|
|
|
+ background-image: url(../img/webp/ewm-bg.webp);
|
|
|
+ }
|
|
|
+ .section-erweima .box {
|
|
|
+ height: 100%;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -ms-flex-flow: column;
|
|
|
+ flex-flow: column;
|
|
|
+ }
|
|
|
+ .section-erweima .logo {
|
|
|
+ z-index: 1;
|
|
|
+ width: 6rem;
|
|
|
+ height: 6.375rem;
|
|
|
+ margin-bottom: 1.5rem;
|
|
|
+ display: block;
|
|
|
+ background: url(../img/webp/section1/logo.webp) no-repeat center/cover;
|
|
|
+ }
|
|
|
+ .section-erweima .ewmlist {
|
|
|
+ margin-top: 8vh;
|
|
|
+ margin-bottom: 7vh;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .section-erweima .ewmlist li {
|
|
|
+ margin: 0 4.2vw;
|
|
|
+ }
|
|
|
+ .section-erweima .ewmlist img {
|
|
|
+ width: 14rem;
|
|
|
+ }
|
|
|
+ .section-erweima .ewmlist p {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1.25rem;
|
|
|
+ color: #cfc4ab;
|
|
|
+ margin-top: 1rem;
|
|
|
+ }
|
|
|
+ .section-erweima .btn {
|
|
|
+ display: -webkit-inline-box;
|
|
|
+ display: -ms-inline-flexbox;
|
|
|
+ display: inline-flex;
|
|
|
+ font-size: 1.875rem;
|
|
|
+ border: 1px solid #997946;
|
|
|
+ color: #997946;
|
|
|
+ padding: 0.8rem 2.2rem 0.9rem;
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+ .section-erweima .btn i {
|
|
|
+ margin-left: 1rem;
|
|
|
+ width: 1.625rem;
|
|
|
+ height: 1.625rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../img/webp/xnzt-btn.webp) no-repeat center/contain;
|
|
|
+ }
|
|
|
+ .section-erweima .infoicon {
|
|
|
+ margin-top: 7vh;
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ background: url(../img/infoicon.png) no-repeat center/contain;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .section-erweima .curatorialinfo {
|
|
|
+ visibility: hidden;
|
|
|
+ opacity: 0;
|
|
|
+ margin-top: 1vh;
|
|
|
+ color: #997946;
|
|
|
+ font-size: 1rem;
|
|
|
+ line-height: 2.4;
|
|
|
+ text-align: center;
|
|
|
+ -webkit-transform: translateY(10%);
|
|
|
+ transform: translateY(10%);
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-animation: none !important;
|
|
|
+ animation: none !important;
|
|
|
+ }
|
|
|
+ .section-erweima .curatorialinfo.active {
|
|
|
+ -webkit-transform: translateY(0);
|
|
|
+ transform: translateY(0);
|
|
|
+ visibility: visible;
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yushenmian-1 .wsicon {
|
|
|
+ right: 48%;
|
|
|
+ bottom: 15%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yuzupei-2 .wsicon {
|
|
|
+ right: 23%;
|
|
|
+ bottom: 11%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yuzupei-3 .wsicon {
|
|
|
+ right: 41%;
|
|
|
+ bottom: 5%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yuzupei-4 .wsicon {
|
|
|
+ right: 41%;
|
|
|
+ bottom: 18%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wwmap {
|
|
|
+ position: absolute;
|
|
|
+ top: 5vh !important;
|
|
|
+ right: 5vw;
|
|
|
+ left: auto;
|
|
|
+ width: auto !important;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .wwmap img {
|
|
|
+ width: 21.875rem !important;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wapbody .chapter .box {
|
|
|
+ -ms-flex-wrap: wrap;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding-top: 10vh;
|
|
|
+ }
|
|
|
+ .wapbody .chapter-num {
|
|
|
+ font-size: 1.4rem;
|
|
|
+ }
|
|
|
+ .wapbody .chapter-title {
|
|
|
+ margin-right: 54vw;
|
|
|
+ font-size: 4rem;
|
|
|
+ }
|
|
|
+ .wapbody .chapter-intro {
|
|
|
+ padding-top: 8vh;
|
|
|
+ -ms-flex-preferred-size: 100%;
|
|
|
+ flex-basis: 100%;
|
|
|
+ margin-right: 0;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ }
|
|
|
+ .wapbody .unit-num {
|
|
|
+ font-size: 1.4rem;
|
|
|
+ }
|
|
|
+ .wapbody .unit-title {
|
|
|
+ font-size: 4rem;
|
|
|
+ }
|
|
|
+ .wapbody .unit-intro {
|
|
|
+ font-size: 1.5rem;
|
|
|
+ padding-top: 8vh;
|
|
|
+ }
|
|
|
+ .wapbody .kefubi-2 .wwintrobox {
|
|
|
+ background-color: rgba(0, 0, 0, 0.6);
|
|
|
+ padding: 2rem 2.5rem;
|
|
|
+ }
|
|
|
+ .wapbody .kefubi-2 .wwbox img {
|
|
|
+ height: 100%;
|
|
|
+ left: auto;
|
|
|
+ margin-left: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ .wapbody .kefufushijiezong-2 .wwbox img {
|
|
|
+ height: 100%;
|
|
|
+ right: -30%;
|
|
|
+ }
|
|
|
+ .wapbody .yazhang-2 .wwintrobox {
|
|
|
+ top: 18vh;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-1 .wwintrobox.bottom {
|
|
|
+ width: 42%;
|
|
|
+ top: 24vh;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-2 .wwintrobox.bottom,
|
|
|
+ .wapbody .yuzupei-3 .wwintrobox.bottom {
|
|
|
+ top: 10vh;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-2 .wwbox img,
|
|
|
+ .wapbody .yuzupei-3 .wwbox img {
|
|
|
+ right: 50%;
|
|
|
+ -webkit-transform: translateX(50%) !important;
|
|
|
+ transform: translateX(50%) !important;
|
|
|
+ height: 40%;
|
|
|
+ bottom: 28%;
|
|
|
+ top: auto;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-4 .wwbox img {
|
|
|
+ right: 50%;
|
|
|
+ -webkit-transform: translateX(50%) !important;
|
|
|
+ transform: translateX(50%) !important;
|
|
|
+ height: auto;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 28%;
|
|
|
+ top: auto;
|
|
|
+ }
|
|
|
+ .wapbody .tdxryds-2 .wwbox img,
|
|
|
+ .wapbody .tdxryds-3 .wwbox img {
|
|
|
+ height: auto !important;
|
|
|
+ width: 99%;
|
|
|
+ bottom: 38%;
|
|
|
+ right: 0 !important;
|
|
|
+ }
|
|
|
+ .wapbody .tdxryds-2 .wwinfobox .wwinfo1,
|
|
|
+ .wapbody .tdxryds-3 .wwinfobox .wwinfo1 {
|
|
|
+ padding: 0 var(--wall-margin-left);
|
|
|
+ }
|
|
|
+ .wapbody .tdxryds-4 .wwbox img {
|
|
|
+ right: 7%;
|
|
|
+ bottom: 5%;
|
|
|
+ }
|
|
|
+ .wapbody .yuzun-2 .wwbox img {
|
|
|
+ right: 3%;
|
|
|
+ top: 36%;
|
|
|
+ height: auto;
|
|
|
+ width: 150%;
|
|
|
+ }
|
|
|
+ .wapbody .centerimg img {
|
|
|
+ height: auto !important;
|
|
|
+ width: 156% !important;
|
|
|
+ -webkit-transform: translateX(27vw);
|
|
|
+ transform: translateX(27vw);
|
|
|
+ }
|
|
|
+ .wapbody .centerimg2 img {
|
|
|
+ height: 40% !important;
|
|
|
+ width: auto !important;
|
|
|
+ right: 50% !important;
|
|
|
+ -webkit-transform: translateX(50%) !important;
|
|
|
+ transform: translateX(50%) !important;
|
|
|
+ }
|
|
|
+ .wapbody .qbyteh-1 .wwbox img {
|
|
|
+ left: -43%;
|
|
|
+ }
|
|
|
+ .wapbody .qbyteh-2 .wwbox img {
|
|
|
+ height: auto;
|
|
|
+ top: 51%;
|
|
|
+ right: 0;
|
|
|
+ width: 180%;
|
|
|
+ }
|
|
|
+ .wapbody .qbyteh-2 .wwintrobox {
|
|
|
+ top: 27vh;
|
|
|
+ }
|
|
|
+ .wapbody .qbyteh-3 .wwbox img {
|
|
|
+ height: auto;
|
|
|
+ width: 200%;
|
|
|
+ top: 0;
|
|
|
+ left: -51%;
|
|
|
+ }
|
|
|
+ .wapbody .qbyteh-3 .wwintrobox {
|
|
|
+ top: auto;
|
|
|
+ bottom: 12vh;
|
|
|
+ }
|
|
|
+ .wapbody .yushenmian-2 .wwintrobox {
|
|
|
+ height: auto;
|
|
|
+ top: 10vh;
|
|
|
+ }
|
|
|
+ .tshdzb-1 .wapbody > .box .wwbox img {
|
|
|
+ left: -54%;
|
|
|
+ }
|
|
|
+ .wapbody .tshdzb-2 .wwbox img {
|
|
|
+ width: 100%;
|
|
|
+ top: 20%;
|
|
|
+ }
|
|
|
+ .wapbody #videocont2-2 {
|
|
|
+ width: calc(100% - var(--wall-margin-left) * 2);
|
|
|
+ }
|
|
|
+ .wapbody #videocont2-2 .wwintro {
|
|
|
+ margin-bottom: 0.8rem;
|
|
|
+ }
|
|
|
+ .wapbody #videocont2-4 {
|
|
|
+ width: calc(100% - var(--wall-margin-left) * 2);
|
|
|
+ top: auto;
|
|
|
+ bottom: 4%;
|
|
|
+ }
|
|
|
+ .wapbody #videocont2-5 {
|
|
|
+ width: calc(100% - var(--wall-margin-left) * 2);
|
|
|
+ top: auto;
|
|
|
+ bottom: 4%;
|
|
|
+ }
|
|
|
+ .wapbody .section-erweima .ewmlist li {
|
|
|
+ margin: 0 2.2vw;
|
|
|
+ }
|
|
|
+ .wapbody .section-erweima .ewmlist img {
|
|
|
+ width: 10rem;
|
|
|
+ }
|
|
|
+ .wapbody .yushenmian-1 .wsicon {
|
|
|
+ right: calc(50% - 2rem);
|
|
|
+ left: auto;
|
|
|
+ bottom: 27%;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-2 .wsicon {
|
|
|
+ left: auto;
|
|
|
+ right: calc(50% - 2rem);
|
|
|
+ bottom: 21%;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-3 .wsicon {
|
|
|
+ left: auto;
|
|
|
+ right: calc(50% - 2rem);
|
|
|
+ bottom: 24%;
|
|
|
+ }
|
|
|
+ .wapbody .yuzupei-4 .wsicon {
|
|
|
+ left: auto;
|
|
|
+ right: calc(50% - 2rem);
|
|
|
+ bottom: 25%;
|
|
|
+ }
|
|
|
+ .wapbody .wwmap {
|
|
|
+ position: absolute;
|
|
|
+ top: 8vh !important;
|
|
|
+ right: 5vw;
|
|
|
+ left: auto;
|
|
|
+ width: auto !important;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .wapbody .wwmap#videocont-map {
|
|
|
+ top: 11.5vh !important;
|
|
|
+ }
|
|
|
+ .wapbody .wwmap img {
|
|
|
+ width: 10rem !important;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ .wapbody .kefufushijiezong-1 .wwmap,
|
|
|
+ .wapbody .tdxryds-1 .wwmap,
|
|
|
+ .wapbody .yljbdd-1 .wwmap,
|
|
|
+ .wapbody .cstythg-1 .wwmap,
|
|
|
+ .wapbody .qbyteh-1 .wwmap,
|
|
|
+ .wapbody .tshdzb-1 .wwmap {
|
|
|
+ top: calc(8vh + 5.5rem) !important;
|
|
|
+ }
|
|
|
+ .wapbody .nav {
|
|
|
+ top: 0.6rem;
|
|
|
+ }
|
|
|
+ .wapbody .nav li .title h3 {
|
|
|
+ font-size: 1.1rem;
|
|
|
+ }
|
|
|
+ .wapbody .nav li i:after {
|
|
|
+ width: 1.2rem;
|
|
|
+ height: 1.2rem;
|
|
|
+ }
|
|
|
+ .wapbody .nav li.active i:after {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ }
|
|
|
+ .wapbody .dialogclose-btn {
|
|
|
+ right: 3vw;
|
|
|
+ top: 3.2rem;
|
|
|
+ }
|
|
|
+ .wapbody .dialogclose-btn.far-right {
|
|
|
+ right: 3vw;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn.yzpdialog1 {
|
|
|
+ left: 64%;
|
|
|
+ bottom: 65%;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn.yzpdialog2 {
|
|
|
+ left: 64%;
|
|
|
+ bottom: 45%;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn.yzpdialog3 {
|
|
|
+ left: 64%;
|
|
|
+ bottom: 30%;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn.ytehdialog1 {
|
|
|
+ bottom: 64%;
|
|
|
+ left: 42%;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn.ytehdialog2 {
|
|
|
+ bottom: 36%;
|
|
|
+ left: 39%;
|
|
|
+ }
|
|
|
+ .wapbody .wwfirst > .box .wwbox.yuzun-1 img {
|
|
|
+ top: 26%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wwsecond .wwbox.centerimg2 img {
|
|
|
+ right: -18vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialogimgbg {
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section-loading {
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ background: url(../img/webp/ewm-bg.webp) no-repeat center/cover;
|
|
|
+ z-index: 999;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -ms-flex-flow: column;
|
|
|
+ flex-flow: column;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .section-loading p {
|
|
|
+ font-size: 1.4rem;
|
|
|
+ color: #d09d68;
|
|
|
+ }
|
|
|
+ .section-loading .icon {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .section-loading .icon img {
|
|
|
+ width: 2.5rem;
|
|
|
+ }
|
|
|
+ .section-loading .section1-wwbox {
|
|
|
+ position: relative;
|
|
|
+ height: min(44rem, 70vh);
|
|
|
+ margin: -4rem 0 -6rem;
|
|
|
+ text-align: center;
|
|
|
+ -webkit-transform: translate3d(0, -3%, 0);
|
|
|
+ transform: translate3d(0, -3%, 0);
|
|
|
+ }
|
|
|
+ .section-loading .section1-wwbox img {
|
|
|
+ z-index: 1;
|
|
|
+ position: relative;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+ }
|
|
|
+ .section-loading .section1-wwbox .title2 {
|
|
|
+ z-index: 2;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: url(../img/webp/section1/section1-title.webp) no-repeat center/contain;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wapbody .section-loading p {
|
|
|
+ width: 84vw;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1.4rem;
|
|
|
+ color: #d09d68;
|
|
|
+ }
|
|
|
+ .wapbody .section-loading .icon {
|
|
|
+ width: 84vw;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .wapbody .section-loading .icon img {
|
|
|
+ width: 2.5rem;
|
|
|
+ }
|
|
|
+ .wapbody .section-loading .section1-wwbox {
|
|
|
+ height: 61vh;
|
|
|
+ margin: 4vh 7vw -6vh;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -ms-flex-wrap: wrap;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ -ms-flex-line-pack: end;
|
|
|
+ align-content: flex-end;
|
|
|
+ }
|
|
|
+ .wapbody .section-loading .section1-wwbox .title2 {
|
|
|
+ background-position: top;
|
|
|
+ background-size: 80% auto;
|
|
|
+ background-image: url(../img/webp/wap/section1/section1-title.webp);
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialoghide {
|
|
|
+ display: none;
|
|
|
+ background-color: black;
|
|
|
+ position: relative;
|
|
|
+ z-index: 9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialogclose-btn {
|
|
|
+ position: absolute;
|
|
|
+ top: 1rem;
|
|
|
+ right: 3.6rem;
|
|
|
+ width: 3rem;
|
|
|
+ height: 3rem;
|
|
|
+ z-index: 9;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .dialogclose-btn.far-right {
|
|
|
+ right: 22vw;
|
|
|
+ }
|
|
|
+ .dialogclose-btn .icon {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: url(../img/close-btn.png) no-repeat center/cover;
|
|
|
+ }
|
|
|
+
|
|
|
+ @-webkit-keyframes scale {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: scale(0.4);
|
|
|
+ transform: scale(0.4);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ 75% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ 78% {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes scale {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: scale(0.4);
|
|
|
+ transform: scale(0.4);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ 75% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ 78% {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .dialogbtn {
|
|
|
+ position: absolute;
|
|
|
+ bottom: -3.4rem;
|
|
|
+ left: 0;
|
|
|
+ z-index: 3;
|
|
|
+ width: 3.4rem;
|
|
|
+ height: 3.4rem;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .dialogbtn::before, .dialogbtn::after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 3.4rem;
|
|
|
+ height: 3.4rem;
|
|
|
+ border-radius: 50%;
|
|
|
+ -webkit-transform: scale(0);
|
|
|
+ transform: scale(0);
|
|
|
+ -webkit-box-shadow: inset 0 0 8px 16px #d2c0ae;
|
|
|
+ box-shadow: inset 0 0 8px 16px #d2c0ae;
|
|
|
+ -webkit-animation: scale 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
|
|
|
+ animation: scale 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
|
|
|
+ }
|
|
|
+ .dialogbtn::after {
|
|
|
+ -webkit-animation-delay: 0.4s;
|
|
|
+ animation-delay: 0.4s;
|
|
|
+ }
|
|
|
+ .dialogbtn .point {
|
|
|
+ position: absolute;
|
|
|
+ top: 1.3rem;
|
|
|
+ left: 1.3rem;
|
|
|
+ width: 0.8rem;
|
|
|
+ height: 0.8rem;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #d09d68;
|
|
|
+ }
|
|
|
+ .dialogbtn .inner {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 9;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ .dialogbtn.yzpdialog1 {
|
|
|
+ left: 57%;
|
|
|
+ bottom: 80%;
|
|
|
+ }
|
|
|
+ .dialogbtn.yzpdialog2 {
|
|
|
+ left: 57%;
|
|
|
+ bottom: 45%;
|
|
|
+ }
|
|
|
+ .dialogbtn.yzpdialog3 {
|
|
|
+ left: 58%;
|
|
|
+ bottom: 15%;
|
|
|
+ }
|
|
|
+ .dialogbtn.kfbdialog {
|
|
|
+ bottom: 70%;
|
|
|
+ left: 51%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wapbody .dialogbtn-mid {
|
|
|
+ bottom: 45% !important;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn-top {
|
|
|
+ bottom: 66% !important;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn-right {
|
|
|
+ left: 81% !important;
|
|
|
+ }
|
|
|
+ .wapbody .dialogbtn.kfbdialog {
|
|
|
+ bottom: 60%;
|
|
|
+ left: 46%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialogbtn-mid {
|
|
|
+ left: calc(50% - 1.7rem);
|
|
|
+ bottom: 43%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialogbtn-top {
|
|
|
+ left: calc(50% - 1.7rem);
|
|
|
+ bottom: 77%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialogbtn-right {
|
|
|
+ left: 65%;
|
|
|
+ bottom: 42%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ytehdialog1 {
|
|
|
+ bottom: 75%;
|
|
|
+ left: 62%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ytehdialog2 {
|
|
|
+ bottom: 27%;
|
|
|
+ left: 62%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pcbody #ypzdialog .wwbox {
|
|
|
+ left: 10%;
|
|
|
+ }
|
|
|
+ .pcbody #ypzdialog .wwintrobox.wwintrobox2 {
|
|
|
+ bottom: 32%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shortintrobox {
|
|
|
+ width: calc(31% - var(--wall-margin-left));
|
|
|
+ }
|
|
|
+
|
|
|
+ .pcbody #csydgdialog .wwbox {
|
|
|
+ left: 14%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wapbody .cstythg-1.wwfirst > .box .wwbox {
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #csydgdialog .wwintrobox2 {
|
|
|
+ bottom: 33vh;
|
|
|
+ }
|
