.part-bg-style {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html,body{
	font:14px/1.8 "微软雅黑";
	font-family:"微软雅黑",Arial;
	color:#666;
	}
/* Global   */
img:hover {
  cursor: pointer;
  transform: scale(1.02);
}
.hover-btn img.active {
  display: none;
}
.hover-btn:hover {
  cursor: pointer;
  background: #5d8c55 !important;
  color: #fff !important;
}
.hover-btn:hover span {
  color: #fff;
}
.hover-btn:hover img.normal {
  display: none;
}
.hover-btn:hover img.active {
  display: inline-block;
}

.dialog {
  content: "";
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  z-index: 4;
}
.dialog:hover {
  opacity: 0;
}
.about-me .about-content .view,
.news .view-more {
  width: 167px;
  height: 46px;
  background: #ecdc67;
  border-radius: 23px;
  font-size: 20px;
  color: #5d8c55;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.about-me .about-content .view a,.news .view-more a{
  color: #5d8c55;
}
.about-me .about-content .view .arrow,
.news .view-more img {
  width: 12px;
  height: 15px;
  margin-left: 9px;
  transform: translateY(2px);
}

/* Home */
.home {
  background-color: #fff;
  overflow: hidden;
}
.home .home-inner,
.swiper-wrapper,
.swiper-slide {
  width: 100%;
  height: 100%;
}
.home .home-inner .company-name {
  font-size: 60px;
  font-weight: bold;
  /* font-family: Source Han Serif CN; */
  color: #fff;
  text-shadow: -5px 5px #5d8c55;
}

.home .home-inner .company-slogan {
  margin: 52px auto 0 auto;
  width: 836px;
  height: 64px;
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/slogan-bg.png");
  background-size: 100%;
  padding: 0 160px 0 139px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .home-inner .company-slogan span {
  color: #fff;
  font-size: 34px;
}

.swiper-slide {
  text-align: center;
  display: flex;
  align-items: center;
}
.swiper-slide_1 {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/home.jpg") center center/100% 100% no-repeat;
}
.swiper-slide_2 {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/home3.jpg") center center/100% 100% no-repeat;
}
.swiper-slide_2 .container {
  width: 919px;
  font-weight: bold;
}
.swiper-slide_2 .container .title {
  font-size: 48px;
  font-weight: 800;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}
.swiper-slide_2 .container .company-slogan {
  width: 919px;
  margin: 49px auto 0 auto;
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/slogan-bg2.png");
  padding: 0 120px 0 148px;
}
.swiper-slide_2 .container .company-slogan span {
  font-size: 36px;

  color: #5d8c55;
}
.swiper-slide_2 .container .title > div:nth-of-type(1) {
  align-self: flex-start;
  margin-bottom: 24px;
}
.swiper-slide_2 .container .title > div:nth-of-type(2) {
  align-self: flex-end;
}
.swiper-slide_2 .container .title span {
  color: #ecdc67;
  font-size: 54px;
}
.swiper-slide_3 {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/home2.jpg") center center/100% 100% no-repeat;
}
.swiper-slide_3 .title {
  font-weight: bold;
  font-size: 80px;
  background-image: linear-gradient(180deg, #fff, #fff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.swiper-slide_3 .subtitle {
  font-weight: bold;
  color: #fff;
  font-size: 48px;
  margin-top: 69px;
}

/* About */

.about-me {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/about-bg.jpg") center center/100% 100% no-repeat
    fixed;
}

.about-me .container {
  padding-top: 40px;
  height: 100%;
}
.about-me .about-title {
  text-align: center;
}
.about-me .about-title img {
  width: 200px;
  margin-top: 60px;
}
.about-me .about-content {
  margin-top: 45px;
  width: 1200px;
  height: 586px;
  background: #5d8c55;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 30px 34px 30px 44px;
  color: #fff;
}

.about-me .about-content .about-content-img {
  max-width: 524px;
  max-height: 524px;
}
.about-me .about-content .name {
  font-size: 36px;
  margin-bottom: 20px;
  cursor: pointer;
}
.about-me .about-content .name:hover + .line {
  width: 190px;
}
.about-me .about-content .line {
  width: 93px;
  height: 4px;
  background: #ecdc67;
  margin-bottom: 35px;
}
.about-me .about-content .abstract {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding-right: 82px;
  line-height: 30px;
  margin-bottom: 52px;
}

.about-me .about-content .img-list {
  padding-right: 17px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 67px;
}
.about-me .about-content .img-list .img-item {
  width: 165px;
  height: 68px;
}
/* .about-me .about-content .view {
  width: 167px;
  height: 46px;
  background: #ecdc67;
  border-radius: 23px;
  font-size: 20px;
  color: #5d8c55;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.about-me .about-content .view .arrow {
  width: 12px;
  height: 15px;
  margin-left: 9px;
  transform: translateY(2px);
} */

/* About end */

/* Business */
.business {
  background-color: #fff;
}

.business .business-container {
  max-width: 1920px;
  overflow-x: hidden;
  margin: 0 auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.business .business-container .business-title {
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: auto;
  z-index: 12;
}
.business .business-container .business-title:hover {
  transform: scale(1.02) translateX(-50%);
}
.business-item-box {
  display: flex;
}
.business-item-box .business-item {
  width: 33.33%;
  width: 640px;
  height: 623px;
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  display: block;
}

.business-item-box .business-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* height: auto; */
}

.business-item-box .business-item span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.business .business-container .item-1 {
  /* background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/business-item1.png") center top/100% no-repeat; */
}
.business .business-container .item-2 {
  /* background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/business-title.png") center 30px/323px no-repeat; */
  /* url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/business-item2.png") center top/100% no-repeat; */
}
.business .business-container .item-3 {
  /* background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/business-item3.png") center top/100% no-repeat; */
}
.business .business-container .business-bom {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/business-bom-line.png") center center/100% no-repeat;
  flex: 1;
  min-height: 314px;
}

.business-bom-content {
  max-width: 1920px;
  height: 314px;
  /* border: 1px solid; */
  display: flex;
  padding: 57px 216px 57px 188px;
  justify-content: space-between;
  align-items: center;
}
.business-bom-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
  /* min-width: 144px; */
}

.business-bom-item .block {
  width: 120px;
  height: 120px;
}
.business-bom-item > img {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: all 0.5s;
}
.business-bom-item > img.active {
  left: -300%;
  transition: all 0.3s;
}
.business-bom-item:nth-child(1) > img {
  top: 0;
}
.business-bom-item:nth-child(2) > img {
  bottom: 0;
}
.business-bom-item:nth-child(3) > img {
  top: 0;
}
.business-bom-item:nth-child(4) > img {
  bottom: 0;
}
.business-bom-item:hover > img.normal {
  left: 150%;
}
.business-bom-item:hover > img.active {
  left: 50%;
}

.business-bom-item > span {
  font-size: 36px;
  font-weight: bold;
  color: #5d8c55;
}
.business-bom-item:nth-child(1n) {
  align-self: flex-start;
}
.business-bom-item:nth-child(2n) {
  align-self: flex-end;
  flex-direction: column-reverse;
}
.business-bom-item1 {
}
/* Business end */

/* Core */
.core {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/core.jpg") center center/100% 100% no-repeat fixed;
}
.core .container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}
.core .main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.case-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  z-index: 12;
}
.case-title:hover {
  transform: translate(-50%, -50%) scale(1.02);
}

.core .main_2,
.core .main_3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.navigation-circle {
  display: block;
  position: relative;
  height: 1000px;
  width: 1000px;
  margin: auto;
}

.navigation-circle_2 {
  height: 500px;
  width: 500px;
}

.navigation-circle_3 {
  height: 800px;
  width: 800px;
}

.navigation-circle__inner {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.navigation-circle__list {
  display: block;
  position: absolute;
  height: 1000px;
  width: 1000px;
  transform: rotate(-90deg);
  animation: 1.6s cubic-bezier(0.25, -0.25, 0.35, 1) 0 1 animate-in-list
    forwards;
}

.navigation-circle-svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotateZ(-90deg);
}
.navigation-circle-svg--opaque {
  opacity: 0.5;
}
.navigation-circle-svg--mask circle {
  transition: all 0.5s ease;
  transition-delay: 0.5s;
  animation: 1.6s ease 0 1 animate-in-svg-circle-mask backwards;
}

.navigation-circle-list-item {
  display: block;
  position: absolute;
  height: 0;
  width: calc(50% + 16px);
  top: 50%;
  left: 50%;
  list-style: none;
  transform-origin: 0 0;
}
.navigation-circle-list-item__point {
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  top: 16px;
  right: 7px;
  cursor: pointer;
  transform: scale(0);
  z-index: 10;
}

.navigation-circle-list-item__point:before {
  content: "";
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0;
  color: #5d8c55;
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  border: 6px solid #5d8c55;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 0px #5d8c55;
  transform: scale(0.75);
  transition: all 0.5s ease;
}
.navigation-circle-list-item__point:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 0px;
  top: 16px;
  left: 0px;
  background-color: #5d8c55;
  transition: all 0.5s ease;
  z-index: 1;
}
.navigation-circle-list-item__meta {
  display: block;
  position: absolute;
  overflow: hidden;
  /* opacity: 0; */
  transform-origin: center;
  /* margin-left: 78px; */
  min-width: 68px;
  padding: 4px;
  left: -178px;
  width: 300px;
}
.navigation-circle-list-item__title {
  display: block;
  color: #f7f7f7;
  text-align: left;
  font-size: 24px;
  /* border-bottom: 1px solid #f7f7f7; */
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.navigation-circle-list-item__subtitle {
  display: block;
  color: #f7f7f7;
  font-weight: 200;
  font-size: 16px;
  line-height: 20px;
}

.navigation-circle-list-item__img {
  width: 80px;
  height: 69px;
  margin-bottom: 19px;
}

.navigation-circle-list-item
  .navigation-circle-list-item__meta:hover
  .navigation-circle-list-item__img.active {
  display: inline-block !important;
}
.navigation-circle-list-item
  .navigation-circle-list-item__meta:hover
  .navigation-circle-list-item__img.normal {
  display: none;
}

.navigation-circle-list-item:nth-of-type(1) {
  transform: rotateZ(65deg);
}

.navigation-circle-list-item:nth-of-type(1) .navigation-circle-list-item__meta {
  transform: rotateZ(25deg);
  top: -62px;
}

.navigation-circle-list-item:nth-of-type(1)
  .navigation-circle-list-item__meta:hover {
  transform: scale(1.1) rotateZ(25deg);
}

.navigation-circle-list-item:nth-of-type(1)
  .navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0s 1
    animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(2) {
  transform: rotateZ(105deg);
}

.navigation-circle-list-item:nth-of-type(2) .navigation-circle-list-item__meta {
  transform: rotateZ(-15deg);
  top: -52px;
  left: -240px;
}

.navigation-circle-list-item:nth-of-type(2)
  .navigation-circle-list-item__meta:hover {
  transform: scale(1.1) rotateZ(-15deg);
}

.navigation-circle-list-item:nth-of-type(2)
  .navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.2s 1
    animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(3) {
  transform: rotateZ(-115deg);
}

.navigation-circle-list-item:nth-of-type(3) .navigation-circle-list-item__meta {
  transform: rotateZ(205deg);
  top: -133px;
  left: -351px;
}

.navigation-circle-list-item:nth-of-type(3)
  .navigation-circle-list-item__meta:hover {
  transform: scale(1.1) rotateZ(205deg);
}

.navigation-circle-list-item:nth-of-type(3)
  .navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.4s 1
    animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(4) {
  transform: rotateZ(-75deg);
}

.navigation-circle-list-item:nth-of-type(4) .navigation-circle-list-item__meta {
  transform: rotateZ(165deg);

  left: -351px;
}
.navigation-circle-list-item:nth-of-type(4)
  .navigation-circle-list-item__meta:hover {
  transform: scale(1.1) rotateZ(165deg);
}

.navigation-circle-list-item:nth-of-type(4)
  .navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.6s 1
    animate-in-list-item-point forwards;
}

.navigation-circle-list-item:hover .navigation-circle-list-item__point:before {
  transform: scale(1);
  font-size: 16px;
}

.navigation-circle-list-item:hover .navigation-circle-list-item__point:after {
  width: 32px;
  left: -34px;
}

.navigation-circle-list-item:hover .navigation-circle-list-item__meta {
  opacity: 1;
}

.navigation-circle-list-item:active .navigation-circle-list-item__point:before,
.navigation-circle-list-item.active .navigation-circle-list-item__point:before {
  transform: scale(0.85);
  color: #000;
  box-shadow: inset 0px 0px 0px 16px #5d8c55;
  border-color: transparent;
}

.navigation-circle-list-item:active .navigation-circle-list-item__point:after,
.navigation-circle-list-item.active .navigation-circle-list-item__point:after {
  width: 34px;
  left: -32px;
}

.navigation-circle-list-item:active .navigation-circle-list-item__meta,
.navigation-circle-list-item.active .navigation-circle-list-item__meta {
  opacity: 1;
}

@keyframes animate-in-list {
  0% {
    transform: rotate(-540deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@keyframes animate-in-svg-circle-mask {
  0% {
    stroke-dashoffset: 1005;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-in-list-item-point {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/* Core end */

/* Case */
.case {
  background-color: #fff;
}

.case .case-container {
  max-width: 1920px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

.case .case-container .case-title {
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: auto;
  z-index: 12;
}
.case .case-container .case-title:hover {
  transform: translateX(-50%) scale(1.02);
}
.case-item-box {
  display: flex;
  height: 100%;
}

.case-item-box .case-item {
  width: 25%;
  max-width: 480px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  cursor: pointer;
}

.case-item-box .case-item img {
  width: 100%;
  height: 100%;
}

.case-item-box .case-item .case-item-text {
  position: absolute;
  width: 100%;
  padding: 0 20%;
  bottom: 32%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 11;
}

.case .case-item .btn {
  width: 167px;
  height: 46px;
  background: #ecdc67;
  border-radius: 23px;
  font-size: 20px;
  color: #5d8c55;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 32px;
}
.case .case-item .btn a{
  color: #5d8c55;
}
.case .case-item .btn:hover ~ .dialog {
  opacity: 0;
}
.case .case-item .arrow {
  width: 12px;
  height: 15px;
  margin-left: 9px;
  transform: translateY(2px);
}

.case-item.item-2 .case-item-text .btn,
.case-item.item-3 .case-item-text .btn,
.case-item.item-4 .case-item-text .btn {
  margin-top: 68px;
}
/* Case end */

/* News */
.news {
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/news-bg.jpg") center center/100% 100% no-repeat
    fixed;
}

.news .container {
  padding-top: 48px;
}
.news .news-title {
  text-align: center;
}
.news .news-title img {
  width: 200px;
  margin-top: 60px;
  
}
.news .news-content {
  margin-top: 90px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}
.news .news-content .news-item {
  display: flex;
  color: #fff;
  max-width: 48%;
  margin-bottom: 72px;
}
.news .news-content .news-item img {
  width: 193px;
  height: 193px;
  margin-right: 7px;
  background: #fff;
  border-radius: 50%;
  padding: 4px;
}
.news .news-content .news-item .context {
}
.news .news-content .news-item .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
  font-size: 20px;
}
.news .news-content .news-item .time {
  font-size: 18px;
}
.news .news-content .news-item .desc {
  font-size: 16px;
  margin-bottom: 32px;
}
.news .news-content .news-item .more-btn {
  width: 119px;
  height: 35px;
  background: #ecdc67;
  border-radius: 18px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 35px;
  color: #5d8c55;
}
.news .news-content .news-item .more-btn a{
  color: #5d8c55;
}
.news .news-content .news-item .more-btn a:hover{
  color: #fff;
}
.news .view-more {
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
}
/* News end */

/* Contact */
.contact {
  padding-top: 189px;

  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/contact-bg.jpg") center center/100% 100% no-repeat
    fixed;
}
.contact .container {
  margin: 0 auto;
  min-height: 563px;
  background: url("https://lj-mall.oss-cn-chengdu.aliyuncs.com/kangbaqing/image/contact-container.png") top right/922px 563px
    no-repeat;
  display: flex;
  margin-bottom: 118px;
}
.contact .contact-cycler {
  width: 453px;
  height: 453px;
  margin-top: 54px;
  text-align: center;
  position: relative;
}
.contact .contact-cycler .cycler {
  width: 100%;
  height: 100%;
}

.contact .contact-cycler .qrcode {
  width: 127px;
  height: 127px;
  position: absolute;
  top: 235px;
  left: 166px;
}
.contact .contact-cycler .qrcode img {
  width: 100%;
  height: 100%;
  margin-bottom: 8px;
}
.contact .contact-cycler .qrcode > span {
  color: #ffffff;
  font-size: 16px;
}

.contact .way {
  margin-left: 57px;
  padding-top: 111px;
}
.contact .way .phone-title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 25px;
}
.contact .way .phone {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 44px;
  color: #5d8c55;
}
.contact .way .list {
  padding: 0;
}
.contact .way .list li {
  margin-bottom: 24px;
  list-style: none;
  font-size: 18px;
  color: #666666;
  display: flex;
  align-items: center;
}
.contact .way .list li img {
  width: 26px;
  height: 26px;
  margin-right: 12px;
}

.contact .Copyright {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}
/* Contact end */