﻿
/* CSS Document */
:root{
	--main_color:#d80c18;        /* 主色 */
	--main_color_rgb:216,12,24;  /* rgba */
    --main_yell_color:#fff6ed;   /* 辅色 */
}

input::-webkit-input-placeholder {
    color: #fff; /* 针对Chrome, Safari, Opera等WebKit内核浏览器 */
}
input::-moz-placeholder {
    color: #fff; /* 针对Firefox浏览器 */
}
input:-ms-input-placeholder {
    color: #fff; /* 针对Internet Explorer 10+ */
}
input::placeholder {
    color: #fff; /* 针对现代浏览器，包括Chrome, Firefox, Safari, Edge等 */
}


.product-list > ul li img {width: 100%;height: 100%;transition: 1s;border-radius: 20px;}
.picture1 .picture1-cont {width: 1600px;margin: 10px auto;}
.picture1 .picture1-cont > ul li a img { height: auto;}

.text-with-lines {
    text-align: center;
    position: relative;
    color:#fff; display: flex;
    justify-content: center;
    align-items: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}
.text-with-lines::before,
.text-with-lines::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* 垂直居中 */
  width: 40%; /* 横线长度 */
  height: 2px; /* 横线粗细 */
  background: #fff; /* 横线颜色 */
}
 
.text-with-lines::before {
  left: 0;
}
 
.text-with-lines::after {
  right: 0;
}
/* 加盟费用 */
table.feiyong{border-collapse: collapse;margin-bottom: 5%;}
.feiyong th, td {border: 1px solid #ddd;padding: 8px;text-align: left;text-align: center;}
.feiyong th {background-color: var(--main_color);text-align: center;color:#fff;}
.feiyong tr{line-height:2;}


/* 加盟流程 */
.liucheng {padding: 0 0 5% 0;}
.liucheng .swiper-slide {height: auto;display: flex;flex-direction: column;align-items: center;}
.liucheng .swiper-slide .wz {display: flex;justify-content: center;align-items: center;font-size: 16px;margin-top: 10%;width: 100%;justify-content: space-between;justify-content: center;}
.liucheng .swiper-slide:nth-child(6){ margin-right:0!important;}
.liucheng .swiper-slide img {display: inline-block;width: 60%;height: auto;}
.liucheng .swiper-slide .wz span {width: 26px;height: 26px;background-color: var(--main_color);display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 2%;color:#fff;}
.liucheng .top {margin-bottom: 4%;}
.liucheng .swiper-container .swiper-wrapper {height: auto;width: 1460px!important;}

/* 加盟要求 */
.yaoqiu.width_1600 {display: flex;flex-direction: column;background: #fff7ee;border-radius: 50px;margin-bottom: 5%;}
.yaoqiu h3{margin-top:3%;}
.top {display: flex;justify-content: space-around;padding: 0 4% 4%;}
.one {text-align: center;}
.yaoqiu h5 {line-height: 2;font-size: 20px;font-weight: bold;}
.bot {display: flex;justify-content: space-around;padding: 2% 3% 4% 3%;}
.two {text-align: center;}


/* 常见问题 */
.wenti.width_1600 {display: flex;}
 .lef {
    flex: 1;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lef .wt {border-radius: 10px;background: #fff;padding: 5%;box-shadow: 0px 0 10px 2px #0000001c;}
.lef .wt .q span {display: flex;width: 30px;height: 30px;background: #d80c18;justify-content: center;align-items: center;margin-right: 2%;border-radius: 50%;color: #fff;    font-size: 14px;font-weight: normal;}
.lef .wt .q {display: flex;align-items: center;    font-size: 18px;font-weight: 500;}
.lef .wt .a {display: flex;flex-direction: row;margin-top: 1%;line-height: 1.8;}
.rig {flex: 1.5;display: flex;margin-left: 1%;}
.rig .a {line-height: 1.95;}
.rig .wt { flex: 1;   margin-left: 3%;border-radius: 10px;background: #fff;padding: 5%;box-shadow: 0px 0 10px 2px #0000001c;}
.rig .wt .q span {display: flex;width: 30px;height: 30px;background: #d80c18;justify-content: center;align-items: center;margin-right: 2%;border-radius: 50%;color: #fff;    font-size: 14px;font-weight: normal;}
.rig .wt .q {margin-bottom: 2%;line-height: 2;display: flex;align-items: center;    font-size: 18px;font-weight: 500;}
.wt:hover{ background: var(--main_color);color:#fff;}
.wt:hover .q span{color: #d80c18;background:#fff;}

/* 支持体系 */
div#tixi {padding: 5% 0;}
.hezis{display: flex;}
.hezi {flex: 1;max-width: 400px;padding: 0 1%;display: flex;flex-direction: column;align-items: center;}
.hezi img {border-radius: 20px;border: 3px solid #cdae66;}
.hezi h1 {font-size: 20px;background: #cdae66;width:100%;line-height: 52px;text-align: center;margin: 7% 0;border-radius: 5px;}
.hezi p {font-size: 16px;line-height: 1.5;}


/* 关于我们 */
.guanyu.width_1600 {display: flex;padding: 1% 0 3% 0;    align-items: center;}
.gyl {flex: 1.5;max-width: 750px;}
.gyl img {width: 100%;}
.gyr {flex: 1;padding-left: 3%;}
.gyr h4 {font-size: 36px;font-weight: bold;line-height: 1.5;}
.gyr h4 span {color: #d80c18;}
.gyr h2 {font-size: 32px;font-weight: bold;line-height: 1.5;display: flex;align-items: flex-end;flex-direction: row;margin-bottom: 2%;}

.gyr h2 span {font-size: 14px;font-weight: normal;width: 30px;height: 30px;text-align: center;background: #d80c18;color: #fff;border-radius: 50%;align-content: center;justify-content: center;align-items: center;display: flex;}
.gyr p {font-size: 18px;line-height: 2;text-indent: 2rem;}
.wenhua {display: flex;background: #d80c18;justify-content: space-evenly;color: #fff;align-content: space-around;margin-bottom: 3%;border-radius: 30px;}
.wenhua img {width: 40%;}
.wenhua div {display: flex;flex-direction: column;align-items: center;margin: 5% 0;}
.wenhua h5 {font-size: 24px;margin-top: 4%;line-height: 2;}
.wenhua p {text-align: center;line-height: 1.5;}

div#fazhan {margin-bottom: 5%;}
#fazhan img {border-radius: 50px;}

/* 门店 */
.mendian{padding-bottom: 5%;}
.mendian h2.aos-init.aos-animate {font-size: 52px;text-align: center;font-weight: bold;color: #d80c18;margin-bottom: 4%;}
.mendian ul.clearfix.width_1600.aos-init.aos-animate {display: flex;justify-content: space-evenly;border-top: ;border-top: 1px solid #000;margin-bottom: 2%;}
.mendian_img{text-align: center;}
.mendian_img img{border-radius:20px;}
.mendian ul .on p{background: var(--main_color);border: 3px solid #fff;box-shadow: 0 0 0 4px var(--main_color);}
.mendian ul .on h3{color:var(--main_color);}
.mendian li {display:flex;flex-direction: column;align-items: center;    z-index: 1;margin-top: -10px;}
.mendian span {width: 10px;}

.mendian p {border-radius:50%;width: 14px;height: 14px;border: 3px solid #fff0;box-shadow: 0 0 0 4px #d80c1800;background: #9fa6b2;}
.mendian li:hover p{background: var(--main_color);border: 3px solid #fff;box-shadow: 0 0 0 4px var(--main_color);}
.mendian li h3{color:#9fa6b2;margin-top:2%;font-size: 20px;}
.mendian li:hover h3{color:var(--main_color);}






.t_left_center{ display: flex; flex-direction: column; justify-content: center;}
.flex_start{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.t_center{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.width_1600{ width:1500px; margin:0 auto;}
.container-fluid{overflow:hidden;}

/*联系*/
.lianxi {width: 1500px;margin: 5% auto 0;display: flex;align-items: center;padding: 5% 0;background: #fff7ee;justify-content: space-around;border-radius:50px;}
.lxl h1 {font-size: 76px;font-weight: bold;line-height: 1.5;background: url(/images/bj.png) no-repeat top right;margin-right: -14%;}
.lxl p {font-size: 20px;font-weight: 500;}
.lxr {flex: 1;display: flex;flex-direction: column;max-width: 1060px;}
.lxr h3 {font-size: 36px;line-height: 3;}
.lxr ul {display: flex;justify-content: space-between;}
.lxr ul li img {margin-bottom: 7%;}
.lxr ul li p {margin-bottom: 4%;font-size: 18px;}
.lxr ul li p a:hover{color:var(--main_color);}
.lxr ul li strong {font-size: 26px;color:var(--main_color);}
#box-6{width: 100%;height: auto;padding: 100px 0 100px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
#box-6{padding-top: 3%;padding-bottom: 80px;}
#box-6 .ny_bt .ftitle {font-size: 24px;}
#box-6 .box1{margin-top: 55px;border: 1px solid rgba(0,0,0,0.1);border-radius: 50px;padding: 100px 75px 80px 75px;}
#box-6 ul{display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    list-style: none;display: flex;flex-wrap: wrap;margin: 0 auto;padding: 0;list-style: none;margin: 0 -35px;display: flex;flex-wrap: wrap;}
#box-6 li{box-sizing: border-box;padding: 10px;/padding:0 50px 32px 35px;display: flex;align-items: center;}
#box-6 li:nth-child(-n+4):nth-child(odd) {
    flex: 1 1 calc(30% - 20px); /* Subtract margin */
}
 
#box-6 li:nth-child(-n+4):nth-child(even) {
    flex: 1 1 calc(30% - 20px); /* Subtract margin */
}
#box-6 h2{font-family:arial;font-size: 32px;line-height: 2;font-weight:bold;color: var(--main_color);text-align:center;}
#box-6 h3{letter-spacing:2px;font-size: 50px;line-height: 1;font-weight:bold;color: var(--main_color);text-align:center;margin:0 0 48px 0;}
#box-6 li .title{color: #666;font-size: 24px;min-width: 140px;}
#box-6 li .title span{color:  var(--main_color);font-size: 24px;margin-left: 5px;}
#box-6 li input,#box-6 textarea{width: 100%;border: 1px solid #E2E2E2;border-radius: 10px;margin: 10px 0;padding: 15px;background: #fff7ee;font-size: 16px;height: 60px;outline-color:  var(--main_color)!important;}
#box-6 li input::-webkit-input-placeholder{color: #BBB;}
#box-6 .textarea{flex: 1 1 100%;}
#box-6 .textarea p{margin-bottom: 10px;}
#box-6 .textarea textarea{height: 240px;}
#box-6 .textCenter{text-align: center;}
#box-6 .submit{border-radius: 50px;background: var(--main_color);display: inline-flex;border: 2px solid var(--main_color);z-index: 2;position: relative;overflow: hidden;transition: color 0.2s;/* margin-top: 15px; *//* text-align: center; */margin: 0 auto;justify-content: center;}
#box-6 .submit input{background: transparent;border: none;font-size: 16px;color: #fff;font-weight: bold;/* padding: 0 85px 12px 30px; */line-height: 52px;width: 150px;text-align: center;}
#box-6 .submit>div:hover input{color: var(--main_color);}
#box-6 .submit>div img{width: 26px;margin-left: 10px;transition: 1s;position: absolute;right: 35px;top: 35%;}
#box-6 .submit>div:hover img{content: url(/images/index_btn_jtC.png);transform: translateX(5px);}
#box-6 .submit>div::before {content: "";will-change: transform;transform-origin: 50% 0%;border-radius: 50%;width: 150%;height: 200%;transition: transform 1s cubic-bezier(.5,0,0,1);position: absolute;top: -50%;left: -25%;transform: scaleY(0);z-index: -1;background-color: #fff;}
#box-6 .submit>div:hover::before {transform-origin: 50% 100%;transform: none;}


/* 导航 */
#mould87106{width: 100%;background: #fff!important;margin: 0 auto;position: absolute;}
.navbars41{width: 79%;margin:0 auto;display: flex;flex-direction: row;align-items: center; height:80px;}
.navbars41 .logo{float:left;width: 200px;height: 100%;display: table;margin-top: -10px;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{display: table;height:100%;margin:0 auto;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li a{ padding:0 30px; font-size:18px; color:#222; font-weight:bold; transition: .4s ease-in-out;}
.navbars41 li a:hover{  color: var(--main_color);}
.navbars41 li.active a{  color: var(--main_color);}
.navbars41 .phone p{ color:#222; font-size:15px; line-height:15px;}
.navbars41 .phone{ border: 2px solid var(--main_color);width: 216px;text-align: center;border-radius: 50px;}
.navbars41 .phone a{color:var(--main_color);;font-family:arial;font-size: 24px;line-height: 50px;/* font-weight:bold; *//* border: 1px solid #fff; *//* padding: 5px 10px; *//* text-align: center; */}


  
#mould76972 .swiper-slide {width: 100%!important;}
/*页面宽度*/
#mould76972{ width:100%;background: var(--main_color);}

/*基本页*/
#mould76976{ width:1500px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}

/*内页栏目*/
.ny_lanmu{ margin:0 auto;}
.ny_lanmu ul{ margin:64px auto;}
.ny_lanmu li{ width: 180px; float:left;}
.ny_lanmu li a{ font-size:18px; line-height:60px; text-align:center; display:block; background: rgba(var(--main_color_rgb),0.08); border-radius:30px; margin:0 10px;}
.ny_lanmu li.active a{ background: var(--main_color); color: #fff;}
.ny_lanmu li:hover a{ background: var(--main_color); color: #fff;}


/* 简介 */



/* 产品 */
.product-list{ width:100%; padding:0 3%; box-sizing:border-box; margin-bottom:2%;}
.product-list > ul li{ width:49%; margin-bottom:2%;}
.product-list > ul li p:first-child{ height:auto;}
.product-list > ul li p:last-child{ font-size:30px; font-weight:bold; margin-top:12px;}
.product-list > ul li:hover p:last-child{ color: var(--main_color);}


/*联系*/
.boxes {position: relative;padding-bottom: 6vw;background: #fff}
.contactBox {position: relative;direction: rtl;}
.contactBox {width: 100%;height: auto;display: flex;justify-content: space-between;}
.sub_title{margin:0 auto;}
.sub_title h2{ font-family:arial; font-size:48px; line-height:64px; font-weight:bold; color: var(--main_color); text-align:center;margin-top:3%;}
.sub_title h3{ letter-spacing:2px; font-size:56px; line-height:64px; font-weight:bold; color: var(--main_color); text-align:center; margin:12px 0 48px 0;}
.map {width: 55%;height: 500px;background: #fff;overflow: hidden;position: relative;z-index: 0;background-color: rgb(243, 241, 236);color: rgb(0, 0, 0);text-align: left;}
.map img {width: 100%;height: 100%;object-fit: cover;}
.cons {
    width: 45%;
    height: 500px;
    background: var(--main_color);
    padding: 0px 50px;
    color: #fff;
    position: relative;
    direction: initial;
}
.cons h2 {
      margin-top: 6%;
    display: block;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.cons ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    padding-top: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 25px;
}
.cons ul li {
    width: 100%;
    position: relative;
    height: auto;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.cons ul li .icon {
    width: 45px;
    height: 45px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    letter-spacing: 1px;
}
.cons ul li .info {
    width: 100%;
}
.cons ul li .name {
    font-size: 14px;
}
.cons ul li .info a {
    font-size: 28px;
    font-family: GeoBrandBold;
    color: #fff;
}




/*新闻*/
.newslist{ width:100%; padding:0 3%; box-sizing:border-box;}
.newslist>ul li{ width:32%; transition: .8s ease-in-out;}
.newslist>ul li:hover{ border-radius:10px; overflow:hidden; margin-top:inherit;}
.newslist>ul li .newsimgs{ height:auto; border-radius:6px; overflow:hidden;}
.newslist>ul li .newsimgs img{ transition:.5s;}
.newslist>ul li:hover .newsimgs img{ transform:scale(1.08);}
.newslist>ul li .newsconts{ padding:10px 2% 10px 2%;}
.newslist>ul li .newsconts h3{ padding-bottom: 10px; line-height:30px; font-weight:bold; transition:.3s;}
.newslist li:hover .newsconts h3{ color: var(--main_color);}
.newslist li:hover .newsconts p{ color: #333;}
.newslist li .newsconts time{ display: block; margin-top:12px;}
.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}

.newcontent{ width:1500px; min-height:400px; padding-top:0;}
.newcontent h2{ font-size:30px; line-height:30px;}
.newcontent p{ line-height:30px;}
.newcontent h3 a,.tb_page h4 a,.fenye3_all h4 a{ color:var(--main_color);}
.tb_page{ width:1500px; margin:30px auto;}

.f-pageone.fenye{ margin:10px 0 48px;}


/*视频*/
#mould35389{ width:100%; padding:0 3%; box-sizing:border-box;}
#mould35389 li{ width:48%; margin-bottom:2%;}
#mould35389 li .videos{ height: auto;}
#mould35389 li video{ width:100%; height: 100%; border:none; display:block;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}








/*底部*/
.footer_bg{width: 100%;background: var(--main_color);background-size: cover;padding: 0.3rem 0 0rem 0;}
.main_as.clearfix {display: flex;padding: 3% 0;}
.zzs{flex: 1;display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;}
.zza {display: flex;flex-direction: column;color: #fff;border-right: 1px solid;padding-right: 3%; margin-right:3%;}
.zza h2 {font-size: 42px;font-weight: bold;color: #fff;line-height: 1.5;}
.zzs .messages3 {width: auto;background: none;margin-top: 4%;}
.zzs .messages3 ul {display: flex;width: auto;padding: 0;flex-direction: column;}
.zzs .messages3 ul li input {padding: 0;width: 260px;height: 42px;padding-left: 8px;float: left;border: 1px solid;background: #0000;color: #fff;}
.zzs .messages3 ul li input:first-child {margin: 0 0 10px;}
.zzs .messages3 ul li a {width: 160px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #d80c18;background: #FFF;border-radius: 50px;display: inline-block;margin-top: 2%;    margin: 0;}
.zzb {color: #fff;}
.zzb h4 {font-size: 28px;font-weight: bold;line-height: 1.5;}
.zzb p {color: #fff;font-size: 18px;line-height: 1.5;margin-top: 4%;}
.zzb .dz {font-size: 16px;}
.foot_pic {right: 1%;flex: 1.5;max-width: 800px;}
.site-links {margin-top: 2%;width: 100%;}
.site-links ul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.site-links li {margin-bottom: 10px;}
.site-links h4 {font-size: 18px;font-weight: bold;line-height: 40px;}
.site-links a {color: #fff;text-decoration: none;padding: 5px 10px;display: block;transition: background-color 0.3s;}
.site-links h5 {line-height: 30px;}

.copyright {border-top: solid 1px rgba(255,255,255,0.2);color: #fff;text-transform: uppercase;font-size: 16px;}
.copyright .main_a {margin: auto;max-width: 1500px;display: flex;}
.copyright .main_a  p{line-height: 3;}
.copyright .main_a a {color: #fff;}




@media (max-width: 1680px){
.width_1600 {
  width: 88%;}
}


@media (min-width: 1560px) and (max-width: 1679px){
.lxr {max-width: 840px;}
}

@media (min-width: 1440px) and (max-width: 1559px) {
  .lxr {max-width: 840px;}
.mendian_img.aos-init.aos-animate {width: 88%;margin: 0 auto;}.gyr p {
  font-size: 16px;}div#liucheng {
    margin-left: -6%;
}
}

@media (max-width: 1440px){

}

@media (min-width: 1360px) and (max-width: 1439px) {
 .swiper-container {
    height: auto;
    margin-left: -9%;
}
.navbars41 li a {
  padding: 0 20px;}

}

@media (max-width: 1360px){

}




