@media only screen and (min-width: 1600px) {
.z-bag1 .cold3-a1 .box1 {
opacity: 0;
}
.z-bag1 .z-vertical-a1:nth-child(1) .z-travel {
background: url("../img/z146.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.z-bag1 .z-vertical-a1:nth-child(2) .z-travel {
background: url("../img/z147.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.z-bag1 .z-vertical-a1:nth-child(3) .z-travel {
background: url("../img/z148.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.z-bag2 .cold3-a1 .box1 {
opacity: 0;
}
.z-bag2 .z-vertical-a1:nth-child(1) .z-travel {
background: url("../img/z118.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.z-bag2 .z-vertical-a1:nth-child(2) .z-travel {
background: url("../img/z119.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.z-bag2 .z-vertical-a1:nth-child(3) .z-travel {
background: url("../img/z120.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.z-bear .box1 {
opacity: 0;
}
.z-bear {
background: url("../img/z41.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.cool1 .cool1-a1 {
width: 100%;
height: 100%
}
.z-bag3 .cold3-a1 .box1 {
opacity: 0;
}
.z-bag3 .z-vertical-a1 .z-optimum-a1 {
background-attachment: fixed !important;
background-size: 100% auto!important;
}
/* .z-bag4 .cold3-a1 img {
opacity: 0;
} */
/* .z-bag4 .cold3-a1 {
background: url("../img/zh32.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
}*/
/* .z-bag5 .cold3-a1 img {
opacity: 0;
}
.z-bag5 .cold3-a1 {
background: url("../img/z18.jpg") center center no-repeat;
background-attachment: fixed;
background-size: 100% auto;
} */
/* .z-bag6 .cold4-a1 img {
opacity: 0;
} */
.z-bag6 .cold4-a1 {
background-attachment: fixed;
background-size: 100% auto;
}
.z-bag7 .cold3-a1 img {
opacity: 0;
}
.z-hall-box .cold4-a1 img {
opacity: 0;
}
.z-hall-box .cold4-a1 {
z-index: 1;
background-attachment: fixed;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
}
.z-hall-box .swiper-slide-active .cold4-a1 {
z-index: 99;
}
/*.z-hall-box .gallery-top .swiper-slide-active .cold4-a1{z-index:1;background-attachment: fixed;background-size:100% auto;background-repeat: no-repeat;background-position: center center;}*/
/*.z-hall-box .gallery-top .swiper-slide-active{z-index:3;}*/
}
@media only screen and (min-width: 1600px) {
.tan-seasons {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
}
}
@media only screen and (max-width: 1023px) {
.title1-a5::-webkit-scrollbar {
display: none;
}
}
/*鍐烽ギ鍘�*/
@media only screen and (min-width: 1921px) {
.cold2-a2 {
margin-left: 0!important;
margin-right: 0!important;
}
}
@media only screen and (min-width: 1600px) {
.video111-a1 {
width: 96px;
height: 96px;
position: absolute;
top: calc(50% - 96px/2);
left: calc(50% - 96px/2);
}
.video111-a2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.video111-a3 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.video111-a4 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.video111-a5 {
width: 1360px;
height: calc(1360px/16*9);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.video111-a5 iframe {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold1-a1 {
background: #f8f6f2;
}
.cold1-a1 {
width: 100%;
background-image: url(../img/a03.png);
background-repeat: repeat;
padding-bottom: 100px;
margin-bottom: 100px;
}
.cold1-a2 {
width: 100%;
height: 840px;
overflow: hidden;
}
.cold1-a2 img {
animation: bigbrother1 linear 10s;
}
.cold1-a3 {
width: 1560px;
margin: -215px auto 0;
position: relative;
z-index: 9;
}
.cold1-a3-year {
font-size: 230px;
text-align: center;
line-height: 230px;
font-weight: bolder;
background: linear-gradient(to bottom, rgba(252, 239, 216, .6), rgba(252, 239, 216, .001));
-webkit-background-clip: text;
color: transparent;
}
.z-line {
margin-top: -79px;
}
.z-line-a1 {
background: #2d1b01;
display: inline-block;
height: 64px;
line-height: 64px;
color: #fcefd8;
padding: 0 36px;
font-size: 36px;
font-weight: lighter;
margin-bottom: 2px;
}
.z-line-a1:hover {
animation: rotate3 1s;
}
@keyframes rotate3 {
0% {
transform: perspective(0px) rotateY(0deg);
}
50% {
transform: perspective(0px) rotateY(180deg);
}
100% {
transform: perspective(0px) rotateY(360deg);
}
}
.z-line .z-line-a2 {
font-weight: bolder;
}
.z-line .z-line-a3 {
font-weight: lighter;
}
.z-line .z-line-a1:nth-child(1) {
font-weight: bold;
}
.cold1-a3-logo {
margin: 100px auto 65px auto;
height: 150px;
}
.cold1-a3-logo img {
display: block;
margin: 0 auto;
height: 100%;
}
.cold1-a3-img {
overflow: hidden;
}
.cold1-a3-img img {
transition: .5s;
}
.cold1-a3-img:hover img {
transition: .5s;
transform: scale(1.06);
}
@keyframes bigbrother1 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.z-tit {
padding-bottom: 50px;
text-align: center;
}
.z-tit-a1 {
font-size: 110px;
line-height: 110px;
color: #222;
font-family: 'bigcaslon';
}
.z-tit-a2 {
font-size: 30px;
color: #cc974b;
font-weight: bold;
line-height: 30px;
}
.z-vertical {
position: relative;
}
.z-vertical-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.cold2-a1 {
width: 100%;
display: flex;
height: 740px;
position: relative;
}
.cold2-a2 {
width: 820px;
height: 100%;
/*margin-left: calc(50% - 1920px / 2);*/
}
.cold2-a2 p {
overflow: hidden;
height: 100%;
}
.cold2-a3 {
width: calc(100% - 820px);
height: 100%;
background: #f8f6f2;
padding: 0 0 0 105px;
display: flex;
align-items: center;
}
.cold2-a4 {
font-size: 90px;
line-height: 90px;
color: rgba(245, 231, 207, .5);
font-family: 'bigcaslon';
}
.cold2-a5 {
color: #221815;
font-weight: bold;
font-size: 42px;
margin-top: -20px;
margin-bottom: 40px;
}
.cold2-a6 {
width: 555px;
font-size: 16px;
color: #4d4340;
text-align: justify;
line-height: 40px;
text-indent:25px;
}
.z-vertical>.z-vertical-a1 {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold3-a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.cold3-a2 {
width: 1500px;
padding-top: 278px;
position: absolute;
height: 100%;
left: calc(50% - 1500px/2);
top: 0;
}
.cold3-a3 {
font-size: 42px;
color: #221815;
margin-bottom: 30px;
line-height: 42px;
font-weight: bold;
margin-top: -20px;
position: relative;
z-index: 2;
}
.cold3-a4 {
font-size: 16px;
color: #454545;
line-height: 36px;
width: 100%;
text-align: justify;
text-indent:25px;
}
.z-vertical>.z-vertical-a1:nth-child(3) .cold2-a2 {
margin-right: calc(50% - 1920px / 2);
margin-left: 0;
}
.z-vertical-a1 .gallery-top1 {
width: 100%;
}
.cold4-a1 {
width: 100%;
}
.z-vertical-a1 .gallery-top1 .swiper-slide {
position: relative;
}
.z-vertical-a1 .gallery-top1 .swiper-slide .cold4-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cold4-a3 {
width: 1500px;
margin: 0 auto;
padding-top: 270px;
}
.cold4-a3 .cold4-a4 {
font-size: 42px;
color: #221815;
font-weight: bold;
line-height: 42px;
margin-bottom: 25px;
margin-top: -20px;
}
.cold4-a3 .cold4-a5 {
width: 460px;
font-size: 16px;
line-height: 32px;
text-align: justify;
text-indent:25px;
}
.z-vertical-a1 .gallery-thumbs1 {
position: absolute;
bottom: 38px;
width: 1390px;
left: 0;
right: 0;
margin: auto;
height: 130px;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-wrapper {
width: 1390px;
margin: 0 auto;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide {
position: relative;
width: 269px;
height: 129px;
overflow: hidden;
cursor: pointer;
border: 1px solid #cc974b;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6 {
width: 269px;
height: 129px;
position: relative;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6:hover img {
transform: scale(1.06);
transition: .5s;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6 img {
transition: .5s;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 129px;
color: #fff;
font-size: 18px;
}
.z-vertical-a1 .cold4-a8 .swiper-button-next {
background-image: url("../img/z11.png");
width: 42px;
height: 52px;
background-size: 100% 100%;
right: 0;
opacity: 1;
top: 40px;
margin-top: 0;
outline: none;
}
.z-vertical-a1 .cold4-a8 .swiper-button-next:after,
.z-vertical-a1 .cold4-a8 .swiper-button-prev:after {
content: none;
}
.z-vertical-a1 .cold4-a8 .swiper-button-prev {
background-image: url("../img/z12.png");
width: 42px;
height: 52px;
background-size: 100% 100%;
left: 0;
opacity: 1;
top: 40px;
margin-top: 0;
outline: none;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide-thumb-active {
border: 1px solid #fff;
}
.cold4-a8 {
position: absolute;
width: 1500px;
height: 130px;
bottom: 38px;
margin: 0 auto;
left: calc(50% - 1500px / 2);
}
.cold2-a2 .swiper-container1 {
width: 100%;
height: 100%;
}
.cold2-a2 .swiper-container1 .swiper-wrapper {
width: 100%;
height: 100%;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
overflow: hidden;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide:hover img {
transform: scale(1.06);
transition: .5s;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide img {
transition: .5s;
}
.cold5-a1 {
position: relative;
width: 568px;
margin-top: 60px;
height: 61px;
}
.cold5-a1 .swiper-button-next {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
/*opacity:1;*/
top: 0;
left: 90px;
}
.cold5-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
}
.cold5-a1 .swiper-button-next::after {
content: none;
}
.cold5-a1 .swiper-button-prev {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
/*opacity:1;*/
top: 0;
}
.cold5-a1 .swiper-button-prev::after {
content: none;
}
.cold5-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
}
.cold6-a1 .cold3-a3 {
color: #fcefd8;
}
.cold6-a1 .cold3-a4 {
width: 495px;
color: #fcefd8;
}
.z-bot {
width: 100%;
padding-top: 100px;
background: #f8f1e6;
}
.z-bot-tit {
text-align: center;
}
.z-bot-tit-a1 {
font-size: 48px;
color: #333;
line-height: 48px;
position: relative;
font-weight: lighter;
}
.z-bot-tit-a1 span {
font-weight: bold;
}
.z-bot-tit-a2 {
width: 146px;
height: 121px;
background-image: url("../img/z182.png");
background-size: 100% 100%;
margin: -25px auto 10px;
}
.z-bot-tit-a4 {
color: #191919;
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
padding-top: 52px;
transform: rotate(-25deg);
text-align: left;
padding-left: 17px;
line-height: 18px;
}
/*.z-bot-tit-a2 img{*/
/* display:block;*/
/* margin:-25px auto 0;*/
/*}*/
.z-bot-tit-a3 {
font-size: 120px;
color: rgba(222, 187, 135, .15);
text-transform: uppercase;
line-height: 120px;
font-family: 'bigcaslon';
}
.z-bot-a1 {
width: 1560px;
margin: -40px auto 0;
overflow: hidden;
padding-bottom: 110px;
position: relative;
}
.z-bot-a1 .swiper-button-next:after {
content: none !important;
}
.z-bot-a1 .swiper-button-prev:after {
content: none !important;
}
.z-bot-a1 .swiper-button-next {
background-image: url("../img/z23.png") !important;
width: 48px;
height: 60px;
background-size: 100% 100%;
margin: 0;
right: 0;
top: 36%;
outline: none;
pointer-events: unset;
border: none;
background: none;
}
.z-bot-a1 .swiper-button-prev {
background-image: url("../img/z22.png") !important;
width: 48px;
height: 60px;
background-size: 100% 100%;
margin: 0;
left: 0;
top: 36%;
outline: none;
pointer-events: unset;
border: none;
background: none;
}
.z-bot-a1 .swiper-button-prev:hover {
background: none;
}
.z-bot-a1 .swiper-button-next:hover {
background: none;
}
.z-bot-a2 {
width: 1440px;
margin: 0 auto;
overflow: hidden;
}
.z-bot-a2 .swiper-container {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: 660px;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide img {
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .1s cubic-bezier(.55, 0, .1, 1) .7s;
transform: scale(1.2);
opacity: 0;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide-active img {
opacity: 1;
transform: scale(1);
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform 1.6s cubic-bezier(.55, 0, .1, 1);
}
.z-bot-a3 {
width: 100%;
padding-top: 40px;
display: flex;
align-items: center;
}
.z-bot-a2 .swiper-pagination {
position: relative;
text-align: left;
width: 430px;
}
.z-bot-a2 .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
opacity: 1;
font-size: 30px;
color: #ab8d61;
font-family: 'Cormorant Garamond';
margin-right: 52px;
line-height: 30px;
outline: none;
font-weight: bold;
}
.z-bot-a2 .swiper-pagination2 a {
display: inline-block;
vertical-align: text-top;
margin-left: 36px;
color: #ab8d61;
font-size: 30px;
}
.z-bot-a2 .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.z-bot-a2 .swiper-pagination-bullet-active {
color: #2d1b01;
}
.z-bot-progress {
width: 711px;
height: 2px;
background: #ab8d61;
position: relative;
}
.z-bot_line {
position: absolute;
top: 0;
left: 0;
width: 0;
background: #6e5128;
height: 2px;
}
.z-bot-a2 .z-bot_line1 {
width: 100%;
transition: 5.5s;
}
.z-bot-a4 {
width: calc(100% - 430px - 711px);
font-size: 24px;
color: #333333;
text-align: right;
font-weight: bold;
}
.cold2-a2>p img {
transition: .3s;
}
.cold2-a2>p:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-foot {
margin-top: -60px;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.video111-a1 {
width: 96px;
height: 96px;
position: absolute;
top: calc(50% - 96px/2);
left: calc(50% - 96px/2);
}
.video111-a2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.video111-a3 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.video111-a4 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.video111-a5 {
width: 1000px;
height: calc(1000px/16*9);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.video111-a5 iframe {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold1-a1 {
background: #f8f6f2;
}
.cold1-a1 {
width: 100%;
background-image: url(../img/a03.png);
background-repeat: repeat;
padding-bottom: 80px;
margin-bottom: 100px;
}
.cold1-a2 {
width: 100%;
height: 612px;
overflow: hidden;
}
.cold1-a2 img {
animation: bigbrother1 linear 10s;
}
.cold1-a3 {
width: 1200px;
margin: -185px auto 0;
position: relative;
z-index: 9;
}
.cold1-a3-year {
text-align: center;
font-size: 200px;
line-height: 200px;
font-weight: bolder;
background: linear-gradient(to bottom, rgba(252, 239, 216, .6), rgba(252, 239, 216, .001));
-webkit-background-clip: text;
color: transparent;
}
.z-line {
margin-top: -73px;
}
.z-line-a1 {
background: #2d1b01;
display: inline-block;
height: 58px;
line-height: 58px;
color: #fcefd8;
padding: 0 32px;
font-size: 32px;
margin-bottom: 2px;
font-weight: lighter;
}
.z-line-a1:hover {
animation: rotate3 1s;
}
@keyframes rotate3 {
0% {
transform: perspective(0px) rotateY(0deg);
}
50% {
transform: perspective(0px) rotateY(180deg);
}
100% {
transform: perspective(0px) rotateY(360deg);
}
}
.z-line .z-line-a2 {
font-weight: bolder;
}
.z-line .z-line-a3 {
font-weight: lighter;
}
.z-line .z-line-a1:nth-child(1) {
font-weight: bold;
}
.cold1-a3-logo {
margin: 100px auto 65px auto;
height: 150px;
}
.cold1-a3-logo img {
display: block;
margin: 0 auto;
height: 100%;
}
.cold1-a3-img {
overflow: hidden;
}
.cold1-a3-img img {
transition: .5s;
}
.cold1-a3-img:hover img {
transition: .5s;
transform: scale(1.06);
}
@keyframes bigbrother1 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.z-tit {
padding-bottom: 50px;
text-align: center;
}
.z-tit-a1 {
font-size: 110px;
line-height: 110px;
color: #222;
font-family: 'bigcaslon';
}
.z-tit-a2 {
font-size: 30px;
color: #cc974b;
font-weight: bold;
line-height: 30px;
}
.z-vertical {
position: relative;
}
.z-vertical-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.cold2-a1 {
width: 100%;
display: flex;
height: 670px;
position: relative;
}
.cold2-a2 {
width: 650px;
height: 100%;
}
.cold2-a2 p {
overflow: hidden;
height: 100%;
}
.cold2-a3 {
width: calc(100% - 650px);
height: 100%;
background: #f8f6f2;
padding: 0 0 0 60px;
display: flex;
align-items: center;
}
.cold2-a4 {
font-size: 80px;
line-height: 80px;
color: rgba(245, 231, 207, .5);
font-family: 'bigcaslon';
}
.cold2-a5 {
color: #221815;
font-weight: bold;
font-size: 38px;
margin-top: -20px;
margin-bottom: 40px;
}
.cold2-a6 {
width: 490px;
font-size: 16px;
color: #454545;
text-align: justify;
line-height: 32px;
text-indent:25px;
}
.z-vertical>.z-vertical-a1 {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold3-a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.cold3-a2 {
width: 1200px;
padding-top: 200px;
position: absolute;
height: 100%;
left: calc(50% - 1200px/2);
top: 0;
}
.cold3-a3 {
font-size: 42px;
color: #221815;
margin-bottom: 30px;
line-height: 42px;
font-weight: bold;
margin-top: -20px;
position: relative;
z-index: 2;
}
.cold3-a4 {
font-size: 16px;
color: #454545;
line-height: 36px;
width: 100%;
text-align: justify;
text-indent:25px;
}
.z-vertical-a1 .gallery-top1 {
width: 100%;
}
.cold4-a1 {
width: 100%;
}
.z-vertical-a1 .gallery-top1 .swiper-slide {
position: relative;
}
.z-vertical-a1 .gallery-top1 .swiper-slide .cold4-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cold4-a3 {
width: 1200px;
margin: 0 auto;
padding-top: 160px;
}
.cold4-a3 .cold4-a4 {
font-size: 38px;
color: #221815;
font-weight: bold;
font-style: italic;
line-height: 42px;
margin-bottom: 25px;
margin-top: -20px;
}
.cold4-a3 .cold4-a5 {
width: 460px;
font-size: 16px;
line-height: 32px;
text-align: justify;
text-indent:25px;
}
.z-vertical-a1 .gallery-thumbs1 {
position: absolute;
bottom: 38px;
width: 1200px;
left: 0;
right: 0;
margin: auto;
height: 120px;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-wrapper {
width: 1200px;
margin: 0 auto;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide {
position: relative;
width: 269px;
height: 120px;
overflow: hidden;
cursor: pointer;
border: 1px solid #cc974b;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6 {
/*width:269px;*/
height: 120px;
position: relative;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6:hover img {
transform: scale(1.06);
transition: .5s;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6 img {
transition: .5s;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 120px;
color: #fff;
font-size: 16px;
}
.z-vertical-a1 .cold4-a8 .swiper-button-next {
background-image: url("../img/z11.png");
width: 42px;
height: 52px;
background-size: 100% 100%;
right: 0;
opacity: 1;
top: 40px;
margin-top: 0;
outline: none;
}
.z-vertical-a1 .cold4-a8 .swiper-button-next:after,
.z-vertical-a1 .cold4-a8 .swiper-button-prev:after {
content: none;
}
.z-vertical-a1 .cold4-a8 .swiper-button-prev {
background-image: url("../img/z12.png");
width: 42px;
height: 52px;
background-size: 100% 100%;
left: 0;
opacity: 1;
top: 40px;
margin-top: 0;
outline: none;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide-thumb-active {
border: 1px solid #fff;
}
.cold4-a8 {
position: absolute;
width: 1320px;
height: 120px;
bottom: 38px;
margin: 0 auto;
left: calc(50% - 1320px / 2);
}
.cold2-a2 .swiper-container1 {
width: 100%;
height: 100%;
}
.cold2-a2 .swiper-container1 .swiper-wrapper {
width: 100%;
height: 100%;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
overflow: hidden;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide:hover img {
transform: scale(1.06);
transition: .5s;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide img {
transition: .5s;
}
.cold5-a1 {
position: relative;
width: 568px;
margin-top: 60px;
height: 61px;
}
.cold5-a1 .swiper-button-next {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
/*opacity:1;*/
top: 0;
left: 90px;
}
.cold5-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
}
.cold5-a1 .swiper-button-next::after {
content: none;
}
.cold5-a1 .swiper-button-prev {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
/*opacity:1;*/
top: 0;
}
.cold5-a1 .swiper-button-prev::after {
content: none;
}
.cold5-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
}
.cold6-a1 .cold3-a3 {
color: #fcefd8;
}
.cold6-a1 .cold3-a4 {
width: 495px;
color: #fcefd8;
}
.z-bot {
width: 100%;
padding-top: 80px;
background: #f8f1e6;
}
.z-bot-tit {
text-align: center;
}
.z-bot-tit-a1 {
font-size: 44px;
color: #333;
line-height: 44px;
position: relative;
font-weight: lighter;
}
.z-bot-tit-a1 span {
font-weight: bold;
}
.z-bot-tit-a2 {
width: 146px;
height: 121px;
background-image: url("../img/z182.png");
background-size: 100% 100%;
margin: -25px auto 10px;
}
.z-bot-tit-a4 {
color: #191919;
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
padding-top: 52px;
transform: rotate(-25deg);
text-align: left;
padding-left: 17px;
line-height: 18px;
}
.z-bot-tit-a3 {
font-size: 100px;
color: rgba(222, 187, 135, .15);
text-transform: uppercase;
line-height: 100px;
font-family: 'bigcaslon';
}
.z-bot-a1 {
width: 1360px;
margin: -20px auto 0;
overflow: hidden;
padding-bottom: 90px;
position: relative;
}
.z-bot-a1 .swiper-button-next:after {
content: none;
}
.z-bot-a1 .swiper-button-prev:after {
content: none;
}
.z-bot-a1 .swiper-button-next {
background-image: url("../img/z23.png") !important;
width: 46px;
height: 58px;
background-size: 100% 100%;
margin: 0;
right: 0;
top: 36%;
outline: none;
border: none;
background: none;
}
.z-bot-a1 .swiper-button-prev {
background-image: url("../img/z22.png") !important;
width: 46px;
height: 58px;
background-size: 100% 100%;
margin: 0;
left: 0;
top: 36%;
outline: none;
border: none;
background: none;
}
.z-bot-a1 .swiper-button-prev:hover {
background: none;
}
.z-bot-a1 .swiper-button-next:hover {
background: none;
}
.z-bot-a2 {
width: 1220px;
margin: 0 auto;
overflow: hidden;
}
.z-bot-a2 .swiper-container {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: 660px;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide img {
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .1s cubic-bezier(.55, 0, .1, 1) .7s;
transform: scale(1.2);
opacity: 0;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide-active img {
opacity: 1;
transform: scale(1);
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform 1.6s cubic-bezier(.55, 0, .1, 1);
}
.z-bot-a3 {
width: 100%;
padding-top: 40px;
display: flex;
align-items: center;
}
.z-bot-a2 .swiper-pagination {
position: relative;
text-align: left;
width: 390px;
}
.z-bot-a2 .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
opacity: 1;
font-size: 30px;
color: #ab8d61;
font-family: 'Cormorant Garamond';
margin-right: 46px;
line-height: 30px;
outline: none;
font-weight: bold;
}
.z-bot-a2 .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.z-bot-a2 .swiper-pagination-bullet-active {
color: #2d1b01;
}
.z-bot-progress {
width: 600px;
height: 2px;
background: #ab8d61;
position: relative;
}
.z-bot_line {
position: absolute;
top: 0;
left: 0;
width: 0;
background: #6e5128;
height: 2px;
}
.z-bot-a2 .z-bot_line1 {
width: 100%;
transition: 5.5s;
}
.z-bot-a4 {
width: calc(100% - 390px - 600px);
font-size: 24px;
color: #333333;
text-align: right;
font-weight: bold;
}
.cold2-a2>p img {
transition: .3s;
/*width: 100%;*/
}
.cold2-a2>p:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-foot {
margin-top: -60px;
}
.z-bot-a2 .swiper-pagination2 a {
display: inline-block;
vertical-align: text-top;
margin-left: 36px;
color: #ab8d61;
font-size: 30px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-bot-a2 .swiper-pagination2 a {
display: inline-block;
vertical-align: text-top;
margin-left: 30px;
color: #ab8d61;
font-size: 30px;
}
.video111-a1 {
width: 96px;
height: 96px;
position: absolute;
top: calc(50% - 96px/2);
left: calc(50% - 96px/2);
}
.video111-a2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.video111-a3 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.video111-a4 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.video111-a5 {
width: 1000px;
height: calc(1000px/16*9);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.video111-a5 iframe {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold1-a1 {
background: #f8f6f2;
}
.cold1-a1 {
width: 100%;
background-image: url(../img/a03.png);
background-repeat: repeat;
padding-bottom: 80px;
margin-bottom: 80px;
}
.cold1-a2 {
width: 100%;
height: 448px;
overflow: hidden;
}
.cold1-a2 img {
animation: bigbrother1 linear 10s;
}
.cold1-a3 {
width: 960px;
margin: -150px auto 0;
position: relative;
z-index: 9;
}
.cold1-a3-year {
font-size: 160px;
line-height: 160px;
font-weight: bolder;
background: linear-gradient(to bottom, rgba(252, 239, 216, .6), rgba(252, 239, 216, .001));
-webkit-background-clip: text;
color: transparent;
text-align: center;
}
.z-line {
margin-top: -27px;
}
.z-line-a1 {
background: #2d1b01;
display: inline-block;
height: 52px;
line-height: 52px;
color: #fcefd8;
padding: 0 23px;
font-size: 28px;
font-weight: lighter;
margin-bottom: 2px;
}
.z-line-a1:hover {
animation: rotate3 1s;
}
@keyframes rotate3 {
0% {
transform: perspective(0px) rotateY(0deg);
}
50% {
transform: perspective(0px) rotateY(180deg);
}
100% {
transform: perspective(0px) rotateY(360deg);
}
}
.z-line .z-line-a2 {
font-weight: bolder;
}
.z-line .z-line-a3 {
font-weight: lighter;
}
.z-line .z-line-a1:nth-child(1) {
font-weight: bold;
}
.cold1-a3-logo {
margin: 100px auto 65px auto;
height: 150px;
}
.cold1-a3-logo img {
display: block;
margin: 0 auto;
height: 100%;
}
.cold1-a3-img {
overflow: hidden;
}
.cold1-a3-img img {
transition: .5s;
}
.cold1-a3-img:hover img {
transition: .5s;
transform: scale(1.06);
}
@keyframes bigbrother1 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.z-tit {
padding-bottom: 50px;
text-align: center;
}
.z-tit-a1 {
font-size: 110px;
line-height: 110px;
color: #222;
font-family: 'bigcaslon';
}
.z-tit-a2 {
font-size: 30px;
color: #cc974b;
font-weight: bold;
line-height: 30px;
}
.z-vertical {
position: relative;
}
.z-vertical-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.cold2-a1 {
width: 100%;
display: flex;
height: 527px;
position: relative;
}
.cold2-a2 {
width: 55%;
height: 100%;
}
.cold2-a2 p {
overflow: hidden;
height: 100%;
}
.cold2-a3 {
width: calc(100% - 55%);
height: 100%;
background: #f8f6f2;
padding: 0 0 0 50px;
display: flex;
align-items: center;
}
.cold2-a4 {
font-size: 72px;
line-height: 72px;
color: rgba(245, 231, 207, .5);
font-family: 'bigcaslon';
}
.cold2-a5 {
color: #221815;
font-weight: bold;
font-size: 36px;
margin-top: -20px;
margin-bottom: 20px;
}
.cold2-a6 {
width: 350px;
font-size: 14px;
color: #454545;
text-align: justify;
line-height: 30px;
text-indent:25px;
}
.z-vertical>.z-vertical-a1 {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold3-a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.cold3-a2 {
width: 960px;
position: absolute;
height: 100%;
left: calc(50% - 960px/2);
top: 0;
padding-top: 100px;
}
.cold3-a3 {
font-size: 32px;
color: #221815;
margin-bottom: 30px;
line-height: 36px;
font-weight: bold;
margin-top: -10px;
position: relative;
z-index: 2;
}
.cold3-a4 {
font-size: 14px;
color: #454545;
line-height: 30px;
width: 100%;
text-align: justify;
text-indent:25px;
}
.z-vertical-a1 .gallery-top1 {
width: 100%;
}
.cold4-a1 {
width: 100%;
}
.z-vertical-a1 .gallery-top1 .swiper-slide {
position: relative;
}
.z-vertical-a1 .gallery-top1 .swiper-slide .cold4-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cold4-a3 {
width: 960px;
margin: 0 auto;
padding-top: 30px;
}
.cold4-a3 .cold4-a4 {
font-size: 36px;
color: #221815;
font-weight: bold;
line-height: 36px;
margin-bottom: 20px;
margin-top: -20px;
}
.cold4-a3 .cold4-a5 {
width: 460px;
font-size: 14px;
line-height: 30px;
text-align: justify;
text-indent:25px;
}
.z-vertical-a1 .gallery-thumbs1 {
position: absolute;
bottom: 38px;
width: 860px;
left: 0;
right: 0;
margin: auto;
height: 100px;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-wrapper {
width: 860px;
margin: 0 auto;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide {
position: relative;
height: 100px;
overflow: hidden;
cursor: pointer;
border: 1px solid #cc974b;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6 {
height: 100px;
position: relative;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6:hover img {
transform: scale(1.06);
transition: .5s;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a6 img {
transition: .5s;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide .cold4-a7 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 100px;
color: #fff;
font-size: 16px;
}
.z-vertical-a1 .cold4-a8 .swiper-button-next {
background-image: url("../img/z11.png");
width: 40px;
height: 50px;
background-size: 100% 100%;
right: 0;
opacity: 1;
top: 23px;
margin-top: 0;
outline: none;
}
.z-vertical-a1 .cold4-a8 .swiper-button-next:after,
.z-vertical-a1 .cold4-a8 .swiper-button-prev:after {
content: none;
}
.z-vertical-a1 .cold4-a8 .swiper-button-prev {
background-image: url("../img/z12.png");
width: 40px;
height: 50px;
background-size: 100% 100%;
left: 0;
opacity: 1;
top: 23px;
margin-top: 0;
outline: none;
}
.z-vertical-a1 .gallery-thumbs1 .swiper-slide-thumb-active {
border: 1px solid #fff;
}
.cold4-a8 {
position: absolute;
width: 960px;
height: 100px;
bottom: 38px;
margin: 0 auto;
left: calc(50% - 960px / 2);
}
.cold2-a2 .swiper-container1 {
width: 100%;
height: 100%;
}
.cold2-a2 .swiper-container1 .swiper-wrapper {
width: 100%;
height: 100%;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
overflow: hidden;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide:hover img {
transform: scale(1.06);
transition: .5s;
}
.cold2-a2 .swiper-container1 .swiper-wrapper .swiper-slide img {
transition: .5s;
}
.cold5-a1 {
position: relative;
width: 568px;
margin-top: 30px;
height: 50px;
}
.cold5-a1 .swiper-button-next {
width: 50px;
height: 50px;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
/*opacity:1;*/
top: 0;
left: 90px;
}
.cold5-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
}
.cold5-a1 .swiper-button-next::after {
content: none;
}
.cold5-a1 .swiper-button-prev {
width: 50px;
height: 50px;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
/*opacity:1;*/
top: 0;
}
.cold5-a1 .swiper-button-prev::after {
content: none;
}
.cold5-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
}
.cold6-a1 .cold3-a3 {
color: #fcefd8;
}
.cold6-a1 .cold3-a4 {
width: 495px;
color: #fcefd8;
}
.z-bot {
width: 100%;
padding-top: 80px;
background: #f8f1e6;
}
.z-bot-tit {
text-align: center;
}
.z-bot-tit-a1 {
font-size: 44px;
color: #333;
line-height: 44px;
position: relative;
font-weight: lighter;
}
.z-bot-tit-a1 span {
font-weight: bold;
}
/*.z-bot-tit-a2{*/
/* margin-bottom:10px;*/
/*}*/
/*.z-bot-tit-a2 img{*/
/* display:block;*/
/* margin:-20px auto 0;*/
/*}*/
.z-bot-tit-a2 {
width: 146px;
height: 121px;
background-image: url("../img/z182.png");
background-size: 100% 100%;
margin: -20px auto 10px;
}
.z-bot-tit-a4 {
color: #191919;
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
padding-top: 52px;
transform: rotate(-25deg);
text-align: left;
padding-left: 17px;
line-height: 18px;
}
.z-bot-tit-a3 {
font-size: 100px;
color: rgba(222, 187, 135, .15);
text-transform: uppercase;
line-height: 100px;
font-family: 'bigcaslon';
}
.z-bot-a1 {
width: 960px;
margin: -30px auto 0;
overflow: hidden;
padding-bottom: 80px;
position: relative;
}
.z-bot-a1 .swiper-button-next:after {
content: none;
}
.z-bot-a1 .swiper-button-prev:after {
content: none;
}
.z-bot-a1 .swiper-button-next {
background-image: url("../img/z23.png") !important;
width: 42px;
height: 54px;
background-size: 100% 100%;
margin: 0;
right: 0;
top: 36%;
outline: none;
border: none;
background: none;
}
.z-bot-a1 .swiper-button-prev {
background-image: url("../img/z22.png") !important;
width: 42px;
height: 54px;
background-size: 100% 100%;
margin: 0;
left: 0;
top: 36%;
outline: none;
border: none;
background: none;
}
.z-bot-a1 .swiper-button-prev:hover {
background: none;
}
.z-bot-a1 .swiper-button-next:hover {
background: none;
}
.z-bot-a2 {
width: 860px;
margin: 0 auto;
overflow: hidden;
}
.z-bot-a2 .swiper-container {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: 463px;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide img {
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .1s cubic-bezier(.55, 0, .1, 1) .7s;
transform: scale(1.2);
opacity: 0;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide-active img {
opacity: 1;
transform: scale(1);
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform 1.6s cubic-bezier(.55, 0, .1, 1);
}
.z-bot-a3 {
width: 100%;
padding-top: 40px;
display: flex;
align-items: center;
}
.z-bot-a2 .swiper-pagination {
position: relative;
text-align: left;
width: 300px;
}
.z-bot-a2 .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
opacity: 1;
font-size: 30px;
color: #ab8d61;
font-family: 'Cormorant Garamond';
margin-right: 30px;
line-height: 30px;
outline: none;
font-weight: bold;
}
.z-bot-a2 .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.z-bot-a2 .swiper-pagination-bullet-active {
color: #2d1b01;
}
.z-bot-progress {
width: 360px;
height: 2px;
background: #ab8d61;
position: relative;
}
.z-bot_line {
position: absolute;
top: 0;
left: 0;
width: 0;
background: #6e5128;
height: 2px;
}
.z-bot-a2 .z-bot_line1 {
width: 100%;
transition: 5.5s;
}
.z-bot-a4 {
width: calc(100% - 300px - 360px);
font-size: 22px;
color: #333333;
text-align: right;
font-weight: bold;
}
.cold2-a2>p img {
transition: .3s;
/*width: 100%;*/
}
.cold2-a2>p:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-foot {
margin-top: -60px;
}
}
@media only screen and (max-width: 1023px) {
.video111-a1 {
width: 0.96rem;
height: 0.96rem;
position: absolute;
top: calc(50% - 0.96rem/2);
left: calc(50% - 0.96rem/2);
}
.video111-a2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.video111-a3 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.video111-a4 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.video111-a5 {
width: calc(100% - 0.2rem*2);
height: 5rem;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.video111-a5 iframe {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.cold1-a1 {
background: #f8f6f2;
}
.cold1-a1 {
width: 100%;
background-image: url(../img/a03.png);
background-repeat: repeat;
padding-bottom: .8rem;
}
.cold1-a2 {
width: 100%;
height: 8.4rem;
overflow: hidden;
}
.cold1-a2 img {
animation: bigbrother1 linear 10s;
}
.cold1-a3 {
width: 100%;
margin: -2.15rem auto 0;
position: relative;
z-index: 9;
}
.cold1-a3-year {
font-size: 2.3rem;
line-height: 2.3rem;
font-weight: bolder;
background: linear-gradient(to bottom, rgba(252, 239, 216, .6), rgba(252, 239, 216, .001));
-webkit-background-clip: text;
color: transparent;
text-align: center;
}
.z-line {
margin-top: -.8rem;
}
.z-line-a1 {
background: #2d1b01;
display: inline-block;
/*height:.64rem;*/
line-height: .64rem;
color: #fcefd8;
padding: 0 .35rem;
font-size: .35rem;
margin-bottom: 2px;
font-weight: lighter;
}
.z-line .z-line-a2 {
font-weight: bolder;
}
.z-line .z-line-a3 {
font-weight: lighter;
}
.z-line .z-line-a1:nth-child(1) {
font-weight: bold;
}
.cold1-a3-logo {
margin: 1rem auto 0.65rem auto;
height: auto!important;
}
.cold1-a3-logo img {
max-width: calc(100% - 0.4rem*2);
display: block;
margin: 0 auto;
height: 100%;
}
.cold1-a3-img {
overflow: hidden;
}
.cold1-a3-img img {
width: 100%;
transition: .5s;
}
.cold1-a3-img:hover img {
transition: .5s;
transform: scale(1.06);
}
@keyframes bigbrother1 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.zp-a1 {
width: 100%;
height: 100vh;
position: relative;
}
.zp-a2 {
width: 100%;
height: 100%;
}
.zp-a3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 .8rem;
z-index: 2;
}
.zp-p1 {
padding-top: .95rem;
}
.zp-a4 {
font-size: .48rem;
color: #333;
line-height: .48rem;
margin-bottom: .35rem;
font-weight: bold;
font-style: italic;
}
.zp-a5 {
font-size: .26rem;
color: #454545;
line-height: .46rem;
text-align:justify;
text-indent:.5rem;
}
.zp-p2 {
padding-top: 1.45rem;
}
.z-p3 .zp-a4 {
color: #f2efe8;
}
.z-p3 .zp-a5 {
color: #f2efe8;
}
.zp-sw1 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.zp-sw1 .swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
}
.zp-sw1-btn {
width: 100%;
overflow: hidden;
display: flex;
padding-top: .42rem;
}
.zp-sw1-btn .p-next1 {
background-image: url("../img/z16.png");
background-size: 100% 100%;
width: .85rem;
height: .85rem;
position: relative;
margin: 0;
right: 0;
outline: none;
opacity: 1;
}
.zp-sw1-btn .p-prev1 {
background-image: url("../img/z17.png");
background-size: 100% 100%;
width: .85rem;
height: .85rem;
position: relative;
margin: 0;
left: 0;
outline: none;
margin-right: .23rem;
opacity: 1;
}
.zp-sw1-btn .p-prev1:hover {
background-image: url("../img/z14.png");
}
.zp-sw1-btn .p-next1:hover {
background-image: url("../img/z15.png");
}
.zp-sw1-btn .swiper-button-next:after,
.zp-sw1-btn .swiper-button-prev:after {
content: none;
}
.z-bot {
width: 100%;
padding-top: 1rem;
background: #f8f1e6;
}
.z-bot-tit {
text-align: center;
}
.z-bot-tit-a1 {
font-size: .5rem;
color: #333;
line-height: .5rem;
position: relative;
font-weight: lighter;
}
.z-bot-tit-a1 span {
font-weight: bold;
}
.z-bot-tit-a2 {
width: 1.86rem;
height: 1.61rem;
background: url("../img/z182.png");
background-size: 100% 100%;
margin: 0 auto .1rem;
}
.z-bot-tit-a4 {
color: #191919;
font-size: .24rem;
font-weight: bolder;
text-transform: uppercase;
padding-top: .58rem;
transform: rotate(-25deg);
text-align: left;
padding-left: .17rem;
line-height: .3rem;
}
/*.z-bot-tit-a2 img{*/
/* display:block;*/
/* margin:-.25rem auto 0;*/
/* width: 1.45rem;*/
/*}*/
.z-bot-tit-a3 {
font-size: .8rem;
color: rgba(222, 187, 135, .15);
text-transform: uppercase;
line-height: .8rem;
font-family: 'bigcaslon';
}
.z-bot-a1 {
width: 100%;
padding: 0 .4rem 1rem;
margin: -.2rem auto 0;
overflow: hidden;
position: relative;
}
.z-bot-a1 .swiper-button-next:after {
content: none;
}
.z-bot-a1 .swiper-button-prev:after {
content: none;
}
.z-bot-a1 .swiper-button-next {
display: none;
}
.z-bot-a1 .swiper-button-prev {
display: none;
}
.z-bot-a2 {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.z-bot-a2 .swiper-container {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: 7.6rem;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide img {
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .1s cubic-bezier(.55, 0, .1, 1) .7s;
transform: scale(1.2);
opacity: 0;
}
.z-bot-a2 .swiper-container .swiper-wrapper .swiper-slide-active img {
opacity: 1;
transform: scale(1);
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform 1.6s cubic-bezier(.55, 0, .1, 1);
}
.z-bot-a3 {
width: 100%;
padding-top: .4rem;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.z-bot-a2 .swiper-pagination {
position: relative;
text-align: left;
width: 100%;
margin-bottom: .5rem;
}
.z-bot-a2 .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
opacity: 1;
font-size: .36rem;
color: #ab8d61;
font-family: 'Cormorant Garamond';
margin-right: .6rem;
line-height: .36rem;
outline: none;
font-weight: bold;
}
.z-bot-a2 .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.z-bot-a2 .swiper-pagination-bullet-active {
color: #2d1b01;
}
.z-bot-progress {
width: 3.44rem;
height: .06rem;
background: #ab8d61;
position: relative;
}
.z-bot_line {
position: absolute;
top: 0;
left: 0;
width: 0;
background: #6e5128;
height: .06rem;
}
.z-bot-a2 .z-bot_line1 {
width: 100%;
transition: 5.5s;
}
.z-bot-a4 {
width: calc(100% - 3.44rem);
/*font-size:.3rem;*/
color: #333333;
text-align: right;
font-weight: bold;
}
.cold2-a2>p img {
transition: .3s;
}
.cold2-a2>p:hover img {
transition: .3s;
transform: scale(1.06);
}
}
/*鍟ら厭灞�*/
@media only screen and (min-width: 1600px) {
.dishes-a1 {
width: 100%;
}
.dishes-a1 .swiper-container1 {
width: 100%;
height: 765px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper {
width: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
position: relative;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 765px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 img {
height: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a4 {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
height: 100%;
width: 959px;
background: linear-gradient(to right, rgba(45, 27, 1, 0.6), rgba(45, 27, 1, 0));
padding-left: 180px;
color: #fff;
padding-top: 280px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a5 {
font-size: 42px;
line-height: 42px;
margin-bottom: 26px;
font-weight: bold;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a6 {
font-size: 40px;
font-weight: lighter;
}
.dishes-a1 .swiper-button-next1 {
width: 61px;
height: 61px;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 258px;
right: auto;
margin: 0;
top: 55%;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.dishes-a1 .swiper-button-next1::after {
content: none;
}
.dishes-a1 .swiper-button-prev1 {
width: 61px;
height: 61px;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: 180px;
margin: 0;
top: 55%;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.dishes-a1 .swiper-button-prev1::after {
content: none;
}
.dishes-line {
width: 1560px;
margin: 0 auto 60px;
padding-top: 48px;
}
.dishes-line-a1 {
float: left;
width: 493px;
height: 340px;
margin-right: 40px;
overflow: hidden;
}
.dishes-line-a1:nth-child(3) {
margin-right: 0;
}
.dishes-line-a1 img {
transition: .3s;
}
.dishes-line-a1:hover img {
transform: scale(1.06);
transition: .3s;
}
.dishes-a1-btn {
width: 180px;
height: 54px;
color: #fff;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 100px;
}
.dishes-a1-btn img {
width: 21px;
margin-left: 10px;
}
.z-bear {
width: 100%;
position: relative;
}
.z-bear-a1 {
position: absolute;
top: 93px;
width: 100%;
left: 0;
text-align: center;
}
.z-bear-a2 {
font-size: 110px;
/*background: linear-gradient(to bottom, rgba(252, 239, 216, .5), rgba(252, 239, 216, .001));*/
/*-webkit-background-clip: text;*/
/*color: transparent;*/
color: #f2ede5;
/*text-transform: uppercase;*/
line-height: 110px;
font-family: 'bigcaslon';
}
.z-bear-a3 {
font-size: 30px;
color: #f2ede5;
}
.z-wall {
margin-top: 15px;
width: 100%;
height: 953px;
overflow: hidden;
position: relative;
}
.z-wall img {
transition: .3s;
}
.z-wall img:hover {
transform: scale(1.06);
transition: .3s;
}
.z-wall-a1 {
width: 313px;
}
.z-wall-a1:first-child {
position: absolute;
top: 0;
left: calc(50% - 1920px/2);
}
.z-wall-a1:last-child {
float: right;
position: absolute;
top: 0;
right: calc(50% - 1920px/2);
}
.z-wall-a2 img {
display: inline-block;
}
.z-wall-a3 .z-wall-a3-img {
width: calc((100% - 10px)/2);
overflow: hidden;
}
.z-wall-a3 img {
width: 100%;
}
.z-wall-a3 .z-wall-a3-img:first-child {
float: left;
}
.z-wall-a3 .z-wall-a3-img:last-child {
float: right;
}
.z-wall-a4 {
height: 634px;
margin-bottom: 10px;
overflow: hidden;
}
.z-wall-a4 img {
width: 634px;
}
.z-wall-a1 .z-wall-a1-img:first-child {
height: 312px;
margin-bottom: 10px;
overflow: hidden;
}
.z-wall-a1 .z-wall-a1-img:last-child {
height: 632px;
overflow: hidden;
}
.z-wall-a1 .z-wall-a1-img img {
width: 100%;
height: 100%;
}
.z-wall-a2 {
overflow: hidden;
width: calc((100% - 10px)/2);
float: left;
}
.z-wall-a5 {
width: calc((100% - 10px)/2);
float: right;
}
.z-wall-a9 {
width: 1275px;
position: absolute;
top: 0;
left: calc(50% - 1275px/2);
}
.z-wall-a5 img {
display: inline-block;
}
.z-wall-a6 {
margin-bottom: 10px;
}
.z-wall-a6 .z-wall-a6-img {
width: calc((100% - 10px)/2);
height: 312px;
overflow: hidden;
}
.z-wall-a6 .z-wall-a6-img img {
width: 100%;
height: 100%;
}
.z-wall-a6 .z-wall-a6-img:first-child {
float: left;
}
.z-wall-a6 .z-wall-a6-img:last-child {
float: right;
}
.z-wall-a7,
.z-wall-a8 {
width: 100%;
height: 314px;
overflow: hidden;
}
.z-wall-a7 img,
.z-wall-a8 img {
width: 100%;
height: 314px;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.dishes-a1 {
width: 100%;
}
.dishes-a1 .swiper-container1 {
width: 100%;
height: 580px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper {
width: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
position: relative;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 img {
height: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a4 {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
height: 100%;
width: 600px;
background: linear-gradient(to right, rgba(45, 27, 1, 0.6), rgba(45, 27, 1, 0));
padding-left: 120px;
color: #fff;
padding-top: 150px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a5 {
font-size: 42px;
line-height: 42px;
margin-bottom: 26px;
font-weight: bold;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a6 {
font-size: 40px;
font-weight: lighter;
}
.dishes-a1 .swiper-button-next1 {
width: 56px;
height: 56px;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 200px;
right: auto;
margin: 0;
top: 55%;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.dishes-a1 .swiper-button-next1::after {
content: none;
}
.dishes-a1 .swiper-button-prev1 {
width: 56px;
height: 56px;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: 120px;
margin: 0;
top: 55%;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.dishes-a1 .swiper-button-prev1::after {
content: none;
}
.dishes-line {
width: 1360px;
margin: 0 auto 50px;
padding-top: 40px;
}
.dishes-line-a1 {
float: left;
width: 433px;
height: 300px;
margin-right: 30px;
overflow: hidden;
}
.dishes-line-a1:nth-child(3) {
margin-right: 0;
}
.dishes-line-a1 img {
transition: .3s;
}
.dishes-line-a1:hover img {
transform: scale(1.06);
transition: .3s;
}
.dishes-a1-btn {
width: 180px;
height: 54px;
color: #fff;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 80px;
}
.dishes-a1-btn img {
width: 21px;
margin-left: 10px;
}
.z-bear {
width: 100%;
position: relative;
}
.z-bear-a1 {
position: absolute;
top: 70px;
width: 100%;
left: 0;
text-align: center;
}
.z-bear-a2 {
font-size: 110px;
/*background: linear-gradient(to bottom, rgba(252, 239, 216, .5), rgba(252, 239, 216, .001));*/
/*-webkit-background-clip: text;*/
/*color: transparent;*/
/*text-transform: uppercase;*/
line-height: 110px;
color: #f2ede5;
font-family: 'bigcaslon';
}
.z-bear-a3 {
font-size: 30px;
color: #f2ede5;
}
.z-wall {
margin-top: 15px;
width: 100%;
height: 953px;
overflow: hidden;
position: relative;
}
.z-wall img {
transition: .3s;
}
.z-wall img:hover {
transform: scale(1.06);
transition: .3s;
}
.z-wall-a1 {
width: 313px;
}
.z-wall-a1:first-child {
position: absolute;
top: 0;
left: calc(50% - 1920px/2);
}
.z-wall-a1:last-child {
float: right;
position: absolute;
top: 0;
right: calc(50% - 1920px/2);
}
.z-wall-a2 img {
display: inline-block;
}
.z-wall-a3 .z-wall-a3-img {
width: calc((100% - 10px)/2);
overflow: hidden;
}
.z-wall-a3 img {
width: 100%;
}
.z-wall-a3 .z-wall-a3-img:first-child {
float: left;
}
.z-wall-a3 .z-wall-a3-img:last-child {
float: right;
}
.z-wall-a4 {
height: 634px;
margin-bottom: 10px;
overflow: hidden;
}
.z-wall-a4 img {
width: 634px;
}
.z-wall-a1 .z-wall-a1-img:first-child {
height: 312px;
margin-bottom: 10px;
overflow: hidden;
}
.z-wall-a1 .z-wall-a1-img:last-child {
height: 632px;
overflow: hidden;
}
.z-wall-a1 .z-wall-a1-img img {
width: 100%;
height: 100%;
}
.z-wall-a2 {
overflow: hidden;
width: calc((100% - 10px)/2);
float: left;
}
.z-wall-a5 {
width: calc((100% - 10px)/2);
float: right;
}
.z-wall-a9 {
width: 1275px;
position: absolute;
top: 0;
left: calc(50% - 1275px/2);
}
.z-wall-a5 img {
display: inline-block;
}
.z-wall-a6 {
margin-bottom: 10px;
}
.z-wall-a6 .z-wall-a6-img {
width: calc((100% - 10px)/2);
height: 312px;
overflow: hidden;
}
.z-wall-a6 .z-wall-a6-img img {
width: 100%;
height: 100%;
}
.z-wall-a6 .z-wall-a6-img:first-child {
float: left;
}
.z-wall-a6 .z-wall-a6-img:last-child {
float: right;
}
.z-wall-a7,
.z-wall-a8 {
width: 100%;
height: 314px;
overflow: hidden;
}
.z-wall-a7 img,
.z-wall-a8 img {
width: 100%;
height: 314px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.dishes-a1 {
width: 100%;
}
.dishes-a1 .swiper-container1 {
width: 100%;
height: 408px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper {
width: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
position: relative;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 408px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 img {
height: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a4 {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
height: 100%;
width: 560px;
background: linear-gradient(to right, rgba(45, 27, 1, 0.6), rgba(45, 27, 1, 0));
padding-left: 80px;
color: #fff;
padding-top: 100px;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a5 {
font-size: 40px;
line-height: 40px;
margin-bottom: 20px;
font-weight: bold;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a6 {
font-size: 36px;
font-weight: lighter;
}
.dishes-a1 .swiper-button-next1 {
width: 56px;
height: 56px;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 150px;
right: auto;
margin: 0;
top: 55%;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.dishes-a1 .swiper-button-next1::after {
content: none;
}
.dishes-a1 .swiper-button-prev1 {
width: 56px;
height: 56px;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: 80px;
margin: 0;
top: 55%;
border: none;
opacity: 1;
}
.dishes-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.dishes-a1 .swiper-button-prev1::after {
content: none;
}
.dishes-line {
width: 960px;
margin: 0 auto 30px;
padding-top: 40px;
}
.dishes-line-a1 {
float: left;
width: 306px;
height: 211px;
margin-right: 20px;
overflow: hidden;
}
.dishes-line-a1:nth-child(3) {
margin-right: 0;
}
.dishes-line-a1 img {
transition: .3s;
}
.dishes-line-a1:hover img {
transform: scale(1.06);
transition: .3s;
}
.dishes-a1-btn {
width: 160px;
height: 50px;
color: #fff;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 50px;
}
.dishes-a1-btn img {
width: 18px;
margin-left: 10px;
}
.z-bear {
width: 100%;
position: relative;
}
.z-bear-a1 {
position: absolute;
top: 50px;
width: 100%;
left: 0;
text-align: center;
}
.z-bear-a2 {
font-size: 110px;
/*background: linear-gradient(to bottom, rgba(252, 239, 216, .5), rgba(252, 239, 216, .001));*/
/*-webkit-background-clip: text;*/
/*color: transparent;*/
/*text-transform: uppercase;*/
line-height: 110px;
color: #f2ede5;
font-family: 'bigcaslon';
}
.z-bear-a3 {
font-size: 30px;
color: #f2ede5;
}
.z-wall {
margin-top: 15px;
width: 100%;
height: 953px;
overflow: hidden;
position: relative;
}
.z-wall img {
transition: .3s;
}
.z-wall img:hover {
transform: scale(1.06);
transition: .3s;
}
.z-wall-a1 {
width: 313px;
}
.z-wall-a1:first-child {
position: absolute;
top: 0;
left: calc(50% - 1920px/2);
}
.z-wall-a1:last-child {
float: right;
position: absolute;
top: 0;
right: calc(50% - 1920px/2);
}
.z-wall-a2 img {
display: inline-block;
}
.z-wall-a3 .z-wall-a3-img {
width: calc((100% - 10px)/2);
overflow: hidden;
}
.z-wall-a3 img {
width: 100%;
}
.z-wall-a3 .z-wall-a3-img:first-child {
float: left;
}
.z-wall-a3 .z-wall-a3-img:last-child {
float: right;
}
.z-wall-a4 {
height: 634px;
margin-bottom: 10px;
overflow: hidden;
}
.z-wall-a4 img {
width: 634px;
}
.z-wall-a1 .z-wall-a1-img:first-child {
height: 312px;
margin-bottom: 10px;
overflow: hidden;
}
.z-wall-a1 .z-wall-a1-img:last-child {
height: 632px;
overflow: hidden;
}
.z-wall-a1 .z-wall-a1-img img {
width: 100%;
height: 100%;
}
.z-wall-a2 {
overflow: hidden;
width: calc((100% - 10px)/2);
float: left;
}
.z-wall-a5 {
width: calc((100% - 10px)/2);
float: right;
}
.z-wall-a9 {
width: 1275px;
position: absolute;
top: 0;
left: calc(50% - 1275px/2);
}
.z-wall-a5 img {
display: inline-block;
}
.z-wall-a6 {
margin-bottom: 10px;
}
.z-wall-a6 .z-wall-a6-img {
width: calc((100% - 10px)/2);
height: 312px;
overflow: hidden;
}
.z-wall-a6 .z-wall-a6-img img {
width: 100%;
height: 100%;
}
.z-wall-a6 .z-wall-a6-img:first-child {
float: left;
}
.z-wall-a6 .z-wall-a6-img:last-child {
float: right;
}
.z-wall-a7,
.z-wall-a8 {
width: 100%;
height: 314px;
overflow: hidden;
}
.z-wall-a7 img,
.z-wall-a8 img {
width: 100%;
height: 314px;
}
}
@media only screen and (max-width: 1023px) {
.z-logo-a1 img {
width: 1.42rem;
}
.dishes-a1 {
width: 100%;
}
.dishes-a1 .swiper-container1 {
width: 100%;
height: 10.4rem;
}
.dishes-a1 .swiper-container1 .swiper-wrapper {
width: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide {
width: 100%;
position: relative;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 10.4rem;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a3 img {
width: 100%;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a4 {
position: absolute;
left: 0;
bottom: 0;
height: 5.5rem;
width: 100%;
background: linear-gradient(to top, rgba(45, 27, 1, 0.6), rgba(45, 27, 1, 0));
padding: 2.5rem .4rem 0;
color: #fff;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a5 {
font-size: .42rem;
line-height: .42rem;
margin-bottom: .26rem;
font-weight: bold;
}
.dishes-a1 .swiper-container1 .swiper-wrapper .swiper-slide .dishes-a6 {
font-size: .4rem;
font-weight: lighter;
}
.dishes-a1 .swiper-button-next1 {
width: .8rem;
height: .8rem;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 1.5rem;
right: auto;
margin: 0;
top: auto;
bottom: .53rem;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.dishes-a1 .swiper-button-next1::after {
content: none;
}
.dishes-a1 .swiper-button-prev1 {
width: .8rem;
height: .8rem;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: .4rem;
margin: 0;
top: auto;
bottom: .53rem;
opacity: 1;
border: none;
}
.dishes-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.dishes-a1 .swiper-button-prev1::after {
content: none;
}
.z-bear {
width: 100%;
height: 100vh;
position: relative;
}
.z-bear-a1 {
position: absolute;
width: 100%;
top: .94rem;
text-align: center;
}
.z-bear-a2 {
color: #f2ede5;
font-size: 1.1rem;
font-family: 'bigcaslon';
margin-bottom: .2rem;
}
.z-bear-a3 {
font-size: .36rem;
color: #f2ede5;
}
.z-wall {
width: 100%;
margin-bottom: .1rem;
}
.z-wall img {
width: 100%;
padding-top: .1rem;
}
.z-bear-more {
width: 100%;
padding: .5rem .4rem 0;
}
.z-bear-more .swiper-container3 {
width: 100%;
height: 5.22rem;
margin-bottom: .6rem;
}
.z-bear-more .swiper-container3 .swiper-wrapper {
position: relative;
width: 100%;
height: 5.22rem;
}
.z-bear-more .swiper-container3 .swiper-slide {
width: 5.53rem;
margin: 0 auto;
height: 4.6rem!important;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%)!important;
}
.z-bear-more .swiper-container3 .swiper-slide i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
}
.z-bear-more .swiper-container3 .swiper-slide img {
width: 100%;
height: 100%;
}
.z-bear-more .swiper-container3 .swiper-slide-next {
transform: scale(0.8);
}
.z-bear-more .swiper-container3 .swiper-slide-next {
width: 6.16rem!important;
margin: 0 auto;
height: 4.6rem;
position: absolute;
top: .23rem;
left: 50%;
transform: translate(-50%);
z-index: 1;
}
.z-bear-more .swiper-container3 .swiper-slide-active {
width: 100%!important;
margin: 0 auto;
height: 4.6rem;
position: absolute;
top: .58rem;
left: 50%;
transform: translate(-50%);
z-index: 2;
}
.z-bear-more .swiper-container3 .swiper-slide-active i {
display: none;
}
.z-bear-more-btn {
width: 2.4rem;
height: .72rem;
background: #cc964a;
color: #fff;
font-size: .24rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto .98rem;
}
.z-bear-more-btn img {
width: .3rem;
margin-left: .1rem;
}
}
/*瑗块*/
@media only screen and (min-width: 1600px) {
.z-western {
width: 1560px;
margin: 0 auto 100px;
}
.z-western-list {
width: 100%;
position: relative;
padding: 0 60px;
height: 673px;
}
.z-western-list-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-western-list-a1 {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
}
.z-western-list:first-child {
margin-bottom: 30px;
}
.z-western-list:first-child .z-western-list-a1 {
width: 50%;
float: right;
padding: 207px 97px 0;
color: #fff;
}
.z-western-list:last-child .z-western-list-a1 {
width: 50%;
float: left;
padding: 207px 97px 0;
color: #fff;
}
.z-western-list .z-western-list-a1 .z-western-list-a2 {
font-size: 42px;
line-height: 42px;
margin-bottom: 30px;
font-weight: bold;
}
.z-western-list .z-western-list-a1 .z-western-list-a3 {
font-size: 16px;
line-height: 32px;
text-align:justify;
text-indent:25px;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-western {
width: 1200px;
margin: 0 auto 80px;
}
.z-western-list {
width: 100%;
position: relative;
padding: 0 50px;
height: 518px;
}
.z-western-list-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-western-list-a1 {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
}
.z-western-list:first-child {
margin-bottom: 30px;
}
.z-western-list:first-child .z-western-list-a1 {
width: 50%;
float: right;
padding: 160px 60px 0;
color: #fff;
}
.z-western-list:last-child .z-western-list-a1 {
width: 50%;
float: left;
padding: 160px 60px 0;
color: #fff;
}
.z-western-list .z-western-list-a1 .z-western-list-a2 {
font-size: 38px;
line-height: 38px;
margin-bottom: 20px;
font-weight: bold;
}
.z-western-list .z-western-list-a1 .z-western-list-a3 {
font-size: 16px;
line-height: 32px;
text-align:justify;
text-indent:25px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-western {
width: 960px;
margin: 0 auto 60px;
}
.z-western-list {
width: 100%;
position: relative;
padding: 0 40px;
height: 415px;
}
.z-western-list-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-western-list-a1 {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
}
.z-western-list:first-child {
margin-bottom: 30px;
}
.z-western-list:first-child .z-western-list-a1 {
width: 50%;
float: right;
padding: 80px 50px 0;
color: #fff;
}
.z-western-list:last-child .z-western-list-a1 {
width: 50%;
float: left;
padding: 80px 50px 0;
color: #fff;
}
.z-western-list .z-western-list-a1 .z-western-list-a2 {
font-size: 30px;
margin-bottom: 20px;
font-weight: bold;
}
.z-western-list .z-western-list-a1 .z-western-list-a3 {
font-size: 14px;
line-height: 32px;
text-align:justify;
text-indent:25px;
}
}
@media only screen and (max-width: 1023px) {
.z-western {
width: 100%;
margin: 0 auto 1rem;
}
.z-western-list {
width: 100%;
position: relative;
padding: 0 .8rem;
height: 11.7rem;
}
.z-western-list-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-western-list-a1 {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
}
.z-western-list:first-child {
margin-bottom: 30px;
}
.z-western-list .z-western-list-a1 {
width: 100%;
color: #fff;
}
.z-western-list-a1>div {
position: absolute;
bottom: 1rem;
left: 0;
}
.z-western-list .z-western-list-a1 .z-western-list-a2 {
font-size: .44rem;
line-height: .44rem;
margin-bottom: .3rem;
font-weight: bold;
}
.z-western-list .z-western-list-a1 .z-western-list-a3 {
font-size: .26rem;
line-height: .46rem;
text-align:justify;
text-indent:.5rem;
}
}
/*濠氬浼氳*/
@media only screen and (min-width: 1600px) {
.z-reception {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.z-reception-a1 {
width: 956px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 234px;
display: flex;
align-items: center;
}
.z-reception-a2 {
font-size: 44px;
color: #fff;
margin-bottom: 28px;
line-height: 44px;
font-style: italic;
font-weight: bold;
}
.z-reception-a3 {
font-size: 16px;
color: #fff;
line-height: 32px;
}
.z-feasts {
width: 100%;
position: relative;
}
.z-feasts .swiper-slide {
width: 100%;
position: relative;
}
.z-feasts .swiper-slide .z-feasts-a1 {}
.z-feasts .swiper-slide .z-feasts-a2 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.z-feasts .swiper-slide .z-feasts-a2>div {
width: 956px;
height: 100%;
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 422px;
color: #fff;
padding-top: 14%;
}
.z-feasts-a3 {
font-size: 44px;
color: #fff;
margin-bottom: 28px;
line-height: 44px;
font-weight: bold;
font-style: italic;
}
.z-feasts-a4 {
font-size: 16px;
color: #fff;
line-height: 32px;
}
.z-feasts .swiper-button-next1 {
width: 61px;
height: 61px;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
left: 500px;
right: auto;
margin: 0;
top: 60%;
opacity: 1;
}
.z-feasts .swiper-button-prev1 {
width: 61px;
height: 61px;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
left: 422px;
margin: 0;
top: 60%;
opacity: 1;
}
.z-feasts .swiper-button-prev1:hover {
background-image: url(../img/z14.png);
}
.z-feasts .swiper-button-next1:hover {
background-image: url("../img/z15.png")
}
.z-feasts .swiper-button-prev::after {
content: none;
}
.z-feasts .swiper-button-next::after {
content: none;
}
.z-feasts-a5 {
position: absolute;
width: 956px;
right: 0;
height: 100%;
top: 0;
}
.z-hall {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.z-hall-a1 {
width: 956px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 240px;
display: flex;
align-items: center;
color: #fff;
}
.z-hall-a2 {
font-size: 44px;
color: #fff;
margin-bottom: 28px;
line-height: 44px;
font-weight: bold;
font-style: italic;
}
.z-hall-a3 {
font-size: 16px;
color: #fff;
line-height: 32px;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-reception {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.z-reception-a1 {
width: 700px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 160px;
display: flex;
align-items: center;
}
.z-reception-a2 {
font-size: 40px;
color: #fff;
margin-bottom: 23px;
line-height: 40px;
font-style: italic;
font-weight: bold;
}
.z-reception-a3 {
font-size: 16px;
color: #fff;
line-height: 32px;
}
.z-feasts {
width: 100%;
position: relative;
}
.z-feasts .swiper-slide {
width: 100%;
position: relative;
}
.z-feasts .swiper-slide .z-feasts-a1 {}
.z-feasts .swiper-slide .z-feasts-a2 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.z-feasts .swiper-slide .z-feasts-a2>div {
width: 700px;
height: 100%;
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 160px;
color: #fff;
padding-top: 13%;
}
.z-feasts-a3 {
font-size: 40px;
color: #fff;
margin-bottom: 23px;
line-height: 40px;
font-weight: bold;
font-style: italic;
}
.z-feasts-a4 {
font-size: 16px;
color: #fff;
line-height: 32px;
}
.z-feasts .swiper-button-next1 {
width: 61px;
height: 61px;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
left: 500px;
right: auto;
margin: 0;
top: 60%;
opacity: 1;
}
.z-feasts .swiper-button-prev1 {
width: 61px;
height: 61px;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
left: 422px;
margin: 0;
top: 60%;
opacity: 1;
}
.z-feasts .swiper-button-prev1:hover {
background-image: url(../img/z14.png);
}
.z-feasts .swiper-button-next1:hover {
background-image: url("../img/z15.png")
}
.z-feasts .swiper-button-prev::after {
content: none;
}
.z-feasts .swiper-button-next::after {
content: none;
}
.z-feasts-a5 {
position: absolute;
width: 956px;
right: 0;
height: 100%;
top: 0;
}
.z-hall {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.z-hall-a1 {
width: 700px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 160px;
display: flex;
align-items: center;
color: #fff;
}
.z-hall-a2 {
font-size: 40px;
color: #fff;
margin-bottom: 23px;
line-height: 40px;
font-weight: bold;
font-style: italic;
}
.z-hall-a3 {
font-size: 16px;
color: #fff;
line-height: 32px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-reception {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.z-reception-a1 {
width: 600px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 100px;
display: flex;
align-items: center;
}
.z-reception-a2 {
font-size: 38px;
color: #fff;
margin-bottom: 23px;
line-height: 38px;
font-style: italic;
font-weight: bold;
}
.z-reception-a3 {
font-size: 14px;
color: #fff;
line-height: 32px;
}
.z-feasts {
width: 100%;
position: relative;
height: 490px;
}
.z-feasts .swiper-container {
height: 100%;
}
.z-feasts .swiper-slide {
width: 100%;
position: relative;
}
.z-feasts .swiper-slide .z-feasts-a1 img {
width: 100%;
}
.z-feasts .swiper-slide .z-feasts-a2 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.z-feasts .swiper-slide .z-feasts-a2>div {
width: 600px;
height: 100%;
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 80px;
color: #fff;
padding-top: 6%;
}
.z-feasts-a3 {
font-size: 38px;
color: #fff;
margin-bottom: 20px;
line-height: 38px;
font-weight: bold;
font-style: italic;
}
.z-feasts-a4 {
font-size: 14px;
color: #fff;
line-height: 30px;
}
.z-feasts .swiper-button-next1 {
width: 50px;
height: 50px;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
left: 510px;
right: auto;
margin: 0;
top: 68%;
opacity: 1;
}
.z-feasts .swiper-button-prev1 {
width: 50px;
height: 50px;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
left: 435px;
margin: 0;
top: 68%;
opacity: 1;
}
.z-feasts .swiper-button-prev1:hover {
background-image: url(../img/z14.png);
}
.z-feasts .swiper-button-next1:hover {
background-image: url("../img/z15.png")
}
.z-feasts .swiper-button-prev::after {
content: none;
}
.z-feasts .swiper-button-next::after {
content: none;
}
.z-feasts-a5 {
position: absolute;
width: 956px;
right: 0;
height: 100%;
top: 0;
}
.z-hall {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*padding-top: 110px;*/
}
.z-hall-a1 {
width: 600px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 100px;
display: flex;
align-items: center;
color: #fff;
}
.z-hall-a2 {
font-size: 38px;
color: #fff;
margin-bottom: 23px;
line-height: 38px;
font-weight: bold;
font-style: italic;
}
.z-hall-a3 {
font-size: 14px;
color: #fff;
line-height: 32px;
}
}
@media only screen and (max-width: 1023px) {
.z-reception-box {
position: relative;
}
.z-reception {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
.z-reception-a1 {
width: 100%;
height: 7rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding: 0 .4rem;
bottom: 0;
position: absolute;
/*display:flex;*/
/*align-items:center;*/
}
.z-reception-a1>div {
bottom: .8rem;
position: absolute;
}
.z-reception-a2 {
font-size: .48rem;
color: #fff;
margin-bottom: .3rem;
line-height: .48rem;
font-style: italic;
font-weight: bold;
}
.z-reception-a3 {
font-size: .26rem;
color: #fff;
line-height: .46rem;
}
.z-feasts {
width: 100%;
height: 100vh;
position: relative;
}
.z-feasts .swiper-container {
height: 100%;
}
.z-feasts .swiper-slide {
width: 100%;
position: relative;
}
.z-feasts .swiper-slide .z-feasts-a1 img {
width: 100%;
}
.z-feasts .swiper-slide .z-feasts-a2 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.z-feasts .swiper-slide .z-feasts-a2>div {
width: 100%;
height: 7rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding: 3rem .4rem 0;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
}
.z-feasts-a3 {
font-size: .48rem;
color: #fff;
margin-bottom: .3rem;
line-height: .48rem;
font-style: italic;
font-weight: bold;
width: 50%;
}
.z-feasts-a4 {
font-size: .26rem;
color: #fff;
line-height: .46rem;
}
.z-feasts .swiper-button-next1 {
width: .82rem;
height: .82rem;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
right: .4rem;
margin: 0;
top: 69%;
opacity: 1;
left: auto;
}
.z-feasts .swiper-button-prev1 {
width: .82rem;
height: .82rem;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
right: 1.5rem;
left: auto;
margin: 0;
top: 69%;
opacity: 1;
}
.z-feasts .swiper-button-prev1:hover {
background-image: url(../img/z14.png);
}
.z-feasts .swiper-button-next1:hover {
background-image: url("../img/z15.png")
}
.z-feasts .swiper-button-prev::after {
content: none;
}
.z-feasts .swiper-button-next::after {
content: none;
}
.z-feasts-a5 {
position: absolute;
width: 100%;
right: 0;
height: 100%;
top: 0;
}
.z-hall-box {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.z-hall-box .gallery-top1 {
width: 100%;
height: 100%;
}
.z-hall-box .gallery-top1 .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-hall-box .gallery-top1 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
}
.z-hall-box .gallery-top1 .swiper-wrapper .swiper-slide .cold4-a1 {
width: 100%;
height: 100%;
}
.z-hall-box .gallery-thumbs1 {
position: absolute;
bottom: .8rem;
width: 100%;
left: 0;
padding-left: .4rem;
}
.z-hall-box .gallery-thumbs1 .swiper-slide {
width: 2.69rem;
}
.z-hall-box .gallery-thumbs1 .swiper-slide .cold4-a6 {
width: 100%;
height: 1.3rem;
position: relative;
}
.z-hall-box .gallery-thumbs1 .swiper-slide .cold4-a6 img {
width: 100%;
}
.z-hall-box .gallery-thumbs1 .swiper-slide .cold4-a6 p {
position: absolute;
top: 0;
left: 0;
text-align: center;
line-height: 1.3rem;
color: #fff;
width: 100%;
font-weight: bold;
font-size: .26rem;
}
.z-hall {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
}
.z-hall-a1 {
width: 100%;
height: 7rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding: 0 .4rem;
color: #fff;
}
.z-hall-a1>div {
position: absolute;
bottom: 2.6rem;
left: .4rem;
}
.z-hall-a2 {
font-size: .48rem;
color: #fff;
margin-bottom: .3rem;
line-height: .48rem;
font-weight: bold;
font-style: italic;
}
.z-hall-a3 {
font-size: .26rem;
color: #fff;
line-height: .46rem;
}
}
/*鍢夊勾鍗�*/
@media only screen and (min-width: 1600px) {
.z-carnival {
width: 100%;
position: relative;
}
.z-carnival-a1 {
width: 100%;
}
.z-carnival-a2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 88px;
height: 88px;
}
.z-carnival-a2>i {
display: block;
position: absolute;
width: 88px;
height: 88px;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
animation: k1 3s linear infinite;
}
.z-carnival-a2 img {
width: 88px;
height: 88px;
display: block;
position: absolute;
cursor: pointer;
z-index: 3;
}
@keyframes k1 {
0% {
opacity: 0;
transform: scale(1);
}
50% {
opacity: 0.3;
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
.z-travel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.z-travel>div {
width: 959px;
display: flex;
align-items: center;
height: 100%;
background: linear-gradient(to right, rgba(28, 46, 101, 1), rgba(28, 46, 101, 0));
color: #fff;
}
.z-travel>div>div {
width: 495px;
margin-left: 180px;
}
.z-travel>div>div .z-travel-a1 {
font-size: 44px;
line-height: 44px;
font-style: italic;
font-weight: bold;
margin-bottom: 20px;
}
.z-travel>div>div .z-travel-a2 {
font-size: 16px;
line-height: 32px;
text-align: justify;
text-indent:25px;
}
.z-travel1 {
justify-content: flex-end;
}
.z-travel1>div {
background: linear-gradient(to left, rgba(28, 46, 101, 0.6), rgba(28, 46, 101, 0));
height: 100%;
}
.z-travel1>div>div {
margin-left: 313px;
width: 462px;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-carnival {
width: 100%;
position: relative;
}
.z-carnival-a1 {
width: 100%;
}
.z-carnival-a2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 88px;
height: 88px;
}
.z-carnival-a2>i {
display: block;
position: absolute;
width: 88px;
height: 88px;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
animation: k1 3s linear infinite;
}
.z-carnival-a2 img {
width: 88px;
height: 88px;
display: block;
position: absolute;
cursor: pointer;
z-index: 3;
}
@keyframes k1 {
0% {
opacity: 0;
transform: scale(1);
}
50% {
opacity: 0.3;
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
.z-travel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.z-travel>div {
width: 959px;
display: flex;
align-items: center;
height: 100%;
background: linear-gradient(to right, rgba(28, 46, 101, 1), rgba(28, 46, 101, 0));
color: #fff;
}
.z-travel>div>div {
width: 495px;
margin-left: 160px;
}
.z-travel>div>div .z-travel-a1 {
font-size: 40px;
line-height: 40px;
font-style: italic;
font-weight: bold;
margin-bottom: 20px;
}
.z-travel>div>div .z-travel-a2 {
font-size: 16px;
line-height: 32px;
text-align: justify;
text-indent:25px;
}
.z-travel1 {
justify-content: flex-end;
}
.z-travel1>div {
background: linear-gradient(to left, rgba(28, 46, 101, 0.6), rgba(28, 46, 101, 0));
height: 100%;
}
.z-travel1>div>div {
margin-left: 330px;
width: 462px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-carnival {
width: 100%;
position: relative;
}
.z-carnival-a1 {
width: 100%;
}
.z-carnival-a2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66px;
height: 66px;
}
.z-carnival-a2>i {
display: block;
position: absolute;
width: 66px;
height: 66px;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
animation: k1 3s linear infinite;
}
.z-carnival-a2 img {
width: 66px;
height: 66px;
display: block;
position: absolute;
cursor: pointer;
z-index: 3;
}
@keyframes k1 {
0% {
opacity: 0;
transform: scale(1);
}
50% {
opacity: 0.3;
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
.z-travel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.z-travel>div {
width: 600px;
display: flex;
align-items: center;
height: 100%;
background: linear-gradient(to right, rgba(28, 46, 101, 1), rgba(28, 46, 101, 0));
color: #fff;
}
.z-travel>div>div {
width: 395px;
margin-left: 100px;
}
.z-travel>div>div .z-travel-a1 {
font-size: 38px;
line-height: 38px;
font-style: italic;
font-weight: bold;
margin-bottom: 20px;
}
.z-travel>div>div .z-travel-a2 {
font-size: 14px;
line-height: 32px;
text-align: justify;
text-indent:25px;
}
.z-travel1 {
justify-content: flex-end;
}
.z-travel1>div {
background: linear-gradient(to left, rgba(28, 46, 101, 0.6), rgba(28, 46, 101, 0));
height: 100%;
}
.z-travel1>div>div {
margin-left: 78px;
width: 440px;
}
}
@media only screen and (max-width: 1023px) {
.z-carnival {
width: 100%;
position: relative;
}
.z-carnival-a1 {
width: 100%;
}
.z-carnival-a2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.15rem;
height: 1.15rem;
}
.z-carnival-a2>i {
display: block;
position: absolute;
width: 1.15rem;
height: 1.15rem;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
animation: k1 3s linear infinite;
}
.z-carnival-a2 img {
width: 1.15rem;
height: 1.15rem;
display: block;
position: absolute;
cursor: pointer;
z-index: 3;
}
@keyframes k1 {
0% {
opacity: 0;
transform: scale(1);
}
50% {
opacity: 0.3;
transform: scale(1.2);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
.z-vertical-a1 {
width: 100%;
height: 100vh;
position: relative;
}
.zh-pro-fl {
width: 100%;
padding: .5rem .8rem;
}
.zh-pro-d1 {
display: none;
}
.zh-pro-d2 {
font-size: .48rem;
color: #333;
line-height: .48rem;
margin-bottom: .35rem;
font-weight: bold;
font-style: italic;
}
.zh-pro-d3 {
font-size: .26rem;
color: #454545;
line-height: .46rem;
text-align:justify;
text-indent:.5rem;
}
.cold3-a1 {
width: 100%;
height: 100%;
}
.z-travel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
.z-travel>div {
width: 100%;
height: 7.9rem;
background: linear-gradient(to top, rgba(28, 46, 101, 1), rgba(28, 46, 101, 0));
color: #fff;
bottom: 0;
position: absolute;
}
.z-travel>div>div {
width: 100%;
padding: 0 .77rem;
bottom: .7rem;
position: absolute;
}
.z-travel>div>div .z-travel-a1 {
font-size: .48rem;
line-height: .48rem;
font-style: italic;
font-weight: bold;
margin-bottom: .2rem;
}
.z-travel>div>div .z-travel-a2 {
font-size: .26rem;
line-height: .46rem;
text-indent: .5rem;
text-align: justify;
}
.window1-a1 .z-vertical-a1:last-child {
height: auto;
}
}
/*椋熷皻浼橀€�*/
@media only screen and (min-width: 1600px) {
.z-optimum .z-optimum-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.z-optimum .z-optimum-a1>div {
width: 822px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
color: #fff;
display: flex;
align-items: center;
font-size: 44px;
font-style: italic;
font-weight: bold;
padding-left: 180px;
}
.z-optimum .z-vertical-a1:nth-child(even) .z-optimum-a1 {
justify-content: flex-end;
}
.z-optimum .z-vertical-a1:nth-child(even) .z-optimum-a1>div {
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 0;
text-align: right;
padding-right: 180px;
justify-content: flex-end;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-optimum .z-optimum-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.z-optimum .z-optimum-a1>div {
width: 700px;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
color: #fff;
display: flex;
font-size: 44px;
font-style: italic;
font-weight: bold;
padding-left: 160px;
align-items: center;
}
.z-optimum .z-vertical-a1:nth-child(even) .z-optimum-a1 {
justify-content: flex-end;
}
.z-optimum .z-vertical-a1:nth-child(even) .z-optimum-a1>div {
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 0;
text-align: right;
padding-right: 160px;
justify-content: flex-end;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-optimum .z-optimum-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.z-optimum .z-optimum-a1>div {
width: 560px;
height: 100%;
display: flex;
align-items: center;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
color: #fff;
font-size: 40px;
font-style: italic;
font-weight: bold;
padding-left: 100px;
}
.z-optimum .z-vertical-a1:nth-child(even) .z-optimum-a1 {
justify-content: flex-end;
}
.z-optimum .z-vertical-a1:nth-child(even) .z-optimum-a1>div {
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
padding-left: 0;
text-align: right;
padding-right: 100px;
justify-content: flex-end;
}
}
@media only screen and (max-width: 1023px) {
.z-optimum .z-optimum-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-optimum .z-optimum-a1>div {
width: 100%;
padding: .5rem;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
color: #fff;
font-size: .48rem;
font-weight: bold;
text-align: center;
}
}
/*鐜夋硥鐙╃寧*/
@media only screen and (min-width: 1600px) {
.z-travel-imp>div {
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.z-travel-imp1>div {
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.hunting {
width: 100%;
position: relative;
}
.hunting .swiper-container {
width: 100%;
}
.hunting .swiper-container .swiper-wrapper {
width: 100%;
}
.z-seasons {
position: relative;
}
.z-seasons-a1 {
width: 100%;
}
.z-seasons-a1 img {
width: 100%;
}
.z-seasons-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
background: rgba(0, 0, 0, .5);
}
.z-seasons-a3 {
display: flex;
justify-content: center;
position: absolute;
width: 1446px;
top: 42%;
left: 50%;
transform: translate(-50%);
}
.z-seasons-a3 p {
text-transform: uppercase;
font-size: 280px;
line-height: 280px;
transition: .5s;
}
.z-seasons-a4 img {
opacity: 0;
width: 0;
height: 0;
transition: .5s;
position: absolute;
top: 0;
left: calc(50% - 337px/2);
transform: rotate(45deg);
cursor: pointer;
}
.z-seasons-a3 .z-seasons-a4 {
position: relative;
}
.z-seasons-a3 .z-seasons-a4 p {
width: 100%;
text-align: center;
cursor: pointer;
color: #f2ede5;
font-family: 'bigcaslon';
font-weight: lighter;
}
.z-seasons-a3 .z-seasons-a4:hover p {
transition: .3s;
margin-top: -100px;
/*top: -355px;*/
}
.z-seasons-a3 .z-seasons-a4:hover img {
opacity: 1;
width: 337px;
height: 230px;
transition: .6s;
top: -330px;
transform: rotate(0);
}
.z-seasons-a5 {
width: 100%;
position: absolute;
bottom: 180px;
left: 0;
text-align: center;
font-size: 22px;
color: #f2ede5;
}
.hunting-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hunting-a1 .swiper-button-next1 {
width: 61px;
height: 61px;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 50%;
right: auto;
margin: 0;
top: auto;
bottom: 70px;
opacity: 1;
}
.hunting-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.hunting-a1 .swiper-button-next1::after {
content: none;
}
.hunting-a1 .swiper-button-prev1 {
width: 61px;
height: 61px;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: 46%;
margin: 0;
top: auto;
bottom: 70px;
opacity: 1;
}
.hunting-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.hunting-a1 .swiper-button-prev1::after {
content: none;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-travel-imp>div {
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.z-travel-imp1>div {
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.hunting {
width: 100%;
position: relative;
}
.hunting .swiper-container {
width: 100%;
}
.hunting .swiper-container .swiper-wrapper {
width: 100%;
}
.z-seasons {
position: relative;
}
.z-seasons-a1 {
width: 100%;
}
.z-seasons-a1 img {
width: 100%;
}
.z-seasons-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
background: rgba(0, 0, 0, .5);
}
.z-seasons-a3 {
display: flex;
justify-content: center;
position: absolute;
width: 1160px;
top: 280px;
left: 50%;
transform: translate(-50%);
}
.z-seasons-a3 p {
text-transform: uppercase;
font-size: 220px;
line-height: 220px;
transition: .5s;
}
.z-seasons-a4 img {
opacity: 0;
width: 0;
height: 0;
transition: .5s;
position: absolute;
top: 0;
transform: rotate(45deg);
left: calc(50% - 260px/2);
}
.z-seasons-a3 .z-seasons-a4 {
position: relative;
}
.z-seasons-a3 .z-seasons-a4 p {
width: 100%;
text-align: center;
cursor: pointer;
color: #f2ede5;
font-family: 'bigcaslon';
font-weight: lighter;
}
.z-seasons-a3 .z-seasons-a4:hover p {
transition: .3s;
margin-top: -60px;
}
.z-seasons-a3 .z-seasons-a4:hover img {
opacity: 1;
width: 260px;
height: 160px;
transition: .6s;
top: -260px;
transform: rotate(0);
}
.z-seasons-a5 {
width: 100%;
position: absolute;
bottom: 130px;
left: 0;
text-align: center;
font-size: 20px;
color: #f2ede5;
}
.hunting-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hunting-a1 .swiper-button-next1 {
width: 58px;
height: 58px;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 52%;
right: auto;
margin: 0;
top: auto;
bottom: 50px;
opacity: 1;
}
.hunting-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.hunting-a1 .swiper-button-next1::after {
content: none;
}
.hunting-a1 .swiper-button-prev1 {
width: 58px;
height: 58px;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: 46%;
margin: 0;
top: auto;
bottom: 50px;
opacity: 1;
}
.hunting-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.hunting-a1 .swiper-button-prev1::after {
content: none;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-travel-imp>div {
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.z-travel-imp1>div {
background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.hunting {
width: 100%;
position: relative;
}
.hunting .swiper-container {
width: 100%;
}
.hunting .swiper-container .swiper-wrapper {
width: 100%;
}
.z-seasons {
position: relative;
}
.z-seasons-a1 {
width: 100%;
}
.z-seasons-a1 img {
width: 100%;
}
.z-seasons-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
background: rgba(0, 0, 0, .5);
}
.z-seasons-a3 {
display: flex;
justify-content: center;
position: absolute;
width: 960px;
top: 175px;
left: 50%;
transform: translate(-50%);
}
.z-seasons-a3 p {
text-transform: uppercase;
font-size: 180px;
line-height: 180px;
transition: .5s;
}
.z-seasons-a4 img {
opacity: 0;
width: 0;
height: 0;
transition: .5s;
position: absolute;
top: 0;
transform: rotate(45deg);
left: calc(50% - 180px/2);
}
.z-seasons-a3 .z-seasons-a4 {
position: relative;
}
.z-seasons-a3 .z-seasons-a4 p {
width: 100%;
text-align: center;
cursor: pointer;
color: #f2ede5;
font-family: 'bigcaslon';
font-weight: lighter;
}
.z-seasons-a3 .z-seasons-a4:hover p {
transition: .3s;
margin-top: -30px;
}
.z-seasons-a3 .z-seasons-a4:hover img {
opacity: 1;
width: 180px;
height: 108px;
transition: .6s;
top: -130px;
transform: rotate(0);
}
.z-seasons-a5 {
width: 100%;
position: absolute;
bottom: 100px;
left: 0;
text-align: center;
font-size: 18px;
color: #f2ede5;
}
.hunting-a1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hunting-a1 .swiper-button-next1 {
width: 52px;
height: 52px;
background-image: url("../img/z16.png");
background-size: 100% 100%;
outline: none;
left: 52%;
right: auto;
margin: 0;
top: auto;
bottom: 30px;
opacity: 1;
}
.hunting-a1 .swiper-button-next1:hover {
background-image: url("../img/z15.png");
}
.hunting-a1 .swiper-button-next1::after {
content: none;
}
.hunting-a1 .swiper-button-prev1 {
width: 52px;
height: 52px;
background-image: url("../img/z17.png");
background-size: 100% 100%;
outline: none;
left: 46%;
margin: 0;
top: auto;
bottom: 30px;
opacity: 1;
}
.hunting-a1 .swiper-button-prev1:hover {
background-image: url("../img/z14.png");
}
.hunting-a1 .swiper-button-prev1::after {
content: none;
}
}
@media only screen and (max-width: 1023px) {
.z-travel-imp>div {
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.z-travel-imp1>div {
background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
}
/*瀹鹃*/
@media only screen and (min-width: 1600px) {
.z-photos {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.z-photos-a1 {
width: 100%;
height: 710px;
overflow: hidden;
}
.z-photos-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-photos-a3 {
width: 1440px;
margin: 0 auto;
height: 100%;
}
.z-photos-a3-fl {
float: left;
width: calc(100% - 667px);
display: flex;
align-items: center;
height: 100%;
}
.z-photos-a4 {
font-size: 120px;
color: rgba(255, 255, 255, .1);
line-height: 120px;
text-transform: uppercase;
font-family: 'bigcaslon';
}
.z-photos-a5 {
font-size: 48px;
line-height: 48px;
color: #fff;
font-weight: bold;
margin-top: -50px;
font-style: italic;
margin-bottom: 52px;
}
.z-photos-a6 {
font-size: 36px;
line-height: 60px;
font-weight: lighter;
color: #fff;
margin-bottom: 90px;
}
.z-photos-a7 {
width: 180px;
height: 54px;
color: #fff;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 1px solid #cc974b;
transition: 0.5s;
}
.z-photos-a7>span {
position: relative;
}
.z-photos-a7>.t-bt-1 {
width: 21px;
height: 26px;
margin-left: 10px;
position: relative;
}
.z-photos-a7>.t-bt-1>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.z-photos-a7>.t-bt-1>img:nth-child(1) {
opacity: 1;
transition: 0.5s;
}
.z-photos-a7>.t-bt-1>img:nth-child(2) {
opacity: 0;
transition: 0.5s;
}
.z-photos-a7>.t-bt-2 {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
z-index: 0;
}
.z-photos-a7:hover .t-bt-1>img:nth-child(1) {
opacity: 0;
transition: 0.5s;
}
.z-photos-a7:hover .t-bt-1>img:nth-child(2) {
opacity: 1;
transition: 0.5s;
}
.z-photos-a7:hover>.t-bt-2 {
width: 0 !important;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.z-photos-a7:hover {
color: #cc974b;
transition: 0.5s;
}
.z-photos-a3-fr {
width: 667px;
float: left;
overflow: hidden;
height: 100%;
}
.z-photos-a3-fr img {
height: 100%;
transition: .3s;
}
.z-photos-a3-fr:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-objects {
width: 100%!important;
height: 958px;
position: relative;
overflow: hidden;
}
.z-objects-a1 {
width: 100%;
height: 100%;
}
.z-objects-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 92px;
background: #f8f6f2;
}
.z-objects-a3 {
text-align: center;
font-size: 120px;
line-height: 120px;
/* text-transform: uppercase; */
font-family: 'bigcaslon';
color: rgba(255, 255, 255, .1);
}
.z-objects-a4 {
text-align: center;
font-style: italic;
color: #222;
font-size: 48px;
line-height: 48px;
font-weight: bold;
margin-top: -60px;
margin-bottom: 65px;
}
.z-objects-a5 {
width: 100%;
padding-left: 55px;
}
.z-objects-a5 .swiper-container {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide {
width: 470px;
height: 589px;
padding: 27px;
background-image: url("../img/z159.png");
background-size: 100% 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div {
width: 100%;
height: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div img {
transition: .3s;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-room {
width: 100%;
height: 860px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.z-room:hover .z-room-a1 img {
transform: scale(1.06);
transition: .8s;
}
.z-room .z-room-a1 img {
transition: .8s;
}
.z-room-a1 {
width: 100%;
height: 100%;
}
.z-room-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 110px;
}
.z-room-a3 {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.z-room-a4 .z-room-a5 {
font-size: 20px;
color: #2c2c2c;
margin-bottom: 20px;
}
.z-room-a4 .z-room-a5 span {
font-size: 160px;
line-height: 160px;
font-family: 'Cormorant Garamond';
}
.z-room-a6 {
text-align: center;
font-size: 22px;
color: #2c2c2c;
}
.z-room-a3 .z-room-a4:first-child {
margin-right: 100px;
position: relative;
}
.z-room-a3 .z-room-a4::after {
content: '';
width: 2px;
height: 82px;
display: inline-block;
position: absolute;
background: rgba(25, 25, 25, .2);
right: -50px;
top: 80px;
}
.z-room-a7 {
text-align: center;
font-size: 16px;
color: #2c2c2c;
line-height: 32px;
max-width: 1260px;
margin: 0 auto;
}
.z-room-a7 p,
.z-room-a7 span,
.z-room-a7 span {
font-size: 16px;
}
.z-guest {
width: 100%;
height: 837px;
overflow: hidden;
}
.z-guest-a1 {
width: 130px;
height: 100%;
background: #040300;
color: #fcefd8;
display: flex;
justify-content: center;
align-items: center;
font-size: 36px;
float: left;
}
.z-guest-a1 div {
width: 36px;
}
.z-guest-a2 {
width: calc(100% - 130px);
float: left;
height: 100%;
position: relative;
}
.z-guest-a2 .swiper-container {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide {
height: 100%;
position: relative;
overflow: hidden;
}
.z-guest-a3 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide:hover .z-guest-a3 img {
transform: scale(1.06);
transition: .5s;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide .z-guest-a3 img {
transition: .5s;
}
.z-guest-a4 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 65px;
background-color: rgba(0, 0, 0, .4);
padding-top: 360px;
}
.z-guest-a5 {
color: #fcefd8;
font-size: 40px;
line-height: 40px;
margin-bottom: 20px;
font-weight: bold;
}
.z-guest-a6 {
font-size: 16px;
color: #fcefd8;
margin-bottom: 45px;
line-height: 16px;
}
.z-guest-a7 {
width: 166px;
height: 48px;
border: 1px solid #fcefd8;
display: flex;
justify-content: center;
align-items: center;
color: #fcefd8;
font-size: 16px;
}
.z-guest-a7 .z-guest-a7c {
width: 21px;
height: 26px;
position: relative;
margin-left: 10px;
}
.z-guest-a7 .z-guest-a7b {
width: 0;
height: 100%;
background: #fcefd8;
position: absolute;
right: 0;
top: 0;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7b {
width: 100%;
transition: 0.5s;
}
.z-guest-a7>span {
position: relative;
}
.z-guest-a7:hover>span {
color: #c8964c;
}
.z-guest-a7 .z-guest-a7c>img {
position: absolute;
top: 0;
left: 0;
}
.z-guest-a7 .z-guest-a7c>img:nth-child(1) {
opacity: 1;
transition: 0.5s;
}
.z-guest-a7 .z-guest-a7c>img:nth-child(2) {
opacity: 0;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7c>img:nth-child(2) {
opacity: 1;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7c>img:nth-child(1) {
opacity: 0;
transition: 0.5s;
}
.z-popup {
position: fixed;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #f4e8d6;
}
.z-popup1 {
/*width:100%;*/
/*height:100%;*/
z-index: 999;
opacity: 1;
}
.z-popup-a1 {
width: 100%;
height: 100%;
}
.z-popup-a2,
.z-popup-a3 {
width: 50%;
float: left;
height: 100%;
}
.z-popup-a2 .swiper-container5 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-popup-a2 .swiper-pagination-bullet {
background: rgba(255, 255, 255, .8);
opacity: 1;
outline: none;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets {
right: 35px;
}
.z-popup-a2 .swiper-pagination-bullet-active {
background: none;
background-image: url("../img/z168.png");
background-size: 100% 100%;
width: 27px;
height: 29px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 13px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {
margin: 13px 0;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
}
.z-popup-a3 {
position: relative;
display: flex;
padding-left: 153px;
background: #f4e8d6;
align-items: center;
}
.z-popup-a4 {
width: 166px;
height: 48px;
line-height: 48px;
text-align: center;
color: #f4e8d6;
font-size: 18px;
background: #cc974b;
margin-bottom: 33px;
}
.z-popup-a5 {
font-size: 48px;
color: #2a1600;
margin-bottom: 30px;
line-height: 48px;
font-weight: bolder;
}
.z-popup-a6 {
font-size: 20px;
line-height: 20px;
color: #4a3f2e;
margin-bottom: 35px;
}
.z-popup-a7 {
font-size: 16px;
color: #4a3f2e;
line-height: 32px;
}
.z-popup-img1 {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 163px;
display: flex;
align-items: center;
}
.z-popup-img2 {
width: 25px;
height: 25px;
position: absolute;
top: 50px;
right: 40px;
cursor: pointer;
z-index: 2;
}
.z-popup-a8 {
height: 110px;
}
.z-popup-a1 .swiper-button-next {
width: 61px;
height: 61px;
outline: none;
margin: 0;
top: auto;
bottom: 200px;
left: 62%;
}
/* .z-popup-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
} */
.z-popup-a1 .swiper-button-next::after {
content: none;
}
.z-popup-a1 .swiper-button-prev {
width: 61px;
height: 61px;
background-size: 100% 100%;
/* background-image: url("../img/z17.png"); */
outline: none;
margin: 0;
top: auto;
bottom: 200px;
left: 58%;
}
.z-popup-a1 .swiper-button-prev::after {
content: none;
}
/* .z-popup-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
} */
.swiper-button-next3 {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
top: auto;
bottom: 46px;
left: 139px;
}
.swiper-button-next3:hover {
background-image: url("../img/z15.png");
}
.swiper-button-next3::after {
content: none;
}
.swiper-button-prev3 {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
top: auto;
bottom: 46px;
left: 58px;
}
.swiper-button-prev3::after {
content: none;
}
.swiper-button-prev3:hover {
background-image: url("../img/z14.png");
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-room:hover .z-room-a1 img {
transform: scale(1.06);
transition: .8s;
}
.z-room .z-room-a1 img {
transition: .8s;
}
.z-photos {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.z-photos-a1 {
width: 100%;
height: calc(1360px*710/1560);
overflow: hidden;
}
.z-photos-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-photos-a3 {
width: 1200px;
margin: 0 auto;
height: 100%;
}
.z-photos-a3-fl {
float: left;
width: calc(100% - 560px);
display: flex;
align-items: center;
height: 100%;
}
.z-photos-a4 {
font-size: 110px;
color: rgba(255, 255, 255, .1);
line-height: 110px;
text-transform: uppercase;
font-family: 'bigcaslon';
}
.z-photos-a5 {
font-size: 46px;
line-height: 46px;
color: #fff;
font-weight: bold;
margin-top: -50px;
font-style: italic;
margin-bottom: 52px;
}
.z-photos-a6 {
font-size: 32px;
line-height: 54px;
font-weight: lighter;
color: #fff;
margin-bottom: 70px;
}
.z-photos-a7 {
width: 170px;
height: 50px;
/* background: #cc974b; */
border: 1px solid #cc974b;
color: #fff;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.z-photos-a7>span {
position: relative;
}
.z-photos-a7>.t-bt-1 {
width: 21px;
height: 26px;
margin-left: 10px;
position: relative;
}
.z-photos-a7>.t-bt-1>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.z-photos-a7>.t-bt-1>img:nth-child(1) {
opacity: 1;
transition: 0.5s;
}
.z-photos-a7>.t-bt-1>img:nth-child(2) {
opacity: 0;
transition: 0.5s;
}
.z-photos-a7>.t-bt-2 {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.z-photos-a7:hover .t-bt-1>img:nth-child(1) {
opacity: 0;
transition: 0.5s;
}
.z-photos-a7:hover .t-bt-1>img:nth-child(2) {
opacity: 1;
transition: 0.5s;
}
.z-photos-a7:hover>.t-bt-2 {
width: 0 !important;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.z-photos-a7:hover>span {
color: #cc974b;
}
.z-photos-a3-fr {
width: 560px;
float: left;
overflow: hidden;
}
.z-photos-a3-fr img {
transition: .3s;
}
.z-photos-a3-fr:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-objects {
width: 100%!important;
height: 830px;
position: relative;
overflow: hidden;
}
.z-objects-a1 {
width: 100%;
height: 100%;
}
.z-objects-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 70px;
background: #f8f6f2;
}
.z-objects-a3 {
text-align: center;
font-size: 110px;
line-height: 110px;
/* text-transform: uppercase; */
font-family: 'bigcaslon';
color: rgba(255, 255, 255, .1);
}
.z-objects-a4 {
text-align: center;
font-style: italic;
color: #222;
font-size: 46px;
line-height: 46px;
font-weight: bold;
margin-top: -60px;
margin-bottom: 70px;
}
.z-objects-a5 {
width: 100%;
padding-left: 50px;
}
.z-objects-a5 .swiper-container {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide {
width: 430px;
height: 520px;
padding: 25px;
background-image: url("../img/z159.png");
background-size: 100% 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div {
width: 100%;
height: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div img {
transition: .3s;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-room {
width: 100%;
/*height:860px;*/
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.z-room-a1 {
width: 100%;
height: 100%;
}
.z-room-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 110px;
}
.z-room-a3 {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.z-room-a4 .z-room-a5 {
font-size: 20px;
color: #2c2c2c;
margin-bottom: 20px;
}
.z-room-a4 .z-room-a5 span {
font-size: 150px;
line-height: 150px;
font-family: 'Cormorant Garamond';
}
.z-room-a6 {
text-align: center;
font-size: 22px;
color: #2c2c2c;
}
.z-room-a3 .z-room-a4:first-child {
margin-right: 100px;
position: relative;
}
.z-room-a3 .z-room-a4::after {
content: '';
width: 2px;
height: 82px;
display: inline-block;
position: absolute;
background: rgba(25, 25, 25, .2);
right: -50px;
top: 80px;
}
.z-room-a7 {
text-align: center;
font-size: 16px;
color: #2c2c2c;
line-height: 32px;
}
.z-guest {
width: 100%;
height: 650px;
overflow: hidden;
}
.z-guest-a1 {
width: 130px;
height: 100%;
background: #040300;
color: #fcefd8;
display: flex;
justify-content: center;
align-items: center;
font-size: 34px;
float: left;
}
.z-guest-a1 div {
width: 34px;
}
.z-guest-a2 {
width: calc(100% - 130px);
float: left;
height: 100%;
position: relative;
}
.z-guest-a2 .swiper-container {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide {
height: 100%;
position: relative;
}
.z-guest-a3 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide:hover .z-guest-a3 img {
transform: scale(1.06);
transition: .5s;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide .z-guest-a3 img {
transition: .5s;
}
.z-guest-a4 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 50px;
padding-top: 260px;
}
.z-guest-a5 {
color: #fcefd8;
font-size: 38px;
line-height: 38px;
margin-bottom: 20px;
font-weight: bold;
}
.z-guest-a6 {
font-size: 16px;
color: #fcefd8;
margin-bottom: 45px;
line-height: 16px;
}
.z-guest-a7 {
width: 160px;
height: 40px;
border: 1px solid #fcefd8;
display: flex;
justify-content: center;
align-items: center;
color: #fcefd8;
font-size: 16px;
position: relative;
}
.z-guest-a7>.z-guest-a7c {
width: 21px;
height: 26px;
margin-left: 10px;
position: relative;
}
.z-guest-a7 .z-guest-a7b {
width: 0;
height: 100%;
background: #fcefd8;
position: absolute;
right: 0;
top: 0;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7b {
width: 100%;
transition: 0.5s;
}
.z-guest-a7>span {
position: relative;
}
.z-guest-a7:hover>span {
color: #c8964c;
}
.z-guest-a7 .z-guest-a7c>img {
position: absolute;
top: 0;
left: 0;
}
.z-guest-a7 .z-guest-a7c>img:nth-child(1) {
opacity: 1;
transition: 0.5s;
}
.z-guest-a7 .z-guest-a7c>img:nth-child(2) {
opacity: 0;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7c>img:nth-child(2) {
opacity: 1;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7c>img:nth-child(1) {
opacity: 0;
transition: 0.5s;
}
.z-popup {
position: fixed;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #f4e8d6;
}
.z-popup1 {
/*width:100%;*/
/*height:100%;*/
z-index: 99;
opacity: 1;
}
.z-popup-a1 {
width: 100%;
height: 100%;
}
.z-popup-a2,
.z-popup-a3 {
width: 50%;
float: left;
height: 100%;
}
.z-popup-a2 .swiper-container5 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-popup-a2 .swiper-pagination-bullet {
background: rgba(255, 255, 255, .8);
opacity: 1;
outline: none;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets {
right: 35px;
}
.z-popup-a2 .swiper-pagination-bullet-active {
background: none;
background-image: url("../img/z168.png");
background-size: 100% 100%;
width: 27px;
height: 29px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 13px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {
margin: 13px 0;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
}
.z-popup-a3 {
position: relative;
display: flex;
padding-left: 100px;
background: #f4e8d6;
align-items: center;
}
.z-popup-a4 {
width: 166px;
height: 48px;
line-height: 48px;
text-align: center;
color: #f4e8d6;
font-size: 18px;
background: #cc974b;
margin-bottom: 33px;
}
.z-popup-a5 {
font-size: 48px;
color: #2a1600;
margin-bottom: 30px;
line-height: 48px;
font-weight: bolder;
}
.z-popup-a6 {
font-size: 20px;
line-height: 20px;
color: #4a3f2e;
margin-bottom: 35px;
}
.z-popup-a7 {
font-size: 16px;
color: #4a3f2e;
line-height: 32px;
}
.z-popup-img1 {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 163px;
display: flex;
align-items: center;
}
.z-popup-img2 {
width: 25px;
height: 25px;
position: absolute;
top: 50px;
right: 40px;
cursor: pointer;
z-index: 2;
}
.z-popup-a8 {
height: 110px;
}
.z-popup-a1 .swiper-button-next {
width: 58px;
height: 58px;
background-size: 100% 100%;
/* background-image: url("../img/z16.png"); */
outline: none;
margin: 0;
top: auto;
bottom: 60px;
left: 62%;
}
/* .z-popup-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
} */
.z-popup-a1 .swiper-button-next::after {
content: none;
}
.z-popup-a1 .swiper-button-prev {
width: 58px;
height: 58px;
background-size: 100% 100%;
/* background-image: url("../img/z17.png"); */
outline: none;
margin: 0;
top: auto;
bottom: 60px;
left: 56%;
}
.z-popup-a1 .swiper-button-prev::after {
content: none;
}
/* .z-popup-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
} */
.swiper-button-next3 {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
top: auto;
bottom: 46px;
left: 139px;
}
.swiper-button-next3:hover {
background-image: url("../img/z15.png");
}
.swiper-button-next3::after {
content: none;
}
.swiper-button-prev3 {
width: 61px;
height: 61px;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
top: auto;
bottom: 46px;
left: 58px;
}
.swiper-button-prev3::after {
content: none;
}
.swiper-button-prev3:hover {
background-image: url("../img/z14.png");
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-room:hover .z-room-a1 img {
transform: scale(1.06);
transition: .8s;
}
.z-room .z-room-a1 img {
transition: .8s;
}
.z-photos {
width: 100%!important;
height: 100%!important;
position: relative;
overflow: hidden;
}
.z-photos-a1 {
width: 100%;
height: 710px;
overflow: hidden;
}
.z-photos-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-photos-a3 {
width: 960px;
margin: 0 auto;
height: 100%;
}
.z-photos-a3-fl {
float: left;
width: calc(100% - 450px);
display: flex;
align-items: center;
height: 100%;
}
.z-photos-a4 {
font-size: 90px;
color: rgba(255, 255, 255, .1);
line-height: 90px;
text-transform: uppercase;
font-family: 'bigcaslon';
}
.z-photos-a5 {
font-size: 42px;
line-height: 42px;
color: #fff;
font-weight: bold;
margin-top: -50px;
font-style: italic;
margin-bottom: 52px;
}
.z-photos-a6 {
font-size: 30px;
line-height: 50px;
font-weight: lighter;
color: #fff;
margin-bottom: 60px;
}
.z-photos-a7 {
width: 170px;
height: 50px;
/* background: #cc974b; */
border: 1px solid #cc974b;
color: #fff;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.z-photos-a7>span {
position: relative;
}
.z-photos-a7>.t-bt-1 {
width: 18px;
height: 22px;
margin-left: 10px;
position: relative;
}
.z-photos-a7>.t-bt-1>img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.z-photos-a7>.t-bt-1>img:nth-child(1) {
opacity: 1;
transition: 0.5s;
}
.z-photos-a7>.t-bt-1>img:nth-child(2) {
opacity: 0;
transition: 0.5s;
}
.z-photos-a7>.t-bt-2 {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.z-photos-a7:hover .t-bt-1>img:nth-child(1) {
opacity: 0;
transition: 0.5s;
}
.z-photos-a7:hover .t-bt-1>img:nth-child(2) {
opacity: 1;
transition: 0.5s;
}
.z-photos-a7:hover>.t-bt-2 {
width: 0 !important;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.z-photos-a7:hover>span {
color: #cc974b;
}
.z-photos-a3-fr {
width: 450px;
float: left;
overflow: hidden;
}
.z-photos-a3-fr img {
transition: .3s;
}
.z-photos-a3-fr:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-objects {
width: 100%!important;
height: 655px;
position: relative;
overflow: hidden;
}
.z-objects-a1 {
width: 100%;
height: 100%;
}
.z-objects-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 70px;
background: #f8f6f2;
}
.z-objects-a3 {
text-align: center;
font-size: 90px;
line-height: 90px;
/* text-transform: uppercase; */
font-family: 'bigcaslon';
color: rgba(255, 255, 255, .1);
}
.z-objects-a4 {
text-align: center;
font-style: italic;
color: #222;
font-size: 42px;
line-height: 42px;
font-weight: bold;
margin-top: -50px;
margin-bottom: 70px;
}
.z-objects-a5 {
width: 100%;
padding-left: 50px;
}
.z-objects-a5 .swiper-container {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide {
width: 300px;
height: 360px;
padding: 25px;
background-image: url("../img/z159.png");
background-size: 100% 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div {
width: 100%;
height: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div img {
transition: .3s;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div:hover img {
transition: .3s;
transform: scale(1.06);
}
.z-room {
width: 100%;
/*height:860px;*/
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.z-room-a1 {
width: 100%;
height: 100%;
}
.z-room-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 50px;
}
.z-room-a3 {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.z-room-a4 .z-room-a5 {
font-size: 18px;
color: #2c2c2c;
margin-bottom: 15px;
}
.z-room-a4 .z-room-a5 span {
font-size: 120px;
line-height: 120px;
font-family: 'Cormorant Garamond';
}
.z-room-a6 {
text-align: center;
font-size: 18px;
color: #2c2c2c;
}
.z-room-a3 .z-room-a4:first-child {
margin-right: 80px;
position: relative;
}
.z-room-a3 .z-room-a4::after {
content: '';
width: 2px;
height: 60px;
display: inline-block;
position: absolute;
background: rgba(25, 25, 25, .2);
right: -40px;
top: 50px;
}
.z-room-a7 {
text-align: center;
font-size: 14px;
color: #2c2c2c;
width: 960px;
margin: 0 auto;
line-height: 32px;
}
.z-guest {
width: 100%;
height: 500px;
overflow: hidden;
}
.z-guest-a1 {
width: 100px;
height: 100%;
background: #040300;
color: #fcefd8;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
float: left;
}
.z-guest-a1 div {
width: 30px;
}
.z-guest-a2 {
width: calc(100% - 100px);
float: left;
height: 100%;
position: relative;
}
.z-guest-a2 .swiper-container {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide {
height: 100%;
position: relative;
}
.z-guest-a3 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide:hover .z-guest-a3 img {
transform: scale(1.06);
transition: .5s;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide .z-guest-a3 img {
transition: .5s;
}
.z-guest-a4 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 30px;
padding-top: 160px;
}
.z-guest-a5 {
color: #fcefd8;
font-size: 36px;
line-height: 36px;
margin-bottom: 20px;
font-weight: bold;
}
.z-guest-a6 {
font-size: 16px;
color: #fcefd8;
margin-bottom: 40px;
}
.z-guest-a7 {
width: 150px;
height: 40px;
border: 1px solid #fcefd8;
display: flex;
justify-content: center;
align-items: center;
color: #fcefd8;
font-size: 16px;
position: relative;
}
.z-guest-a7>.z-guest-a7c {
width: 18px;
height: 22px;
margin-left: 10px;
position: relative;
}
.z-guest-a7 .z-guest-a7b {
width: 0;
height: 100%;
background: #fcefd8;
position: absolute;
right: 0;
top: 0;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7b {
width: 100%;
transition: 0.5s;
}
.z-guest-a7>span {
position: relative;
}
.z-guest-a7:hover>span {
color: #c8964c;
}
.z-guest-a7 .z-guest-a7c>img {
position: absolute;
top: 0;
left: 0;
}
.z-guest-a7 .z-guest-a7c>img:nth-child(1) {
opacity: 1;
transition: 0.5s;
}
.z-guest-a7 .z-guest-a7c>img:nth-child(2) {
opacity: 0;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7c>img:nth-child(2) {
opacity: 1;
transition: 0.5s;
}
.z-guest-a7:hover .z-guest-a7c>img:nth-child(1) {
opacity: 0;
transition: 0.5s;
}
.z-popup {
position: fixed;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #f4e8d6;
}
.z-popup1 {
/*width:100%;*/
/*height:100%;*/
z-index: 99;
opacity: 1;
}
.z-popup-a1 {
width: 100%;
height: 100%;
}
.z-popup-a2,
.z-popup-a3 {
width: 50%;
float: left;
height: 100%;
}
.z-popup-a2 .swiper-container5 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-popup-a2 .swiper-pagination-bullet {
background: rgba(255, 255, 255, .8);
opacity: 1;
outline: none;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets {
right: 35px;
}
.z-popup-a2 .swiper-pagination-bullet-active {
background: none;
background-image: url("../img/z168.png");
background-size: 100% 100%;
width: 27px;
height: 29px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 13px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {
margin: 13px 0;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
}
.z-popup-a3 {
position: relative;
display: flex;
padding-left: 80px;
background: #f4e8d6;
align-items: center;
}
.z-popup-a4 {
width: 166px;
height: 46px;
line-height: 46px;
text-align: center;
color: #f4e8d6;
font-size: 16px;
background: #cc974b;
margin-bottom: 30px;
}
.z-popup-a5 {
font-size: 46px;
color: #2a1600;
margin-bottom: 30px;
line-height: 46px;
font-weight: bolder;
}
.z-popup-a6 {
font-size: 18px;
line-height: 18px;
color: #4a3f2e;
margin-bottom: 30px;
}
.z-popup-a7 {
font-size: 14px;
color: #4a3f2e;
line-height: 32px;
}
.z-popup-img1 {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 163px;
display: flex;
align-items: center;
}
.z-popup-img2 {
width: 25px;
height: 25px;
position: absolute;
top: 50px;
right: 40px;
cursor: pointer;
z-index: 2;
}
.z-popup-a8 {
height: 110px;
}
.z-popup-a1 .swiper-button-next {
width: 58px;
height: 58px;
background-size: 100% 100%;
/* background-image: url("../img/z16.png"); */
outline: none;
margin: 0;
top: auto;
bottom: 60px;
left: 65%;
}
/* .z-popup-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
} */
.z-popup-a1 .swiper-button-next::after {
content: none;
}
.z-popup-a1 .swiper-button-prev {
width: 58px;
height: 58px;
background-size: 100% 100%;
/* background-image: url("../img/z17.png"); */
outline: none;
margin: 0;
top: auto;
bottom: 60px;
left: 58%;
}
.z-popup-a1 .swiper-button-prev::after {
content: none;
}
/* .z-popup-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
} */
.swiper-button-next3 {
width: 52px;
height: 52px;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
top: auto;
bottom: 46px;
left: 100px;
}
.swiper-button-next3:hover {
background-image: url("../img/z15.png");
}
.swiper-button-next3::after {
content: none;
}
.swiper-button-prev3 {
width: 52px;
height: 52px;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
top: auto;
bottom: 46px;
left: 30px;
}
.swiper-button-prev3::after {
content: none;
}
.swiper-button-prev3:hover {
background-image: url("../img/z14.png");
}
}
@media only screen and (max-width: 1023px) {
.z-photos {
width: 100%!important;
height: 12.27rem;
position: relative;
overflow: hidden;
}
.z-photos-a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-photos-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-photos-a3 {
width: 100%;
margin: 0 auto;
height: 100%;
}
.z-photos-a3-fl {
width: 100%;
text-align: center;
padding-top: .8rem;
}
.z-photos-a4 {
font-size: 1.2rem;
color: rgba(255, 255, 255, .1);
line-height: 1.2rem;
text-transform: uppercase;
font-family: 'bigcaslon';
}
.z-photos-a5 {
font-size: .5rem;
line-height: .5rem;
color: #fff;
font-weight: bold;
margin-top: -.5rem;
font-style: italic;
margin-bottom: .5rem;
}
.z-photos-a6 {
font-size: .4rem;
line-height: .6rem;
font-weight: lighter;
color: #fff;
margin-bottom: .3rem;
}
.z-photos-a7 {
width: 2.4rem;
height: .7rem;
background: #cc974b;
color: #fff;
font-size: .26rem;
display: flex;
justify-content: center;
align-items: center;
margin: .8rem auto;
}
.z-photos-a7 img {
width: .28rem;
margin-left: .1rem;
}
.z-photos-a3-fr {
width: 4.54rem;
height: 5.8rem;
overflow: hidden;
margin: 0 auto;
}
.z-photos-a3-fr img {
width: 100%;
}
.z-objects {
width: 100%!important;
height: 10.52rem;
position: relative;
overflow: hidden;
}
.z-objects-a1 {
width: 100%;
height: 100%;
}
.z-objects-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: .9rem;
background: #f8f6f2;
}
.z-objects-a3 {
text-align: center;
font-size: 1.2rem;
line-height: 1.2rem;
/* text-transform: uppercase; */
font-family: 'bigcaslon';
color: rgba(255, 255, 255, .1);
}
.z-objects-a4 {
text-align: center;
font-style: italic;
color: #222;
font-size: .5rem;
line-height: .5rem;
font-weight: bold;
margin-top: -.6rem;
margin-bottom: .65rem;
}
.z-objects-a5 {
width: 100%;
padding-left: .37rem;
}
.z-objects-a5 .swiper-container {
width: 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper {
width: 100%;
align-items: center;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide {
width: 4.7rem;
height: 5.8rem;
padding: .27rem;
background-image: url("../img/z159.png");
background-size: 100% 100%;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
width: 5.46rem;
height: 6.83rem;
}
.z-objects-a5 .swiper-container .swiper-wrapper .swiper-slide div {
width: 100%;
height: 100%;
}
.z-room {
width: 100%;
height: 11.32rem;
position: relative;
overflow: hidden;
}
.z-room-a1 {
width: 100%;
height: 100%;
}
.z-room-a2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 1.1rem;
}
.z-room-a3 {
display: flex;
justify-content: center;
margin-bottom: .3rem;
}
.z-room-a4 .z-room-a5 {
font-size: .26rem;
color: #2c2c2c;
margin-bottom: .2rem;
}
.z-room-a4 .z-room-a5 span {
font-size: 1.8rem;
line-height: 1.8rem;
font-family: 'Cormorant Garamond';
}
.z-room-a6 {
text-align: center;
font-size: .26rem;
color: #2c2c2c;
}
.z-room-a3 .z-room-a4:first-child {
margin-right: .5rem;
}
.z-room-a7 {
width: 5.7rem;
margin: 0 auto;
text-align: justify;
font-size: .26rem;
color: #2c2c2c;
line-height: .46rem;
text-align:justify;
text-indent:.5rem;
}
.z-guest {
width: 100%;
height: 10.52rem;
overflow: hidden;
}
.z-guest-a2 {
width: 100%;
height: 100%;
position: relative;
}
.z-guest-a2 .swiper-container {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-guest-a2 .swiper-container .swiper-wrapper .swiper-slide {
height: 100%;
position: relative;
}
.z-guest-a3 {
width: 100%;
height: 100%;
}
.z-guest-a4 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: .4rem;
padding-top: 3.5rem;
}
.z-guest-a5 {
color: #fcefd8;
font-size: .5rem;
line-height: .5rem;
margin-bottom: .3rem;
font-weight: bold;
}
.z-guest-a6 {
font-size: .26rem;
color: #fcefd8;
margin-bottom: .5rem;
}
.z-guest-a7 {
width: 2.4rem;
height: .7rem;
border: 1px solid #fcefd8;
display: flex;
justify-content: center;
align-items: center;
color: #fcefd8;
font-size: .26rem;
}
.z-guest-a7 img {
width: .28rem;
margin-left: .1rem;
}
.z-popup {
position: fixed;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #f4e8d6;
}
.z-popup1 {
/*width:100%;*/
/*height:100%;*/
z-index: 99;
opacity: 1;
}
.z-popup-a1 {
width: 100%;
height: 100%;
}
.z-popup-a2,
.z-popup-a3 {
width: 100%;
height: 6.08rem;
}
.z-popup-a2 .swiper-container5 {
width: 100%;
height: 100%;
overflow: hidden;
}
.z-popup-a2 .swiper-pagination-bullet {
background: rgba(255, 255, 255, .8);
opacity: 1;
outline: none;
}
.z-popup-a2 .swiper-pagination {
right: 0;
bottom: 0;
height: 2.75rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
padding-top: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
}
.z-popup-a2 .swiper-pagination-bullet-active {
background: none;
background-image: url("../img/z168.png");
background-size: 100% 100%;
width: .4rem;
height: .35rem;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 13px;
}
.z-popup-a2 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {
margin: 13px 0;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper {
width: 100%;
height: 100%;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%;
}
.z-popup-a2 .swiper-container5 .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100%;
}
.z-popup-a3 {
position: relative;
width: 100%;
padding: .65rem .4rem 0;
background: #f4e8d6;
}
.z-popup-a4 {
width: 1.77rem;
height: .72rem;
line-height: .72rem;
text-align: center;
color: #f4e8d6;
font-size: .28rem;
background: #cc974b;
margin-bottom: .4rem;
}
.z-popup-a5 {
font-size: .52rem;
color: #2a1600;
margin-bottom: .3rem;
line-height: .52rem;
font-weight: bolder;
}
.z-popup-a6 {
font-size: .32rem;
line-height: .32rem;
color: #4a3f2e;
margin-bottom: .5rem;
}
.z-popup-a7 {
font-size: .26rem;
color: #4a3f2e;
line-height: .46rem;
}
.z-popup-img1 {
position: absolute;
right: 0;
top: 7.2rem;
height: 4.6rem;
width: 1.5rem;
z-index: 9;
}
.z-popup-img2 {
width: .5rem;
height: .5rem;
position: absolute;
top: .5rem;
right: .4rem;
cursor: pointer;
z-index: 2;
}
.z-popup-a8 {
height: 110px;
}
.z-popup-a1 .swiper-button-next {
width: .8rem;
height: .8rem;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
top: 4.7rem;
left: auto;
right: .4rem;
}
.z-popup-a1 .swiper-button-next:hover {
background-image: url("../img/z15.png");
}
.z-popup-a1 .swiper-button-next::after {
content: none;
}
.z-popup-a1 .swiper-button-prev {
width: .8rem;
height: .8rem;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
top: 4.7rem;
left: .4rem;
z-index: 9;
}
.z-popup-a1 .swiper-button-prev::after {
content: none;
}
.z-popup-a1 .swiper-button-prev:hover {
background-image: url("../img/z14.png");
}
.swiper-button-next3 {
width: .8rem;
height: .8rem;
background-size: 100% 100%;
background-image: url("../img/z16.png");
outline: none;
margin: 0;
top: auto;
bottom: .75rem;
left: 1.8rem;
}
.swiper-button-next3:hover {
background-image: url("../img/z15.png");
}
.swiper-button-next3::after {
content: none;
}
.swiper-button-prev3 {
width: .8rem;
height: .8rem;
background-size: 100% 100%;
background-image: url("../img/z17.png");
outline: none;
margin: 0;
top: auto;
bottom: .75rem;
left: .6rem;
}
.swiper-button-prev3::after {
content: none;
}
.swiper-button-prev3:hover {
background-image: url("../img/z14.png");
}
}
/*鍦ㄧ嚎鐣欒█*/
@media only screen and (min-width: 1600px) {
.au-a3-form {
width: 850px;
position: absolute;
height: 100%;
display: flex;
align-items: center;
right: 0;
}
.au-a3-form form {
width: 100%;
}
.au-a3-form-b1 {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.au-a3-form-b1>div {
width: 48%;
}
.au-a3-form-b1>div p {
font-size: 16px;
margin-bottom: 15px;
color: #454545;
}
.au-a3-form-b1>div p span {
color: #b3a36b;
}
.au-a3-form-b1>div input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2 {
width: 100%;
margin-bottom: 25px;
}
.au-a3-form-b2>p {
font-size: 16px;
margin-bottom: 15px;
color: #454545;
}
.au-a3-form-b2>p span {
color: #b3a36b;
}
.au-a3-form-b2 img {
width: 130px;
height: 50px;
}
.au-a3-form-b22 {
display: inline-flex;
width: 100%;
}
.au-a3-form-b22 input {
width: 25%;
height: 50px;
margin-right: 20px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2>input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2>textarea {
width: 100%;
height: 160px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 20px;
}
.au-a3-form-sub {
width: 100%;
margin-top: 50px;
}
.au-a3-form-sub .input {
width: 170px;
height: 50px;
color: #fff;
border: 1px solid #cc974b;
font-size: 16px;
float: left;
padding: 0 20px;
position: relative;
}
.au-a3-form-sub .input>div:nth-child(1) {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.au-a3-form-sub .input>div:nth-child(2) {
position: relative;
text-align: center;
line-height: 50px;
transition: 0.5s;
}
.au-a3-form-sub .input>input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.au-a3-form-sub .input:hover>div:nth-child(1) {
width: 0;
transition: 0.5s;
}
.au-a3-form-sub .input:hover>div:nth-child(2) {
color: #cc974b;
transition: 0.5s;
}
.news-all {
height: 100%;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.au-a3-form {
width: 700px;
position: absolute;
height: 100%;
display: flex;
align-items: center;
right: 0;
}
.au-a3-form-b22 {
display: inline-flex;
width: 100%;
}
.au-a3-form-b22 input {
width: 40%;
height: 50px;
margin-right: 20px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2>input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form form {
width: 100%;
}
.au-a3-form-b1 {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.au-a3-form-b1>div {
width: 48%;
}
.au-a3-form-b1>div p {
font-size: 16px;
margin-bottom: 15px;
}
.au-a3-form-b1>div p span {
color: #b3a36b;
}
.au-a3-form-b1>div input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2 {
width: 100%;
margin-bottom: 25px;
}
.au-a3-form-b2>p {
font-size: 16px;
margin-bottom: 15px;
}
.au-a3-form-b2>p span {
color: #b3a36b;
}
.au-a3-form-b2 img {
width: 130px;
height: 50px;
}
.au-a3-form-b2>input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2>textarea {
width: 100%;
height: 160px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 20px;
}
.au-a3-form-sub {
width: 100%;
margin-top: 30px;
}
.au-a3-form-sub .input {
width: 170px;
height: 50px;
border: 1px solid #cc974b;
color: #fff;
font-size: 16px;
float: left;
padding: 0 20px;
}
.au-a3-form-sub .input>div:nth-child(1) {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.au-a3-form-sub .input>div:nth-child(2) {
position: relative;
text-align: center;
line-height: 50px;
transition: 0.5s;
}
.au-a3-form-sub .input>input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.au-a3-form-sub .input:hover>div:nth-child(1) {
width: 0;
transition: 0.5s;
}
.au-a3-form-sub .input:hover>div:nth-child(2) {
color: #cc974b;
transition: 0.5s;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.au-a3-form-b22 {
display: inline-flex;
width: 100%;
}
.au-a3-form-b22 input {
width: 40%;
height: 50px;
margin-right: 20px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2>input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form {
width: 550px;
position: absolute;
top: calc(100%*170/925);
left: 50%;
transform: translate(-50%);
}
.au-a3-form form {
width: 100%;
}
.au-a3-form-b1 {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.au-a3-form-b1>div {
width: 48%;
}
.au-a3-form-b1>div p {
font-size: 16px;
margin-bottom: 15px;
}
.au-a3-form-b1>div p span {
color: #b3a36b;
}
.au-a3-form-b1>div input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2 {
width: 100%;
margin-bottom: 25px;
}
.au-a3-form-b2>p {
font-size: 16px;
margin-bottom: 15px;
}
.au-a3-form-b2>p span {
color: #b3a36b;
}
.au-a3-form-b2 img {
width: 130px;
height: 50px;
}
.au-a3-form-b2>input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-form-b2>textarea {
width: 100%;
height: 160px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 20px;
}
.au-a3-form-sub {
width: 100%;
margin-top: 30px;
}
.au-a3-form-sub .input {
width: 170px;
height: 50px;
border: 1px solid #cc974b;
color: #fff;
font-size: 16px;
float: left;
padding: 0 20px;
}
.au-a3-form-sub .input>div:nth-child(1) {
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #cc974b;
transition: 0.5s;
}
.au-a3-form-sub .input>div:nth-child(2) {
position: relative;
text-align: center;
line-height: 50px;
transition: 0.5s;
}
.au-a3-form-sub .input>input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.au-a3-form-sub .input:hover>div:nth-child(1) {
width: 0;
transition: 0.5s;
}
.au-a3-form-sub .input:hover>div:nth-child(2) {
color: #cc974b;
transition: 0.5s;
}
}
@media only screen and (max-width: 1023px) {
.au-a3-form-b22 {
display: inline-flex;
width: 100%;
}
.au-a3-form-b22 input {
width: 40%;
height: .8rem;
margin-right: .2rem;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: .3rem;
padding: 0 .2rem;
}
.au-a3-form-b2>input {
width: 100%;
height: 50px;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: 16px;
padding: 0 20px;
}
.au-a3-box {
width: 100%;
margin: 0 auto;
padding: 0 .35rem 1rem;
}
.au-a3-form {
width: 100%;
margin: 0 auto;
}
.au-a3-form-b1 {
margin-bottom: .25rem;
}
.au-a3-form-b1>div {
width: 100%;
}
.au-a3-form-b1>div:first-child {
margin-bottom: .25rem;
}
.au-a3-form-b1>div p {
font-size: .28rem;
margin-bottom: .2rem;
}
.au-a3-form-b1>div p span {
color: #b3a36b;
}
.au-a3-form-b1>div input {
width: 100%;
height: .8rem;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: .3rem;
padding: 0 .2rem;
}
.au-a3-form-b2 {
width: 100%;
margin-bottom: .45rem;
}
.au-a3-form-b2>p {
font-size: .3rem;
margin-bottom: .2rem;
}
.au-a3-form-b2>p span {
color: #b3a36b;
}
.au-a3-form-b2>input {
width: 100%;
height: .9rem;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: .3rem;
padding: 0 .2rem;
}
.au-a3-form-b2>textarea {
width: 100%;
height: 2.9rem;
border: 1px solid #dfd6c9;
background: rgba(255, 255, 255, .4);
font-size: .3rem;
padding: .2rem;
}
.au-a3-form-sub {
width: 100%;
margin: .45rem 0;
}
.au-a3-form-b2 img {
width: 1.8rem;
height: .8rem;
}
.au-a3-form-sub .input {
width: 3.11rem;
height: .9rem;
background: #cc974b;
color: #fff;
font-size: .3rem;
float: left;
padding: 0 .2rem;
position: relative;
line-height: .9rem;
text-align:center;
}
.au-a3-form-sub .input>input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
}
/*涓嬫媺瀵艰埅*/
/*@media only screen and (min-width: 1600px){
.hd1-d1{
width: 100%;
height: 100%;
position: fixed;
top: -100%;
left: 0;
!*top:0;*!
z-index:100;
transition: 0.5s;
overflow: hidden;
background:#f2efe8;
}
.z-d1 img{
display:block;
width:26px;
margin:0 auto 20px;
}
.z-d2{
width:calc(100% / 6);
height:100%;
position:absolute;
top:0;
left:0;
}
.z-d2 img{
width:100%;
height:100%;
}
.hd1-d1.on1 {
top: 0;
transition: 0.5s;
}
.hd1-d2{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background-image: url(../img/a03.png);
background-repeat: repeat;
}
.hd1-d3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.hd1-d4 {
position: relative;
width: calc(100%/6);
height: 100%;
position: relative;
float: left;
top: -100%;
!*top:0;*!
!*overflow: hidden;*!
transition: 0.5s;
}
.hd1-d1.on1 .hd1-d4:nth-child(1) {
top: 0;
transition: 0.5s;
transition-delay: 0.15s;
}
.hd1-d101 {
width: 900%;
height: 100%;
position: absolute;
top: 0;
background-image: url(../img/b19.jpg);
background-size:100% 110%;
}
.hd1-d4:nth-child(1) .hd1-d101 {
left: 0;
}
.hd1-d1.on1 .hd1-d4:nth-child(2) {
top: 0;
transition: 0.5s;
transition-delay: 0.3s;
}
.hd1-d1.on1 .hd1-d4:nth-child(3) {
top: 0;
transition: 0.5s;
transition-delay: 0.45s;
}
.hd1-d1.on1 .hd1-d4:nth-child(4) {
top: 0;
transition: 0.5s;
transition-delay: 0.6s;
}
.hd1-d1.on1 .hd1-d4:nth-child(5) {
top: 0;
transition: 0.5s;
transition-delay: 0.75s;
}
.hd1-d1.on1 .hd1-d4:nth-child(5) {
top: 0;
transition: 0.5s;
transition-delay: 0.9s;
}
.hd1-d1.on1 .hd1-d4:nth-child(6) {
top: 0;
transition: 0.5s;
transition-delay: 1.05s;
}
.hd1-d4:nth-child(2) .hd1-d101 {
left: -100%;
}
.hd1-d4:nth-child(3) .hd1-d101 {
left: -200%;
}
.hd1-d4:nth-child(4) .hd1-d101 {
left: -300%;
}
.hd1-d4:nth-child(5) .hd1-d101 {
left: -400%;
}
.hd1-d4:nth-child(6) .hd1-d101 {
left: -500%;
}
.z-d1{
z-index:2;
position: relative;
}
.hd1-d5 {
width: 100%;
position: absolute;
top:0;
padding-top:calc(50% + 60px);
text-align:center;
height:100%;
}
.hd1-box{
width: 100%;
position: absolute;
top:0;
padding-top:calc(50% + 60px);
text-align:center;
height:100%;
z-index:2;
}
.hd1-d6{
opacity:0;
text-transform:uppercase;
}
.hd1-d7{
font-size:30px;
color:#2d1c02;
line-height:30px;
position: relative;
font-weight:bolder;
margin-top:-20px;
z-index: 1;
}
.hd1-d4.acc .hd1-d6{
color:rgba(255,255,255,.2);
font-size:50px;
line-height:50px;
font-family:'bigcaslon';
position: relative;
z-index: 1;
opacity:1;
margin-top: 12px;
}
.hd1-d4.acc .z-d1{
opacity:0;
display:none;
}
.hd1-d4.acc .z-d2{
opacity:1;
}
.hd1-d4.acc .hd1-d7{
color:#fff;
}
.hd1-d4.acc .hd1-d8{
opacity:1;
position: relative;
z-index: 1;
}
.hd1-d4.acc .hd1-d8 div a{
color:#fff;
}
.hd1-d4.acc .hd1-d9{
opacity:0;
}
.hd1-d8{
padding-top:65px;
}
.hd1-d8 div{
margin-bottom:40px;
}
.hd1-d8 div a{
line-height:16px;
padding-bottom:2px;
font-size:16px;
color:#a97934;
font-weight:bolder;
}
.hd1-d4.acc .hd1-d8 div a:hover{
border-bottom:1px solid #fff;
}
.hd1-d4 .hd1-d8 div a:hover{
border-bottom:1px solid #a97934;
}
.hd1-d9{
background: linear-gradient(to bottom, rgba(169,121,52,.2), rgba(169,121,52,.0000001));
-webkit-background-clip: text;
color: transparent;
font-size:180px;
font-family:'Cormorant Garamond';
line-height:180px;
position:absolute;
bottom:130px;
width:100%;
opacity:1;
}
.hd1-d10{
position:absolute;
top:0;
left:-186px;
!*opacity:0;*!
!*transition:.5s;*!
}
.hd1-d4.acc .hd1-d10{
opacity:1;
!*transition:.5s;*!
}
.ind5-a4 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.ind5-a5 {
width:567px;
!*height:100%*!
position: absolute;
top:0;
left:20%;
}
.hd1-d2-box{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding-left:50px;
padding-top:17px;
z-index: -1;
}
.hd1-d2-box>a.i100{
display:inline-block;
width:79px;
padding-top:20px;
}
.hd1-d2-box .hd1-b1-fl-a3-fl{
position:absolute;
float:none;
bottom:calc(50% - 150px);
}
.hd1-d2-a1{
width:288px;
height:53px;
border:1px solid #d2d2d2;
bottom:calc(50% - 230px);
position:absolute;
}
.hd1-d2-a1 form{
width:100%;
height:100%;
display:flex;
align-items:center;
}
.hd1-d2-a1 input{
font-size:15px;
color:#585552;
width:80%;
padding:0 20px;
}
.hd1-d2-a1 img{
width:18px;
}
.hd1-d2-box .in-a5-code{
width:334px;
position:absolute;
bottom:calc(50% - 330px);
justify-content: normal;
padding-left:35px;
}
.hd1-d2-box .in-a5-code p{
margin-right:30px;
}
.hd1-d2-box .in-a5-code p img:first-child{
width:47px;
}
.hd1-d2-box .in-a5-code p img:last-child {
width: 130px;
height: 130px;
position: absolute;
top: -143px;
left: -42px;
display: none;
}
.hd1-d2-box .in-a5-code p:hover img:last-child{
display:block;
}
.hd1-d2 .hd1-b1-fr-close{
position:absolute;
top:40px;
right:120px;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px){
.hd1-d1{
width: 100%;
height: 100%;
position: fixed;
top: -100%;
left: 0;
z-index:100;
transition: 0.5s;
overflow: hidden;
background:#f2efe8;
}
.z-d1 img{
display:block;
width:26px;
margin:0 auto 20px;
}
.z-d2{
width:calc(100% / 6);
height:100%;
position:absolute;
top:0;
left:0;
!*opacity:1;*!
}
.z-d2 img{
width:100%;
height:100%;
}
.hd1-d1.on1 {
top: 0;
transition: 0.5s;
}
.hd1-d2{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background-image: url(../img/a03.png);
background-repeat: repeat;
}
.hd1-d3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.hd1-d4 {
position: relative;
width: calc(100%/6);
height: 100%;
position: relative;
float: left;
top: -100%;
!*top:0;*!
!*overflow: hidden;*!
transition: 0.5s;
}
.hd1-d1.on1 .hd1-d4:nth-child(1) {
top: 0;
transition: 0.5s;
transition-delay: 0.15s;
}
.hd1-d101 {
width: 900%;
height: 100%;
position: absolute;
top: 0;
background-image: url(../img/b19.jpg);
background-size:100% 110%;
}
.hd1-d4:nth-child(1) .hd1-d101 {
left: 0;
}
.hd1-d1.on1 .hd1-d4:nth-child(2) {
top: 0;
transition: 0.5s;
transition-delay: 0.3s;
}
.hd1-d1.on1 .hd1-d4:nth-child(3) {
top: 0;
transition: 0.5s;
transition-delay: 0.45s;
}
.hd1-d1.on1 .hd1-d4:nth-child(4) {
top: 0;
transition: 0.5s;
transition-delay: 0.6s;
}
.hd1-d1.on1 .hd1-d4:nth-child(5) {
top: 0;
transition: 0.5s;
transition-delay: 0.75s;
}
.hd1-d1.on1 .hd1-d4:nth-child(5) {
top: 0;
transition: 0.5s;
transition-delay: 0.9s;
}
.hd1-d1.on1 .hd1-d4:nth-child(6) {
top: 0;
transition: 0.5s;
transition-delay: 1.05s;
}
.hd1-d4:nth-child(2) .hd1-d101 {
left: -100%;
}
.hd1-d4:nth-child(3) .hd1-d101 {
left: -200%;
}
.hd1-d4:nth-child(4) .hd1-d101 {
left: -300%;
}
.hd1-d4:nth-child(5) .hd1-d101 {
left: -400%;
}
.hd1-d4:nth-child(6) .hd1-d101 {
left: -500%;
}
.z-d1{
z-index:2;
position: relative;
}
.hd1-d5 {
width: 100%;
position: absolute;
top:0;
padding-top:calc(50% + 60px);
text-align:center;
height:100%;
}
.hd1-box{
width: 100%;
position: absolute;
top:0;
padding-top:calc(50% + 60px);
text-align:center;
height:100%;
z-index:2;
}
.hd1-d6{
opacity:0;
text-transform:uppercase;
}
.hd1-d7{
font-size:30px;
color:#2d1c02;
line-height:30px;
position: relative;
font-weight:bolder;
margin-top:-.2rem;
z-index: 1;
}
.hd1-d4.acc .hd1-d6{
color:rgba(255,255,255,.2);
font-size:50px;
line-height:50px;
font-family:'bigcaslon';
position: relative;
z-index: 1;
opacity:1;
margin-top: 12px;
}
.hd1-d4.acc .z-d1{
opacity:0;
display:none;
}
.hd1-d4.acc .z-d2{
opacity:1;
}
.hd1-d4.acc .hd1-d7{
color:#fff;
}
.hd1-d4.acc .hd1-d8{
opacity:1;
position: relative;
z-index: 1;
}
.hd1-d4.acc .hd1-d8 div a{
color:#fff;
}
.hd1-d4.acc .hd1-d9{
opacity:0;
}
.hd1-d8{
padding-top:65px;
}
.hd1-d8 div{
margin-bottom:40px;
}
.hd1-d8 div a{
line-height:16px;
padding-bottom:2px;
font-size:16px;
color:#a97934;
font-weight:bolder;
}
.hd1-d4.acc .hd1-d8 div a:hover{
border-bottom:1px solid #fff;
}
.hd1-d4 .hd1-d8 div a:hover{
border-bottom:1px solid #a97934;
}
.hd1-d9{
background: linear-gradient(to bottom, rgba(169,121,52,.2), rgba(169,121,52,.0000001));
-webkit-background-clip: text;
color: transparent;
font-size:180px;
font-family:'Cormorant Garamond';
line-height:180px;
position:absolute;
bottom:130px;
width:100%;
opacity:1;
}
.hd1-d10{
position:absolute;
top:0;
left:-186px;
!*opacity:0;*!
!*transition:.5s;*!
}
.hd1-d4.acc .hd1-d10{
opacity:1;
!*transition:.5s;*!
}
.ind5-a4 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.ind5-a5 {
width:567px;
!*height:100%*!
position: absolute;
top:0;
left:20%;
}
.hd1-d2-box{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding-left:50px;
padding-top:17px;
z-index: -1;
}
.hd1-d2-box>a.i100{
display:inline-block;
width:79px;
padding-top:20px;
}
.hd1-d2-box .hd1-b1-fl-a3-fl{
position:absolute;
float:none;
bottom:calc(50% - 150px);
}
.hd1-d2-a1{
width:288px;
height:53px;
border:1px solid #d2d2d2;
bottom:calc(50% - 230px);
position:absolute;
}
.hd1-d2-a1 form{
width:100%;
height:100%;
display:flex;
align-items:center;
}
.hd1-d2-a1 input{
font-size:15px;
color:#585552;
width:80%;
padding:0 20px;
}
.hd1-d2-a1 img{
width:18px;
}
.hd1-d2-box .in-a5-code{
width:334px;
position:absolute;
bottom:calc(50% - 330px);
justify-content: normal;
padding-left:35px;
}
.hd1-d2-box .in-a5-code p{
margin-right:30px;
}
.hd1-d2-box .in-a5-code p img:first-child{
width:47px;
}
.hd1-d2-box .in-a5-code p img:last-child {
width: 130px;
height: 130px;
position: absolute;
top: -143px;
left: -42px;
display: none;
}
.hd1-d2-box .in-a5-code p:hover img:last-child{
display:block;
}
.hd1-d2 .hd1-b1-fr-close{
position:absolute;
top:40px;
right:120px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px){
.hd1-d1{
width: 100%;
height: 100%;
position: fixed;
top: -100%;
left: 0;
z-index:100;
transition: 0.5s;
overflow: hidden;
background:#f2efe8;
}
.z-d1 img{
display:block;
width:26px;
margin:0 auto 20px;
}
.z-d2{
width:calc(100% / 6);
height:100%;
position:absolute;
top:0;
left:0;
}
.z-d2 img{
width:100%;
height:100%;
}
.hd1-d1.on1 {
top: 0;
transition: 0.5s;
}
.hd1-d2{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background-image: url(../img/a03.png);
background-repeat: repeat;
}
.hd1-d3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.hd1-d4 {
position: relative;
width: calc(100%/6);
height: 100%;
position: relative;
float: left;
top: -100%;
!*top:0;*!
!*overflow: hidden;*!
transition: 0.5s;
}
.hd1-d1.on1 .hd1-d4:nth-child(1) {
top: 0;
transition: 0.5s;
transition-delay: 0.15s;
}
.hd1-d101 {
width: 900%;
height: 100%;
position: absolute;
top: 0;
background-image: url(../img/b19.jpg);
background-size:100% 110%;
}
.hd1-d4:nth-child(1) .hd1-d101 {
left: 0;
}
.hd1-d1.on1 .hd1-d4:nth-child(2) {
top: 0;
transition: 0.5s;
transition-delay: 0.3s;
}
.hd1-d1.on1 .hd1-d4:nth-child(3) {
top: 0;
transition: 0.5s;
transition-delay: 0.45s;
}
.hd1-d1.on1 .hd1-d4:nth-child(4) {
top: 0;
transition: 0.5s;
transition-delay: 0.6s;
}
.hd1-d1.on1 .hd1-d4:nth-child(5) {
top: 0;
transition: 0.5s;
transition-delay: 0.75s;
}
.hd1-d1.on1 .hd1-d4:nth-child(5) {
top: 0;
transition: 0.5s;
transition-delay: 0.9s;
}
.hd1-d1.on1 .hd1-d4:nth-child(6) {
top: 0;
transition: 0.5s;
transition-delay: 1.05s;
}
.hd1-d4:nth-child(2) .hd1-d101 {
left: -100%;
}
.hd1-d4:nth-child(3) .hd1-d101 {
left: -200%;
}
.hd1-d4:nth-child(4) .hd1-d101 {
left: -300%;
}
.hd1-d4:nth-child(5) .hd1-d101 {
left: -400%;
}
.hd1-d4:nth-child(6) .hd1-d101 {
left: -500%;
}
.z-d1{
z-index:2;
position: relative;
}
.hd1-d5 {
width: 100%;
position: absolute;
top:0;
padding-top:calc(50% + 60px);
text-align:center;
height:100%;
}
.hd1-box{
width: 100%;
position: absolute;
top:0;
padding-top:calc(50% + 60px);
text-align:center;
height:100%;
z-index:2;
}
.hd1-d6{
opacity:0;
text-transform:uppercase;
}
.hd1-d7{
font-size:26px;
color:#2d1c02;
line-height:26px;
position: relative;
font-weight:bolder;
margin-top:-20px;
z-index: 1;
}
.hd1-d4.acc .hd1-d6{
color:rgba(255,255,255,.2);
font-size:36px;
line-height:36px;
font-family:'bigcaslon';
position: relative;
z-index: 1;
opacity:1;
margin-top: 12px;
}
.hd1-d4.acc .z-d1{
opacity:0;
display:none;
}
.hd1-d4.acc .z-d2{
opacity:1;
}
.hd1-d4.acc .hd1-d7{
color:#fff;
}
.hd1-d4.acc .hd1-d8{
opacity:1;
position: relative;
z-index: 1;
}
.hd1-d4.acc .hd1-d8 div a{
color:#fff;
}
.hd1-d4.acc .hd1-d9{
opacity:0;
}
.hd1-d8{
padding-top:50px;
}
.hd1-d8 div{
margin-bottom:30px;
}
.hd1-d8 div a{
line-height:16px;
padding-bottom:2px;
font-size:16px;
color:#a97934;
font-weight:bolder;
}
.hd1-d4.acc .hd1-d8 div a:hover{
border-bottom:1px solid #fff;
}
.hd1-d4 .hd1-d8 div a:hover{
border-bottom:1px solid #a97934;
}
.hd1-d9{
background: linear-gradient(to bottom, rgba(169,121,52,.2), rgba(169,121,52,.0000001));
-webkit-background-clip: text;
color: transparent;
font-size:130px;
font-family:'Cormorant Garamond';
line-height:130px;
position:absolute;
bottom:60px;
width:100%;
opacity:1;
}
.hd1-d10{
position:absolute;
top:0;
left:-186px;
!*opacity:0;*!
!*transition:.5s;*!
}
.hd1-d4.acc .hd1-d10{
opacity:1;
!*transition:.5s;*!
}
.ind5-a4 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.ind5-a5 {
width:567px;
!*height:100%*!
position: absolute;
top:0;
left:20%;
}
.hd1-d2-box{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding-left:50px;
padding-top:17px;
z-index: -1;
}
.hd1-d2-box>a.i100{
display:inline-block;
width:79px;
padding-top:20px;
}
.hd1-d2-box .hd1-b1-fl-a3-fl{
position:absolute;
float:none;
bottom:calc(50% - 150px);
}
.hd1-d2-a1{
width:288px;
height:53px;
border:1px solid #d2d2d2;
bottom:calc(50% - 230px);
position:absolute;
}
.hd1-d2-a1 form{
width:100%;
height:100%;
display:flex;
align-items:center;
}
.hd1-d2-a1 input{
font-size:15px;
color:#585552;
width:80%;
padding:0 20px;
}
.hd1-d2-a1 img{
width:18px;
}
.hd1-d2-box .in-a5-code{
width:334px;
position:absolute;
bottom:calc(50% - 330px);
justify-content: normal;
padding-left:35px;
}
.hd1-d2-box .in-a5-code p{
margin-right:30px;
}
.hd1-d2-box .in-a5-code p img:first-child{
width:47px;
}
.hd1-d2-box .in-a5-code p img:last-child {
width: 130px;
height: 130px;
position: absolute;
top: -143px;
left: -42px;
display: none;
}
.hd1-d2-box .in-a5-code p:hover img:last-child{
display:block;
}
.hd1-d2 .hd1-b1-fr-close{
position:absolute;
top:40px;
right:120px;
}
}*/
/*鍏氬缓鏂伴椈*/
@media only screen and (min-width: 1600px) {
.lp-honor-a2-list {
width: 100%;
}
.z-culture {
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 50px;
scrollbar-width: none;
-ms-overflow-style: none;
/* IE 10+ */
}
.z-culture::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
.lp-honor-a2-list .lp-honor-a2-list-line {
width: 50.05%;
padding-left: 50px;
padding-top: 30px;
position: relative;
}
.lp-honor-a2-list .lp-honor-a2-list-line .lp-honor-a2-num {
position: absolute;
top: 0;
left: 0;
font-size: 222px;
line-height: 150px;
color: rgba(86, 86, 86, .12);
font-family: 'BodoniStd';
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-line .lp-honor-a2-num {
right: 100px;
left: auto;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-line {
float: right;
border-left: 1px solid rgba(191, 152, 107, .24);
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-line {
float: left;
border-right: 1px solid rgba(191, 152, 107, .24);
padding-left: 0;
padding-right: 50px;
}
.lp-honor-a2-list .lp-honor-a2-year {
font-size: 16px;
color: #565656;
line-height: 30px;
}
.lp-honor-a2-list .lp-honor-a2-year span {
font-size: 30px;
font-weight: bolder;
font-family: 'BodoniStd';
margin-right: 10px;
}
.lp-honor-a2-list .lp-honor-a2-text {
font-size: 16px;
color: #565656;
line-height: 36px;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan {
width: 80px;
height: 80px;
position: absolute;
top: 22px;
left: -41px;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan1 {
width: 8px;
height: 8px;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan2 {
width: 100%;
height: 100%;
border: 1px solid #c0986b;
border-radius: 50%;
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan {
width: 80px;
height: 80px;
position: absolute;
top: 22px;
right: -40px;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan1 {
width: 8px;
height: 8px;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan2 {
width: 100%;
height: 100%;
border: 1px solid #c0986b;
border-radius: 50%;
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-en {
font-size: 42px;
line-height: 42px;
color: #cc974b;
font-family: 'bigcaslon';
font-weight: bolder;
text-transform: uppercase;
position: absolute;
top: 50px;
left: -282px;
/*font-style:italic;*/
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-en {
font-size: 42px;
line-height: 42px;
color: #cc974b;
font-family: 'bigcaslon';
font-weight: bolder;
text-transform: uppercase;
position: absolute;
top: 50px;
right: -282px;
/*font-style:italic;*/
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-list-en {
opacity: 1;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-num {
opacity: 1;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-list-yuan2 {
opacity: 1;
transition: .5s;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.z-culture-a1 {
width: 100%;
}
.lp-honor-a2-list {
width: 100%;
}
.z-culture {
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 50px;
scrollbar-width: none;
-ms-overflow-style: none;
/* IE 10+ */
}
.z-culture::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
.lp-honor-a2-list .lp-honor-a2-list-line {
width: 50.05%;
padding-left: 50px;
padding-top: 30px;
position: relative;
}
.lp-honor-a2-list .lp-honor-a2-list-line .lp-honor-a2-num {
position: absolute;
top: 0;
left: 0;
font-size: 222px;
line-height: 150px;
color: rgba(86, 86, 86, .12);
font-family: 'BodoniStd';
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-line .lp-honor-a2-num {
right: 100px;
left: auto;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-line {
float: right;
border-left: 1px solid rgba(191, 152, 107, .24);
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-line {
float: left;
border-right: 1px solid rgba(191, 152, 107, .24);
padding-left: 0;
padding-right: 50px;
}
.lp-honor-a2-list .lp-honor-a2-year {
font-size: 16px;
color: #565656;
line-height: 30px;
}
.lp-honor-a2-list .lp-honor-a2-year span {
font-size: 30px;
font-weight: bolder;
font-family: 'BodoniStd';
margin-right: 10px;
}
.lp-honor-a2-list .lp-honor-a2-text {
font-size: 16px;
color: #565656;
line-height: 36px;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan {
width: 80px;
height: 80px;
position: absolute;
top: 22px;
left: -41px;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan1 {
width: 8px;
height: 8px;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan2 {
width: 100%;
height: 100%;
border: 1px solid #c0986b;
border-radius: 50%;
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan {
width: 80px;
height: 80px;
position: absolute;
top: 22px;
right: -40px;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan1 {
width: 8px;
height: 8px;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan2 {
width: 100%;
height: 100%;
border: 1px solid #c0986b;
border-radius: 50%;
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-en {
font-size: 42px;
line-height: 42px;
color: #cc974b;
font-family: 'bigcaslon';
font-weight: bolder;
text-transform: uppercase;
position: absolute;
top: 50px;
left: -282px;
/*font-style:italic;*/
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-en {
font-size: 42px;
line-height: 42px;
color: #cc974b;
font-family: 'bigcaslon';
font-weight: bolder;
text-transform: uppercase;
position: absolute;
top: 50px;
right: -282px;
/*font-style:italic;*/
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-list-en {
opacity: 1;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-num {
opacity: 1;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-list-yuan2 {
opacity: 1;
transition: .5s;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.z-culture-a1 {
width: 100%;
}
.lp-honor-a2-list {
width: 100%;
}
.z-culture {
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 50px;
scrollbar-width: none;
-ms-overflow-style: none;
/* IE 10+ */
}
.z-culture::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
.lp-honor-a2-list .lp-honor-a2-list-line {
width: 50.05%;
padding-left: 40px;
padding-top: 20px;
position: relative;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-line {
float: right;
border-left: 1px solid rgba(191, 152, 107, .24);
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-line {
float: left;
border-right: 1px solid rgba(191, 152, 107, .24);
padding-left: 0;
padding-right: 50px;
}
.lp-honor-a2-list .lp-honor-a2-year {
font-size: 14px;
color: #565656;
line-height: 30px;
}
.lp-honor-a2-list .lp-honor-a2-year span {
font-size: 26px;
font-weight: bolder;
font-family: 'BodoniStd';
margin-right: 10px;
}
.lp-honor-a2-list .lp-honor-a2-text {
font-size: 14px;
color: #565656;
line-height: 36px;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan {
width: 60px;
height: 60px;
position: absolute;
top: 22px;
left: -31px;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan1 {
width: 8px;
height: 8px;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-yuan2 {
width: 100%;
height: 100%;
border: 1px solid #c0986b;
border-radius: 50%;
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan {
width: 60px;
height: 60px;
position: absolute;
top: 22px;
right: -31px;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan1 {
width: 8px;
height: 8px;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-yuan2 {
width: 100%;
height: 100%;
border: 1px solid #c0986b;
border-radius: 50%;
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(odd) .lp-honor-a2-list-en {
font-size: 36px;
line-height: 36px;
color: #cc974b;
font-family: 'bigcaslon';
font-weight: bolder;
text-transform: uppercase;
position: absolute;
top: 35px;
left: -227px;
/*font-style:italic;*/
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:nth-child(even) .lp-honor-a2-list-en {
font-size: 36px;
line-height: 36px;
color: #cc974b;
font-family: 'bigcaslon';
font-weight: bolder;
text-transform: uppercase;
position: absolute;
top: 35px;
right: -227px;
/*font-style:italic;*/
opacity: 0;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-list-en {
opacity: 1;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-num {
opacity: 1;
transition: .5s;
}
.lp-honor-a2-list:hover .lp-honor-a2-list-yuan2 {
opacity: 1;
transition: .5s;
}
}
@media only screen and (max-width: 1023px) {
.z-call {
margin: 0!important;
padding-bottom: 1.3rem;
}
.z-box-a1 .news-a3 {
float: none;
}
.z-box-a1 .news-a4 {
padding-top: 1.55rem;
margin-top: 0;
}
.lp-honor-a2 {
width: 100%;
background: #faf9f7;
padding: .5rem .4rem;
position: relative;
}
.lp-honor-a2 .lp-honor-a2-img {
position: absolute;
left: .1rem;
top: -.37rem;
width: .72rem;
}
.lp-honor-a2-box {
width: 100%;
}
.lp-honor-a2-list {
width: 100%;
}
.lp-honor-a2-list .lp-honor-a2-list-line {
width: 100%;
padding-left: .66rem;
padding-top: .53rem;
position: relative;
}
.lp-honor-a2-list .lp-honor-a2-list-line .lp-honor-a2-num {
display: none;
}
.lp-honor-a2-list .lp-honor-a2-list-line {
border-left: 1px solid rgba(191, 152, 107, .24);
}
.lp-honor-a2-list .lp-honor-a2-year {
font-size: .22rem;
color: #565656;
line-height: .36rem;
margin-bottom: .3rem;
}
.lp-honor-a2-list .lp-honor-a2-year span {
font-size: .36rem;
font-weight: bolder;
font-family: 'BodoniStd';
margin-right: .1rem;
}
.lp-honor-a2-list .lp-honor-a2-text {
font-size: .26rem;
color: #565656;
line-height: .46rem;
}
.lp-honor-a2-list .lp-honor-a2-list-yuan1 {
width: .12rem;
height: .12rem;
background: #c0986b;
border-radius: 50%;
position: absolute;
top: .7rem;
left: -.07rem;
}
.lp-honor-a2-list .lp-honor-a2-list-yuan2 {
display: none;
}
.lp-honor-a2-list .lp-honor-a2-list-en {
display: none;
}
}
/*涓嬫媺瀵艰埅鏂�*/
@media only screen and (min-width: 1600px) {
.main-nav1.show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 9999;
pointer-events: auto;
}
.main-nav1 {
-webkit-transition: all 0.3s;
-webkit-transform: scale(1.1);
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
pointer-events: none;
}
.main-nav2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 36px;
}
.main-nav2 div {
background: #fdfcfb;
width: 100%;
height: 100%;
}
.main-nav {
position: fixed;
background: #fff;
left: 36px;
top: 36px;
bottom: 36px;
right: 36px;
background-image: url(../img/mnav-bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
z-index: 99999;
}
.main-logo {
width: 100px;
position: absolute;
top: 55px;
left: 50%;
transform: translate(-50%);
}
.main-logo>img {
width: 100%;
}
.head-fr-a3 {
width: 45px;
height: 40px;
cursor: pointer;
position: absolute;
right: 50px;
top: 65px;
cursor: pointer;
transition: .5s;
}
/* .head-fr-a3::before {
content: "";
position: absolute;
width: 60%;
height: 2px;
background: #c1ab87;
left: 0;
top: calc(50% + 7px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.head-fr-a3::after {
content: "";
width:80%;
height: 2px;
background: #c1ab87;
left: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
}
.head-fr-a3::after, .head-fr-a3::before {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.head-fr-a3.active::before {
top: 50%;
width: 100%;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.head-fr-a3.active::after {
width: 100%;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.head-fr-a3.active:hover{
transform: rotate(180deg);
transition: .5s;
} */
.main-close:hover {
transform: rotate(180deg);
transition: .5s;
}
/* .main-close {
transition: .5s;
} */
/* .main-close {
width: 30px;
height: 30px;
position: absolute;
right: 50px;
top: 55px;
cursor: pointer;
} */
.main-close>div {
width: 45px;
height: 2px;
background: #c1ab87;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main-close>div:nth-child(1) {
transform: rotate(45deg);
}
.main-close>div:nth-child(2) {
transform: rotate(135deg);
}
.main-nav-box {
width: 100%;
padding-top: 220px;
}
.main-nav-list {
width: calc(100% / 7);
float: left;
cursor: pointer;
}
.main-nav-list:hover .main-nav-a1 img:last-child {
display: block;
}
.main-nav-list:hover .main-nav-a1 img:first-child {
display: none;
}
.main-nav-list:last-child {
margin-right: 0;
}
.main-nav-a1 {
width: 40px;
margin: 0 auto 20px;
}
.main-nav-a1 img:last-child {
display: none;
}
.main-nav-a2 {
color: #8d7752;
font-size: 24px;
line-height: 24px;
margin-bottom: 37px;
text-align: center;
font-weight: bolder;
}
.main-nav-a4 {
display: block;
text-align: center;
font-size: 16px;
color: #b8a17a;
margin-bottom: 40px;
line-height: 16px;
}
.main-nav-a4:hover a {
text-decoration: underline;
}
.main-year {
width: 100%;
position: absolute;
bottom: 30px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-year>div:nth-child(1) {
font-size: 133px;
line-height: 133px;
font-family: 'Cormorant Garamond';
color: #b7a078;
}
.main-year>div:nth-child(2) {
font-size: 24px;
line-height: 24px;
font-family: 'Cormorant Garamond';
color: #b7a078;
padding-top: calc(133px/2 - 24px/2);
}
.main-nav .ft1-a10 {
width: 52px;
margin-right: 13px;
}
.main-nav .ft1-a9 {
position: absolute;
bottom: 45px;
left: 50%;
transform: translate(-50%);
}
.main-nav .ft1-a11 {
width: 52px;
height: 52px;
}
.main-nav .ft1-a11 img {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.main-nav1.show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 9999;
pointer-events: auto;
}
.main-nav1 {
-webkit-transition: all 0.3s;
-webkit-transform: scale(1.1);
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
pointer-events: none;
}
.main-nav2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 36px;
}
.main-nav2 div {
background: #fdfcfb;
width: 100%;
height: 100%;
}
.main-nav {
position: fixed;
background: #fff;
left: 36px;
top: 36px;
bottom: 36px;
right: 36px;
background-image: url(../img/mnav-bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
z-index: 99999;
}
.main-logo {
width: 100px;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
.main-logo>img {
width: 100%;
}
.main-close {
width: 30px;
height: 30px;
position: absolute;
right: 50px;
top: 55px;
cursor: pointer;
}
.main-close>div {
width: 45px;
height: 2px;
background: #c1ab87;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main-close>div:nth-child(1) {
transform: rotate(45deg);
}
.main-close>div:nth-child(2) {
transform: rotate(135deg);
}
.main-nav-box {
width: 100%;
padding-top: 220px;
}
.main-nav-list {
width: calc(100% / 7);
float: left;
cursor: pointer;
}
.main-nav-list:hover .main-nav-a1 img:last-child {
display: block;
}
.main-nav-list:hover .main-nav-a1 img:first-child {
display: none;
}
.main-nav-list:last-child {
margin-right: 0;
}
.main-nav-a1 {
width: 40px;
margin: 0 auto 20px;
}
.main-nav-a1 img:last-child {
display: none;
}
.main-nav-a2 {
color: #8d7752;
font-size: 24px;
line-height: 24px;
margin-bottom: 37px;
text-align: center;
font-weight: bolder;
}
.main-nav-a4 {
display: block;
text-align: center;
font-size: 16px;
color: #b8a17a;
margin-bottom: 40px;
line-height: 16px;
}
.main-nav-a4:hover a {
text-decoration: underline;
}
.main-year {
width: 100%;
position: absolute;
bottom: 60px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-year>div:nth-child(1) {
font-size: 133px;
line-height: 133px;
font-family: 'Cormorant Garamond';
color: #b7a078;
}
.main-year>div:nth-child(2) {
font-size: 24px;
line-height: 24px;
font-family: 'Cormorant Garamond';
color: #b7a078;
padding-top: calc(133px/2 - 24px/2);
}
.main-nav .ft1-a10 {
width: 52px;
margin-right: 13px;
}
.main-nav .ft1-a9 {
position: absolute;
bottom: 45px;
left: 50%;
transform: translate(-50%);
}
.main-nav .ft1-a11 {
width: 52px;
height: 52px;
}
.main-nav .ft1-a11 img {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.main-nav1.show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 9999;
pointer-events: auto;
}
.main-nav1 {
-webkit-transition: all 0.3s;
-webkit-transform: scale(1.1);
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
pointer-events: none;
}
.main-nav2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 36px;
}
.main-nav2 div {
background: #fdfcfb;
width: 100%;
height: 100%;
}
.main-nav {
position: fixed;
background: #fff;
left: 36px;
top: 36px;
bottom: 36px;
right: 36px;
background-image: url(../img/mnav-bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
z-index: 99999;
}
.main-logo {
width: 100px;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
.main-logo>img {
width: 100%;
}
.main-close {
width: 30px;
height: 30px;
position: absolute;
right: 50px;
top: 55px;
cursor: pointer;
}
.main-close>div {
width: 45px;
height: 2px;
background: #c1ab87;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main-close>div:nth-child(1) {
transform: rotate(45deg);
}
.main-close>div:nth-child(2) {
transform: rotate(135deg);
}
.main-nav-box {
width: 100%;
padding-top: 220px;
}
.main-nav-list {
width: calc(100% / 7);
float: left;
cursor: pointer;
}
.main-nav-list:hover .main-nav-a1 img:last-child {
display: block;
}
.main-nav-list:hover .main-nav-a1 img:first-child {
display: none;
}
.main-nav-list:last-child {
margin-right: 0;
}
.main-nav-a1 {
width: 40px;
margin: 0 auto 20px;
}
.main-nav-a1 img:last-child {
display: none;
}
.main-nav-a2 {
color: #8d7752;
font-size: 24px;
line-height: 24px;
margin-bottom: 37px;
text-align: center;
font-weight: bolder;
}
.main-nav-a4 {
display: block;
text-align: center;
font-size: 16px;
color: #b8a17a;
margin-bottom: 40px;
line-height: 16px;
}
.main-nav-a4:hover a {
text-decoration: underline;
}
.main-year {
width: 100%;
position: absolute;
bottom: 60px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-year>div:nth-child(1) {
font-size: 133px;
line-height: 133px;
font-family: 'Cormorant Garamond';
color: #b7a078;
}
.main-year>div:nth-child(2) {
font-size: 24px;
line-height: 24px;
font-family: 'Cormorant Garamond';
color: #b7a078;
padding-top: calc(133px/2 - 24px/2);
}
.main-nav .ft1-a10 {
width: 52px;
margin-right: 13px;
}
.main-nav .ft1-a9 {
position: absolute;
bottom: 45px;
left: 50%;
transform: translate(-50%);
}
.main-nav .ft1-a11 {
width: 52px;
height: 52px;
}
.main-nav .ft1-a11 img {
width: 100%;
height: 100%;
}
}
/*鍥剧墖鐐瑰嚮*/
@media only screen and (min-width: 1600px) {
.popub-sum {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.popub-sum-a1 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.popub-sum-a2 {
width: 1360px;
height: calc(1360px/16*9);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.popub-sum-a2>img {
width: 100%;
}
.popub-sum-a3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
}
.popub-sum-a4 {
position: absolute;
width: 61px;
height: 61px;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
left: -70px;
margin: 0;
top: 50%;
opacity: 1;
}
.popub-sum-a4:hover {
background-image: url("../img/z14.png");
}
.popub-sum-a5 {
position: absolute;
width: 61px;
height: 61px;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
right: -70px;
margin: 0;
top: 50%;
opacity: 1;
}
.popub-sum-a5:hover {
background-image: url("../img/z15.png");
}
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.popub-sum {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.popub-sum-a1 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.popub-sum-a2 {
width: 1200px;
height: calc(1200px/16*9);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.popub-sum-a2>img {
width: 100%;
}
.popub-sum-a3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
}
.popub-sum-a4 {
position: absolute;
width: 61px;
height: 61px;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
left: -70px;
margin: 0;
top: 50%;
opacity: 1;
}
.popub-sum-a4:hover {
background-image: url("../img/z14.png");
}
.popub-sum-a5 {
position: absolute;
width: 61px;
height: 61px;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
right: -70px;
margin: 0;
top: 50%;
opacity: 1;
}
.popub-sum-a5:hover {
background-image: url("../img/z15.png");
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.popub-sum {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
overflow: hidden;
z-index: 9999;
background: rgba(0, 0, 0, .4);
}
.popub-sum-a1 {
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
}
.popub-sum-a2 {
width: 1000px;
height: calc(1000px/16*9);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.popub-sum-a2>img {
width: 100%;
}
.popub-sum-a3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
}
.popub-sum-a4 {
position: absolute;
width: 61px;
height: 61px;
background-image: url(../img/z17.png);
background-size: 100% 100%;
outline: none;
left: -70px;
margin: 0;
top: 50%;
opacity: 1;
}
.popub-sum-a4:hover {
background-image: url("../img/z14.png");
}
.popub-sum-a5 {
position: absolute;
width: 61px;
height: 61px;
background-image: url(../img/z16.png);
background-size: 100% 100%;
outline: none;
right: -70px;
margin: 0;
top: 50%;
opacity: 1;
}
.popub-sum-a5:hover {
background-image: url("../img/z15.png");
}
}
/* sousuo */
@media only screen and (min-width: 1600px) {
.sou-a1 {
width: 100%;
height: 100%;
padding-top: 236px;
text-align: center;
}
.sou-a2 {
font-size: 48px;
color: #8d7752;
font-weight: bold;
margin-bottom: 90px;
}
.sou-a3 {
width: 896px;
margin: 0 auto;
padding: 0 13px 30px;
border-bottom: 2px solid #b8a17a;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.sou-a3 img {
width: 28px;
}
.sou-a3 input {
width: 500px;
font-size: 16px;
color: #b8a17a;
}
.sou-a4 {
width: 896px;
margin: 0 auto;
padding: 0 13px;
text-align: left;
}
.sou-a4 span {
font-size: 18px;
color: #b8a17a;
font-weight: bold;
margin-right: 27px;
}
.sou-a4 a {
font-size: 16px;
color: #b8a17a;
margin-right: 25px;
}
.main-nav22 {
-webkit-transition: all 0.3s;
-webkit-transform: scale(1.1);
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
pointer-events: none;
}
.main-nav22.show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 9999;
pointer-events: auto;
}
.sou-a3 input::placeholder {
color: #b8a17a;
}
/* .main-close:hover {
transform: rotate(180deg);
transition: .5s;
}
.main-close {
transition: .5s;
} */
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
.main-close:hover {
transform: rotate(180deg);
transition: .5s;
}
.main-close {
transition: .5s;
}
.sou-a1 {
width: 100%;
height: 100%;
padding-top: 190px;
text-align: center;
}
.sou-a2 {
font-size: 46px;
color: #8d7752;
font-weight: bold;
margin-bottom: 70px;
}
.sou-a3 {
width: 896px;
margin: 0 auto;
padding: 0 13px 30px;
border-bottom: 2px solid #b8a17a;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.sou-a3 img {
width: 28px;
}
.sou-a3 input {
width: 500px;
font-size: 16px;
color: #b8a17a;
}
.sou-a4 {
width: 896px;
margin: 0 auto;
padding: 0 13px;
text-align: left;
}
.sou-a4 span {
font-size: 18px;
color: #b8a17a;
font-weight: bold;
margin-right: 27px;
}
.sou-a4 a {
font-size: 16px;
color: #b8a17a;
margin-right: 25px;
}
.main-nav22 {
-webkit-transition: all 0.3s;
-webkit-transform: scale(1.1);
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
pointer-events: none;
}
.main-nav22.show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 9999;
pointer-events: auto;
}
.sou-a3 input::placeholder {
color: #b8a17a;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
.main-close:hover {
transform: rotate(180deg);
transition: .5s;
}
.main-close {
transition: .5s;
}
.sou-a1 {
width: 100%;
height: 100%;
padding-top: 150px;
text-align: center;
}
.sou-a2 {
font-size: 40px;
color: #8d7752;
font-weight: bold;
margin-bottom: 50px;
}
.sou-a3 {
width: 600px;
margin: 0 auto;
padding: 0 13px 30px;
border-bottom: 2px solid #b8a17a;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.sou-a3 img {
width: 28px;
}
.sou-a3 input {
width: 300px;
font-size: 16px;
color: #b8a17a;
}
.sou-a4 {
width: 600px;
margin: 0 auto;
padding: 0 13px;
text-align: left;
}
.sou-a4 span {
font-size: 18px;
color: #b8a17a;
font-weight: bold;
margin-right: 27px;
}
.sou-a4 a {
font-size: 16px;
color: #b8a17a;
margin-right: 25px;
}
.main-nav22 {
-webkit-transition: all 0.3s;
-webkit-transform: scale(1.1);
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
pointer-events: none;
}
.main-nav22.show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 9999;
pointer-events: auto;
}
.sou-a3 input::placeholder {
color: #b8a17a;
}
}
@media only screen and (max-width: 1023px) {
.hd2-b112 {
background-color: #f2efe8;
background-image: url(../img/a03.png);
background-repeat: repeat;
}
.hd2-b112.on1 {
top: 0;
transition: 1s;
}
.hd2-b112 {
width: 100%;
height: 100%;
position: fixed;
top: -100%;
left: 0;
transition: 1s;
z-index: 11;
}
.sou-a1 {
width: 100%;
height: 100%;
padding-top: 2rem;
text-align: center;
}
.sou-a2 {
font-size: .48rem;
color: #8d7752;
/* font-weight: lighter; */
margin-bottom: 1.2rem;
}
.sou-a3 {
width: 80%;
margin: 0 auto;
padding: 0 .3rem .3rem;
border-bottom: 1px solid #b8a17a;
display: flex;
justify-content: space-between;
margin-bottom: .6rem;
}
.sou-a3 img {
width: .28rem;
}
.sou-a3 input {
width: 3.6rem;
font-size: .26rem;
color: #b8a17a;
}
.sou-a3 input::placeholder {
color: #b8a17a;
}
.sou-a4 {
width: 80%;
margin: 0 auto;
padding: 0 .3rem;
text-align: left;
}
.sou-a4 span {
font-size: .3rem;
color: #b8a17a;
font-weight: bold;
margin-right: .2rem;
}
.sou-a4 a {
font-size: .24rem;
color: #b8a17a;
margin-right: .2rem;
}
}