:root{
	--main_color:#b90000;        /* 主色 */
	--main_color_rgb:185,0,0;  /* rgba */
}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'DINPro'; src: url('/images/fonteditor.ttf');}

.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.box, .lyrow {
    position: relative;
    border: none;
}
/*返回顶部*/
.back_top{ position: fixed; right: 24px; bottom: 48px; width: 64px; height: 64px; color: #fff; border-radius:6px; background:rgba(0,0,0,0.5); text-align:Center; cursor: pointer; z-index:99;}
.back_top img{ width: 20px; display: block; margin:0 auto 5px auto; padding-top:10px;}
.back_top p{ font-size: 14px;}
.container-fluid {
    position: relative;
    overflow: hidden;
}

/* 导航 */
#mould87085{ width:100%; background:#fffbf0; position: fixed; z-index:99; transition:1s; box-shadow: 0 1px 20px rgb(0 0 0 / 20%);}
.navbars41{ width:1600px; height:100px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 280px; height: 100%; display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ float:right; display: table; height:100%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 24px; font-size:18px; font-weight:bold;}
.navbars41 li a em{ display: inline-block; width:13px; height:7px; background:url(/images/icon_1.png) no-repeat; position: relative; top: -2px; margin-left: 6px;}
.navbars41 li:first-child a em{ display:none;}
.navbars41 li a:hover{ color: var(--main_color);}
.navbars41 li.active a{ color: var(--main_color);}
.navbars41 li a:hover em{ background-position:0 -13px;}
.navbars41 .phone{ float:right; display: flex; justify-content:center; margin-top:35px; margin-left:30px;}
.navbars41 .phone span{ display:inline-block; width:30px; height:30px; border-radius:50%; background: var(--main_color) url(/images/phone.png) no-repeat center; background-size:18px;}
.navbars41 .phone a{ font-family:'arial'; font-size:24px; line-height:30px; font-weight:bold; color: var(--main_color); margin-left:10px;}


#mould87086 .swiper-button-prev{ left:48px;}
#mould87086 .swiper-button-next{ right:48px;}
#mould87086 .swiper-pagination{ bottom:30px;}
#mould87086 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.5;border-radius:4px; width:30px;}
#mould87086 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}


/* 背景 */
@keyframes mask{
	0%{ -webkit-mask-position-x: 0;}
	100%{ -webkit-mask-position-x: 100vw;}
}
.product_a{ min-height: 100vh; position:relative; z-index:2;}
.mask{ position: absolute; height: calc(100% + 80px); left: 0; top: 0; width: 100%; background-color: var(--main_color); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: repeat; animation: mask linear 5s infinite;}
.mask .bg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image:url(/images/bg1.jpg);background-size: cover;background-position: center center; background-blend-mode: soft-light;opacity: 0.8; background-color: #e98f89;}
.product_a .wrapper{ position: relative;padding: 120px 90px 70px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.title_top{ width: 458px; height: 164px; background: url(/images/title_bg.png) no-repeat center; background-size: 100% 100%; margin-bottom:80px;}
.title_top p{ font-size: 60px; line-height: 164px; color: #fff; text-align: center; font-family:'alimama';}
.product_a .wrapper .koubei{ width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.product_a .wrapper .koubei li{ flex: auto; display: flex; align-items: center;}
.product_a .wrapper .koubei li:nth-child(2){ justify-content: center;}
.product_a .wrapper .koubei li:nth-child(3){ justify-content: flex-end;}
.more_a{ margin-top:64px;}
.more_a a{ display: inline-flex; color: var(--main_color);}
.more_a p{ font-size: 36px;width: 64px;height: 64px;background-color: #f5e7ce;border: 6px solid #cd5249;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center; font-family: 'alimama';}
.more_a a p::before{ content: ''; width: 56px; top: 50%; height: 56px; left: 50%; position: absolute; border: 1px solid #ede6d7; border-radius: 50%; transform: translate(-50%, -50%);}
.more_a a p+p{ margin-left: -18px;}
@keyframes moreAnimate {
	0%{ transform: translateY(0);}
	100%{ transform: translateY(0.2rem);}
}


/* 品牌价值 */
.brand_a{ padding: 150px 30px 80px 50px; display: flex; justify-content: space-between; align-items: center; min-height: unset; position: relative; z-index: 1; background:#fffbf0;}
.brand_a .left{ position: relative; z-index: 2;}
.brand_a .left .box_s{ position: relative; z-index: 2; padding-top: 140px;}
.en_slogan{ position: absolute; left: 0; top: 0; font-family: 'DINPro'; color: var(--main_color); font-size: 240px; text-transform: uppercase; white-space: nowrap; text-shadow: 10px 13px 0 #fffbf0;}
.brand_a .left li{ display: flex; align-items: center;}
.brand_a .left li span{ width: 100px; height: 100px; margin-right: 40px;}
.brand_a .left li p{ font-size:30px;}
.brand_a .right{ width: 45vw; margin-right:5vw; overflow:hidden;}
.brand_a .right img{ width:100%; transition:1s;}
.brand_a .right:hover img{ transform:scale(1.08);}


/* 新闻 */
.news_a{ position:relative; z-index:1; padding-bottom:300px; overflow:hidden; background:#fffbf0;}
.news_a .mask .bg{ background-image:url(/images/bg2.jpg); opacity: initial; background-color: initial;}
.news_a .wrapper{ position:relative; z-index:2; display: flex; flex-direction: column; justify-content: space-between; height:600px; padding-top: 120px;}
.news_a .title_top{ margin:0 auto;}
.news_a .more_a{ text-align:Center;}
.news_a ul{ position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; align-items: flex-end; z-index:3;}
.news_a li{ width: calc(25% - 3px);}
.news_a li a{ display: block; background-color: var(--main_color); padding: 0 40px 60px; position: relative; transition: all 0.35s; color:#fff;}
.news_a li a:hover{ padding-bottom: 120px; background-color: #cd5249;}
.news_a li .mask{ background-color: var(--main_color); height: 50px; top: -50px; transition: all 0.35s; animation-duration: 15s;}
.news_a li:hover .mask{ background-color: #cd5249;}
.news_a li h2{ font-size: 20px; font-weight: bold; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_a li p{ line-height:28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_a li img{ position: absolute; bottom: 35px; left: 40px; opacity: 0; transition: all 0.35s;}
.news_a li a:hover img{ opacity: 1;}


/* 加盟 */
.join_a{ background:#fffbf0; padding: 100px 185px 120px; position: relative; overflow: hidden; color:var(--main_color);}
.join_a p.a{ font-size: 36px;}
.join_a p.b{ font-size: 88px; font-family: 'alimama'; margin: 20px 0 40px 0;}
.join_a p.c{ font-size: 24px;}
.join_a p.c span{ display:block; line-height:40px;}
.join_a p.d{ font-family: 'DINPro'; font-size: 200px; line-height: 200px; margin-top: 30px; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 2px rgba(var(--main_color_rgb),0.3); color: transparent;}
.join_a p.e{ font-size: 24px;}
.join_a p.f{ font-size: 48px; font-weight:bold; font-family: "alimama"; margin-top: 20px;}
.join_a p.g{ font-size: 18px; margin-top: 10px;}
.join_a .pt{ display: flex; flex-direction: column; align-items: center;}
.join_a .pt .box{ width: 526px; height: 154px; background-image: url(/images/pt.png); background-size: cover; margin-top: 48px; display: flex; align-items: center; justify-content: center;}
.join_a .pt .box a{ display: block; width: 76px; margin: 0 20px;}
.join_a .pt .box a img{ width:100%;}
.join_a .img_box{ position: absolute; right: 0; top: 64px; width: 42vw;}


/* 底部 */
.footer_a{ padding-top: 20px; display: flex; flex-direction: column; align-items: center; padding-bottom: 30px; background-color: var(--main_color); position: relative;}
.footer_a .mask{ height: 60px; top: -60px; width: 50%;}
.footer_a .mask+.mask{ left: 50%;}
.footer_a ul{ display: flex; margin: 48px 0; position: relative;}
.footer_a li{ width: 275px; height: 100px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.6); display: flex; align-items: center; padding: 0 12px;}

.footer_a li+li{ margin-left:20px;}
.footer_a li .left{ width:76px; height:76px; margin-right:16px; text-align: right;}
.footer_a li .left img{ max-width:100%;}
.footer_a li:first-child .left img{ width:48px; margin-top:14px;}
.footer_a li .right p{ color:#fff;}
.footer_a li .right span{ font-size:24px; font-family: 'alimama'; color:#fff; margin-top:6px; display: block;}

.footer_a .copyright{ display: flex; flex-direction: column; align-items: center;}
.footer_a .copyright p{ line-height:30px; color:#fff;}
.footer_a .copyright a{ color:#fff;}


@media (max-width: 1680px){
  .navbars41{ width:94%; height:80px;}
  .navbars41 .logo{ width:220px;}
  .navbars41 .phone{ margin-top:25px;}
  
  .title_top{ width:360px; height:120px; margin-bottom:48px;}
  .title_top p{ line-height:120px; font-size:42px;}
  .product_a .wrapper .koubei li img{ width:90%;}
  .en_slogan{ font-size:200px;}
  .brand_a .left .box_s{ padding-top:160px;}
}


@media (min-width: 1560px) and (max-width: 1679px){
  .product_a .wrapper .koubei{ flex-wrap: nowrap;}
  .brand_a .left li span{ width:80px; height:80px; margin-right:24px;}
  .brand_a .left li p{ font-size:26px;}
  .join_a{ padding: 100px 120px 120px;}
}

@media (min-width: 1440px) and (max-width: 1559px) {
  .title_top{ width:280px; height:90px; margin-bottom:48px;}
  .title_top p{ line-height:90px; font-size:36px;}
  .en_slogan{ font-size:160px;}
  
  .product_a .wrapper .koubei{ flex-wrap: nowrap;}
  .brand_a .left .box_s{ padding-top:140px;}
  .brand_a .left li span{ width:80px; height:80px; margin-right:24px;}
  .brand_a .left li p{ font-size:26px;}
  .join_a{ padding: 100px 120px 120px;}
  .news_a .wrapper{ height:300px;}
  .news_a li p{ font-size:15px; line-height:24px;}
  .join_a .img_box{ width:48vw;}
}

@media (min-width: 1360px) and (max-width: 1439px) {
  .navbars41 li a{ padding: 0 16px;}
  .title_top{ width:280px; height:90px; margin-bottom:48px;}
  .title_top p{ line-height:90px; font-size:36px;}
  .en_slogan{ font-size:160px;}
  
  .product_a{ min-height: initial;}
  .product_a .wrapper{ padding: 80px 80px 60px;}
  .product_a .wrapper .koubei{ flex-wrap: nowrap;}
  .brand_a .left .box_s{ padding-top:140px;}
  .brand_a .left li span{ width:80px; height:80px; margin-right:24px;}
  .brand_a .left li p{ font-size:26px;}
  .join_a{ padding: 100px 120px 120px;}
  .news_a .wrapper{ height:300px;}
  .news_a li p{ font-size:15px; line-height:24px;}
  .join_a .img_box{ width:48vw;}
}