/* CSS Document */
@font-face {
	font-family: 'bms';
	src: url('../font/bms.ttf') format('truetype');
}

@font-face {
    font-family: 'ceg';
    src: url('/font/ceg.ttf') format('truetype');
}

@font-face {
    font-family: 'hxbl';
    src: url('/font/hxbl.otf') format('truetype');
}

@font-face {
    font-family: 'adinb';
    src: url('/font/adinb.otf') format('truetype');
}
@font-face {
    font-family: 'syl';
    src: url('/font/syl.woff') format('truetype');
}
*{margin: 0;padding: 0;box-sizing: border-box;}
body{   
    margin:0; font-family: bms, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

a:link {text-decoration: none;color: #5b595a;}
a:visited {text-decoration: none;color: #5b595a;}
a:hover {text-decoration: none;color: #f0cacf;}
a:active {text-decoration: none;color: #5b595a;}

/* 首页 */
/* logo图形旋转动画 */
@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
.meijiao {
    position: absolute; z-index: 96;
    right: 20px; top: 20px;
    animation: rotate 4s ease infinite; /* 旋转动画持续时间为2秒，线性运动，无限循环 */
}
.meijiao2{ 
    position: absolute; z-index: 96;
    left: 20px; top: 20px;
}
.syone{
    font-family: syl, bms, sans-serif; 
    width: 100%; color: #f0cacf;
    position: absolute; top: 60vh;
    text-align: center;
    font-size: 6vh; line-height: 1.5;
}
.sybut{
    text-align: center;padding-top: 85vh;
}
.button {
    border: 1px solid #f0cacf; 
    text-align: center;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.6vh; color: #f0cacf;
    padding: 10px 30px; margin: 0px 20px;
}
.button:link {text-decoration: none;color: #f0cacf;}
.button:visited {text-decoration: none;color: #f0cacf;}
.button:hover {text-decoration: none;color: #ffffff;}
.button:active {text-decoration: none;color: #f0cacf;}
.vide{
    position:absolute; z-index: inherit;
    width: 100%;z-index: -9;
}
.two{
    width: 100%;
    font-family: syl, bms, sans-serif;
    color: #ffffff;
    display: grid;
    grid-gap: 6px 6px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}

.tp_nr{
    position: relative; background-color: #f0cacf;
}
.tp_nr a:hover{
    filter:alpha(Opacity=20);-moz-opacity:0.2;
    opacity: 0.2;
}
.tp_wz{
    width: 100%; top: 40%;
    position: absolute;
    z-index: 2;
    text-align: center; font-size: 4vh;
}
.tpwzch{font-size: 2vh;padding-top: 40px;}

/* 3p */
.three{
    width: 100%;
    font-family: bms, hxbl, sans-serif;
    color: #ffffff;
    display: grid;
    grid-gap: 0px 6px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
}
.club{
    text-align: center;font-size: 4vh;color: #413f40;
    padding: 140px 0 50px 0;
}
.club2{
    font-family: syl, bms,sans-serif;
    text-align: center;font-size: 2vh;color: #aaaaaa;
    letter-spacing: 2px;
    padding: 0px 0 60px 0;
}
.three_wz{
    width: 100%; top: 40%;
    position: absolute;
    z-index: 2;
    text-align: center; font-size: 3.5vh;
}
.threewzch{font-size: 2vh;padding-top: 30px;}

@media screen and (max-width: 1080px){
    .two2{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 680px){
    .two{grid-template-columns: repeat(1,1fr);}
    .syone{font-size: 4vh;}
    .sybut{padding-top: 75vh;}
    .three_wz{font-size: 18px;}
    .threewzch{font-size: 10px;padding-top: 20px;}
}


/* xqy */

.cpy1{
    font-family: bms, hxbl, sans-serif;
    font-size: 16px;color: #444444;
    padding: 80px;
    letter-spacing: 0px; /* 字间距 */
    display: flex; /* 使用 Flexbox 布局 */
    flex-direction: column; /* 垂直方向排列子元素 */
    justify-content: flex-end; /* 将子元素放置在容器的底部 */
}
.cpy2{
    display: grid;
    grid-gap: 6px 6px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    padding-bottom: 6px;
}
.cpy3{
    display: grid;
    grid-gap: 0px 0px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
@media screen and (max-width: 680px){
    .cpy2{grid-template-columns: repeat(2,1fr);}
    .cpy3{grid-template-columns: repeat(1,1fr);}
}


/* 产品页 */
.da01{
      margin: 0; padding: 0;
}
.swiper-slide{
    opacity: 0.5; /* 将图片的透明度设置为 50% */
  }
.daphne{
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* 使SVG图形不影响图片的点击事件 */
    width: 40vh;
} 
.da02{
    display: flex;
    padding: 40px 20px;
    font-family: bms, hxbl, sans-serif;color: #393939;
    font-size: 16px;
}
.da02_2{
    font-family: Arial, sans-serif; color: #9f9f9f;
    line-height: 2; font-size: 14px;
}
.da02button {
    border: 1px solid #393939; 
    text-align: center;
    padding: 6px 20px;margin-right: 20px;
}


/* daclub页 */
.daclublogo{
    width: 100%; height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.daclublogo img{
    width: 60vh;
}
.daclub01{
    display: grid;
    grid-gap: 80px 40px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    margin: 40px 40px 100px 40px;
}
@media screen and (max-width: 680px){
    .daclub01{
        grid-gap: 20px 20px;
        grid-template-columns: repeat(1,1fr);
        margin: 20px 20px 100px 20px;
    }
    .daclublogo img{
        width: 40vh;
    }
}
.daclub01_k{
    border-radius: 10px; /* 设置圆角半径 */
    overflow: hidden; /* 确保内容在圆角外被隐藏 */
    background-color: #f2f1f8;
}
.daclubktex{
    font-family:Arial, sans-serif;
    font-size: 13px; color: #76757b;
    padding: 15px;
}
.daclubktex_tag{
    font-size: 12px;color: #ffffff;
    background-color: #f0c8cd; /* 灰色背景 */
    border-radius: 6px; /* 圆角 */
    padding: 4px 12px; /* 内边距 */
    display: inline-block; /* 使背景适应文字大小 */
    margin-right: 10px;
}

/* store */
.storelogo{
    width: 100%; height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.storelogo img{
    width: 60vh;
}
.stdz{
    width: 140px;margin: auto;
    font-family:Arial, sans-serif;
    text-align: center;
    font-size: 20px;color: #4b4b4b;
    background-color: #ffffff;
    border-radius: 40px; /* 设置圆角半径 */
    padding: 10px;
}
.dastore01{
    display: grid;
    grid-gap: 40px 40px;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: auto;
    margin: 40px 40px 100px 40px;
    color: #4b4b4b;
}
.storet{
    font-family:Arial, sans-serif;
    background-color: #ffffff;
    border-radius: 10px; /* 设置圆角半径 */
    padding: 20px;
    font-size: 12px; color: #848484;
}
.storeb{font-size: 14px; color: #424242;}

@media screen and (max-width: 1080px){
    .dastore01{
        grid-gap: 40px 40px;
        grid-template-columns: repeat(3,1fr);
    }
}
@media screen and (max-width: 680px){
    .dastore01{
        grid-gap: 20px 20px;
        grid-template-columns: repeat(2,1fr);
        margin: 20px 20px 100px 20px;
    }
    .storelogo img{
        width: 40vh;
    }
}

/* 联系我们 */
.conn1p{
    padding-top: 20vh;padding-bottom: 10vh;
    font-family: bms, sans-serif;
    text-align: center;
    font-size: 20px;color: #95969b;
}
.conndz{
    display: grid;
    grid-gap: 40px 40px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    margin: 40px 40px 100px 40px;
    color: #4b4b4b;
}
.conndz2{
    font-size: 14px; color: #848484;
}
.conndz3{
    padding: 20px;
}
.conndzstoret{
    font-family:Arial, sans-serif;
    background-color: #ffffff;
    border-radius: 10px; /* 设置圆角半径 */
    overflow: hidden; /* 确保内容在圆角外被隐藏 */
}
@media screen and (max-width: 1080px){
    .conndz{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 680px){
    .conndz{grid-template-columns: repeat(1,1fr);}
}


/* 集团页面 */

/* 首页 */
.group_dh{
    background-color: #000000; z-index: 999;
    position: fixed; 
    left: 20px; right: 20px; top: 20px;/* 绝对定位 */
    height: 50px;
    padding: 10px;
    border-radius: 8px; /* 圆角 */
    font-family:Arial, sans-serif;
    font-size: 13px; 
    color: #f0c8cd;
    display: flex; 
    justify-content: space-between; /* 左右对齐 */
}
.group_dh_logo{width: 180px;}
.group_dhwz{
    margin: 10px;
}
.group_one{
    font-family: ceg, hxbl, sans-serif;
    color: #ffffff;
    position: absolute; bottom: 80px; left: 40px;
    font-size: 9vh; line-height: 1.2;
    overflow-wrap: break-word; /* 确保文本在必要时换行 */
}
.group_two{
    display: flex; margin: 40px;  color: #3e3e3e;
}
.group_two_1{
    font-family: ceg,hxbl;
    width: 30%; font-size: 4vh;
}
.group_two_2{
    width: 70%;
    font-family: Arial, sans-serif; color: #9f9f9f;
    line-height: 2;
}
.group_two_3{
    font-family: ceg,hxbl; 
    color: #3e3e3e; margin: 40px;
    font-size: 4vh;
}
.group_two_4{
    position: absolute; bottom: 40px; left: 30px;
    font-family: ceg,hxbl; color: #ffffff;
    font-size: 5vh; 
    line-height: normal; /* 恢复子元素的正常line-height */
}
.group_two_5{
    width: 70%;
    font-family: Arial, sans-serif; 
    font-size: 3vh;
    color: #9f9f9f;
    line-height: 2;
}
.group_db1{
    display: flex; margin: 20px;
    justify-content: space-between; /* 左右对齐 */
}
.tp_nrdl{
    position: relative; background-color: #ff00be;
}
.tp_nrdl a:hover{
    filter:alpha(Opacity=20);-moz-opacity:0.2;
    opacity: 0.2;
}

@media screen and (max-width: 680px){
    .group_dhwz{margin: 5px;}
    .group_one{font-size: 12vw; left: 20px;}
    .group_two{
        margin: 20px; display: block;
        font-family: ceg; color: #3e3e3e;
    }
    .group_two_1{width: 100%;margin-bottom: 40px;}
    .group_two_2{width: 100%;}
    .group_two_4{font-size: 3vh;}
    .group_two_5{width: 100%;}
    .group_two_3{margin: 20px;}
    .group_brand_one{
        padding-top: 10vh;
        font-size: 15vh; text-align: center;
        overflow-wrap: break-word; /* 确保文本在必要时换行 */
    }
}


/* 品牌页 */
.group_brand_one{
    font-family: Impact;
    color: #ffffff;
    padding-top: 40vh;
    font-size: 15vh; text-align: center;
    overflow-wrap: break-word; /* 确保文本在必要时换行 */
}
.group_brand_two{
    margin: 40px;
    font-family: bms, hxbl, sans-serif;
    color: #ffffff;
    display: grid;
    grid-gap: 6px 6px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
.group_brand_3{
    text-align: center;
    font-family: ceg,Arial,sans-serif;
    font-size: 5vh;
    color: #414141;
    margin-bottom: 200px;
}
.group_brand_4{
    width: 80%;margin: auto;
    font-size: 3vh;padding-top: 40px;
    color: #b3b3bb;
    font-family: Arial,sans-serif;
}
@media screen and (max-width: 680px){
    .group_brand_one{
        font-size: 8vh; text-align: center;
        overflow-wrap: break-word; /* 确保文本在必要时换行 */
    }
    .group_brand_two{
        margin: 0px;
    }
}

/* 企业文化 */
.qywh_1{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
    position: fixed; z-index: -2;
}
.qywh_2{
    width: 100%;
    height: 60vh;
    object-fit: cover;
    object-position: initial;
    overflow: hidden;
    z-index: -1;
    position: absolute;
}

/* 可持续 */
.kcxlogo{
    z-index: -1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* 使SVG图形不影响图片的点击事件 */
    width: 40vh;
}
.group_two_3 a:link {text-decoration: none;color: #ffffff;}
.group_two_3 a:visited {text-decoration: none;color: #ffffff;}
.group_two_3 a:hover {text-decoration: none;color: #f0cacf;}
.group_two_3 a:active {text-decoration: none;color: #ffffff;}