@charset "utf-8";

.section {

  width: 96%;

  margin: auto;

  max-width: var(--wrapper);

}

.pagePadding {

  padding: 4vw 0;

}


.page-section {

  width: 96%;

  margin: auto;

  max-width: var(--wrapper);

}
.page-banner{ position:relative}
.page-banner img {

  width: 100%;

}
.page-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(191,20,39,0), rgba(191,20,39,0.8));border-radius: 10vw 0 0 0;
}

.page-menu {

  padding: var(--padding); padding-top:0;

  border-bottom: 1px solid #ddd;

}

.page-menu .item {

  display: inline-block;

  padding: 0px 30px;

  background: transparent;

  color: #bf1427;

  font-size: var(--f18);

  font-weight: bold;

  border-radius: 500px;

  line-height: var(--f60);

  margin-right: 20px;border: solid 2px var(--main-color);

}
.page-menu .item:hover{background: #bf1427; color:#fff;}

.page-menu .item:hover a{color:#fff;}
/*新闻中心*/

.news-box .item {

  position: relative;

  padding: 2vw 0;

  border-bottom: #eee solid 1px;

  display: flex;

  align-items: center;

}

.news-box .item .text {

  flex-basis: 70%;

  padding-right: 2vw;

  height: fit-content;

}

.news-box .item .text .time {

  font-size: var(--f18);

  font-family: "Arial";

  font-style: italic;

  color: var(--main-color);

  font-weight: bold;

}

.news-box .item .text .title {

  line-height: normal;

  font_radio: 2;

  display-radio: 1;

  font-size: var(--f36);

  font-weight: 700;

  font-family: Microsoft YaHei;

  color: #412915;

  line-height: 1.2;

  -webkit-line-clamp: 2;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-bottom: 30px;

  margin-top: 10px;

}

.news-box .item .text .line {

  width: 40px;

  margin-left: 0;

  border-top-color: var(--main-color);

  border-top-style: solid;

  border-top-width: 2px;

  padding-top: 0;

  padding-bottom: 0;

  margin-top: 0;

  margin-bottom: 0;

  transition-property: all;

  transition-duration: 0.3s;

  transition-timing-function: cubic-bezier(0, 0, 1, 1);

}

.news-box .item .img {

  flex-basis: 30%;

  height: 20vw;

  max-height: 400px;

}

.news-box .item .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.news-box .item:hover .line {

  width: 100%;

}

.news-detail {

  display: flex;

  flex-wrap: wrap;

  padding: var(--padding);

}

.news-detail .left {

  flex-basis: 75%;

  padding-right: 3vw;

}

.news-detail .left .news-detail-box {

  padding: var(--f30);

  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.15);

}

.news-detail .left .news-detail-box .title {

  font-size: var(--f30);

  color: #333;

}

.news-detail .left .news-detail-box .time {

  font-size: 14px;

  color: #999999;

  line-height: 1;

  margin-top: 20px;

  margin-bottom: 20px;

}

.news-detail .left .news-detail-box .news-container {

  line-height: 2;

}

.news-detail .right {

  flex-basis: 25%;

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  width: 100%;

  background: #fff;

  padding: var(--f30);

  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.15);

  border-top: var(--main-color) solid 5px;

  height: fit-content;

}

.news-detail .right .title {

  margin-bottom: 20px;

  color: #333333;

  font-size: var(--f24);

}

.news-detail .right .right-box a {

  padding: 10px 0;

  border-bottom: dotted #ddd 1px;

  display: block;

  font-size: 14px;

}

/*关于我们*/

.about-box .item {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.about-box .item .img {

  flex-basis: 44%;

  border-radius: 5vw 0 5vw 0;

  overflow: hidden;

}

.about-box .item .img img {

  width: 100%;

}

.about-box .item .text {

  flex-basis: 50%;

}

.about-box .item .text .sub {

  font-size: var(--f18);

  font-family: "Din";

  font-style: italic;

  color: var(--main-color);

  font-weight: bold;

}

.about-box .item .text .title {

  font-size: var(--f50);

  font-family: "xique";

  color: #000;

  line-height: 1;

}

.about-box .item .text .summary {

  margin-top: 30px;

  line-height: 2;    font-size: 16px;

}

.about-box .item .text .summary ul li {

  padding-left: 20px;

  position: relative;

}

.about-box .item .text .summary ul li::after {

  position: absolute;

  left: 0;

  top: 10px;

  width: 10px;

  height: 10px;

  border-radius: 500px;

  border: solid 2px var(--main-color);

  content: "";

}

.about-box .item .text .number {

  display: flex;

}

.about-box .item .text .number .number-box {

  flex-basis: 50%;

}

.about-box .item .text .number .number-box .num {

  line-height: 1;

}

.about-box .item .text .number .number-box .num .p_num {

  font-size: var(--f60);

  font-weight: 800;

  color: var(--main-color);

}

.about-box .item .text .number .number-box .num .p_plus {

  font-size: 14px;

}

.about-box .item .text .number .number-box .number-text {

  line-height: normal;

  color: var(--main-color);

  font-size: 16px;

  font-weight: 600;

  font-style: italic;

}

.about-box .item:nth-child(2n) {

  flex-direction: row-reverse;

  margin-top: 5vw;

}

.about-box .item:nth-child(2n) .summary {

  margin: 2.5vw 0;

}

/*产品中心*/

.product .item-bg:nth-child(2n) {

  background: #f2f2f2;

}

.product .item-list {

  display: flex;

  flex-wrap: wrap;

  width: 96%;

  max-width: var(--wrapper);

  padding: var(--padding);

  margin: auto;

}

.product .item-list .left {

  flex-basis: 20%;

}

.product .item-list .left img {

  width: 80px;

  height: 80px;

  background: var(--main-color);

  border-radius: 500px;

  display: block;

  margin-right: 10px;

}

.product .item-list .right {

  flex-basis: 80%;

  display: flex;

  flex-wrap: wrap;

}

.product .item-list .right .item {

  display: flex;

  width: calc((100% - 40px) / 2);

  margin-right: 30px;

  margin-bottom: 60px;

  height: fit-content;

  flex-wrap: wrap;

  align-items: center;

}

.product .item-list .right .item:nth-child(2n) {

  margin-right: 0;

}

.product .item-list .right .item:hover .img img {

  transform: scale(1.06);

}

.product .item-list .right .item .img {

  overflow: hidden;

  padding-bottom: 50%;

  border-radius: 50%;

  box-shadow: -20px -20px 0 0 #fdf1dd;

  position: relative;

  width: 66.7%;

}

.product .item-list .right .item .img img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

  transition: all 0.5s;

}

.product .item-list .right .item .text {

  width: 66.7%;

}

.product .item-list .right .item .text .title {

  line-height: normal;

  font-weight: 700;

  color: #412915;

  font-size: var(--f20);

  font-family: Microsoft YaHei;    text-align: center;
    padding-top: 20px;

}

.product .item-list .right .item .text .summary {

  line-height: normal;

  font-size: 16px;

  font-weight: 700;

  color: #412915;

  font-family: Microsoft JhengHei;

  font_radio: 2;

  display-radio: 1;

  line-height: 30px;

  height: 60px;

  margin-top: 10px;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}

.product-detail .top {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  display-radio: flex;

  background: #f5f5f5;

  padding: 2vw;

  border-radius: 30px;

}

.product-detail .top .img {

  width: 55%;

  margin-right: 50px;

}

.product-detail .top .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.product-detail .top .img .big-swiper {

  background: #fff;

  overflow: hidden;

  width: 100%;

  border: none;

  border-radius: 5vw 0 5vw 0;

}

.product-detail .top .img .big-swiper .swiper-button-prev,

.product-detail .top .img .big-swiper .swiper-button-next {

  display: flex;

  justify-content: center;

  align-items: center;

  background: rgba(0, 0, 0, 0.3);

}

.product-detail .top .img .big-swiper .swiper-button-prev .a_icon,

.product-detail .top .img .big-swiper .swiper-button-next .a_icon {

  font-size: 24px;

  color: #fff;

}

.product-detail .top .img .big-swiper .swiper-button-next {

  transform: rotate(180deg);

}

.product-detail .top .img .big-swiper .swiper-slide {

  overflow: hidden;

  background: #fff;

}

.product-detail .top .img .small-swiper {

  margin-top: 10px;

}

.product-detail .top .img .small-swiper .swiper-slide {

  border-radius: 20px 0 20px 0;

  overflow: hidden;

  background: #fff;

}

.product-detail .top .text {

  flex: 1;

}

.product-detail .top .text .title {

  font-size: var(--f30);

  color: #333333;

  line-height: 2;

  font-weight: bold;

}

.product-detail .top .text .sub {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  width: 100%;

  padding: 10px 20px;

  display-radio: flex;

  margin-top: 20px;

  background-color: #eee;

  border-radius: 20px 0 20px 0;

}

.product-detail .top .text .sub a {

  margin-right: 10px;

}

.product-detail .top .text .summary {

  font-size: 16px;

  font-family: Microsoft YaHei;

  color: #666666;

  line-height: 2;

  display-radio: -webkit-box;

  -webkit-line-clamp: 3;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-top: 20px;

}

.product-detail .top .text .contact {

  background: var(--main-color);

  border: none;

  width: 170px;

  line-height: 50px;

  text-align: center;

  color: #fff;

  font-size: 16px;

  transition: all 0.5s;

  position: relative;

  border-radius: 0;

  overflow: hidden;

  letter-spacing: 2px;

  box-shadow: 0.1px 1.3px 5.3px rgba(0, 0, 0, 0.008), 0.4px 4.2px 17.9px rgba(0, 0, 0, 0.01), 2px 19px 80px rgba(0, 0, 0, 0.02);

  border-radius: 5px;

  padding: 0 20px;

  border-radius: 500px;

  margin-top: 20px;

  display: block;

}

.product-detail .top .text .contact:hover {

  opacity: 0.9;

}

.product-detail .bottom .sub {

  font-size: var(--f18);

  font-family: "Arial";

  font-style: italic;

  color: var(--main-color);

  font-weight: bold;

  margin-top: 5vw;

}

.product-detail .bottom .title {

  font-size: var(--f50);

  font-family: "xique";

  color: #000;

  line-height: 1;

}

.product-detail .bottom .bottom-box {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  margin-top: 30px;

  margin-bottom: 20px;

  display-radio: flex;

  max-width: none;

  padding-top: 30px;

  border-top: #ddd solid 1px;

}

.product-detail .bottom .bottom-box .left {

  width: 70%;

  font-size: 16px;

  color: #333333;

  line-height: 2;

}

.product-detail .bottom .bottom-box .right {

  width: 30%;

  padding-left: 4vw;

}

.product-detail .bottom .bottom-box .right .right-title {

  font-size: var(--f24);

  color: #333333;

  line-height: 2;

  font-weight: bold;

  display-radio: 1;

}

.product-detail .bottom .bottom-box .right .right-list .item {

  max-width: 150px;

  display: block;

  margin: 40px auto 50px;

}

.product-detail .bottom .bottom-box .right .right-list .item .img {

  overflow: hidden;

  padding-bottom: 100%;

  border-radius: 50%;

  box-shadow: -20px -20px 0 0 #fdf1dd;

  display-radio: 1;

  max-width: none;

  position: relative;

}

.product-detail .bottom .bottom-box .right .right-list .item .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  position: absolute;

  top: 0;

  left: 0;

}

.product-detail .bottom .bottom-box .right .right-list .item .text {

  font-size: 16px;

  text-align: center;

}

.shop {

  display: flex;

  flex-wrap: wrap;

}

.shop .item {

  border-radius: 30px;

  background: #eeeeee;

  overflow: hidden;

  padding: 2vw;

  position: relative;

  display: block;

  width: calc((100% - 50px) / 2);

  margin-right: 50px;

  margin-bottom: 50px;

}

.shop .item:nth-child(2n) {

  margin-right: 0;

}

.shop .item .title {

  line-height: normal;

  font-size: var(--f24);

  font-weight: bold;

  color: #000;

  margin-bottom: 20px;

}

.shop .item .img {

  padding-bottom: 62%;

  height: 0;

  position: relative;

  overflow: hidden;

  background: #fff;

  border-radius: 30px;

}

.shop .item .img img {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: contain;

  transition: all 0.5s;

}

.shop .item:hover img {

  transform: scale(1.3);

}

@media screen and (max-width: 768px) {

  .about-box .item {

    flex-direction: column-reverse !important;

    margin-bottom: 50px;

  }

  .about-box .item .img {

    margin-top: 30px;

  }

  .page-menu .item {

    padding: 10px 20px;

    font-size: 14px;

    margin-right: 10px;

    margin-bottom: 20px;

  }

  .news-box .item {

    flex-direction: column-reverse;

    margin-bottom: 20px;

  }

  .news-box .item .img {

    height: 200px;

  }

  .news-box .item .text {

    flex-basis: 100%;

    margin-top: 20px;

    width: 100%;

  }

  .news-detail .left,

  .news-detail .right {

    flex-basis: 100%;

    padding-right: 0;

  }

  .product .item-list .left {

    flex-basis: 100%;

    text-align: center;

  }

  .product .item-list .left img {

    margin: 30px auto 20px;

  }

  .product .item-list .right {

    flex-basis: 100%;

  }

  .product .item-list .right .item {

    width: calc((100% - 20px) / 2) !important;

    margin-right: 20px!important;

    margin-bottom: 60px!important;

    flex-direction: column;

  }

  .product .item-list .right .item .img {
    padding-bottom: 66%;
    width: 88.5%;
    box-shadow: -10px -10px 0 0 #fdf1dd;box-shadow: -10px -10px 0 0 #fdf1dd;
  }
.product-detail .bottom .bottom-box .right .right-list .item .img{padding-bottom: 75%;    box-shadow: -10px -10px 0 0 #fdf1dd;}
  .product .item-list .right .item .text {
    width: 100%;
  }
  .shop .item .title{text-align: center;
    padding-top: 10px;}

  .product .item-list .right .item .text .title {
    text-align: center;
  }

  .product .item-list .right .item:nth-child(2n) {

    margin-right: 0 !important;

  }

  .product-detail .top .img {

    width: 100%;

    margin-right: 0;

  }

  .product-detail .top .text {

    margin: 20px auto;

  }

  .product-detail .bottom .bottom-box {

    flex-direction: column;

  }

  .product-detail .bottom .bottom-box .left {

    width: 100%;

  }

  .product-detail .bottom .bottom-box .right {

    width: 100%;

    padding-left: 0;

    margin-top: 50px;

  }

  .product-detail .bottom .bottom-box .right .right-list {

    display: flex;

    flex-wrap: wrap;

  }

  .product-detail .bottom .bottom-box .right .right-list .item {

    max-width: 100%;

    width: 50%;

    padding: 20px;

    margin: 20px 0 10px;

  }

  .shop .item {

    width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

}

/*企业文化*/

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.icon-dianhua:before {

  content: "\e604";

}

.icon-dizhi:before {

  content: "\e60d";

}

.icon-gongsi:before {

  content: "\e769";

}

.icon-huiyuan:before {

  content: "\e640";

}

.icon-custom-other:before {

  content: "\e688";

}

.icon-gf-bubbles6:before {

  content: "\e95b";

}

.icon-sp:before {

  content: "\e615";

}

.icon-curriculum:before {

  content: "\e612";

}

.icon-menu_bszn:before {

  content: "\e658";

}

.icon-shejishishenganquananjian:before {

  content: "\e619";

}

.icon-teacher-zixunlaoshi:before {

  content: "\e617";

}

.icon-a-zaixianxuexikaoshipeixunkecheng-52:before {

  content: "\e8d3";

}

.icon-chongwumeirong:before {

  content: "\e66a";

}

.icon-red-chongwuyiliao:before {

  content: "\e61c";

}

.icon-_jingyingguanli:before {

  content: "\e60c";

}

.icon-yingxiaoxinxi:before {

  content: "\e687";

}

.icon-bofang:before {

  content: "\e60e";

}

.icon-arrowLeft:before {

  content: "\e65d";

}

.icon-arrowLeft-copy:before {

  content: "\e7e6";

}

.icon-close:before {

  content: "\e616";

}

.icon-xinlang:before {

  content: "\e61f";

}

.icon-weixin:before {

  content: "\e7e5";

}

.icon-up:before {

  content: "\e76e";

}

.icon-down:before {

  content: "\e772";

}

.icon-qq:before {

  content: "\e630";

}

.icon-right:before {

  content: "\e798";

}

.icon-left:before {

  content: "\e799";

}

.icon-jiazaizhong:before {

  content: "\e64e";

}

.icon-talk-s:before {

  content: "\e651";

}

@font-face {

  font-family: "Century Gothic";

  src: url("../font/Century Gothic.woff2") format("woff2"), url("../font/Century Gothic.woff") format("woff"), url("../font/Century Gothic.ttf") format("truetype"), url("../font/Century Gothic.eot") format("embedded-opentype"), url("../font/Century Gothic.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "geometr";

  src: url("../font/Geometr415 Blk BT Black.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "din-bold_";

  src: url("../font/din-bold_.woff2") format("woff2"), url("../font/din-bold_.woff") format("woff"), url("../font/din-bold_.ttf") format("truetype"), url("../font/din-bold_.eot") format("embedded-opentype"), url("../font/din-bold_.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

.geometr {

  font-family: "geometr";

}

.century {

  font-family: "Century Gothic";

}

.din {

  font-family: "din-bold_";

}

:root {

  --color-red: #C90007;

  --color-blue: #546ff2;

  --color-orange: #f6721f;

  --color-orange-hover: #D65D15;

  --color-blue-hover: #3E55D3;

  --color-violet: #57168a;

  --color-yellow: #ffcb2a;

  --transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

  --opacity-8: 0.8;

  --opacity-6: 0.6;

  --linear-gradient-blue: linear-gradient(90deg, rgba(113, 213, 212, 0), #71D5D4);

  --linear-gradient-shadow: linear-gradient(0, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

  --linear-gradient-ware: linear-gradient(0, rgba(255, 18, 29, 0.2), rgba(255, 204, 81, 0.2));

  --linear-gradient-green: linear-gradient(90deg, rgba(137, 198, 172, 0.6), rgba(137, 198, 172, 0));

  --linear-gradient-y-g: linear-gradient(90deg, #F3CF6D, #036643);

  --text-vertical-lr: vertical-lr;

  --form-color: #A314C5;

  --px-10: 10px;

  --px-20: 20px;

  --px-30: 30px;

  --px-40: 40px;

  --px-50: 50px;

  --px-60: 60px;

  --px-70: 70px;

  --px-80: 80px;

  --px-90: 90px;

  --px-100: 100px;

  --px-110: 110px;

  --px-120: 120px;

  --color-green: #51bb8a;

  --color-blue1: #00baaa;

  --color-green1: #249b69;

}

article,

aside,

dialog,

footer,

header,

section,

footer,

nav,

figure,

menu,

main {

  display: block;

  padding: 0;

  margin: 0;

}

*,

:before,

:after {

  box-sizing: border-box;

}

blockquote,

body,

button,

dd,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

input,

legend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

  margin: 0;

  padding: 0;

}

img {

  border: 0;

  display: inline-block;

  width: auto;

  max-width: 100%;

  vertical-align: middle;

}

ul,

dl,

li,

dt,

dd {

  list-style: none;

}

body,

html {

  min-height: 100%;

}

body {

  font-size: 14px;

  color: #333;

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  overflow-x: hidden;

  font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;

}

pre {

  font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;

  white-space: pre-wrap;

  word-wrap: break-word;

}

a {

  text-decoration: none;

  color: inherit;

  outline: none;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.clearfix:after {

  content: "\200B";

  display: block;

  height: 0;

  clear: both;

}

.clearfix {

  *zoom: 1;

}

/*IE/7/6*/

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}

input,

textarea,

select {

  outline: none;

  -webkit-appearance: none;

  border-radius: 0;

  font-size: 14px;

  font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;

  display: block;

  width: 100%;

  border: none;

  border: 1px solid #E6E6E6;

  height: 38px;

  line-height: 38px;

  padding: 0 10px;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

  background: none;

}

input::-webkit-input-placeholder,

input:-moz-placeholder,

input::-moz-placeholder,

input:-ms-input-placeholder,

textarea::-webkit-input-placeholder,

textarea:-moz-placeholder,

textarea::-moz-placeholder,

textarea:-ms-input-placeholder {

  color: #999;

}

select::-ms-expand {

  display: none;

}

i,

em {

  font-style: normal;

}

.container {

  max-width: 1230px;

  margin: auto;

  position: relative;

  padding: 0 15px;

  width: 100%;

  z-index: 1;

}

.container1400 {

  max-width: 1430px;

  margin: auto;

  position: relative;

  padding: 0 15px;

  width: 100%;

  z-index: 1;

}

.container1300 {

  max-width: 1330px;

  margin: auto;

  position: relative;

  padding: 0 15px;

  width: 100%;

  z-index: 1;

}

.din {

  font-family: "din-bold_";

}

/*浏览器滚动条*/

::-webkit-scrollbar {

  width: 5px;

  height: 5px;

}

::-webkit-scrollbar-button:vertical,

::-webkit-scrollbar-button:horizontal {

  display: none;

}

::-webkit-scrollbar-track:vertical,

::-webkit-scrollbar-track:horizontal {

  background-color: black;

}

::-webkit-scrollbar-track-piece {

  background: #E3E3E3;

}

::-webkit-scrollbar-thumb:vertical,

::-webkit-scrollbar-thumb:horizontal {

  background-color: #555;

  border-radius: 1.5625vw;

}

::-webkit-scrollbar-thumb:vertical:hover,

::-webkit-scrollbar-thumb:horizontal:hover {

  background-color: #3B3B3B;

}

::-webkit-scrollbar-corner:vertical,

::-webkit-scrollbar-corner:horizontal {

  background-color: #535353;

}

::-webkit-scrollbar-resizer:vertical,

::-webkit-scrollbar-resizer:horizontal {

  background-color: #FF6E00;

}

/*config*/

.l-center {

  text-align: center;

}

.l-relative {

  position: relative;

}

.l-overflow {

  overflow: hidden;

}

.l-bold {

  font-weight: bold;

}

.l-imgs {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.l-right {

  float: right;

}

.l-lh18 {

  line-height: 18px;

}

.l-lh20 {

  line-height: 20px;

}

.l-lh22 {

  line-height: 22px;

}

.l-lh24 {

  line-height: 24px;

}

.l-lh26 {

  line-height: 26px;

}

.l-lh28 {

  line-height: 28px;

}

.l-lh30 {

  line-height: 30px;

}

.l-lh32 {

  line-height: 32px;

}

.l-lh34 {

  line-height: 34px;

}

.l-lh36 {

  line-height: 36px;

}

.l-lh38 {

  line-height: 38px;

}

.l-lh40 {

  line-height: 40px;

}

.l-font12 {

  font-size: 12px;

}

.l-font16 {

  font-size: 16px;

}

.l-font18 {

  font-size: 18px;

}

.l-font20 {

  font-size: 20px;

}

.l-font22 {

  font-size: 22px;

}

.l-font24 {

  font-size: 24px;

}

.l-font26 {

  font-size: 26px;

}

.l-font28 {

  font-size: 28px;

}

.l-font30 {

  font-size: 30px;

}

.l-font32 {

  font-size: 32px;

}

.l-font34 {

  font-size: 34px;

}

.l-font36 {

  font-size: 36px;

}

.l-font38 {

  font-size: 38px;

}

.l-font40 {

  font-size: 40px;

}

.l-font42 {

  font-size: 42px;

}

.l-font56 {

  font-size: 56px;

}

.l-font60 {

  font-size: 60px;

}

.l-font72 {

  font-size: 72px;

}

.l-font100 {

  font-size: 100px;

}

.l-opacity8 {

  opacity: 0.8;

}

.l-opacity7 {

  opacity: 0.7;

}

.l-opacity5 {

  opacity: 0.5;

}

/*栅格化*/

.l-flex,

.l-grid-2,

.l-grid-3,

.l-grid-4,

.l-grid-5,

.l-grid-6,

.l-grid-7,

.l-grid-8 {

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  -webkit-flex-direction: row;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

}

.l-col-1,

.l-col-2,

.l-col-3,

.l-col-4,

.l-col-5,

.l-col-6,

.l-col-7,

.l-col-8,

.l-col-9,

.l-col-10,

.l-col-11,

.l-col-12,

.l-left,

.l-grid-2 > *,

.l-grid-3 > *,

.l-grid-4 > *,

.l-grid-5 > *,

.l-grid-6 > * {

  float: left;

}

/*均分*/

.l-grid-2 > * {

  width: 50%;

}

.l-grid-3 > * {

  width: 33.33333333%;

}

.l-grid-4 > * {

  width: 25%;

}

.l-grid-5 > * {

  width: 20%;

}

.l-grid-6 > * {

  width: 16.66666667%;

}

.l-grid-7 > * {

  width: 14.28571429%;

}

.l-grid-8 > * {

  width: 12.5%;

}

/*均分/非均分*/

.l-col-1 {

  width: 8.33333333%;

}

.l-col-2 {

  width: 16.66666667%;

}

.l-col-3 {

  width: 25%;

}

.l-col-4 {

  width: 33.33333333%;

}

.l-col-5 {

  width: 41.66666667%;

}

.l-col-6 {

  width: 50%;

}

.l-col-7 {

  width: 58.33333333%;

}

.l-col-8 {

  width: 66.66666667%;

}

.l-col-9 {

  width: 75%;

}

.l-col-10 {

  width: 83.33333333%;

}

.l-col-11 {

  width: 91.66666667%;

}

.l-col-12 {

  width: 100%;

}

/*间距*/

.l-space5 {

  margin-left: -5px;

}

.l-space5 > * {

  padding-left: 5px;

}

.l-space10 {

  margin-left: -10px;

}

.l-space10 > * {

  padding-left: 10px;

}

.l-space15 {

  margin-left: -15px;

}

.l-space15 > * {

  padding-left: 15px;

}

.l-space20 {

  margin-left: -20px;

}

.l-space20 > * {

  padding-left: 20px;

}

.l-space25 {

  margin-left: -25px;

}

.l-space25 > * {

  padding-left: 25px;

}

.l-space30 {

  margin-left: -30px;

}

.l-space30 > * {

  padding-left: 30px;

}

.l-space35 {

  margin-left: -35px;

}

.l-space35 > * {

  padding-left: 35px;

}

.l-space40 {

  margin-left: -40px;

}

.l-space40 > * {

  padding-left: 40px;

}

/*mt*/

.mt10 {

  margin-top: 10px;

}

.mt15 {

  margin-top: 15px;

}

.mt20 {

  margin-top: 20px;

}

.mt25 {

  margin-top: 25px;

}

.mt30 {

  margin-top: 30px;

}

.mt35 {

  margin-top: 35px;

}

.mt40 {

  margin-top: 40px;

}

.ml10 {

  margin-left: 10px;

}

.ml15 {

  margin-left: 15px;

}

.ml20 {

  margin-left: 20px;

}

.ml25 {

  margin-left: 25px;

}

.ml30 {

  margin-left: 30px;

}

.ml35 {

  margin-left: 35px;

}

.ml40 {

  margin-left: 40px;

}

.l-col-mt10 > * {

  margin-top: 10px;

}

.l-col-mt15 > * {

  margin-top: 15px;

}

.l-col-mt20 > * {

  margin-top: 20px;

}

.l-col-mt25 > * {

  margin-top: 25px;

}

.l-col-mt30 > * {

  margin-top: 30px;

}

.l-col-mt35 > * {

  margin-top: 35px;

}

.l-col-mt40 > * {

  margin-top: 40px;

}

/*form*/

.l-form-label {

  width: 110px;

  text-align: right;

  padding: 0 15px;

}

input:focus {

  border-color: #D2D2D2;

}

.l-input-block {

  margin-left: 110px;

  min-height: 38px;

}

.layui-input-inline {

  width: 190px;

}

.l-radio > div {

  float: left;

  position: relative;

  margin-left: 20px;

  display: flex;

  align-items: center;

}

.l-radio > div:first-child {

  margin-left: 0;

}

.l-radio > div i {

  display: block;

  width: 18px;

  height: 18px;

  border: 1px solid #c2c2c2;

  border-radius: 50%;

  margin: 0 6px 0 0;

  float: left;

  position: relative;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-radio > div i:before {

  content: '';

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--form-color);

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -4px 0 0 -4px;

  transform: scale(0);

  visibility: hidden;

  opacity: 0;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-radio > div.on i {

  border-color: var(--form-color);

}

.l-radio > div.on i:before {

  transform: scale(1);

  visibility: visible;

  opacity: 1;

}

.l-radio > div input {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  cursor: pointer;

  -webkit-appearance: radio;

  opacity: 0;

  z-index: 2;

}

.l-checkbox > div i {

  border-radius: 4px;

}

.l-checkbox > div i:before {

  border-radius: 4px;

}

.l-lh60 {

  line-height: 60px;

}

.l-font160 {

  font-size: 8.33333333vw;

}

.l-hollowOut {

  -webkit-text-fill-color: transparent;

  -webkit-text-stroke: 1px #000;

}

/*btn*/

button.l-btn {

  -webkit-appearance: none;

  outline: none;

}

.l-btn {

  height: 38px;

  line-height: 38px;

  padding: 0 18px;

  cursor: pointer;

  border: 1px solid transparent;

  color: #fff;

  white-space: nowrap;

  text-align: center;

  font-size: 14px;

  border-radius: 2px;

  background-color: #009688;

  display: inline-block;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-btn-primary {

  border-color: #d2d2d2;

  background-color: inherit !important;

  color: #000;

}

.l-btn:hover {

  opacity: 0.8;

}

.l-btn-primary:hover {

  border-color: #007E74;

  color: #007E74;

}

.l-btn-disabled {

  color: #d2d2d2;

  border-color: #eee;

  background-color: #fbfbfb;

  cursor: not-allowed;

}

.l-btn-xl {

  height: 50px;

  line-height: 50px;

  padding: 0 30px;

  font-size: 18px;

}

.l-btn-l {

  height: 44px;

  line-height: 44px;

  padding: 0 25px;

  font-size: 16px;

}

.l-btn-s {

  height: 30px;

  line-height: 30px;

  padding: 0 10px;

  font-size: 12px;

}

.l-btn-xs {

  height: 22px;

  line-height: 22px;

  padding: 0 5px;

  font-size: 12px;

}

.l-btn-flex {

  display: block;

  width: 100%;

}

/*radius*/

.l-radius2 {

  border-radius: 2px;

}

.l-radius4 {

  border-radius: 4px;

}

.l-radius6 {

  border-radius: 6px;

}

.l-radius8 {

  border-radius: 8px;

}

.l-radius10 {

  border-radius: 10px;

}

.l-radius20 {

  border-radius: 20px;

}

.l-radius30 {

  border-radius: 30px;

}

.l-radius50 {

  border-radius: 50%;

}

/*border*/

.l-border1 {

  border: 1px solid #fafafa;

}

.l-border2 {

  border: 2px solid #fafafa;

}

.l-border3 {

  border: 3px solid #fafafa;

}

.l-border-dashed {

  border-style: dashed;

}

.l-border-dotted {

  border-style: dotted;

}

.l-border-color1 {

  border-color: #fafafa;

}

.l-border-color2 {

  border-color: #f6f6f6;

}

.l-border-color3 {

  border-color: #eee;

}

.l-border-color4 {

  border-color: #e2e2e2;

}

.l-border-color5 {

  border-color: #ddd;

}

.l-border-color6 {

  border-color: #d2d2d2;

}

.l-border-color7 {

  border-color: #ccc;

}

.l-border-color8 {

  border-color: #c2c2c2;

}

.l-border-red {

  border-color: #FF5722;

}

.l-border-orange {

  border-color: #FFB800;

}

.l-border-green {

  border-color: #009688;

}

.l-border-cyan {

  border-color: #2F4056;

}

.l-border-blue {

  border-color: #1E9FFF;

}

.l-border-black {

  border-color: #393D49;

}

/*bg color*/

.l-bg-red {

  background-color: #FF5722;

}

.l-bg-orange {

  background-color: #FFB800;

}

.l-bg-green {

  background-color: #009688;

}

.l-bg-cyan {

  background-color: #2F4056;

}

.l-bg-blue {

  background-color: #1E9FFF;

}

.l-bg-black {

  background-color: #393D49;

}

.l-bg-gray {

  background-color: #FAFAFA;

}

.l-bg-white {

  background-color: #fff;

}

/*font color*/

.l-white {

  color: #fff;

}

.l-red {

  color: #cb0e16;

}

.l-orange {

  color: #FF8400;

}

.l-green {

  color: #249b69;

}

.l-cyan {

  color: #2F4056;

}

.l-blue {

  color: var(--color-blue);

}

.l-black {

  color: #000;

}

.l-gray3 {

  color: #333;

}

.l-gray6 {

  color: #666;

}

.l-gray9 {

  color: #999;

}

.lines1 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.lines2 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.lines3 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.lines4 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

}

.lines5 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

}

.public-bg {

  background-attachment: fixed;

  background-position: center;

  background-size: cover;

}

.lh-imgLayer-banner {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.8);

  z-index: 1000;

}

.lh-imgLayer-banner li {

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

}

.lh-imgLayer-banner video {

  width: 100%;

}

.lh-imgLayer-banner li > div {

  width: 80%;

  height: 80%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.lh-imgLayer-banner li > div img {

  max-height: 100%;

}

.lh-imgLayer-close {

  position: absolute;

  right: 15px;

  top: 15px;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  background: #000;

  color: #fff;

  font-size: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 2;

}

.lh-imgLayer-banner .prevn,

.lh-imgLayer-banner .nextn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #000;

  color: #fff;

  font-size: 24px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

.lh-imgLayer-banner .prevn {

  left: 15px;

}

.lh-imgLayer-banner .nextn {

  right: 15px;

}

/*下拉*/

.l-select {

  position: relative;

  line-height: inherit;

}

.l-select-title {

  position: relative;

  height: inherit;

  cursor: pointer;

}

.l-select-title > input {

  cursor: pointer;

  position: relative;

  z-index: 2;

  user-select: none;

}

.l-select-title:after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  border: 6px solid transparent;

  border-top: 6px solid #C2C2C2;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -3px;

}

.l-select-upbit {

  position: absolute;

  left: 0;

  top: 110%;

  width: 100%;

  border: 1px solid #eee;

  border-radius: 2px;

  background: #fff;

  z-index: 10;

  padding: 5px 0;

  transform: translateY(20px);

  visibility: hidden;

  max-height: 300px;

  overflow-y: auto;

}

.l-select-upbit > * {

  padding: 0 10px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.l-select-upbit > dd {

  cursor: pointer;

}

.l-select-upbit > dd:hover {

  background: #f6f6f6;

}

.l-select-upbit > dd.on {

  background: #5FB878;

  color: #fff;

}

.l-select-tips {

  color: #999;

}

.l-select.l-selected .l-select-upbit {

  transform: translateY(0);

  visibility: visible;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-select.l-selectup .l-select-upbit {

  top: inherit;

  bottom: 110%;

}

.l-disabled {

  background-color: #fff;

  color: #d2d2d2 !important;

  cursor: not-allowed !important;

}

.l-disabled:hover {

  background: none !important;

}

.l-select-group > dd {

  padding-left: 20px;

}

.l-select-group > dt {

  color: #999;

}

.l-radio > .l-disabled i {

  border: 1px solid #F0EEEE;

}

.l-disabled > * {

  cursor: not-allowed !important;

}

.l-hide {

  display: none !important;

}

.l-select-none {

  text-align: center;

  color: #999;

}

.l-switch {

  width: 56px;

  height: 24px;

  line-height: 24px;

  border: 1px solid #D2D2D2;

  position: relative;

  border-radius: 30px;

  cursor: pointer;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-switch input {

  cursor: pointer;

}

.l-switch input {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  opacity: 0;

}

.l-switch em {

  font-size: 12px;

  color: #999;

  position: absolute;

  right: 4px;

  top: 0;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-switch i {

  display: block;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background: #D2D2D2;

  position: absolute;

  left: 4px;

  top: 50%;

  margin-top: -8px;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

  z-index: 2;

}

.l-switch.on em {

  transform: translateX(-20px);

  color: #fff;

}

.l-switch.on i {

  transform: translateX(30px);

  background: #fff;

}

.l-switch.on {

  border-color: #5FB878;

  background: #5FB878;

}

.l-textarea {

  height: 100px;

  transition: 0s;

  min-height: 100px;

  max-height: 300px;

}

.l-textarea:focus {

  border-color: #D3D3D3;

  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;

}

.l-lh56 {

  line-height: 56px;

}

.l-lh70 {

  line-height: 70px;

}

.l-uppercase {

  text-transform: uppercase;

}

.lh-cursor {

  pointer-events: none;

  position: absolute;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10000;

  width: 20px;

  height: 20px;

  margin: -10px 0 0 -10px;

  mix-blend-mode: difference;

}

.lh-cursor i {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.6s ease;

}

.lh-cursor > div {

  position: relative;

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.lh-cursor > div:before {

  content: '左右滑动切换';

  position: absolute;

  left: 50%;

  top: 100%;

  transform: translateX(-50%);

  white-space: nowrap;

  color: #fff;

}

.lh-cursor .left {

  position: absolute;

  right: 110%;

  top: 50%;

  transform: translateY(-50%);

}

.lh-cursor .right {

  position: absolute;

  left: 110%;

  top: 50%;

  transform: translateY(-50%);

}

.banner.lh-cursor > div {

  opacity: 1;

}

.banner.lh-cursor > i {

  opacity: 0;

}

li .l-imgs {

  height: 100%;

  transition: var(--transition);

}

.lh-banner .bd > li {

  overflow: hidden;

}

.l-font48 {

  font-size: 48px;

}

.l-font52 {

  font-size: 52px;

}

textarea {

  resize: none;

}

/*分享二维码*/

#lhCode {

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 3px;

  background: #fff;

  border: 4px solid #7F7F7F;

  z-index: 3000;

}

#lhCode > h2 {

  height: 30px;

  line-height: 30px;

  background: #F2F2F2;

  overflow: hidden;

  position: relative;

  padding: 0 0 0 10px;

  font-size: 14px;

  color: #666666;

}

#lhCode > h2 > i {

  cursor: pointer;

  float: right;

  width: 35px;

  height: 35px;

  text-align: center;

}

#lhCode > .ewm {

  width: 180px;

  height: 180px;

  padding: 10px;

}

#lhCode > .ewm canvas {

  width: 100%;

  height: 100%;

}

header {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 100;

  right: 0;

  padding-top: 28px;

  padding-bottom: 28px;

}

.index-mob {

  padding-left: 7.8125vw;

  padding-right: 7.8125vw;

}

.lh-logo {

  position: relative;

  height: 60px;

  width: 164px;

}

.lh-logo > * {

  transition: var(--transition);

  height: inherit;

  width: auto;

  width: inherit;

  display: block;

  image-rendering: -webkit-optimize-contrast;

}

.lh-logo .logo2 {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.lh-nav li {

  float: left;

  margin-left: 2.5vw;

  line-height: 58px;

  position: relative;

}

.lh-nav li a {

  padding: 0 16px;

  position: relative;

}

.lh-nav li a:after {

  content: '';

  display: block;

  width: 100%;

  height: 4px;

  background: #fff;

  position: absolute;

  left: 0;

  bottom: -30px;

  transition: var(--transition);

  transform: scaleX(0);

}

.lh-nav li > a:hover:after,

.lh-nav li.on > a:after {

  transform: scaleX(1);

}

.lh-banner {

  height: 100vh;

}

.lh-banner > .bg {

  height: 100%;

  background-position: left center;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

}

.lh-banner .icon1,

.lh-banner .icon2 {

  width: 60.72916667vw;

  position: absolute;

  left: -54vw;

  bottom: 0;

  animation: banenrIcon linear 20s infinite;

}

.lh-banner .icon1 {

  margin: 0 0 20px 10px;

  animation: banenrIcon1 linear 20s infinite;

}

@keyframes banenrIcon {

  to {

    transform: rotate(360deg);

  }

}

@keyframes banenrIcon1 {

  to {

    transform: rotate(-360deg);

  }

}

.lh-banner .bd .index-mob {

  height: inherit;

}

.lh-banner .bd .imgs .mobile {

  width: 20.26041667vw;

  height: 40.20833333vw;

  position: absolute;

  right: 22.76041667vw;

  bottom: 3vw;

  z-index: 2;

  transform: rotate(-10deg);

}

.lh-banner .bd .imgs .mobile2 {

  margin-right: -18vw;

  margin-bottom: 4vw;

  z-index: 1;

  transform: rotate(10deg);

}

.lh-banner .bd .imgs ._bg {

  position: relative;

  z-index: 2;

  width: 100%;

}

.lh-banner .bd .imgs .img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.mobile-mask {

  -webkit-mask: no-repeat center / cover;

  -webkit-mask-image: url(../img/mobile1.png);

  width: 100%;

  -webkit-mask-size: cover;

  height: 100%;

}

.index-mob > .text {

  height: inherit;

  display: flex;

  align-items: center;

  position: relative;

  z-index: 2;

  width: 30%;

}

.l-font50 {

  font-size: 50px;

}

.index-mob > .text .name {

  letter-spacing: 3px;

}

.index-mob > .text .nname {

  margin-top: var(--px-10);

  letter-spacing: 3px;

}

.lh-more {

  display: block;

  width: 132px;

  height: 42px;

  border-radius: 60px;

  background: var(--color-red);

  position: relative;

  display: flex;

  align-items: center;

  padding: 0 20px;

  overflow: hidden;

}

.lh-more span {

  position: relative;

  z-index: 2;

}

/*.lh-more:before{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:var(--transition); transform:translateX(-100%);}

.lh-more:hover:before{transform:translateX(0);}

.lh-more:hover{color:var(--color-red);}*/

.lh-more i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  color: var(--color-red);

  position: absolute;

  right: 6px;

  top: 6px;

  background: #fff;

}

.index-mob > .text .lh-more {

  margin-top: var(--px-100);

}

.l-lh60 {

  line-height: 60px;

}

.banner-hd {

  position: absolute;

  left: 0;

  bottom: 5.2vw !important;

  z-index: 4;

  padding: 0 7.8125vw;

}

.banner-hd li {

  width: 16px;

  height: 16px;

  background: var(--color-red);

  margin: 0 12px 0 0 !important;

  transition: var(--transition);

}

.banner-hd li.on {

  width: 36px;

  border-radius: 20px;

  opacity: 1;

}

.swiper-slide-shadow-left,

.swiper-slide-shadow-right,

.swiper-cube-shadow {

  display: none !important;

}

.banner-mouse {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: var(--color-red);

  position: absolute;

  left: 50%;

  bottom: 2vw;

  z-index: 2;

  transform: translateX(-50%);

}

.banner-mouse i {

  display: block;

  width: 17px;

  height: 30px;

  border: 2px solid #fff;

  border-radius: 30px;

  position: relative;

  overflow: hidden;

}

.banner-mouse i:before {

  content: '';

  display: block;

  width: 3px;

  height: 8px;

  background: #fff;

  position: absolute;

  left: 50%;

  top: 4px;

  margin-left: -2px;

  border-radius: 6px;

  animation: mousei linear 1s infinite;

}

.banner-mouse:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: rgba(201, 0, 7, 0.7);

  position: absolute;

  left: 0;

  top: 0;

  animation: mouse linear 1s infinite;

  z-index: -1;

}

@keyframes mouse {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.6);

    opacity: 0;

  }

}

@keyframes mousei {

  0% {

    transform: translateY(0);

  }

  100% {

    transform: translateY(10px);

  }

}

.index-about {

  padding-top: var(--px-110);

  padding-bottom: var(--px-110);

}

.l-font90 {

  font-size: 90px;

}

.l-lh80 {

  line-height: 80px;

}

.about-cont {

  width: 55.60416667vw;

  padding-top: 60px;

  padding-bottom: 60px;

  position: relative;

  z-index: 2;

}

.about-cont:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: #F6F6F6;

  border-radius: 50px;

  position: absolute;

  left: 0;

  top: 0;

}

.banner1-box {

  width: 90%;

  margin: auto;

}

.about-banner1 .bd li {

  width: 25%;

}

.about-banner1 .bd li .icon {

  max-width: 138px;

}

.about-banner1 .bd li a {

  display: block;

  border-radius: 30px;

  height: inherit;

  overflow: hidden;

  padding: 2px;

  position: relative;

}

.about-banner1 .bd li a:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 30px;

  background: linear-gradient(135deg, #BAE8DD, #DBA9AB, #FADD7D, #BAE8DD);

  opacity: 0;

  position: absolute;

  left: 0;

  top: 0;

}

.about-banner1 .bd li a > * {

  border-radius: 30px;

  padding: 20px 50px 50px;

  position: relative;

  z-index: 2;

}

.about-banner1 .bd li .name {

  margin-top: 5px;

}

.about-banner1 .bd li .ccont {

  margin-top: var(--px-10);

  transition: var(--transition);

  transform: translateY(40px);

  opacity: 0;

}

.about-banner1 .bd li i {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background: var(--color-red);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  float: right;

  margin-top: var(--px-20);

  transition: var(--transition);

  transform: translateY(40px);

  opacity: 0;

  display: none;

}

.about-banner1 .bd li.on a:before {

  opacity: 1;

}

.about-banner1 .bd li.on a > * {

  background: #fff;

}

.about-banner1 .bd li.on .ccont,

.about-banner1 .bd li.on i {

  transform: translateY(0);

  opacity: 1;

}

.about-banner {

  width: 70%;

  margin: 40px auto 0;

}

.about-text {

  position: absolute;

  left: 7.8125vw;

  top: var(--px-120);

  z-index: 3;

}

.about-text .lh-more {

  margin-top: 170px;

}

.about-text .nname {

  margin-top: var(--px-20);

}

.about-hd {

  margin-top: var(--px-30);

}

.about-hd li {

  width: 16px;

  height: 16px;

  background: #E6E6E6;

  margin: 0 6px !important;

  transition: var(--transition);

  opacity: 1;

}

.about-hd li.on {

  background: var(--color-red);

}

.about-icon > * {

  position: absolute;

}

.about-icon > *.icon1 {

  right: -30px;

  top: 2vw;

}

.about-icon > *.icon2 {

  left: -2vw;

  bottom: -2vw;

  width: 25.67708333vw;

}

.about-icon > *.icon3 {

  right: -10vw;

  bottom: -10vw;

  width: 25.67708333vw;

}

#myChart {

  width: 100%;

  height: 1000px;

  position: relative;

  z-index: 4;

}

.index-company {

  padding: 100px 0 0;

}

.index-company .index-mob {

  position: absolute;

  left: 0;

  height: inherit;

  z-index: 3;

  top: 0;

  padding-top: 100px;

  width: 100%;

}

.index-text .ccont {

  margin-top: var(--px-20);

}

.l-font88 {

  font-size: 88px;

}

li.win100 {

  width: 100%;

}

.total-item li {

  margin-top: 120px;

}

.total-item li > * {

  display: inline-block;

}

.total-item li > p {

  display: block;

  opacity: 0.8;

}

.total-item li .num i {

  position: absolute;

  left: 105%;

  top: 10px;

  white-space: nowrap;

}

.total-item {

  position: relative;

}

.total-item.l-right {

  left: 7vw;

}

.lh-view {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 150px;

  height: 52px;

  border-radius: 30px;

  border: 1px solid #000;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.lh-view i {

  margin-left: 10px;

}

.lh-view:hover {

  border-color: var(--color-red);

  background: var(--color-red);

  color: #fff;

}

.index-news {

  padding-top: 100px;

  padding-bottom: 100px;

}

.index-news .lh-view {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.news-tab {

  margin-top: var(--px-20);

}

.news-hd li {

  margin-left: 30px;

}

.news-hd li:first-child {

  margin-left: 0;

}

.news-hd li a {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 20px;

  height: 44px;

  border: 1px solid #666;

  border-radius: 30px;

}

.news-hd li a:hover,

.news-hd li.on a {

  border-color: var(--color-red);

  background: var(--color-red);

  color: #fff;

}

.news-bd {

  margin-top: var(--px-40);

}

.news-bd-mob > .item {

  flex: 1;

  padding-left: 20px;

  height: inherit;

}

.news-bd-mob > .item:first-child {

  flex: 1.5;

}

.news-bd-mob .first {

  display: block;

  border-radius: 20px;

  overflow: hidden;

  position: relative;

}

.news-bd-mob .first .img,

.news-bd-mob .first .l-imgs {

  height: inherit;

  transition: var(--transition);

}

.news-bd-mob .first .img {

  height: 15.9375vw;

}

.news-bd-mob .first .img:after,

.news-two-item a .img:after {

  content: '';

  display: block;

  width: 100%;

  height: 50%;

  background: var(--linear-gradient-shadow);

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

}

.news-bd-mob .first .name,

.news-two-item a .name {

  position: absolute;

  left: 0;

  bottom: 0;

  padding: 20px;

  z-index: 3;

}

.news-two-item {

  height: calc(100% + 20px);

  display: flex;

  flex-direction: column;

  margin-top: -20px;

}

.news-two-item > * {

  flex: 1;

  padding-top: 20px;

}

.news-two-item a {

  display: block;

  height: 10.3125vw;

  border-radius: 20px;

  overflow: hidden;

  position: relative;

}

.news-two-item a:hover .l-imgs,

.news-bd-mob .first:hover .l-imgs {

  transform: scale(1.1);

}

.news-two-item a .img,

.news-two-item a .l-imgs {

  height: inherit;

  transition: var(--transition);

}

.news-three-item {

  height: calc(100% + 20px);

  display: flex;

  flex-direction: column;

  margin-top: -20px;

}

.news-three-item li {

  flex: 1;

  padding-top: 20px;

}

.news-three-item .name {

  margin-top: var(--px-20);

}

.news-three-item .more {

  margin-top: var(--px-20);

}

.news-three-item li a {

  display: block;

}

.news-three-item li a:hover {

  color: var(--color-red);

}

.news-icon > * {

  position: absolute;

}

.news-icon .icon1 {

  right: 7.8125vw;

  top: 80%;

  z-index: -1;

}

.news-icon .icon2 {

  right: -2vw;

  bottom: 30%;

  z-index: -1;

}

.news-icon .icon3 {

  left: 50%;

  top: -12vw;

  transform: translateX(-50%);

  width: 25.67708333vw;

}

.footer-top {

  background: var(--color-red);

  padding-top: var(--px-120);

  padding-bottom: var(--px-30);

  position: relative;

  overflow: hidden;

}

.footer-top:before {

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  background: rgba(255, 255, 255, 0.2);

  position: absolute;

  left: 0;

  top: 65px;

}

.footer-top:after {

  content: '';

  display: block;

  width: 1px;

  height: calc(100% - 66px);

  background: rgba(255, 255, 255, 0.2);

  position: absolute;

  left: 32vw;

  bottom: 0;

}

.footer-kf {

  display: block;

  width: 270px;

  height: 72px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

  border-radius: 4px;

  color: var(--color-red);

  margin-top: var(--px-70);

}

.footer-kf i {

  font-size: 32px;

  margin-right: 10px;

}

.footer-tel {

  margin-top: var(--px-60);

}

.footer-tel .name {

  margin-top: var(--px-10);

}

.footer-logo {

  width: 219px;

  display: block;

}

.footer-nav dl {

  float: left;

  margin-left: 4vw;

}

.footer-nav dl:first-child {

  margin-left: 0;

}

.footer-nav dl dt {

  margin-bottom: var(--px-20);

}

.footer-nav dl dd {

  margin-top: var(--px-10);

}

.footer-nav dl dd a {

  opacity: 0.8;

}

.footer-nav dl dd a:hover {

  opacity: 1;

}

.footer-ewm {

  margin-top: var(--px-120);

  text-align: right;

}

.footer-ewm li {

  margin-left: 2.6vw;

  display: inline-block;

  text-align: center;

}

.footer-ewm li:first-child {

  margin-left: 0;

}

.footer-ewm li .icon {

  width: 124px;

  margin: 0 auto 10px;

}

.footer-ewm li .name {

  letter-spacing: normal;

}

.footer-bottom {

  padding: 40px 0;

  background: #242424;

  color: #7C7B7B;

}

.footer-bottom span {

  margin: 0 12px;

}

.footer-bottom a:hover {

  color: #fff;

}

header {

  transition: var(--transition);

}

.Fixed header {

  background: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

}

.Fixed .lh-nav {

  color: #000;

  transition: var(--transition);

}

.Fixed .lh-nav li a:after {

  background: var(--color-red);

  transition: var(--transition);

}

.banner-mouse.yellow {

  background: var(--color-yellow);

}

.banner-mouse.yellow:before {

  background: rgba(255, 203, 42, 0.7);

}

.index-mob > .text .ccont {

  margin-top: var(--px-30);

  text-align: justify;

}

.about-nav {

  width: 11.5625vw;

  height: 14.89583333vw;

  position: absolute;

  right: 7.8125vw;

  top: 50%;

  transform: translateY(-50%);

  min-width: 100px;

  z-index: 3;

}

.about-nav li {

  text-align: center;

  border: 1px solid #fff;

  border-radius: 30px;

  position: absolute;

  width: inherit;

  height: inherit;

  right: 0;

  top: 0;

  overflow: hidden;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

  transition: var(--transition);

}

.about-nav li a {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  background: rgba(255, 255, 255, 0.3);

}

.about-nav li:hover {

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);

  transform: translateY(-5px);

}

.about-nav li .name {

  margin-top: 2vw;

}

.about-nav li:first-child {

  margin-right: calc(100%*2 + 20px);

}

.about-nav li:nth-child(2) {

  margin-right: calc(100% + 10px);

  margin-top: calc(-100%/2 - 1.9vw);

}

.about-nav li:nth-child(4) {

  margin-right: calc(100% + 10px);

  margin-top: calc(100%/2 + 1.9vw);

}

.about-nav li:nth-child(3) {

  position: relative;

}

.about-nav li .icon {

  width: 80px;

  margin: auto;

}

.about-ban-icon1 {

  width: 23.17708333vw;

  position: absolute;

  left: -10vw;

  top: -4vw;

  animation: banenrIcon linear 50s infinite;

}

.about-ban-icon2 {

  width: 19.0625vw;

  position: absolute;

  left: 0;

  top: 40%;

  animation: banenrIcon1 linear 50s infinite;

}

.lh-about {

  padding-top: var(--px-110);

  padding-bottom: var(--px-110);

}

.about-imgs {

  margin-top: var(--px-110);

  width: calc(100% + 7.8125vw);

}

.about-imgs .bd li {

  width: 50%;

  height: 26.45833333vw;

  margin-right: 5.7vw;

  overflow: hidden;

}

.about-imgs .bd li a {

  display: block;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.about-imgs .bd li i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 4.58333333vw;

  height: 4.58333333vw;

  border-radius: 50%;

  background: #fff;

  font-size: 2.1875vw;

  text-indent: 8px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

}

.about-imgs .bd li a:hover .l-imgs {

  transform: scale(1.1);

}

.about-icons > i {

  width: 50vw;

  height: 50vw;

  border-radius: 50%;

  background: var(--linear-gradient-ware);

  border-radius: 45%;

  animation: rotate 20s linear infinite;

  position: absolute;

  z-index: -1;

  pointer-events: none;

}

.about-icons > i.icons1 {

  left: -48vw;

  bottom: 0;

}

.about-icons > i.icons2 {

  right: -48vw;

  top: 0;

}

.index-text .nname {

  text-transform: uppercase;

  margin-bottom: 10px;

}

.about-icons .icons3 {

  position: absolute;

  right: 7.8125vw;

  bottom: 0;

}

.lh-culture {

  padding-top: 300px;

  padding-bottom: 300px; 

    margin: auto;padding-left: 2%;

    padding-right: 2%;

}

.culture-cont {

  width: 410px;

  height: 410px;

  margin: auto;

  position: relative;

}

.culture-circle-out {

  width: 1060px;

  height: 1060px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border: 1px solid #EA9CA0;

  border-radius: 50%;

}

.culture-circle-int {

  width: 732px;

  height: 732px;

  border: 1px dashed #E7333B;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.culture-banner {

  width: 410px;

  height: 410px;

  border-radius: 50%;

  background: var(--color-red);

}

.culture-banner .bd li {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 30px;

  text-align: center;

}

.l-font64 {

  font-size: 64px;

}

.culture-banner .bd li .nname {

  text-transform: uppercase;

}

.culture-banner .bd li .come {

  margin-top: var(--px-10);

}

.culture-banner .bd li .icon {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

}

.culture-banner .bd li .num {

  color: var(--color-yellow);

  position: absolute;

  left: 40px;

  top: 0;font-family: "Din";

}

.culture-banner-box {

  padding-top: 30px;

  position: relative;

  top: -30px;

}

.culture-imgs > * {

  width: 140px;

  height: 140px;

  border-radius: 50%;

  overflow: hidden;

  position: absolute;

}

.culture-imgs > *:nth-child(1) {

  left: 5.2vw;

  bottom: 224px;

}

.culture-imgs > *:nth-child(2) {

  right: 4vw;

  bottom: 340px;

  width: 196px;

  height: 196px;

}

.lh-culture .index-text {

  position: absolute;

  left: 7.8125vw;

  top: var(--px-70);

}

.culture-circle li {

  text-align: center;

  position: absolute;

  left: 50%;

  margin-left: -100px;

  margin-top: -100px;

  top: 0;

  transform-origin: 58px 630px;

  width: 200px;

  height: 200px;

}

.culture-circle li .icon {

  width: 116px;

  height: 116px;

  border-radius: 50%;

  position: relative;

  overflow: hidden;

  transform-style: preserve-3d;

  margin: 10px auto 0;

}

.culture-circle li .icon ._icon {

  width: 100%;

  height: 100%;

  background: var(--color-red);

  border: 10px solid #fff;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 15px;

  transform: rotateY(90deg);

  transition: var(--transition);

}

.culture-circle li:nth-child(2) {

  transform: rotate(135deg);

}

.culture-circle li:nth-child(2) a {

  transform: rotate(-135deg);

}

.culture-circle-out,

.culture-circle-int {

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-play-state: running;

}

/*animation-name:circle;*/

/*.culture-circle-int{animation-name:circle1;}*/

.culture-circle li:hover,

.culture-circle li.on {

  color: var(--color-red);

}

.culture-circle li:hover .icon .l-imgs,

.culture-circle li.on .icon .l-imgs {

  transform: rotateX(90deg);

}

.culture-circle li:hover ._icon,

.culture-circle li.on ._icon {

  transform: rotateY(0deg);

}

.index-company.about {

  padding-top: var(--px-80);

  padding-bottom: var(--px-110);

}

.index-company.about .index-mob {

  position: static;

  padding-top: 0;

  padding-bottom: var(--px-100);

}

li.win50 {

  width: 50%;

}

.company-total #myChart {

  width: 60%;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  height: 600px;

}

.lh-course {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  background: #f7f7f7;

}

.course-earth {

  position: absolute;

  left: 7.8125vw;

  top: 180px;

  width: 36.45833333vw;

  height: 36.45833333vw;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #FBCBCD;

  border-radius: 50%;

}

.course-earth img {

  width: 28.22916667vw;

  height: 28.22916667vw;

}

.course-earth:before {

  content: '';

  display: block;

  width: 30.72916667vw;

  height: 30.72916667vw;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  border: inherit;

}

.course-banner {

  width: 758px;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

}

.course-banner .bd li {

  padding: 60px;

}

.course-banner .bd li .time {

  height: 100%;

  display: flex;

  align-items: center;

  position: absolute;

  left: 60px;

  top: 0;

}

.course-banner .bd li .time span {

  position: absolute;

  left: 100%;

  top: 34%;

  font-weight: bold;

}

.course-banner .bd li .cont {

  width: 100%;

  padding-left: 260px;

  position: relative;

}

.course-banner .bd li .cont:before {

  content: '';

  display: block;

  width: 1px;

  height: 100%;

  background: #E5E5E5;

  position: absolute;

  left: 200px;

  top: 0;

}

.course-btn a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 46px;

  height: 46px;

  border-radius: 50%;

  background: #dbdbdb;

  color: #fff;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.course-btn a:hover {

  background: var(--color-red);

}

.course-btn a.prevs {

  left: -80px;

}

.course-btn a.nexts {

  right: -80px;

}

.course-banner-box {

  margin-top: var(--px-110);

}

.course-times {

  margin-top: 340px;

  padding-top: 10px;

}

.course-times:before {

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  background: #EBEBEB;

  position: absolute;

  left: 0;

  top: 10px;

}

.course-times .bd li {

  width: 20%;

  text-align: center;

}

.course-times .bd li .name {

  padding-top: 20px;

  position: relative;

  transition: var(--transition);

}

.course-times .bd li .name:before {

  content: '';

  display: block;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background: #CCC;

  position: absolute;

  left: 50%;

  top: -8px;

  margin-left: -8px;

  transition: var(--transition);

}

.course-times .bd li.on .name,

.course-times .bd li .name:hover {

  color: var(--color-red);

}

.course-times .bd li.on .name:before,

.course-times .bd li .name:hover:before {

  background: var(--color-red);

}

.total-item li:nth-child(3) {

  padding-left: 40px;

}

@keyframes circle {

  to {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes circle1 {

  to {

    transform: translate(-50%, -50%) rotate(-360deg);

  }

}

.culture-circle-out li a,

.culture-circle-int li a {

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-play-state: running;

  display: block;

}

/*animation-name:circle2;*/

/*.culture-circle-out li:nth-child(2) a{animation-name:circle4;}

.culture-circle-int li a{animation-name:circle3;}*/

@keyframes circle2 {

  to {

    transform: rotate(-360deg);

  }

}

@keyframes circle3 {

  to {

    transform: rotate(360deg);

  }

}

@keyframes circle4 {

  form {

    transform: rotate(-135deg);

  }

  to {

    transform: rotate(-495deg);

  }

}

@keyframes rotate {

  50% {

    border-radius: 10%;

    transform: rotate(180deg);

  }

  100% {

    border-radius: 50%;

    transform: rotate(360deg);

  }

}

.lh-pro {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  background: #f3f8fb;

}

.index-text .icon {

  margin-top: var(--px-10);

}

.pro-item li {

  margin-top: var(--px-30);

}

.pro-item li a {

  display: block;

  overflow: hidden;

  background-color: #fff;

  border-radius: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  position: relative;

  background-image: url(../img/c5.png);

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 70px 5.2vw;

}

.pro-item li .text {

  width: calc(100% - 185px);

  padding-left: 3.64583333vw;

  height: 185px;

  display: flex;

  align-items: center;

}

.pro-item li .text .name {

  color: var(--color-red);

}

.pro-item li .text .ccont {

  margin-top: var(--px-20);

}

.pro-item li:nth-child(2) .text .name {

  color: var(--color-green);

}

.pro-item li:nth-child(3) .text .name {

  color: var(--color-blue1);

}

.pro-icon .icon1 {

  right: 5.2vw;

  top: 0;

  position: absolute;

}

.lh-pro .index-mob {

  position: relative;

  z-index: 2;

}

.pro-icon .bottom {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}

header.black .lh-nav {

  color: #000;

}

header.black .lh-nav li a:after {

  background: var(--color-red);

}

.banner-mouse.green {

  background: var(--color-green);

}

.banner-mouse.green:before {

  background: rgba(35, 157, 106, 0.7);

}

.pro-ewm {

  text-align: center;

  margin-top: var(--px-90);

  width: 130px;

}

.pro-ewm img {

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  width: 100%;

}

.pro-ewm p {

  margin-top: 6px;

}

.pro-ban-icon .iconp1 {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

}

.pro-ban-icon .iconp2 {

  position: absolute;

  left: -6vw;

  bottom: -2.5vw;

  z-index: 2;

  text-transform: uppercase;

  opacity: 0.2;

  background-image: linear-gradient(90deg, rgba(137, 198, 172, 0), rgba(137, 198, 172, 0.6));

  background-clip: text;

  -webkit-background-clip: text;

  color: transparent;

}

.l-font240 {

  font-size: 12.5vw;

}

.lh-banner.pro .bd li .text.l-white .name {

  text-shadow: 0 4px 1px rgba(177, 144, 119, 0.4);

}

.lh-banner.pro .bd li .text.l-white .name .l-green {

  color: #fff;

}

.lh-banner.pro .bd li .text.l-white .nname .l-green {

  color: var(--color-yellow);

}

.lh-banner.pro .bd li .text.l-white .pro-ewm p {

  color: #fff;

}

.blg-video {

  padding-top: 160px;

  padding-bottom: 160px;

}

.video-banner .video-img {

  width: 50%;

  height: 27.8125vw;

  border-radius: 20px;

  position: relative;

}

.video-banner .video-img:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

}

.video-banner .video-img i {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

  width: 82px;

  height: 82px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, 0.7);

  border-radius: 50%;

  color: #017d73;

  font-size: 36px;

}

.icon-bofang {

  text-indent: 6px;

}

.video-banner .video-img:hover .l-imgs {

  transform: scale(1.1);

}

.video-text {

  width: 50%;

  padding-left: 3.64583333vw;

  padding-top: 5.2vw;

}

.video-text .ccont {

  margin-top: var(--px-20);

}

.video-btn {

  position: absolute;

  left: calc(50% + 3.64583333vw);

  bottom: 1.82291667vw;

  z-index: 2;

}

.video-btn a {

  display: flex;

  align-items: center;

  justify-content: center;

  float: left;

  width: 46px;

  height: 46px;

  border-radius: 50%;

  background: #dbdbdb;

  color: #fff;

  margin-left: 2.4vw;

}

.video-btn a:first-child {

  margin-left: 0;

}

.video-btn a:hover {

  background: var(--color-blue1);

}

.video-icon {

  position: absolute;

  right: 7.8125vw;

  bottom: -50px;

}

.blg-fun {

  background-color: #f1f8fa;

  padding-top: var(--px-70);

  padding-bottom: var(--px-70);

}

.fun-banner {

  margin-top: var(--px-100);

}

.fun-banner .bd .text {

  width: calc(100% - 30.46875vw);

  padding-right: 11vw;

}

.fun-banner .bd .text .icon {

  width: 90px;

  height: 90px;

  background: var(--color-green1);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 20px;

}

.fun-banner .bd .text .name {

  margin-top: var(--px-40);

}

.fun-banner .bd .text .ccont {

  margin-top: var(--px-10);

}

.fun-banner .bd .img {

  width: 30.46875vw;

  height: 30.46875vw;

  border-radius: 50%;

  background: var(--linear-gradient-y-g);

  overflow: hidden;

  padding: 25px 32px 25px 10px;

}

.fun-banner .bd .l-imgs {

  border-radius: 50%;

}

.fun-btn {

  position: absolute;

  left: 0;

  bottom: 4.16666667vw;

  display: flex;

  align-items: center;

  z-index: 2;

}

.fun-btn > a {

  color: var(--color-green);

  font-size: 24px;

}

.fun-num {

  margin: 0 10px;

}

.blg-fun:before {

  content: '';

  display: block;

  width: 23.4375vw;

  height: 23.4375vw;

  border-radius: 50%;

  animation: rotate1 10s linear infinite;

  position: absolute;

  left: -10vw;

  bottom: -10vw;

  background: #E4F3F1;

  opacity: 0.5;

}

.blg-footer {

  background: var(--color-green1);

  padding-top: 170px;

  padding-bottom: 170px;

}

.blg-footer-cont {

  background: #fff;

  border-radius: 30px;

  box-shadow: 0 0 10px rgba(34, 119, 81, 0.4);

  padding: 50px 30px;

  position: relative;

}

.blg-footer-cont .user {

  display: flex;

  align-items: center;

}

.blg-footer-cont .user .l-imgs {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  margin-right: 20px;

}

.blg-footer-cont .text .ccont {

  margin-top: var(--px-40);

}

.blg-footer-cont .text {

  width: 60%;

  padding-right: 5vw;

  border-right: 1px solid #E6E6E6;

}

.blg-footer-cont .tel {

  width: 40%;

  height: 100%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  right: 0;

  top: 0;

}

.blg-footer-cont .tel .footer-kf {

  background: var(--color-green1);

  color: #fff;

  margin-top: 0;

}

.blg-footer-cont .tel .name {

  margin-top: var(--px-10);

  color: var(--color-green1);

}

@keyframes rotate1 {

  50% {

    border-radius: 40%;

    transform: rotate(180deg);

  }

  100% {

    border-radius: 50%;

    transform: rotate(360deg);

  }

}

@keyframes rotate2 {

  50% {

    border-radius: 40%;

    transform: rotate(-180deg);

  }

  100% {

    border-radius: 50%;

    transform: rotate(-360deg);

  }

}

.blg-serves {

  padding-top: var(--px-60);

  padding-bottom: 160px;

}

.blg-serves .index-text .name span {

  color: #fff;

}

.blg-serves .index-text .ccont {

  color: #e6e6e6;

}

.serves-center {

  width: 31.25vw;

  height: 31.25vw;

  border: 1px dashed #208C5F;

  margin: auto;

  border-radius: 50%;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 2.3vw;

}

.serves-center:before {

  content: '';

  display: block;

  width: 25vw;

  height: 25vw;

  background: #c1e7d5;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

}

.serves-center img {

  position: relative;

  z-index: 2;

  width: 17.29166667vw;

}

.serves-cont {

  margin-top: var(--px-80);

}

.serves-item {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  z-index: 3;

  text-align: right;

  margin-top: -4.6875vw;

}

.serves-item li {

  padding-right: 13vw;

  margin-top: 4.6875vw;

}

.serves-item li:nth-child(3),

.serves-item li:nth-child(5) {

  padding-right: 18vw;

}

.serves-item li:nth-child(2n) {

  text-align: left;

  padding: 0 0 0 13vw;

}

.serves-item li:nth-child(4),

.serves-item li:nth-child(6) {

  padding: 0 0 0 18vw;

}

.serves-item li .ccont {

  margin-top: var(--px-10);

}

.blg-did {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  background-color: #f3f8fb;

}

.blg-did .index-text .nname {

  text-transform: none;

}

.did-cont {

  margin-top: var(--px-120);

  position: relative;

  z-index: 2;

}

.l-font54 {

  font-size: 54px;

}

.did-hd {

  width: 50%;

  margin-left: -10px;

  position: relative;

}

.did-hd li {

  margin-top: 10px;

  padding-left: 10px;

}

.did-hd li a {

  display: block;

  height: inherit;

  border-radius: 10px;

  background-color: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);

  padding: 20px 20px 30px 3.64583333vw;

  position: relative;

  overflow: hidden;

}

.did-hd li i {

  position: relative;

  top: -30px;

}

.did-hd li .name {

  margin-top: var(--px-40);

  font-weight: bold;

}

.did-hd li:first-child a {

  transform: scale(1.2);

  transform-origin: right bottom;

  background: var(--color-green1);

  color: #fff;

}

.did-hd li:first-child a:before {

  content: '';

  display: block;

  width: 17.86458333vw;

  height: 8.80208333vw;

  position: absolute;

  right: -3vw;

  bottom: -3vw;

  background: url(../img/d8.png) no-repeat center;

  background-size: cover;

}

.did-hd li:first-child a * {

  color: inherit;

}

.did-bd {

  width: 30%;

}

.did-bd .bd {

  display: block;

}

.did-bd .bd li a {

  display: block;

  background: #fff;

  padding: 10px;

  border-radius: 10px;

  overflow: hidden;

}

.did-bd .bd li .l-imgs {

  width: 80px;

  height: 80px;

  border-radius: 50%;

}

.did-bd .bd li .text {

  width: calc(100% - 80px);

  padding-left: 20px;

  float: left;

  height: 80px;

  display: flex;

  align-items: center;

}

.did-users {

  height: 378px;

}

.did-users li {

  height: 100px;

  margin-top: 20px;

}

.swiper-container-vertical.did-users li {

  margin-top: 0;

}

.swiper-container-vertical.did-users li {

  transform: translateY(0) !important;

  opacity: 1 !important;

}

.users-btn {

  margin-top: 20px;

  text-align: right;

}

.users-btn a {

  display: inline-block;

  width: 56px;

  height: 56px;

  text-align: center;

  line-height: 56px;

  background: #e2f0ee;

  color: var(--color-green1);

  border-radius: 50%;

}

.did-icon {

  width: 34.89583333vw;

  position: absolute;

  left: -10vw;

  bottom: -30vw;

  pointer-events: none;

}

.did-hd:before,

.did-hd:after {

  content: '';

  display: block;

  width: 23vw;

  height: 23vw;

  border-radius: 50%;

  background: #c1e3d7;

  position: absolute;

  z-index: -1;

  animation: rotate1 10s linear infinite;

}

.did-hd:before {

  left: 2vw;

  top: -4vw;

  opacity: 0.4;

}

.did-hd:after {

  right: -2vw;

  bottom: -4vw;

  animation: rotate2 10s linear infinite;

}

.cxs-help {

  padding-top: 120px;

  padding-bottom: 120px;

  background-color: #f7f7f7;

}

.help-banner {

  width: 45%;

  padding-top: 200px;

  padding-left: 10px;

  padding-right: 10px;

  position: relative;

  z-index: 3;

}

.help-item {

  margin-left: -10px;

  position: relative;

  z-index: 3;

}

.help-item li {

  padding-left: 10px;

  position: relative;

}

.help-item li a {

  display: block;

  height: 100%;

  background: #fff;

  border-radius: 15px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  text-align: center;

  padding: 4.1vw 10px;

}

.help-item li a:hover {

  background: var(--color-blue1);

  color: #fff;

}

.help-item li .iconfont {

  color: var(--color-blue1);

  transition: var(--transition);

}

.help-item li a:hover .iconfont {

  color: #fff;

}

.help-item li .name {

  margin-top: 2.60416667vw;

}

.help-item li:nth-child(2) {

  top: calc(-7vw - 10px);

}

.help-item li:nth-child(4) {

  top: -7vw;

  left: 33.33333333%;

}

.help-text {

  padding-top: var(--px-100);

  position: relative;

  z-index: 3;

}

.help-text .l-green {

  color: var(--color-blue1);

}

.help-text .index-text .ccont {

  margin-top: var(--px-60);

}

.help-text .video-btn {

  position: static;

  margin-top: 140px;

}

.help-icon:before,

.help-icon:after {

  content: '';

  display: block;

  width: 42vw;

  height: 42vw;

  border-radius: 50%;

  background: #f0f0f0;

  position: absolute;

  left: -10vw;

  top: 50%;

  margin-top: -21vw;

  animation: rotate1 linear 10s infinite;

}

.help-icon:after {

  left: auto;

  right: -30vw;

  bottom: -20vw;

  margin-top: 0;

  top: auto;

  opacity: 0.3;

  animation: rotate2 linear 10s infinite;

}

.l-blue1 {

  color: var(--color-blue1);

}

.cxs-video {

  padding-top: var(--px-80);

  padding-bottom: var(--px-80);

}

.cxs-video-box {

  margin-top: var(--px-50);

  padding: 0 9.89583333vw;

}

.cxs-video-banner {

  height: 32vw;

}

.cxs-video-banner .bd a {

  display: block;

  height: 100%;

  border-radius: 15px;

  position: relative;

}

.cxs-video-banner .bd a:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  position: absolute;

  left: 0;

  top: 0;

}

.cxs-video-banner .bd .iconfont {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

  width: 82px;

  height: 82px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, 0.7);

  border-radius: 50%;

  color: #017d73;

  font-size: 36px;

}

.cxs-video-hd {

  margin-top: var(--px-50);

}

.cxs-video-hd li {

  display: inline-block;

  margin: 0 3.6vw;

}

.cxs-video-hd li a {

  height: 84px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-bottom: 15px;

  background: #666;

  border-radius: 15px;

  padding: 0 30px;

}

.cxs-video-hd li a:hover,

.cxs-video-hd li.on a {

  background: var(--color-blue1);

}

.cxs-video-hd li i {

  font-size: 24px;

  margin-right: 12px;

}

.cxs-teachers {

  padding-top: var(--px-80);

  padding-bottom: var(--px-80);

}

.teachers-l {

  width: calc(100% - 20vw);

}

.teachers-content {

  margin-top: var(--px-70);

}

.teachers-l .bd .text {

  width: calc(100% - 33.125vw);

  padding-top: var(--px-70);

  padding-right: 3.125vw;

}

.teachers-l .bd .img {

  width: 33.125vw;

  height: 33.125vw;

  border-radius: 50%;

  background: #c7cdd8;

}

.teachers-l .bd .text .ccont {

  margin-top: var(--px-80);

  position: relative;

}

.teachers-l .bd .text .ccont:before {

  content: '';

  display: block;

  width: 32px;

  height: 6px;

  background: var(--color-blue1);

  position: absolute;

  left: 0;

  top: -40px;

}

.teachers-r {

  width: 7.5vw;

}

.teachers-banner {

  height: calc(22.5vw + 30px);

  margin: 90px 0;

}

.teachers-banner .bd {

  display: block;

}

.teachers-banner .bd li {

  height: 7.5vw !important;

  margin: 0 0 10px;

}

.teachers-banner .bd .l-imgs {

  width: 100%;

  height: inherit;

  display: block;

  position: relative;

}

.teachers-banner .bd .l-imgs:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  border: 2px solid var(--color-blue1);

  position: absolute;

  left: 0;

  top: 0;

  transition: var(--transition);

  opacity: 0;

}

.teachers-banner .bd li.on .l-imgs:before {

  opacity: 1;

}

.teachers-btn a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border: 1px solid #BEBEBE;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  font-size: 20px;

}

.teachers-btn a.prevs {

  top: 0;

  transform: translateX(-50%) rotate(90deg);

}

.teachers-btn a.nexts {

  bottom: 0;

  transform: translateX(-50%) rotate(90deg);

}

.teachers-list {

  margin-top: 130px;

  margin-left: -3.90625vw;

}

.teachers-list li {

  padding-left: 3.90625vw;

  margin-top: 3.90625vw;

}

.teachers-list li > * {

  display: block;

  height: 100%;

  border-radius: 15px;

  background: linear-gradient(0, #a6f1e9, #f1f7e6);

  padding: 45px 10px;

  text-align: center;

}

.teachers-list li .iconfont {

  font-size: 52px;

  color: var(--color-blue1);

}

.teachers-list li .text {

  margin-top: var(--px-30);

}

.teachers-list li .nname {

  margin-top: var(--px-10);

}

.vip-item {

  margin: var(--px-90) 0 0 -2.08333333vw;

}

.vip-item li {

  padding-left: 2.08333333vw;

  text-align: center;

}

.vip-item li a {

  display: block;

  height: 100%;

  border-radius: 15px;

  background: #333;

  padding: 60px 10px;

}

.cxs-vip {

  padding-top: var(--px-110);

  padding-bottom: var(--px-110);

  background-color: #47504f;

}

.vip-item li .price {

  margin-top: 20px;

}

.vip-item li .nname {

  margin-top: 20px;

}

.vip-item li .btn {

  height: 60px;

  width: 166px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 30px;

  margin: 60px auto 0;

  background: var(--color-yellow);

  color: #fff;

  line-height: 60px;

  transition: var(--transition);

}

.vip-item li a:hover .btn {

  background: var(--color-blue1);

}

.blg-footer.blue {

  background: var(--color-blue1);

}

.blg-footer.blue .footer-kf {

  background: var(--color-blue1);

}

.blg-footer.blue .blg-footer-cont .tel .name {

  color: var(--color-blue1);

}

.store-serves {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  background-color: #f6f8ff;

}

.store-serves-item {

  width: 590px;

  margin-left: -10px;

}

.store-serves-item li {

  padding-left: 10px;

  margin-bottom: 10px;

  position: relative;

}

.store-serves-item li > * {

  background: #fff;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  border-radius: 15px;

  padding: 30px 40px 40px;

  display: block;

  height: 100%;

  position: relative;

}

.store-serves-item li .name {

  margin-top: var(--px-70);

}

.store-serves-item li .num span {

  color: var(--color-red);

}

.store-serves-item li .num i {

  position: relative;

  top: -40px;

}

.store-serves-item li:nth-child(2n) {

  top: 150px;

}

.store-serves-item li:nth-child(1) > * {

  background: #000;

  color: #fff;

}

.store-serves-item li:nth-child(3) > * {

  background: #da0d2b;

}

.store-serves-item li:nth-child(3) * {

  color: #fff !important;

}

.store-serves-item li:nth-child(4) > * {

  background: #fae2e2;

}

.store-serves-r {

  width: calc(100% - 590px - 15.625vw);

  padding-left: 10.41666667vw;

  text-align: right;

  padding-top: var(--px-30);

  position: absolute;

  right: 7.8125vw;

  height: 100%;

  top: 0;

  display: flex;

  align-items: center;

}

.store-serves-r .index-text .ccont {

  margin-top: var(--px-50);

}

.store-serves-icon:before,

.store-serves-icon:after {

  width: 20vw;

  height: 20vw;

  border-radius: 50%;

  background: #fedfe0;

  position: absolute;

  right: -10vw;

  bottom: -4vw;

  content: '';

  display: block;

  z-index: 2;

  animation: rotate2 linear 10s infinite;

}

.store-serves-icon:after {

  bottom: -2vw;

  opacity: 0.3;

  z-index: 1;

  animation: rotate1 linear 10s infinite;

}

.trait-cont {

  margin-top: var(--px-70);

  position: relative;

  z-index: 2;

}

.store-trait {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

}

.trait-item {

  width: calc(100%);

}

.trait-item li {

  padding-left: 1.5625vw;

  margin-top: 1.5625vw;

}

.trait-item li > * {

  display: block;

  height: 100%;

  background: #fff;

  border-radius: 15px;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 30px;

}

.trait-item li .icon {

  width: 82px;

  height: 82px;

  border-radius: 50%;

  background: var(--color-red);

  display: flex;

  align-items: center;

  justify-content: center;

}

.trait-item li .ccont {

  margin-top: var(--px-30);

  color: #000;

}

/*.trait-item li:nth-child(2) .icon{background:#ffcb2a;}

.trait-item li:nth-child(3) .icon{background:#b4bbde;}

.trait-item li:nth-child(4) .icon{background:#e0bee2;}*/

.trait-r {

  width: 22.1875vw;

}

.trait-r .icon {

  width: 11.51041667vw;

  position: absolute;

  right: -2.4vw;

  bottom: 0.9vw;

}

.trait-icon .icon1 {

  position: absolute;

  left: 5.2vw;

  top: 0;

  pointer-events: none;

}

.trait-icon .icon2 {

  position: absolute;

  left: 3.6vw;

  top: 100%;

  pointer-events: none;

}

#storeMap {

  width: 100%;

  height: 800px;

}

.store-maps {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

}

.blg-footer.red {

  background: var(--color-red);

}

.blg-footer.red .blg-footer-cont .tel .footer-kf {

  background: var(--color-red);

}

.blg-footer.red .blg-footer-cont .tel .name {

  color: var(--color-red);

}

.serves-nav li {

  width: 23.4375vw;

  height: 23.4375vw;

  border-radius: 50%;

  background: #ededf1;

  border-radius: 40% 40% 40% 0;

  float: left;

  box-shadow: 0 28px 38px rgba(177, 128, 119, 0.4);

  position: relative;

  transition: var(--transition);

}

.serves-nav li a {

  display: block;

  height: 100%;

}

.serves-nav {

  position: absolute;

  right: 7.8125vw;

  top: 50%;

  transform: translateY(-50%);

}

.serves-nav li:nth-child(2) {

  top: -5.2vw;

  left: -2vw;

}

.serves-nav li .l-imgs {

  width: 12.5vw;

  height: 12.5vw;

  border: 0.5vw solid #fff;

  border-radius: 50%;

  margin: auto;

}

.serves-nav li ._text {

  margin-top: -2vw;

}

.serves-nav li ._name {

  margin-top: 2vw;

}

.serves-nav li .iconfont {

  width: 46px;

  height: 46px;

  border-radius: 50%;

  background: var(--color-red);

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 2vw auto 0;

}

.serves-nav li:last-child {

  background: var(--color-red);

  color: #fff;

}

.serves-nav li:last-child .iconfont {

  background: #fff;

  color: var(--color-red);

}

.serves-nav li:hover {

  border-radius: 40% 0 40% 40%;

}

.lh-banner._serves > .bg {

  background-position: center;

}

.lh-banner._serves > .bg:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.1);

  position: absolute;

  left: 0;

  top: 0;

}

.serve-ban {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 690px;

}

.serve-ban ._name {

  margin-top: var(--px-30);

}

.serve-ban ._ccont {

  margin-top: var(--px-30);

}

.lh-banner._serves > .bg ._s1 {

  position: absolute;

  width: 19.0625vw;

  left: -15vw;

  top: -4vw;

}

.lh-banner._serves > .bg ._s2 {

  position: absolute;

  width: 12.55208333vw;

  right: 0;

  top: 50%;

}

.serves-ten {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  background: #f8f7ff;

}

.serves-ten .index-text {

  z-index: 3;

}

.serves-ten .about-icons .icons3 {

  right: 0;

  bottom: auto;

  top: 0;

}

.ten-cont {

  width: 38.33333333vw;

  height: 38.33333333vw;

  border-radius: 50%;

  background: #f6dfe8;

  margin: 12vw auto;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ten-cont > .icon {

  width: 20.10416667vw;

  height: 20.10416667vw;

  border-radius: 50%;

  background: #F2ADB6;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 5;

}

.ten-cont > .icon img {

  width: 11.35416667vw;

}

.ten-item {

  width: 60vw;

  height: 60vw;

  position: absolute;

  left: 50%;

  top: 50%;

  border-radius: 50%;

  transform: translate(-50%, -50%);

  animation-name: circle;

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-play-state: running;

}

.ten-item li a {

  display: block;

}

.ten-item li a > div {

  animation-name: circle2;

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-play-state: running;

}

.ten-item li .icon {

  width: 6.17708333vw;

  position: relative;

  margin: auto;

}

.ten-item li .icon img {

  width: 100%;

  position: relative;

  z-index: 2;

}

.ten-item li .icon:before {

  content: '';

  display: block;

  width: 9.0625vw;

  height: 9.0625vw;

  border-radius: 50%;

  border: 1px dashed #CCC;

  background: #F8F7FF;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.ten-item li .name {

  margin-top: 20px;

  text-align: center;

  font-size: 1.25vw;

}

.ten-item li {

  position: absolute;

  left: 50%;

  top: 0;

  margin: -20px 0 0 -4.5vw;

  transform-origin: center calc(30vw + 20px);

}

.ten-item li:before {

  content: '';

  display: block;

  width: 1px;

  height: 15vw;

  border-left: 1px dashed #CCC;

  position: absolute;

  right: 50%;

  top: 80%;

}

.serves-ten .about-icons > i.icons1 {

  z-index: 1;

  left: -40vw;

  bottom: auto;

  top: -10vw;

  opacity: 0.4;

}

.ten-icon {

  position: absolute;

  right: -15vw;

  bottom: -15vw;

  width: 43.95833333vw;

}

.serves-introduction {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  z-index: 2;

  background: #fff;

}

.serves-introduction .index-text {

  position: absolute;

  right: 36.45833333vw;

  top: 11.97916667vw;

}

.serves-introduction .i_icon {

  position: absolute;

  left: 80%;

  bottom: 20%;

  z-index: -1;

}

.introduction-item {

  margin-left: -3.125vw;

  padding-top: 26vw;

  position: relative;

}

.introduction-item li {

  padding-left: 3.125vw;

  margin-top: 5.72916667vw;

}

.introduction-item li > * {

  display: block;

  height: 100%;

  background: #f8f8f8;

  border-radius: 10%;

  position: relative;

  padding: 3.64583333vw 1.8vw 4.6875vw;

}

.introduction-item li .ccont {

  margin-top: var(--px-40);

}

.introduction-item li .icon {

  position: absolute;

  right: -20px;

  top: -40px;

  max-width: 100px;

}

.introduction-item li .name {

  color: var(--color-red);

}

.introduction-item li:first-child {

  position: absolute;

  left: 0;

  top: -5vw;

}

.introduction-item li:first-child > * {

  background: #e6f4fd;

}

.introduction-item li:first-child .icon {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  background: #b1d4eb;

  display: flex;

  align-items: center;

  justify-content: center;

  max-width: inherit;

}

.introduction-item li:first-child .icon:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: rgba(177, 212, 235, 0.9);

  position: absolute;

  left: 0;

  top: 0;

  animation: mouse linear 1s infinite;

  z-index: -1;

}

.serves-brand-box {

  height: inherit;

  display: flex;

  align-items: center;

}

.serves-brand {

  width: 100%;

}

.serves-brand .ccont {

  max-width: 1100px;

  margin: 30px auto 0;

}

.brand-total {

  margin-top: var(--px-80);

}

.brand-total li {

  display: inline-block;

  padding: 20px 10px 30px;

  width: 288px;

  border-radius: 5%;

  background: #000;

  margin: 0 2.6vw;

}

.brand-total li ._name {

  margin-top: var(--px-70);

}

.brand-total li:first-child .power {

  color: var(--color-red);

}

.brand-total li .num {

  position: relative;

}

.brand-total li .num i {

  position: relative;

  top: -40px;

}

.brand-total li:last-child {

  background: var(--color-red);

}

.brand-emphasis {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

}

.emphasis-text {

  width: 450px;

}

.emphasis-text .name {

  margin-top: 4vw;

}

.emphasis-text .ccont {

  margin-top: 5.2vw;

}

.emphasis-banner-r {

  width: calc(100% - 500px);

  height: 33vw;

}

.emphasis-banner {

  height: inherit;

  width: 90%;

}

.emphasis-banner .bd a {

  display: block;

  border-radius: 3%;

  margin-right: 10%;

}

.brand-emphasis > * {

  padding-right: 0;

}

.emphasis-btn {

  position: absolute;

  left: 7.8125vw;

  bottom: 0;

  z-index: 3;

}

.emphasis-btn > a {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  float: left;

  background: rgba(212, 35, 43, 0.1);

  color: var(--color-red);

  font-size: 20px;

}

.emphasis-btn > a:hover {

  background: rgba(212, 35, 43, 0.2);

}

.emphasis-btn > a:last-child {

  margin-left: 20px;

}

.brand-banner {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

}

.we-cont {

  width: 40vw;

  height: 40vw;

  margin: auto;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.we-cont > .icon {

  width: 13vw;

  height: 13vw;

  background: var(--color-red);

  border: 2vw solid #EEBCC7;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  padding: 1.5vw;

  position: relative;

}

.we-cont > .icon:before {

  content: '';

  display: block;

  width: 70%;

  height: 70%;

  border: 0.3vw solid #fff;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

}

.we-item-box {

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  left: 0;

  top: 0;

}

.we-item {

  width: 100%;

  height: 100%;

  border: 1px dashed #BABABC;

  border-radius: 50%;

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-play-state: running;

}

/*animation-name: circlewe;*/

.we-item-box.item0 .we-item {

  animation-duration: 50s;

}

.we-item-box.item1 .we-item {

  animation-duration: 40s;

}

.we-item-box.item2 .we-item {

  animation-duration: 30s;

}

.we-item-box.item3 .we-item {

  animation-duration: 20s;

}

.we-item li {

  width: 6vw;

  height: 6vw;

  position: absolute;

  left: 50%;

  top: 0;

  margin-left: -3vw;

  margin-top: -3vw;

  transform-origin: center 23vw;

}

.we-item li a {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

}

.we-item li a img {

  width: 120%;

  max-width: 120%;

  margin-left: -10%;

}

.we-item-box.item0 {

  transform: scale(0.6);

}

.we-item-box.item0 .we-item {

  border-width: 2px;

}

.we-item-box.item2 {

  transform: scale(1.4);

}

.we-item-box.item3 {

  transform: scale(1.8);

}

.brand-we .index-text {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 4vw;

  z-index: 5;

}

.we-btn {

  display: flex;

  align-items: center;

  justify-content: center;

}

.we-btn a {

  display: inline-block;

  width: 46px;

  height: 46px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  background: var(--color-red);

  margin: 0 1vw;

}

@keyframes circlewe {

  to {

    transform: rotate(360deg);

  }

}

.we-item-box.item0 .we-item li a {

  transform: scale(1.2);

}

.we-item-box.item2 .we-item li a {

  transform: scale(0.8);

}

.we-item-box.item3 .we-item li a {

  transform: scale(0.8);

}

.news-brand {

  background: #f3f8fb;

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

}

.news-ban {

  display: flex;

  align-items: center;

  height: inherit;

  position: relative;

}

.news-ban-a {

  padding: 0 6.25vw;

}

.news-ban-a a {

  display: block;

  overflow: hidden;

}

.news-ban-a .img {

  width: 40.39583333vw;

  height: 19.45833333vw;

  border-radius: 20px;

  overflow: hidden;

}

.news-ban-a .img .l-imgs {

  width: 100%;

  height: 100%;

}

.news-ban-a .text {

  width: calc(100% - 40.39583333vw);

  padding-left: 4.6875vw;

  padding-top: 2vw;

}

.news-ban-a .text .ccont {

  margin-top: 2vw;

}

.news-ban-a .text .lh-more {

  margin-top: 3vw;

  background: #fff;

  color: #000;

}

.news-ban-a .text .lh-more i {

  background: var(--color-red);

  color: #fff;

}

.news-nav {

  height: 97px;

  background: #333;

  border-radius: 15px;

  text-align: center;

  display: flex;

  align-items: center;

  overflow: hidden;

}

.news-nav li {

  flex: 1;

  position: relative;

  height: inherit;

  transition: var(--transition);

}

.news-nav li a {

  display: flex;

  align-items: center;

  justify-content: center;

  height: inherit;

}

.news-nav li:before {

  content: '';

  display: block;

  width: 1px;

  height: 40px;

  background: #fff;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.news-nav li:first-child:before {

  display: none;

}

.news-nav li.on,

.news-nav li:hover {

  background: var(--color-red);

}

.news-nav li.on:before,

.news-nav li:hover:before {

  display: none;

}

.news-nav li.on + li:before,

.news-nav li:hover + li:before {

  display: none;

}

.news-nav li.on a,

.news-nav li:hover a {

  color: #fff !important;

}

.news-brand-box {

  margin-top: var(--px-100);

}

.news-brand-cont {

  margin-top: var(--px-60);

}

.news-brand-box .lh-view {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.news-brand-l {

  width: 45%;

}

.news-brand-l a {

  background: #fff;

  border-radius: 15px;

  border: 15px solid #fff;

  display: block;

}

.news-brand-l .img {

  height: 15.98958333vw;

  border-radius: 15px;

}

.news-brand-l .img .l-imgs {

  height: 100%;

  transition: var(--transition);

}

.news-brand-l a:hover .l-imgs {

  transform: scale(1.1);

}

.news-brand-l a:hover {

  color: var(--color-red);

}

.news-brand-l .text {

  padding: 50px 0;

}

.news-brand-l .name {

  margin-top: 10px;

}

.news-brand-l .ccont {

  margin-top: var(--px-30);

}

.news-brand-r {

  height: calc(100% + 10px);

  margin-top: -5px;

  position: absolute;

  right: 0;

  top: 0;

  width: calc(55% - 20px);

  display: flex;

  flex-direction: column;

}

.news-brand-r li {

  flex: 1;

  padding: 5px 0;

}

.news-brand-r li a {

  display: block;

  background: #fff;

  border-radius: 15px;

  padding: 16px;

  overflow: hidden;

  height: 100%;

}

.news-brand-r li .img {

  width: 16.35416667vw;

  height: 100%;

  border-radius: 15px;

}

.news-brand-r li .text {

  width: calc(100% - 16.35416667vw);

  padding-left: 30px;

  padding-top: 10px;

}

.news-brand-r li .name {

  margin-top: 10px;

}

.news-brand-r li .ccont {

  margin-top: 1.6vw;

}

.lh-activities {

  padding-top: var(--px-80);

  padding-bottom: var(--px-80);

}

.lh-activities .lh-view {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  border-color: #fff;

  color: #fff;

}

.activities-banner {

  margin-top: var(--px-60);

}

.activities-banner {

  width: calc(100% + 40px);

  margin-left: -20px;

}

.activities-banner .bd li {

  width: 50%;

}

.activities-banner .bd li a {

  padding: 0 20px;

  display: block;

}

.activities-banner .bd li .img {

  height: 11.77083333vw;

  border-radius: 15px;

}

.activities-banner .bd li .text {

  margin-top: 30px;

}

.activities-banner .bd li .text .name {

  margin-top: 10px;

}

.activities-banner .bd li .text .ccont {

  margin-top: 30px;

}

.activities-banner .bd li a:hover .l-imgs {

  transform: scale(1.1);

}

.activities-hd {

  text-align: center;

  margin-top: 20px;

}

.activities-hd li {

  opacity: 1;

  background: #fff;

  transition: var(--transition);

}

.activities-hd li.on {

  background: var(--color-red);

}

.customer-item {

  margin-top: var(--px-60);

  margin-left: -20px;

}

.lh-customer {

  padding-top: var(--px-100);

  padding-bottom: var(--px-100);

  background: #f3f8fb;

}

.customer-item li.win50 {

  height: 18.33333333vw;

}

.customer-item li {

  padding-left: 20px;

}

.customer-item li a {

  display: block;

  overflow: hidden;

  border-radius: 15px;

  position: relative;

  height: 100%;

  background-color: #fff;

}

.customer-item li.win50 .text {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 2vw;

  background: rgba(0, 0, 0, 0.5);

}

.customer-item li.win50 .text .name {

  width: 70%;

}

.customer-item li.win50 .time {

  position: absolute;

  right: 2vw;

  top: 2vw;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 10px 6px;

  border: 1px solid #fff;

  border-radius: 15px;

  text-align: center;

}

.customer-item li.win50 .time p {

  margin-top: 10px;

}

.customer-item li.win50 h5 {

  position: absolute;

  left: 2vw;

  bottom: 2vw;

  width: 46px;

  height: 46px;

  border-radius: 50%;

  background: var(--color-red);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

}

.customer-item li a:hover .l-imgs {

  transform: scale(1.1);

}

.customer-item li a:hover {

  color: var(--color-red);

}

.customer-item li:not(.win50) a {

  padding: 1vw 20px;

}

.customer-item li:not(.win50) .img {

  height: 8.02083333vw;

  border-radius: 15px;

  margin-top: 1vw;

}

.customer-item li:not(.win50) .name {

  margin-top: 0.5vw;

}

.customer-item li:not(.win50) .more {

  margin-top: 1vw;

}

.customer-item li:not(.win50) .more i {

  float: right;

}

.news-bd-mob.industry {

  margin-top: var(--px-60);

}

.news-ul {

  margin-top: var(--px-80);

  margin-left: -2vw;

}

.news-ul li {

  padding-left: 2vw;

  margin-bottom: 2vw;

}

.news-ul li a {

  display: block;

  background: #fff;

  border-radius: 15px;

  padding: 1vw 1vw 2vw;

  height: 100%;

}

.news-ul li .img {

  height: 10.88541667vw;

  border-radius: 15px;

}

.news-ul li .text {

  margin-top: 1vw;

}

.news-ul li .ccont {

  margin-top: 1vw;

}

.news-ul li .time {

  margin-top: 3vw;

}

.news-ul li .time em {

  transition: var(--transition);

  display: block;

}

.news-ul li .time .more {

  position: absolute;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  color: #fff;

  transform: translateY(20px);

  opacity: 0;

  transition: var(--transition);

}

.news-ul li .time .more i {

  margin-left: 10px;

}

.news-ul li a:hover {

  background: var(--color-red);

  color: #fff;

}

.news-ul li a:hover .l-imgs {

  transform: scale(1.1);

}

.news-ul li a:hover .more {

  transform: translateY(0);

  opacity: 1;

}

.news-ul li a:hover em {

  transform: translateY(-20px);

  opacity: 0;

}

.lh-loading {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  margin-top: 2vw;

}

.lh-loading i {

  display: block;

  margin: 0 auto 10px;

  animation: loading linear 1s infinite;

}

@keyframes loading {

  to {

    transform: rotate(360deg);

  }

}

.news-ul li:nth-child(2n) {

  animation-delay: 0.1s;

}

.news-ban .nname {

  margin-top: 10px;

}

.lh-banner.detail {

  height: 33.85416667vw;

}

.news-ban > * {

  width: 100%;

}

.lh-detail {

  margin-top: var(--px-80);

  padding: 0 5.7vw;

}

.lh-detail > .nname {

  margin-top: 10px;

}

.lh-detail > .nname span {

  margin: 0 20px;

}

.lh-detail > .cont {

  margin-top: var(--px-40);

  padding: 50px;

}

.detail-page {

  background: #fff;

  padding: 20px;

  margin-top: var(--px-20);

}

.detail-page .return {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  justify-content: center;

}

.detail-page .return svg {

  margin-right: 10px;

}

.detail-page a {

  display: flex;

  align-items: center;

  line-height: 20px;

}

.detail-page a:hover {

  color: var(--color-red);

}

/*鼠标移入波浪线条动画*/

.hover-wave:hover {

  text-decoration: none !important;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23C90007' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;

  background-size: 20px auto;

  animation: waveMove 1s infinite linear;

}

@keyframes waveMove {

  from {

    background-position: 0 100%;

  }

  to {

    background-position: -20px 100%;

  }

}

.fadeInUp1 {

  animation: fadeInUp1 cubic-bezier(0.215, 0.61, 0.355, 1) 1s forwards;

  transform: translateY(60px);

  opacity: 0;

}

.up50 {

  transform: translateY(50%);

}

@keyframes fadeInUp1 {

  to {

    transform: translateY(0);

    opacity: 1;

  }

}

.contact-ban {

  height: inherit;

  display: flex;

  align-items: center;

}

.contact-ban-item li {

  margin-top: 35px;

  overflow: hidden;

}

.contact-ban-item li i {

  display: block;

  float: left;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--color-red);

  font-size: 24px;

  margin-right: 30px;

  border: 1px solid var(--color-red);

}

.contact-ban-item li .text {

  height: 80px;

  display: flex;

  align-items: center;

}

.contact-ban-item li .nname {

  margin-top: 10px;

}

.contact-ban-item li .nname span {

  margin-left: 24px;

}

.contact-ban-item li .nname span:first-child {

  margin-left: 0;

}

.contact-addr {

  padding-top: var(--px-60);

  padding-bottom: var(--px-60);

  background-position: center bottom;

  overflow: hidden;

}

.contact-addr:before {

  content: '';

  display: block;

  width: 100%;

  height: 230px;

  background: var(--color-red);

  position: absolute;

  left: 0;

  top: 0;

}

.contact-addr:after {

  content: '';

  display: block;

  width: 324px;

  height: 298px;

  background: url(../img/k2.png) no-repeat center;

  background-size: cover;

  position: absolute;

  left: 0;

  top: -35px;

}

.contact-item {

  position: relative;

  z-index: 3;

  width: 70%;

  margin-left: -5vw;

  margin-top: 260px;

}

.contact-item li {

  margin-bottom: 4.7vw;

  padding-left: 5vw;

}

.contact-item li .text p {

  margin-top: 10px;

  overflow: hidden;

}

.contact-item li .text p i {

  font-size: 24px;

  color: var(--color-red);

  float: left;

  margin-right: 6px;

}

.contact-item li .text p span {

  float: left;

  width: 85%;

}

.contact-feedback {

  padding-top: var(--px-80);

  z-index: 3;

}

.feedback-cont {

  background: #fff;

  padding: 40px 4.6875vw;

  border-radius: 15px;

  position: relative;

  top: 80px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  overflow: hidden;

}

.feedback-cont:before {

  content: '';

  display: block;

  width: 14.16666667vw;

  height: 18.22916667vw;

  background: url(../img/k4.png) no-repeat center;

  position: absolute;

  left: 4.6875vw;

  bottom: -1vw;

  background-size: cover;

  opacity: 0.4;

}

.feedback-l {

  width: 30%;

}

.feedback-l .ccont {

  margin-top: 40px;

}

.feedback-l .ccont p{ font-size:16px; line-height:2}

.feedback-r {

  width: 60%;

  margin: -35px 0 0 -4.16666667vw;

}

.feedback-r li {

  margin-top: 20px;

  padding-left: 4.16666667vw;

}

.feedback-r li .title {

  margin-bottom: 10px;

}

.feedback-r li input,

.feedback-r li textarea {

  height: 50px;

  background: #fafafa;

  border: none;

  border-radius: 6px;

}

.feedback-r li textarea {

  height: 120px;

}

.submit-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 196px;

  height: 66px;

  border-radius: 60px;

  background: var(--color-red);

  margin-top: 50px;

}

.submit-btn i {

  margin-left: 50px;

  font-size: 20px;

}

.contact-join {

  background-color: #f3f8fb;

  padding-top: 280px;

  padding-bottom: 90px;

}

.join-item {

  margin-top: var(--px-50);

}

.join-item li {

  margin-top: 12px;

}

.join-item li {

  background: #fff;

  overflow: hidden;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  border-radius: 15px;

  padding: 0 3.64583333vw;

}

.join-item-title {

  padding: 40px 0;

  position: relative;

  cursor: pointer;

}

.join-item-title .name {

  font-weight: bold;

  transition: var(--transition);

}

.join-item-cont {

  border-top: 1px solid #F5F5F5;

  padding: 30px 0;

  display: none;

}

.join-item-title .other span {

  margin-right: 4.16666667vw;

}

.join-item-title .other i {

  font-size: 20px;

  transform: rotate(180deg);

  display: inline-block;

  transition: var(--transition);

}

.join-item li.on .join-item-title .other i {

  transform: rotate(0);

}

.join-item-cont .send {

  width: 196px;

  height: 66px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 60px;

  background: var(--color-red);

  color: #fff;

  margin: 30px auto 0;

  font-size: 18px;

}

.join-item li.on .join-item-cont {

  display: block;

}

.join-item li.on .join-item-title .name {

  color: var(--color-red);

}

.pro-bans-item li {

  position: absolute;

  z-index: 2;

  animation: proBan linear 2s infinite;

}

.pro-bans-item li:nth-child(2) {

  animation-delay: 0.1s;

}

.pro-bans-item li:nth-child(3) {

  animation-delay: 0.2s;

}

@keyframes proBan {

  0%,

  100% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-10px);

  }

}

.pro-bans-item li .icon {

  width: 6.14583333vw;

  margin: 0 auto 1.5vw;

  position: relative;

}

.pro-bans-item li .icon:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  animation: mouse linear 1s infinite;

  border-radius: 50%;

}

.pro-bans-item li:nth-child(1) {

  right: 33.78125vw;

  top: 23%;

}

.pro-bans-item li:nth-child(1) .icon:before {

  background: rgba(212, 35, 43, 0.6);

}

.pro-bans-item li .name {

  display: inline;

  padding: 2px 10px;

  border-radius: 4px;

  font-size: 1.25vw;

  font-weight: bold;

}

.pro-bans-item li:nth-child(1) .name {

  background: rgba(212, 35, 43, 0.6);

}

.pro-bans img {

  width: 100%;

}

.pro-bans-item li:nth-child(2) .icon:before {

  background: rgba(81, 187, 138, 0.6);

}

.pro-bans-item li:nth-child(2) {

  right: 53vw;

  top: 42%;

}

.pro-bans-item li:nth-child(2) .name {

  background: rgba(81, 187, 138, 0.6);

}

.pro-bans-item li:nth-child(3) {

  left: 29.42708333vw;

  top: 15%;

}

.pro-bans-item li:nth-child(3) .icon:before {

  background: rgba(1, 215, 197, 0.6);

}

.pro-bans-item li:nth-child(3) .name {

  background: rgba(1, 215, 197, 0.6);

}

.index-banner-img {

  position: absolute;

  right: 7.8125vw;

  bottom: 50px;

  z-index: 2;

  max-width: 775px;

  width: 30vw;

}

.lh-banner ._bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

}

.index-about-btn a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: var(--color-red);

  color: #fff;

  font-size: 18px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

}

.index-about-btn a.prevs {

  left: -64px;

}

.index-about-btn a.nexts {

  right: -64px;

}

.news-bd-mob .news-brand-l a {

  background: #fbfbfb;

  border-color: #fbfbfb;

}

.news-bd-mob .news-brand-r li a {

  background: #fbfbfb;

}

.pro-item li .phone {

  position: absolute;

  right: 13%;

  top: 50px;

}

.footer-kf {

  position: relative;

}

.footer-kf .ewm {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 100%;

  z-index: 2;

  width: 124px;

  display: none;

}

.footer-kf .ewm:after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  border: 6px solid transparent;

  border-top: 6px solid #fff;

  position: absolute;

  left: 50%;

  bottom: -11px;

  margin-left: -6px;

}

.footer-kf:hover .ewm {

  display: block;

}

.item0 .we-item li:first-child {

  transform: rotate(-30deg) !important;

}

.item0 .we-item li:first-child > * {

  transform: rotate(30deg) scale(1.5) !important;

}

.item0 .we-item li:nth-child(2) {

  transform: rotate(30deg) !important;

}

.item0 .we-item li:nth-child(2) > * {

  transform: rotate(-30deg) scale(1.5) !important;

}

.item1 .we-item li:nth-child(2) {

  transform: rotate(75deg) !important;

}

.item1 .we-item li:nth-child(2) > * {

  transform: rotate(-75deg) !important;

}

.item1 .we-item li:nth-child(3) {

  transform: rotate(-95deg) !important;

}

.item1 .we-item li:nth-child(3) > * {

  transform: rotate(95deg) !important;

}

.item2 .we-item li:nth-child(1) {

  transform: rotate(45deg) !important;

}

.item2 .we-item li:nth-child(1) > * {

  transform: rotate(-45deg) !important;

}

.item2 .we-item li:nth-child(2) {

  transform: rotate(115deg) !important;

}

.item2 .we-item li:nth-child(2) > * {

  transform: rotate(-115deg) !important;

}

.item2 .we-item li:nth-child(3) {

  transform: rotate(-55deg) !important;

}

.item2 .we-item li:nth-child(3) > * {

  transform: rotate(55deg) !important;

}

.item2 .we-item li:nth-child(4) {

  transform: rotate(-125deg) !important;

}

.item2 .we-item li:nth-child(4) > * {

  transform: rotate(125deg) !important;

}

.item3 .we-item li:nth-child(1) {

  transform: rotate(90deg) !important;

}

.item3 .we-item li:nth-child(1) > * {

  transform: rotate(-90deg) !important;

}

.item3 .we-item li:nth-child(2) {

  transform: rotate(-90deg) !important;

}

.item3 .we-item li:nth-child(2) > * {

  transform: rotate(90deg) !important;

}

.culture-circle-out li:nth-child(1) {

  transform: translateX(110px) rotate(-85deg) !important;

}

.culture-circle-out li:nth-child(1) a {

  transform: rotate(85deg) !important;

}

.culture-circle-out li:nth-child(2) {

  transform: rotate(55deg) !important;

}

.culture-circle-out li:nth-child(2) a {

  transform: rotate(-55deg) !important;

}

.culture-circle-out li {

  transform-origin: 58px 675px;

}

.culture-circle-int li {

  transform-origin: 58px 455px;

}

.culture-circle-int li:nth-child(1) {

  transform: rotate(135deg) !important;

}

.culture-circle-int li:nth-child(1) a {

  transform: rotate(-135deg) !important;

}

.blg-footer-cont .ewm {

  width: 40%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  position: absolute;

  right: 0;

  top: 0;

}

.blg-footer-cont .ewm img {

  width: 124px;

  border: 1px solid var(--color-green1);

}

.blg-footer-cont .ewm p {

  margin-top: 10px;

}

.blg-footer.red .blg-footer-cont .ewm img {

  border-color: var(--color-red);

}

.blg-footer.blue .blg-footer-cont .ewm img {

  border-color: var(--color-blue1);

}

header:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));

  position: absolute;

  left: 0;

  top: 0;

}

.Fixed header:before {

  display: none;

}

.header-layer {

  position: absolute;

  left: 0;

  top: 0;

  padding: 114px 7.8125vw 50px;

  min-height: 450px;

  background: #fff;

  right: 0;

  overflow: hidden;

  display: none;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

}

.lh-logo {

  z-index: 2;

}

.lh-nav {

  position: relative;

  z-index: 2;

}

.header-layer .icon {

  position: absolute;

  left: 7.8125vw;

  bottom: -30px;

}

.header-layer:before {

  content: '';

  display: block;

  width: 300px;

  height: 300px;

  border-radius: 45%;

  animation: rotate1 20s linear infinite;

  background: #ffeced;

  position: absolute;

  right: -250px;

  top: -100px;

}

.header-layer .icon1 {

  width: 1000px;

  height: 1000px;

  position: absolute;

  left: -100px;

  bottom: -900px;

}

.header-layer .icon1:before,

.header-layer .icon1:after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 45%;

  background: rgba(255, 177, 74, 0.1);

  position: absolute;

  left: 0;

  top: 0;

  animation: rotate1 20s linear infinite;

}

.header-layer .icon1:after {

  left: 7.8125vw;

}

.headerNav .header-layer {

  display: block;

}

.lh-nav li dl {

  position: absolute;

  left: 0;

  top: 90px;

}

.lh-nav li dl dd {

  color: #333333;

  white-space: nowrap;

}

.lh-nav li dl dd a:hover {

  color: var(--color-red);

}

.lh-nav li dl {

  display: none;

}

.headerNav .lh-nav li dl {

  display: block;

}

.header-layer:after {

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  background: var(--color-red);

  position: absolute;

  left: 0;

  top: 96px;

}

.we-btn {

  margin-top: 20px;

}

.culture-banner .bd li {

  opacity: 0;

}

.culture-banner .bd li.swiper-slide-active {

  opacity: 1;

}

.headerNav .lh-nav {

  color: #000;

}

.headerNav .lh-nav li a:after {

  background: var(--color-red);

}

.blg-fun-right {

  width: calc(100% - 50.36458333vw);

  padding-left: 40px;

}

.blg-fun-item li {

  padding-left: 24px;

  position: relative;

  margin-top: 20px;

}

.blg-fun-item li .name {

  position: relative;

}

.blg-fun-item li .ccont {

  margin-top: 10px;

  display: none;

}

.blg-fun-item li.on .ccont {

  display: block;

}

.blg-fun-item li .name:before {

  content: '';

  display: block;

  width: 14px;

  height: 14px;

  border-radius: 50%;

  background: #e4e4e4;

  position: absolute;

  left: -24px;

  top: 50%;

  transform: translateY(-50%);

}

.blg-fun-item li .name:after {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #000;

  position: absolute;

  left: -20px;

  top: 50%;

  transform: translateY(-50%) scale(0);

  transition: var(--transition);

}

.blg-fun-item li.on a {

  color: #000;

}

.blg-fun-item li.on:after {

  transform: translateY(-50%) scale(1);

}

.blg-fun-ban {

  width: 50.36458333vw;

}

.blg-fun-ban .l-imgs {

  height: 34.58333333vw;

}

.dog-iphone {

  width: 19.73958333vw;

  height: 38.90625vw;

  position: absolute;

  right: 20.83333333vw;

  top: calc(114px + 3.125vw);

  overflow: hidden;

}

.dog-iphone > * {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  transition: none;

}

.dog-iphone > *.iphone {

  z-index: 2;

}

.dog-iphone > *.gif {

  width: 17.2vw;

  height: 36.5vw;

  position: absolute;

  left: 6.5%;

  top: 2%;

}

.blg-fun-right .index-text .ccont {

  margin-top: 10px;

}

.blg-fun-item {

  margin-top: 40px;

}

.First svg.loader {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 1;

  margin-left: -50px;

  margin-top: -50px;

  transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1);

  display: none;

}

.First svg.loader path {

  animation: endlessRotate 1s linear infinite;

  transform-origin: center;

}

@keyframes endlessRotate {

  from {

    transform: rotateZ(0deg);

  }

  to {

    transform: rotateZ(360deg);

  }

}

.pace-activity {

  display: none;

}

.First .pace-activity {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 10000;

  right: 0;

  bottom: 0;

  background: #fff;

  transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

  display: flex;

  align-items: center;

  justify-content: center;

}

.First.pace-done .pace-activity {

  opacity: 0;

  pointer-events: none;

}

body.First:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  background: #fff;

  z-index: 9999;

  position: fixed;

  left: 0;

  top: 0;

}

.pace-running:before,

.pace-done:before {

  display: none !important;

}

.ewm-layer,

.ewm-layerfooter {

  width: 600px;

  padding: 60px;

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 1000;

  background: #fff;

  display: none;

}

.ewm-close {

  position: absolute;

  right: 0;

  top: 0;

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

}

.ewm-layer .img,

.ewm-layerfooter .img {

  width: 400px;

  margin: auto;

}

.ewm-layer .img img,

.ewm-layerfooter .img img {

  width: 100%;

}

.ewmLayer .ewm-layer {

  display: block;

}

.ewmLayerFooter .ewm-layerfooter {

  display: block;

}

.lh-shadow {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.6);

  z-index: 999;

}

.blg-fun-text {

  margin-top: 50px;

  color: #999;

}

.lh-history .index-text {

  position: absolute;

  left: 7.8125vw;

  top: 70px;

}

.history-cont {

  width: 876px;

  margin: auto;

}

.history-item li {

  position: absolute;

  width: 60%;

}

.history-item li:nth-child(1) {

  left: 50%;

  top: 10%;

}

.history-item li:nth-child(2) {

  left: 80%;

  top: 30.8%;

}

.history-item li:nth-child(3) {

  right: 83%;

  top: 40%;

}

.history-item li:nth-child(4) {

  left: 50%;

  top: 60.9%;

}

.history-item li:nth-child(5) {

  left: 80%;

  top: 81.8%;

}

.history-item li:nth-child(3) .time {

  float: right;

}

.history-item li:nth-child(3) .cont {

  padding: 0 2.6vw 0 0;

  float: right;

  text-align: right;

  justify-content: flex-end;

}

.history-item li .time {

  width: 96px;

  height: 116px;

  background: url(/style/img/history2.png) no-repeat center;

  background-size: cover;

  color: #fff;

  text-align: center;

  padding-top: 34px;

  float: left;

}

.history-item li .cont {

  float: left;

  width: calc(100% - 96px);

  padding-left: 2.6vw;

  font-size: 16px;

  height: 116px;

  display: flex;

  align-items: center;

}

.history-item li:nth-child(2) .cont,

.history-item li:nth-child(5) .cont {

  padding-left: 6vw;

}

.about-btnnew {

  position: static;

  margin-bottom: 30px;

  overflow: hidden;

}

.pro-ban-icon {

  display: none;

}

.load-img {

  width: 400px;

  position: relative;

}

.load-img i {

  display: block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #808080;

  position: absolute;

  left: 54%;

  top: 70%;

  opacity: 0;

  animation: loadI linear 1s infinite;

}

.load-img:before,

.load-img:after {

  content: '';

  display: block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #808080;

  position: absolute;

  left: calc(54% + 8px);

  top: 70%;

  opacity: 0;

  animation: loadI linear 1s infinite;

  animation-delay: 0.1s;

}

.load-img:after {

  left: calc(54% + 16px);

  animation-delay: 0.2s;

}

@keyframes loadI {

  0%,

  100% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

}

.teacher-l-hd {

  display: none !important;

}

.brand-web,

.ten-cont-web {

  display: none;

}

.logowhite .lh-logo .logo1 {

  opacity: 0;

}

.logowhite .lh-logo .logo2 {

  opacity: 1;

}

.serves-b-l {

  width: 55%;

}

.serves-_banner {

  width: 100%;

}

.serves-_banner .bd li {

  padding: 100px 100px 0;

}

.serves-_banner .bd a {

  display: block;

  height: 100%;

  background: #e6f4fd;

  border-radius: 10%;

  padding: 3.64583333vw 1.8vw 4.6875vw;

  position: relative;

  min-height: 400px;

}

.serves-_banner .bd .icon {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  background: #b1d4eb;

  display: flex;

  align-items: center;

  justify-content: center;

  max-width: inherit;

  position: absolute;

  right: -60px;

  top: -60px;

}

.serves-_banner .bd .icon:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: rgba(177, 212, 235, 0.9);

  position: absolute;

  left: 0;

  top: 0;

  animation: mouse linear 1s infinite;

  z-index: -1;

}

.serves-_banner .bd .ccont {

  margin-top: var(--px-40);

}

.Fixed .logowhite .lh-logo .logo2 {

  opacity: 0;

}

.Fixed .logowhite .lh-logo .logo1 {

  opacity: 1;

}

.serves-introduction .index-text {

  position: relative;

  right: auto;

}

.serves-_btn {

  position: static;

}

.serves-_btn > * {

  position: absolute;

  margin: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

.serves-_btn > *.prevs {

  left: 0;

}

.serves-_btn > *.nexts {

  right: 0;

}

.pro-item {

  margin-left: -50px;

  margin-top: 50px;

}

.pro-item li {

  padding-left: 50px;

}

.pro-item li .phone {

  display: none;

}

.pro-item li .icon {

  margin: auto;

  float: none;

}

.pro-item li .text {

  width: 100%;

  height: auto;

  padding-left: 0;

  float: none;

  text-align: center;

  margin-top: 40px;

  display: block;

}

.pm-discuss {

  padding: 100px 0;

}

.discuss-banner {

  margin-top: 30px;

  transform: translateX(-100%);

}

.discuss-banner .bd li {

  width: auto;

  padding: 0 20px;

  display: inline-block;

}

.discuss-banner .bd li a {

  padding: 16px 20px;

  border: 2px solid var(--color-red);

  border-radius: 30px 0 30px 30px;

  display: block;

}

.discuss-banner .swiper-wrapper {

  transition-timing-function: linear !important;

}

.discuss-cont {

  margin-top: 100px;

}

.cxs-xz {

  padding-top: 40px;

  padding-bottom: 160px;

}

.cxs-xz:before {

  content: '';

  display: block;

  width: 100%;

  height: 155px;

  background: url(/style/img/sbb4.jpg) no-repeat center;

  position: absolute;

  left: 0;

  top: 0;

}

.cxs-xz:after {

  content: '';

  display: block;

  width: 100%;

  height: 395px;

  background: url(/style/img/sbb3.jpg) no-repeat center top;

  position: absolute;

  left: 0;

  bottom: 0;

  background-size: cover;

}

.xz-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  padding: 0 20px;

  margin: auto;

}

.xz-container > .title .nname {

  color: #01cbb8;

  margin-top: 10px;

}

.xz-cont {

  margin-top: 50px;

}

.xz-cont > * {

  flex: 1;

  display: flex;

}

.xz-cont > *.right {

  align-items: flex-end;

  justify-content: flex-end;

}

.xz-ewm .ewm {

  width: 178px;

}

.xz-ewm .text {

  display: flex;

  align-items: flex-end;

  padding-left: 25px;

}

.xz-ewm .text .name {

  color: #FFE00E;

}

.xz-ewm .text > * > * {

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);

}

.xz-ewm .text .nname {

  padding-left: 26px;

  position: relative;

}

.xz-ewm .text .nname:before {

  content: '';

  display: block;

  width: 0;

  height: 0;

  border: 10px solid transparent;

  border-right: 14px solid #fff;

  position: absolute;

  left: -7px;

  top: 50%;

  transform: translateY(-50%);

}

.dis-web {

  display: none;

}

/*

F5AB00

transparent

font-family: "ebrimabd";

.hRegular{font-family: "hRegular";}

.hLight{font-family: "hLight";}

.hBold{font-family: "hBold";}

l-uppercase

transition:cubic-bezier(0.215,.61,.355,1) .45s;



*/

@media screen and (max-width: 1800px) {

  .l-font88 {

    font-size: 60px;

  }

  #myChart {

    height: 800px;

  }

  .index-company {

    padding-top: 100px;

  }

}

@media screen and (max-width: 1600px) {

  .l-font36 {

    font-size: 24px;

  }

  .l-font50 {

    font-size: 36px;

  }

  .l-lh60 {

    line-height: 48px;

  }

  .l-font24 {

    font-size: 18px;

  }

  .l-font90 {

    font-size: 72px;

  }

  .l-lh80 {

    line-height: 70px;

  }

  .l-font26 {

    font-size: 18px;

  }

  #myChart {

    height: 500px;

  }

  .index-company {

    padding-top: 100px;

    padding-bottom: 100px;

  }

  .index-company .index-mob {

    padding-top: 50px;

  }

  .l-font88 {

    font-size: 52px;

  }

  .l-font22 {

    font-size: 16px;

  }

  .l-font72 {

    font-size: 42px;

  }

  .store-serves-item li .num i {

    top: -24px;

  }

  .l-font60 {

    font-size: 46px;

  }

  .blg-serves {

    padding-bottom: 240px;

  }

  .l-font48 {

    font-size: 32px;

  }

  .l-font30 {

    font-size: 20px;

  }

  :root {

    --px-80: 50px;

  }

  .introduction-item li {

    margin-top: 100px;

  }

  .introduction-item li:first-child {

    top: -180px;

  }

  .serves-introduction {

    padding-top: 200px;

  }

  .l-font20 {

    font-size: 16px;

  }

  .l-lh36 {

    line-height: 26px;

  }

  .l-font42 {

    font-size: 32px;

  }

  .culture-imgs {

    display: none;

  }

  .dog-iphone {

    top: 90px;

    transform: scale(0.9);

  }

  .lh-banner.ban .index-mob > .text {

    padding-top: 80px;

  }

  .blg-fun .container {

    width: 980px;

  }

  .history-item li:nth-child(3) {

    right: 63%;

    top: 36%;

  }

  .history-item li:nth-child(2) {

    left: 81%;

    top: 30.3%;

  }

  .contact-ban-item li i {

    width: 60px;

    height: 60px;

  }

  .contact-ban-item li .text {

    height: 60px;

  }

  .history-item li .time {

    font-size: 28px;

  }

  .contact-addr {

    padding-top: 80px;

  }

  .contact-item {

    margin-top: 220px;

  }

}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {

  /*125%*/

  .news-ban-a {

    margin-top: 30px;

  }

  .brand-total li {

    padding: 40px 10px;

  }

  .brand-total li .num i {

    top: -30px;

  }

  .index-company {

    padding-top: 100px;

  }

  .serves-introduction .index-text {

    right: 100px;

  }

  .pro-item li a {

    padding: 30px;

    height: 100%;

  }

  .l-font28 {

    font-size: 20px;

  }

  .xz-ewm .text .nname:before {

    border: 5px solid transparent;

    border-right: 8px solid #fff;

    left: -4px;

  }

  .xz-ewm .text .nname {

    padding-left: 18px;

  }

  .index-mob > .text {

    font-size: 16px;

  }

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {

  /*150%*/

}

@media screen and (max-width: 1500px) {

  .login-r {

    padding: 0 0 0 5%;

  }

  header,

  .index-mob {

    padding-left: 5.2vw;

    padding-right: 5.2vw;

  }

}

@media screen and (max-width: 1366px) {

  .container1400 {

    max-width: 100%;

  }

}

/*平板*/

@media screen and (max-width: 1024px) {

  .l-font20,

  .l-font24 {

    font-size: 16px;

  }

  .l-font26 {

    font-size: 18px;

  }

  .l-font12 {

    font-size: 12px;

  }

  .l-font14 {

    font-size: 14px;

  }

  .l-font16 {

    font-size: 14px;

  }

  .l-font18 {

    font-size: 14px;

  }

  .l-font130 {

    font-size: 32px;

  }

  .l-font32 {

    font-size: 24px;

  }

  .l-font70 {

    font-size: 24px;

  }

  .l-font30 {

    font-size: 18px;

  }

  .l-font40 {

    font-size: 20px;

  }

  .l-lh30 {

    line-height: 24px;

  }

  .l-font36 {

    font-size: 20px;

  }

  .l-lh24 {

    line-height: 20px;

  }

  .l-font48 {

    font-size: 24px;

  }

  .l-col-1,

  .l-col-2,

  .l-col-3,

  .l-col-4,

  .l-col-5,

  .l-col-6,

  .l-col-7,

  .l-col-8,

  .l-col-9,

  .l-col-10,

  .l-col-11,

  .l-col-12 {

    width: 100%;

  }

  .l-grid-2 > *,

  .l-grid-3 > *,

  .l-grid-4 > *,

  .l-grid-5 > *,

  .l-grid-6 > *,

  .l-grid-7 > *,

  .l-grid-8 > * {

    width: 100%;

  }

  .lh-nav-btn {

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    height: 50px;

    z-index: 3;

  }

  .lh-nav-btn:before,

  .lh-nav-btn:after,

  .lh-nav-btn i {

    content: '';

    display: block;

    width: 24px;

    height: 2px;

    background: var(--color-red);

    position: absolute;

    left: 15px;

    top: 50%;

    transition: var(--transition);

  }

  .lh-nav-btn:before {

    margin-top: -8px;

  }

  .lh-nav-btn:after {

    margin-top: 8px;

  }

  .lh-nav {

    transform: translateX(100%);

    visibility: hidden;

    transition: var(--transition);

    width: 100vw;

    height: 100vh;

    background: #fff;

    position: absolute;

    left: 0;

    top: 0;

    padding-top: 30%;

  }

  .lh-nav li {

    float: none;

    margin: 5% 0;

  }

  .lh-nav li a {

    display: block;

    color: #000;

    font-size: 18px;

    text-align: center;

  }

  .lh-nav li a:after {

    display: none;

  }

  .lh-nav li.on a {

    color: var(--color-red);

  }

  .Nav .lh-nav {

    transform: translate(0, 0);

    visibility: visible;

  }

  .Nav .lh-nav-btn i {

    transform: scaleX(0);

  }

  .Nav .lh-nav-btn:before {

    transform: translate(0, 8px) rotate(45deg);

  }

  .Nav .lh-nav-btn:after {

    transform: translate(0, -8px) rotate(-45deg);

  }

  .lh-cursor {

    display: none;

  }

  header {

    height: 50px;

    padding: 0 !important;

    background: #fff;

    z-index: 10;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  }

  .lh-logo {

    position: absolute;

    left: 15px;

    top: 50%;

    transform: translateY(-50%);

    width: 90px;

    height: auto;

    z-index: 3;

  }

  .index-mob > .text {

    width: 100%;

    float: none;

  }

  .l-font56 {

    font-size: 38px;

  }

  .l-font50 {

    font-size: 30px;

  }

  .l-lh60 {

    line-height: 46px;

  }

  .lh-banner .bd .imgs .mobile {

    width: 100px;

    height: 198px;

    right: 100px;

    bottom: 20%;

  }

  .lh-banner {

    height: calc(100vh - 50px);

  }

  .banner-mouse {

    width: 40px;

    height: 40px;

  }

  .banner-mouse i {

    width: 14px;

    height: 24px;

  }

  .about-icon > *.icon1 {

    width: 88px;

    height: 88px;

  }

  .index-mob {

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 30px;

    padding-top: 30px;

  }

  .l-font90 {

    font-size: 54px;

  }

  .about-text .nname {

    font-size: 38px;

    line-height: 42px;

    white-space: nowrap;

    margin-top: 10px;

  }

  .l-lh80 {

    line-height: 60px;

  }

  .about-text {

    position: static;

  }

  .about-cont {

    width: 100%;

    float: none;

    padding-top: 30px;

    margin-top: 20px;

    padding-bottom: 30px;

    padding-left: 10px;

    padding-right: 10px;

  }

  .bannerhd > * {

    user-select: none;

    outline: none;

  }

  body {

    letter-spacing: 0px;

  }

  .about-banner,

  .about-banner1 {

    width: 100%;

  }

  .about-banner1 {

    margin: 0 auto 0;

  }

  .about-cont:before {

    border-radius: 15px;

    height: 100%;

  }

  .l-lh36 {

    line-height: 26px;

  }

  .about-banner1 .bd li a {

    border-radius: 15px;

    box-shadow: none !important;

    border-radius: 4px;

  }

  .about-banner1 .bd li a > * {

    padding: 10px;

    border-radius: 4px;

  }

  .about-banner1 .bd li .name {

    font-size: 14px;

  }

  .about-banner1 .bd li a:before {

    border-radius: 4px;

  }

  .about-banner1 .bd li .icon {

    width: 64px;

  }

  .index-company .index-mob {

    padding-top: 30px;

  }

  .about-hd {

    position: absolute;

    left: 20px;

    bottom: 30px;

    right: 20px;

    text-align: center;

  }

  .index-about {

    padding-bottom: 60px;

  }

  .about-hd li {

    width: 8px;

    height: 8px;

    margin: 0 3px !important;

  }

  .total-item {

    float: none;

    width: 100%;

  }

  .total-item li {

    margin-top: 20px;

    width: 50%;

  }

  .l-font88 {

    font-size: 48px;

  }

  .total-item.l-right {

    left: 0;

  }

  .index-company .index-mob {

    position: static;

  }

  #myChart {

    height: 320px;

    margin-top: -30px;

    width: 120%;

    margin-left: -10%;

  }

  .index-news {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .index-news .lh-view {

    top: -5px;

    transform: translateY(0);

    width: 100px;

    height: 30px;

    font-size: 12px;

  }

  .news-hd li {

    margin-left: 10px;

  }

  .news-hd li a {

    padding: 0 10px;

    height: 32px;

    font-size: 12px;

  }

  .news-icon .icon1 {

    width: 88px;

  }

  .news-icon .icon2 {

    display: none;

  }

  .news-bd-mob > .item {

    flex: none!important;

    width: 100%;

  }

  .news-bd-mob .first {

    height: 220px;

    border-radius: 15px;

  }

  .news-bd-mob .first .name,

  .news-two-item a .name {

    padding: 15px;

  }

  .news-two-item {

    height: auto;

    display: block;

    margin-top: 0;

  }

  .news-two-item > * {

    flex: none;

    padding-top: 10px;

  }

  .news-two-item a .img,

  .news-two-item a .l-imgs {

    height: 220px;

  }

  .news-three-item li {

    flex: none;

    margin-top: 15px;

  }

  .l-font22 {

    font-size: 16px;

  }

  .footer-logo {

    width: 108px;

    margin: auto;

  }

  .footer-top:before,

  .footer-top:after {

    display: none;

  }

  .footer-kf {

    width: 160px;

    height: 48px;

    margin: 30px auto 0;

  }

  .footer-kf i {

    font-size: 24px;

  }

  .footer-r,

  .footer-l {

    float: none;

    text-align: center;

  }

  .footer-r {

    display: none;

  }

  .footer-bottom {

    padding: 20px 0;

  }

  .footer-bottom span {

    display: block;

  }

  .pro-icon .icon1 {

    width: 88px;

    right: 15px;

  }

  .index-text .icon {

    width: 24px;

    margin: 10px auto 0;

  }

  .pro-item li a {

    padding: 0 15px 20px;

  }

  .pro-item li .text {

    height: auto;

    padding-left: 0;

    margin-top: -20px;

  }

  .pro-ewm {

    width: 100px;

    margin-top: 80px;

  }

  .pro-ewm p {

    font-size: 12px;

  }

  .store-serves-item {

    width: calc(100% + 15px);

    margin-left: -15px;

    float: none;

  }

  .store-serves-item li {

    position: static;

    padding-left: 0;

    width: 50%;

    padding-left: 15px;

  }

  .l-font72 {

    font-size: 52px;

  }

  .store-serves-item li .num i {

    top: -30px;

  }

  .store-serves-r {

    width: 100%;

    float: none;

    text-align: left;

    padding-left: 0;

    position: static;

  }

  .store-serves-item li > * {

    padding: 20px;

  }

  .trait-item {

    width: 100%;

    padding: 0;

    margin: 0;

    float: none;

  }

  .trait-item li {

    width: 100%;

    padding: 0;

    margin-top: 10px;

  }

  .trait-item li > * {

    padding: 20px;

  }

  .trait-item li .icon {

    width: 60px;

    height: 60px;

  }

  .trait-r {

    display: none;

  }

  #storeMap {

    height: 320px;

    width: 120%;

    margin-left: -10%;

  }

  .blg-footer {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .blg-footer-cont {

    padding: 20px;

  }

  .blg-footer-cont .text {

    width: 100%;

    padding-right: 0;

    border-bottom: 1px solid #E6E6E6;

    border-right: 0;

    float: none;

    padding-bottom: 20px;

  }

  .blg-footer-cont .tel {

    position: static;

    float: none;

    width: 100%;

    margin-top: 20px;

  }

  .blg-footer-cont {

    border-radius: 15px;

  }

  .lh-banner.ban.pro {

    height: calc(100vh - 50px);

  }

  .lh-banner.cxs .bd .index-mob {

    background-position: left center;

  }

  .pro-ban-icon .iconp1 {

    display: none;

  }

  .l-font240 {

    font-size: 72px;

  }

  .banner-hd li {

    width: 8px;

    height: 8px;

    margin: 0 6px 0 0 !important;

  }

  .banner-hd li.on {

    width: 18px;

  }

  .blg-video {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .trait-icon .icon1 {

    left: 15px;

    width: 88px;

  }

  .video-banner .video-img {

    width: 100%;

    height: 240px;

    border-radius: 15px;

    float: none;

    display: block;

  }

  .video-banner .video-img i {

    width: 52px;

    height: 52px;

    font-size: 24px;

  }

  .video-text {

    float: none;

    width: 100%;

    padding-top: 30px;

    padding-left: 0;

  }

  .video-icon {

    right: 15px;

    bottom: -80px;

    width: 100px;

    display: none;

  }

  .video-btn {

    position: static;

    margin-top: 30px;

  }

  .fun-banner .bd .text {

    width: 100%;

    padding-right: 0;

    float: none;

  }

  .fun-banner .bd .text .icon {

    width: 60px;

    height: 60px;

    padding: 10px;

  }

  .fun-banner .bd .img {

    display: none;

  }

  .fun-btn {

    position: static;

    margin-top: 30px;

  }

  .fun-btn > a {

    font-size: 16px;

  }

  .serves-center {

    width: 300px;

    height: 300px;

  }

  .serves-center:before {

    width: 260px;

    height: 260px;

  }

  .serves-center img {

    width: 166px;

  }

  .serves-item {

    position: static;

    margin-top: 20px;

  }

  .serves-item li {

    padding: 15px !important;

    margin-top: 10px !important;

    text-align: left;

    border-radius: 20px;

    background: #fff;

    color: #000;

  }

  .blg-serves {

    padding-bottom: 30px;

  }

  .did-hd {

    width: calc(100% + 15px);

    margin-left: -15px;

    float: none;

  }

  .did-hd li {

    padding-left: 15px;

    width: 50%;

  }

  .did-hd li:first-child a {

    transform: scale(1);

  }

  .l-font54 {

    font-size: 32px;

  }

  .did-hd li i {

    top: -20px;

  }

  .did-hd li a {

    padding: 20px;

  }

  .did-bd {

    width: 100%;

    float: none;

    margin-top: 10px;

  }

  .did-users {

    height: 340px;

  }

  .users-btn a {

    width: 42px;

    height: 42px;

    line-height: 42px;

  }

  .cxs-help {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .help-banner {

    width: calc(100% + 20px);

    margin-left: -10px;

    padding-top: 0;

    padding-bottom: 10px;

  }

  .help-item li {

    width: 50%;

    position: static;

    margin-top: 10px;

  }

  .help-text .video-btn {

    margin-top: 30px;

  }

  .cxs-video-box {

    padding: 0;

  }

  .cxs-video-banner {

    height: 200px;

  }

  .cxs-video-banner .bd .iconfont {

    width: 52px;

    height: 52px;

    font-size: 24px;

  }

  .cxs-video-hd {

    overflow: hidden;

    margin-left: -10px;

  }

  .cxs-video-hd li {

    float: left;

    width: 33.3%;

    margin: 0;

    padding-left: 10px;

  }

  .cxs-video-hd li a {

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    font-size: 12px;

    border-radius: 30px;

  }

  .cxs-video-hd li i {

    margin-right: 4px;

  }

  .teachers-r {

    display: none;

  }

  .teachers-l {

    width: 100%;

    float: none;

  }

  .teachers-l .bd .img {

    float: none;

    width: 180px;

    height: 180px;

  }

  .teachers-l .bd .text .ccont:before {

    top: -20px;

    height: 3px;

  }

  .teachers-l .bd .text {

    width: 100%;

    padding-right: 0;

  }

  .teachers-list {

    margin-top: 20px;

    margin-left: -10px;

  }

  .teachers-list li > * {

    padding: 30px 10px;

  }

  .teachers-list li {

    margin-top: 10px;

    width: 50%;

    padding-left: 10px;

  }

  .teachers-list li:last-child {

    width: 100%;

  }

  .l-lh34 {

    line-height: 26px;

  }

  .vip-item {

    margin: 20px 0 0 -10px;

  }

  .vip-item li {

    width: 50%;

    padding-left: 10px;

    margin-top: 10px;

  }

  .vip-item li a {

    padding: 20px 10px;

  }

  .vip-item li .btn {

    width: 80%;

    height: 34px;

    margin: 20px auto 0;

  }

  .vip-item li .price,

  .vip-item li .nname {

    margin-top: 10px;

  }

  .lh-banner.serves {

    height: calc(100vh - 50px);

  }

  .lh-banner.serves .index-mob > .text {

    align-items: flex-start;

    padding-top: 30%;

    justify-content: center;

  }

  .serves-nav {

    transform: translateY(0);

    float: none;

    top: 50%;

    right: auto;

    left: 15px;

    z-index: 2;

  }

  .serves-nav li {

    width: 160px;

    height: 160px;

  }

  .serves-nav li .l-imgs {

    width: 60px;

    height: 60px;

  }

  .serves-nav li ._text {

    margin-top: -30px;

  }

  .serves-nav li .iconfont {

    width: 42px;

    height: 42px;

    margin: 20px auto 0;

  }

  .serves-brand .ccont {

    margin: 20px auto 0;

  }

  .brand-total li {

    width: 50%;

    float: left;

    margin: 0;

    height: 160px;

    overflow: hidden;

  }

  .brand-total li:first-child {

    border-radius: 4px 0 0 4px;

  }

  .brand-total li:last-child {

    border-radius: 0 4px 4px 0;

  }

  .brand-we .index-text {

    position: static;

  }

  .brand-we {

    padding-top: 30px;

    padding-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

  }

  .we-btn {

    margin-top: 20px;

  }

  .we-btn a {

    margin: 0 10px;

    width: 42px;

    height: 42px;

  }

  .we-item-box.item3 {

    transform: scale(2);

  }

  .we-item-box.item2 {

    transform: scale(1.6);

  }

  .brand-banner .bd .swiper-slide {

    overflow: hidden;

    padding-top: 120px;

    padding-bottom: 120px;

  }

  .serve-ban {

    width: 100%;

    padding: 0 15px;

  }

  .serve-ban .icon {

    width: 130px;

    margin: auto;

  }

  .serves-ten .about-icons .icons3 {

    width: 88px;

  }

  .ten-item {

    width: 80vw;

    height: 80vw;

  }

  .ten-item li {

    transform-origin: center calc(40vw + 20px);

    margin: -20px 0 0 -30px;

  }

  .ten-item li .icon {

    width: 50px;

  }

  .ten-item li .name {

    font-size: 12px;

    margin-top: 5px;

    transform: scale(0.8);

  }

  .ten-item li:before {

    height: 30vw;

    top: 60%;

  }

  .ten-cont {

    margin: 30vw auto;

  }

  .serves-introduction .i_icon {

    width: 90px;

    top: -20px;

    bottom: auto;

  }

  .serves-introduction .index-text {

    position: static;

  }

  .introduction-item li:first-child {

    position: static;

  }

  .introduction-item {

    margin-top: 30px;

    padding-top: 0;

  }

  .introduction-item li:first-child .icon {

    width: 60px;

    max-width: 50px;

    height: 60px;

  }

  .introduction-item li > * {

    padding: 20px;

    border-radius: 10px;

  }

  .introduction-item li .icon {

    max-width: 50px;

    right: -10px;

    top: -25px;

  }

  .introduction-item li {

    margin-top: 30px;

  }

  .banAbout .index-mob > .text {

    align-items: flex-start;

    padding-top: 30%;

  }

  .about-nav {

    right: auto;

    left: 0;

    transform: translateY(0);

    width: calc(100% + 10px);

    height: auto;

    margin-left: -10px;

    padding-left: 10px;

  }

  .about-nav li {

    border: none;

    width: 50%;

    border-radius: 0;

    margin: 10px 0 0 !important;

    float: left;

    position: static;

    padding-left: 10px;

    box-shadow: none;

  }

  .about-nav li a {

    background: var(--color-red);

    padding: 20px;

    border-radius: 15px;

  }

  .about-nav li .icon {

    width: 40px;

  }

  .about-imgs .bd li {

    height: 240px;

    margin-right: 0;

  }

  .culture-banner,

  .culture-cont {

    width: 200px;

    height: 200px;

  }

  .l-font64 {

    font-size: 42px;

  }

  .culture-circle-int {

    width: 80vw;

    height: 80vw;

  }

  .culture-circle-out {

    width: 100vw;

    height: 100vw;

  }

  .culture-imgs {

    display: none;

  }

  .culture-circle li .icon {

    width: 58px;

    height: 58px;

    margin: 5px auto 0;

  }

  .culture-circle li {

    margin: -50px 0 0 -50px;

    width: 100px;

    height: 100px;

    transform-origin: 50px 60vw;

  }

  .culture-circle li .icon ._icon {

    border-width: 4px;

    padding: 10px;

  }

  .lh-culture {

    padding-bottom: 140px;

    padding-top: 200px;

  }

  .culture-banner .bd li {

    padding: 0 20px;

  }

  .culture-banner .bd li .num {

    left: 18px;

    top: 10px;

    font-size: 24px;

  }

  .course-banner-box {

    width: 100%;

  }

  .course-banner {

    width: 100%;

  }

  .course-banner .bd li {

    padding: 30px;

  }

  .course-earth,

  .course-times {

    display: none;

  }

  .course-banner .bd li .time {

    left: 0;

    position: relative;

    display: block;

    float: none;

    display: inline-block;

  }

  .course-banner .bd li .time span {

    top: 0;

    left: 110%;

  }

  .course-banner .bd li .cont {

    float: none;

    padding-left: 0;

    margin-top: 10px;

  }

  .course-banner .bd li {

    padding: 20px;

  }

  .course-banner .bd li .cont:before {

    display: none;

  }

  .course-banner .bd li .cont pre {

    white-space: normal;

  }

  .l-lh28 {

    line-height: 24px;

  }

  .company-total #myChart {

    position: static;

    transform: translateY(0);

    height: 320px;

    width: 120%;

    float: none;

  }

  .news-ban-a .img {

    width: 100%;

    height: 140px;

    float: none;

  }

  .news-ban-a .text {

    width: 100%;

    padding-left: 0;

    margin-top: 10px;

    color: #000;

  }

  .news-ban-a {

    margin-top: 30px;

  }

  .news-nav {

    height: 60px;

  }

  .news-nav li:before {

    height: 16px;

  }

  .lh-view {

    width: 100px;

    height: 32px;

  }

  .lh-view i {

    margin-left: 5px;

  }

  .news-brand-l {

    width: 100%;

    float: none;

  }

  .news-brand-l .img {

    height: 200px;

  }

  .news-brand-r {

    position: static;

    width: 100%;

    height: auto;

    float: none;

    margin-top: 1px;

  }

  .news-brand-l .text {

    padding: 20px 0;

  }

  .news-brand-r li a {

    padding: 15px;

  }

  .news-brand-r li {

    padding: 0;

    margin-top: 10px;

  }

  .news-brand-r li .img {

    width: 100%;

    height: 140px;

  }

  .news-brand-r li .text {

    width: 100%;

    padding-left: 0;

  }

  .news-brand-l a {

    border-bottom: 0;

  }

  .activities-banner .bd li .img {

    height: 150px;

  }

  li.win50 {

    width: 100%;

  }

  .customer-item li.win50 {

    height: 200px;

    margin-top: 0;

  }

  .customer-item li.win50 .time p {

    margin-top: 0;

  }

  .customer-item li.win50 .time {

    border-radius: 10px;

  }

  .customer-item li {

    margin-top: 10px;

  }

  .customer-item li.win50 h5 {

    width: 42px;

    height: 42px;

  }

  .customer-item li:not(.win50) .img {

    height: 140px;

  }

  .customer-item li:not(.win50) .more {

    margin-top: 10px;

  }

  .customer-item li:not(.win50) a {

    padding: 15px;

  }

  .lh-banner.detail {

    height: 240px;

  }

  .lh-banner.detail > .bg {

    background-position: center;

  }

  .lh-detail {

    padding: 0;

  }

  .lh-detail > .cont {

    padding: 15px;

  }

  .detail-page {

    padding: 15px;

  }

  .contact-ban-item li i {

    width: 60px;

    height: 60px;

    margin-right: 15px;

  }

  .contact-ban-item li .text {

    height: auto;

  }

  .contact-ban-item li .nname {

    font-size: 14px;

  }

  .contact-item {

    width: 100%;

    margin-left: 0;

  }

  .contact-addr .index-text {

    float: none;

    text-align: left;

  }

  .contact-item li {

    padding-left: 0;

    margin-bottom: 25px;

  }

  .contact-addr:before {

    height: 120px;

  }

  .contact-item {

    margin-top: 50px;

  }

  .index-text .nname {

    margin-bottom: 5px;

  }

  .feedback-cont {

    top: 0;

    padding: 20px;

    margin-top: 30px;

  }

  .feedback-l {

    width: 100%;

    float: none;

  }

  .feedback-l .ccont {

    margin-top: 20px;

    font-size: 12px;

    line-height: 20px;

  }

  .feedback-r {

    width: calc(100% + 15px);

    float: none;

    margin: 0;

    margin-left: -15px;

  }

  .feedback-r li {

    margin-top: 15px;

    width: 50%;

  }

  .feedback-r li.win100 {

    width: 100%;

  }

  .feedback-r li .title {

    margin-bottom: 10px;

  }

  .submit-btn {

    height: 52px;

    margin-top: 20px;

  }

  .feedback-r li textarea {

    height: 90px;

  }

  .contact-feedback {

    padding-bottom: 30px;

  }

  .contact-join {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .join-item-title {

    font-size: 14px;

  }

  .join-item-title .name {

    width: 27%;

  }

  .join-item-title .other span {

    margin-right: 10px;

    font-size: 12px;

  }

  .join-item-title .other span:nth-child(2) {

    display: none;

  }

  .join-item-title .other i {

    font-size: 16px;

  }

  .join-item-title {

    padding: 20px 0;

  }

  .join-item-cont {

    padding: 20px 0;

  }

  .join-item-cont .send {

    height: 52px;

    margin: 20px auto 0;

    font-size: 16px;

  }

  header:before {

    display: none;

  }

  .about-imgs {

    width: 100%;

    margin-top: 0;

  }

  .culture-circle-out li:nth-child(2) {

    transform: rotate(45deg) !important;

  }

  .culture-circle-out li:nth-child(2) a {

    transform: rotate(-45deg) !important;

  }

  .culture-circle-out li:nth-child(1) {

    transform: translateX(35px) rotate(-85deg) !important;

  }

  .culture-circle-int li {

    transform-origin: 50px 57vw;

  }

  .course-banner {

    padding-bottom: 20px;

  }

  .course-banner:before {

    content: '左右滑动切换';

    display: block;

    width: 100%;

    text-align: center;

    font-size: 12px;

    position: absolute;

    left: 0;

    bottom: 10px;

    color: #999;

  }

  .banner-mouse {

    display: none;

  }

  .pro-item li .phone {

    display: none;

  }

  .lh-banner ._bg {

    background-position: 10% center;

  }

  .index-banner-img {

    width: 180px;

    right: 15px;

  }

  .about-text .lh-more {

    margin-top: 30px;

  }

  .index-about-btn {

    display: none !important;

  }

  .about-banner1 .bd li .ccont {

    transform: translateY(0);

    opacity: 1;

  }

  .about-banner {

    display: none;

  }

  .blg-footer-cont .ewm {

    float: none;

    width: 100%;

    position: static;

    margin-top: 30px;

    justify-content: center;

  }

  .emphasis-btn {

    position: static;

    margin-top: 20px;

  }

  .emphasis-btn > a {

    width: 50px;

    height: 50px;

  }

  .emphasis-banner-r {

    float: none;

    width: 100%;

    height: 180px;

    margin-top: 20px;

  }

  .emphasis-banner {

    width: 100%;

  }

  .emphasis-banner .bd a {

    margin-right: 0;

  }

  .emphasis-text {

    width: 100%;

    float: none;

  }

  .lh-banner._news > .bg {

    background-position: left bottom;

    opacity: 0.7;

  }

  .activities-banner .bd li .text .ccont {

    margin-top: 20px;

  }

  .news-brand-l .img {

    height: 140px;

  }

  .news-ul li .img {

    height: 140px;

  }

  .news-ul li .text {

    margin-top: 10px;

  }

  .news-ul li a {

    padding: 10px;

  }

  .serves-introduction {

    padding-top: 40px;

  }

  .dog-iphone {

    top: auto;

    bottom: 100px;

    right: 50px;

    transform: scale(2);

  }

  .banner-hd {

    bottom: 10px!important;

    padding: 0 15px;

  }

  .blg-fun-right {

    width: 100%;

    float: none;

  }

  .blg-fun-ban {

    width: 100%;

    float: none;

    margin-top: 20px;

  }

  .blg-fun-ban .l-imgs {

    height: 240px;

  }

  .blg-fun-text {

    margin-top: 30px;

  }

  .blg-fun .container {

    width: 100%;

  }

  :root {

    --px-110: 30px;

    --px-120: 30px;

    --px-80: 30px;

    --px-20: 10px;

    --px-70: 30px;

    --px-60: 30px;

    --px-100: 30px;

    --px-90: 30px;

    --px-50: 20px;

    --px-40: 20px;

    --px-30: 10px;

  }

  .history-cont {

    width: 100%;

  }

  .history-cont img {

    display: none;

  }

  .lh-history .index-text {

    position: static;

  }

  .history-item li {

    position: static !important;

    width: 100%;

    overflow: hidden;

    margin-top: 30px;

  }

  .lh-history {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .history-item li .time {

    width: 48px;

    height: 58px;

    padding-top: 14px;

    float: left !important;

    font-size: 16px;

  }

  .history-item li .cont {

    float: left !important;

    padding: 4px 0 0 20px !important;

    text-align: left !important;

    height: auto;

  }

  .about-banner1 .bd li a {

    margin: 0 5px !important;

  }

  .index-company {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .total-item li:nth-child(3) {

    padding-left: 0;

  }

  .ewm-layer,

  .ewm-layerfooter {

    width: 90vw;

    padding: 0;

    border-radius: 10px;

  }

  .ewm-layer .img,

  .ewm-layerfooter .img {

    width: 100%;

  }

  .ewm-close {

    right: auto;

    left: 50%;

    top: calc(100% + 15px);

    background: #000;

    color: #fff;

    border-radius: 50%;

    transform: translateX(-50%);

  }

  .lh-imgLayer-banner .prevn,

  .lh-imgLayer-banner .nextn {

    display: none;

  }

  .blg-footer-cont .user {

    justify-content: center;

  }

  .blg-footer-cont .text .ccont {

    text-align: center;

    white-space: normal;

  }

  .l-font42 {

    font-size: 24px;

  }

  .did-users li {

    margin-top: 10px;

  }

  .teachers-list li:last-child {

    width: 50%;

  }

  .lh-banner._serves .ccont {

    text-align: left;

  }

  .about-nav li:hover {

    box-shadow: none;

    transform: translateY(0);

  }

  .l-font28 {

    font-size: 18px;

  }

  .load-img {

    width: 250px;

  }

  .lh-banner.ban .index-mob > .text {

    padding-top: 0;

    padding-bottom: 50px;

  }

  .teachers-l {

    text-align: center;

  }

  .teachers-l .bd .img {

    margin: auto;

  }

  .teachers-l .bd .text .ccont:before {

    left: 50%;

    transform: translateX(-50%);

  }

  .teacher-l-hd {

    display: block !important;

    margin-top: 20px;

  }

  .teacher-l-hd li.on {

    opacity: 1;

  }

  .brand-banner {

    display: none;

  }

  .we-btn {

    display: none !important;

  }

  .brand-web {

    display: block;

    margin-left: -15px;

  }

  .brand-web li {

    width: 33.3%;

    padding-left: 15px;

    margin-top: 15px;

  }

  .brand-web li > * {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    border-radius: 4px;

    height: 50px;

    overflow: hidden;

  }

  .brand-web li > * .text {

    font-size: 12px;

    padding: 0 12px;

    text-align: center;

  }

  .ten-cont {

    display: none;

  }

  .ten-cont-web {

    display: block;

    overflow: hidden;

  }

  .ten-cont-web li {

    width: 50%;

    text-align: center;

    margin-top: 30px;

  }

  .ten-cont-web li .icon {

    width: 78px;

    height: 78px;

    margin: 0 auto 10px;

  }

  .lh-pro {

    padding-top: 0;

    padding-bottom: 0;

  }

  .pro-item {

    margin-top: 20px;

    padding: 0 40px;

  }

  .pro-item li .icon {

    width: 80%;

  }

  .l-lh32 {

    line-height: 24px;

  }

  .about-imgs .bd li i {

    text-indent: inherit;

    width: 32px;

    height: 32px;

    font-size: 16px;

  }

  .lh-banner.ban {

    height: auto;

  }

  .about-nav {

    position: static;

    overflow: hidden;

    padding-left: 0;

  }

  .lh-banner.ban .index-mob > .text {

    padding-bottom: 30px;

  }

  .serves-nav {

    position: static;

    margin: 50px auto 0;

    text-align: center;

  }

  .serves-nav > li {

    float: none;

    display: inline-block;

  }

  .news-ban {

    padding-top: 0;

  }

  .lh-banner.ban._serves {

    height: calc(80vh - 50px);

  }

  .lh-banner.ban.pro {

    height: calc(80vh - 50px);

  }

  .lh-banner.ban.pro .index-mob > .text {

    height: 100%;

    align-items: flex-start;

  }

  .pro-ewm {

    position: absolute;

    left: 0;

    bottom: 0;

  }

  .lh-banner.ban._serves._news {

    height: auto;

  }

  .lh-banner.banAbout > .bg {

    background-position: left center;

    opacity: 0.5;

  }

  .lh-banner.contact > .bg {

    background: linear-gradient(-45deg, #D2DEEA, #FBEBE4) !important;

  }

  .contact-ban-item {

    width: 90%;

  }

  .lh-banner.serves > .bg {

    background-position: right center;

  }

  .lh-banner.serves .index-mob > .text {

    color: #000;

  }

  .lh-banner.pro ._bg {

    opacity: 0.7;

  }

  .pm-discuss {

    padding: 50px 0;

  }

  .discuss-banner .bd li {

    padding: 0 5px;

  }

  .discuss-banner .bd li a {

    padding: 8px 15px;

  }

  .discuss-banner {

    margin-top: 20px;

  }

  .discuss-cont {

    margin-top: 50px;

  }

  .serves-b-l {

    width: 100%;

    float: none;

    margin-top: 30px;

  }

  .serves-introduction .index-text {

    float: none;

    z-index: 2;

  }

  .serves-_banner .bd li {

    padding: 0;

  }

  .serves-_banner .bd .icon {

    position: relative;

    right: auto;

    top: auto;

    width: 60px;

    height: 60px;

  }

  .serves-_banner .bd .icon:before {

    display: none;

  }

  .serves-_banner .bd a {

    border-radius: 10px;

    padding: 20px;

  }

  .serves-_banner .bd .text {

    margin-top: 20px;

  }

  .serves-_btn {

    display: none !important;

  }

  .serves-introduction .about-hd {

    z-index: 3;

    bottom: 10px;

  }

  .lh-logo .logo2 {

    opacity: 0 !important;

  }

  .lh-logo .logo1 {

    opacity: 1 !important;

  }

  .cxs-xz:before {

    display: none;

  }

  .xz-cont > * {

    flex: none;

  }

  .xz-cont {

    display: block;

  }

  .xz-cont > *.left {

    padding: 0 50px;

    display: none;

  }

  .cxs-xz:after {

    height: 170px;

  }

  .xz-cont > *.right {

    margin-top: 30px;

    justify-content: center;

  }

  .xz-ewm .ewm {

    width: 100px;

  }

  .help-text {

    float: none;

    margin-top: 20px;

  }

  .discuss-banner {

    transform: translateX(0);

  }

  .discuss-cont > * {

    -webkit-overflow-scrolling: touch;

  }

  .xz-ewm .text .nname:before {

    border: 6px solid transparent;

    border-right: 8px solid #fff;

    left: -4px;

  }

  .xz-ewm .text .nname {

    padding-left: 14px;

  }

  .dis-web {

    display: block;

  }

  .dis-web-item {

    white-space: nowrap;

    animation: web linear 30s infinite;

    transform: translateX(375px);

  }

  @keyframes web {

    to {

      transform: translateX(calc(-100% - 20px));

    }

  }

  .dis-web {

    overflow: hidden;

    margin-top: 50px;

  }

  .dis-web li {

    display: inline-block;

    padding: 0 5px;

  }

  .dis-web li a {

    padding: 8px 15px;

    border: 2px solid var(--color-red);

    border-radius: 30px 0 30px 30px;

    display: block;

  }

  .discuss-cont {

    display: none;

  }

  .dis-web-item.two {

    margin-top: 20px;

    animation-duration: 32s;

  }

}

/*手机*/

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

.index-text .nname {

    text-transform: uppercase;

    margin-bottom: 10px;

    font-size: var(--f18);

    font-family: "Din";

    font-style: italic;

    color: var(--main-color);

    font-weight: bold;

}

.index-text h3{font-size: var(--f50);    font-weight: normal;

    font-family: "xique";

    color: #000;

    line-height: 1;}

	.culture-banner .bd li .nname{font-family: "Din";    font-weight: bold;}

	.contact-ban h3,.contact-ban .l-red{font-family: "xique";font-weight: normal;}