@charset "UTF-8";
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; }

html { font-size: 100px; }

.body { width: 100%; min-width: 320px; height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-image: url(../images/x_bg.jpg); background-repeat: repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.body .container { position: relative; z-index: 100; width: 100%; height: 100%; font-size: .16rem; overflow-x: hidden; }

.top-link { position: absolute; top: 0.3rem; right: 3.5vw; bottom: auto; left: auto; z-index: 1; }
.top-link li { display: inline-block; margin: 0 0 0 .1rem; }
.top-link a { display: block; font-size: 0.12rem; font-weight: 500; line-height: 0.25rem; color: #842d23; text-align: center; }
.top-link a i { display: block; width: .36rem; height: .36rem; margin: 0 auto; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.top-link a i.i1 { background-image: url(../images/x_icon1.png); }
.top-link a i.i2 { background-image: url(../images/x_icon2.png); }
.top-link a i.i3 { background-image: url(../images/x_icon3.png); }
.top-link a i.i4 { background-image: url(../images/x_icon4.png); }
.top-link a:hover { text-decoration: underline !important; }
.top-link a:hover i { -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }

.page1::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 2; width: 2.3rem; height: 3.9rem; background-image: url(../images/x_bg1_1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.page1::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 2rem; height: 100%; background-image: url(../images/x_bg1_2.png); background-repeat: repeat-y; background-position: 100% -10%; background-color: transparent; background-size: 78.5%; }
.page1 .container { padding: 0 0 0 13vw; }
.page1 .text { display: inline-block; margin: 9vh 0 0; }
.page1 .text .title {
    margin: 0 0 2.6vh;
    font: 400 1rem/1 "belli";
    color: #ac1e1e;
    text-align: right;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "beli";
    font-size: 1rem;
    font-weight: 400;
}





.page1 .text .title span { font-size: .6rem; }
.page1 .text .content {
    margin: 0 0 3.8vh;
    font: 400 .2rem/.4rem "Times New Roman";
    font-family: "Times New Roman";
    font-size: 0.2rem;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.page1 .text .content img { margin: -.3rem 0 0; vertical-align: top; }
.page1 .text .more a { position: relative; display: inline-block; padding: 0 .65rem; margin: 6px; border: 1px solid #0e0e1f; font: 400 .18rem/.44rem "Times New Roman"; font-family: "Times New Roman";
    font-size: 0.18rem;
    font-weight: 400;  color: #000; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.page1 .text .more a::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; z-index: -1; border: 3px solid #0e0e1f; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.page1 .text .more a:hover { color: #fff; background: #ac1e1e; border-color: #ac1e1e; }
.page1 .text .more a:hover::after { border-color: #ac1e1e; }


.more2 a { position: relative; display: inline-block; padding: 0 .65rem; margin: 6px; border: 1px solid #0e0e1f; font: 400 .18rem/.44rem "Times New Roman";  font-family: "Times New Roman";
    font-size: 0.18rem;
    font-weight: 400; color: #000; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }


.page1 .links { position: absolute; top: auto; right: auto; bottom: 32vh; left: 13vw; z-index: 1; width: 100%; }
.page1 .links a { margin: 0 .6rem 0 0; font: 400 .16rem/.4rem "Times New Roman";  font-family: "Times New Roman";
    font-size: 0.16rem;
    font-weight: 400; color: #000; text-transform: uppercase; }
.page1 .links a:last-child { margin: 0; }
.page1 .links a:hover { color: #ac1e1e; }
.page1 .right-img { position: relative; width: 5.5rem; height: 100vh; margin: 0 8vw 0 0; }
.page1 .right-img img { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; z-index: 1; max-width: 100%; vertical-align: top; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.page1 .right-img img.img1 { z-index: 2; -webkit-animation: ani1 20s infinite; -moz-animation: ani1 20s infinite; }
.page1 .right-img img.img2 { -webkit-animation: ani2 20s infinite; -moz-animation: ani2 20s infinite;}

.page1 .linkss {
    position: absolute;
    top: auto;
    right: 8vw;
    left: 13vw;
    bottom: 6vh;
    z-index: 1;
    /* width: 100%; */
    text-align: left;
}

@keyframes ani1 { 0% { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  25% { -webkit-transform: translate(-5px, -52%); -moz-transform: translate(-5px, -52%); -ms-transform: translate(-5px, -52%); -o-transform: translate(-5px, -52%); transform: translate(-5px, -52%); }
  50% { -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }
  75% { -webkit-transform: translate(5px, -52%); -moz-transform: translate(5px, -52%); -ms-transform: translate(5px, -52%); -o-transform: translate(5px, -52%); transform: translate(5px, -52%); }
  100% { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }
@keyframes ani2 { 0% { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  25% { -webkit-transform: translate(5px, -48%); -moz-transform: translate(5px, -48%); -ms-transform: translate(5px, -48%); -o-transform: translate(5px, -48%); transform: translate(5px, -48%); }
  50% { -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }
  75% { -webkit-transform: translate(-5px, -48%); -moz-transform: translate(-5px, -48%); -ms-transform: translate(-5px, -48%); -o-transform: translate(-5px, -48%); transform: translate(-5px, -48%); }
  100% { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }
.page2::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 50%; right: auto; bottom: auto; left: 0; z-index: 2; width: 4.2rem; height: 4.5rem; background-image: url(../images/x_bg2_1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.page2::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; z-index: 1; width: 3.9rem; height: 4.5rem; background-image: url(../images/x_bg2_2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.page2 .container { padding: 10vh 10.9vw; }
.page2 .article .title { font: 400 .6rem/1.2 "italict"; color: #af1d1d; text-align: center; text-transform: uppercase; font-family: "italict";
    font-size: 0.6rem;
    font-weight: 400;}
.page2 .article .content { margin: 4.5vh 0 0 !important; font: 400 .25rem/2 "Times New Roman" !important;  font-family: "Times New Roman";
    font-size: 0.25rem;
    font-weight: 400; text-align: justify !important; }
.page2 .article .content span { line-height: .5rem !important; }

.page3 .container { padding: 10vh 10.9vw; }
.page3 .title { font: 400 .3rem/1.2 "dutch";  font-family: "dutch";
    font-size: 0.3rem;
    font-weight: 400;  color: #842d23; text-align: center; text-transform: uppercase; }
.page3 .content { margin: 4.5vh 0 0; font: 400 .2rem/.36rem "dutch";  font-family: "dutch";
    font-size: 0.2rem;
    font-weight: 400;  text-align: justify; }
.page3 .content span { line-height: .5rem; }
.page3 .article2 { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; width: 100vw; height: 100%; padding: 5vh 10vw; background: rgba(0, 0, 0, 0.6); }
.page3 .article2::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 5%; right: 10%; bottom: 5%; left: 10%; z-index: -2; background-image: url(../images/x_bg.jpg); background-repeat: repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.page3 .article2 .bg { position: absolute; top: 5%; right: 10%; bottom: 5%; left: 10%; z-index: -1; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; opacity: .4; }
.page3 .article2 .title { margin: .7rem 0 .3rem; }
.page3 .article2 .scroll { position: relative; width: 100%; height: 100%; padding: 0 7.5% .4rem; overflow-x: auto; /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ /*定义滑块 内阴影+圆角*/ }

.page3 .article2 .scroll img {
    width: 100% !important;
    height: auto !important;
    float: left;
    /* position: relative; */
}
.page3 .article2 .scroll::-webkit-scrollbar { width: 5px; height: 5px; background-color: #F8f8f8; }
.page3 .article2 .scroll::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #842d23; }
.page3 .article2 .content .picture { width: 6.5rem; }
.page3 .article2 .content .picture img { width: 100%; vertical-align: top; }
.page3 .article2 .content .picture p { font-size: 0.2rem; font-weight: 500; line-height: 0.5rem; color: #fff; text-align: left; }
.page3 .article2 .content .text { width: calc(100% - 6.5rem); padding: 0 0 0 .25rem; }
.page3 .article2 .close { position: absolute; top: 0.4rem; right: 0.6rem; bottom: auto; left: auto; z-index: 1; }

.page4 .title { font: 400 .5rem/.6rem "dutch"; color: #842d23; text-transform: uppercase; font-family: "dutch";
    font-size: 0.5rem;
    font-weight: 400; }
.page4 .title span { font-size: .4rem; }
.page4 .container { padding: .4rem 5% .35rem; }

.photo-wall { position: relative; font-size: 0; margin: .22rem 0 0; columns: .3rem 4; column-gap: .3rem; }
.photo-wall .img-block { margin: 0 0 .3rem; }
.photo-wall .img-scale { position: relative; display: block; color: #fff; }
.photo-wall .img-scale img { height: auto; }
.photo-wall .img-scale p { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 0 8px; font: 400 .12rem/2 "dutch";  font-family:"dutch";
    font-size: 0.12rem;
    font-weight: 400;text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.photo-wall .img-scale::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 50%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); }

.close { cursor: pointer; width: 42px; height: 42px; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
.close i { display: block; width: 100%; height: 3px; background: #333; }
.close i:nth-child(1) { -webkit-transform: translate(0, 20px) rotate(45deg); -moz-transform: translate(0, 20px) rotate(45deg); -ms-transform: translate(0, 20px) rotate(45deg); -o-transform: translate(0, 20px) rotate(45deg); transform: translate(0, 20px) rotate(45deg); }
.close i:nth-child(2) { -webkit-transform: translate(0, 17px) rotate(-45deg); -moz-transform: translate(0, 17px) rotate(-45deg); -ms-transform: translate(0, 17px) rotate(-45deg); -o-transform: translate(0, 17px) rotate(-45deg); transform: translate(0, 17px) rotate(-45deg); }
.close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.article .content img, .article .content video { display: block; max-width: 100%; height: auto !important; margin: .2rem auto; }
.article .content table { max-width: 100%; margin: .2rem auto; }
.article .content table p { text-indent: 0; }
.article .content table img, .article .content table video, .article .content table iframe { margin-top: 0; margin-bottom: 0; }
.article .content iframe { display: block; max-width: 100%; margin: .2rem auto; }

.img-scale { display: block; overflow: hidden; }
.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: transform 0.6s linear 0s; -moz-transition: transform 0.6s linear 0s; -ms-transition: transform 0.6s linear 0s; -o-transition: transform 0.6s linear 0s; transition: transform 0.6s linear 0s; }
.img-scale .img-frame { overflow: hidden; }
.img-scale .img { /*背景图替换img*/ height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: transform 0.6s linear 0s; -moz-transition: transform 0.6s linear 0s; -ms-transition: transform 0.6s linear 0s; -o-transition: transform 0.6s linear 0s; transition: transform 0.6s linear 0s; }
.img-scale .img img { min-height: 100%; }
.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-scale:hover .img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.map { text-align: center; }

.map-box { position: relative; display: inline-block; margin: 0 auto; }
.map-box .map-img { width: 340px; max-width: 100%; vertical-align: top; }
.map-box a { position: absolute; }
.map-box a.a1 { top: 27.6%; left: 45.58%; }
.map-box a.a1 .content { right: 180%; bottom: -.14rem; }
.map-box a.a1 .content img { margin: 0 0 0 -.32rem; }
.map-box a.a2 { top: 48.3%; left: 64.1%; }
.map-box a.a2 .content { left: 100%; bottom: 0rem; text-align: right; }
.map-box a.a2 .content img { margin: 0 -.5rem 0 0; }
.map-box a.a2 .content .more { margin-left: auto; }
.map-box a.a3 { top: 55.17%; left: 53.52%; }
.map-box a.a3 .content { right: 50%; bottom: -2px; white-space: nowrap; }
.map-box a.a3 .content img { margin: 0 .18rem 0 0; }
.map-box a.a3 .content .text { display: inline-block; }
.map-box a.a4 { top: 59.65%; left: 45.88%; }
.map-box a.a4 .content { top: 18px; right: 20px; }
.map-box a.a4 .content img { margin: .14rem 0 0 -.85rem; }
.map-box a.a5 { top: 64.13%; left: 52.94%; }
.map-box a.a5 .content { top: 13px; left: .35rem; text-align: right; }
.map-box a.a5 .content img { margin: .14rem -.45rem 0 0; }
.map-box a.a5 .content .more { margin-left: auto; }
.map-box .yuan { display: block; width: 24px; height: 24px; padding: 4px; background: rgba(132, 45, 35, 0.4); border-radius: 50%; animation: yuan 3s infinite; }
.map-box .yuan::after { display: block; content: ""; box-sizing: border-box; width: 16px; height: 16px; background: #842d23; border-radius: 50%; }
.map-box .content { position: absolute; text-align: left; }
.map-box .content .text { font: 500 .16rem/2 "italict";  font-family: "italict";
    font-size: 0.16rem;
    font-weight: 500;text-transform: uppercase; color: #842d23; white-space: nowrap; }
.map-box .content .more { width: 150px; height: 20px; padding: 0 .12rem; font: 400 .12rem/20px "italicc"; font-family: "italicc";
    font-size: 0.12rem;
    font-weight: 400;color: #fff; text-transform: none; background: #842d23; white-space: nowrap; }
.map-box .content img { width: 205px; }

@keyframes yuan { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { opacity: 1; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center; }
#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111; }
#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; background-color: #fff; border-radius: 5px; }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; }
#browser-modal .browser-content .browser-text-title { font-size: 24px; text-transform: uppercase; }
#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px; }
#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto; }
#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0; }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; }
#browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; }
#browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; }
#browser-modal .browser-content .browser-item a { display: block; cursor: pointer; }
#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important; }
#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto; }
#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700; }

@media screen and (max-width: 1650px) { .page1 .container { padding-left: 8vw; }
  .page1 .right-img { margin-right: 2%; }
  .page1 .links { left: 8vw; } 

 .page1 .linkss { left: 8vw; }

}
@media screen and (max-width: 1300px) { .page3 .article2 .content .picture { width: 4.5rem; }
  .page3 .article2 .content .text { width: calc(100% - 4.5rem); } }
@media screen and (max-width: 992px) { .top-link { position: static; text-align: right; }
  .page1 .container { width: 100%; padding: 4vw 5%; }
  .page1 .text { min-width: 70%; margin: 0 0 .4rem; }
  .page1 .text .content { width: 100%; }
  .page1 .text .more { text-align: center; }
  .page1 .right-img { height: 6rem; }
  .page1 .links { position: static; text-align: center; width: 100%; margin: .3rem 0 0; }

 .page1 .linkss { position: static; text-align: center; width: 100%; margin: .3rem 0 0; }
  .page2 .container, .page3 .container { padding: 2vh 4vw 5vh; }
  .page2 .article, .page3 .article { margin: .2rem 0 0; }
  .page2 .article .content, .page3 .article .content { margin: .2rem 0 0; }
  .page4 .container { padding: .15rem 4% .3rem; }
  .map-box .content img { display: none; }
  .map-box a.a2 .content { left: -100%; } }
@media screen and (max-width: 768px) { 


.page2::after { width: 2.8rem; height: 3.5rem; top: 50%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .page2::before { width: 3.2rem; height: 3.5rem; top: 25%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .map-box a.a1 .content { bottom: 105%; right: 100%; }
  .map-box a.a2 .content { top: auto; bottom: 105%; left: 20%; }
  .map-box a.a3 .content { right: 110%; bottom: 50%; }
  .map-box a.a4 .content { top: 7px; }
  .map-box a.a5 .content { top: 5px; }
  .map-box .content .text { white-space: initial; }
  .photo-wall { column-count: 3; }
  .page3 .article2 { padding: 5vh 5vw; }
  .page3 .article2 .bg, .page3 .article2::after { left: 5%; right: 5%; }
  .page3 .article2 .scroll { padding-left: 4%; padding-right: 4%; }
  .page3 .article2 .content .picture { width: 100%; }
  .page3 .article2 .content .text { width: 100%; margin: .2rem 0 0; }
  .page3 .article2 .close { top: .15rem; right: .25rem; } }
@media screen and (max-width: 568px) { 

.page1 .links a {
     margin: 0 0 0 0; 
    font: 400 .16rem/.4rem "Times New Roman";
    color: #000;
    display: block;
    text-transform: uppercase;
font-family: "Times New Roman";
    font-size: 0.16rem;
    font-weight: 400;

}


.page1 .text { float: none; min-width: 100%; }
  .page1 .text .title { white-space: initial; font-size: .55rem; }
  .page1 .text .title span { font-size: .35rem; }
  .page1 .right-img { margin: 0; width: 100%; } }
@media screen and (max-width: 450px) { .map { text-align: left; }
  .map-box a.a1 .content { right: 0%; }
  .map-box a.a2 .content { left: -200%; }
  .map-box a.a4 .content { top: 17px; right: 5px; }
  .map-box a.a5 .content { left: -2px; }
  .map-box .content .text { white-space: initial; }
  .photo-wall { column-count: 2; }
  .page1 .right-img { height: 5rem; } }

/*# sourceMappingURL=style.css.map */