@charset "utf-8";
@import url('global.css');
@import url('index.css');
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html,
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul,
li {
  list-style: none;
}
.company-flex-space-pc {
  display: flex;
  justify-content: space-between;
}
.swiper-pagination {
  z-index: 3;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  margin: 0 10px !important;
  border-radius: 0;
}
.swiper-pagination-bullet-active {
  background: #fdc532;
}
.black .swiper-pagination-bullet {
  background: #000;
}
.black .swiper-pagination-bullet-active {
  background: #fdc532;
}
.swiper-button-next.black {
  background-image: url(/img/index/swiper-arrow-next-black.png);
  right: 10px;
  left: auto;
  width: 10px;
  height: 10px;
}
.swiper-button-prev.black {
  background-image: url(/img/index/swiper-arrow-prev-black.png);
  left: 10px;
  right: auto;
  width: 10px;
  height: 10px;
}
.smask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
}
.mrr-wrap {
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
}
.companyTop {
  position: relative;
  line-height: 0;
  margin: 0 auto;
  background: #f4c624;
  margin-top: 5.5vw;
  display: flex;
  justify-content: center;
}
.companyTop .companyBanner {
  width: 100%;
  max-width: 1920px;
}
.companyTop .newwrap {
  position: absolute;
  top: 36%;
  left: 0;
  width: 100%;
}
.companyTop .newwrap .KV_text {
  margin: 0 auto;
  width: 1180px;
}
.companyTop .newwrap .KV_text h2 {
  font-size: 50px;
  font-weight: 600;
}
.GovernanceBack {
  background: url('/img/index/service-bg.png') repeat;
}
.GovernanceBack.gray {
  background: #f1f1f1;
}
.aboutusBack {
  background: url('/company/images/bg-aboutus-top1.jpg') no-repeat;
  background-size: cover;
}
.aboutusBack .title {
  color: #fff;
}
.globalSolutionsBack {
  background: url('/company/images/bg-aboutus-top2.jpg') no-repeat;
  background-size: 100% 100%;
}
.visionStrengthBack {
  background: url('/company/images/bg-aboutus-top3.jpg') no-repeat;
  background-size: cover;
}
.lowCarbonBack {
  background: url('/company/images/bg-aboutus-top4.jpg') no-repeat;
  background-size: cover;
}
.beautifulWorldBack {
  background: url('/company/images/bg-aboutus-top5.jpg') no-repeat;
  background-size: cover;
}
.historyBack {
  background: url('/company/images/bg-history-top1.jpg') no-repeat;
  background-size: cover;
}
.historypPartnerBack {
  background: url('/company/images/bg-history-top2.jpg') no-repeat;
  background-size: cover;
}
.catinchinaBack {
  background: url('/img/index/service-bg.png') repeat;
}
.catinchinaBack.gray {
  background: #f1f1f1;
}
.sponsorBack {
  background: url('/img/index/service-bg.png') repeat;
}
.catinchinaProduct {
  background: #f1f1f1;
}
.catinchinaProduct.FactoryBack {
  background: url('/company/images/bg-catinchinaFactory-top1.jpg') no-repeat right top;
  background-size: cover;
}
.catinchinaServices {
  background: url('/company/images/bg-catinchina-top1.jpg') no-repeat right top;
}
.catinchinaInfo {
  background: url('/company/images/bg-catinchina-top2.jpg') no-repeat right top;
}
.behaviorBack {
  background: url('/img/index/service-bg.png') repeat;
}
.behaviorBack2 {
  background: url('/company/images/bg-behavior-top1.jpg') no-repeat right top;
  background-size: 100% auto;
}
.developmentBack {
  background: url('/img/index/service-bg.png') repeat;
}
.developmentBack2 {
  background: url('/company/images/bg-development-top1.jpg') no-repeat right top;
  background-size: 100% auto;
}
.factoryBack {
  background: url('/img/index/service-bg.png') repeat;
}
.factoryBack2 {
  background: url('/company/images/bg-factory-top1.jpg') no-repeat right top;
}
.businessBack {
  background: url('/img/index/service-bg.png') repeat;
}
.businessBack2 {
  background: url('/company/images/bg-factory-top1.jpg') no-repeat right top;
  background-size: 100% auto;
}
.innovateBack {
  background: url('/img/index/service-bg.png') repeat;
}
.foundationBack {
  background: url('/img/index/service-bg.png') repeat;
}
.foundationBack2 {
  background: #f1f1f1;
}
.agentBack {
  background: url('/img/index/service-bg.png') repeat;
}
.strategypurposeBack {
  background: url('/img/index/service-bg.png') repeat;
}
.strategypurposeBack .strategyMain {
  flex-direction: row-reverse;
}
.strategypurposeBack:nth-child(2n) {
  background: #f1f1f1;
}
.strategypurposeBack:nth-child(2n) .strategyMain {
  flex-direction: row;
}
.productsBack {
  background: url('/img/index/service-bg.png') repeat;
}
.productsBack2 {
  background: #f1f1f1;
}
.productsBack3 {
  background: url('/company/images/bg-products-top1.jpg') no-repeat center center;
  background-size: cover;
}
.productsBack4 {
  background: url('/img/index/service-bg.png') repeat;
}
.serviceBack {
  background: url('/img/index/service-bg.png') repeat;
}
.serviceBack2 {
  background: url('/company/images/bg-service-top1.jpg') no-repeat center center;
  background-size: cover;
}
.aboutusPrice {
  position: relative;
  line-height: 0;
}
.aboutusPrice img {
  width: 100%;
}
.aboutusPrice .aboutusPriceText {
  position: absolute;
  width: 1180px;
  margin: 0 auto;
  padding: 50px 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.aboutusPrice .aboutusPriceText h2 {
  font-size: 28px;
  line-height: 1.75em;
  padding: 25px 0;
}
.aboutusPrice .aboutusPriceText h3 {
  font-size: 24px;
  line-height: 1.75em;
  margin-bottom: 20px;
  background: url(/company/images/bg-beautifulWorld-title.png) no-repeat left top;
  padding-left: 14px;
}
.aboutusPrice .aboutusPriceText h4 {
  font-size: 26px;
  line-height: 1.75em;
  padding-left: 14px;
  font-weight: normal;
}
.not-arrow .companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText img {
  display: none;
}
.companyMain {
  width: 1180px;
  margin: 0 auto;
  padding: 50px 0;
}
.companyMain h2 {
  text-align: center;
  font-size: 28px;
  line-height: 1.75em;
  padding: 35px 0 25px;
}
.companyMain h2.white {
  color: #fff;
}
.companyMain h3 {
  text-align: center;
  font-size: 24px;
  line-height: 1.75em;
  padding: 35px 0 25px;
}
.companyMain .companyDes {
  text-align: center;
  font-size: 18px;
  line-height: 1.75em;
  margin: 0 0 25px;
}
.companyMain .companyDes.white {
  color: #fff;
}
.companyMain .companyDes.txtleft {
  text-align: left;
}
.companyMain .companyDes a.link {
  color: #2679b8;
}
.companyMain .companySceTitle {
  text-align: center;
  font-size: 20px;
  line-height: 1.75em;
  margin: 0 0 25px;
  background: url('/company/images/bg-aboutus-text-1.png') no-repeat center center;
  font-weight: bold;
}
.companyMain .companySceTitle.noback {
  background: none;
}
.companyMain .bottomCenter {
  text-align: center;
  margin: 0 auto;
}
.companyMain .btnBlack {
  padding: 10px 35px 10px 21px;
  font-size: 14px;
  color: #fff;
  background: #000;
  position: relative;
  margin-top: 20px;
  margin-right: 20px;
  transition: all 0.5s;
  display: inline-block;
}
.companyMain .btnBlack::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 11px;
  height: 4.81px;
  background: url(/img/index/more-arrow-white.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
}
.companyMain .btnBlack.nomargin {
  margin: 0;
}
.companyMain .aboutUsList {
  margin-bottom: 25px;
}
.companyMain .aboutUsList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.companyMain .aboutUsList ul li {
  text-align: center;
  width: 12.5%;
}
.companyMain .aboutUsList ul li h3 {
  text-align: center;
  color: #000;
  font-size: 18px;
  padding: 0;
}
.companyMain .aboutUsList ul li h3 span {
  color: #000;
  font-size: 14px;
}
.companyMain .aboutUsList ul li p {
  text-align: center;
  color: #000;
  font-size: 12px;
}
.companyMain .aboutUsList ul li img {
  width: 77px;
}
.companyMain .bgCompanyMainList {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: url('/company/images/bg-companyMainList.png');
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.companyMain .companyMainTwo {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .companyMainTwo .companyMainTwoList {
  width: calc(50% - 20px);
  margin: 0 10px 0;
  display: inline-block;
  position: relative;
}
.companyMain .companyMainTwo .companyMainTwoList img {
  width: 100%;
}
.companyMain .companyMainTwo .companyMainTwoList p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  z-index: 3;
}
.companyMain .companyMainTwo .companyMainTwoList p.black {
  color: #000;
}
.companyMain .companyMainFour {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .companyMainFour .companyMainFourList {
  width: calc(25% - 20px);
  margin: 0 10px 0;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}
.companyMain .companyMainFour .companyMainFourList img {
  width: 100%;
}
.companyMain .companyMainFour .companyMainFourList p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  z-index: 3;
}
.companyMain #solutionProvider {
  padding-bottom: 20px;
}
.companyMain #solutionProvider .proCoverageBg .companyDes {
  color: #fff;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv {
  background: url('/company/images/bg-color-white-2.png') left top repeat-y;
  background-size: 100% 100%;
  padding: 10px 20px;
  text-align: center;
  margin: 0 10px 10px;
  width: calc(50% - 20px);
  border-left: 3px solid #ffcc00;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivTitle {
  color: #fff;
  font-size: 16px;
  text-align: left;
  margin-bottom: 6px;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivDes {
  color: #fff;
  font-size: 12px;
  text-align: left;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul {
  display: flex;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul li {
  margin-right: 5px;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul li img {
  height: 40px;
}
.companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul li p {
  color: #fff;
  font-size: 12px;
}
.companyMain #solutionProvider .efficientSer {
  background: url('/company/images/bg-color-white.png') left top repeat-y;
  background-size: 100% 100%;
  padding: 20px;
}
.companyMain #solutionProvider .efficientSer .companyDes {
  color: #fff;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv {
  display: flex;
  flex-wrap: nowrap;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv .map {
  width: 62%;
  margin-right: 20px;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv .map img {
  width: 100%;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText {
  width: calc(38% - 20px);
  margin: auto 0;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText p {
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding-left: 10px;
  padding-bottom: 18px;
  border-left: 3px solid #ffcc00;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText p span {
  color: #ffcc00;
  font-size: 16px;
  font-weight: bold;
}
.companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText p:last-child {
  padding-left: 10px;
  padding-bottom: 0;
}
.companyMain #solutionProvider .swiper-pagination-bullets {
  bottom: 0;
}
.companyMain #globalSolutions {
  padding: 0 50px 50px;
  position: relative;
}
.companyMain #globalSolutions .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.companyMain #globalSolutions .swiper-button-next,
.companyMain #globalSolutions .swiper-button-prev {
  width: 30px;
  height: 58px;
  top: 40%;
}
.companyMain #globalSolutions .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.companyMain #globalSolutions .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px !important;
  border-radius: 0;
}
.companyMain .visionStrengthCharacteristic {
  display: flex;
  margin: 0 0 25px;
}
.companyMain .visionStrengthCharacteristic li {
  width: calc(20% - 20px);
  margin: 0 10px;
  font-size: 14px;
}
.companyMain .visionStrengthCharacteristic li.flexible {
  position: relative;
  padding-left: 36.5px;
}
.companyMain .visionStrengthCharacteristic li.flexible::before {
  content: '';
  display: block;
  background: url('/company/images/icon-aboutus-1.png') left top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 26.5px;
  height: 30.5px;
  transform: translateY(-50%);
}
.companyMain .visionStrengthCharacteristic li.power {
  position: relative;
  padding-left: 43px;
}
.companyMain .visionStrengthCharacteristic li.power::before {
  content: '';
  display: block;
  background: url('/company/images/icon-aboutus-2.png') left top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 33px;
  height: 29.5px;
  transform: translateY(-50%);
}
.companyMain .visionStrengthCharacteristic li.technique {
  position: relative;
  padding-left: 42px;
}
.companyMain .visionStrengthCharacteristic li.technique::before {
  content: '';
  display: block;
  background: url('/company/images/icon-aboutus-3.png') left top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 29.5px;
  transform: translateY(-50%);
}
.companyMain .visionStrengthCharacteristic li.make {
  position: relative;
  padding-left: 39.5px;
}
.companyMain .visionStrengthCharacteristic li.make::before {
  content: '';
  display: block;
  background: url('/company/images/icon-aboutus-4.png') left top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 29.5px;
  height: 30px;
  transform: translateY(-50%);
}
.companyMain .visionStrengthCharacteristic li.drive {
  position: relative;
  padding-left: 45.5px;
}
.companyMain .visionStrengthCharacteristic li.drive::before {
  content: '';
  display: block;
  background: url('/company/images/icon-aboutus-5.png') left top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 35.5px;
  height: 26.5px;
  transform: translateY(-50%);
}
.companyMain .visionStrengtCases {
  display: flex;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex {
  width: calc(50% - 20px);
  margin: 0 10px;
  display: flex;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexImg {
  width: 30%;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexImg img {
  width: 100%;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText {
  width: calc(70% - 10px);
  margin-left: 10px;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText ul li {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0 0 0 15px;
  position: relative;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText ul li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background: #ffcc00;
  border-radius: 10px;
}
.companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText .note {
  font-size: 12px;
}
.companyMain #lowCarbo .companyDes {
  color: #fff;
}
.companyMain #lowCarbo .lowCarboPro {
  margin-bottom: 10px;
  display: flex;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProImg {
  width: 20%;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProImg img {
  width: 100%;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText {
  width: calc(80% - 10px);
  margin-left: 10px;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText ul {
  display: flex;
  margin: 20px 0;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li {
  width: 25%;
  padding: 0 10px;
  position: relative;
  font-size: 18px;
  color: #ffcc00;
  text-align: center;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li .note {
  color: #ffcc00;
  font-size: 12px;
  text-align: center;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url('/company/images/line-lowCarboProText.png') left top no-repeat;
  width: 1px;
  height: 60px;
  background-size: 100% 100%;
  opacity: 0.5;
  filter: alpha(opacity=60);
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li:last-child::after {
  background: none;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li span {
  font-size: 34px;
}
.companyMain #lowCarbo .lowCarboPro .lowCarboProText .note {
  color: #fff;
  font-size: 12px;
  text-align: right;
}
.companyMain #beautifulWorld .beautifulWorldDiv {
  display: flex;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText {
  width: calc(100% - 20px);
  margin: 10px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText h3 {
  text-align: left;
  background: url('/company/images/bg-beautifulWorld-title.png') no-repeat left top;
  margin: 35px 0 25px;
  padding: 0 0 0 50px;
  position: relative;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText h3.gou::before {
  content: "";
  display: block;
  background: url('/company/images/icon-beautifulWorld-title1.png') no-repeat left top;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText h3.ye::before {
  content: "";
  display: block;
  background: url('/company/images/icon-beautifulWorld-title2.png') no-repeat left top;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget {
  display: flex;
  flex-wrap: wrap;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #000;
  position: relative;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul {
  display: flex;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li {
  width: 33.333%;
  margin-right: 10px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li p {
  font-size: 14px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li p span {
  font-size: 22px;
  font-weight: bold;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li.w100 {
  width: 100%;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText:last-child {
  border: 0;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText .note {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 12px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR.HighlightTargetLeft {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR.HighlightTargetRight {
  width: 50%;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul {
  display: flex;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li {
  width: calc(50% - 20px);
  margin: 0 10px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .water {
  display: flex;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .water .HighlightTargetTextDiv {
  width: 50%;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li h4 {
  font-size: 18px;
  margin-bottom: 6px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li p {
  font-size: 14px;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li p.w100 {
  width: 100%;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li.w100 {
  width: 100%;
  margin: 0;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .HighlightTargetTextDiv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .HighlightTargetTextDiv span {
  font-size: 22px;
  font-weight: bold;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText.textCenter {
  text-align: center;
  position: relative;
}
.companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText.textCenter::before {
  content: '';
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 20px;
}
.companyMain .governanceMain .governanceMainTwo {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .governanceMain .governanceMainTwo .governanceMainTwoList {
  width: calc(50% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
}
.companyMain .governanceMain .governanceMainTwo .governanceMainTwoList img {
  width: 100%;
}
.companyMain .governanceMain .governanceMainTwo .governanceMainTwoList .governanceText {
  padding: 20px;
}
.companyMain .governanceMain .governanceMainTwo .governanceMainTwoList .governanceText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .governanceMain .governanceMainTwo .governanceMainTwoList .governanceText p {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .governanceMain .governanceMainFour {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .governanceMain .governanceMainFour .governanceMainFourList {
  width: calc(33.33% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
}
.companyMain .governanceMain .governanceMainFour .governanceMainFourList img {
  width: 100%;
}
.companyMain .governanceMain .governanceMainFour .governanceMainFourList .governanceText {
  padding: 20px;
}
.companyMain .governanceMain .governanceMainFour .governanceMainFourList .governanceText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .governanceMain .governanceMainFour .governanceMainFourList .governanceText p {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .governanceMain .links {
  padding: 10px 35px 10px 21px;
  font-size: 14px;
  color: black;
  background: #fdc532;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  transition: all 0.5s;
}
.companyMain .governanceMain .links.white {
  color: #fff;
  background: #000;
}
.companyMain .governanceMain .links.white::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 11px;
  height: 4.8125px;
  background: url(../../img/index/more-arrow-white.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
}
.companyMain .governanceMain .links.shot {
  padding: 17px;
}
.companyMain .governanceMain .links.shot::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 11px;
  height: 4.8125px;
  background: url(../../img/index/more-arrow-white.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
}
.companyMain .historyImg .historyImgTop ul {
  display: flex;
  flex-wrap: wrap;
}
.companyMain .historyImg .historyImgTop ul li {
  border-left: 1px solid #000;
  width: 16.6%;
}
.companyMain .historyImg .historyImgTop ul li h3 {
  background: #000;
  font-size: 18px;
  padding: 5px 10px;
  color: #ffcc00;
  display: inline-block;
}
.companyMain .historyImg .historyImgTop ul li p {
  font-size: 12px;
  color: #1f0700;
  margin: 22px 12px;
  height: 60px;
}
.companyMain .historyImg .historyImgMiddle img {
  width: 100%;
}
.companyMain .historyImg .historyImgBottom ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.companyMain .historyImg .historyImgBottom ul li {
  border-left: 1px solid #000;
  width: 16.6%;
}
.companyMain .historyImg .historyImgBottom ul li h3 {
  background: #000;
  font-size: 18px;
  padding: 5px 10px;
  color: #ffcc00;
  display: inline-block;
}
.companyMain .historyImg .historyImgBottom ul li p {
  font-size: 12px;
  color: #1f0700;
  margin: 22px 12px;
  height: 60px;
}
.companyMain .historyRankingIncrease {
  display: flex;
}
.companyMain .historyRankingIncrease .historyRanking {
  width: 66%;
  margin-right: 1%;
}
.companyMain .historyRankingIncrease .historyRanking ul {
  display: flex;
  flex-wrap: wrap;
}
.companyMain .historyRankingIncrease .historyRanking ul li {
  width: calc(50% - 20px);
  margin: 20px 10px;
}
.companyMain .historyRankingIncrease .historyRanking ul li h3 {
  color: #ffcc00;
  font-size: 22px;
  padding: 0;
  text-align: left;
  line-height: 22px;
}
.companyMain .historyRankingIncrease .historyRanking ul li p {
  padding: 12px 12px;
  font-size: 16px;
  background: url('/company/images/bg-beautifulWorld-title.png') left top no-repeat;
  background-size: 100% 100%;
}
.companyMain .historyRankingIncrease .historyRanking ul li p sup {
  font-size: 12px;
}
.companyMain .historyRankingIncrease .historyRanking ul li p .note {
  font-size: 12px;
}
.companyMain .historyRankingIncrease .historyIncrease {
  width: 33%;
}
.companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText {
  width: 100%;
  margin: 20px 0;
  border: 1px solid #ffcc00;
  background: rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 20px 18px;
  color: #fff;
  font-size: 16px;
}
.companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText p {
  color: #fff;
  font-size: 16px;
}
.companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText p sup {
  color: #fff;
  font-size: 12px;
}
.companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText span {
  color: #ffcc00;
  font-size: 22px;
}
.companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText .historyIncreaseDiv {
  position: absolute;
  right: 0;
  top: -60px;
}
.companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText.between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.companyMain .noteDiv .note {
  color: #ffcc00;
  font-size: 14px;
}
.companyMain .noteDiv .note sup {
  color: #ffcc00;
  font-size: 12px;
}
.companyMain .catinchinaVideo .video-container {
  position: relative;
}
.companyMain .catinchinaVideo .video-container video {
  width: 100%;
  outline: none;
  object-fit: fill;
}
.companyMain .catinchinaVideo .video-container .paly-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  cursor: pointer;
}
.companyMain .product-list-box {
  display: flex;
}
.companyMain .product-list-box li {
  flex: 1;
  padding: 30px 25px;
  margin: 0 10px;
  display: flex;
  align-items: center;
  position: relative;
  background: #fff;
}
.companyMain .product-list-box li a {
  color: black;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  width: 100%;
}
.companyMain .product-list-box li h2 {
  font-size: 18px;
  padding: 25px 0 0;
  text-align: left;
}
.companyMain .product-list-box li h3 {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
}
.companyMain .product-list-box li span {
  display: inline-flex;
  margin-top: 20px;
  align-items: center;
  font-size: 14px;
}
.companyMain .product-list-box li span img {
  margin-right: 5px;
  transition: all 0.5s;
  width: 22px;
}
.companyMain .product-list-box li .product-img01 {
  width: 185px;
}
.companyMain .product-list-box li .product-img02 {
  width: 138px;
}
.companyMain .product-list-box li .product-img03 {
  width: 190px;
}
.companyMain .product-list-box li .mini_qrcode {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  z-index: 9;
}
.companyMain .product-list-box li .mini_qrcode img {
  width: 130px;
}
.companyMain .product-list-box li .mini_qrcode p {
  font-size: 14px;
  width: 100%;
  text-align: center;
}
.companyMain .product-list-box li .mini_qrcode.expand {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.companyMain .catinchinaServicesDiv h2 {
  text-align: left;
}
.companyMain .catinchinaServicesDiv p {
  font-size: 18px;
  line-height: 1.75em;
  margin: 0 0 25px;
  text-align: left;
}
.companyMain .catinchinaswiper1 {
  padding: 0 50px 50px;
  position: relative;
}
.companyMain .catinchinaswiper1 #catinchinaProductSwiper {
  padding-bottom: 3px;
  margin-top: 40px;
}
.companyMain .catinchinaswiper1 #catinchinaProductSwiper .swiper-wrapper .swiper-slide {
  background: #fff;
  height: auto;
  min-height: 100%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.companyMain .catinchinaswiper1 .catinchinaProductDiv {
  background: #fff;
}
.companyMain .catinchinaswiper1 .catinchinaProductDiv a {
  display: inline-block;
  width: 100%;
}
.companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivImg {
  width: 100%;
}
.companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText {
  padding: 10px;
}
.companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
}
.companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText img {
  display: inline-block;
  width: 22px;
}
.companyMain .catinchinaswiper1 .swiper-button-next,
.companyMain .catinchinaswiper1 .swiper-button-prev {
  width: 32px;
  height: 45px;
  top: 40%;
}
.companyMain .catinchinaswiper1 .swiper-button-prev {
  left: 0;
  background: url(/redesign/img/company/swiper-arrow-prev.png);
  background-size: cover;
}
.companyMain .catinchinaswiper1 .swiper-button-next {
  right: 0;
  background: url(/redesign/img/company/swiper-arrow-next.png);
  background-size: cover;
}
.companyMain .catinchinaswiper1 .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
.companyMain .catinchinaswiper1 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px !important;
  background-color: #D9D9D9;
  border-radius: 50%;
}
.companyMain .catinchinaswiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFCD11;
}
.companyMain .catinchinaInfoDiv {
  width: 50%;
}
.companyMain .catinchinaInfoDiv h2 {
  text-align: left;
}
.companyMain .catinchinaInfoDiv p {
  font-size: 18px;
  line-height: 1.75em;
  margin: 0 0 25px;
  text-align: left;
}
.companyMain .sponsorMain {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .sponsorMain .sponsorMainList {
  width: calc(50% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
}
.companyMain .sponsorMain .sponsorMainList img {
  width: 100%;
}
.companyMain .sponsorMain .sponsorMainList .sponsorText {
  padding: 20px;
}
.companyMain .sponsorMain .sponsorMainList .sponsorText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .sponsorMain .sponsorMainList .sponsorText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .behaviorTop {
  display: flex;
}
.companyMain .behaviorTop .behaviorTopLeft {
  width: 75%;
  margin-right: 10%;
}
.companyMain .behaviorTop .behaviorTopRight {
  width: 15%;
}
.companyMain .behaviorTop .behaviorTopRight img {
  width: 100%;
}
.companyMain .behaviorDiv {
  margin-top: 25px;
}
.companyMain .behaviorDiv .behaviorMain {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .behaviorDiv .behaviorMain .behaviorMainList {
  width: calc(33.333% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
}
.companyMain .behaviorDiv .behaviorMain .behaviorMainList .behaviorText {
  padding: 20px 18px;
}
.companyMain .behaviorDiv .behaviorMain .behaviorMainList .behaviorText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .behaviorDiv .behaviorMain .behaviorMainList .behaviorText p {
  font-size: 14px;
  line-height: 1.75em;
}
.companyMain .behaviorMainTwo {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .behaviorMainTwo .behaviorText {
  width: calc(50% - 20px);
  margin: 0 10px;
  background: #fff;
  padding: 20px 18px;
  position: relative;
}
.companyMain .behaviorMainTwo .behaviorText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .behaviorMainTwo .behaviorText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .behaviorMainTwo .behaviorText a {
  display: inline-block;
}
.companyMain .behaviorMainTwo .behaviorText a img {
  width: 22px;
}
.companyMain .behaviorMainTwo .behaviorText::before {
  content: '';
  display: block;
  height: 24px;
  width: 3px;
  background: #ffcc00;
  position: absolute;
  left: 0;
  top: 24px;
}
.companyMain .developmentMain {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .developmentMain.developmentMain2 .developmentMainList {
  width: calc(50% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 10px;
}
.companyMain .developmentMain.developmentMain3 .developmentMainList {
  width: calc(33.333% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 10px;
  background: #fff;
}
.companyMain .developmentMain .developmentMainList img {
  width: 100%;
}
.companyMain .developmentMain .developmentMainList .developmentText {
  padding: 20px 18px;
}
.companyMain .developmentMain .developmentMainList .developmentText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .developmentMain .developmentMainList .developmentText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .developmentMain .developmentMainList .developmentText a {
  display: inline-block;
}
.companyMain .developmentMain .developmentMainList .developmentText a img {
  width: 22px;
}
.companyMain .factoryMain {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .factoryMain .factoryTextImg {
  width: calc(100% - 20px);
  margin: 0 10px;
  display: flex;
  padding: 20px 0 0 0;
}
.companyMain .factoryMain .factoryTextImg .factoryTextImgDiv {
  margin: 0 10px;
}
.companyMain .factoryMain .factoryTextImg .factoryTextImgDiv img {
  width: 100%;
}
.companyMain .factoryMain .factoryTextImg .factoryTextImgDiv.center {
  text-align: center;
  margin: 0 auto;
}
.companyMain .factoryMain .factoryTextImg.ptpb20 {
  padding: 0 0 20px 0;
}
.companyMain .factoryMain .factoryMainList {
  width: calc(50% - 20px);
  margin: 0 10px;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
  background: #fff;
}
.companyMain .factoryMain .factoryMainList.noborder {
  border: 0;
  background: none;
}
.companyMain .factoryMain .factoryMainList.w100 {
  width: calc(100% - 20px);
}
.companyMain .factoryMain .factoryMainList.flex {
  display: flex;
}
.companyMain .factoryMain .factoryMainList .news-video {
  padding: 0 18px 20px;
  position: relative;
}
.companyMain .factoryMain .factoryMainList .news-video video {
  width: 100%;
  margin: 0 auto;
  object-fit: fill;
  display: block;
}
.companyMain .factoryMain .factoryMainList .news-video .play_video {
  width: 88px;
  height: 88px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.companyMain .factoryMain .factoryMainList .factoryText {
  padding: 20px 18px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .factoryMain .factoryMainList .factoryText.block {
  display: block;
}
.companyMain .factoryMain .factoryMainList .factoryText.w50 {
  width: calc(50% - 20px);
  margin: 0 10px;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryTextImgDiv {
  margin: 0 0 20px 0;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryTextImgDiv img {
  width: 100%;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryTextImgDiv.center {
  text-align: center;
  margin: 0 auto;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryLeft {
  width: calc(70% - 20px);
  margin: 0 10px;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryRight {
  width: calc(30% - 20px);
  margin: 0 10px;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryRight img {
  width: 100%;
}
.companyMain .factoryMain .factoryMainList .factoryText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .factoryMain .factoryMainList .factoryText h4.center {
  text-align: center;
  margin: 0 auto;
}
.companyMain .factoryMain .factoryMainList .factoryText p {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .factoryMain .factoryMainList .factoryText .factoryImg img {
  width: 100%;
}
.companyMain .factoryList h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .factoryList li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .factoryList li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .businessMain {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .businessMain .businessMainList {
  width: calc(33.3333% - 20px);
  margin: 0 10px;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
  background: #fff;
  padding: 20px 18px;
}
.companyMain .businessMain .businessMainList h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .businessMain .businessMainList .bussinessCountry {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .businessMain .businessMainList .bussinessCountry ul {
  width: calc(33.3333% - 20px);
  margin: 0 10px;
}
.companyMain .businessMain .businessMainList .bussinessCountry ul.w44 {
  width: calc(44% - 20px);
}
.companyMain .businessMain .businessMainList .bussinessCountry ul.w28 {
  width: calc(28% - 20px);
}
.companyMain .businessMain .businessMainList .bussinessCountry ul li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .businessMain .businessMainList .bussinessCountry ul li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .businessMain .businessMainList .bussinessCountry ul li a {
  color: #000;
  text-decoration: underline;
}
.companyMain .businessMainTwo {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .businessMainTwo .businessText {
  width: calc(50% - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
  background: #fff;
  padding: 20px 18px;
  position: relative;
}
.companyMain .businessMainTwo .businessText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .businessMainTwo .businessText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .businessMainTwo .businessText::before {
  content: '';
  display: block;
  height: 24px;
  width: 3px;
  background: #ffcc00;
  position: absolute;
  left: 0;
  top: 24px;
}
.companyMain .innovateMain {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .innovateMain .innovateMainList {
  width: calc(33.333% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
  background: #fff;
}
.companyMain .innovateMain .innovateMainList img {
  width: 100%;
}
.companyMain .innovateMain .innovateMainList .innovateText {
  padding: 20px;
}
.companyMain .innovateMain .innovateMainList .innovateText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .innovateMain .innovateMainList .innovateText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .foundationMain {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.companyMain .foundationMain .foundationMainList {
  width: calc(33.333% - 20px);
  margin: 0 10px 0;
  border: 3px solid #ffcc00;
  margin-bottom: 20px;
  background: #f6efde;
}
.companyMain .foundationMain .foundationMainList.bgwhite {
  background: #fff;
}
.companyMain .foundationMain .foundationMainList img {
  width: 100%;
}
.companyMain .foundationMain .foundationMainList .foundationText {
  padding: 20px;
}
.companyMain .foundationMain .foundationMainList .foundationText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .foundationMain .foundationMainList .foundationText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .foundationMain .foundationMainList .foundationText ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .foundationMain .foundationMainList .foundationText ul.foundationMainLi1 li {
  width: calc(100% - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
}
.companyMain .foundationMain .foundationMainList .foundationText ul.foundationMainLi2 li {
  width: calc(50% - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
}
.companyMain .foundationMain .foundationMainList .foundationText ul li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .foundationMain .foundationMainList .foundationText ul li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .agentMainTwo {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .agentMainTwo .agentText {
  width: calc(50% - 20px);
  margin: 0 10px;
  margin-bottom: 20px;
  background: #fff;
  padding: 20px 18px;
  position: relative;
}
.companyMain .agentMainTwo .agentText.agentli {
  background: url(/company/images/bg-agent-1.jpg) no-repeat right top;
  background-size: cover;
}
.companyMain .agentMainTwo .agentText.agenthua {
  background: url(/company/images/bg-agent-2.jpg) no-repeat right top;
  background-size: cover;
}
.companyMain .agentMainTwo .agentText.agentxin {
  background: url(/company/images/bg-agent-3.jpg) no-repeat right top;
  background-size: cover;
}
.companyMain .agentMainTwo .agentText.agentyi {
  background: url(/company/images/bg-agent-4.jpg) no-repeat right top;
  background-size: cover;
}
.companyMain .agentMainTwo .agentText .l60 {
  width: 60%;
}
.companyMain .agentMainTwo .agentText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .agentMainTwo .agentText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .agentMainTwo .agentText::before {
  content: '';
  display: block;
  height: 24px;
  width: 3px;
  background: #ffcc00;
  position: absolute;
  left: 0;
  top: 24px;
}
.companyMain .strategyMain {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .strategyMain .strategyText {
  width: calc(50% - 20px);
  margin: 0 10px;
  margin-bottom: 20px;
  padding: 20px 18px;
}
.companyMain .strategyMain .strategyText h2 {
  text-align: left;
  padding-top: 0;
}
.companyMain .strategyMain .strategyText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .strategyMain .strategyText p {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .strategyMain .strategyImg {
  width: calc(50% - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
  padding: 20px 18px;
}
.companyMain .strategyMain .strategyImg img {
  width: 100%;
}
.companyMain .productsList {
  text-align: center;
}
.companyMain .productsList ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .productsList ul li {
  width: calc(25% - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
  border: 3px solid #ffcc00;
}
.companyMain .productsList ul li .proListImg img {
  width: 100%;
}
.companyMain .productsList ul li .proListText {
  padding: 20px 18px;
  background: #ffcc00;
}
.companyMain .productsList ul li .proListText h4 {
  font-size: 20px;
  line-height: 1.75em;
  text-align: center;
}
.companyMain .productsList ul li .proListText p {
  text-align: center;
}
.companyMain .productsList ul li .proListText p span {
  font-size: 14px;
  line-height: 1.75em;
  position: relative;
  padding: 0 5px;
}
.companyMain .productsList ul li .proListText p span::before {
  content: '';
  position: absolute;
  left: -100%;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px solid #cca300;
  width: 100%;
}
.companyMain .productsList ul li .proListText p span::after {
  content: '';
  position: absolute;
  right: -100%;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px solid #cca300;
  width: 100%;
}
.companyMain .goodProducts {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-bottom: 20px;
}
.companyMain .goodProducts .goodProductsImg {
  width: calc(40% - 60px);
  margin: 0 10px;
}
.companyMain .goodProducts .goodProductsImg img {
  width: 100%;
}
.companyMain .goodProducts .goodProductsText {
  width: calc(60% - 20px);
  margin: 0 10px;
}
.companyMain .goodProducts .goodProductsText h4 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.75em;
}
.companyMain .goodProducts .goodProductsText ul li {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .goodProducts .goodProductsText ul li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .goodProductsAdvantage {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList {
  width: calc(33.333% - 20px);
  margin: 0 10px;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border: 3px solid #ffcc00;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageLeft {
  width: 40%;
  background: url('/company/images/bg-products-top2.png') left top no-repeat;
  background-size: 100% 100%;
  padding: 20px 10px;
  height: 100%;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageLeft h4 {
  font-size: 20px;
  line-height: 1.75em;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageLeft h5 {
  font-size: 16px;
  line-height: 1.75em;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageRight {
  width: 60%;
  padding: 10px 10px;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageRight li {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageRight li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .efficient {
  padding: 0 50px 50px;
  position: relative;
}
.companyMain .efficient .swiper-slide {
  height: auto;
  min-height: 100%;
  border: 3px solid #ffcc00;
  background: #fff;
}
.companyMain .efficient .efficientProductDiv {
  padding: 20px;
}
.companyMain .efficient .efficientProductDiv .efficientProductImg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.companyMain .efficient .efficientProductDiv .efficientProductImg h4 {
  font-size: 20px;
  line-height: 1.75em;
}
.companyMain .efficient .efficientProductDiv .efficientProductImg img {
  width: 40%;
}
.companyMain .efficient .efficientProductDiv .efficientProductDivText ul li {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .efficient .efficientProductDiv .efficientProductDivText ul li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two li {
  width: calc(55% - 10px);
  margin: 0 5px;
}
.companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two li:nth-child(even) {
  width: calc(45% - 10px);
  margin: 0 5px;
}
.companyMain .efficient .efficientProductDiv .efficientProductDivText .note {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.75em;
}
.companyMain .efficient .swiper-button-next,
.companyMain .efficient .swiper-button-prev {
  width: 30px;
  height: 58px;
  top: 40%;
}
.companyMain .efficient .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
.companyMain .efficient .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px !important;
  border-radius: 0;
}
.companyMain .saveWorry {
  padding: 0 50px 50px;
  position: relative;
}
.companyMain .saveWorry .swiper-slide {
  height: auto;
  min-height: 100%;
  border: 3px solid #ffcc00;
  background: #fff;
}
.companyMain .saveWorry .saveWorryProductDiv {
  padding: 20px;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductImg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductImg h4 {
  font-size: 20px;
  line-height: 1.75em;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductImg img {
  width: 40%;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul li {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul.two {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul.two li {
  width: calc(50% - 10px);
  margin: 0 5px;
}
.companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText .note {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.75em;
}
.companyMain .saveWorry .swiper-button-next,
.companyMain .saveWorry .swiper-button-prev {
  width: 30px;
  height: 58px;
  top: 40%;
}
.companyMain .saveWorry .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
.companyMain .saveWorry .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px !important;
  border-radius: 0;
}
.companyMain .goodservice {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .goodservice .goodserviceDiv {
  width: calc(25% - 20px);
  margin: 0 10px;
  position: relative;
  background: #ffcc00;
  padding-top: 50px;
  margin-top: 100px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivImg {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivImg img {
  width: 125px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText {
  padding: 10px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivTitle {
  margin-bottom: 10px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivTitle h4 {
  font-size: 20px;
  line-height: 1.75em;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
  text-align: center;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivTitle p {
  font-size: 16px;
  line-height: 1.75em;
  text-align: center;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList {
  background: #fff;
  padding: 20px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList li {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList li a {
  color: #000;
  text-decoration: underline;
}
.companyMain .sellservice {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.companyMain .sellservice .sellserviceDiv {
  width: calc(50% - 20px);
  margin: 0 10px;
  background: #fff;
  margin-bottom: 20px;
  padding: 40px 0;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivText {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0 20px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextImg {
  width: 20%;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextImg img {
  width: 100%;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextTitle {
  width: calc(80% - 20px);
  margin: 0 10px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextTitle h4 {
  font-size: 20px;
  line-height: 1.75em;
  color: #ffcc00;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextTitle h5 {
  font-size: 18px;
  line-height: 1.75em;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList {
  padding: 0 20px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList p {
  font-size: 14px;
  line-height: 1.75em;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList ul {
  display: flex;
  flex-wrap: wrap;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList ul li {
  width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.75em;
  position: relative;
  padding-left: 16px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList ul li::before {
  content: '';
  display: block;
  background: #000;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 8px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList ul.two li {
  width: calc(58% - 20px);
  margin: 0 10px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList ul.two li:nth-child(even) {
  width: calc(42% - 20px);
  margin: 0 10px;
}
.companyMain .sellservice .sellserviceDiv .sellserviceDivList ul.three li {
  width: calc(33.333% - 20px);
  margin: 0 10px;
}
.companyMain .sellserviceBtn {
  text-align: center;
}
.mb,
.inline-mb {
  display: none !important;
}
.overview-new p:last-child {
  margin-top: 20px;
}
.manufacture-new .manufacture-list {
  margin: 20px -10px 0;
  display: flex;
}
.manufacture-new .manufacture-list li {
  width: calc(25% - 20px);
  margin: 0 10px;
  border: 1px solid #000;
}
.manufacture-new .manufacture-list li .anufacture-item-img img {
  width: 100%;
}
.manufacture-new .manufacture-list li .anufacture-item-content {
  text-align: center;
  padding: 5px;
}
.manufacture-new .manufacture-list li .anufacture-item-content p {
  font-size: 18px;
  color: #000;
}
.coverage-new {
  margin-top: 20px;
}
.coverage-new .coverage-list {
  display: flex;
}
.coverage-new .coverage-list li {
  flex: 1;
  display: flex;
  background: #F5F5F5;
}
.coverage-new .coverage-list li .coverage-item-img {
  width: 37%;
  font-size: 0;
}
.coverage-new .coverage-list li .coverage-item-img img {
  width: 100%;
}
.coverage-new .coverage-list li .coverage-item-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coverage-new .coverage-list li .coverage-item-content h2 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
.coverage-new .coverage-list li .coverage-item-content p {
  font-size: 18px;
}
.coverage-new .coverage-list li .coverage-item-content p span {
  font-size: 36px;
  font-weight: 600;
  color: #FFCD11;
}
.re-design-body .redesign-new-title {
  color: #000;
  font-size: 24px;
  text-align: left;
  padding: 0;
}
.re-design-body .redesign-new-desc {
  font-size: 18px;
  line-height: 1.75em;
  color: #000;
}
.history-desc {
  padding-bottom: 30px;
}
.honor-new .companyMain {
  padding-top: 0;
  padding-bottom: 0;
}
.honor-new .honor-new-content {
  padding: 50px 0 150px;
  background: url(/redesign/img/company/honor-bg.png) top right -225px no-repeat;
  background-size: 1171px 352px;
}
.honor-new .honor-new-list ul {
  display: flex;
  margin-top: 30px;
}
.honor-new .honor-new-list ul li,
.honor-new .honor-new-list ul dl {
  flex: 1;
  display: flex;
  align-items: center;
}
.honor-new .honor-new-list ul li h4,
.honor-new .honor-new-list ul dl h4,
.honor-new .honor-new-list ul li dt,
.honor-new .honor-new-list ul dl dt {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  margin-right: 30px;
  min-width: 100px;
}
.honor-new .honor-new-list ul li h4 span,
.honor-new .honor-new-list ul dl h4 span,
.honor-new .honor-new-list ul li dt span,
.honor-new .honor-new-list ul dl dt span {
  color: #FFCD11;
}
.honor-new .honor-new-list ul li dt,
.honor-new .honor-new-list ul dl dt {
  min-width: auto;
}
.honor-new .honor-new-list ul li p,
.honor-new .honor-new-list ul dl p,
.honor-new .honor-new-list ul li dd,
.honor-new .honor-new-list ul dl dd {
  font-size: 24px;
  color: #000;
}
.honor-new .honor-new-list ul li i,
.honor-new .honor-new-list ul dl i {
  font-style: normal;
  font-size: 14px;
  color: #000;
}
.honor-new .honor-new-list ul dl {
  justify-content: flex-end;
  padding-right: 35px;
}
.cat-agent-new {
  position: relative;
  overflow: hidden;
}
.cat-agent-new .cat-agent-new-bg {
  opacity: 0.55;
  position: absolute;
  bottom: -100px;
  width: 100%;
  left: 0;
  font-size: 0;
  z-index: -1;
}
.cat-agent-new .cat-agent-new-bg img {
  width: 100%;
}
.cat-agent-new .agent-btn-box {
  display: flex;
  gap: 40px;
  padding: 30px 0 100px;
}
.cat-agent-new .agent-btn-box .agent-btn-item {
  font-size: 18px;
  color: #323232;
  font-weight: 600;
  height: 44px;
  padding-top: 5px;
  padding-left: 19px;
}
.cat-agent-new .agent-btn-box .agent-btn-item.search {
  width: 150px;
  background: url(/redesign/img/company/search-agent-btn_border.png);
  background-size: cover;
}
.cat-agent-new .agent-btn-box .agent-btn-item.support {
  width: 201px;
  background: url(/redesign/img/company/support-agent-btn_border.png);
  background-size: cover;
}
.cat-agent-new .agent-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.cat-agent-new .agent-list .agent-list-item {
  width: calc(50% - 20px);
  margin: 0 10px 100px;
  border: 1px solid #000;
  padding: 20px 15px 50px;
}
.cat-agent-new .agent-list .agent-list-item .agent-list-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.strategypurpose-content-new {
  padding: 20px 0;
}
.strategypurpose-content-new img {
  width: 100%;
}
@media (max-width: 1200px) {
  .companyTop .newwrap .KV_text {
    width: 970px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .companyTop .newwrap .KV_text h2 {
    font-size: 38px;
  }
  .companyMain {
    width: 970px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .companyMain .productsList ul li {
    background: #ffcc00;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li p {
    font-size: 12px;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .HighlightTargetTextDiv span {
    font-size: 18px;
  }
  .companyMain .historyImg .historyImgBottom ul li p {
    height: 90px;
  }
  .cat-agent-new .agent-list .agent-list-item .agent-list-item-top img {
    width: 200px;
  }
}
@media (max-width: 1023px) {
  .companyTop {
    margin-top: 8vw;
  }
}
@media (max-width: 992px) {
  .companyTop .newwrap .KV_text {
    width: 750px;
  }
  .companyTop .newwrap .KV_text h2 {
    font-size: 28px;
  }
  .companyMain {
    width: 750px;
  }
  .companyMain .productsList ul li {
    background: #ffcc00;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR.HighlightTargetLeft {
    width: 100%;
    margin-right: 0;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR.HighlightTargetRight {
    width: 100%;
  }
  .companyMain .historyImg .historyImgBottom ul li p {
    height: 105px;
  }
  .companyMain .historyImg .historyImgTop ul li p {
    height: 90px;
  }
  .manufacture-new .manufacture-list {
    margin: 20px -10px 0;
    flex-wrap: wrap;
  }
  .manufacture-new .manufacture-list li {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
  }
  .manufacture-new .manufacture-list li .anufacture-item-content {
    padding: 10px;
  }
  .coverage-new .coverage-list {
    flex-direction: column;
  }
  .coverage-new .coverage-list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .honor-new .honor-new-content {
    padding-bottom: 100px;
  }
  .honor-new .honor-new-list ul li h4,
  .honor-new .honor-new-list ul dl h4,
  .honor-new .honor-new-list ul li dt,
  .honor-new .honor-new-list ul dl dt {
    font-size: 20px;
    margin-right: 15px;
    min-width: 80px;
  }
  .honor-new .honor-new-list ul li p,
  .honor-new .honor-new-list ul dl p,
  .honor-new .honor-new-list ul li dd,
  .honor-new .honor-new-list ul dl dd {
    font-size: 20px;
  }
  .honor-new .honor-new-list ul dl {
    padding-right: 0;
  }
  .cat-agent-new {
    position: relative;
    overflow: hidden;
  }
  .cat-agent-new .cat-agent-new-bg {
    opacity: 0.55;
    position: absolute;
    bottom: -100px;
    width: 100%;
    left: 0;
    font-size: 0;
    z-index: -1;
  }
  .cat-agent-new .cat-agent-new-bg img {
    width: 100%;
  }
  .cat-agent-new .agent-btn-box {
    display: flex;
    gap: 40px;
    padding: 30px 0 50px;
  }
  .cat-agent-new .agent-btn-box .agent-btn-item {
    font-size: 18px;
    color: #323232;
    font-weight: 600;
    height: 44px;
    padding-top: 5px;
    padding-left: 19px;
  }
  .cat-agent-new .agent-btn-box .agent-btn-item.search {
    width: 150px;
    background: url(/redesign/img/company/search-agent-btn_border.png);
    background-size: cover;
  }
  .cat-agent-new .agent-btn-box .agent-btn-item.support {
    width: 201px;
    background: url(/redesign/img/company/support-agent-btn_border.png);
    background-size: cover;
  }
  .cat-agent-new .agent-list {
    margin: 0;
  }
  .cat-agent-new .agent-list .agent-list-item {
    width: 100%;
    margin: 0 0 40px;
    padding: 20px 15px 25px;
  }
}
@media (max-width: 768px) {
  .inline-pc,
  .pc {
    display: none !important;
  }
  .inline-mb {
    display: inline-block !important;
  }
  .mb {
    display: block !important;
  }
  .company-flex-space-pc {
    display: block;
  }
  .swiper-pagination-bullet {
    width: 1.8667vw;
    height: 1.8667vw;
    border-radius: 0;
    margin: 0 1.7333vw;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FECC33;
    width: 1.8667vw;
    height: 1.8667vw;
  }
  .black .swiper-pagination-bullet {
    background: #000;
  }
  .black .swiper-pagination-bullet-active {
    background: #fdc532;
  }
  .swiper-button-next.black {
    background-image: url(/img/index/swiper-arrow-next-black.png);
    right: 10px;
    left: auto;
    width: 10px;
    height: 10px;
  }
  .swiper-button-prev.black {
    background-image: url(/img/index/swiper-arrow-prev-black.png);
    left: 10px;
    right: auto;
    width: 10px;
    height: 10px;
  }
  .smask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    display: none;
  }
  .mrr-wrap {
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
  }
  .companyTop {
    position: relative;
  }
  .companyTop .companyBanner {
    width: 100%;
  }
  .companyTop .newwrap .KV_text {
    width: 100%;
  }
  .GovernanceBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .GovernanceBack.gray {
    background: #f1f1f1;
  }
  .aboutusBack {
    background: url('/company/images/bg-aboutus-top1.jpg') no-repeat;
    background-size: cover;
  }
  .aboutusBack .title {
    color: #fff;
  }
  .globalSolutionsBack {
    background: url('/company/images/bg-aboutus-top2.jpg') no-repeat;
    background-size: cover;
  }
  .visionStrengthBack {
    background: url('/company/images/bg-aboutus-top3.jpg') no-repeat;
    background-size: cover;
  }
  .lowCarbonBack {
    background: url('/company/images/bg-aboutus-top4.jpg') no-repeat center center;
    background-size: cover;
  }
  .beautifulWorldBack {
    background: url('/company/images/bg-aboutus-top5.jpg') no-repeat;
    background-size: cover;
  }
  .historyBack {
    background: url('/company/images/bg-history-top1.jpg') no-repeat;
    background-size: cover;
  }
  .historypPartnerBack {
    background: url('/company/images/bg-history-top2.jpg') no-repeat;
    background-size: cover;
  }
  .sponsorBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .catinchinaBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .catinchinaBack.gray {
    background: #f1f1f1;
  }
  .catinchinaProduct {
    background: #f1f1f1;
  }
  .catinchinaProduct.FactoryBack {
    background: url('/company/images/bg-catinchinaFactory-top1.jpg') no-repeat right top;
    background-size: cover;
  }
  .catinchinaServices {
    background: url('/company/images/bg-catinchina-top1-mb.jpg') no-repeat right top;
    background-size: cover;
  }
  .catinchinaInfo {
    background: #fff;
  }
  .behaviorBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .behaviorBack2 {
    background: url('/company/images/bg-behavior-top1.jpg') no-repeat right top;
    background-size: auto;
  }
  .developmentBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .developmentBack2 {
    background: url('/company/images/bg-development-top1.jpg') no-repeat right top;
    background-size: cover;
  }
  .factoryBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .factoryBack2 {
    background: url('/company/images/bg-factory-top1-mb.jpg') no-repeat right top;
    background-size: 100% 100%;
    padding-bottom: 36vw;
  }
  .businessBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .businessBack2 {
    background: url('/company/images/bg-factory-top1.jpg') no-repeat right top;
    background: auto;
  }
  .innovateBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .foundationBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .foundationBack2 {
    background: #f1f1f1;
  }
  .agentBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .strategypurposeBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .strategypurposeBack:nth-child(2n) {
    background: #f1f1f1;
  }
  .productsBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .productsBack2 {
    background: #f1f1f1;
  }
  .productsBack3 {
    background: url('/company/images/bg-products-top1.jpg') no-repeat center center;
    background-size: cover;
  }
  .productsBack4 {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .serviceBack {
    background: url('/img/index/service-bg.jpg') repeat;
  }
  .serviceBack2 {
    background: url('/company/images/bg-service-top1.jpg') no-repeat center center;
    background-size: cover;
  }
  .aboutusPrice {
    position: relative;
    line-height: 0;
  }
  .aboutusPrice img {
    width: 100%;
  }
  .aboutusPrice .aboutusPriceText {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0 2.6666vw 4vw 2.6666vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .aboutusPrice .aboutusPriceText h2 {
    font-size: 4.8vw;
    line-height: 1.4;
    padding: 6vw 0 4vw;
  }
  .aboutusPrice .aboutusPriceText h3 {
    font-size: 3.4666vw;
    line-height: 1.75em;
    margin-bottom: 3.2vw;
    background: url(/company/images/bg-beautifulWorld-title.png) no-repeat left top;
    background-size: contain;
    padding: 2vw 3.73333vw;
  }
  .aboutusPrice .aboutusPriceText h4 {
    font-size: 3.4666vw;
    line-height: 1.75em;
    font-weight: normal;
  }
  .companyMain {
    width: 100%;
    margin: 0 auto;
    padding: 0 2.6666vw 4vw 2.6666vw;
  }
  .companyMain h2 {
    text-align: center;
    font-size: 4.8vw;
    line-height: 1.4;
    padding: 6vw 0 4vw;
  }
  .companyMain h2.white {
    color: #fff;
  }
  .companyMain h3 {
    text-align: center;
    text-align: left;
    font-size: 4.8vw;
    line-height: 1.4;
    padding: 6vw 0 4vw;
  }
  .companyMain .bottomCenter {
    text-align: center;
    margin: 0 auto;
    margin-top: 1.3333vw;
  }
  .companyMain .btnBlack {
    color: #fff;
    font-weight: bold;
    background: black;
    margin-top: 1.3333vw;
    margin-right: 1.3333vw;
    padding: 2.6667vw 7.3333vw 2.6667vw 3.3333vw;
    font-size: 3.2vw;
    display: inline-block;
    position: relative;
  }
  .companyMain .btnBlack::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.3333vw;
    width: 2.6667vw;
    height: 1.2vw;
    background: url(/img/index/more-arrow-white.png) no-repeat;
    background-size: 100% 100%;
  }
  .companyMain .btnBlack.center {
    margin: 0 auto;
  }
  .companyMain .companyDes {
    text-align: left;
    font-size: 3.2vw;
    line-height: 2em;
    padding: 0 0 4vw;
  }
  .companyMain .companyDes.white {
    color: #fff;
  }
  .companyMain .companyDes.txtleft {
    text-align: left;
    padding-top: 4vw;
    margin-bottom: 0;
  }
  .companyMain .companyDes.notoppadding {
    padding-top: 0;
    margin: 0;
  }
  .companyMain .companyDes a.link {
    color: #2679b8;
  }
  .companyMain .companySceTitle {
    text-align: center;
    font-size: 3.46666vw;
    line-height: 1.75em;
    margin: 0 0 4vw;
    background: url('/company/images/bg-aboutus-text-1.png') no-repeat center center;
    font-weight: bold;
  }
  .companyMain .aboutUsList {
    margin-bottom: 4vw;
  }
  .companyMain .aboutUsList ul {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .aboutUsList ul.m_two li {
    width: 50%;
  }
  .companyMain .aboutUsList ul li {
    text-align: center;
    width: 33.333%;
  }
  .companyMain .aboutUsList ul li h3 {
    text-align: center;
    color: #fff;
    font-size: 2.4vw;
    color: #000;
    padding: 0;
  }
  .companyMain .aboutUsList ul li h3 span {
    color: #000;
    font-size: 1.8666vw;
  }
  .companyMain .aboutUsList ul li p {
    text-align: center;
    color: #000;
    font-size: 3.2vw;
    margin-bottom: 8vw;
  }
  .companyMain .aboutUsList ul li img {
    width: 16.5333vw;
    margin: 0 auto;
  }
  .companyMain .aboutUsList ul li.nomargin p {
    margin-bottom: 0;
  }
  .companyMain .bgCompanyMainList {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: url('/company/images/bg-companyMainList.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .companyMain .companyMainTwo {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .companyMainTwo .companyMainTwoList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    margin-bottom: 3.3333vw;
    display: inline-block;
    position: relative;
  }
  .companyMain .companyMainTwo .companyMainTwoList img {
    width: 100%;
  }
  .companyMain .companyMainTwo .companyMainTwoList p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 4.8vw;
    font-weight: bold;
    z-index: 3;
  }
  .companyMain .companyMainTwo .companyMainTwoList p.black {
    color: #000;
  }
  .companyMain .companyMainFour {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .companyMainFour .companyMainFourList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    margin-bottom: 3.3333vw;
    display: inline-block;
    position: relative;
  }
  .companyMain .companyMainFour .companyMainFourList img {
    width: 100%;
  }
  .companyMain .companyMainFour .companyMainFourList p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 4.8vw;
    font-weight: bold;
    z-index: 3;
  }
  .companyMain #solutionProvider {
    padding-bottom: 4vw;
  }
  .companyMain #solutionProvider .proCoverageBg .companyDes {
    color: #fff;
    text-align: center;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv {
    background: url('/company/images/bg-color-white-2.png') left top repeat-y;
    background-size: 100% 100%;
    padding: 2.6666vw 5.33333vw;
    text-align: center;
    margin: 0 2.6666vw 2.6666vw;
    width: calc(100% - 5.33333vw);
    border-left: 3px solid #ffcc00;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivTitle {
    color: #fff;
    font-size: 4vw;
    text-align: left;
    margin-bottom: 1.3333vw;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivDes {
    color: #fff;
    font-size: 3.2vw;
    text-align: left;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul li {
    margin-right: 0px;
    width: 33.333%;
    text-align: center;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul li img {
    height: 40px;
    width: auto;
    margin: 0 auto;
  }
  .companyMain #solutionProvider .proCoverageBg .proCoverage .proCoverageDiv .proCoverageDivList ul li p {
    color: #fff;
    font-size: 3.2vw;
  }
  .companyMain #solutionProvider .efficientSer {
    background: url('/company/images/bg-color-white.png') left top repeat-y;
    background-size: 100% 100%;
    padding: 5.33333vw;
  }
  .companyMain #solutionProvider .efficientSer .companyDes {
    color: #fff;
    text-align: center;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv .map {
    width: 100%;
    margin-right: 0;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv .map img {
    width: 100%;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText {
    width: 100%;
    margin: auto 0;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText p {
    color: #fff;
    font-size: 3.2vw;
    margin: 0;
    padding-left: 2.6666vw;
    padding-bottom: 4.8vw;
    border-left: 3px solid #ffcc00;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText p span {
    color: #ffcc00;
    font-size: 4vw;
    font-weight: bold;
  }
  .companyMain #solutionProvider .efficientSer .efficientSerDiv .efficientSeText p:last-child {
    padding-left: 2.6666vw;
    padding-bottom: 0;
  }
  .companyMain #solutionProvider .swiper-pagination-bullets {
    bottom: 0;
  }
  .companyMain #globalSolutions {
    padding-bottom: 5.33333vw;
  }
  .companyMain #globalSolutions .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  .companyMain #globalSolutions .swiper-pagination-bullets {
    bottom: 0;
  }
  .companyMain .visionStrengthCharacteristic {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 6.6666vw;
  }
  .companyMain .visionStrengthCharacteristic li {
    width: calc(50% - 5.33333vw);
    margin: 2.6666vw;
    font-size: 3.2vw;
  }
  .companyMain .visionStrengthCharacteristic li.flexible {
    position: relative;
    padding-left: 36.5px;
  }
  .companyMain .visionStrengthCharacteristic li.flexible::before {
    content: '';
    display: block;
    background: url('/company/images/icon-aboutus-1.png') left top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3px;
    left: 0;
    width: 26.5px;
    height: 30.5px;
    transform: translateY(0);
  }
  .companyMain .visionStrengthCharacteristic li.power {
    position: relative;
    padding-left: 43px;
  }
  .companyMain .visionStrengthCharacteristic li.power::before {
    content: '';
    display: block;
    background: url('/company/images/icon-aboutus-2.png') left top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3px;
    left: 0;
    width: 33px;
    height: 29.5px;
    transform: translateY(0);
  }
  .companyMain .visionStrengthCharacteristic li.technique {
    position: relative;
    padding-left: 42px;
  }
  .companyMain .visionStrengthCharacteristic li.technique::before {
    content: '';
    display: block;
    background: url('/company/images/icon-aboutus-3.png') left top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3px;
    left: 0;
    width: 32px;
    height: 29.5px;
    transform: translateY(0);
  }
  .companyMain .visionStrengthCharacteristic li.make {
    position: relative;
    padding-left: 39.5px;
  }
  .companyMain .visionStrengthCharacteristic li.make::before {
    content: '';
    display: block;
    background: url('/company/images/icon-aboutus-4.png') left top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3px;
    left: 0;
    width: 29.5px;
    height: 30px;
    transform: translateY(0);
  }
  .companyMain .visionStrengthCharacteristic li.drive {
    position: relative;
    padding-left: 45.5px;
  }
  .companyMain .visionStrengthCharacteristic li.drive::before {
    content: '';
    display: block;
    background: url('/company/images/icon-aboutus-5.png') left top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3px;
    left: 0;
    width: 35.5px;
    height: 26.5px;
    transform: translateY(0);
  }
  .companyMain .visionStrengtCases {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex {
    width: 100%;
    margin: 2.6666vw 0;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexImg {
    width: 100%;
    text-align: center;
    margin: 2.6666vw 0;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexImg img {
    width: 50%;
    margin: 0 auto;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText {
    width: calc(100% - 2.6666vw);
    margin-left: 2.6666vw;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText h4 {
    font-size: 4vw;
    font-weight: bold;
    margin: 2.6666vw 0;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText ul li {
    font-size: 3.2vw;
    margin-bottom: 2.6666vw;
    padding: 0 0 0 4vw;
    position: relative;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText ul li::before {
    content: '';
    position: absolute;
    top: 2.6666vw;
    left: 0;
    transform: translateY(-50%);
    width: 2.6666vw;
    height: 2.6666vw;
    background: #ffcc00;
    border-radius: 2.6666vw;
  }
  .companyMain .visionStrengtCases .visionStrengtCasesFlex .visionStrengtCasesFlexText .note {
    font-size: 2.6667vw;
  }
  .companyMain #lowCarbo .companyDes {
    color: #fff;
  }
  .companyMain #lowCarbo #lowCarProvider {
    padding-bottom: 4vw;
  }
  .companyMain #lowCarbo .lowCarboPro {
    margin-bottom: 5.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProImg {
    width: 100%;
    text-align: center;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProImg img {
    width: 50%;
    margin: 0 auto;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText {
    width: 100%;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText ul {
    display: flex;
    margin: 5.33333vw 0;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li {
    width: 25%;
    padding: 0 2.6666vw;
    position: relative;
    font-size: 2.4vw;
    color: #ffcc00;
    text-align: center;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li .note {
    color: #ffcc00;
    font-size: 3.2vw;
    text-align: center;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('/company/images/line-lowCarboProText.png') left top no-repeat;
    width: 1px;
    height: 60px;
    background-size: 100% 100%;
    opacity: 0.5;
    filter: alpha(opacity=60);
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li:last-child::after {
    background: none;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText ul li span {
    font-size: 4.5333vw;
  }
  .companyMain #lowCarbo .lowCarboPro .lowCarboProText .note {
    color: #fff;
    font-size: 3.2vw;
    text-align: left;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText {
    width: 100%;
    margin: 2.6666vw 0;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText h3 {
    text-align: left;
    background: url('/company/images/bg-beautifulWorld-title.png') no-repeat left top;
    margin: 0 0 2vw;
    padding: 0 0 0 6.6666vw;
    position: relative;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText h3.gou::before {
    content: "";
    display: block;
    background: url('/company/images/icon-beautifulWorld-title1.png') no-repeat left top;
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: 50%;
    left: 2.6666vw;
    transform: translateY(-50%);
    background-size: 100% 100%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText h3.ye::before {
    content: "";
    display: block;
    background: url('/company/images/icon-beautifulWorld-title2.png') no-repeat left top;
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: 50%;
    left: 2.6666vw;
    transform: translateY(-50%);
    background-size: 100% 100%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText {
    width: 100%;
    padding: 5.33333vw 0;
    border-bottom: 1px solid #000;
    position: relative;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul {
    display: flex;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li {
    width: 33.333%;
    margin-right: 2.6666vw;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li p {
    font-size: 3.2vw;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li p span {
    font-size: 5.86666vw;
    font-weight: bold;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText ul li.w100 {
    width: 100%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText:last-child {
    border: 0;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetText .note {
    position: absolute;
    right: 0;
    top: 5.33333vw;
    font-size: 3.2vw;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR.HighlightTargetLeft {
    width: 100%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR.HighlightTargetRight {
    width: 100%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul {
    display: flex;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li {
    width: calc(50% - 5.33333vw);
    margin: 0 2.6666vw;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .water {
    display: flex;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .water .HighlightTargetTextDiv {
    width: 50%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li h4 {
    font-size: 4.8vw;
    margin-bottom: 1.3333vw;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li p {
    font-size: 3.2vw;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li p.w100 {
    width: 100%;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .HighlightTargetTextDiv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li .HighlightTargetTextDiv span {
    font-size: 5.86666vw;
    font-weight: bold;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li.w100 {
    width: 100%;
    margin: 0;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li.w100 .HighlightTargetTextDiv p {
    width: auto;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText ul li.w100 .HighlightTargetTextDiv span {
    width: auto;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText.textCenter {
    text-align: center;
    position: relative;
  }
  .companyMain #beautifulWorld .beautifulWorldDiv .beautifulWorldDivText .HighlightTarget .HighlightTargetLR .HighlightTargetText.textCenter::before {
    content: '';
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 5.33333vw;
  }
  .companyMain .governanceMain .governanceMainTwo {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .governanceMain .governanceMainTwo .governanceMainTwoList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    border: 3px solid #ffcc00;
    margin-bottom: 3.3333vw;
  }
  .companyMain .governanceMain .governanceMainTwo .governanceMainTwoList img {
    width: 100%;
  }
  .companyMain .governanceMain .governanceMainTwo .governanceMainTwoList .governanceText {
    padding: 2.6667vw;
  }
  .companyMain .governanceMain .governanceMainTwo .governanceMainTwoList .governanceText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .governanceMain .governanceMainTwo .governanceMainTwoList .governanceText p {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .governanceMain .governanceMainFour {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .governanceMain .governanceMainFour .governanceMainFourList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6667vw;
  }
  .companyMain .governanceMain .governanceMainFour .governanceMainFourList img {
    width: 100%;
  }
  .companyMain .governanceMain .governanceMainFour .governanceMainFourList .governanceText {
    padding: 2.6667vw;
  }
  .companyMain .governanceMain .governanceMainFour .governanceMainFourList .governanceText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .governanceMain .governanceMainFour .governanceMainFourList .governanceText p {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .governanceMain .links {
    padding: 2.6667vw 7.3333vw 2.6667vw 3.3333vw;
    font-size: 3.2vw;
    color: black;
    background: #fdc532;
    position: relative;
    display: inline-block;
    margin-right: 2.6667vw;
  }
  .companyMain .governanceMain .links.white {
    color: #fff;
    background: #000;
  }
  .companyMain .governanceMain .links.white::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.3333vw;
    width: 2.6667vw;
    height: 1.2vw;
    background: url(/img/index/more-arrow-white.png) no-repeat;
    background-size: 100% 100%;
  }
  .companyMain .governanceMain .links.shot {
    padding: 17px;
  }
  .companyMain .governanceMain .links.shot::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.3333vw;
    width: 2.6667vw;
    height: 1.2vw;
    background: url(/img/index/more-arrow-white.png) no-repeat;
    background-size: 100% 100%;
  }
  .companyMain .historyImg .historyImgTop ul {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .historyImg .historyImgTop ul li {
    border-left: 1px solid #000;
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding-bottom: 3.2vw;
  }
  .companyMain .historyImg .historyImgTop ul li h3 {
    background: #000;
    font-size: 3.2vw;
    padding: 1.3333vw 2.6666vw;
    color: #ffcc00;
    display: inline-block;
    width: 22%;
  }
  .companyMain .historyImg .historyImgTop ul li p {
    font-size: 3.2vw;
    color: #1f0700;
    margin: 0px 3.2vw;
    width: calc(78% - 6.4vw);
    height: auto;
  }
  .companyMain .historyImg .historyImgMiddle img {
    width: 100%;
  }
  .companyMain .historyImg .historyImgBottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .companyMain .historyImg .historyImgBottom ul li {
    border-left: 1px solid #000;
    width: 16.6%;
  }
  .companyMain .historyImg .historyImgBottom ul li h3 {
    background: #000;
    font-size: 4.8vw;
    padding: 1.3333vw 2.6666vw;
    color: #ffcc00;
    display: inline-block;
  }
  .companyMain .historyImg .historyImgBottom ul li p {
    font-size: 3.73333;
    color: #1f0700;
    margin: 5.86666vw 3.2vw;
    height: 60px;
  }
  .companyMain .historyRankingIncrease {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .historyRankingIncrease .historyRanking {
    width: 100%;
  }
  .companyMain .historyRankingIncrease .historyRanking ul {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .historyRankingIncrease .historyRanking ul li {
    width: 100%;
    margin: 2.6666vw 0;
  }
  .companyMain .historyRankingIncrease .historyRanking ul li h3 {
    color: #ffcc00;
    font-size: 3.2vw;
    padding: 0;
    text-align: left;
    line-height: 5.86666vw;
  }
  .companyMain .historyRankingIncrease .historyRanking ul li p {
    padding: 3.2vw 3.2vw;
    font-size: 2.13333vw;
    background: url('/company/images/bg-beautifulWorld-title.png') left top no-repeat;
    background-size: 100% 100%;
  }
  .companyMain .historyRankingIncrease .historyRanking ul li p sup {
    font-size: 2.13333vw;
  }
  .companyMain .historyRankingIncrease .historyRanking ul li p .note {
    font-size: 2.13333vw;
  }
  .companyMain .historyRankingIncrease .historyIncrease {
    width: 100%;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText {
    width: 100%;
    margin: 5.33333vw 0;
    border: 1px solid #ffcc00;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
    padding: 5.33333vw;
    color: #fff;
    font-size: 2.13333vw;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText p {
    color: #fff;
    font-size: 2.13333vw;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText p sup {
    color: #fff;
    font-size: 2.13333vw;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText span {
    color: #ffcc00;
    font-size: 3.2vw;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText .historyIncreaseDiv {
    position: absolute;
    right: 0;
    top: -30px;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText .historyIncreaseDiv img {
    width: 50%;
  }
  .companyMain .historyRankingIncrease .historyIncrease .historyIncreaseText.between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .companyMain .noteDiv .note {
    color: #ffcc00;
    font-size: 2.13333vw;
  }
  .companyMain .noteDiv .note sup {
    color: #ffcc00;
    font-size: 2.13333vw;
  }
  .companyMain .catinchinaVideo .video-container {
    position: relative;
  }
  .companyMain .catinchinaVideo .video-container video {
    width: 100%;
    outline: none;
    object-fit: fill;
  }
  .companyMain .catinchinaVideo .video-container .paly-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12vw;
    height: 12vw;
    cursor: pointer;
  }
  .companyMain .product-list-box {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .product-list-box li {
    width: 100%;
    padding: 2.6666vw 4vw;
    margin: 2.6666vw 0;
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
  }
  .companyMain .product-list-box li a {
    color: black;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    width: 100%;
  }
  .companyMain .product-list-box li h2 {
    font-size: 4.8vw;
    padding: 4vw 0 0;
    text-align: left;
  }
  .companyMain .product-list-box li h3 {
    font-size: 3.7333vw;
    font-weight: normal;
    padding: 0;
  }
  .companyMain .product-list-box li span {
    display: inline-flex;
    margin-top: 4.6667vw;
    align-items: center;
    font-size: 3.2vw;
  }
  .companyMain .product-list-box li span img {
    margin-right: 1.3333vw;
    transition: all 0.5s;
    width: 5.86666vw;
  }
  .companyMain .product-list-box li .product-img01 {
    width: 55%;
  }
  .companyMain .product-list-box li .product-img02 {
    width: 55%;
  }
  .companyMain .product-list-box li .product-img03 {
    width: 55%;
  }
  .companyMain .product-list-box li .mini_qrcode {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
    z-index: 9;
  }
  .companyMain .product-list-box li .mini_qrcode img {
    width: 130px;
  }
  .companyMain .product-list-box li .mini_qrcode p {
    font-size: 3.73333vw;
    width: 100%;
    text-align: center;
  }
  .companyMain .product-list-box li .mini_qrcode.expand {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .companyMain .catinchinaServicesDiv h2 {
    text-align: left;
  }
  .companyMain .catinchinaServicesDiv p {
    font-size: 3.7333vw;
    line-height: 1.5;
    margin: 0 0 4.6667vw;
    text-align: left;
  }
  .companyMain .catinchinaswiper1 {
    padding: 0 13.33333vw;
    position: relative;
  }
  .companyMain .catinchinaswiper1 #catinchinaProductSwiper .swiper-wrapper .swiper-slide {
    background: #fff;
    height: auto;
    min-height: 100%;
  }
  .companyMain .catinchinaswiper1 .catinchinaProductDiv {
    background: #fff;
  }
  .companyMain .catinchinaswiper1 .catinchinaProductDiv a {
    display: inline-block;
  }
  .companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivImg {
    width: 100%;
  }
  .companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText {
    padding: 2.6666vw;
  }
  .companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText p {
    font-size: 3.7333vw;
    margin-bottom: 2.6666vw;
    color: #000;
  }
  .companyMain .catinchinaswiper1 .catinchinaProductDiv a .catinchinaProductDivText img {
    display: inline-block;
    width: 5.86666vw;
  }
  .companyMain .catinchinaswiper1 .swiper-button-next {
    width: 4.2667vw;
    height: 6vw;
    top: 50%;
    right: 0;
  }
  .companyMain .catinchinaswiper1 .swiper-button-prev {
    width: 4.2667vw;
    height: 6vw;
    top: 50%;
    left: 0;
  }
  .companyMain .catinchinaswiper1 .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 5.33333vw;
    display: none;
  }
  .companyMain .catinchinaswiper1 .swiper-pagination .swiper-pagination-bullet {
    width: 2.6666vw;
    height: 2.6666vw;
    margin: 0 2.6666vw !important;
    border-radius: 0;
  }
  .companyMain .catinchinaInfoDiv {
    width: 100%;
  }
  .companyMain .catinchinaInfoDiv h2 {
    text-align: left;
  }
  .companyMain .catinchinaInfoDiv p {
    font-size: 3.2vw;
    line-height: 1.75em;
    margin: 0 0 3.3333vw;
    text-align: left;
  }
  .companyMain .sponsorMain {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .sponsorMain .sponsorMainList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6666vw;
  }
  .companyMain .sponsorMain .sponsorMainList img {
    width: 100%;
  }
  .companyMain .sponsorMain .sponsorMainList .sponsorText {
    padding: 2.6667vw;
  }
  .companyMain .sponsorMain .sponsorMainList .sponsorText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .sponsorMain .sponsorMainList .sponsorText p {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .behaviorTop {
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .behaviorTop .behaviorTopLeft {
    width: 100%;
    margin-right: 0;
  }
  .companyMain .behaviorTop .behaviorTopRight {
    width: 100%;
  }
  .companyMain .behaviorTop .behaviorTopRight img {
    width: 26.13333vw;
    margin: 0 auto;
  }
  .companyMain .behaviorDiv {
    margin-top: 5.33333vw;
  }
  .companyMain .behaviorDiv .behaviorMain {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw;
  }
  .companyMain .behaviorDiv .behaviorMain .behaviorMainList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6666vw;
  }
  .companyMain .behaviorDiv .behaviorMain .behaviorMainList .behaviorText {
    padding: 5.33333vw;
  }
  .companyMain .behaviorDiv .behaviorMain .behaviorMainList .behaviorText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .behaviorDiv .behaviorMain .behaviorMainList .behaviorText p {
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .companyMain .behaviorMainTwo {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 4vw -2.6666vw 0;
  }
  .companyMain .behaviorMainTwo .behaviorText {
    width: calc(100% - 5.33333vw);
    margin: 2.6666vw;
    background: #fff;
    padding: 2.6666vw 4vw;
    position: relative;
  }
  .companyMain .behaviorMainTwo .behaviorText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .behaviorMainTwo .behaviorText p {
    font-size: 3.2vw;
    margin-bottom: 5.33333vw;
    line-height: 1.5;
  }
  .companyMain .behaviorMainTwo .behaviorText a {
    display: inline-block;
  }
  .companyMain .behaviorMainTwo .behaviorText a img {
    width: 5.86666vw;
  }
  .companyMain .behaviorMainTwo .behaviorText::before {
    content: '';
    display: block;
    height: 6.4vw;
    width: 3px;
    background: #ffcc00;
    position: absolute;
    left: 0;
    top: 2.8vw;
  }
  .companyMain .developmentMain {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw 0;
  }
  .companyMain .developmentMain.developmentMain2 .developmentMainList {
    width: calc(100% - 5.33333vw);
    margin: 2.6666vw;
    border: 3px solid #ffcc00;
  }
  .companyMain .developmentMain.developmentMain3 .developmentMainList {
    width: calc(100% - 5.33333vw);
    margin: 2.6666vw;
    border: 3px solid #ffcc00;
    background: #fff;
  }
  .companyMain .developmentMain .developmentMainList img {
    width: 100%;
  }
  .companyMain .developmentMain .developmentMainList .developmentText {
    padding: 2.6666vw 4vw;
  }
  .companyMain .developmentMain .developmentMainList .developmentText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .developmentMain .developmentMainList .developmentText p {
    font-size: 3.2vw;
    margin-bottom: 5.33333vw;
    line-height: 1.5;
  }
  .companyMain .developmentMain .developmentMainList .developmentText a {
    display: inline-block;
  }
  .companyMain .developmentMain .developmentMainList .developmentText a img {
    width: 5.86666vw;
  }
  .companyMain .factoryMain {
    display: flex;
    flex-wrap: wrap;
    margin: 0 ;
  }
  .companyMain .factoryMain .swiper-pagination {
    bottom: 0;
  }
  .companyMain .factoryMain .swiper-pagination .swiper-pagination-bullet {
    width: 1.8667vw;
    height: 1.8667vw;
    border-radius: 0;
    margin: 0 1.7333vw;
  }
  .companyMain .factoryMain .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FECC33;
    width: 1.8667vw;
    height: 1.8667vw;
  }
  .companyMain .factoryMain .swiper-pagination .swiper-pagination-bullet.black .swiper-pagination-bullet {
    background: #000;
  }
  .companyMain .factoryMain .swiper-pagination .swiper-pagination-bullet.black .swiper-pagination-bullet-active {
    background: #fdc532;
  }
  .companyMain .factoryMain .factoryTextImgSwiper {
    padding-bottom: 8vw;
  }
  .companyMain .factoryMain .factoryTextImgSwiper img {
    width: 100%;
  }
  .companyMain .factoryMain .factoryTextImg {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2.6666vw 0;
  }
  .companyMain .factoryMain .factoryTextImg .factoryTextImgDiv {
    width: 100%;
    margin: 0 0 5.33333vw 0;
  }
  .companyMain .factoryMain .factoryTextImg .factoryTextImgDiv img {
    width: 100%;
  }
  .companyMain .factoryMain .factoryMainList {
    width: 100%;
    margin: 0 0 2.6666vw;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6666vw;
    background: #fff;
  }
  .companyMain .factoryMain .factoryMainList.w100 {
    width: 100%;
    margin: 0 0 2.6666vw;
  }
  .companyMain .factoryMain .factoryMainList.noborder {
    border: 0;
    background: none;
  }
  .companyMain .factoryMain .factoryMainList .news-video {
    padding: 0 4vw 2.6666vw;
    position: relative;
  }
  .companyMain .factoryMain .factoryMainList .news-video video {
    width: 100%;
    margin: 0 auto;
    object-fit: fill;
    display: block;
  }
  .companyMain .factoryMain .factoryMainList .news-video .play_video {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }
  .companyMain .factoryMain .factoryMainList .factoryText {
    padding: 2.6666vw 4vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .factoryMain .factoryMainList .factoryText.w50 {
    width: 100%;
    margin: 0;
  }
  .companyMain .factoryMain .factoryMainList .factoryText .factoryTextImgDiv {
    margin-bottom: 5.33333vw;
  }
  .companyMain .factoryMain .factoryMainList .factoryText .factoryTextImgDiv img {
    width: 100%;
  }
  .companyMain .factoryMain .factoryMainList .factoryText .factoryLeft {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
  }
  .companyMain .factoryMain .factoryMainList .factoryText .factoryRight {
    width: calc(100% - 5.33333vw);
    margin: 2.6666vw;
  }
  .companyMain .factoryMain .factoryMainList .factoryText .factoryRight img {
    width: 100%;
  }
  .companyMain .factoryMain .factoryMainList .factoryText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .factoryMain .factoryMainList .factoryText h4.center {
    text-align: center;
    margin: 0 auto;
  }
  .companyMain .factoryMain .factoryMainList .factoryText p {
    font-size: 3.2vw;
    margin-bottom: 5.33333vw;
    line-height: 1.5;
  }
  .companyMain .factoryMain .factoryMainList .factoryText .factoryImg img {
    width: 100%;
  }
  .companyMain .factoryList {
    padding-top: 4vw;
  }
  .companyMain .factoryList h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .factoryList li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .factoryList li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .businessMain {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw 0;
  }
  .companyMain .businessMain .businessMainList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6666vw;
    background: #fff;
    padding: 2.6666vw 4vw;
  }
  .companyMain .businessMain .businessMainList h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .businessMain .businessMainList .bussinessCountry {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .companyMain .businessMain .businessMainList .bussinessCountry ul {
    width: calc(100% - 5.33333vw);
    margin: 0 10px;
  }
  .companyMain .businessMain .businessMainList .bussinessCountry ul.w44 {
    width: calc(44% - 20px);
  }
  .companyMain .businessMain .businessMainList .bussinessCountry ul.w28 {
    width: calc(28% - 20px);
  }
  .companyMain .businessMain .businessMainList .bussinessCountry ul li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .businessMain .businessMainList .bussinessCountry ul li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .businessMain .businessMainList .bussinessCountry ul li a {
    color: #000;
    text-decoration: underline;
  }
  .companyMain .businessMainTwo {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw 0;
  }
  .companyMain .businessMainTwo .businessText {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    margin-bottom: 2.6666vw;
    background: #fff;
    padding: 2.6666vw 4vw;
    position: relative;
  }
  .companyMain .businessMainTwo .businessText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .businessMainTwo .businessText p {
    font-size: 3.2vw;
    margin-bottom: 5.33333vw;
    line-height: 1.5;
  }
  .companyMain .businessMainTwo .businessText::before {
    content: '';
    display: block;
    height: 6.4vw;
    width: 3px;
    background: #ffcc00;
    position: absolute;
    left: 0;
    top: 2.8vw;
  }
  .companyMain .innovateMain {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .innovateMain .innovateMainList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6666vw;
    background: #fff;
  }
  .companyMain .innovateMain .innovateMainList img {
    width: 100%;
  }
  .companyMain .innovateMain .innovateMainList .innovateText {
    padding: 2.6667vw;
  }
  .companyMain .innovateMain .innovateMainList .innovateText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .innovateMain .innovateMainList .innovateText p {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .foundationMain {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .foundationMain .foundationMainList {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    border: 3px solid #ffcc00;
    margin-bottom: 2.6666vw;
    background: #f6efde;
  }
  .companyMain .foundationMain .foundationMainList.bgwhite {
    background: #fff;
  }
  .companyMain .foundationMain .foundationMainList img {
    width: 100%;
  }
  .companyMain .foundationMain .foundationMainList .foundationText {
    padding: 2.6667vw;
  }
  .companyMain .foundationMain .foundationMainList .foundationText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .foundationMain .foundationMainList .foundationText p {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .foundationMain .foundationMainList .foundationText ul {
    margin: 0 -2.6666vw;
    display: flex;
    flex-wrap: wrap;
  }
  .companyMain .foundationMain .foundationMainList .foundationText ul.foundationMainLi1 li {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    margin-bottom: 2.6666vw;
  }
  .companyMain .foundationMain .foundationMainList .foundationText ul.foundationMainLi2 li {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw 0;
    margin-bottom: 2.6666vw;
  }
  .companyMain .foundationMain .foundationMainList .foundationText ul li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .foundationMain .foundationMainList .foundationText ul li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .agentMainTwo {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw 0;
  }
  .companyMain .agentMainTwo .agentText {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    margin-bottom: 2.6666vw;
    background: #fff;
    padding: 2.6666vw 4vw;
    position: relative;
  }
  .companyMain .agentMainTwo .agentText.agentli {
    background: url(/company/images/bg-agent-1.jpg) no-repeat right top;
    background-size: cover;
  }
  .companyMain .agentMainTwo .agentText.agenthua {
    background: url(/company/images/bg-agent-2.jpg) no-repeat right top;
    background-size: cover;
  }
  .companyMain .agentMainTwo .agentText.agentxin {
    background: url(/company/images/bg-agent-3.jpg) no-repeat right top;
    background-size: cover;
  }
  .companyMain .agentMainTwo .agentText.agentyi {
    background: url(/company/images/bg-agent-4.jpg) no-repeat right top;
    background-size: cover;
  }
  .companyMain .agentMainTwo .agentText .l60 {
    width: 60%;
  }
  .companyMain .agentMainTwo .agentText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .agentMainTwo .agentText p {
    font-size: 3.2vw;
    margin-bottom: 5.33333vw;
    line-height: 1.5;
  }
  .companyMain .agentMainTwo .agentText::before {
    content: '';
    display: block;
    height: 6.4vw;
    width: 3px;
    background: #ffcc00;
    position: absolute;
    left: 0;
    top: 2.8vw;
  }
  .companyMain .strategyMain {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw;
  }
  .companyMain .strategyMain .strategyText {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    margin-bottom: 2.6666vw;
    padding: 2.6666vw 4vw;
  }
  .companyMain .strategyMain .strategyText h2 {
    text-align: left;
  }
  .companyMain .strategyMain .strategyText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .strategyMain .strategyText p {
    font-size: 3.2vw;
    margin-bottom: 5.33333vw;
    line-height: 1.5;
  }
  .companyMain .strategyMain .strategyText .strategyImg {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    margin-bottom: 2.6666vw;
    padding: 2.6666vw 4vw;
  }
  .companyMain .strategyMain .strategyText .strategyImg img {
    width: 100%;
  }
  .companyMain .strategyMain .strategyImg {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6666vw;
    margin-bottom: 2.6666vw;
    padding: 2.6666vw 4vw;
  }
  .companyMain .strategyMain .strategyImg img {
    width: 100%;
  }
  .companyMain .productsList {
    text-align: center;
  }
  .companyMain .productsList ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw;
    justify-content: flex-start !important;
  }
  .companyMain .productsList ul li {
    width: calc(50% - 5.33333vw);
    margin: 0 2.6666vw;
    margin-bottom: 2.6666vw;
    border: 3px solid #ffcc00;
  }
  .companyMain .productsList ul li .proListImg img {
    width: 100%;
  }
  .companyMain .productsList ul li .proListText {
    padding: 2.6666vw 4vw;
    background: #ffcc00;
  }
  .companyMain .productsList ul li .proListText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    text-align: center;
  }
  .companyMain .productsList ul li .proListText p {
    text-align: center;
  }
  .companyMain .productsList ul li .proListText p span {
    font-size: 3.2vw;
    line-height: 1.5;
    position: relative;
    padding: 0 1.3333vw;
  }
  .companyMain .productsList ul li .proListText p span::before {
    content: '';
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px solid #cca300;
    width: 50%;
  }
  .companyMain .productsList ul li .proListText p span::after {
    content: '';
    position: absolute;
    right: -50%;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px solid #cca300;
    width: 50%;
  }
  .companyMain .goodProducts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6666vw;
    margin-bottom: 2.6666vw;
  }
  .companyMain .goodProducts .goodProductsImg {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6667vw;
  }
  .companyMain .goodProducts .goodProductsImg img {
    width: 100%;
  }
  .companyMain .goodProducts .goodProductsText {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6667vw;
  }
  .companyMain .goodProducts .goodProductsText h4 {
    font-size: 4vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
  }
  .companyMain .goodProducts .goodProductsText ul li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .goodProducts .goodProductsText ul li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .goodProductsAdvantage {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6667vw;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList {
    width: calc(50% - 5.33333vw);
    margin: 0 2.6667vw;
    margin-bottom: 2.6667vw;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border: 3px solid #ffcc00;
    flex-flow: column;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageLeft {
    width: 100%;
    background: url('/company/images/bg-products-top2.png') left top no-repeat;
    background-size: 100% 100%;
    padding: 4vw 2vw;
    height: 100%;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageLeft h4 {
    font-size: 4vw;
    line-height: 1.5;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageLeft h5 {
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageRight {
    width: 100%;
    padding: 2.6667vw;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageRight li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .goodProductsAdvantage .goodProductsAdvantageList .goodProductsAdvantageRight li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .efficient {
    position: relative;
    padding: 0 13.33333vw;
  }
  .companyMain .efficient .swiper-slide {
    border: none;
    min-height: auto;
    background: transparent;
  }
  .companyMain .efficient .efficientProductDiv {
    padding: 2.6667vw;
    border: 3px solid #ffcc00;
    background: #fff;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductImg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.6667vw;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductImg h4 {
    font-size: 4vw;
    line-height: 1.5;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductImg img {
    width: 40%;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText ul li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText ul li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6667vw;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two li {
    width: calc(50% - 5.33333vw);
    margin: 0 2.6667vw;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two.not-mb {
    display: block;
    margin: 0;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText ul.two.not-mb li {
    width: 100%;
    margin: 0 0 2.6667vw;
  }
  .companyMain .efficient .efficientProductDiv .efficientProductDivText .note {
    font-size: 2.6667vw;
    margin-bottom: 1.3333vw;
    line-height: 1.5;
  }
  .companyMain .efficient .swiper-button-next {
    width: 8vw;
    height: 13.06666vw;
    top: 50%;
    right: 0;
    z-index: 2;
  }
  .companyMain .efficient .swiper-button-prev {
    width: 8vw;
    height: 13.06666vw;
    top: 50%;
    left: 0;
    z-index: 2;
  }
  .companyMain .efficient .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 5.33333vw;
    display: none;
  }
  .companyMain .efficient .swiper-pagination .swiper-pagination-bullet {
    width: 2.6666vw;
    height: 2.6666vw;
    margin: 0 2.6666vw !important;
    border-radius: 0;
  }
  .companyMain .saveWorry {
    position: relative;
    padding: 0 13.33333vw;
  }
  .companyMain .saveWorry .swiper-slide {
    border: none;
    min-height: auto;
    background: transparent;
  }
  .companyMain .saveWorry .saveWorryProductDiv {
    padding: 2.6667vw;
    border: 3px solid #ffcc00;
    background: #fff;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductImg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.6667vw;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductImg h4 {
    font-size: 4vw;
    line-height: 1.5;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductImg img {
    width: 40%;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul.two {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6667vw;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul.two li {
    width: calc(50% - 5.33333vw);
    margin: 0 2.6667vw;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul.two.not-mb {
    display: block;
    margin: 0;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText ul.two.not-mb li {
    width: 100%;
    margin: 0 0 2.6667vw;
  }
  .companyMain .saveWorry .saveWorryProductDiv .saveWorryProductDivText .note {
    font-size: 2.6667vw;
    margin-bottom: 1.3333vw;
    line-height: 1.5;
  }
  .companyMain .saveWorry .swiper-button-next {
    width: 8vw;
    height: 13.06666vw;
    top: 50%;
    right: 0;
    z-index: 2;
  }
  .companyMain .saveWorry .swiper-button-prev {
    width: 8vw;
    height: 13.06666vw;
    top: 50%;
    left: 0;
    z-index: 2;
  }
  .companyMain .saveWorry .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 5.33333vw;
    display: none;
  }
  .companyMain .saveWorry .swiper-pagination .swiper-pagination-bullet {
    width: 2.6666vw;
    height: 2.6666vw;
    margin: 0 2.6666vw !important;
    border-radius: 0;
  }
  .companyMain .goodservice {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6667vw;
  }
  .companyMain .goodservice .goodserviceDiv {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6667vw;
    position: relative;
    background: #ffcc00;
    padding-top: 6.6666vw;
    margin-top: 13.3333vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivImg {
    position: absolute;
    top: -10.66666vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivImg img {
    width: 16.6666vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText {
    padding: 2.6667vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivTitle {
    margin-bottom: 2.6667vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivTitle h4 {
    font-size: 4vw;
    line-height: 1.5;
    padding-bottom: 2.6667vw;
    margin-bottom: 2.6667vw;
    border-bottom: 1px solid #fff;
    text-align: center;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivTitle p {
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: center;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList {
    background: #fff;
    padding: 2.6667vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList li {
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .goodservice .goodserviceDiv .goodserviceDivText .goodserviceDivList li a {
    color: #000;
    text-decoration: underline;
  }
  .companyMain .sellservice {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6667vw;
  }
  .companyMain .sellservice .sellserviceDiv {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6667vw;
    background: #fff;
    margin-bottom: 2.6667vw;
    padding: 40px 0;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivText {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.6667vw;
    padding: 0 2.6667vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextImg {
    width: 30%;
    margin: 0 auto;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextImg img {
    width: 100%;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextTitle {
    width: calc(100% - 5.33333vw);
    margin: 0 2.6667vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextTitle h4 {
    font-size: 4vw;
    line-height: 1.5;
    color: #ffcc00;
    text-align: center;
    margin-bottom: 2.6667vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivText .sellserviceDivTextTitle h5 {
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: center;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivList {
    padding: 0 5.33333vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivList p {
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivList ul li {
    width: 100%;
    font-size: 3.2vw;
    margin-bottom: 2.6667vw;
    line-height: 1.5;
    position: relative;
    padding-left: 3.6666vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivList ul li::before {
    content: '';
    display: block;
    background: #000;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    position: absolute;
    left: 0;
    top: 1.6vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivList ul.three {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.6667vw;
  }
  .companyMain .sellservice .sellserviceDiv .sellserviceDivList ul.three li {
    width: calc(50% - 5.33333vw);
    margin: 0 2.6667vw;
    margin-bottom: 2.6667vw;
  }
  .companyMain .sellserviceBtn {
    text-align: center;
  }
  .overview-new {
    padding-top: 6vw;
  }
  .overview-new p:last-child {
    margin-top: 2.5vw;
  }
  .manufacture-new .manufacture-list {
    margin: 10px -5px 0;
  }
  .manufacture-new .manufacture-list li {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
  }
  .manufacture-new .manufacture-list li .anufacture-item-content {
    padding: 1vw;
  }
  .manufacture-new .manufacture-list li .anufacture-item-content p {
    font-size: 3.2vw;
    color: #000;
  }
  .coverage-new {
    padding-top: 6vw;
  }
  .coverage-new .coverage-list li {
    flex-direction: column-reverse;
  }
  .coverage-new .coverage-list li .coverage-item-img {
    width: 100%;
  }
  .coverage-new .coverage-list li .coverage-item-content {
    padding: 3vw 6vw;
    justify-content: flex-start;
  }
  .coverage-new .coverage-list li .coverage-item-content h2 {
    font-size: 4.8vw;
  }
  .coverage-new .coverage-list li .coverage-item-content p {
    font-size: 3.2vw;
  }
  .coverage-new .coverage-list li .coverage-item-content p span {
    font-size: 5.5vw;
  }
  .re-design-body .redesign-new-title {
    font-size: 4.8vw;
  }
  .re-design-body .redesign-new-desc {
    font-size: 3.2vw;
  }
  .history-desc {
    padding-top: 6vw;
  }
  .honor-new .companyMain {
    padding-top: 0;
    padding-bottom: 0;
  }
  .honor-new .honor-new-content {
    padding: 25px 0;
    background: url(/redesign/img/company/honor-bg.png) top right -112.5px no-repeat;
    background-size: 585.5px 176px;
  }
  .honor-new .honor-new-list ul {
    display: block;
    margin-top: 4vw;
  }
  .honor-new .honor-new-list ul li,
  .honor-new .honor-new-list ul dl {
    flex: 1;
    display: flex;
    align-items: center;
  }
  .honor-new .honor-new-list ul li h4,
  .honor-new .honor-new-list ul dl h4,
  .honor-new .honor-new-list ul li dt,
  .honor-new .honor-new-list ul dl dt {
    font-size: 4.8vw;
    margin-right: 20px;
    min-width: 19vw;
  }
  .honor-new .honor-new-list ul li h4 span,
  .honor-new .honor-new-list ul dl h4 span,
  .honor-new .honor-new-list ul li dt span,
  .honor-new .honor-new-list ul dl dt span {
    color: #FFCD11;
  }
  .honor-new .honor-new-list ul li dt,
  .honor-new .honor-new-list ul dl dt {
    min-width: auto;
  }
  .honor-new .honor-new-list ul li p,
  .honor-new .honor-new-list ul dl p,
  .honor-new .honor-new-list ul li dd,
  .honor-new .honor-new-list ul dl dd {
    font-size: 4vw;
  }
  .honor-new .honor-new-list ul li i,
  .honor-new .honor-new-list ul dl i {
    font-size: 3.2vw;
  }
  .honor-new .honor-new-list ul dl {
    padding-right: 0;
    justify-content: flex-start;
    margin-top: 4vw;
  }
  .cat-agent-new .agent-btn-box {
    gap: 20px;
    padding: 20px 0;
  }
  .cat-agent-new .agent-btn-box .agent-btn-item {
    font-size: 13px;
    height: 36px;
    padding-top: 5px;
    padding-left: 19px;
  }
  .cat-agent-new .agent-btn-box .agent-btn-item.search {
    width: 123px;
  }
  .cat-agent-new .agent-btn-box .agent-btn-item.support {
    width: 165px;
  }
  .cat-agent-new .agent-list .agent-list-item {
    padding: 20px 15px 30px;
    margin-bottom: 20px;
  }
}