.guide {
  /* width: 100vw; */
  /* height: 100vh; */
  /* background: url("../assets/guide.jpg") center center no-repeat; */
  /* background-size: cover; */
  /* position: relative; */
}
.fixed {
  position: fixed;
  width: 100%;
}
html,
body {
  width: 100%;
  overflow-x: hidden;
}
.guide .guideLogo {
  width: 193px;
  height: 190px;
  position: absolute;
  left: 50%;
  margin-left: -87px;
  top: 26.79vh;
  z-index: 10;
  /* background: url("../assets/guideLogo.png") center center no-repeat; */
}

.guide .guideIcon {
  display: flex;
  position: absolute;
  top: 63.75vh;
  width: 859px;
  left: 50%;
  transform: translateX(-50%);
  justify-content: space-between;
  color: #fff;
  z-index: 10;
  font-size: 18px;
}

.guide .guideIcon li {
  width: 79px;
  height: 79px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.guide .guideIcon li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.guide .guideIcon li section {
  position: relative;
}

.guide .guideIcon li:hover {
  box-shadow: 0 0 50px rgba(255, 255, 255, 1);
}

.guide .contact {
  width: 262px;
  background: #fff;
  position: absolute;
  margin-left: -155px;
  z-index: 11;
  padding: 20px;
  height: 352px;
  bottom: 100px;
  left: 50%;
  display: none;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.guide .contact::after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -4px;
  background: #fff;
  z-index: -1;
  content: "";
  width: 10px;
  height: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: rotate(45deg);
}

.guide .contact::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -14px;
  background: #fff;
  z-index: 2;
  content: "";
  width: 25px;
  height: 10px;
}

.guide .contact section {
  z-index: 10;
  position: relative;
  padding-top: 0;
}

.guide .contact section .close {
  width: 68px;
  height: 68px;
  background: url("../assets/close.png") center center no-repeat;
  cursor: pointer;
  position: absolute;
  bottom: -118px;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}

.guide .contact img {
  margin: 0 auto 15px;
  display: block;
  width: 186px;
  height: 186px;
}

.guide .contact p {
  font-size: 14px;
  line-height: 28px;
  color: #202020;
  font-weight: normal;
}
.noData {
  text-align: center;
  line-height: 83px;
}
.guideBanner,
.guideBanner .swiper-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

.guideGif {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  background-size: cover !important;
  height: 100vh;
}

.guideBanner .swiper-slide {
  background-size: cover !important;
}

nav {
  height: 99px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

nav section {
  width: 1143px;
  margin: 0 auto;
  display: flex;
  height: 99px;
  justify-content: space-between;
  align-items: center;
}

nav section div {
  display: flex;
  align-items: center;
}

nav .menu {
  cursor: pointer;
}

nav .menuNav {
  position: relative;
  height: 100%;
}

.menuNavIcon {
  height: 100%;
  position: relative;
  width: 102px;
  cursor: pointer;
}

.menuNavIcon:hover .menuList {
  display: block;
}

nav .menuNav .menuList {
  width: 181px;
  padding: 5px 10px;
  background: #fff;
  position: absolute;
  left: -77px;
  top: 94px;
  z-index: 10;
  line-height: 49px;
  text-align: center;
  border-radius: 5px;
  display: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

nav .menuNav .menuList ul {
  width: 100%;
  position: relative;
}

nav .menuNav .menuList ul li {
  cursor: pointer;
  border-bottom: 1px solid #dcdcdc;
}
nav .menuNav .menuList ul li a {
  display: block;
  flex: 1;
}
nav .menuNav .menuList ul li:last-child {
  border: none;
}

nav .menuNav .menuList ul::after {
  position: absolute;
  left: 50%;
  top: -11px;
  margin-left: -4px;
  background: #fff;
  z-index: -1;
  content: "";
  width: 10px;
  height: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: rotate(45deg);
}

nav .menuNav .menuList ul::before {
  position: absolute;
  left: 50%;
  top: -5px;
  margin-left: -14px;
  background: #fff;
  z-index: 2;
  content: "";
  width: 25px;
  height: 10px;
}

nav section span {
  display: flex;
  align-items: center;
}

nav section span a {
  display: flex;
  align-items: center;
}

nav section span img {
  margin-right: 4px;
}

nav .aboutUs {
  margin-right: 74px;
}

.homeBanner,
.homeBanner .swiper-container {
  width: 100%;
  height: 100vh;
  overflow: unset;
}

.aboutBanner,
.aboutBanner .swiper-container {
  width: 100%;
  height: 625px;
  overflow: unset;
}

.homeBanner .swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  color: #fff;
  position: relative;
  background-size: cover !important;
}

.homeBanner .swiper-pagination-bullet,
.webBanner .swiper-pagination-bullet {
  width: 19px;
  height: 19px;
  margin: 9px !important;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.homeBanner .swiper-pagination-bullet-active,
.webBanner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}

.bannerContent {
  position: absolute;
  left: 59vw;
  top: 187px;
}

.bannerContent .title {
  font-size: 56px;
  font-weight: bold;
}

.bannerContent .bref {
  font-size: 16px;
  padding-top: 21px;
  padding-bottom: 29px;
  position: relative;
  margin-bottom: 45px;
}

.bannerContent .bref::after {
  position: absolute;
  width: 36px;
  height: 3px;
  content: "";
  background: #fff;
  left: 0;
  bottom: 0;
}

.bannerContent .contactTitle {
  font-size: 14px;
  margin-bottom: 21px;
}
.aboutBanner .contactTitle {
  margin-bottom: 48px;
}
.aboutBanner .contactBtn span {
  border-width: 2px;
}
.contactBtn {
  display: flex;
}
.contactBtn span:nth-of-type(1) {
  display: none;
}
.contactBtn span {
  width: 111px;
  cursor: pointer;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #fff;
  margin-right: 31px;
}

.notic {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 79px;
}

.notic section {
  height: 72px;
  line-height: 72px;
  display: flex;
  justify-content: flex-end;
  width: 1148px;
  margin: 0 auto;
  color: #666;
  font-size: 14px;
}

.notic span {
  color: #000;
  font-weight: bold;
}

.notic ul {
  display: flex;
  padding-left: 20px;
}

.notic ul li {
  margin-right: 34px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

.notic ul li:hover .noticTip {
  display: block;
}

.notic ul li .noticTip {
  position: absolute;
  top: 63px;
  left: -89px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  padding: 12px 16px;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
  display: none;
}

.notic ul li .noticTip div {
  position: relative;
}

.notic ul li .noticTip div::after {
  position: absolute;
  left: 50%;
  top: -18px;
  margin-left: -4px;
  background: #fff;
  z-index: 0;
  content: "";
  width: 10px;
  height: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: rotate(45deg);
}

.notic ul li .noticTip div::before {
  position: absolute;
  left: 50%;
  top: -12px;
  margin-left: -14px;
  background: #fff;
  z-index: 2;
  content: "";
  width: 25px;
  height: 10px;
}

.notic ul li .noticTip img {
  width: 170px;
  height: 170px;
}

.notic ul li:last-child {
  margin-right: 0;
}

.technology {
  padding-bottom: 92px;
}

.technology section {
  width: 955px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.technology .technologyFont {
  width: 458px;
  padding-top: 36px;
}

.technology .technologyFont .title {
  font-size: 42px;
}

.technology .technologyFont .subTitle {
  font-size: 20px;
  padding-bottom: 48px;
}

.technology .technologyFont p {
  line-height: 30px;
  margin-bottom: 16px;
  text-indent: 0 !important;
}

.technology .techImg img {
  max-width: 100%;
}

.belongs {
  position: relative;
}

.belongs img {
  max-width: 100%;
  display: block;
}

.belongs .belongsFont {
  position: absolute;
  font-size: 16px;
  left: 13.89vw;
  top: 50%;
  z-index: 1;
  color: #fff;
  transform: translateY(-50%);
}

.belongs .belongsFont .title {
  margin-bottom: 24px;
  font-size: 42px;
}

.belongs .belongsFont p {
  line-height: 36px;
}

.famous {
  height: 975px;
  padding-top: 74px;
}

.famous .swiper-container {
  width: 1148px;
  height: 629px;
}

.famous .swiper-slide {
  position: relative;
}

.famous .people {
  position: absolute;
  left: 124px;
}

.famous .peopleBg {
  position: absolute;
  right: 0;
  width: 507px;
  height: 500px;
  top: 77px;
  background: url("../assets/famousBg.png") center center no-repeat;
  background-size: cover;
}

.famous .teacherWords {
  width: 460px;
  position: absolute;
  right: 126px;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 36px;
}

.famous .from {
  text-align: right;
  padding: 17px 0;
}

.famous .sign {
  float: right;
}

.famous .swiper-button-next:after,
.famous .swiper-button-prev:after {
  font-size: 32px;
}

.famous .swiper-button-next,
.famous .swiper-button-prev {
  color: #000;
}

.product {
  height: 612px;
  /* background: url("../assets/product.jpg") center center no-repeat; */
  background-size: cover;
  position: relative;
}

.product .productImg {
  width: 544px;
  position: absolute;
  left: 48.75vw;
  top: -140px;
}

.product .productImg img {
  width: 100%;
}

.product .productFont {
  width: 425px;
  color: #fff;
  position: absolute;
  left: 13.956vw;
  top: 99px;
}

.product .productFont h2 {
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 32px;
}

.product .productFont p {
  font-size: 16px;
  line-height: 36px;
}
.proBannerFont {
  width: 40.763vw;
  position: absolute;
  right: 7.916vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 123px;
}
.proBannerFont div:nth-of-type(1) {
  margin-bottom: 20px;
}
.proBannerFont div:nth-of-type(2) {
  margin-bottom: 58px;
}
.proBannerFont div:nth-of-type(3) {
  margin-bottom: 57px;
}
.science {
  /* background: url("../assets/science.jpg") right center no-repeat; */
  background-position: right center !important;
  background-repeat: no-repeat !important;
}

.science section {
  height: 714px;
  width: 1440px;
  position: relative;
  margin: 0 auto;
}

.science .scienceBg {
  height: 714px;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 236px;
  padding-left: 293px;
  width: 827px;
}

.science .scienceBg .title {
  font-size: 42px;
  margin-bottom: 22px;
}

.science .scienceBg p {
  line-height: 36px;
  font-size: 16px;
  color: #202020;
}

.science .scienceImg {
  width: 825px;
  position: absolute;
  left: 0;
  top: 123px;
  z-index: 1;
}

.science .scienceImg img {
  width: 100%;
}

.secret {
  height: 625px;
  position: relative;
  /* background: url("../assets/secret.jpg") center center no-repeat; */
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: cover;
}

.secret .secretFont {
  color: #fff;
  padding-top: 149px;
  width: 1148px;
  margin: 0 auto;
}

.secret .secretFont .title {
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 35px;
}

.secret .secretFont p {
  display: flex;
  padding-bottom: 35px;
  position: relative;
  margin-bottom: 68px;
}

.secret .secretFont p::after {
  content: "";
  position: absolute;
  left: 0;
  width: 36px;
  height: 3px;
  background: #fff;
  bottom: 0;
}

.secret .secretFont p img {
  margin-right: 12px;
}

.secret .btn {
  width: 217px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #fff;
  font-size: 14px;
  cursor: pointer;
}

.btn a {
  display: block;
}

.words {
  padding: 105px 0 131px;
}

.words section {
  width: 1085px;
  margin: 0 auto;
  position: relative;
}

.words .swiper-container {
  height: 487px;
  padding: 20px;
}

.words .swiper-slide {
  padding-top: 45px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 5px;
  position: relative;
}
.pcbtn {
  position: relative;
  cursor: pointer;
}
.words .name {
  font-size: 24px;
  color: #202020;
  padding-top: 11px;
  padding-bottom: 4px;
}
.words .headimg img {
  width: 106px;
  height: 106px;
  border-radius: 50%;
}
.words .platform {
  font-size: 14px;
  color: #34476d;
}
.pcbtn .contact {
  bottom: -388px;
}
.pcbtn .contact::after {
  top: -5px;
  bottom: inherit;
}
.pcbtn .contact::before {
  top: 0;
  bottom: inherit;
}
.words .bref {
  font-size: 16px;
  line-height: 28px;
  color: #202020;
  width: 257px;
  text-align: center;
  padding-top: 34px;
}

.words .more {
  position: absolute;
  width: 135px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #34476d;
  left: 89px;
  cursor: pointer;
  bottom: -21px;
}

.words .swiper-button-next,
.words .swiper-container-rtl .swiper-button-prev {
  right: -41px;
}

.words .swiper-button-prev,
.words .swiper-container-rtl .swiper-button- {
  left: -47px;
}

.words .swiper-button-next:after,
.words .swiper-button-prev:after {
  font-size: 32px;
  color: #000;
}

.light {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.light .secretFont {
  padding-left: 670px;
}

.addTen {
  height: 625px;
  /* background: url("../assets/addTen.jpg") center center no-repeat; */
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: cover;
}

.addTen section {
  text-align: center;
  padding-top: 145px;
}

.addTen .title {
  font-size: 79px;
  color: #fff;
  font-weight: bold;
  line-height: 79px;
  -webkit-text-stroke: 4px #7e4a2a;
  margin-bottom: 39px;
}

.addTen p {
  font-size: 16px;
  line-height: 36px;
  color: #7e4a2a;
  font-weight: bold;
}

.addTen .btn {
  width: 211px;
  height: 47px;
  text-align: center;
  margin: 42px auto 0;
  line-height: 47px;
  background: #804c2a;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
}

.productMain {
  height: 972px;
  padding: 101px 0 137px;
}

.productMain section {
  width: 1160px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.productMain .productPic {
  width: 686px;
  height: 713px;
  margin-right: 43px;
}
.productMain .productPic .swiper-slide {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.productMain .productList ul {
  width: 431px;
  display: flex;
  flex-wrap: wrap;
}

.productMain .productList li {
  width: 204px;
  height: 362px;
  padding-top: 12px;
  display: flex;
  align-items: center;
  margin-right: 23px;
  flex-direction: column;
  margin-bottom: 9px;
  cursor: pointer;
}

.productMain .productList li:hover {
  background: #fff;
  box-shadow: 0 0 13px rgba(3, 0, 0, 0.12);
}

.productMain .productList li:nth-of-type(2n) {
  margin-right: 0;
}

.productMain .productList li .title {
  font-size: 20px;
  width: 155px;
  padding-top: 17px;
}

.productMain .productList li span {
  font-size: 14px;
  margin-bottom: 20px;
  padding-top: 5px;
  width: 155px;
}

.productMain .productList li .btn {
  width: 155px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #414141;
  font-size: 14px;
  color: #414141;
}

.productMain .productList li .btn a {
  display: block;
}

.productMain .productList li .productImg {
  width: 185px;
  height: 226px;
  background: #f6f6f6;
}

.productPic .swiper-container {
  width: 686px;
  height: 713px;
}

.productPic .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  margin: 5px !important;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.productPic .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}

.environ {
  height: 627px;
  position: relative;
}

.environ .environBg {
  width: 86.1vw;
  height: 627px;
  position: absolute;
  right: 0;
  top: 0;
  background-size: cover !important;
}

.environ .environFont {
  width: 48.82vw;
  background: #f3f3f3;
  height: 536px;
  padding-top: 75px;
  padding-bottom: 51px;
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 1;
}

.environ .environFont .pcEnviron {
  width: 59%;
  margin-left: 13.889vw;
  position: relative;
  height: 100%;
  /* padding-bottom: 40px; */
}

.environ .environFont .pcEnviron .title {
  font-size: 42px;
  line-height: 54px;
  margin-bottom: 22px;
}

.environ .environFont .pcEnviron p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 20px;
  text-indent: 0 !important;
}

.environ .btn {
  width: 153px;
  height: 36px;
  line-height: 36px;
  background: #202020;
  font-size: 14px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -28px;
}

.aboutProduct {
  padding: 130px 0 120px;
}

.aboutProduct .swiper-container {
  height: 444px;
  width: 1148px;
}

.aboutProduct .gallery-thumbs {
  height: 202px;
}

/* .aboutProduct .gallery-thumbs .swiper-slide {
  cursor: pointer;
} */

.aboutProduct .gallery-top {
  margin-bottom: 24px;
}

.aboutProduct .gallery-top .gallery-top-item {
  display: flex;
  justify-content: center;
}

.aboutProduct .gallery-top .aboutProductImg {
  height: 444px;
  width: 578px;
  overflow: hidden;
}

.aboutProduct .gallery-top .aboutProductFont {
  width: 571px;
  height: 444px;
  background: #f3f3f3;
  padding: 93px 63px 0 53px;
}

.aboutProduct .gallery-top .aboutProductFont .title {
  font-size: 42px;
  margin-bottom: 32px;
}

.aboutProduct .gallery-top .aboutProductFont p {
  font-size: 16px;
  line-height: 32px;
}

.aboutProduct .gallery-top .aboutProductFont .btn {
  width: 153px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #202020;
  color: #fff;
  font-size: 14px;
  margin-top: 61px;
  cursor: pointer;
}
.gallery-thumbs-item {
  display: flex;
  justify-content: center;
}
.gallery-thumbs-item .swiper-slide {
  width: 374px;
  height: 202px;
  margin: 0 9px;
}
.homeQrCode {
  height: 625px;
  /* background: url("../assets/homeQrCode.jpg") center center no-repeat; */
}

.groupUp {
  height: 896px;
  background: url("../assets/groupUp.jpg") center center no-repeat;
  background-size: cover;
  padding-top: 104px;
}

.groupUp .groupUpHead {
  display: block;
  margin: 0 auto;
}

.groupUp .btn {
  width: 220px;
  height: 52px;
  line-height: 52px;
  background: #202020;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin: 46px auto 0;
}

.groupUp .btn a {
  display: block;
}

.webBottom {
  height: 536px;
  /* background: url("../assets/foot.jpg") center center no-repeat; */
  background-size: cover !important;
  color: #fff;
  padding-top: 100px;
  text-align: center;
}

.webBottom section {
  width: 1147px;
  margin: 0 auto;
}

.webBottom .contactStyle {
  font-size: 20px;
  margin-bottom: 15px;
}

.webBottom .tele {
  font-size: 42px;
  margin-bottom: 18px;
  font-weight: normal;
}

.webBottom .addr {
  font-size: 16px;
  margin-bottom: 35px;
}

.webBottom ul {
  display: flex;
  padding-bottom: 90px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  justify-content: center;
}

.webBottom ul li {
  margin: 0 25px;
  position: relative;
  border: 1px solid #202020;
  border-radius: 50%;
  width: 75px;
  height: 75px;
}

.webBottom ul li main {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.webBottom ul li:hover .noticTip {
  display: none;
}

.webBottom ul li .noticTip {
  position: absolute;
  top: -239px;
  left: -63px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  padding: 12px 16px;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
  display: none;
  color: #202020;
}

.webBottom ul li .noticTip div {
  position: relative;
}

.webBottom ul li .noticTip div::after {
  position: absolute;
  left: 50%;
  bottom: -18px;
  margin-left: -4px;
  background: #fff;
  z-index: 0;
  content: "";
  width: 10px;
  height: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: rotate(45deg);
}

.webBottom ul li .noticTip div::before {
  position: absolute;
  left: 50%;
  bottom: -12px;
  margin-left: -14px;
  background: #fff;
  z-index: 2;
  content: "";
  width: 25px;
  height: 10px;
}

.webBottom ul li .noticTip img {
  width: 170px;
  height: 170px;
}

.webBottom .copyRight {
  display: flex;
  justify-content: space-between;
  line-height: 90px;
  font-size: 14px;
}

.webBottom .copyRight dl {
  display: flex;
}

.webBottom .copyRight dl dd {
  padding: 0 20px;
  position: relative;
  position: relative;
  cursor: pointer;
}

.webBottom .copyRight dl dd:last-child {
  padding-right: 0;
}

.webBottom .copyRight dl dd::after {
  width: 1px;
  height: 14px;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}

.webBottom .copyRight dl dd:last-child::after {
  background: none;
}

.helpBody {
  background: #f7f7f7;
}

.helpContent {
  display: flex;
  margin-bottom: 108px;
}

.helpContent .helpImg {
  width: 46.18vw;
}

.helpContent .helpImg img {
  width: 100%;
  display: block;
}

.helpContent .qNa {
  width: calc(100% - 46.18vw);
  position: relative;
}

.helpContent .qNaContent {
  width: 51.944vw;
  background: #fff;
  height: calc(100% - 201px);
  position: absolute;
  padding-right: 14px;
  right: 0;
}

.helpContent .qNaContent section {
  padding: 46px 56px 0 46px;
  height: 100%;
  overflow: auto;
}

.helpContent .qNaContent section::-webkit-scrollbar {
  width: 5px;
  background: #fff;
}

.helpContent .qNaContent section::-webkit-scrollbar-thumb {
  background-color: #e3e3ea;
}

.helpContent .qNa .search {
  width: 40.76vw;
  height: 47px;
  position: relative;
  margin: 77px auto;
  border-radius: 25px;
  background: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}

.helpContent .qNa .searchIcon {
  width: 27px;
  height: 27px;
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
  background: url("../assets/searchIcon.png") center center no-repeat;
}

.helpContent .qNa .search input {
  width: 40.76vw;
  height: 47px;
  line-height: 47px;
  border-radius: 25px;
  background: none;
  outline: none;
  border: 0px;
  text-indent: 22px;
}

input::-webkit-input-placeholder {
  color: #999 !important;
  font-size: 16px;
  line-height: 47px;
}
.wap {
  display: none !important;
}
.helpContent .question {
  display: flex;
  line-height: 24px;
  margin-bottom: 15px;
}

.helpContent .question img {
  width: 42px;
  height: 42px;
  margin-right: 19px;
}

.helpContent .question .title {
  padding-top: 11px;
  width: calc(100% - 57px);
  font-size: 20px;
}

.helpContent .answer {
  display: flex;
  line-height: 24px;
  margin-bottom: 15px;
}

.helpContent .answer img {
  width: 42px;
  height: 42px;
  margin-right: 19px;
}

.helpContent .answer p {
  padding-top: 17px;
  width: calc(100% - 57px);
}

.helpContent .qNaContent li {
  padding-bottom: 15px;
  padding-top: 40px;
  border-bottom: 1px solid #dcdcdc;
}

.notFound {
  text-align: center;
  padding-top: 26.9vh;
}

.notFound p {
  padding-top: 45px;
  padding-bottom: 97px;
}

.notFound .btnGroup {
  width: 376px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}

.notFound .btnGroup div {
  width: 146px;
  background: #202020;
  font-size: 19px;
  height: 43px;
  color: #fff;
  line-height: 43px;
  cursor: pointer;
}

.webBanner {
  height: 625px;
  background-size: cover !important;
  margin-bottom: 89px;
  position: relative;
}

.webBanner .title {
  position: absolute;
  top: 265px;
  line-height: 24px;
  left: 14.097vw;
  font-size: 42px;
  color: #fff;
}

.jobBannerFont {
  position: absolute;
  top: 249px;
  left: 13.802vw;
  color: #fff;
}

.jobBannerFont .btitle {
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 47px;
  position: relative;
  padding-bottom: 54px;
}

.jobBannerFont .btitle::after {
  position: absolute;
  width: 36px;
  height: 3px;
  content: "";
  background: #fff;
  left: 0;
  bottom: 0;
}

.jobBannerFont p {
  line-height: 32px;
  font-size: 16px;
}

.webMaps {
  width: 1152px;
  background: #fff;
  margin: 0 auto 86px;
  font-size: 16px;
  padding: 50px 56px 79px;
}

.webMaps .item {
  padding-top: 29px;
}

.webMaps .item .title {
  font-size: 20px;
  color: #202020;
  margin-bottom: 31px;
}

.webMaps .item ul {
  display: flex;
  padding-bottom: 15px;
  border-bottom: 2px solid #ededed;
  flex-wrap: wrap;
}

.webMaps .item li {
  margin-right: 127px;
  margin-bottom: 15px;
}

.webMaps .item li:nth-of-type(5) {
  margin-right: 0;
}

.webMaps .item li {
  cursor: pointer;
}

.provisions {
  width: 1152px;
  padding: 55px 55px 0;
  background: #fff;
  margin: 0 auto 76px;
  line-height: 31px;
  color: #414141;
}
.provisions ul {
  margin-bottom: 20px;
}
.provisions .title {
  font-size: 20px;
  margin-bottom: 30px;
}

.provisions .provisionsTop {
  padding-left: 31px;
  margin-bottom: 25px;
}

.provisions li {
  list-style: disc;
  margin-left: 23px;
}

.provisionsBottom div {
  display: flex;
  padding-left: 31px;
  margin-bottom: 27px;
}

.provisionsBottom div span {
  font-weight: bold;
}

.jobBanner {
  /* background-image: url("../assets/job.jpg"); */
}

.aboutBanner {
  background-image: url("../assets/aboutBanner.jpg");
  margin-bottom: 69px;
  color: #fff;
}

.aboutBanner .hTitle {
  font-size: 42px;
  line-height: 62px;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 33px;
}

.aboutBanner .bannerContent {
  left: 13.89vw;
}

.bannerContent .hTitle::after {
  position: absolute;
  width: 36px;
  height: 3px;
  content: "";
  background: #fff;
  left: 0;
  bottom: 0;
}

.aboutUsContent .whoWeAre {
  width: 1147px;
  margin: 0 auto 81px;
  display: flex;
  justify-content: space-between;
}

.aboutUsContent .whoWeAre .aboutUsImg img {
  display: block;
}

.aboutUsContent .aboutUsFont .title {
  font-size: 42px;
  line-height: 42px;
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 24px;
  padding-left: 54px;
}

.aboutUsContent .aboutUsFont .title::after {
  position: absolute;
  width: 36px;
  height: 3px;
  content: "";
  background: #202020;
  left: 54px;
  bottom: 0;
}

.aboutUsContent .aboutUsFont .subTitle {
  font-size: 24px;
  color: #202020;
  font-weight: bold;
  padding-left: 54px;
  margin-bottom: 44px;
}

.aboutUsContent .aboutUsFont article {
  width: 732px;
  height: 319px;
  background: #fff;
  padding: 37px 55px;
  font-size: 16px;
  line-height: 36px;
}

.beautiful {
  height: 572px;
  position: relative;
  color: #fff;
  padding-top: 160px;
  font-size: 16px;
  padding-left: 13.889vw;
}

.beautiful .title {
  font-size: 56px;
  line-height: 67px;
  padding-bottom: 15px;
}

.jobContent {
  width: 1152px;
  margin: 0 auto 88px;
  background: #fff;
  padding: 54px;
}

.jobContent .jobTop {
  display: flex;
  justify-content: space-between;
  padding-bottom: 56px;
  border-bottom: 2px dashed #dcdcdc;
}

.jobContent .jobTop .jobTopImg {
  width: 373px;
}

.jobContent .jobTop .jobTopImg img {
  width: 100%;
  display: block;
}

.jobContent .jobTop .companyBref {
  width: 617px;
  color: #202020;
  position: relative;
}

.jobContent .jobTop .companyBref .title {
  font-size: 34px;
  margin-bottom: 12px;
}

.jobContent .jobTop .companyBref p {
  font-size: 16px;
  line-height: 32px;
}

.jobContent .jobTop .companyBref .btn {
  width: 147px;
  height: 37px;
  line-height: 37px;
  background: #202020;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.jobSort {
  width: 1040px;
  margin: 0 auto;
  padding-top: 65px;
}

.jobSort ul {
  display: flex;
  justify-content: space-between;
}

.jobSort li {
  display: flex;
  justify-content: space-between;
  width: 339px;
  padding-bottom: 21px;
  font-size: 16px;
  border-bottom: 1px solid #dcdcdc;
  font-weight: bold;
  padding-right: 5px;
  position: relative;
}
.phoneMenu {
  display: none;
}
.jobSort li dl {
  position: absolute;
  width: 214px;
  top: 36px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  right: 0;
  text-align: center;
  line-height: 40px;
  display: none;
}
.jobSort li dl dd {
  border: 1px solid rgb(220, 220, 220);
  line-height: 48px;
  font-size: 16px;
  text-align: left;
  padding-left: 26px;
  font-weight: normal;
  cursor: pointer;
}
.jobSort li span {
  cursor: pointer;
}
.jobSort i {
  font-style: normal;
  padding-right: 10px;
  font-weight: normal;
  color: #666;
}

.jobDetail {
  width: 1040px;
  margin: 30px auto 0;
  background: #f4f4f4;
}
.jobDetail .jobTitle {
  font-weight: bold;
}
.jobDetail ul {
  display: flex;
  border-bottom: 2px solid #dcdcdc;
  cursor: pointer;
}

.jobDetail ul:last-child {
  border: none;
}

.jobDetail ul li {
  line-height: 83px;
  padding-left: 30px;
}

.jobDetail ul li:nth-of-type(1) {
  width: 343px;
}

.jobDetail ul li:nth-of-type(2) {
  width: 165px;
}

.jobDetail ul li:nth-of-type(3) {
  width: 254px;
}

.jobDetail ul li:nth-of-type(4) {
  width: 198px;
}

.page {
  padding-top: 59px;
}

.page ul {
  display: flex;
  justify-content: center;
}

.page ul li {
  width: 41px;
  height: 41px;
  text-align: center;
  line-height: 37px;
  font-size: 16px;
  color: #dcdcdc;
  border: 2px solid #dcdcdc;
  margin: 0 10px;
  cursor: pointer;
}

.page ul li.on {
  color: #fff;
  background: #202020;
  border-color: #202020;
}

.believe {
  height: 703px;
  display: flex;
  padding-top: 75px;
  padding-left: 13.889vw;
  background: #fff;
}

.believe .believeImg {
  width: 402px;
  height: 545px;
  margin-right: 73px;
}

.believe .believeImg img {
  width: 100%;
}

.believe .believeFont {
  padding-top: 72px;
}

.believe .believeFont .title {
  font-size: 42px;
  line-height: 42px;
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 24px;
}

.believe .believeFont .title::after {
  position: absolute;
  width: 36px;
  height: 3px;
  content: "";
  background: #202020;
  left: 0;
  bottom: 0;
}

.believe .believeFont p {
  font-size: 24px;
  color: #202020;
  font-weight: bold;
  margin-bottom: 132px;
}

.believe .believeFont div {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 23px;
}

.water {
  height: 763px;
  display: flex;
  background: #f7f7f7;
  justify-content: flex-end;
}

.water .waterImg {
  width: 41.111vw;
}

.water .waterImg img {
  width: 100%;
  height: 763px;
}

.water .waterFont {
  width: 570px;
  padding-top: 70px;
  margin-right: 78px;
}

.water .waterFont .title {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 19px;
}

.water .waterFont p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 26px;
}

.water .waterFont .subTitle {
  font-size: 20px;
  color: #202020;
  font-weight: bold;
  margin-bottom: 16px;
  padding-top: 18px;
}

.aboutJob {
  height: 798px;
  background: #fff;
  padding: 78px 0 96px;
}

.aboutJob section {
  width: 1150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.aboutJob .aboutJobImg {
  width: 577px;
  height: 624px;
}

.aboutJob .aboutJobImg img {
  width: 100%;
  height: 100%;
}
nav section .webPhone {
  display: none;
}
.aboutJob .aboutJobFont {
  width: 573px;
  height: 624px;
  background: #f0f0f0;
  padding: 55px 67px;
  color: #202020;
  font-size: 16px;
  line-height: 24px;
}
.onPic {
  width: 686px;
}
.aboutJob .aboutJobFont .title {
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 18px;
  padding-top: 45px;
}

.jobDetailInfo {
  padding: 38px 33px;
  background: #ececec;
  display: none;
}
.on .jobDetailInfo {
  display: flex;
}
.jobDetail .on .pc img {
  transform: rotate(180deg);
}
.jobDetailInfo .jobDetailInfoLeft {
  width: 656px;
  padding-right: 25px;
  border-right: 1px solid #dcdcdc;
}

.jobDetailInfo .jobDetailTitle {
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold;
}

.jobDetailInfo p {
  font-size: 14px;
  line-height: 37px;
}

.jobDetailInfo .jobDetailInfoRight {
  width: 318px;
  padding-top: 105px;
  text-align: center;
}

.jobDetailInfo .jobDetailInfoRight p {
  margin-bottom: 10px;
}

.jobDetailInfo .jobDetailInfoRight div {
  width: 189px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  color: #fff;
  margin: 5px auto;
  font-size: 16px;
  background: #202020;
}

.productDetailBanner {
  height: 90vh;
  background: url("../assets/productDetail.jpg") center center no-repeat;
  position: relative;
}

.productDetail .nursing {
  height: 460px;
  color: #fff;
  line-height: 18px;
  position: relative;
  background: url("../assets/nursing.jpg") left top repeat;
}

.productDetail .nursing .title {
  font-size: 39px;
  line-height: 39px;
  padding-bottom: 18px;
}

.productDetail .nursing .subTitle {
  font-size: 28px;
  line-height: 42px;
  padding-bottom: 30px;
}

.productDetail .nursing .nursingFont {
  width: 451px;
  font-size: 12px;
  position: absolute;
  left: 13.681vw;
  top: 108px;
}

.productDetail .nursing .nursingImg {
  width: 614px;
  height: 414px;
  position: absolute;
  right: 10.208vw;
  top: 108px;
  z-index: 1;
}

.productDetail .skin {
  height: 1033px;
  background: url("../assets/women.jpg") left bottom no-repeat;
  background-color: #fff;
  /* background-size: cover; */
  position: relative;
}

.productDetail .skin .skinFont {
  width: 590px;
  position: absolute;
  right: 10.4167vw;
  top: 361px;
}

.productDetail .skin .skinFont .items {
  display: flex;
  justify-content: space-between;
  padding: 0 25px;
}

.productDetail .skin .skinFont .items div {
  text-align: center;
}

.productDetail .skin .skinFont .items p {
  font-size: 24px;
  padding-top: 4px;
  padding-bottom: 12px;
}

.productDetail .skin .skinFont .items span {
  font-size: 18px;
  color: #666;
  line-height: 24px;
}

.productDetail .skin .skinFont .title {
  font-size: 48px;
  text-align: center;
  padding-bottom: 53px;
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
}

.productDetail .team {
  height: 740px;
  display: flex;
  background: #fff;
}

.productDetail .teamImg {
  width: 57.57vw;
  position: relative;
  height: 740px;
  overflow: hidden;
}

.productDetail .teamImg img {
  height: 740px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.productDetail .teamFont {
  width: calc(100% - 57.57vw);
  padding-top: 108px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.productDetail .teamFont .title {
  font-size: 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.productDetail .teamFont .title span {
  font-size: 24px;
  padding: 10px 0;
}

.productDetail .teamFont .subTitle {
  font-size: 24px;
  font-weight: bold;
  padding-top: 32px;
}

.productDetail .teamFont p {
  font-size: 20px;
  color: #666;
  line-height: 36px;
  padding-top: 60px;
  text-align: center;
}

.productDetail .kcteam p {
  padding-top: 20px;
}

.productDetail .kcteam .line {
  margin: 37px 0;
}

.productDetail .kcteam .subTitle {
  padding-top: 0;
  padding-bottom: 27px;
}

.productDetail .effect {
  height: 834px;
  background: #f7f7f7;
}

.productDetail .effect .title {
  font-size: 48px;
  text-align: center;
  font-weight: normal;
  padding-top: 140px;
  padding-bottom: 105px;
}

.productDetail .effect ul {
  display: flex;
  justify-content: center;
}

.productDetail .effect ul li {
  width: 235px;
  text-align: center;
  margin: 0 60px;
}

.productDetail .effect .subTitle {
  font-size: 24px;
  line-height: 36px;
  padding: 9px 0;
}

.productDetail .effect p {
  font-size: 18px;
  color: #666;
  line-height: 28px;
}

.productDetail .technology {
  height: 791px;
  /* background: url("../assets/technology.jpg") center center no-repeat; */
  background-position: center center;
  position: relative;
}

.productDetail .technology .techFont {
  position: absolute;
  color: #fff;
  padding-top: 272px;
  left: 14.167vw;
}

.productDetail .technology .title {
  font-size: 42px;
  line-height: 60px;
  margin-bottom: 47px;
}

.productDetail .technology p {
  font-size: 24px;
  line-height: 48px;
}

.productDetail .fourFix {
  height: 947px;
  background: #f7f7f7;
}

.productDetail .fourFix .title {
  font-size: 42px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 47px;
  padding: 90px 0;
}

.productDetail .fourFix ul {
  display: flex;
  justify-content: center;
}

.productDetail .fourFix li {
  width: 537px;
  margin: 0 36px;
}

.productDetail .fourFix li .cont {
  background: #fff;
  width: 537px;
  height: 141px;
  padding-left: 37px;
}

.productDetail .fourFix li img {
  display: block;
}

.productDetail .fourFix li .subTitle {
  font-size: 28px;
  line-height: 36px;
  padding-top: 25px;
  padding-bottom: 23px;
}

.productDetail .fourFix li p {
  font-size: 20px;
}

.productDetail .productImgList {
  height: 1101px;
  background: #fff;
  position: relative;
}

.productDetail .beauty {
  height: 1201px;
  background: #f7f7f7;
}

.productDetail .beauty .title {
  font-size: 48px;
  text-align: center;
  padding-top: 120px;
}

.productDetail .beauty .subTitle {
  font-size: 24px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 102px;
}

.productDetail .beauty ul {
  display: flex;
  flex-wrap: wrap;
  width: 1149px;
  margin: 0 auto;
}

.productDetail .beauty li {
  width: 383px;
  background: #fff;
}

.productDetail .beauty img {
  display: block;
}

.productDetail .beauty .beautyTop {
  display: flex;
  justify-content: space-between;
  padding: 87px 41px 0;
  font-size: 32px;
  line-height: 24px;
}

.productDetail .beauty .beautyTop span {
  font-size: 16px;
  color: #666;
}

.productDetail .beauty p {
  padding: 53px 41px 0;
  font-size: 20px;
  line-height: 36px;
}

.productDetail .package {
  height: 514px;
}

.roundabout {
  position: relative;
  top: 312px;
}

.roundabout-holder {
  list-style: none;
  width: 500px;
  height: 460px;
  padding-top: 100px;
  margin: 0 auto 200px;
}

.roundabout-moveable-item {
  font-size: 12px !important;
  width: 774px;
  height: 824px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 20px #787878;
}

.roundabout-moveable-item img {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  margin: 0;
}

.roundabout-in-focus {
  cursor: auto;
}

.roundabout-in-focus:hover {
  -webkit-box-shadow: 0px 0px 20px #787878;
  -moz-box-shadow: 0px 0px 20px #787878;
}

.roundabout-holder span {
  display: none;
}

.roundabout-in-focus:hover span {
  display: inline;
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 8px 20px;
  background: #f9f9f9;
  color: #3366cc;
  z-index: 999;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-left: 1px solid #aaaaaa;
  border-top: 1px solid #aaaaaa;
}

.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {
  outline: none;
  text-decoration: none;
}

.roundabout li {
  margin: 0;
}

.productImgList .btn_l {
  width: 35px;
  height: 35px;
  background: url("../assets/toLeft.png") center center no-repeat;
  position: absolute;
  left: 6.94vw;
  top: 50%;
  margin-top: -17px;
}

.productImgList .btn_r {
  width: 35px;
  height: 35px;
  background: url("../assets/toRight.png") center center no-repeat;
  position: absolute;
  right: 6.94vw;
  top: 50%;
  margin-top: -17px;
}

.productDetailSc .victory {
  height: 859px;
  background: linear-gradient(to bottom, #fff, #f7f7f7);
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}

.productDetailSc .victory .vm {
  position: absolute;
  right: 0;
  bottom: 0;
}

.productDetailSc .vmFont ul {
  display: flex;
}

.productDetailSc .vmFont {
  /* width: 42.08vw; */
  display: flex;
  /* position: absolute; */
  top: 203px;
  flex: 1;
  flex-direction: column;
  align-items: center;
}

.productDetailSc .vmFont .title {
  font-size: 48px;
  padding-bottom: 20px;
}

.productDetailSc .vmFont p {
  font-size: 24px;
  padding-bottom: 42px;
}

.productDetailSc .vmFont .subTitle {
  font-size: 32px;
  padding-bottom: 60px;
}

.productDetailSc .vmFont li img {
  margin-bottom: 12px;
}

.productDetailSc .vmFont li {
  width: 175px;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 0 13.5px;
  font-size: 14px;
  color: #202020;
  line-height: 24px;
}

.productDetailSc .tmFunction {
  height: 1251px;
  padding-top: 110px;
}

.productDetailSc .tmFunction .title {
  font-size: 48px;
  line-height: 60px;
  padding-bottom: 114px;
  text-align: center;
  font-weight: normal;
}

.productDetailSc .tmFunction img {
  display: block;
  margin: 0 auto;
}

.productDetailSc .tmFunction .of2 {
  margin: 114px auto 13px;
}

.productImgList .btn_l {
  width: 35px;
  height: 35px;
  background: url("../assets/toLeft.png") center center no-repeat;
  position: absolute;
  left: 6.94vw;
  top: 50%;
  margin-top: -17px;
}

.productImgList .btn_r {
  width: 35px;
  height: 35px;
  background: url("../assets/toRight.png") center center no-repeat;
  position: absolute;
  right: 6.94vw;
  top: 50%;
  margin-top: -17px;
}

.productDetailSc .victory {
  height: 859px;
  background: linear-gradient(to bottom, #fff, #f7f7f7);
  position: relative;
}
.productDetailSc .victory .victoryImg {
  height: 100%;
}
.productDetailSc .victory .vm {
  position: absolute;
  right: 0;
  bottom: 0;
}
.productPcNav {
  flex-direction: column;
  font-size: 14px;
  background: rgba(220, 220, 220, 0.3);
  border-top: 1px solid #dcdcdc;
  line-height: 35px;
  display: none;
}
.productDetailSc .vmFont ul {
  display: flex;
}

.productDetailSc .vmFont {
  text-align: center;
  justify-content: center;
  align-items: center;
  /* width: 42.08vw; */
  /* position: absolute; */
  /* top: 203px; */
}

.productDetailSc .vmFont .title {
  font-size: 48px;
  padding-bottom: 20px;
  letter-spacing: 10px;
}

.productDetailSc .vmFont p {
  font-size: 24px;
  padding-bottom: 42px;
}

.productDetailSc .vmFont .subTitle {
  font-size: 32px;
  padding-bottom: 60px;
}

.productDetailSc .vmFont li img {
  margin-bottom: 12px;
}

.productDetailSc .vmFont li {
  width: 175px;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 0 13.5px;
  font-size: 14px;
  color: #202020;
  line-height: 24px;
}

.productDetailSc .tmFunction {
  height: 1251px;
  padding-top: 110px;
}

.productDetailSc .tmFunction .title {
  font-size: 48px;
  line-height: 60px;
  padding-bottom: 114px;
  text-align: center;
}

.productDetailSc .tmFunction img {
  display: block;
  margin: 0 auto;
}

.productDetailSc .tmFunction .of2 {
  margin: 114px auto 13px;
}

.newTm {
  height: 774px;
  background: url("../assets/newTm.jpg") center center no-repeat;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}

.newTm .newTmFont {
  color: #fff;
  position: absolute;
  right: 12.91vw;
  top: 161px;
  text-align: right;
}

.newTm .newTmFont .title {
  font-size: 48px;
  margin-bottom: 15px;
}

.newTm .newTmFont p {
  font-size: 20px;
}

.newTm .newTmFont .subTitle {
  font-size: 32px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.newEffect {
  height: 791px;
  display: flex;
  justify-content: space-between;
}

.newEffect .effectBg {
  background: url("../assets/effectBg.jpg") right center no-repeat;
  width: 55vw;
  height: 791px;
  position: relative;
}

.newEffect .effectBook {
  width: 45vw;
  text-align: center;
  padding-top: 140px;
}

.newEffect .effectBook .title {
  font-size: 42px;
  margin-bottom: 90px;
}

.newEffect .effectFont {
  position: absolute;
  width: 629px;
  height: 232px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 42px;
  padding-top: 25px;
  top: 44px;
  background: rgba(0, 0, 0, 0.6);
}

.newEffect .effectFont p {
  line-height: 36px;
  font-size: 32px;
}

.tmProduct {
  height: 786px;
  display: flex;
}

.tmProduct .sTm {
  width: 55.3vw;
  /* background: url("../assets/sTm.jpg") center center no-repeat; */
}
.tmProduct .sTm img {
  width: 100%;
  /* height: 100%; */
  display: block;
}
.tmProduct .sTmFont {
  width: 44.7vw;
  text-align: center;
}
.tmProduct .sTmFont img {
  display: block;
  margin: 0 auto;
}
.tmProduct .sTmFont .btong {
  margin: 62px 0 0;
}
.tmProduct .sTmFont .line {
  margin-top: 30px;
}
.tmProduct .sTmFont .title {
  padding-top: 40px;
  font-size: 48px;
}

.tmProduct .sTmFont p {
  padding: 24px 0;
  font-size: 20px;
  letter-spacing: 2px;
}

.tmProduct .subTitle {
  font-size: 24px;
  line-height: 32px;
  padding-top: 15px;
  margin-bottom: 27px;
}

.newTmy {
  background: rgb(247, 247, 247);
  padding-top: 102px;
  padding-bottom: 108px;
  position: relative;
}
.newTmy .newTmyFont {
  position: absolute;
  width: 1147px;
  display: flex;
  justify-content: flex-end;
  top: 0;
  left: 50%;
  padding-top: 300px;
  padding-right: 58px;
  transform: translateX(-50%);
}
.newTmy .ntmy {
  display: block;
  margin: 0 auto 85px;
}

.newTmy .items {
  width: 1147px;
  margin: 0 auto;
  display: flex;
}

.newTmy .items div {
  width: 50%;
  padding-top: 76px;
}

.newTmy .items div .title {
  font-size: 32px;
  line-height: 36px;
  padding-bottom: 20px;
}

.newTmy .items div p {
  font-size: 24px;
  width: 406px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgb(32, 32, 32);
}

.newTmy .items div ul {
  padding-top: 30px;
  font-size: 20px;
  line-height: 36px;
}

.newTmy .items div ul li {
  width: 396px;
  margin-bottom: 10px;
  padding-left: 26px;
  position: relative;
}
.newTmy .items div ul li::after {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 14px;
  border-radius: 50%;
  background: rgb(32, 32, 32);
}
.newTmy .itemssec div {
  padding-left: 174px;
}
.newSt .itemssec div {
  padding-left: 0;
}
.tmBanner {
  height: 672px;
  position: relative;
}

.tmBanner .title {
  position: absolute;
  right: 10.9vw;
  font-size: 48px;
  line-height: 72px;
  color: #fff;
  top: 363px;
}

.allTm {
  height: 1298px;
  background: #fff;
  text-align: center;
  padding-top: 100px;
}

.allTm .title {
  font-size: 48px;
  margin-bottom: 28px;
}

.allTm .subTitle {
  font-size: 32px;
}

.allTm .ulTitle {
  display: flex;
  padding-top: 90px;
  width: 692px;
  margin: 0 auto;
  justify-content: space-between;
  font-size: 36px;
  color: rgb(153, 153, 153);
}

.allTm .ulTitle li {
  width: 193px;
  cursor: pointer;
}

.allTm .beauty {
  padding-top: 45px;
}

.allTm .beauty ul {
  display: flex;
  flex-wrap: wrap;
  width: 1149px;
  margin: 0 auto;
}

.allTm .beauty li {
  width: 383px;
  background: #fff;
}

.allTm .beauty img {
  display: block;
}

.allTm .beauty .beautyTop {
  display: flex;
  justify-content: space-between;
  padding: 87px 41px 0;
  font-size: 32px;
  line-height: 24px;
}

.allTm .beauty .beautyTop span {
  font-size: 16px;
  color: #666;
}

.allTm .beauty p {
  padding: 53px 41px 0;
  font-size: 20px;
  line-height: 36px;
  text-align: left;
}

.allTm .ulTitle li.on {
  color: rgb(32, 32, 32);
  border-bottom: 5px solid rgb(32, 32, 32);
  padding-bottom: 3px;
  position: relative;
}

.allTm .ulTitle li.on::after {
  content: "";
  background: url("../assets/onarr.jpg") center bottom no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -16px;
  width: 17px;
  height: 11px;
}

.allTm .sevenContent {
  padding-top: 117px;
  display: none;
}

.north {
  height: 791px;
  display: flex;
}

.north .northBg {
  width: 55.2vw;
  position: relative;
  overflow: hidden;
}

.north .northBg img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.north .northContent {
  width: 44.8vw;
  background: rgb(247, 247, 247);
  padding-left: 97px;
  padding-top: 206px;
}

.north .northContent .title {
  font-size: 48px;
  line-height: 72px;
  margin-bottom: 38px;
}

.north .northContent p {
  font-size: 20px;
  line-height: 42px;
}

.btProduct .sTmFont {
  text-align: left;
  padding-left: 95px;
}
.btProduct {
  background: rgb(247, 247, 247);
}
.btProduct .sTmFont .title {
  padding-top: 140px;
  /* letter-spacing: 10px; */
}

.exclusive {
  padding-top: 106px;
  position: relative;
  background: rgb(247, 247, 247);
}

.exclusive .exclusiveImg {
  display: block;
  margin: 0 auto;
}

.exclusive .title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 48px;
  padding-top: 45px;
}

.exclusive .subTitle {
  width: 276px;
  height: 41px;
  line-height: 41px;
  background: #fff;
  position: absolute;
  text-align: center;
  font-size: 24px;
  border-radius: 40px;
  top: 216px;
  left: 50%;
  transform: translateX(-50%);
}

.magic {
  height: 791px;
  display: flex;
}

.magic .dcMagic {
  width: 50vw;
}

.magic .comfortable {
  width: 50vw;
  position: relative;
}

.magicFont {
  position: absolute;
  left: 14.65vw;
  top: 128px;
}

.magic .comfortable .title {
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 5px;
}

.magic .comfortable p {
  font-size: 24px;
}

.newSt {
  text-align: center;
  background: #fff;
}

.newSt .items div p {
  margin: 0 auto 26px;
}

.newSt .items div span {
  font-size: 28px;
  margin-bottom: 5px;
  display: block;
}

.bottomBanner {
  height: 701px;
  background-size: cover !important;
  position: relative;
}

.bottomBannerFont {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 14vw;
  top: 216px;
}

.bottomBannerFont img:nth-of-type(1) {
  margin-bottom: 30px;
}
.productMain .productPic .swiper-slide .proFont {
  color: #fff;
  padding: 240px 0 0 53px;
}
.productMain .productPic .swiper-slide .proFont p {
  width: 297px;
  position: relative;
  padding: 25px 0 20px 0;
  line-height: 30px;
  margin-bottom: 40px;
}
.productMain .productPic .swiper-slide .proFont p::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 3px;
  background: #fff;
  content: "";
}
.productMain .productPic .swiper-slide .proFont .btn {
  width: 123px;
  height: 36px;
  border: 1px solid #fff;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
}
.reflection {
  width: 100%;
  height: 100vh;
  background-size: cover !important;
}
.companyDetail {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.companyDetail section {
  width: 931px;
  height: 518px;
  border-radius: 10px;
  background: #fff;
  padding: 73px 62px 108px 43px;
  font-size: 16px;
  line-height: 32px;
  position: relative;
  margin-top: -50px;
}
.companyDetail section main {
  overflow: auto;
  height: 100%;
}
.companyDetail .close {
  position: absolute;
  left: 50%;
  width: 76px;
  height: 76px;
  background: url("../assets/close.png") center center no-repeat;
  transform: translateX(-50%);
  bottom: -110px;
  background-size: cover;
  cursor: pointer;
}
.toTop {
  width: 64px;
  height: 64px;
  background: url("../assets/top1.png") center center no-repeat;
  position: fixed;
  right: 10px;
  display: none;
  bottom: 100px;
  border-radius: 10px;
  background-color: #dcdcdc;
  cursor: pointer;
  z-index: 20;
}

.contactAnnie {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 10px;
  bottom: 175px;
}
.contactAnnie li {
  padding: 4px;
  background: rgb(220, 220, 220);
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 11px;
}
.contactAnnie li:nth-of-type(1) {
  display: none;
}
.contactAnnie li section {
  position: relative;
}
.contactAnnie li .theirCode {
  position: absolute;
  padding: 0 16px;
  width: 262px;
  height: 364px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  left: -310px;
  top: -170px;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  line-height: 28px;
}
.contactAnnie li.on .theirCode {
  display: flex;
}
.contactAnnie li .theirCode img {
  width: 186px;
  height: 186px;
  margin-bottom: 10px;
}
.contactAnnie .contactWho {
  width: 54px;
  height: 54px;
  border: 1px solid rgb(107, 107, 107);
  font-size: 14px;
  color: rgb(103, 103, 103);
  /* background: rgb(220,220,220);   */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contactAnnie .contactWho span {
  font-size: 12px;
}
.contactAnnie li.on {
  background: rgb(107, 107, 107);
}
.contactAnnie li.on .contactWho {
  color: #fff;
  border-color: #fff;
}