.BusinessesAreaInner {
  position: relative;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom,
    #f2f2f2 0, #f2f2f2 20%,
    #fff 20%, #fff 45%,
    #f2f2f2 50%, #f2f2f2 66%,
    #fff 66%, #fff 80%,
    #f2f2f2 80%, #f2f2f2 80%,
    #fff 80%, #fff 100%
  )
}

.BusinessesAreaInnerCol {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.BusinessesAreaInnerCol .FullBannerInnerTitle {
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .BusinessesAreaInnerCol {
    min-height: 340px;
  }
}

.BusinessesItem {
  position: relative;
  width: 100%;
  height: 795px;
  /*background-color: #fff;*/
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.BusinessesItem > img {
  width: 100%;
  height: auto;
  /* min-height: 340px; */
}

.BusinessesItemTitle {
  display: flex;
  align-items: center;
}
.BusinessesItemTitle.BusinessesItemTitle-1 {
  background-color: #f2f2f2;
}
.BusinessesItemTitle.BusinessesItemTitle-2 {
  background-color: #fff;
}
.BusinessesItemTitle .FullBannerInnerTitle {
  padding: 16px 0px 16px 32px;
  text-align: left;
}

@media screen and (max-width: 1024px) {
    .BusinessesItem {
        height: 500px;
    }
    
    .BusinessesItemTitle .FullBannerInnerTitle {
        padding: 16px 0px 16px 16px;
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
  .BusinessesAreaInner {
    padding: 30px 0;
    background-image: none;
  }
  .BusinessesItem {
    margin-bottom: 10px;
    height: 340px;
    padding: 0;
    background-color: transparent;
  }

  .BusinessesItem > img {
    height: 340px;
    object-fit: cover;
  }

  .BusinessesItemTitle.BusinessesItemTitle-1 {
    background-color: #fff;
  }
  .BusinessesItemTitle.BusinessesItemTitle-2 {
    background-color: #fff;
  }
}

.BusinessesItemCard {
  padding: 0 35px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 288px;
}
.BusinessesItemCard.BusinessesItemCard-2 {
  bottom: calc((100% - 400px) / 2);
  height: 400px;
}

.BusinessesItemCard .BusinessesItemCardInner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-color: rgba(255,255,255,.9);
  box-shadow: 0px 0px 30px 0px rgba(51,51,51,0.06);
      transition: all 0.1s;
}
.BusinessesItemCard .BusinessesItemCardInner::before {
  position: absolute;
  left: 0;
  top: -6px;
  content: '';
  width: 50%;
  height: 6px;
  background-color: var(--color-accent);
}
.BusinessesItemCard .BusinessesItemCardInner.BusinessesItemCardInnerCenter {
  justify-content: center;
  align-items: center;
}

.BusinessesItemCard .BusinessesItemCardText {
  flex: 1;
  margin: 0 auto;
  width: 80%;
  height: 65%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #333;
  padding-top: 5%;
}

.BusinessesItemCard .BusinessesItemCardInner.BusinessesItemCardInnerCenter .BusinessesItemCardText {
  align-items: center;
  text-align: center;
}

.BusinessesItemCard .BusinessesItemCardText h5 {
  font-size: 180%;
  font-weight: 400;

}
.BusinessesItemCard .BusinessesItemCardText p {
  font-size: 80%;
}

.BusinessesItemCard .BusinessesItemLink {
  display: flex;
  margin: 0 auto;
  width: 80%;
  height: 35%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  text-align: right;
}

.BusinessesItemCard .BusinessesItemCardInner.BusinessesItemCardInnerCenter .BusinessesItemLink {
  justify-content: center;
}
.BusinessesItemCard .BusinessesItemCardInner.BusinessesItemCardInnerCenter .BusinessesItemLink::after {
  right: calc((100% - 100px ) / 2);
}

.BusinessesItemCardInner:hover {
  /*background-color: var(--color-accent-light);*/
  background-color: rgba(230,0,39,.9);
}

.BusinessesItemCardInner:hover .FullBannerInnerTitle {
  color: #fff;
}
.BusinessesItemCardInner:hover .FullBannerInnerTitle span {
  color: #fff;
}

.BusinessesItemCardInner:hover .BusinessesItemCardText {
  color: #fff;
}

.BusinessesItemCardInner:hover .BusinessesItemLink {
  color: #fff;
}
.BusinessesItemCardInner:hover .BusinessesItemLink::after {
  background-image: url(../img/icon_right_white.png);
}


@media screen and (max-width: 768px) {
  .BusinessesItemCard {
    height: 144px;
  }
  .BusinessesItemCard.BusinessesItemCard-2 {
    padding: 0;
    width: 95%;
    bottom: calc((100% - 200px) / 2);
    height: 200px;
  }
  .BusinessesItemCard .BusinessesItemCardText h5 {
    font-size: 120%;
  }
  .BusinessesItemCard .BusinessesItemCardText p {
    font-size: 80%;
  }
  .BusinessesItemCard .BusinessesItemCardLink {
    font-size: 80%;
    padding-right: 30px;
    background-size: 17px;
    line-height: 1;
  }
}

.BusinessNtItem {
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 24px;
}

.BusinessNtItem-1 {
  height: auto;
  min-height: 220px;
  padding: 24px;
}

.BusinessNtItem-2 {
  height: 340px;
  padding: 30px;
}

.BusinessNtItem .BusinessNtItemImage {
  position: absolute;
  width: 90px;
  height: 110px;
  left: calc((100% - 90px) / 2);
  top: -24px;
  z-index: 1;
}
.BusinessNtItem .BusinessNtItemImage > img {
  width: 100%;
  height: auto;
}
.BusinessNtItem .BusinessNtItemDesc {
  margin-top: 70px;
  font-size: 150%;
  text-align: center;
  line-height: 1.8;
}

.BusinessNtItem.BusinessNtItem-2 .BusinessNtItemImage {
  width: 162px;
  height: 110px;
  left: calc((100% - 162px) / 2);
  top: -44px;
}
.BusinessNtItem.BusinessNtItem-2 .BusinessNtItemDesc {
  text-align: left;
}

@media screen and (max-width: 1024px) {
    .BusinessNtItem .BusinessNtItemImage {
        width: 72px;
        height: 88px;
    }	
    
    .BusinessNtItem .BusinessNtItemDesc {
        font-size: 120%;
        line-height: 1.5;
    }
}

@media screen and (max-width: 768px) {
  .BusinessNtItem {
    margin-top: 24px;
  }
  .BusinessNtItem-1 {
    height: 150px;
    min-height: 100px;
  }

  .BusinessNtItem .BusinessNtItemImage {
    width: 45px;
    height: 55px;
    left: calc((100% - 45px) / 2);
    top: -16px;
  }

  .BusinessNtItem .BusinessNtItemDesc {
    font-size: 100%;
    margin-top: 25px;
  }

  .BusinessNtItem-2 {
    margin-top: 24px;
    height: auto;
    padding: 25px 0;
  }

  .BusinessNtItem.BusinessNtItem-2 .BusinessNtItemImage {
    width: 81px;
    height: 55px;
    left: calc((100% - 81px) / 2);
    top: -24px;
  }
  .BusinessNtItem.BusinessNtItem-2 .BusinessNtItemDesc {
    font-size: 80%;
    text-align: left;
  }
}

.BusinessFaItem {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 150px;
}

.BusinessFaItem .BusinessFaItemImage {
  width: 100%;
  height: 457px;
}
.BusinessFaItem .BusinessFaItemImage > img {
  width: 100%;
  height: 100%;
  max-height: 457px;
}
.BusinessFaItem .BusinessFaItemBody {
  position: absolute;
  left: 5%;
  top: 50%;
  width: 90%;
  height: 50%;
  background-color: rgba(255,255,255,.9);
  border-left: 10px solid var(--color-accent-light);
}
.BusinessFaItemCard {
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.BusinessFaItemCard > h4 {
  margin: 24px 0 0 0;
  font-size: 180%;
  color: #333;
  font-weight: 400;
}
.BusinessFaItemCard > h4 span {
  color: var(--color-accent);
}
.BusinessFaItemCard > p {
  margin-top: 12px;
  font-size: 100%;
  line-height: 1.8;
  padding-right: 20px;
}
.BusinessFaItemCardLink {
  margin-top: 32px;
  text-align: right;
}
.BusinessFaItemCardLink > a.BusinessesItemLink {
  padding: 8px 55px 8px 16px;
  border: 1px solid var(--color-accent-light);
}
.BusinessFaItemCardLink > a.BusinessesItemLink:hover {
  background-color: var(--color-accent-light);
  color: #fff;
}

@media screen and (max-width: 1024px) {
    .BusinessFaItem .BusinessFaItemBody {
        height: 40%;
    }
    
    .BusinessFaItemCard {
        padding: 16px;
    }	
    
    .BusinessFaItemCard > h4 {
        font-size: 150%;
    }
    
    .BusinessFaItemCard > p {
        font-size: 90%;
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
  .BusinessFaItem {
    padding-bottom: 75px;
  }

  .BusinessFaItem .BusinessFaItemImage {
    height: 225px;
  }
  .BusinessFaItem .BusinessFaItemImage > img {
    max-height: 225px;
  }

  .BusinessFaItem .BusinessFaItemBody {
    top: 25%;
    border-left-width: 5px;
    height: auto;
  }

  .BusinessFaItemCard {
    padding: 16px;
  }
  .BusinessFaItemCard > h4 {
    margin-top: 8px;
    font-size: 100%;
  }
  .BusinessFaItemCard > p {
    margin-top: 6px;
    font-size: 80%;
    padding-right: 0px;
    line-height: 1.5;
  }
  .BusinessFaItemCardLink {
    margin-top: 12px;
  }
  .BusinessFaItemCardLink > a.BusinessesItemLink {
    padding: 5px 35px 5px 8px;
    font-size: 80%;
  }
}

.BusinessesRaTabContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px;
}

.BusinessesRaTabContentTitle {
  font-size: 180%;
  font-weight: normal;
  text-align: center;
  color: #333;
  padding-bottom: 80px;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}

.BusinessesRaTabContentInner {
  display: none;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.BusinessesRaTabContentInner h4 {
  font-size: 200%;
  color: var(--color-accent);
  font-weight: bold;
}
.BusinessesRaTabContentInner h4 span {
  font-size: 60%;
  font-weight: 400;
  color: #333;
}
.BusinessesRaTabContentInner h5 {
  font-size: 120%;
  font-weight: 400;
  color: #333;
}
.BusinessesRaTabContentInner p {
  padding: 0 24px;
  margin-top: 24px;
  font-size: 80%;
  color: #737373;
  line-height: 1.8;
  text-align: center;
}

@media screen and (max-width: 1024px) {
    .BusinessesRaTabContent {
        padding: 64px;
    }
    .BusinessesRaTabContentTitle {
        font-size: 150%;
        padding-bottom: 64px;
        margin-bottom: 64px;
    }
    
    .BusinessesRaTabContentInner {
        padding: 0 24px;
    }
}

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

  .BusinessesRaTabContent {
    padding: 20px;
  }
  .BusinessesRaTabContentTitle {
    font-size: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .BusinessesRaTabContentInner {
    padding: 0 10px;
    margin-bottom: 24px;
  }

  .BusinessesRaTabContentInner h4 {
    font-size: 150%;
  }
  .BusinessesRaTabContentInner h5 {
    font-size: 100%;
  }
  .BusinessesRaTabContentInner p {
    margin-top: 0px;
    font-size: 80%;
  }
}


/* 旧梯改造 */

/* 旧梯改造 */
.BusinessesOlTabContent {
  padding: 80px 56px;
  height: 540px;
}

.BusinessesOlTabContent h3 {
  font-size: 150%;
  line-height: 1.5;
  margin: 0;
  background-image: none;
  color: #333;
  font-weight: 400;
}

.BusinessesOlTabContent .BusinessesOlTabList {
  list-style: none;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.BusinessesOlTabContent .BusinessesOlTabList.BusinessesOlTabList2 {
  height: auto;
  margin-top: 48px;
}

.BusinessesOlTabContent .BusinessesOlTabList.BusinessesOlTabList2 li {
  width: 33%;
}

.BusinessesOlTabContent .BusinessesOlTabTxt {
  margin-top: 48px;
}
.BusinessesOlTabContent .BusinessesOlTabLink {
  margin-top: 24px;
}

.BusinessesOlTabContent .BusinessesOlTabLink > a {
  width: 140px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
  text-align: center;
  margin: 0;
  padding: 0px 24px;
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.BusinessesOlTabContent .BusinessesOlTabLink > a > img {
  width: 20px;
  height: 20px;
}

.BusinessesOlTabContent .BusinessesOlTabLink > a:hover {
  text-decoration: none;
  background-color: var(--color-accent-light);
  color: #fff;
}

.BusinessesOlTabContent .BusinessesOlTabTxt

.BusinessesOlTabContent .BusinessesOlTabList.BusinessesOlTabList2 li {
  width: 33%;
}

.BusinessesOlTabContent .BusinessesOlTabList li {
  width: 50%;
}

.BusinessesOlTabContent .BusinessesOlTabList li h4 {
  border-left: 4px solid var(--color-accent-light);
  padding-left: 16px;
  line-height: 1;
  font-size: 120%;
  color: #333;
  font-weight: 400;
  background-image: none;
  /* margin: 0; */
}

.BusinessesOlTabContent .BusinessesOlTabList li p {
  padding-left: 20px;
  font-size: 60%;
  width: 80%;
  line-height: 1.5;
}

.BusinessesHpTabContent {
  padding: 80px;
}

.BusinessesHpTabContent ul {
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.BusinessesHpTabContent ul li {
  display: flex;
  flex-direction: column;
  width: 35%;
  margin-right: 15%;
  height: 200px;
  padding-left: 32px;
  position: relative;
}
.BusinessesHpTabContent ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 5px;
  height: 16px;
  background-color: var(--color-accent-light);
}
.BusinessesHpTabContent ul li h4 {
  font-size: 120%;
  color: #333;
  font-weight: 400;
  line-height: 24px;
}
.BusinessesHpTabContent ul li p {
  margin-top: 16px;
  font-size: 80%;
  color: #737373;
}

@media screen and (max-width: 768px) {
  
  .BusinessesOlTabContent {
    padding: 20px;
    height: auto;    
  }
  
  .BusinessesOlTabContent h3 {
    font-size: 120%;
  }

  .BusinessesOlTabContent .BusinessesOlTabList.BusinessesOlTabList2 {
    margin-top: 24px;
    flex-direction: column;
  }

  .BusinessesOlTabContent .BusinessesOlTabList.BusinessesOlTabList2 li {
    width: 100%;
    margin-bottom: 12px;
  }


  .BusinessesOlTabContent .BusinessesOlTabList li {
    margin-bottom: 16px;
  }

  .BusinessesOlTabContent .BusinessesOlTabList li h4 {
    font-size: 80%;
    margin-bottom: 4px;
    padding-left: 8px;
  }

  .BusinessesOlTabContent .BusinessesOlTabList li p {
    width: 90%;
    font-size: 60%;
    padding-left: 12px;
  }

  .BusinessesHpTabContent {
    padding: 20px;
  }
  .BusinessesHpTabContent ul {
    flex-direction: column;
    justify-content: center;
  }
  .BusinessesHpTabContent ul li {
    width: 100%;
    height: 100px;
  }
  .BusinessesHpTabContent ul li h4 {
    font-size: 100%;
  }
  .BusinessesHpTabContent ul li p {
    margin-top: 0;    
  }

  .BusinessesOlTabContent .BusinessesOlTabTxt {
    margin-top: 12px;
  }
}

.BusinessesCgContent {
  width: 100%;
  height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 64px;
}
.BusinessesCgContent.BusinessesCgContent-2 {
  background-color: #fff;
}
.BusinessesCgContentInner {
  position: relative;
  padding: 0 32px;
  width: 80%;
}
.BusinessesCgContentInner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 5px;
  height: 16px;
  background-color: var(--color-accent-light);
}
.BusinessesCgContentInner h4 {
  font-size: 120%;
  color: #333;
  font-weight: 400;
  line-height: 24px;
}
.BusinessesCgContentInner p {
  margin-top: 16px;
  font-size: 80%;
  color: #333;
}

@media screen and (max-width: 768px) {
  .BusinessesCgContent {
    height: auto;
    background-color: #fff;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.BusinessesHeContent {
  width: 100%;
  height: 482px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.BusinessesHeContent ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
      padding: 0 20px;
}
.BusinessesHeContent ul li {
  /*width: 32%;*/
  height: 150px;
  /*border-left: 1px solid #d9d9d9;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*background-color: rgba(255,255,255,.7);*/
    flex: 1;
    margin: 0 20px;
}
.BusinessesHeContent ul li:first-child {
  border-left: 0;
}

.BusinessesHeContent ul li h4 {
  font-size: 30px;
  color: #333;
  font-weight: 400;
  line-height: 24px;
}
.BusinessesHeContent ul li p {
  margin-top: 16px;
  font-size: 80%;
  color: rgba(0,0,0,.6);
}


@media screen and (max-width: 768px) {
  .BusinessesHeContent ul {
    flex-direction: column;
  }
  .BusinessesHeContent ul li {
    width: 80%;
    border-left: 0;
    border-top: 1px solid #d9d9d9;
  }
  .BusinessesHeContent ul li:first-child {
    border-top: 0;
  }

}


.BusinessesHeTabContent {
  display: block;
  width: 100%;
}

.BusinessesHeTabContentItem {
  width: 100%;
  height: 540px;
}

.BusinessesHeTabContentItem ul {
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 64px;
}
.BusinessesHeTabContentItem ul li {
  display: flex;
  flex-direction: column;
  width: 65%;
  padding-left: 32px;
  position: relative;
}
.BusinessesHeTabContentItem ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 5px;
  height: 16px;
  background-color: var(--color-accent-light);
}
.BusinessesHeTabContentItem ul li h4 {
  font-size: 120%;
  color: #333;
  font-weight: 400;
  line-height: 24px;
}
.BusinessesHeTabContentItem ul li p {
  margin-top: 16px;
  font-size: 80%;
  color: #737373;
}

@media screen and (max-width: 1024px) {
	.BusinessesHeTabContentItem ul {
	    padding-top: 48px;
	}
	
	.BusinessesHeTabContentItem ul li {
	    width: 75%;
	    padding-left: 24px;
	}
	
	.BusinessesHeTabContentItem ul li p {
	    margin-top: 8px;
	}
}

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

  .BusinessesHeTabContentItem {
    padding: 20px;
    height: auto;
  }
  .BusinessesHeTabContentItem ul {
    flex-direction: column;
    justify-content: center;
  }
  .BusinessesHeTabContentItem ul li {
    width: 100%;
    height: 100px;
  }
  .BusinessesHeTabContentItem ul li h4 {
    font-size: 100%;
  }
  .BusinessesHeTabContentItem ul li p {
    margin-top: 0;
    color: #fff;
  }
}


/* 超高层 */
.BussinessHighNt {
  display: flex;
  width: 100%;
  height: auto;

  flex-direction: row;
}

.BussinessHighNtTitle {
  position: relative;
  padding: 40px;
  width: 100px;
  height: 300px;
  background-color: var(--color-accent);
    display: flex;
    align-items: center;
}
.BussinessHighNtTitle h4 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 150%;
  font-weight: 400;
  line-height: 1.3;
}

.BussinessHighNtTitle::after {
  content: "";
  position: absolute;
  top: calc((100% - 20px) / 2);
  right: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 10px 0 10px 10px;
  border-left-color: var(--color-accent);
}

.BussinessHighNtBody {
  padding: 32px 24px 32px 32px;
  flex: 1;
  background-color: #fff;
  height: 300px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.BussinessHighNtBody ul {
  list-style: none;
}

.BussinessHighNtBody ul li {
  display: block;
  margin: 32px 0;
}

.BussinessHighNtBody ul li h5 {
  margin: 0;
  padding-left: 12px;
  border-left: 4px solid var(--color-accent);
  color: var(--color-accent);
  font-size: 120%;
  line-height: 1;
}

.BussinessHighNtBody ul li p {
  margin-top: 12px;
  padding-left: 16px;
  color: #7f7f7f;
  font-size: 100%;
  line-height: 1;
}

.b-oldladder p {
    font-size: 18px;
    color: #737373;
    margin-bottom: 5px;
    margin-top: 5px;
}

@media screen and (max-width: 1024px) {
    .BussinessHighNtBody ul li p {
        margin-top: 6px;
        line-height: 1.3;
    }
    
    .BusinessHighTabNav ul li > h4 {
        font-size: 150%;
    }
    
    .b-oldladder p  {
        font-size: 16px;
    }
}


@media screen and (max-width: 768px) {
  .BussinessHighNt {
    margin-bottom: 24px;
  }
  .BussinessHighNtTitle {
    padding: 16px;
    width: 50px;
    height: 180px;
  }

  .BussinessHighNtTitle h4 {
    font-size: 100%;
  }

  .BussinessHighNtBody {
    padding: 16px 12px 16px 16px;
    height: 180px;
  }
  .BussinessHighNtBody ul li {
    margin: 16px 0;
  }

  .BussinessHighNtBody ul li h5 {
    margin-left: 6px;
    font-size: 100%;
  }
  .BussinessHighNtBody ul li p {
    margin-top: 6px;
    padding-left: 8px;
    font-size: 80%;
    line-height: 1.3;
  }
  .b-oldladder p {
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 2px;
    }
}

.BusinessHighCaseItem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  background-color: #fff;
  height: 540px;
}

.BusinessHighCaseImg {
  width: 100%;
}
.BusinessHighCaseImg > img {
  width: 100%;
  height: auto;
}

.BusinessHighCaseInner {
  position: relative;
  width: 100%;
  height: auto;
  padding: 48px 32px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.BusinessHighCaseSpiltImg {
  position: absolute;
  left: 50%;
  top: -20px;
  margin-left: -8px;
  width: 16px;
  height: 40px;
  z-index: 1;
  background-color: var(--color-accent-light);
}

.BusinessHighCaseInner > h5 {
  font-size: 150%;
  color: #333;
  font-weight: 400;
}
.BusinessHighCaseInner > h5 span {
  color: var(--color-accent);
}

.BusinessHighCaseInner > p {
  margin-top: 6px;
  font-size: 80%;
  color: #7f7f7f;
  line-height: 1.8;
}
.BusinessHighCaseInner .BusinessHighCaseItemLink {
  margin-top: 32px;
}
.BusinessHighCaseInner .BusinessHighCaseItemLink > a {
  display: flex;
  justify-content: center;
  align-items: center;

  text-decoration: none;
  color: #333;
}
.BusinessHighCaseInner .BusinessHighCaseItemLink > a > img {
  margin: 0 5px;
}
.BusinessHighCaseInner .BusinessHighCaseItemLink > a:hover {
  color: var(--color-accent);
}

@media screen and (max-width: 768px) {
  .BusinessHighCaseItem {
    height: auto;
  }

  .BusinessHighCaseInner {
    padding: 24px 16px 16px;
  }
  .BusinessHighCaseInner > h5 {
    font-size: 100%;
  }

  .BusinessHighCaseSpiltImg {
    margin-left: -4px;
    top: -10px;
    width: 8px;
    height: 20px;
  }

  .BusinessHighCaseInner .BusinessHighCaseItemLink {
    margin-top: 16px;
    font-size: 80%;
  }
}

.BusinessHighArea6InnerItem {
  height: 960px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 0 48px;
  background-color: rgba(0, 0, 0, 0.3);
}
.BusinessHighArea6InnerItem h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 200%;
  font-weight: 400;
  line-height: 1.3;
}

.BusinessHighArea6InnerItem .BusinessHighArea6InnerImg {
  width: 100%;
  margin: 24px auto;
  text-align: center;
}

.BusinessHighArea6InnerItem p {
  font-size: 80%;
  color: #fff;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 1024px) {
    .BusinessHighArea6InnerItem h4 {
        font-size: 150%;
    }	
}

@media screen and (max-width: 768px) {
  .BusinessHighArea6InnerItem {
    height: 220px;
    padding: 0;
  }

  .BusinessHighArea6InnerItem h4 {
    font-size: 120%;
  }
  .BusinessHighArea6InnerItem .BusinessHighArea6InnerImg {
    margin: 12px auto;
  }
  .BusinessHighArea6InnerItem .BusinessHighArea6InnerImg > img {
    width: 22px;
    height: auto;
  }
  .BusinessHighArea6InnerItem p {
    font-size: 80%;
  }
}

.BusinessHighArea3 {
  position: relative;
}

.BusinessHighTabNav {
  position: absolute;
  left: 0;
  width: 100%;
  top: -40px;
}

.BusinessHighTabNav ul {
  position: relative;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.BusinessHighTabNav ul li {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 160px;
}
.BusinessHighTabNav ul li > h4 {
  display: block;
  width: 100%;
  background-color: #F1F1F1;
  /* border-radius: 0px 0px 30px 0px; */
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 200%;
  color: #333;
  font-weight: 500;
  cursor: pointer;
  background-image: none;
}
.BusinessHighTabNav ul li.actived > h4,
.BusinessHighTabNav ul li > h4:hover {
  background-color: var(--color-accent-light);
  color: #fff;
}
.BusinessHighTabNav ul li .BusinessHighTabNavImg {
  display: none;
}
.BusinessHighTabNav ul li.actived .BusinessHighTabNavImg {
  display: block;
}


.BusinessHighTabContent {
  width: 100%;
}
.BusinessHighTabContent .BusinessHighTabContentItem {
  display: none;
}
.BusinessHighTabContent .BusinessHighTabContentItem.actived {
  display: block;
}

.BusinessHighTabContentInner {
  height: 960px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  padding: 120px 0;
}

.BusinessHighTabContentBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.BusinessHighTabContentTitle {
  position: relative;
  margin: 0;
  padding-left: 50px;
}

.BusinessHighTabContentTitle::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 70px;
  background-color: var(--color-accent-light);
}

.BusinessHighTabContentTitle h2 {
  margin: 0;
  font-size: 32px;
  color: #333;
  line-height: 40px;
  font-weight: 500;
  background-image: none;
  text-align: left;
}
.BusinessHighTabContentTitle h3 {
  margin: 0;
  font-size: 32px;
  color: #333;
  line-height: 40px;
  font-weight: 500;
  background-image: none;
  text-align: left;
}

.BusinessHighTabContentTitle p {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  text-align: left;
}

.BusinessHighTabContentArea1 {
  width: 900px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255,255,255, 0.1));
}

.BusinessHighTabContentArea1 ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 80px 48px;
}

.BusinessHighTabContentArea1 ul li {
  width: 33.3%;
  padding-left: 32px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.BusinessHighTabContentArea1 ul li.no-border-bottom {
  border-bottom: 0;
}
.BusinessHighTabContentArea1 ul li.no-border-right {
  border-right: 0;
}

.BusinessHighTabContentArea1 ul li > h4 {
  color: var(--color-accent);
  font-size: 100%;
  font-weight: 400;
  background-image: none;
}
.BusinessHighTabContentArea1 ul li > h4 strong {
  font-size: 32px;
  font-weight: 500;
  color: var(--color-accent);
}

.BusinessHighTabContentArea1 ul li > p {
  color: #333;
  font-size: 16px;
}

.BusinessHighTabContentCol {
  width: 100%;
  position: relative;
  height: auto;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.BusinessHighTabContentVideo {
  position: relative;
}
.BusinessHighTabContentVideo > img {
  width: 100%;
  height: 100%;
}

.BusinessHighTabContentVideo .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -44px;
  margin-top: -44px;
}
.BusinessHighTabContentVideoFoot {
  padding: 16px 0;
  text-align: center;
  font-size: 100%;
  background-color: #e5e5e5;
}

ul.BusinessHighTabContentArea2 {
  list-style: none;
  display: flex;
  flex-direction: column;
  width: 520px;
  margin-left: 48px;
}

ul.BusinessHighTabContentArea2 li {
  margin-bottom: 32px;
}
ul.BusinessHighTabContentArea2 li:last-child {
  margin-bottom: 0;
}
ul.BusinessHighTabContentArea2 li > h4 {
  margin: 0;
  padding-left: 32px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 120%;
  background-image: none;
  background: linear-gradient(to right, rgba(177,0,14,1), 25%, rgba(177,0,14,0)), 100%;
}
ul.BusinessHighTabContentArea2 li > p {
  color: #fff;
  line-height: 1.5;
  margin-top: 12px;
  padding-left: 32px;
  text-shadow: 0 0 5px rgba(0,0,0,.6);
}

a.BusinessHighTabContentLink,
a.BusinessHighTabContentLink:visited {
  width: 128px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  font-size: 100%;
}
a.BusinessHighTabContentLink:hover {
  background-color: var(--color-accent-light);
  border-color: var(--color-accent-light);
}

a.BusinessHighTabContentLink2,
a.BusinessHighTabContentLink2:visited {
  width: 128px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  color: var(--color-accent-light);
  border: 1px solid var(--color-accent-light);
  font-size: 100%;
}
a.BusinessHighTabContentLink2:hover {
  color: #fff;
  background-color: var(--color-accent-light);
  border-color: var(--color-accent-light);
}

@media screen and (max-width: 1024px) {
    ul.BusinessHighTabContentArea2 li > h4 {
        padding-left: 24px;
        height: 48px;
        line-height: 48px;
    }
    
    ul.BusinessHighTabContentArea2 li > p {
        padding-left: 24px;
    }
}

@media screen and (max-width: 768px) {
  .BusinessHighTabNav {
    top: -20px;
  }

  .BusinessHighTabNav ul li {
    height: 60px;
  }
  .BusinessHighTabNav ul li > h4 {
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 80%;
    font-weight: 400;
  }

  .BusinessHighTabNav ul li .BusinessHighTabNavImg > img {
    width: 16px;
    height: 16px;
  }

  .BusinessHighTabContentInner {
    height: auto;
    padding: 32px 0;
  }

  .BusinessHighTabContentInner > p {
    width: 100%;
    font-size: 80%;
    text-align: center;
  }

  .BusinessHighTabContentTitle {
    padding-left: 16px;
  }

  .BusinessHighTabContentTitle::before {
    top: 3px;
    width: 5px;
    height: 35px;
  }

  .BusinessHighTabContentTitle h2 {
    font-size: 120%;
    line-height: 20px;
    margin: 0;
  }

  .BusinessHighTabContentTitle h3 {
    font-size: 100%;
    line-height: 20px;
    margin: 0;
  }

  .BusinessHighTabContentArea1 {
    width: 100%;
    background: none;
    background-color: rgba(255, 255, 255, 0.5);
  }

  .BusinessHighTabContentArea1 ul {
    padding: 16px 8px;
  }

  .BusinessHighTabContentArea1 ul li {
    width: 45%;
    padding-left: 8px;
    height: 80px;
    border: 0;
    align-items: center;
  }
  .BusinessHighTabContentArea1 ul li > h4 {
    text-align: center;
    margin: 0;
    font-size: 80%;
  }
  .BusinessHighTabContentArea1 ul li > h4 strong {
    font-size: 180%;
  }
  .BusinessHighTabContentArea1 ul li > p {
    text-align: center;
    font-size: 14px;
  }

  .BusinessHighTabContentCol {
    flex-direction: column;
  }

  .BusinessHighTabContentArea2 > p {
    font-size: 80%;
  }

  ul.BusinessHighTabContentArea2 {
    margin-top: 32px;
    margin-left: 0;
    width: 100%;
  }
  ul.BusinessHighTabContentArea2 li {
    margin-bottom: 16px;
  }
  ul.BusinessHighTabContentArea2 li > h4 {
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    font-size: 100%;
  }
  ul.BusinessHighTabContentArea2 li > p {
    font-size: 80%;
    padding-left: 16px;
  }

  .BusinessHighTabContentArea3 .BusinessHighTabContentVideo,
  .BusinessHighTabContentArea4 .BusinessHighTabContentVideo,
  .BusinessHighTabContentArea5 .BusinessHighTabContentVideo {
    margin-top: 32px;
  }

  a.BusinessHighTabContentLink, a.BusinessHighTabContentLink:visited {
    padding: 5px 10px;
    width: 100px;
    font-size: 80%;
  }
  a.BusinessHighTabContentLink > img {
    width: 16px;
    height: auto;
  }
}


.BusinessHighTabContentVideo1 {
    position: relative;
    width: 640px;
    height: 360px;
}

.BusinessHighTabContentVideo2,
.BusinessHighTabContentVideo3 {
    position: relative;
    width: 580px;
    height: 327px;
}

@media screen and (max-width: 768px) {
    .BusinessHighTabContentVideo1 {
        width: 320px;
        height: 180px;
    }

    .BusinessHighTabContentVideo2,
    .BusinessHighTabContentVideo3 {
        width: 290px;
        height: 164px;
    }
}


.OBTabNav {
  margin: 32px auto 0 auto;
}
.OBTabNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.OBTabNav ul li {
  cursor: pointer;
  margin: 0 48px;
  padding: 16px 0;
  font-size: 150%;
  color: #333;
  font-weight: 400;
  border-bottom: 5px solid rgba(0,0,0,0);
}
.OBTabNav ul li:hover,
.OBTabNav ul li.actived {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.OBTabContentItem {
  display: none;
}
.OBTabContentItem.actived {
  display: block;
}

.OBTabContentInner {
  padding: 120px 0;
}
.OBTabContentInner > p {
  margin: 0 auto;
  width: 60%;
  font-size: 80%;
  line-height: 2;
  color: #333;
  text-align: center;
}

.OBTabContentInner .AboutJobFlowTitle {
  display: block;
  position: relative;
  margin: 56px auto 0 auto;
  padding: 0;
  font-size: 120%;
  font-weight: 500;
  color: #b1000e;
  line-height: 2;
  text-align: center;
  width: 540px;
}

.OBTabContentInner .AboutJobFlowTitle::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 19px;
  z-index: 1;
  background-color: #b3b3b3;
  width: 170px;
  height: 1px;
}

.OBTabContentInner .AboutJobFlowTitle::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 19px;
  z-index: 1;
  background-color: #b3b3b3;
  width: 170px;
  height: 1px;
}

.OBTabContentInner .AboutJobFlowTitle2 {
  display: block;
  position: relative;
  margin: 0 auto 24px auto;
  padding: 0;
  font-size: 120%;
  font-weight: 500;
  color: #b1000e;
  line-height: 1;
  text-align: center;
}

.OBTabContentInner .AboutJobFlowImg {
  margin: 40px auto;
  text-align: center;
}
.OBTabContentInner .AboutJobFlowTips {
  color: #737373;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .AboutJobArea2 .FCol-White-Bg {
    background-color: #f2f2f2;
  }
  .OBTabNav ul li {
    margin: 0 24px;
    padding: 0 0 8px 0;
    font-size: 100%;
    border-width: 2px;
    border-color: #f2f2f2;
    text-align: center;
    line-height: 1.3;
  }

  .OBTabContentInner {
    padding: 24px 0;
  }

  .OBTabContentInner > p {
    width: 100%;
    font-size: 80%;
    text-align: left;
  }

  .OBTabContentInner .AboutJobFlowTitle {
    margin: 32px auto 32px auto;
    width: 300px;
    font-size: 100%;
  }
  .OBTabContentInner .AboutJobFlowTitle2 {
    margin-bottom: 24px;
    font-size: 100%;
  }
  .OBTabContentInner .AboutJobFlowTitle::before,
  .OBTabContentInner .AboutJobFlowTitle::after {
    width: 100px;
  }

  .OBTabContentInner .AboutJobFlowImg {
    margin: 20px auto;
  }
  .OBTabContentInner .AboutJobFlowImg > img {
    max-width: 100%;
    height: auto;
  }
}

.OBTabInner1Title {
  background-color: rgba(255, 255, 255, 0.5);
}
.OBTabInner1Title > p {
  height: 178px;
  line-height: 178px;
  font-size: 150%;
  color: #333;
  text-align: center;
}

.OBTabInner1Content {
  width: 100%;
  height: 500px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.OBTabInner1Content > ul {
  list-style: none;
  padding: 120px 80px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.OBTabInner1Content > ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.OBTabInner1Content > ul li > p {
  margin-top: 12px;
}

@media screen and (max-width: 1024px) {
	.OBTabInner1Title > p {
	    height: 128px;
	    line-height: 128px;
	    font-size: 120%;
	}
}


@media screen and (max-width: 768px) {
  .OBTabInner1Title {
    padding: 16px 12px;
  }
  .OBTabInner1Title > p {
    height: auto;
    line-height: 1.8;
    text-align: left;
    font-size: 100%;
  }

  .OBTabInner1Content {
    height: 250px;
  }

  .OBTabInner1Content > ul {
    padding: 30px 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .OBTabInner1Content > ul li {
    align-items: center;
    padding: 10px;
  }

  .OBTabInner1Content > ul li > img {
    width: 25px;
    height: auto;
  }
  .OBTabInner1Content > ul li > p {
    margin-top: 4px;
    font-size: 50%;
  }

  .OBTabInner1Content > ul li.arrow > img {
    width: 7px;
  }
}

.OBTabInner3Title {
  height: 178px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.OBTabInner3Title > h3 {
  font-size: 150%;
  color: #333;
  text-align: center;
  font-weight: 400;
  background-image: none;
}

.OBTabInner3Title > p {
  font-size: 100%;
  color: #333;
  text-align: center;
}

.OBTabInner3 {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}