body.show a,
body.show .transition,
body.show :before,
body.show :after,
body.show img,
body.show .g-nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.flex,
.about-4 .list .list-wrapper li .box2 .img,
.product-side ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
}

.flexColumn,
.g-foot .msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-direction: column;
}

.itemsCenter,
.about-4 .list .list-wrapper li .box2 .img {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.justifyCenter,
.about-3 .container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.flexAround {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flexBetween,
.product-side ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flexWrap,
.g-nav ul,
.about-3 .list ul,
.join-1 .tab-box .row,
.join-3 .TalentConceContent,
.investment-2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.p-title {
  color: #e70012;
  font-size: 0.14rem;
}

.p-title h2 {
  font-size: 0.36rem;
  line-height: 1em;
  padding-bottom: 0.12rem;
}

.p-title em {
  font-size: 0.2rem;
}

/*-------------------------*/
html {
  font-size: 50px;
}

.wal {
  max-width: 8rem;
}

.pc-show {
  display: none;
}

.phone-show {
  display: block;
}

body.navShow {
  overflow: hidden;
}

body.navShow .g-head .navA {
  background-image: url("../image/zyMobile/nav.png");
}

body.navShow .g-nav {
  right: 0;
  left: 0;
}

.g-headD {
  height: 1rem;
}

.g-head .wal {
  min-height: 1rem;
}

.g-head a.logo {
  left: 0;
  width: 3rem;
  display: block;
  background: url(../image/logo1.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
}

.g-head a.tel {
  display: none;
}

.g-head .btn-list {
  display: none;
}

.g-head .navA {
  display: block;
  position: absolute;
  z-index: 1;
  left: auto;
  right: -0.3rem;
  top: 0;
  bottom: auto;
  width: 1.14rem;
  height: 1rem;
  background: url("../image/zyMobile/nav.png") center no-repeat;
  background-size: 0.45rem;
}

.g-head .shares {
  display: block;
  position: absolute;
  z-index: 1;
  left: auto;
  right: 0.6rem;
  top: 0;
  bottom: auto;
  width: 1.14rem;
  height: 1rem;
  background: url("../image/zyMobile/search.png") center no-repeat;
  background-size: 0.45rem;
}

.g-nav {
  position: fixed;
  overflow-y: auto;
  width: 100%;
  background: #f4f4f4;
  left: 100%;
  right: -100%;
  top: 1rem;
  bottom: 0;
  padding: 0;
}

.g-nav li {
  border-top: rgba(255, 255, 255, 0.2) solid 1px;
  width: 100%;
  margin: 0 0.8rem;
  border-bottom: 0.01rem dashed #ccc;
  /* display: flex;
  align-items: center; */
}

.g-nav a.name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.26rem;
  /* padding-left: 0.5rem; */
  text-align: left;
}

/* 底部导航 */
.g-bottom {
  width: 100%;
  background: #f4f4f4;
  padding: 1rem 0.8rem;
}
.g-bottom li:nth-child(1) {
  border-top: 0.01rem dashed #ccc;
}
.g-bottom li {
  width: 100%;
  border-bottom: 0.01rem dashed #ccc;
  /* display: flex;
  align-items: center; */
}
.g-bottom li a.name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.26rem;
  text-align: left;
}
.g-bottom .phone {
  margin: 0.6rem 0;
  text-align: center;
  font-size: 0.35rem;
}
.g-bottom .phone > div:nth-child(1) {
  font-size: 0.6rem;
  margin-bottom: 0.2rem;
}
.g-bottom .address {
  text-align: center;
  font-size: 0.2rem;
}
.g-bottom .address div {
  margin-bottom: 0.2rem;
}
/* .mask-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
} */

.g-foot {
  font-size: 0.24rem;
}

.g-foot .wal {
  display: none;
}

.g-foot .msg {
  text-align: center;
  height: 1.29rem;
  background: #333;
}

.g-foot .msg p {
  width: 100%;
  line-height: 0.36rem;
}

/*index*/
.index-1 li .word {
  width: 5.76rem;
  right: 50%;
  top: 18.2%;
  margin-right: -2.88rem;
}

.index-1 .arrow {
  position: absolute;
  z-index: 1;
  left: auto;
  right: 40%;
  top: auto;
  bottom: 20vh;
}

.index-2 {
  background: none;
}

.index-2 .container {
  position: absolute;
  z-index: 10;
  top: 5%;
  left: 0%;
  bottom: auto;
  width: 70%;
  background-color: transparent;
  padding: 0.2rem 0 0 0.4rem;
}
.index-2 .container .title {
  margin-bottom: 0.5rem;
}
.index-2 .container .title h2 {
  font-size: 0.5rem;
}
.index-2 .tansuoPro {
  position: relative;
  right: 0;
  top: 0;
}
.index-2 .tansuoPro > div {
  margin-right: 0.7rem;
}
.index-2 .tansuoPro .tansuoProNum {
  font-size: 0.8rem;
}

.index-2 .container .content {
  font-size: 0.23rem;
  line-height: 0.41rem;
  margin-top: 0.5rem;
  color: #000;
}

.index-2 .tansuomore {
  /* display: inline-block; */
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.8rem;
  padding: 0.3rem 0.25rem;
  font-size: 0.3rem;
  border-radius: 0.1rem;
  background-color: #fcd004;
  letter-spacing: 0.1em;
}
.index-2 .tansuomore img {
  width: 0.4rem;
  height: 100%;
}
.index-2 .tansuomore img:nth-last-child(1) {
  width: 0.3rem;
}
.index-2 .tansuomore span {
  margin: 0 0.2rem 0 0.15rem;
}

.slider-container {
  display: none;
}
.index-3 {
  height: 12.5rem;
}
.index-3 .ul {
  position: absolute;
  left: 10%;
  bottom: 25%;
  z-index: 10;
  color: #fff;
}
.index-3 .ul ul li:nth-child(1) {
  font-size: 0.5rem;
}
.index-3 .ul ul li {
  font-size: 0.3rem;
}

.index-3 .arrow {
  display: none;
}

.index-3 .more {
  position: absolute;
  z-index: 1;
  left: 7%;
  right: auto;
  top: auto;
  bottom: 10vh;
  width: 30.5%;
}

.index-4 .bottom {
  text-align: center;
  margin-top: 0.5rem;
}
.index-4 .bottom a {
  padding: 0.1rem 0.4rem;
  border: 0.01rem solid #000;
  border-radius: 0.5rem;
  font-size: 0.3rem;
}
.p-title .left {
  font-size: 0.35rem;
  color: #000;
}
.p-title .left h2 {
  font-size: 0.5rem;
}

.index-5 {
  margin-top: 1rem;
  padding-bottom: 0;
}

.index-5 {
  height: 13rem;
  background: url("../image/zyMobile/index-5.png") center no-repeat;
  background-size: 100% 100%;
  display: block;
}
.index-5 .left .title {
  font-size: 0.5rem;
  line-height: 0.8rem;
  letter-spacing: 0.1em;
}
.index-5 .left .content {
  font-size: 0.4rem;
  color: #fcd004;
  margin-bottom: 1rem;
}
.index-5 .left .content > div:nth-child(1) {
  border-bottom: 0.06rem solid #c3061b;
}
.index-5 .right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.index-5 .right img:nth-child(2n) {
  margin-right: 0;
}
.index-5 .right img {
  max-width: 2rem;
  margin-bottom: 0.5rem;
}

/* 底部 logo */
.bottom_logo {
  margin-top: 0;
}
.bottom_logo img {
  width: 4rem;
  transform: translateY(-0.6rem);
}

.index-5 .foot {
  height: 20vh;
}

.index-5 .foot .foot1 {
  left: 0%;
  right: 0;
}

.index-5 .foot .footLeft > .footLeftImg,
.index-5 .foot .footRigth {
  display: none;
}

.index-5 .foot .footLeft {
  position: absolute;
  z-index: 1;
  left: 7%;
  right: auto;
  top: auto;
  bottom: 0.1vh;
  font-size: 0.14rem;
}

.index-5 .foot .footLeft .footLeftCopyright {
  margin-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.foot {
  height: 20vh;
}

.foot .side-l-b {
  position: absolute;
  left: 7%;
  right: auto;
  top: auto;
  bottom: 10vh;
  display: none;
}

.foot .side-l-b > div:nth-of-type(1) {
  color: #ffffff;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.1rem;
}

.foot .side-l-b > div:nth-of-type(1) img {
  width: 0.3rem;
  height: 0.28rem;
  margin-right: 0.1rem;
  margin-left: 0.07rem;
}

.foot .side-l-b > div:nth-of-type(2) {
  padding: 0 0.1rem;
  color: #e60012;
  background: #ffffff;
  font-size: 0.6rem;
  border-radius: 0.05rem;
  font-weight: 900;
}

.foot .foot1 {
  left: 0%;
  right: 0;
}

.foot .footLeft > .footLeftImg,
.foot .footRigth {
  display: none;
}

.foot .footLeft {
  position: absolute;
  z-index: 1;
  left: 7%;
  right: auto;
  top: auto;
  bottom: 0.1vh;
  font-size: 0.14rem;
}

.foot .footLeft .footLeftCopyright {
  margin-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}


/* 关于馔玉 */
.about-1 {
  padding: 1.68rem 0 0 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.about-1 .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: cover;
}

.about-1 .title {
  margin: 0 auto;
  position: relative;
}

.about-1 .content {
  width: 100%;
  padding: 0.5rem 0.35rem 0 0.35rem;
  text-align: center;
  position: relative;
}

.about-1 .content:before {
  display: none;
}

.about-1 .content:after {
  display: none;
}

.about-2 {
  position: relative;
  height: 3rem;
}
.about-2 .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 8.3rem;
  background-color: #fcd004;
  padding: 0rem 0.2rem;
  /* margin: 0 auto; */
  /* transform: translateY(-4.5rem); */
  
}
.about-2 .container .title {
  text-align: center;
}
.about-2 .container .title h2 {
  font-size: 0.5rem;
  font-weight: 900;
  line-height: 1em;
  text-align: center;
}
.about-2 .container .title img {
  width: 3.5rem;
  transform: translateY(-0.5rem);
}
.about-2 .container .content {
  margin-top: 0.3rem;
}
.about-2 .container .content .content-right {
  font-size: 0.2rem;
  line-height: 0.4rem;
}
.about-2 .tansuoPro {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
  text-align: center;
}

.about-2 .tansuoPro .tansuoProNum {
  font-size: 0.5rem;
}

.about-2 .tansuoPro .tansuoProDes {
  margin-left: 0;
  color: #333333;
  font-size: 0.2rem;
}

.about-3 {
  position: relative;
  margin-top: 2rem;
  /* transform: translateY(-3rem); */
}
.about-3 .title {
  text-align: center;
  font-weight: 700;
}
.about-3 .title h2 {
  font-size: 0.5rem;
}
.about-3 .content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.about-3 .content .li {
  width: 45%;
  text-align: center;
  color: #000;
  font-size: 0.18rem;
  margin-bottom: 1rem;
}
.about-3 .content .li img {
  max-width: 1rem;
  margin-bottom: 0.1rem;
}
.about-3 .content .li .icon-title {
  font-size: 0.4rem;
  margin-bottom: 0.2rem;
}
.about-3 .content .li > div {
  margin-top: 0.05rem;
}

.about_si .p-title h2 {
  color: #fff;
  font-size: 0.5rem;
}
.about_si .responsibility-3 .p-title {
  padding: 0;
}
.about_si .responsibility-3 .si_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about_si .responsibility-3 .si_img img{
  width: 50%;
  max-width: 3rem;
  margin-bottom: 0.3rem;
}
.about_si .responsibility-3 .si_img .img {
  text-align: center;
  font-size: 0.2rem;
}


/* 合作品牌 logo 展示 */
.logo_bgc {
  background-color: #f5f5f5;
  padding-top: 0rem;
  padding-bottom: 0.3rem;
}
.logo_bgc .responsibility-3 .p-title h2{
  font-size: 0.5rem;
  color: #000;
}
.logo_bgc .responsibility-3 .logo_img {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.logo_bgc .responsibility-3 .logo_img img {
  max-width: 2rem;
  margin-bottom: 0.2rem;
}

.about-4 {
  padding-top: 1rem;
}

.about-4 .p-title {
  padding-bottom: 0.6rem;
}

.about-4 .list {
  width: 100%;
  height: auto;
  background: none;
}

.about-4 .list .arrow a {
  width: 0.62rem;
  height: 0.62rem;
  bottom: 0;
}

.about-4 .list .arrow a.prev {
  left: 0.76rem;
}

.about-4 .list .arrow a.next {
  right: 0.76rem;
}

.about-4 .list .list-wrapper {
  width: 100%;
  left: 0;
  margin-left: 0;
}

.about-4 .list .list-wrapper li {
  height: auto;
}

.about-4 .list .list-wrapper li .box {
  display: none;
}

.about-4 .list .list-wrapper li .box2 {
  position: relative;
  left: 0;
  opacity: 1;
  padding: 0.25rem;
  margin: 0 auto;
}

.about-4 .list .list-wrapper li .box2 .img {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  max-height: 3.87rem;
  height: 30.23438vh;
  overflow: hidden;
}

.about-4 .list .list-wrapper li .box2 .img img {
  width: 100%;
}

.about-4 .list .list-wrapper li .box2 h3 {
  font-size: 0.36rem;
  padding: 0.25rem 0;
  border-bottom: 0;
}

.about-4 .list .list-wrapper li .box2 p {
  font-size: 0.24rem;
  line-height: 0.41rem;
  padding-top: 0;
}

.about-4 .list .list-wrapper li .year {
  position: static;
  font-size: 0.36rem;
  line-height: 0.62rem;
  padding-top: 0.55rem;
}

.about-5 {
  padding: 1rem 0.3rem 0 0.3rem;
}
.about-5 .p-title h2 {
  text-align: center;
  color: #000;
  font-size: 0.5rem;
  margin-bottom: 0.5rem;
}

.about-5 .list {
  width: 100%;
  padding: 0;
}

.about-5 .list .list-wrapper li {
  padding: 0 0.87rem;
}

.about-5 .list .arrow a {
  width: 0.62rem;
  height: 0.62rem;
  margin-top: -0.31rem;
}

/* 产品中心 */
.tabs {
  justify-content: space-around;
}
.tabs .tab-header-item {
  margin-right: 0;
}
/* 酒店 */
#tab1 .product2 {
  /* height: 5.5rem; */
}
#tab1 .product2 img {
  width: 9rem;
  position: absolute;
  left: -0.5rem;
  bottom: -1rem;
}
#tab1 .product3 {
  /* height: 5.5rem; */
}
#tab1 .product3 img {
  width: 9rem;
  position: absolute;
  left: -1rem;
  bottom: 1rem;
}
/* 团餐 */
#tab2 .product2 {
  background: #242424;
  height: 6.5rem;
}
#tab2 .product2 img {
  width: 6rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
#tab2 .product3 {
  background: #242424;
}
#tab2 .product3 img {
  width: 7rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
/* 酒店分类 */
.tab-container {
  display: block;
  margin: 0 0.3rem;
}
.tab-container .title {
  font-size: 0.5rem;
}
.tab-container .title span {
  font-size: 0.65rem;
}
.tab-container .ul ul {
  flex-wrap: wrap;
}
.tab-container .ul ul li {
  width: 33%;
  font-size: 0.3rem;
  margin-bottom: 0.1rem;
}
/* 团餐分类 */
.tab-container .ul .ul2 {
  flex-wrap: wrap;
  margin-left: 0;
}
.tab-container .ul .ul2 li {
  width: 33%;
  font-size: 0.3rem;
  margin-bottom: 0.1rem;
  margin-right: 0;
}
/* 产品列表 */
.content-list {
  margin: 0.5rem 0.3rem;
}
.content-list .list-ul ul {
  display: block;
}
.content-list .list-ul .product-item {
  display: flex;
}
.content-list .list-ul ul li {
  width: 100%;
}
.content-list .list-ul ul li .name {
  font-size: 0.4rem;
}
/* 酒店分页按钮 */
.pagination-controls button {
  padding: 0.08rem 0.16rem;
  margin: 0 0.06rem;
  cursor: pointer;
  border: none;
  background-color: #fff;
}
.pagination-controls span {
  border: solid black;
  border-width: 0 0.02rem 0.02rem 0;
  display: inline-block;
  padding: 0.06rem;
  text-align: center;
}
.prev-page {
  border-radius: 50%;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
}
.next-page {
  border-radius: 50%;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  padding-right: 0.1rem;
}
.page-numbers button.active {
  background: #fff;
  color: #c10016;
}
/* 团餐分页按钮 */
.pagination-controls2 button {
  padding: 0.08rem 0.16rem;
  margin: 0 0.06rem;
  cursor: pointer;
  border: none;
  background-color: #fff;
}
.pagination-controls2 span {
  border: solid black;
  border-width: 0 0.02rem 0.02rem 0;
  display: inline-block;
  padding: 0.06rem;
  text-align: center;
}
.prev-page2 {
  border-radius: 50%;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
}
.next-page2 {
  border-radius: 50%;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  padding-right: 0.1rem;
}
.page-numbers2 button.active {
  background: #fff;
  color: #c10016;
}


/* 品质中心 */
.investment-1 .title {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -70%);
  color: #fff;
  text-align: center;
  width: 5rem;
}
.investment-1 .title h2 {
  font-size: 0.8rem;
}
.investment-1 .title div {
  margin-top: 0.2rem;
  font-size: 0.3rem;
  letter-spacing: 0.1em;
}
.investment-2 .container::before {
  width: 100%;
  background-size: contain;
  background-position: unset;
}
.investment-2 .content {
  justify-content: space-evenly;
}
.investment-2 .content img {
  width: 30%;
}
.investment-2 .bottom {
  display: block;
}
.investment-2 .bottom .left {
  width: 100%;
}
.investment-2 .bottom .left .tag,
.investment-2 .bottom .right .tag {
  width: 1rem;
  text-align: center;
}
.investment-2 .bottom .left > div:nth-child(2),
.investment-2 .bottom .right > div:nth-child(2) {
  flex: 1;
}
.investment-3 {
  margin-top: 0;
}
.investment-3 .p-title h2 {
  color: #000;
  font-size: 0.5rem;
}
.investment-3 .responsibility-3 .p-title {
  padding: 0;
}


.investment-4 {
  background-size: cover;
}
.investment-4 .p-title h2 {
  color: #fff;
  font-size: 0.5rem;
}
.investment-4 .container {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  padding-left: 1rem;
  /* 隐藏滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE和Edge */
}
.investment-4 .container::-webkit-scrollbar {
  display: none;
}
.investment-4 .container .content {
  display: inline-block;
  margin-right: 0.5rem;
  white-space: normal;
  vertical-align: top;
}
.investment-4 .container .content .title {
  font-size: 0.35rem;
}
.investment-4 .container .content div {
  font-size: 0.22rem;
}


/* 品牌资讯 */
.consult-1 .p-title {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #000;
  text-align: center;
}
.consult-1 .p-title h2 {
  font-size: 0.5rem;
  font-weight: 700;
}
.consult-1 .p-title div {
  font-size: 0.35rem;
}
.responsibility-1 .img img {
  max-width: 6.5rem;
}


/* 联系我们 */
.join-2 {
  height: 6rem;
}
.join-2 .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
  width: 80%;
  height: 9rem;
  background-color: #fcd004;
  padding: 0rem 0.2rem;
  z-index: 99;
}
.join-2 .container .title {
  padding: 0.5rem 0;
  text-align: center;
}
.join-2 .container .title div {
  font-size: 0.35rem;
  margin-bottom: 0.2rem;
}
.join-2 .container .title h2 {
  font-size: 0.7rem;
  color: #cd0307;
}
.join-2 .container .content {
  font-size: 0.2rem;
  line-height: 1.888em;
  text-align: center;
}
.join-2 .container .content img {
  /* max-width: 1rem; */
  width: 0.7rem;
  margin-bottom: 0.2rem;
}
.join-2 .container .content > div {
  font-size: 0.2rem;
  margin-bottom: 0.5rem;
}

#map {
  width: 100%;
  height: 8rem;
  /* margin-top: 1rem; */
}
.map-tools {
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 999;
}
.map-btn {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 20px;
}
.map-img {
  position: absolute;
  right: 2%;
  bottom: 2%;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
  border-radius: 50%;
  /* padding: 0.2rem; */
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
}
.amap-copyright {
  display: none !important;
}

.amap-logo {
  display: none !important;
}

.index-slide.about-6 {
  height: 20vh;
  position: relative;
  z-index: 100;
}

.join-banner,
.responsibility-banner,
.product-banner,
.investment-banner {
  height: 2.65rem;
  margin-top: 1rem;
  background-image: url("../image/img720_4.png");
  padding-top: 0.36rem;
  font-size: 0.14rem;
}

.join-banner div,
.responsibility-banner div,
.product-banner div,
.investment-banner div {
  font-size: 0.18rem;
  padding-bottom: 0.1rem;
}

.join-banner1 {
  width: 6.5rem;
  margin: 0.3rem auto 0;
  height: 2.5rem;
}

.join-banner1 img {
  height: 2.5rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.responsibility-banner {
  background-image: url("../image/responsibility-banner.jpg");
  padding-top: 0.69rem;
}

.product-banner {
  background-image: url("../image/product-banner-phone.png");
  padding-top: 0.9rem;
  height: 100vh;
  background-size: 100% 100%;
}

.investment-banner {
  background: #e70012;
  height: 2.55rem;
  padding-top: 0.3rem;
  font-size: 0.16rem;
}

.investment-banner .img {
  width: 6rem;
  top: 2.3rem;
  margin-left: -3rem;
}

.responsibility-1 {
  padding: 0 0 0.5rem 0;
}

.responsibility-1 li {
  width: 100%;
  margin-top: 0.5rem;
}

.responsibility-1 li .box {
  height: 5.65rem;
  padding: 0 0.45rem;
}

.responsibility-1 li .box .title {
  padding-bottom: 0.4rem;
}

.responsibility-1 li .box .title img {
  height: 0.52rem;
}

.responsibility-1 li .box .title h3 {
  font-size: 0.36rem;
  /* height: .46rem; */
  line-height: 0.46rem;
}

.responsibility-1 li .box .content {
  font-size: 0.24rem;
  line-height: 0.52rem;
}

.responsibility-2 {
  min-height: 1rem;
  padding: 0.4rem 0;
}

.responsibility-3 .p-title {
  padding: 0.6rem 0 0;
  border: 0;
}

.responsibility-3 .box {
  padding: 0;
}

.responsibility-3 .box .img {
  width: 100%;
  position: relative;
}

.responsibility-3 .box .name {
  padding: 0.4rem 0 0.25rem 0;
}

.responsibility-3 .box .name h3 {
  font-size: 0.36rem;
}

.responsibility-3 .box h5 {
  line-height: 0.66rem;
  font-size: 0.24rem;
}

.responsibility-3 .box .content {
  font-size: 0.24rem;
  padding: 0.38rem 0;
}

.responsibility-3 .list {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 0 0.68rem;
}

.responsibility-3 .list .list-wrapper {
  margin-left: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 11;
}

.responsibility-3 .list li {
  padding: 0 0.1rem;
}

.responsibility-3 .list .arrow {
  position: static;
}

.responsibility-3 .list .arrow a {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.25rem;
}

.product-nav {
  margin-right: -0.3rem;
  margin-left: -0.3rem;
}

.product-nav li {
  width: 25%;
}

.product-nav a {
  height: 1.87rem;
  padding: 0.48rem 0 0 0;
}

.productBrief {
  background: url("../image/productBriefphone.png") center no-repeat;
  height: 30vh;
  background-size: cover;
}

.productBrief .productBriefLeft {
  left: 10%;
}

.productBrief .productBriefLeft > div:nth-of-type(1) {
  font-size: 0.21rem;
  font-weight: 900;
  letter-spacing: 0.01rem;
  text-align: center;
  line-height: 1.5;
}

.productBrief .productBriefLeft > div:nth-of-type(1) span {
  color: #e60012;
  font-size: 0.36rem;
}

.productBrief .productBriefLeft > div:nth-of-type(2) {
  font-size: 0.14rem;
}

.productBrief .productBriefRight {
  position: absolute;
  right: 10%;
  top: 10vh;
}

.productBrief .productBriefRight > div:nth-of-type(1) {
  font-size: 0.21rem;
  font-weight: 900;
  letter-spacing: 0.01rem;
  text-align: center;
  line-height: 1.5;
}

.productBrief .productBriefRight > div:nth-of-type(1) span {
  color: #e60012;
  font-size: 0.36rem;
}

.productBrief .productBriefRight > div:nth-of-type(2) {
  font-size: 0.14rem;
}

.productBrief .productBriefBg {
  position: absolute;
  bottom: 2vh;
  width: 100%;
  height: 20%;
  background: url("../image/picphone.png") center no-repeat;
  background-size: cover;
  z-index: 1;
}

/*.product li:nth-of-type(1) .img img {*/
/*    width: 100%;*/
/*    height: 18vh;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*}*/

/*.product li:nth-of-type(1) .layer {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    left: 3%;*/
/*    right: 1%;*/
/*    top: 0px;*/
/*    bottom: auto;*/
/*    background-size: 100% 100%;*/
/*    height: 1.13rem;*/
/*    font-size: .18rem;*/
/*    font-weight: 900;*/
/*}*/

/*.product li:nth-of-type(1) .layer .name {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    left: auto;*/
/*    right: 9%;*/
/*    top: -1px;*/
/*    bottom: auto;*/
/*    font-size: 0.43rem;*/
/*    padding: .3rem 0 .12rem 0;*/
/*    line-height: 0.8rem;*/
/*    color: #fff;*/
/*}*/

/*.product li:nth-of-type(1) .layer .tagimg {*/
/*    width: 1rem;*/
/*    left: 0.3rem;*/
/*    top: 4px;*/
/*}*/

/*.product li:nth-of-type(1) .layer .tagimg1 {*/
/*    width: 1.3rem;*/
/*    left: 0.4rem;*/
/*    top: 10px;*/
/*}*/

.product li {
  /* height: 18vh; */
  height: 13vh;
}

.product li a .img img {
  width: 100%;
  /* height: 18vh; */
  height: 13vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.product li a .layer {
  position: absolute;
  z-index: 1;
  left: 10%;
  right: 10%;
  top: 0px;
  bottom: auto;
}

.product li a .layer .name {
  font-size: 0.24rem;
  font-weight: 900;
}

.product li a .layer .tagimg {
  position: absolute;
  z-index: 1;
  left: auto;
  right: -1px;
  top: 18px;
  bottom: auto;
  width: 0.5rem;
}

.product li a .layer .tagimg1 {
  position: absolute;
  z-index: 1;
  left: auto;
  right: -1px;
  top: 18px;
  bottom: auto;
  width: 0.7rem;
}

.product li img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-num a {
  width: 0.52rem;
  height: 0.52rem;
  line-height: 0.5rem;
  font-size: 0.24rem;
}

.p-num a.arrow {
  background-size: 0.12rem;
}

.p-num em {
  font-size: 0.24rem;
}


.product-banner2 {
  height: 3.5rem;
  margin-top: 1rem;
}

.p-curr {
  font-size: 0.24rem;
}

.product-show {
  width: 100%;
  padding-bottom: 1rem;
}

.product-show .info {
  line-height: 0.5rem;
  font-size: 0.24rem;
}

.product-show .content {
  font-size: 0.26rem;
  line-height: 1.8em;
}

.product-side {
  width: 100%;
}

.product-side h3 {
  font-size: 0.28rem;
  line-height: 1rem;
}

.product-side li {
  width: 47.5%;
}

.product-side li .name {
  background-size: 2.6rem;
  height: 1.6rem;
  font-size: 0.22rem;
}

.product-side li .name h5 {
  font-size: 0.26rem;
}

.product-wal {
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.product-detail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

.product-detail .product-detail-left {
  width: 100%;
  border-right: none;
  padding-right: 0;
  height: 63vh;
  position: relative;
}

.product-detail .product-detail-left .img {
  width: 100%;
  height: 63vh;
}

.product-detail .product-detail-left .img img {
  width: 100%;
  height: 100%;
  border-radius: 0.03rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-detail .product-detail-left .lunboImg {
  position: absolute;
  top: 50vh;
  z-index: 111;
  width: 64%;
  left: 0;
  margin: 0 auto;
  right: 0;
}

.product-detail .product-detail-right {
  margin: 0 auto;
  width: 91%;
  margin-top: -1rem;
  z-index: 1;
  padding: 0;
}

.product-detail .product-detail-right .product-detail-right-t {
  padding: 0.42rem;
  background: #f2f2f2;
  border-radius: 0.03rem;
}

.product-detail
  .product-detail-right
  .product-detail-right-t
  .product-detail-right-tn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-detail
  .product-detail-right
  .product-detail-right-t
  .product-detail-right-tn
  div {
  font-size: 0.47rem;
  font-weight: 900;
}

.product-detail
  .product-detail-right
  .product-detail-right-t
  .product-detail-right-tn
  div:after {
  content: "";
  display: block;
  position: absolute;
  position: static;
  width: 50%;
  height: 0.02rem;
  background: #f2f2f2;
}

.product-detail
  .product-detail-right
  .product-detail-right-t
  .product-detail-right-tn
  .tagImg {
  width: 1rem;
}

.product-detail
  .product-detail-right
  .product-detail-right-t
  .product-detail-right-tn
  .hotImg {
  width: 0.6rem;
}

.p-num2 li {
  line-height: 0.4rem;
  font-size: 0.24rem;
  padding: 0.15rem 0;
  width: auto;
  max-width: 45%;
}

.extra-wrapper {
  position: fixed;
  right: 0.2rem;
  bottom: 0.4rem;
  z-index: 1000;
  background-image: url("../image/join.png");
  display: block;
  width: 2rem;
  height: 2rem;
  background-size: 2rem 2rem;
  margin: 0 0 0.2rem;
}

.extra-wrapper .extra-close {
  width: 0.4rem;
  height: 0.4rem;
  float: right;
  margin: -0.2rem 0.01rem;
}

@media screen and (max-width: 550px) {
  .wal {
    margin: 0 0.3rem;
  }
}

/*# sourceMappingURL=phone.css.map */

/* 加盟 */
.investment-1 .list .li div {
  font-size: 0.25rem;
}
.investment-1 .list .li {
  padding: 0 0 0.4rem 0.4rem;
}
.wal .investment-title {
  width: 5.8rem;
}
.wal .jiameng {
  margin-top: 0.2rem;
}
.wal .jiameng li {
  background-color: #ececec;
  margin-bottom: 0.1rem;
  padding: 0.2rem;
  font-size: 0.3rem;
  border-radius: 0.05rem;
}
.wal .jiameng li .input span {
  /* display: inline-block; */
  width: 1.4rem;
}
.wal .jiameng li .input input {
  font-size: 0.3rem;
  /* height: 0.5rem; */
  color: #000;
}
.new-investment .submit {
  background-color: #ed2226;
  text-align: center;
  padding: 0.2rem 0.3rem;
  border-radius: 0.05rem;
  cursor: pointer;
}
.new-investment .submit input {
  font-size: 0.3rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}