/* banner */
.banner {
  width: 100%;
  /* height: 500px; */
  background-color: #ddd;
  position: relative;
}

.banner .swiper {
  /* width: 100%; */
  /* height: 100%; */
}

.banner .swiper-slide img {
  width: 100vw;
  object-fit: contain;
}

.banner-item {
  position: relative;
}

.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--mainWidth);
  transform: translate(-50%, -50%);
}

.banner-title {
  font-size: 48px;
  color: #FFFFFF;
  font-family: "PingFangSC-Semibold";
}

.banner-des {
  font-family: "PingFangSC-Regular";
  font-size: 18px;
  color: #FFFFFF;
  line-height: 27px;
  margin-top: 20px;
  width: 690px;
}

.banner-btn {
  margin-top: 68px;
}

.btn-item {
  display: inline-block;
  min-width: 180px;
  height: 56px;
  line-height: 56px;
  border-radius: 6px;
  text-align: center;
  font-size: 22px;
}

.btn-item~.btn-item {
  margin-left: 15px;
}

.banner-item .sub-botton {
  background-image: linear-gradient(107deg, #FFA951 0%, #FF7208 100%);
  color: #fff;
}

.banner-item .det-botton {
  border: 1px solid #B9B9B9;
  color: #fff;
}

.black .banner-title {
  color: #000;
}

.black .banner-des {
  color: #616161;
}

.black .det-botton {
  color: #616161;
  border-color: #616161;
}

.banner-content-style2 {
  text-align: center;
}

.banner-content-style2 .banner-des {
  width: 100%;
}

/* detail1 */
.detail1 {
  background-color: #fff;
  padding: 0 0 100px;
  margin-top: 60px;
}

.detail1-content {
  margin-top: 60px;
  background-color: #fff;
  box-shadow: 0 2px 72px 0 #0000001c;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: start;
}

.detail1-content-left {
  flex-shrink: 0;
}

.detail1-content-right {
  flex: 1;
  padding: 16px 0;
}

.detail1-nav {
  width: 200px;
  margin-right: 30px;
}

.detail1-nav-item {
  height: 87px;
  width: 100%;
  background: #F8F8F8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #0A1E2E;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.detail1-nav-item~.detail1-nav-item {
  margin-top: 8px;
}

.detail1-nav-item.active {
  background-image: linear-gradient(270deg, #FFFFFF 0%, #FEF9E6 100%);
}

.detail1-nav-item.active::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 40px;
  background-image: linear-gradient(173deg, #FFA951 0%, #FF7208 100%);
}

.detail1-nav-item .detail1-icon.active {
  display: none;
}

.detail1-nav-item.active .detail1-icon {
  display: none;
}

.detail1-nav-item.active .detail1-icon.active {
  display: inline-block;
}

.detail1-icon {
  /* width: 20px;
  height: 20px; */
  margin-right: 18px;
}


.detail1-m-title {
  font-family: "PingFangSC-Semibold";
  font-size: 24px;
  color: #0A1E2E;
  margin-bottom: 15px;
}

.detail1-m-text {
  font-size: 16px;
  color: #666666;
}

.detail1-m-block-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  /* flex-wrap: wrap; */
}

.detail1-m-block {
  width: 364px;
  height: 260px;
  padding: 24px;
}

.detail1-m-bg1 {
  background: url("../images/d3.png") center/cover;
}

.detail1-m-bg2 {
  background: url("../images/d2.png") center/cover;
}

.detail1-m-bg3 {
  background: url("../images/d1.png") center/cover;
}

.detail1-sm-title {
  font-family: "PingFangSC-Semibold";
  font-size: 18px;
  color: #0A1E2E;
  margin-bottom: 10px;
}

.detail1-nav-content .gl-btns {
  margin-top: 32px;
}

.detail1-m-btn {
  display: inline-block;
  outline: none;
  min-width: 112px;
  height: 40px;
  line-height: 38px;
  background-color: #fff;
  color: #202123;
  border: 1px solid #B9B9B9;
  font-size: 16px;
  text-align: center;
  border-radius: 6px;
}

.detail1-m-btn~.detail1-m-btn {
  margin-left: 10px;
}

.detail1-m-btn.deep {
  background-color: #202020;
  border-color: #202020;
  color: #FFFFFF;
}

.detail1-sty1-block {
  display: flex;
  align-items: center;
  width: calc(33.333% - 16px);
  height: 71px;
  background: #F6F6F6;
  border-radius: 8px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 10px;
}

.detail1-sty1-block:nth-of-type(3n) {
  margin-right: 0;
}

.detail1-sty1-img {
  width: 38px;
  flex-shrink: 0;
  margin-right: 10px;
}

.detail1-sty1-img img {
  width: 100%;
}

.detail1-sty1-title {
  font-family: "PingFangSC-Semibold";
  font-size: 16px;
  color: #0A1E2E;
  margin-bottom: 5px;
}

.detail1-sty1-text {
  font-size: 14px;
  color: #666666;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.detail1-sty1-block-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}

.detail1-sty2-block {
  height: 104px;
  background: #F6F6F6;
  border-radius: 8px;
}

.detail1-sty2-img {
  width: 58px;
}

.detail1-sty5-block {
  width: 212px;
  height: 246px;
}

.detail1-sty5-bg1 {
  background-image: url("../images/sty5-1.png");
}

.detail1-sty5-bg2 {
  background-image: url("../images/sty5-2.png");
}

.detail1-sty5-bg3 {
  background-image: url("../images/sty5-3.png");
}

.detail1-sty5-bg4 {
  background-image: url("../images/sty5-4.png");
}

.detail1-sty5-bg5 {
  background-image: url("../images/sty5-5.png");
}

/* detail2 */
.detail2 {
  background-color: #f6f6f6;
  padding: 48px 0 100px;
}

.detail2-main {
  margin-top: 48px;
}

.detail-nav {
  position: relative;
  display: flex;
  align-items: center;
}

.detail-nav-item {
  height: 80px;
  line-height: 80px;
  width: 25%;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
  border-radius: 8px 8px 0 0;
  text-align: center;
  cursor: pointer;
  font-size: 24px;
  color: #0A1E2E;
  font-family: "PingFangSC-Semibold";
}

.detail-nav-item.active {
  background-image: linear-gradient(180deg, #FFFFFF 1%, #FFFBF1 100%);
  position: relative;
  color: var(--themeColor);
}

.detail-nav-item.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #FFA951 0%, #FF7208 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}

.detail2-content {
  margin-top: 54px;
  padding: 8px;
  background-color: #fff;
  border-radius: 8px;
}

.detail2-sm-left {
  width: 647px;
  margin-right: 40px;
  flex-shrink: 0;
}

.detail2-sm-left img {
  width: 100%;
}

.detail2-sm-title {
  font-family: "PingFangSC-Semibold";
  font-size: 36px;
  color: #0A1E2E;
}

.detail-nav-content {
  display: flex;
  align-items: start;
}

.detail2-sm-right {
  padding: 24px 0;
  padding-right: 20px;
  position: relative;
  height: 480px;
  min-width: 550px;
}

.detail2-content-row {
  display: flex;
  flex-wrap: wrap;
}

.detail2-content-item {
  width: calc(50% - 40px);
  padding-left: 30px;
  position: relative;
  margin-top: 28px;
}

.dci-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
}

.detail2-content-item:nth-of-type(odd) {
  margin-right: 40px;
}

.detail2-content-item:nth-of-type(odd):last-child {
  width: 100%;
}

.dci-title {
  font-size: 14px;
  line-height: 20px;
  color: #0A1E2E;
  font-family: "PingFangSC-Semibold";
}

.dci-text {
  margin-top: 6px;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}

.detail2 .gl-btns {
  /* margin-top: 32px; */
  position: absolute;
  left: 0;
  bottom: 24px;
}

.detail2-sty2-item {
  padding-left: 30px;
  position: relative;
  margin-top: 26px;
}

.detail2-sty2-title {
  line-height: 1;
}

.detail2-avatar {
  display: flex;
  align-items: center;
}

.detail2-avatar-img {
  width: 58px;
  height: 58px;
  flex-shrink: 0;
}

.detail2-avatar-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail2-avatar-msg {
  padding: 10px;
  border-radius: 10px;
  background-color: #ff8c2a;
  width: 100%;
  margin-left: 15px;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-family: "PingFangSC-Medium";
}

.detail2-avatar-msg::before {
  content: '';
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-right: 10px solid #ff8c2a;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  z-index: 1;
}

.detail2-user {
  margin-top: 10px;
}

.detail2-name {
  color: #000000;
  font-size: 14px;
  font-family: "PingFangSC-Medium";
}

.detail2-addr {
  color: #717171;
  font-size: 14px;
  font-family: "PingFangSC-Medium";
}

.detail2-message-row {
  margin-top: 24px;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 20px;
}

.detail-fun {
  display: flex;
  align-items: center;
}

.dci-fun-title {
  font-size: 16px;
  color: #0A1E2E;
  font-family: "PingFangSC-Semibold";
}

.dci-fun-text {
  font-size: 14px;
  color: #666666;
  font-family: "PingFangSC-Regular";
  margin-top: 5px;
}

.detail-fun-des {
  margin-top: 20px;
  font-size: 14px;
  color: #0A1E2E;
  line-height: 30px;
  font-family: "PingFangSC-Regular";
}

.detail2-message-row .gl-btns {
  position: initial;
  margin-top: 20px;
}

.detail-fun-icon {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  margin-right: 10px;
}

.detail-fun-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* detail3 */
.detail3 {
  background-color: #fff;
  padding: 64px 0 100px;
}

.gl-m-title {
  font-size: 24px;
  color: #748089;
  text-align: center;
  margin-top: 24px;
}

.detail3-main {
  background-color: #fff;
  box-shadow: 0 2px 72px 0 #0000001c;
  border-radius: 16px;
  padding: 16px;
  margin-top: 64px;
}

.detail3-main>a {
  display: block;
  width: 100%;
}

.detail3-main>a img {
  width: 100%;
}

/* detail4 */
.detail4 {
  background-color: #f6f6f6;
  padding: 64px 0 100px;
}

.detail4-main {
  margin-top: 64px;
}

.detail4-block-row {
  display: flex;
  align-items: center;
}

.detail4-block {
  flex: 1;
  background: #FFFFFF;
  border-radius: 8px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.detail4-block~.detail4-block {
  margin-left: 25px;
}

.dbr1 {
  height: 296px;
}

.dbr1 .detail4-block-title {
  font-size: 18px;
  color: #333333;
  font-family: "PingFangSC-Semibold";
}

.detail4-block-text {
  margin-top: 15px;
  font-size: 14px;
  color: #666666;
}

.dbr1 .detail4-block-text {
  height: 60px;
}

.dbr2 {
  margin-top: 25px;
  height: 327px;
}

.detail4-sm-title {
  font-size: 18px;
  color: #333333;
}

.dbr2 .detail4-block-title {
  font-family: "PingFangSC-Semibold";
  font-size: 24px;
  color: var(--themeColor);
  line-height: 33px;
}

.dbr2 .detail4-block-text {
  height: 80px;
}

.dbr2 .detail4-block-img {
  margin-bottom: 20px;
}


/* detail5 */
.detail5 {
  background-color: #fff;
  padding: 64px 0 100px;
}

.detail5-main-item {
  width: 333px;
  height: 230px;
  box-shadow: 0 2px 10px 0 #0000001c;
  border-radius: 8px;
  overflow: hidden;
}

.detail5-main {
  display: flex;
  justify-content: space-between;
  margin-top: 64px;
}

.detail5-main-small {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  margin-left: 24px;
  flex: 1;
}

.detail5-main-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail5-main>.detail5-main-item {
  width: 666px;
  height: 483px;
  padding: 8px;
  flex-shrink: 0;
}


/* detail6 */
.detail6 {
  background-color: #fff;
  padding-top: 20px;
}

.detail6 .num {
  font-family: 'DINCondensed';
  font-size: 72px;
}

.detail6-main {
  width: 100%;
  height: 548px;
  position: relative;
  margin-top: 64px;
  overflow: hidden;
  display: none;
}

.detail6-main.active {
  display: block;
}

.detail6-main-left {
  height: 500px;
  width: 60%;
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 1;
  background-color: #f6f6f6;
}

.detail6-main-right {
  height: 500px;
  z-index: 2;
  top: 0;
  left: 50%;
  position: absolute;
}

.detail6-main-right img {
  height: 100%;
}

.detail6-title {
  font-size: 32px;
  color: #0A1E2E;
  font-family: "PingFangSC-Semibold";
  font-weight: normal;
  margin-bottom: 24px;
}

.detail6-left-content {
  position: absolute;
  left: 20vw;
  top: 10vh;
}

.detail6-icon {
  margin-bottom: 24px;
}

.detail6-icon img {
  height: 60px;
}

.detail6-left-text {
  font-size: 16px;
  color: #666666;
  width: 478px;
  margin-bottom: 70px;
}

.gl-left-control>div {
  width: 48px;
  height: 48px;
  line-height: 46px;
  border-radius: 50%;
  border: 1px solid #D8D8D8;
  text-align: center;
  font-size: 0;
  display: inline-block;
  cursor: pointer;
}

.gl-left-control>div>img {
  width: 24px;
  vertical-align: middle;
}

.gl-right-control-item {
  transform: rotate(180deg);
  margin-left: 20px;
}

/* detail7 */
.detail7 {
  background-color: #fff;
  padding: 40px 0 50px;
}

.detail7-main {
  width: 100%;
  overflow: hidden;
}

.detail7-item-row {
  display: flex;
  align-items: center;
}

.detail7-item-row:nth-of-type(even) {
  transform: translateX(-128px);
}

.detail7-item-row~.detail7-item-row {
  margin-top: 24px;
}

.detail7-item {
  width: 256px;
  height: 128px;
  border: 0.8px solid #DDDDDD;
  border-radius: 8px;
  margin-right: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.detail7-item img {
  max-width: 80%;
  max-height: 80%;
}

.detail7-wrap ~ .detail7-wrap{
  margin-top: 24px;
}


/* detail8 */
.detail8 {
  background-color: #f6f6f6;
  padding: 64px 0 100px;
}

.detail8-maim {
  margin-top: 64px;
  height: 700px;
}

.detail8-left {
  background-color: #fff;
  border-radius: 8px;
  width: 513px;
  flex-shrink: 0;
  margin-right: 27px;
  height: 100%;
  padding: 36px;
}

.detail8-right {
  flex: 1;
  background-color: #fff;
  border-radius: 8px;
  height: 100%;
  padding: 32px;
}

.detail8-cover {
  width: 100%;
  height: 378px;
  margin-bottom: 24px;
}

.detail8-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail8-left-title {
  font-size: 32px;
  color: #0A1E2E;
  margin-bottom: 16px;
  transition: 0.2s;
}

.detail8-left-text,
.detail8-right-item-text {
  font-size: 16px;
  color: #808B94;
}

.detail8-food {
  margin-top: 45px;
}

.detail-food-strong {
  font-size: 16px;
  color: #0A1E2E;
  margin-right: 20px;
}

.detail8-right-head {
  margin-bottom: 24px;
}

.detail8-right-title {
  font-size: 28px;
  color: #0A1E2E;
  font-family: "PingFangSC-Medium";
}

.detail8-right-more {
  color: var(--themeColor);
  font-size: 24px;
}

.detail8-right-block {
  display: flex;
}

.detail8-right-item~.detail8-right-item {
  margin-top: 20px;
}

.detail8-right-item-l {
  width: 182px;
  height: 133px;
  margin-right: 24px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
}

.detail8-cover,
.detail8-right-item-l {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.detail8-right-item-l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail8-right-item-title {
  font-size: 24px;
  color: #0A1E2E;
  transition: 0.2s;
}

.detail8-right-item-r {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}

.detail8-right-item:hover .detail8-right-item-title {
  color: var(--themeColor);
}

.detail8-right-item-date {
  font-size: 16px;
  color: #808B94;
  width: 100%;
}

/* contact */
.contact {
  width: 100%;
  /* height: 353px; */
  position: relative;
}

.contact-bg {
  width: 100%;
}

.contact-code {
  width: 10vw;
  position: absolute;
  left: 72vw;
  top:10vh;
}

.contact-code img {
  width: 100%;
}


/* footer */
#footer {
  background-color: #222628;
  padding-top: 40px;
}

.footer_main {
  align-items: flex-start;
}

.footer_nav {
  display: flex;
}

.ctimg {
  width: 120px;
}

.footer_nav_title {
  font-size: 25px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 33px;
  margin-bottom: 20px;
}

.footer_nav_text,
.footer_nav_text>a {
  font-size: 15px;
  color: #DADADA;
  margin-bottom: 20px;
}

.footer_nav_text>a:hover {
  transition: .2s;
  color: #fff;
  text-decoration: underline;
}

.footer_nav_w~.footer_nav_w {
  margin-left: 80px;
}

.customer_service {
  width: 400px;
}

.footer_phone .footer_nav_text {
  font-size: 25px;
  font-weight: 600;
}

.footer_phone img,
.footer_address img {
  width: 22px;
  vertical-align: middle;
  margin-right: 6px;
  margin-left: -30px;
}

.footer_phone .footer_nav_text {
  vertical-align: middle;
}

.footer_phone,
.footer_address {
  padding-left: 30px;
  margin-bottom: 15px;
}

.footer_phone {
  padding-bottom: 15px;
  border-bottom: 1px solid #383838;
}

.footer_address .footer_nav_text {
  vertical-align: middle;
}

.footer_customer {
  margin-top: 30px;
}

.footer_customer .footer_nav_text {
  margin-top: 5px;
}

.footer_customer_lb {
  display: inline-block;
  text-align: center;
}

.footer_links {
  margin-top: 40px;
}

.footer_links_wrap {
  padding-left: 80px;
  font-size: 14px;
  color: #8D8D8D;
  line-height: 28px;
}

.footer_links_title {
  margin-left: -80px;
}

.footer_links_wrap a,
.footer_links_title,
.footer_copy_text {
  color: #8D8D8D;
  transition: .2s;
}

.footer_links_wrap a:hover {
  color: #fff;
}

.footer_links_wrap a~a {
  margin-left: 10px;
}

.footer_copy {
  margin-top: 60px;
  width: 100%;
  padding: 30px 0;
  background-color: #15191a;
}

.footer_copy_text~.footer_copy_text {
  border-left: 1px solid #8D8D8D;
  margin-left: 10px;
  padding-left: 12px;
}

a.footer_copy_text:hover {
  color: #fff;
}

.footer_copy_main {
  text-align: center;
}

.footer_logo {
  margin-bottom: 52px;
  height: 44px;
}

.footer_logo img {
  /* width: 100%; */
  height: 100%;
}

.popUpWrap .bg {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.popUpWrap.video .video-close {
  position: fixed;
  z-index: 1002;
  top: 50%;
  margin-top: -280px;
  left: 50%;
  margin-left: 465px;
  cursor: pointer;
}

.popUpWrap.video video {
  width: 1024px;
  height: 576px;
  object-fit: fill;
  position: fixed;
  margin: 0 auto;
  z-index: 1001;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  margin-top: -285px;
}



/* 响应式 */
@media screen and (max-width: 1535px) {
  :root {
    --themeColor: #FF7800;
    --mainWidth: 1200px;
  }

  /* .nav-box {
    height: 55px;
  }

  .nav_item_link {
    font-size: 15px;
    line-height: 55px;
  }

  .logo_link img {
    width: 90px;
  } */

  .banner-title {
    font-size: 30px;
    line-height: 1.2;
  }

  .btn-item {
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .banner-des {
    margin-top: 15px;
  }

  .banner-btn {
    margin-top: 28px;
  }

  .gl-title {
    font-size: 32px;
  }

  .gl-m-title {
    font-size: 22px;
  }

  .detail1 {
    margin-top: 40px;
  }

  .detail1-nav {
    width: 140px;
  }

  .detail1-nav-item {
    height: 60px;
    font-size: 16px;
  }

  .detail1-m-title {
    font-size: 16px;
  }

  .detail1-m-text {
    font-size: 12px;
  }

  .detail1-sty1-block {
    /* width: 250px; */
    height: 95px;
  }

  .detail1-sty1-title {
    font-size: 14px;
  }

  .detail1-icon {
    margin-right: 10px;
    width: 16px;
  }

  .detail1-nav-item.active::after {
    width: 3px;
    height: 20px;
  }

  .detail1-sty1-text {
    font-size: 12px;
  }

  .detail1-sty2-block {
    height: 80px;
  }

  .detail1-sty2-img {
    width: 40px;
  }

  .detail1-m-block {
    height: 200px;
    flex: 1;
    width: auto;
    margin-right: 10px;
  }

  .detail1-m-btn {
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }

  .detail1-sm-title {
    font-size: 16px;
  }

  .detail-nav-item {
    font-size: 16px;
  }

  .detail2-sm-left {
    width: 550px;
    margin-right: 15px;
  }

  .detail2-sm-title {
    font-size: 22px;
  }

  .dci-icon {
    width: 18px;
  }

  .detail2-content-item {
    width: 50%;
    margin-top: 20px;
  }

  .detail2-content-item:nth-of-type(odd) {
    margin-right: 0;
    padding-right: 10px;
  }

  .detail2-content {
    margin-top: 30px;
  }

  .dci-text {
    font-size: 12px;
  }

  .detail2-sm-right {
    height: 400px;
    padding: 16px 0;
  }

  .dbr1 .detail4-block-title {
    font-size: 16px;
  }

  .detail4-block-text {
    font-size: 12px;
    margin-top: 10px;
  }

  .dbr2 .detail4-block-title {
    font-size: 16px;
  }

  .detail4-sm-title {
    font-size: 14px;
  }

  .dbr1 {
    height: 250px;
  }

  .dbr2 {
    height: 260px;
  }

  .dbr2 .detail4-block-img {
    margin-bottom: 10px;
  }

  .detail5-main>.detail5-main-item {
    width: 550px;
    height: 460px;
  }

  .detail5-main-item {
    width: 300px;
    height: 220px;
  }

  .detail6-left-text {
    width: 350px;
    margin-bottom: 50px;
  }

  .detail6-main-left {
    height: 350px;
  }

  .detail6-main-right {
    height: 350px;
  }

  .detail6-left-content {
    top: 6vh;
  }

  .detail6-icon img {
    height: 40px;
  }

  .detail6-icon {
    margin-bottom: 15px;
  }

  .detail6-title {
    font-size: 22px;
  }

  .detail6-main {
    height: 400px;
  }

  .detail7 {
    padding: 30px 0;
  }

  .detail7-item {
    width: 200px;
    height: 100px;
  }


  .detail8-left,
  .detail8-right {
    padding: 20px;
  }

  .detail8-left-title {
    font-size: 18px;
  }

  .detail8-food {
    margin-top: 20px;
  }

  .detail8-right-title {
    font-size: 18px;
  }

  .detail8-right-more {
    font-size: 16px;
  }

  .detail8-left-text,
  .detail8-right-item-text {
    font-size: 12px;
  }

  .detail8-right-item-title {
    font-size: 14px;
  }

  .detail-food-strong {
    font-size: 12px;
  }

  .detail8-right-item-l {
    width: 120px;
    height: 87px;
  }

  .detail8-maim {
    height: 500px;
    ;
  }

  .detail8-cover {
    height: 300px;
  }

  .footer_nav_w~.footer_nav_w {
    margin-left: 30px;
  }

  .gl-left-control>div {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }

  .gl-left-control>div>img {
    width: 16px;
  }

  .detail8-right-item-date {
    font-size: 12px;
  }

  .contact-code{
    top: 10vh;
  }
}

/* 匹配高分辨率屏幕（如 2x DPR 及以上） */
@media screen and (min-resolution: 2dppx) and (max-width: 1535px),
screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1535px) {
  :root {
    --mainWidth: 1200px;
  }

  .detail1-sty1-block {
    /* width: 320px; */
    height: 90px;
  }

  .detail5-main>.detail5-main-item {
    width: 600px;
    height: 450px;
  }

  .detail5-main-item {
    width: 273px;
    height: 213px;
  }

  .footer_nav_w~.footer_nav_w {
    margin-left: 50px;
  }

  .contact-code {
    top: 12vh;
    left: 72.3vw;
  }

  .detail1-m-text {
    font-size: 14px;
  }

  .dci-text {
    font-size: 14px;
  }

  .detail4-block-text {
    font-size: 14px;
  }

  .dbr2 .detail4-block-title {
    font-size: 18px;
  }

  .detail4-sm-title {
    font-size: 16px;
    ;
  }

  .detail8-right-item-title {
    font-size: 16px;
  }

  .detail8-left-title {
    font-size: 20px;
  }

  .detail8-right-item-date {
    font-size: 14px;
  }

  .detail8-left-text,
  .detail8-right-item-text {
    font-size: 14px;
  }

  .detail1-sty1-text {
    font-size: 14px;
  }

  .detail1 {
    padding-top: 0;
    margin-top: 50px;
  }

  .detail7 {
    padding: 30px 0;
  }

  .detail6-main {
    height: 400px;
  }

  .detail6-left-content {
    left: 15vw;
  }

  .gl-title {
    font-size: 42px;
  }
}


/* phone */

/*QQ在线客服部分固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: 0;
	cursor: pointer;
}

.yb_bar ul li {
	width: 60px;
	height: 60px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	margin-bottom: 10px;
	border-radius: 3px;
	transition: all .5s ease;
	position: relative;
}

.yb_bar .yb_QQ {
	text-indent: 0;
	background: #f08300 url(https://down.maoxiaoqi.com/home_static/images/fixCont-v3.png) no-repeat 0 0;
	background-position-x: 3px;
}

.yb_bar .yb_phone {
	background: #f08300 url(https://down.maoxiaoqi.com/home_static/images/fixCont-v3.png) no-repeat 0 -57px;
	background-position-x: 3px;
}

.yb_bar .yb_ercode {
	/*height:200px;*/
	background: #f08300 url(https://down.maoxiaoqi.com/home_static/images/fixCont-v3.png) no-repeat 0 -113px;
	background-position-x: 3px;
  color: #fff;
  opacity: 1 !important;
}

.yb_bar .yb_top {
	background: #f08300 url(https://down.maoxiaoqi.com/home_static/images/fixCont-v3.png) no-repeat 0 -169px;
	background-position-x: 3px;
}

.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

.yb_ercode{
  color: #fff;
}

.triangle{
  width: 100%;
  height: 100%;
  color: #fff;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  background-color: transparent !important;
  border: none !important;
}