/* Eric Meyer's Reset CSS v2.0 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
box-sizing: border-box;
}
input,
textarea {
outline: none;
font-family: 'PingFang SC';
}
/* HTML5显示角色重置 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
overflow-x: hidden;
background: #fff;
font-family: 'PingFang SC';
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.font20 {
font-size: .2rem !important;
}
.font24 {
font-size: .24rem !important;
}
.mt5 {
margin-top: .05rem !important;
}
.mt10 {
margin-top: .1rem !important;
}
.mt30 {
margin-top: .3rem !important;
}
.mt50 {
margin-top: .5rem !important;
}
.mt60 {
margin-top: .6rem !important;
}
.pt50 {
padding-top: .5rem !important;
}
.pb50 {
padding-bottom: .5rem !important;
}
.mlr30 {
margin-left: .3rem !important;
margin-right: .3rem !important;
}
.mlr50 {
margin-left: 0 .5rem !important;
margin-right: 0 .5rem !important;
}
.plr50 {
padding-left: .5rem !important;
padding-right: .5rem !important;
}
.bold {
font-weight: 600 !important;
}
.bgf7 {
background: #F7F7F7 !important;
}
.bgred {
background-color: #E30D01 !important;
}
.bgwhite {
background-color: #fff !important;
}
.colorwhite {
color: #fff !important;
}
.colorred {
color: #E30D01 !important;
}
@font-face {
font-family: 'myAcum';
src: url('../font/AcuminVariableConcept.otf') format('otf');
}
@font-face {
font-family: 'mySongStd';
src: url('../font/AdobeSongStd-Light.otf') format('otf');
}
@font-face {
font-family: 'myAthene';
src: url('../font/Athene Voyage.woff2') format('woff2'),
/* WOFF2格式，现代浏览器支持 */
url('../font/Athene Voyage.woff') format('woff'),
/* WOFF格式，兼容性较好 */
url('../font/Athene Voyage.otf') format('otf');
}
.bg {
background: url('../images/bgy.png') repeat-y;
background-size: 100% auto;
height: auto;
overflow: hidden;
}
.header {
margin: .88rem 0 0 1rem;
height: auto;
overflow: hidden;
background: url('../images/bg1.png') no-repeat;
background-size: 100%;
}
.header_logo {
display: flex;
align-items: center;
}
.header_logo .y_logo {
width: 2.2rem;
height: .86rem;
}
.header_logo .y_menu {
height: .8rem;
align-items: center;
flex: 1;
margin-left: 1rem;
display: flex;
font-size: .35rem;
border-bottom: 0.02rem solid #fff;
font-family: 'myAcum';
font-weight: 300;
}
.header_logo .y_menu .y_menu_item {
text-align: center;
margin-right: 1.15rem;
font-size: .35rem;
color: #fff;
}
.header_logo .y_menu .y_menu_ord {
margin-left: auto;
margin-right: 1.28rem;
width: 1.82rem;
height: .5rem;
line-height: .45rem;
text-align: center;
border-radius: .25rem;
color: #fff;
font-size: .35rem;
background: #c69c6d;
}
.header_logo .y_menu .y_menu_ord a{
color: #fff;
}
/* 普通菜单项样式 */
.y_menu_item {
color: #333;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
position: relative;
padding: 0.5rem 0;
transition: color 0.3s ease;
}
.y_menu_item a {
color: inherit;
/* 继承父容器文字颜色，避免默认蓝色 */
text-decoration: none;
/* 去掉默认下划线 */
display: block;
/* 让占满父容器宽度/高度 */
padding: 0.5rem 0;
/* 和父容器的下划线空间匹配 */
width: 100%;
height: 100%;
}
/* 菜单项悬停文字颜色 */
.y_menu_item:hover {
color: #c69c6d !important;
}
/* 菜单项下划线动效 */
/* .y_menu_item::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #c69c6d !important;
transition: width 0.3s ease !important;
} */
.y_menu_item:hover::after {
width: 100%;
}
/* 特殊按钮（ORDINA）样式 */
.y_menu_ord {
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
}
/* 特殊按钮悬停效果 */
.y_menu_ord:hover {
background-color: #fff;
color: #c69c6d;
border-color: #c69c6d;
transform: translateY(-2px);
/* 轻微上移，增加立体感 */
box-shadow: 0 4px 12px rgba(230, 57, 70, 0.2);
}
.y_headtitle {
margin-top: 1.2rem;
font-size: 1.5rem;
color: #c69c6d;
font-family: 'myAthene';
}
.y_headtitle img {
width: 9.96rem;
height: 1.08rem;
}
.y_headmenu {
margin-top: 1.65rem;
height: 3rem;
border-left: 1px solid #c69c6d;
overflow: hidden;
margin-bottom: .9rem;
}
.y_headmenu .y_headmenu_item {
width: 2.8rem;
height: .65rem;
line-height: .65rem;
text-align: center;
font-size: .25rem;
background: #c69c6d;
color: #fff;
font-family: 'myAcum';
margin: .28rem 0 .28rem .6rem;
}
.y_headmenu_item a {
color: inherit;
/* 继承父容器文字颜色，避免默认蓝色 */
text-decoration: none;
/* 去掉默认下划线 */
display: block;
/* 让占满父容器宽度/高度 */
}
/* 基础样式（先给元素设置基础外观，再叠加动画） */
.y_headtitle {
/* 动画相关基础设置 */
opacity: 0;
/* 初始透明 */
transform: translateY(20px);
/* 初始向下偏移 */
animation: fadeUp 0.8s ease forwards;
/* 绑定动画 */
animation-delay: 0.2s;
/* 延迟0.2秒执行 */
}
.y_headmenu_item {
/* 动画相关基础设置 */
opacity: 0;
/* 初始透明 */
transform: translateY(20px);
/* 初始向下偏移 */
animation: fadeUp 0.8s ease forwards;
/* 绑定动画 */
}
/* 给每个子菜单项设置不同延迟，依次出场 */
.y_headmenu_item:nth-child(1) {
animation-delay: 0.4s;
}
.y_headmenu_item:nth-child(2) {
animation-delay: 0.6s;
}
.y_headmenu_item:nth-child(3) {
animation-delay: 0.8s;
}
/* 子菜单项悬停效果（可选，增强交互） */
/* .y_headmenu_item:hover {
border-bottom-color: #c69c6d;
} */
.y_headmenu_item:hover {
background-color: #fff;
color: #c69c6d;
border-color: #c69c6d;
transform: translateY(-2px);
/* 轻微上移，增加立体感 */
box-shadow: 0 4px 12px rgba(230, 57, 70, 0.2);
}
.y_headmenu_item {
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
}
/* 定义核心动画：淡入+上滑 */
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.y_cont2 {
height: auto;
overflow: hidden;
padding-top: .5rem;
padding-bottom: .3rem;
background: url('../images/bg2.png') no-repeat;
background-size: 100%
}
.y_cont2_title {
text-align: center;
height: auto;
overflow: hidden;
font-size: 1.29rem;
color: #c69c6d;
font-family: 'myAthene';
position: relative;
}
.y_cont2_title::before {
position: absolute;
content: '';
width: 6.67rem;
height: .02rem;
max-height: 2px;
background: #c69c6d;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.y_cont2_title img {
width: 6.61rem;
height: 1.24rem;
vertical-align: top;
}
.y_cont2_info {
height: auto;
overflow: hidden;
text-align: center;
font-size: .3rem;
color: #c69c6d;
font-family: 'myAcum';
line-height: .3rem;
}
.y_cont2_info .y_cont_mt {
margin-top: .38rem;
}
.y_cont2_video {
width: 7.85rem;
height: 4.66rem;
margin: .3rem auto 0;
}
.y_cont2_title {
/* 动画基础设置 */
opacity: 0;
transform: translateY(20px);
animation: fadeUp 0.8s ease forwards;
animation-delay: 0.2s;
}
/* 文本段落的动画（逐行渐入） */
.y_cont2_info p {
opacity: 0;
transform: translateY(15px);
animation: fadeUpLite 0.6s ease forwards;
/* 先统一隐藏，后续通过nth-child设置不同延迟 */
}
/* 给每个文本段落设置递增延迟，实现逐行渐入 */
.y_cont2_info p:nth-child(1) {
animation-delay: 0.4s;
}
.y_cont2_info p:nth-child(2) {
animation-delay: 0.6s;
}
.y_cont2_info p:nth-child(3) {
animation-delay: 0.7s;
}
.y_cont2_info p:nth-child(4) {
animation-delay: 0.8s;
}
.y_cont2_info p:nth-child(5) {
animation-delay: 1.0s;
}
.y_cont2_info p:nth-child(6) {
animation-delay: 1.1s;
}
.y_cont2_info p:nth-child(7) {
animation-delay: 1.2s;
}
.y_cont2_info p:nth-child(8) {
animation-delay: 1.3s;
}
.y_cont2_video {
/* 视频容器动画 */
opacity: 0;
transform: translateX(20px) scale(0.95);
animation: fadeInRight 0.8s ease forwards;
animation-delay: 0.8s;
}
.y_cont2_video video:hover {
transform: scale(1.02);
/* 鼠标悬浮视频轻微放大 */
}
/* 定义核心动画：淡入上滑（标题/文本） */
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 轻量版淡入上滑（文本专用，更柔和） */
@keyframes fadeUpLite {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 淡入右滑（视频专用） */
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.y_cont3 {
height: auto;
overflow: hidden;
padding-top: .88rem;
padding-bottom: 5.16rem;
background: url('../images/bg3.png') no-repeat;
background-size: 100%;
}
.y_cont3 .y_cont3_img {
height: 4.69rem;
display: flex;
justify-content: center;
}
.y_cont3 .y_cont3_img .y_cont3_img_item1 {
width: 3.5rem;
height: 4.69rem;
margin: 0 .26rem;
}
.y_cont3 .y_cont3_img .y_cont3_img_item2 {
width: 6.23rem;
height: 4.69rem;
margin: 0 .26rem;
}
/* 图片基础样式 + 动画初始状态 */
.y_cont3_img_item1,
.y_cont3_img_item2 {
/* 动画初始状态：透明+缩放+偏移 */
opacity: 0;
transform: scale(0.9) translateY(30px);
animation: imgFadeIn 1s ease forwards;
}
/* 差异化动画延迟 + 偏移方向，营造错落感 */
/* 第一张图：从左下滑入，延迟0.3s */
.y_cont3_img_item1:first-child {
transform: scale(0.9) translate(10px, 30px);
animation-delay: 0.3s;
}
/* 中间图：放大+淡入，延迟0.6s（突出核心） */
.y_cont3_img_item2 {
transform: scale(0.85);
/* 初始缩放更小，效果更明显 */
animation-delay: 0.6s;
/* 中间图略大一点，突出视觉中心 */
}
/* 第三张图：从右下滑入，延迟0.9s */
.y_cont3_img_item1:last-child {
transform: scale(0.9) translate(-10px, 30px);
animation-delay: 0.9s;
}
/* 图片悬浮效果（可选，增强交互） */
.y_cont3_img_item1:hover,
.y_cont3_img_item2:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
transition: all 0.3s ease;
}
/* 定义核心图片入场动画：淡入+缩放+上滑 */
@keyframes imgFadeIn {
from {
opacity: 0;
/* 初始状态由各自的transform定义 */
}
to {
opacity: 1;
transform: scale(1) translate(0, 0);
/* 恢复原尺寸和位置 */
}
}
.y_cont4 {
height: auto;
overflow: hidden;
padding-top: 1.3rem;
padding-bottom: .84rem;
background: url('../images/bg4.png') no-repeat;
background-size: 100%;
}
.y_cont4_title {
text-align: center;
height: auto;
overflow: hidden;
font-size: 1.29rem;
color: #c69c6d;
font-family: 'myAthene';
}
.y_cont4_title img {
width: 11.25rem;
height: .94rem;
vertical-align: top;
}
.y_cont4_info {
margin-top: 1.3rem;
height: auto;
overflow: hidden;
display: flex;
font-family: 'myAcum';
margin-left: 2rem;
margin-right: 2rem;
}
.y_cont4_info .y_cont4_item:nth-child(1) {
border-right: 1px solid #c69c6d;
}
.y_cont4_info .y_cont4_item {
height: 6rem;
width: 50%;
}
.y_cont4_info .y_cont4_item .y_cont4_ititle {
font-size: .45rem;
color: #fff;
margin: 0 auto;
text-align: center;
}
.y_cont4_info .y_cont4_item .y_cont4_itprice {
font-size: 1rem;
color: #c69c6d;
margin: .2rem auto 0;
text-align: center;
font-family: 'myAthene';
}
.y_cont4_info .y_cont4_item .y_cont4_icont {
font-size: .3rem;
color: #fff;
margin: .2rem auto 0;
text-align: center;
line-height: .35rem;
font-weight: 300;
}
.y_cont4_info .y_cont4_item .y_cont4_iday {
font-size: .35rem;
color: #fff;
margin: .2rem auto 0;
text-align: center;
line-height: .32rem;
font-weight: 400;
}
.y_cont4_info .y_cont4_item .y_cont4_ibtn {
font-size: .3rem;
color: #fff;
margin: 1.15rem auto 0;
text-align: center;
font-weight: 300;
width: 4.38rem;
height: .8rem;
line-height: .8rem;
background: #c69c6d;
}
/* 标题样式 + 入场动画 */
.y_cont4_title {
/* 动画初始状态 */
opacity: 0;
transform: translateY(20px);
animation: fadeUp 0.8s ease forwards;
animation-delay: 0.2s;
}
/* 套餐卡片样式 + 入场动画 */
.y_cont4_item {
/* 动画初始状态 */
opacity: 0;
transform: translateY(30px) scale(0.98);
animation: cardFadeIn 1s ease forwards;
}
/* 两个卡片差异化延迟 */
.y_cont4_item:first-child {
animation-delay: 0.5s;
}
.y_cont4_item:last-child {
animation-delay: 0.8s;
}
/* 按钮样式 + 交互动画 */
.y_cont4_ibtn {
cursor: pointer;
transition: all 0.3s ease;
transform: translateY(0);
box-shadow: 0 4px 8px rgba(198, 156, 109, 0.15);
}
/* 按钮悬停效果 */
.y_cont4_ibtn:hover {
background-color: #b58b5e;
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(198, 156, 109, 0.25);
}
/* 卡片悬浮轻微动效（增强交互） */
.y_cont4_item:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
transition: all 0.4s ease;
}
/* 核心动画定义 */
/* 标题淡入上滑 */
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 卡片淡入上滑+轻微缩放 */
@keyframes cardFadeIn {
from {
opacity: 0;
transform: translateY(30px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.y_cont5 {
height: auto;
overflow: hidden;
padding-top: 1rem;
padding-bottom: .72rem;
background: url('../images/bgy.png') no-repeat;
background-size: 100%;
}
.y_cont5_title {
text-align: center;
height: 2.99rem;
padding-bottom: .62rem;
overflow: hidden;
margin-left: 2.18rem;
margin-right: 2.18rem;
border-bottom: 0.02rem solid #fff;
}
.y_cont5_title img {
width: 4.08rem;
height: 2.37rem;
vertical-align: top;
}
.y_cont5_copy {
text-align: center;
margin-top: .9rem;
color: #fff;
font-size: .3rem;
font-family: 'myAcum';
font-weight: 300;
}
.y_cont5_btn {
width: 3.86rem;
height: .8rem;
line-height: .75rem;
text-align: center;
color: #fff;
font-size: .35rem;
background: #c69c6d;
margin: .9rem auto 0;
}
.y_cont5_cor {
text-align: center;
margin-top: .4rem;
color: #fff;
font-size: .4rem;
font-family: 'myAcum';
font-weight: bold;
}
.y_cont5_info {
margin-top: .4rem;
color: #fff;
font-size: .4rem;
font-family: 'myAcum';
font-weight: bold;
}
.y_cont5_info .y_cont5_info_item {
display: flex;
align-items: center;
justify-content: center;
}
.y_cont5_info .y_cont5_info_tel {
display: flex;
align-items: center;
}
.y_cont5_info .y_cont5_info_title {
width: 5rem;
}
.y_cont5_info .y_cont5_info_tel {
margin-left: .4rem;
}
.y_cont5_info .y_cont5_info_tel img {
margin-right: .1rem;
width: .46rem;
height: .45rem;
}
/* 标题容器 - 初始隐藏 + 过渡动画 */
.y_cont5_title {
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease;
}
/* 地址文本 - 初始隐藏 + 过渡动画 */
.y_cont5_cor {
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease 0.2s;
/* 延迟0.2s */
}
/* 信息项 - 初始隐藏 + 过渡动画 */
.y_cont5_info_item {
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease;
}
/* 两个信息项差异化延迟 */
.y_cont5_info_item:first-child {
transition-delay: 0.4s;
}
.y_cont5_info_item:last-child {
transition-delay: 0.6s;
}
/* 按钮样式 + 交互效果 - 初始隐藏 + 过渡动画 */
.y_cont5_btn {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease 0.8s;
/* 延迟0.8s */
}
.y_cont5_btn:hover {
background-color: #b58b5e;
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(198, 156, 109, 0.2);
}
/* 版权文本 - 初始隐藏 + 过渡动画 */
.y_cont5_copy {
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease 1s;
/* 延迟1s */
}
/* 动画激活类 - 滚动到区域时添加 */
.y_cont5.animate .y_cont5_title,
.y_cont5.animate .y_cont5_cor,
.y_cont5.animate .y_cont5_info_item,
.y_cont5.animate .y_cont5_btn,
.y_cont5.animate .y_cont5_copy {
opacity: 1;
transform: translateY(0);
}
.pcShow {
display: block;
}
.wapShow {
display: none;
}
.yw_bg2 {
background: transparent;
}
.yw_title_cont {
color: #c69c6d;
font-size: .78rem;
text-align: center;
font-family: 'myAthene';
margin-top: .5rem;
position: relative;
padding-bottom: .2rem;
}
.yw_title_cont::after {
content: '';
position: absolute;
bottom: 0;
left: 2.18rem;
right: 2.18rem;
margin: auto;
height: 1px;
background: #c69c6d;
}
.yw_map {
padding-bottom: .5rem;
display: flex;
align-items: center;
justify-content: center;
}
.yw_map_img {
width: 9.12rem;
height: auto;
vertical-align: top;
}
.yw_contact {
margin-top: .9rem;
position: relative;
}
.yw_contact {
text-align: center;
}
.yw_contact img {
width: 40%;
}
.yw_contact_logo {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 2.5rem;
height: 2.37rem;
}
.yw_contact_logo img {
width: 2.5rem;
height: auto;
}
.yw_cont2 {
height: auto;
overflow: hidden;
color: #fff;
width: 6.4rem;
margin: 0px auto;
font-size: .22rem;
/* margin-left: .45rem;
margin-right: .40rem; */
padding: .3rem 0 .5rem;
}
.yw_cont2 label {
display: block;
margin-top: .24rem;
}
.yw_cont2_top {
display: flex;
flex-wrap: wrap;
}
.yw_cont2_top .yw_cont2_time {
width: 2.7rem;
margin-top: .24rem;
margin: 0 .25rem;
}
.yw_cont2_top .yw_cont2_put {
width: 2.7rem;
background: transparent;
border: 1px solid #b28d64;
height: .4rem;
line-height: .4rem;
font-size: .2rem;
color: #fff;
margin-top: .1rem;
}
.yw_cont2_bot {
margin: 0 .25rem;
}
.yw_cont2_bot .yw_cont2_area {
width: 5.93rem;
background: transparent;
border: 1px solid #b28d64;
height: 1.14rem;
line-height: .4rem;
font-size: .2rem;
color: #fff;
margin-top: .1rem;
}
.yw_cont2_radia {
margin: 0.3rem .25rem 0 .25rem;
display: flex;
align-items: flex-start;
}
.yw_cont2_radia .yw_cont2_ra {
margin-top: .07rem;
margin-right: .1rem;
}
.yw_cont2_btn {
margin: .43rem .25rem 0 .25rem;
display: flex;
align-items: center;
justify-content: center;
}
.yw_cont2_btn .yw_button {
margin: 0 .25rem;
width: 1.16rem;
height: .34rem;
line-height: .34rem;
background: #c69c6d;
color: #fff;
font-size: .23rem;
border: 0;
border-radius: .2rem;
}
.y_cont11{
height: 10.8rem;
overflow: hidden;
background: url(../images/img4.png) no-repeat top center;
background-size: 100%;
}
.y_cont11_bg{
width: 11.04rem;
height: 6.86rem;
margin: 2rem auto 0;
overflow: hidden;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transform: translateY(20px);
animation: fadeUp 0.8s ease forwards;
animation-delay: 0.2s;
}
.y_cont11_title{
text-align: center;
height: auto;
overflow: hidden;
font-size: 1.29rem;
color: #c69c6d;
font-family: 'myAthene';
margin-top: .67rem;
opacity: 0;
transform: translateY(20px);
animation: fadeUp 0.8s ease forwards;
animation-delay: 0.2s;
}
.y_cont11_title2{
text-align: center;
height: auto;
overflow: hidden;
font-size: .45rem;
color: #fff;
font-family: 'myAcum';
margin-top: -.3rem;
opacity: 0;
transform: translateY(20px);
animation: fadeUp 1.2s ease forwards;
animation-delay: 0.2s;
}
.y_cont11_item{
display: flex;
color: #fff;
width: 8.2rem;
margin: .4rem auto 0 auto;
opacity: 0;
transform: translateY(20px);
animation: fadeUp 1.4s ease forwards;
animation-delay: 0.2s;
}
.y_cont11_item .y_cont11_item_left{
color: #c69c6d;
font-family: 'myAthene';
font-size: 1rem;
}
.y_cont11_item .y_cont11_item_right{
color: #fff;
font-size: .45rem;
font-family: 'myAcum';
margin-left: .3rem;
margin-top: .3rem;
line-height: .6rem;
}
@media (max-width: 768px) {
.pcShow {
display: none;
}
.wapShow {
display: block;
}
.yw_bg {
background: url('../images/bg_wrap.png') repeat-y;
background-size: 100%;
}
.yw_nav {
height: .56rem;
background: #c69c6d;
}
.yw_nav .yw_nav_box {
width: .56rem;
height: .56rem;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.yw_nav .yw_nav_icon {
width: .38rem;
height: .31rem;
}
.yw_nav_menu {
display: none;
}
.yw_navwap {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #c69c6d;
z-index: 9990;
height: auto;
}
.yw_navwap .yw_nav_menu {
font-family: 'myAthene';
color: #fff;
font-size: .44rem;
text-align: center;
display: block;
}
.yw_navwap .yw_nav_menu .yw_nav_menu_item {
margin-top: .75rem;
height: auto;
overflow: hidden;
}
.yw_navwap .yw_nav_menu .yw_nav_menu_logo {
position: absolute;
bottom: .75rem;
left: 0;
right: 0;
margin: auto;
width: 2.12rem;
height: .83rem;
}
.yw_nav_menu_item a {
color: inherit;
/* 继承父容器文字颜色，避免默认蓝色 */
text-decoration: none;
/* 去掉默认下划线 */
display: block;
/* 让占满父容器宽度/高度 */
padding: 0.5rem 0;
/* 和父容器的下划线空间匹配 */
width: 100%;
height: 100%;
}
.yw_navwap .yw_nav_menu .yw_nav_menu_logo img {
width: 2.12rem;
height: .83rem;
}
.yw_nav_logo {
width: 2.27rem;
height: 1.61rem;
margin: .56rem auto 0;
}
.yw_nav_logo .yw_nav_logo_img {
width: 2.27rem;
height: 1.61rem;
vertical-align: top;
}
.yw_title {
color: #c69c6d;
font-size: .78rem;
text-align: center;
font-family: 'myAthene';
margin-top: .5rem;
}
/* .yw_topbtn {
width: 1.19rem;
height: .35rem;
line-height: .3rem;
text-align: center;
color: #fff;
font-size: .22rem;
background: #c69c6d;
margin: .3rem auto 0;
border-radius: 2rem;
}*/
.yw_topbtn {
width: 2.2rem;
height: 0.65rem;
line-height: 0.6rem;
text-align: center;
color: #fff;
font-size: 0.32rem;
background: #c69c6d;
margin: 0.3rem auto 0;
border-radius: 3rem;
}
.yw_topbtn a {
color: inherit; /* 继承按钮的白色，避免文字变色 */
text-decoration: none; /* 去掉链接下划线 */
display: block; /* 让a标签撑满按钮容器，点击区域更大 */
width: 100%;
height: 100%;
line-height: inherit; /* 继承行高，保证文字居中 */
}
.yw_img img {
width: 100%;
vertical-align: top;
margin-top: .3rem;
}
.y_headmenu {
margin-left: .66rem;
margin-right: .66rem;
margin-top: 0;
margin-bottom: .6rem;
padding: .34rem 0;
border-top: 1px solid #c69c6d;
border-left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: auto;
overflow: hidden;
}
.y_headmenu .y_headmenu_item {
margin-left: 0;
}
.y_cont5_copy {
font-size: .14rem;
margin-top: .4rem;
}
.y_cont5_info,
.y_cont5_cor {
font-size: .18rem;
}
.y_cont5_info .y_cont5_info_title {
width: 2.6rem;
}
.y_cont5_info .y_cont5_info_item {
margin-top: .2rem;
}
.y_cont5_title {
margin-left: .5rem;
margin-right: .5rem;
}
.y_cont5 {
padding-top: .1rem;
}
.y_cont5_title {
height: 1.35rem;
}
.y_cont5_title img {
width: 1.79rem;
height: 1.05rem;
}
.y_cont5_btn {
width: 1.68rem;
height: .36rem;
font-size: .16rem;
line-height: .36rem;
margin-top: .3rem;
}
.y_cont2_info {
font-size: .2rem;
}
.y_cont2_video {
width: 5.4rem;
height: 3.67rem;
}
.y_cont3,
.y_cont4,
.y_cont5,
.y_cont2 {
background: transparent;
}
.yw_bg2 {
background: url(../images/bg_wrap2.png) repeat-y;
background-size: 100%;
}
.y_cont3 {
padding-top: .5rem;
padding-bottom: .5rem;
}
.y_cont3 .y_cont3_img {
height: 2.2rem;
display: flex;
justify-content: center;
}
.y_cont3 .y_cont3_img .y_cont3_img_item1 {
width: 1.65rem;
height: 2.2rem;
margin: 0 .12rem;
}
.y_cont3 .y_cont3_img .y_cont3_img_item2 {
width: 2.91rem;
height: 2.2rem;
margin: 0 .12rem;
}
.y_cont4 {
padding-top: .3rem;
padding-bottom: 0;
}
.y_cont4_title {
font-size: .6rem;
}
.y_cont4_info {
margin: .64rem;
}
.y_cont4_info .y_cont4_item {
height: 3.2rem;
}
.y_cont4_info .y_cont4_item .y_cont4_ititle {
font-size: .21rem;
}
.y_cont4_info .y_cont4_item .y_cont4_itprice {
font-size: .47rem;
margin-top: .15rem;
}
.y_cont4_info .y_cont4_item .y_cont4_icont {
font-size: .14rem;
line-height: .2rem;
margin-top: .1rem;
}
.y_cont4_info .y_cont4_item .y_cont4_iday {
font-size: .17rem;
margin: 0;
}
.y_cont4_info .y_cont4_item .y_cont4_ibtn {
width: 2.09rem;
height: .39rem;
font-size: .16rem;
line-height: .39rem;
margin-top: .46rem;
}
.yw_contact {
margin-top: .9rem;
position: relative;
}
.yw_contact img {
width: 100%;
}
.yw_contact_logo {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 2.27rem;
height: 1.61rem;
}
.yw_title_cont {
color: #c69c6d;
font-size: .78rem;
text-align: center;
font-family: 'myAthene';
margin-top: .5rem;
position: relative;
padding-bottom: .2rem;
}
.yw_title_cont::after {
content: '';
position: absolute;
bottom: 0;
left: .7rem;
right: .7rem;
margin: auto;
height: 1px;
background: #c69c6d;
}
.yw_map_img {
width: 6.12rem;
height: auto;
vertical-align: top;
}
.yw_cont2 {
height: auto;
overflow: hidden;
color: #fff;
font-size: .22rem;
margin-left: .45rem;
margin-right: .40rem;
padding: .3rem 0 .5rem;
}
.yw_cont2_top .yw_cont2_put,
.yw_cont2_top .yw_cont2_area {
font-size: .3rem;
}
.y_cont11{
height: 5.86rem;
overflow: hidden;
background: url(../images/img4.png) no-repeat top center;
background-size: 100% 100%;
margin-bottom: .4rem;
}
.y_cont11_bg{
width: 100%;
height: 5.86rem;
margin: 0rem auto 0;
background: transparent;
}
.y_cont11_title{
font-size: .6rem;
margin-top: .67rem;
}
.y_cont11_title2{
font-size: .21rem;
margin-top: -.1rem;
}
.y_cont11_item{
display: flex;
color: #fff;
margin: .4rem auto 0;
width: 6.2rem;
}
.y_cont11_item .y_cont11_item_left{
font-size: .8rem;
}
.y_cont11_item .y_cont11_item_right{
font-size: .3rem;
margin-left: .3rem;
margin-top: .3rem;
line-height: .6rem;
}
}