.w1720 {
  max-width: 1720px;
  width: 90%;
  margin: 0 auto;
}

.w1600 {
  max-width: 1920px;
  width: 100%;
  /* margin: 0 auto; */
  /* margin-left: 17%; */
}

.w1600-2 {
  max-width: 1600px;
  width: 83%;
  margin: 0 auto;
}

.w1400 {
  max-width: 1400px;
  width: 72%;
  margin: 0 auto;
}

.w1200 {
  max-width: 1200;
  width: 62.5%;
  margin: 0 auto;
}

.pad2 {
  padding: 2.5rem 0;
}

.p5 {
  padding: 5% 0;
}


/* 手机头部 */

.bocweb-header-m {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 80px;
  background-color: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.8s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5%;
}

.bocweb-header-m .bocweb-logo {
  display: flex;
  transition: all 0.8s;
  width: 20%;
}

.bocweb-header-m .bocweb-logo img {
  display: block;
  max-width: 100%;
}

.bocweb-header-m .bocweb-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -80.55%;
  width: 80.55%;
  height: 100vh;
  background-color: #fff;
}

.bocweb-header-m .bocweb-nav li {
  padding: 0 8.27%;
  border-bottom: 1px solid #ebebeb;
  font-size: 26px;
  background: #f6f6f6;
}

.bocweb-header-m .bocweb-nav li.dy {
  background: #000;
}

.bocweb-header-m .bocweb-nav li.dy a {
  padding: 0;
  color: #fff;
}

.bocweb-header-m .bocweb-nav li .link {
  position: relative;
  display: block;
  padding: 3% 0;
  color: #222;
  transition: all 0.6s;
  transform: translateX(100px);
  opacity: 0;
}

.bocweb-header-m .bocweb-nav li .link .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 24px;
  margin-top: -10px;
  background: url(../img/arrow-r.png) no-repeat center center;
}

.bocweb-header-m .bocweb-nav li .hide {
  position: absolute;
  top: 0;
  left: 101%;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.8s;
}

.bocweb-header-m .bocweb-nav li .hide .sub-link {
  display: block;
  padding: 3% 8.27%;
  border-bottom: 1px solid #ebebeb;
  font-size: 26px;
  color: #222;
  background: #f6f6f6;
}

.bocweb-header-m .bocweb-nav li .hide .sub-link .text {
  display: block;
  transform: translateX(100px);
  opacity: 0;
  transition: all 0.6s;
}

.bocweb-header-m .bocweb-nav li .hide .title {
  position: relative;
  height: 80px;
  padding: 0;
  line-height: 80px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  background: #222;
}

.bocweb-header-m .bocweb-nav li .hide .title .back {
  position: absolute;
  left: 8.27%;
  top: 50%;
  display: block;
  width: 14px;
  height: 24px;
  margin-top: -10px;
  background: url(../img/arrow-l.png) no-repeat center center;
}

.bocweb-header-m .bocweb-nav li.weibo {
  background-color: #fff;
}

.bocweb-header-m .bocweb-nav li.weibo .link .icon {
  margin-right: 16px;
}

.bocweb-header-m .bocweb-nav li.weibo .link .icon img {
  max-width: 100%;
}

.bocweb-header-m .bocweb-nav li.wechat {
  background-color: #fff;
}

.bocweb-header-m .bocweb-nav li.wechat .link .icon {
  margin-right: 16px;
}

.bocweb-header-m .bocweb-nav li.wechat .link .icon img {
  max-width: 100%;
}

.bocweb-header-m .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0.1;
  filter: alpha(opacity=10);
  cursor: pointer;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.3s;
  backdrop-filter: blur(60px);
}

.bocweb-header-m .menu-box {
  transition: all 0.3s;
}

.bocweb-header-m .bocweb-menu {
  width: 35px;
  margin: 0 auto;
  cursor: pointer;
}

.bocweb-header-m .bocweb-menu .line {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  height: 4px;
  transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s;
  transform-origin: center center;
  background: #000;
}

.bocweb-header-m .bocweb-menu .line:nth-child(2) {
  margin: 8px 0;
}

.bocweb-header-m.ishow {
  transform: translateX(-80.55%);
}

.bocweb-header-m.ishow .bg {
  transform: scale(1);
}

.bocweb-header-m.ishow .bocweb-nav li .link {
  transform: translateX(0px);
  opacity: 1;
}

.bocweb-header-m.ishow .bocweb-nav li .hide.ishow {
  transform: translateX(-101%);
}

.bocweb-header-m.ishow .bocweb-nav li .hide.ishow .sub-link .text {
  transform: translateX(0px);
  opacity: 1;
}

.bocweb-header-m.ishow .menu-box {
  right: 0;
  width: 19.45%;
}

.bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) {
  top: 12px;
  transform: rotate(45deg);
  opacity: 0.8;
}

.bocweb-header-m.ishow .bocweb-menu .line:nth-child(2) {
  opacity: 0;
  width: 0;
}

.bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) {
  top: -12px;
  transform: rotate(-45deg);
  opacity: 0.8;
}

.bocweb-header-m.ishow {
  transform: translateX(-80.55%);
}

@media (min-width: 1100px) {
  .bocweb-header-m {
    display: none;
  }
}

@media (max-width: 750px) {
  .bocweb-header-m {
    height: 70px;
  }

  .bocweb-header-m .bocweb-logo {
    top: 10px;
  }

  .bocweb-header-m .bocweb-nav li {
    font-size: 18px;
  }

  .bocweb-header-m .bocweb-nav li .link .arrow {
    width: 9.8px;
    height: 16.8px;
    margin-top: -8.4px;
    background-size: contain;
  }

  .bocweb-header-m .bocweb-nav li .hide .sub-link {
    font-size: 18px;
  }

  .bocweb-header-m .bocweb-nav li .hide .title {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
  }

  .bocweb-header-m .bocweb-nav li .hide .title .back {
    width: 9.8px;
    height: 16.8px;
    margin-top: -8.4px;
    background-size: contain;
  }

  .bocweb-header-m .bocweb-nav li.weibo .link .icon {
    width: 24px;
    margin-right: 0.4rem;
  }

  .bocweb-header-m .bocweb-nav li.wechat .link .icon {
    width: 24px;
    margin-right: 0.4rem;
  }

  .bocweb-header-m .menu-box {
    top: 23px;
  }

  .bocweb-header-m .bocweb-menu {
    width: 26px;
  }

  .bocweb-header-m .bocweb-menu .line {
    height: 2px;
  }

  .bocweb-header-m .bocweb-menu .line:nth-child(2) {
    margin: 6px 0;
  }

  .bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) {
    top: 8px;
  }

  .bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) {
    top: -8px;
  }
}

@media (max-width: 500px) {
  .bocweb-header-m {
    height: 60px;
  }

  .bocweb-header-m .bocweb-logo img {
    /* height: 38px; */
  }

  .bocweb-header-m .bocweb-nav li {
    font-size: 16px;
  }

  .bocweb-header-m .bocweb-nav li .link .arrow {
    width: 8.4px;
    height: 14.4px;
    margin-top: -7.2px;
  }

  .bocweb-header-m .bocweb-nav li .hide .sub-link {
    font-size: 16px;
  }

  .bocweb-header-m .bocweb-nav li .hide .title {
    height: 2rem;
    line-height: 2rem;
    font-size: 16px;
  }

  .bocweb-header-m .bocweb-nav li .hide .title .back {
    width: 8.4px;
    height: 14.4px;
    margin-top: -7.2px;
  }

  .bocweb-header-m .bocweb-nav li.dy {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }

  .bocweb-header-m .bocweb-nav li.weibo .link .icon {
    width: 22px;
  }

  .bocweb-header-m .bocweb-nav li.wechat .link .icon {
    width: 22px;
  }

  .bocweb-header-m .menu-box {
    top: 19px;
  }
}


/* 手机头部 */


/* 头部 */

.head-box {
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  width: 100%;
  z-index: 100;
}

.head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding: 0.5rem 0; */
  height: 2rem;
  line-height: 2rem;
}

.head-category {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* width: 70%; */
  height: 100%;
}

.head-logo {
  margin-right: 5%;
  width: 161px;
  height: 100%;
  display: flex;
  align-items: center;
}

.head-logo img {
  max-height: 90%;
  object-fit: contain;
}

.head-logo svg {
  width: 100%;
}

/* .head-logo .cls-1 {
  fill: #ea5b2a;
} */

.head-nav {
  /* width: calc(90% - 161px); */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}

.nav-list {
  width: 3rem;
  /* margin-right: 2%; */
  height: 100%;
}

.nav-list:last-child {
  margin-right: 0;
}

.nav-list-tit {
  color: #4E5255;
  font-weight: 550;
  display: block;
  text-align: center;
  height: 100%;
  line-height: 2rem;
  position: relative;
}


/* .nav-list-tit::after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 4px;
	background-image: url(../img/btn.png);
	top: 50%;
	right: 2px;
	transform: translateY(-50%);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
} */

.nav-list-tit:hover {
  color: #ea5b2a;
  transition: all 0.3s;
}

.nav-list-subtit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  top: 2rem;
  /* left: 0; */
  z-index: 10;
  width: 100%;
  background-color: #FFFFFF;
  padding: 0 .5rem;
  height: 1.6rem;
  border-top: 1px solid #DCDCDC;
}

.nav-list-subtit-hov {
  display: none;
  position: absolute;
  width: 100%;
  height: 1.6rem;
  background: #FFFFFF;
  left: 0;
  top: 2rem;
  z-index: 2;
  border-top: 1px solid #DCDCDC;
}

.nav-list-subtit a {
  color: #666;
  margin-right: 2%;
  position: relative;
  z-index: 3;
}


/* .nav-list-subtit:hover {
	border-top: 1px solid #ea5b2a;
} */

.nav-list-subtit a:hover {
  color: #ea5b2a;
  text-decoration: underline;
}

.nav-list-subtit a:last-child {
  margin-right: 0;
}

.head-search,
.user,
.search {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user svg,
.language svg {
  fill: #000000;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.language {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}

.language span {
  color: #000;
  margin-left: 5px;
  font-weight: 500;
}

.search svg {
  fill: #000000;
  width: 20px;
  height: 20px;
  /* margin-left: 0.35rem; */
  cursor: pointer;
}

.user svg:hover,
.language:hover svg,
.search svg:hover {
  fill: #ea5b2a;
  transition: all 0.3s;
}

.language:hover span {
  color: #ea5b2a;
  transition: all 0.3s;
}

.headsearch {
  position: absolute;
  width: 100%;
  height: 205px;
  top: 60px;
  left: 0;
  background: #ffffff;
  padding-top: 58px;
  box-sizing: border-box;
  display: none;
  z-index: 10;
}

.box {
  width: 1350px;
  margin: 0 auto;
  height: 75px;
  border-bottom: 1px solid #f2f2f2;
}

.box form {
  height: 100%;
}

.box .input {
  color: #dbdbdb;
  font-size: 30px;
  height: 100%;
  position: relative;
}

.box .input input[type=text] {
  width: 90%;
  height: 100%;
  color: #666;
  vertical-align: top;
}

.box .input input[type=submit] {
  width: 30px;
  height: 30px;
  background: url(../img/sousuo01.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}


/* 头部 */


/*底部 */

.foot {
  background-color: #F0F0F0;
}

.footer {
  padding-top: 2rem;
}


/* .bdsharebuttonbox a {
	background-image: none !important;
} */

.foot-nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.foot-nav-lf {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 70%;
}

.foot-list {
  /* width: ; */
  margin-right: 5%;
}

.foot-list .foot-list-tit {
  color: #4E5255;
  font-weight: 550;
  margin-bottom: 10px;
}

.foot-list a {
  display: block;
  color: #666666;
  margin-bottom: 5px;
}

.foot-list a:hover {
  color: #ea5b2a;
  transition: all 0.3s;
}

.foot-nav-rg {
  width: 25%;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.shar {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
}

.shar>p {
  color: #4E5255;
  font-weight: 550;
  /* margin-right: 10px; */
  margin-bottom: .5rem;
  width: 100%;
  text-align: left;
  line-height: 1;
}

.foot-nav-rg .shar a {
  width: 34px;
  height: 34px;
  float: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0 5px 0 0;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #666;
  display: flex;
  align-items: center;
  justify-content: center;
}

.foot-nav-rg .shar a:nth-child(4) svg {
  width: 60%;
}

.shar a svg {
  width: 34px;
  height: 34px;
  fill: #777777;
  pointer-events: none;
  transition: all 0.3s;
}

.foot-nav-rg .shar a:hover {
  border-color: #ea5b2a;
}

.foot-nav-rg .shar a:hover svg {
  fill: #ea5b2a;
}

.foot-type {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.foot-type-pic {
  width: 17px;
  height: 25px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.foot-type-pic img {
  width: 100%;
  object-fit: cover;
}

.foot-type-pic svg {
  width: 100%;
  fill: #666;
}

.foot-type:nth-child(3) .foot-type-pic {
  opacity: .5;
}

.foot-type:nth-child(5) .foot-type-pic {
  opacity: .7;
}

.foot-type .address {
  width: 17px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.foot-type p {
  width: calc(100% - 27px);
  color: #666666;
  text-align: left;
  line-height: 25px;
  display: flex;
  align-items: flex-start;
}

.copyright {
  border-top: 1px solid #D3D3D3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.foot-logo {
  width: 161px;
}

.foot-logo img {
  transform: 100%;
}

.foot-logo svg {
  width: 100%;
}

/* .foot-logo .cls-1 {
  fill: #ea5b2a;
} */

.foot-copy {
  width: max-content;
}

.foot-copy a {
  color: #666666;
  display: inline-block;
  margin-right: 5px;
}

.foot-copy a:last-child {
  margin-right: 0;
}

.foot-copy img {
  display: inline-block;
}


/*底部 */


/* 首页 */

.index-slide img {
  width: 100%;
}

.ban-posi {
  position: absolute;
  top: 50%;
  left: 13.5%;
  transform: translateY(-50%);
}

.ban-posi p,
.ban-posi a {
  color: #FFFFFF;
}

.ban-more {
  width: 160px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #ea5b2a;
  display: block;
  border-radius: 5px;
  margin-top: 1rem;
  transition: all 0.3s;
}

.ban-more:hover {
  background-color: #FFFFFF;
  color: #333;
}

.index-container .swiper-slide .play {
  width: 1.5rem;
  height: 1.5rem;
  display: none;
}

.index-container .swiper-slide img {
  width: 100%;
}

.index-container .swiper-slide video {
  width: 100%;
  object-fit: cover;
}

.index-container .index-pagination {
  display: flex;
  flex-direction: column;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  bottom: inherit !important;
  left: 95% !important;
}

.index-container .index-pagination .swiper-pagination-bullet {
  background-color: #FFFFFF;
  position: relative;
  width: 6px;
  height: 6px;
  opacity: 1;
}

.index-container>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0 !important;
}

.index-container .index-pagination .swiper-pagination-bullet-active::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #9FA2AA;
  position: absolute;
  display: block;
  top: -5px;
  left: -5px;
}

.index-pro {
  background-color: #FFFFFF;
}

.index-pro-box {
  /* padding: 2rem 0; */
}

.index-pro-tit {
  color: #4E5255;
  text-align: center;
  margin-bottom: 0.2rem;
}

.index-pro-cont {
  color: #666666;
  text-align: center;
  margin: 0 auto 1rem;
  width: 60%;
}

.index-pro-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.index-pro-container .swiper-slide {
  width: 33.3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  transition: all 0.3s;
}

.index-pro-container .swiper-slide:hover {
  transform: translateY(10deg);
}

.index-pro-pic {
  margin-bottom: 0.4rem;
}

.index-pro-pic img {
  object-fit: cover;
}

.swiper-pro-tit {
  color: #4E5255;
  margin-bottom: 0.2rem;
}

.swiper-pro-subtit {
  color: #666666;
}

.pro-line {
  position: absolute;
  right: 0;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.pro-line img {
  height: 100%;
  object-fit: cover;
}

.index-pro-slide:last-child .pro-line {
  display: none;
}

.index-explore {
  background-color: #4E5255;
}

.index-ex-box {
  /* padding: 2rem 0; */
}

.index-ex-tit {
  color: #F1F2F3;
  text-align: center;
  margin-bottom: 1.5rem;
  line-height: 1;
}

.index-ex-content {
  color: #FFFFFF;
  opacity: 0.5;
  text-align: center;
  margin-bottom: 0.6rem;
}


/* .index-ex-cont::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 15%;
	background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));
	z-index: 10;
}

.index-ex-cont::before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 15%;
	background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0));
	z-index: 10;
} */

.index-ex-cont .swiper-slide {
  width: 20%;
  overflow: hidden;
  cursor: auto;
  /* pointer-events: none; */
}

.index-ex-cont .swiper-slide img {
  width: 100%;
}

.index-ex-cont .swiper-pagination-bullet {
  background-color: #FFFFFF;
  opacity: 0.5;
}

.index-ex-cont .swiper-pagination-bullet-active {
  background-color: #ea5b2a;
  opacity: 1;
}

.index-ex-box .index-ex-cont .index-ex-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
}

.index-ex-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  background: rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px 15px rgba(0, 0, 0, .2);
  transition: all 0.5s ease;
  padding: 1.5rem 0;
}

.index-ex-top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.index-ex-top div img {
  object-fit: cover;
  /* transform: scale(0.7); */
}

.index-ex-top p {
  color: #FFFFFF;
  margin-left: 5px;
}

.index-ex-ls {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.index-ex-ls p {
  color: #FFFFFF;
  margin-bottom: 5px;
}


/* .swiper-slide:last-child .index-ex-bg {
	background-color: rgba(234, 91, 42, .8);
	top: 0;
	justify-content: center;
} */

.swiper-slide:last-child .index-ex-top {
  margin-bottom: 10px;
}


/* .swiper-slide:last-child .index-ex-top div {
	transform: translateX(-8px);
}

.swiper-slide:last-child .index-ex-top div img {
	transform: scale(1.3);
}

.swiper-slide:last-child .index-ex-top p {
	transform: scale(1.3);
	margin-left: 15px;
} */

@media screen and (min-width: 1050px) {
  .swiper-slide:hover .index-ex-bg {
    background-color: rgba(234, 91, 42, .8);
    top: 0;
    justify-content: center;
  }

  .swiper-slide:last-child:hover .index-ex-bg {
    justify-content: center;
  }

  .swiper-slide:hover .index-ex-top {
    margin-bottom: 10px;
    transition: all 0.5s ease;
  }

  .swiper-slide:hover .index-ex-top div {
    transform: translateX(-8px);
    transition: all 0.5s ease;
  }

  .swiper-slide:hover .index-ex-top div img {
    transform: scale(1.3);
    transition: all 0.5s ease;
  }

  .swiper-slide:hover .index-ex-top p {
    transform: scale(1.3);
    transition: all 0.5s ease;
    margin-left: 15px;
  }
}

.index-explore-more {
  margin: 2rem auto 0;
  display: block;
  color: #FFFFFF;
  background-color: #ea5b2a;
  width: 120px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 5px;
}

.index-explore-more:hover {
  background-color: #FFFFFF;
  color: #333;
  transition: all 0.5s ease;
}

.index-company {
  /* background-color: #FFFFFF; */
  padding-top: 2rem;
  background-color: #F2F2F2;
}

.index-com-box {
  background-image: url(../img/index-map.png);
  padding-bottom: 2rem;
}

.index-com-tit {
  color: #4E5255;
  text-align: center;
}

.index-com-subtit {
  color: #4C4C4C;
  text-align: center;
  margin: 0.2rem 0 0.4rem;
}

.index-com-cont {
  color: #666666;
  text-align: center;
  margin-bottom: 0.4rem;
}

.index-com-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index-com-numb,
.index-com-numb2,
.index-com-numb3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.index-com-numb p {
  color: #ea5b2a;
  /* height: 2.5rem; */
  line-height: 1;
  font-weight: 550;
}

.index-com-numb2 p {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #ea5b2a;
  /* height: 2.5rem; */
  line-height: 1;
}

.index-com-numb2-tit {
  line-height: 1;
  font-weight: 550;
}

.other-number .index-com-numb2-tit {
  margin-bottom: 0.5rem;
}

.bigFont p span:first-child {
  font-size: 5rem;
  margin-bottom: 10px;
}


/* .index-com-numb2 span {
	line-height: 1;
} */

.tit-300 {
  font-size: 5rem;
}

.index-com-numb3 div {
  font-weight: 550;
  color: #ea5b2a;
  line-height: 1;
  background-image: url(../img/font-bg.png);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(234, 91, 42, .5);
}

.index-com-more {
  display: block;
  width: 120px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 2px solid #ea5b2a;
  color: #FFFFFF;
  margin: 2rem auto 0;
  border-radius: 5px;
  background-color: #ea5b2a;
  transition: all 0.3s;
}

.index-com-more:hover {
  background-color: #FFFFFF;
  color: #333;
}

.index-new {
  background-color: #F2F2F2;
}

.index-new-tit {
  color: #4E5255;
  text-align: center;
  margin-bottom: 1.5rem;
  line-height: 1;
}

.index-new-cont {
  color: #666666;
  text-align: center;
  margin-bottom: 0.6rem;
}

.index-new-box .index-new-container {
  /* padding-bottom: 0.5rem; */
  /* padding: .5rem 0; */
}

.index-new-container .swiper-slide {
  width: 24%;
  margin-right: 1.33%;
  background: #FEFEFE;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.index-new-container .swiper-slide:hover {
  /* box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); */
  transition: all 0.5s;
}

.index-new-container .swiper-slide:last-child {
  margin-right: 0;
}

.index-new-pic {
  /* height: 5rem; */
  overflow: hidden;
  font-size: 0;
  position: relative;
}

.index-new-pic .bg {
  width: 100%;
}

.index-new-pic .img {
  position: absolute;
  top: 0;
  left: 0;
}

.index-new-pic:hover img {
  transform: scale(1.1);
}

.index-new-pic img {
  /* width: 100%;
	height: 100%;
	object-fit: cover; */
  transition: all 0.3s;
}

.index-new-all {
  padding: 1rem;
  background-color: #FFFFFF;
  transition: all .3s;
}

.index-new-swiper-tit {
  color: #333;
  margin-bottom: 10px;
  height: 1.6rem;
  line-height: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-new-swiper-time {
  color: #B6B6B7;
  margin-bottom: 10px;
}

.index-new-swiper-cont {
  color: #333;
  margin-bottom: 0.6rem;
  height: 1.2rem;
  line-height: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-new-swiper-cont img {
  display: none;
}

.index-new-more {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border: 2px solid #ea5b2a;
  background-color: #FFFFFF;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-new-more svg {
  fill: #ea5b2a;
  width: 0.5rem;
  height: 0.5rem;
}


/* .index-new-more:hover {
  background-color: #ea5b2a;
  transition: all 0.5s;
}

.index-new-more:hover svg {
  fill: #FFFFFF;
} */

.index-new-more2 {
  display: block;
  width: 120px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 2px solid #ea5b2a;
  color: #4E5255;
  margin: .5rem auto 0;
  font-weight: 550;
  border-radius: 5px;
  transition: all 0.5s;
  background-color: #F1F2F3;
}

.index-new-more2:hover {
  background-color: #ea5b2a;
  color: #F1F2F3;
}

.index-service {
  background-color: #FEFEFE;
}

.index-ser-tit {
  color: #4E5255;
  margin-bottom: 1.5rem;
  line-height: 1;
  text-align: center;
}

.index-ser-subtit {
  color: #666666;
  margin-bottom: 0.6rem;
  text-align: center;
}

.index-ser-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-ser-pic {
  width: 58%;
  margin-right: 5%;
  text-align: right;
}

.index-ser-pic img {
  object-fit: cover;
  display: inline-block;
}

.index-ser-rg {
  width: 35%;
}

.index-ser-list {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0;
}

.index-ser-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  background-color: #B3B3B3;
  border-radius: 50%;
}

.index-ser-list:hover .index-ser-icon {
  background-color: #ea5b2a;
  transition: all 0.5s;
}

.index-ser-icon img {
  max-width: 60%;
  max-height: 60%;
  object-fit: contain;
}

.index-ser-list-type {
  width: calc(100% - 1.7rem);
}

.index-ser-list-tit {
  color: #000;
}

.index-ser-list-cont {
  color: #666666;
  line-height: 1.5;
}

.index-ser-list-line {
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-ser-list-line img {
  width: 100%;
  object-fit: cover;
}

.index-ser-list:last-child .index-ser-list-line {
  display: none;
}


/* 首页 */


/* banner样式 */

.banner {
  width: 100%;
  position: relative;
  font-size: 0;
}

.banner img {
  width: 100%;
  object-fit: cover;
}

.banner-font {
  position: absolute;
  top: 50%;
  left: 13.5%;
  transform: translateY(-50%);
}

.ban-pic2 {
  display: none;
}

.banner-font P {
  color: #FFFFFF;
}

.banner-font-tit {}

.banner-font-subtit {
  font-style: italic;
}


/* banner样式 */


/* 关于我们 */

.about-box {
  /* margin-bottom: 2rem; */
}

.about-tit {
  color: #262626;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 1rem;
}

.about-subtit {
  color: #4E5255;
  margin-bottom: 0.5rem;
}

.about-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DEDEDE;
}

.about-cont-lf {
  width: 56%;
  margin-right: 10%;
}

.about-cont-lf-top {
  color: #666666;
  /* margin-bottom: 1rem; */
}

.about-cont-lf-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about-cont-rg {
  width: 34%;
  /* display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap; */
}

.about-container .about-cont-rg-list {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 1rem;
  background-image: url(../img/about1.png);
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ea5b2a;
  background-size: contain;
}

.about-cont-rg-list:nth-child(2n) {
  margin-right: 0;
}

.about-cont-rg-list:nth-child(n + 3) {
  margin-bottom: 0;
}

.about-container .swiper-pagination {
  line-height: 1;
  position: relative;
  margin-top: 1rem;
}

.about-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #ea5b2a;
}

.leo {
  padding-bottom: 2rem;
}

.leo-tit {
  text-align: center;
  color: #262626;
  line-height: 1;
  margin-bottom: 1rem;
}

.leo-subtit {
  color: #212121;
  margin-bottom: 0.5rem;
}

.leo-cont {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.leo-cont-lf {
  margin-right: 2%;
  padding-top: 0.5rem;
  width: 30%;
}

.leo-cont-lf-list {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.leo-cont-lf-list-pic {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ea5b2a;
  border-radius: 50%;
  margin-right: 15px;
}

.leo-cont-lf-list-pic img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
}

.leo-cont-lf-list-cont {
  height: 1.5rem;
  line-height: 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.leo-numb {
  color: #ea5b2a;
  line-height: 1rem;
  font-weight: 550;
  white-space: nowrap;
  position: relative;
}

.leo-numb::after {
  content: attr(data-tit);
  position: absolute;
  line-height: 1;
  font-size: 0.6rem;
  right: -0.55rem;
  top: -5px;
  color: #ea5b2a;
}

.noAfter .leo-numb::after {
  content: 'data-tit';
  right: -.6rem;
  font-size: .4rem;
  top: 0;
}


/* .leo-cont-lf-list:nth-child(3) .leo-numb::after {
	right: 0;
} */

.leo-numb span {
  font-weight: 500;
  color: #535353;
}

.leo-font {
  color: #535353;
}

.leo-add {
  position: absolute;
  top: -10px;
  line-height: 0;
  right: 6px;
  color: #ea5b2a;
}

.leo-cont {
  position: relative;
}

.leo-cont-rg {
  position: relative;
}

.leo-cont-rg img {
  object-fit: cover;
}

.leo-cont-rg-address {
  position: absolute;
}

.a {
  left: 20.5%;
  top: 39%;
}

.b {
  left: 49%;
  top: 32%;
}

.c {
  left: 53%;
  top: 34%;
}

.d {
  left: 57.5%;
  top: 33.5%;
}

.f {
  left: 61.5%;
  top: 50.5%;
}

.g {
  left: 65.5%;
  top: 38.5%;
}

.h {
  left: 71%;
  top: 49.5%;
}

.i {
  left: 72.1%;
  top: 18.2%;
}

.l {
  left: 74.1%;
  top: 52.4%;
}

.m {
  left: 80.8%;
  top: 61.2%;
}

.leo-cont-rg-address:hover img {
  transform: translateY(-10px);
  transition: all 0.3s;
}

.leo-cont-pos {
  width: 100%;
  position: absolute;
  bottom: -10px;
}

.leo-cont-pos>p {
  color: #212121;
  margin-bottom: 0.5rem;
}

.leo-cont-pos-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.leo-cont-pos-list div {
  width: 32%;
  margin-right: 2%;
  background-color: #ea5b2a;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leo-cont-pos-list div:last-child {
  margin-right: 0;
}

.leo-cont-pos-list div span span {
  height: 100%;
  vertical-align: top;
}

.development {
  background-image: url(../img/about7-1.jpg);
  position: relative;
}

.dev-tit {
  color: #FFFFFF;
}

.swiper-line {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #464646;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.dev-swiper {
  display: flex;
}

.dev-swiper .left {
  overflow: hidden;
  text-align: right;
  position: relative;
  height: 100%;
}
.dev-swiper .right .swiper-slide ul{  overflow: auto;padding-right:6%}
.dev-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 0.5;
}

.dev-top p {
  color: #FFFFFF;
  white-space: nowrap;
}

.dev-top-pic {
  margin-right: 0.5rem;
  width: 18%;
}

.dev-active-pic-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dev-active-pic {
  width: 12%;
  margin-right: 4%;
}


/* .dev-active-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
} */

.dev-active-swiper p {
  color: #FFFFFF;
  text-align: left;
  margin-left: 16%;
}

.dev-active-cont {
  color: #FFFFFF;
  white-space: nowrap;
  /* display: flex; */
  /* align-items: center; */
}

.dev-active-cont span {
  color: #FFFFFF;
}

.dev-swiper .right,
.dev-swiper .left {
  width: 50%;
  height: 11rem;
  overflow: hidden;
}

.dev-wrapper .swiper-slide {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  padding: 0 4rem;
  height: 2.2rem;
  /* transition: padding 0.5s; */
}

.dev-wrapper .swiper-slide .dev-active-swiper {
  display: none;
}

.dev-wrapper .swiper-slide-active {
  border-top: 1px solid #464646;
  border-bottom: 1px solid #464646;
  height: 4rem;
  margin: 0.2rem 0;
  padding: 1rem 2rem;
  transition: padding-right 0.5s;
}

.dev-wrapper .swiper-slide-active::after {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 3rem;
  background-color: #ea5b2a;
  border-radius: 5px;
  right: -1px;
}

.dev-wrapper .swiper-slide-active .dev-top {
  display: none;
}

.dev-wrapper .swiper-slide-active .dev-active-swiper {
  display: block;
}

.dev-wrapper2 .swiper-slide {
  padding: 0 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.dev-wrapper2 .swiper-slide li {
  color: #FFFFFF;
  margin-bottom: 0.2rem;
  line-height: 1.5;
}

.dev-wrapper2 .swiper-slide li:last-child {
  margin-bottom: 0;
}


/* .dev-swiper .swiper-container-vertical>.dev-wrapper2 {
	flex-direction: inherit
} */

.line-box {
  width: 50%;
  height: 4rem;
  position: absolute;
  /* top: 6.4rem; */
  left: 4rem;
  /* transform: translateY(-50%); */
  z-index: 99;
  bottom: 2.6rem;
}

.line-box .prev,
.line-box .next {
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: relative;
  left: 50%;
  margin-left: -5px;
  cursor: pointer;
}

.line-box .prev {
  top: 4px;
  transform: rotate(45deg);
}

.line-box .next {
  transform: rotate(-135deg);
  bottom: -3.6rem;
}

.line-box .swiper-button-disabled {
  opacity: .3;
}

.line-box .line {
  width: 25%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 38%;
}

.culture {
  background-color: #F5F5F5;
  padding: 2rem 0 1rem;
}

.culture-box {
  position: relative;
  /* padding: 1rem 0 0; */
}

.culture-box .swiper-button-prev,
.culture-box .swiper-button-next {
  color: #ea5b2a;
}

.culture-box .swiper-button-prev {
  left: 2%;
}

.culture-box .swiper-button-next {
  right: 2%;
}

.culture-top {
  color: #262626;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1;
}

.culture-container {
  background-image: url(../img/about81-1.jpg);
  height: 15rem;
}

.culture-container .swiper-slide {
  width: 33.3%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0 3rem;
}

.culture-container .swiper-pagination {
  position: relative;
  margin-top: 1rem;
  line-height: 1;
  display: none;
}

.culture-container .swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
  background-color: #fff;
  opacity: 1;
}

.culture-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ea5b2a;
}

.cul-pic {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ea5b2a;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}

.cul-pic img {
  object-fit: cover;
  width: 50%;
}

.cul-tit,
.cul-cont {
  color: #FFFFFF;
}

.culture-container .swiper-slide:hover {
  background-color: rgba(234, 91, 42, .4);
  transition: all 0.5s;
}

.prof-tit {
  text-align: center;
  color: #262626;
  line-height: 1;
  margin-bottom: 1rem;
}

.prof-cont {
  text-align: center;
  width: 90%;
  margin: 0.2rem auto 0.6rem;
}

.prof-box {
  position: relative;
}

.prof-box .swiper-container {
  /* padding-bottom: 2rem; */
  width: 90%;
  margin: 0 auto;
}

.prof-container .swiper-slide {
  width: 28.5%;
}

.prof-container .swiper-slide:last-child {
  margin-right: 0;
}

.prof-pic {
  height: 7rem;
  overflow: hidden;
}

.prof-pic img {
  transition: all 0.5s;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prof-pic:hover img {
  transform: scale(1.1);
}

.prof-box .swiper-container .swiper-scrollbar {
  width: 87.5%;
  height: 4px;
  left: 6.25%;
}

.prof-box .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  height: 6px;
  top: -1px;
}

.prof-swiper-tit {
  text-align: center;
  color: #030303;
  margin: 0.5rem 0;
}

.prof-swiper-cont {
  color: #666666;
  /* padding: 0 1rem; */
  width: 80%;
  margin: 0 auto;
}

.brand {
  background-color: #F5F5F5;
}

.brand-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.brand-lf {
  width: 50%;
  margin-right: 5%;
}

.brand-tit {
  color: #262626;
}

.brand-cont {
  color: #666666;
  margin: 0.2rem 0 0.6rem;
  text-align: justify;
}

.brand-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.brand-type p {
  width: 24.25%;
  margin-right: 1%;
  margin-bottom: 0.4rem;
  text-align: center;
  padding: 0.2rem;
  border: 1px solid #ea5b2a;
  color: #ea5b2a;
  border-radius: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.brand-type p:nth-child(4n) {
  margin-right: 0;
}

.brand-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-pic {
  width: 48%;
  margin-right: 4%;
  overflow: hidden;
}

.brand-pic img {
  width: 85%;
  margin-left: 15%;
}

.brand-pic2 {
  width: 48%;
  overflow: hidden;
}

.brand-pic2 img {
  width: 85%;
}

.brand-pic img,
.brand-pic2 img {
  object-fit: cover;
  transition: all 0.5s;
}

.brand-pic:hover img,
.brand-pic2:hover img {
  transform: scale(1.1);
}

.brand-pagination .swiper-pagination-bullet-active {
  background-color: #ea5b2a;
}

.brand-box .swiper-container {
  padding-bottom: 1.5rem;
  width: 45%;
}

.brand-box .brand-container .swiper-pagination-bullets {
  bottom: 0;
}

.brand-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}

.honor {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}

.honor .honor-lf {
  width: 46%;
  margin-left: 4%;
  overflow: hidden;
}

.honor-lf img {
  width: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.honor-lf:hover img {
  transform: scale(1.1);
}

.honor-swiper-box {
  width: 50%;
  /* width: 100%; */
}

.honor-container {
  width: 84%;
  margin: 0 auto;
}

.honor-swiper-tit {
  color: #262626;
  width: 84%;
  margin: 0 auto;
  /* position: absolute;
	left: 58%;
	line-height: 1;
	top: 1rem; */
}


/* .honor-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
} */


/* .honor-list-box {
	width: 50%;
	padding: 0 8%;
} */

.honor-list {
  color: #666666;
  /* list-style: disc; */
  border-bottom: 1px solid #D3D3D3;
  padding: 0.4rem .5rem;
  position: relative;
}

.honor-list::after {
  content: '';
  position: absolute;
  top: calc(.4rem + 10px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #666;
}

.honor-container .swiper-button-prev {
  float: left;
  /* left: 58%; */
  margin-right: 0.5rem;
}

.honor-container .swiper-button-next {
  right: 0;
  /* left: calc(58% + 1.5rem); */
}

.honor-container .swiper-button-next,
.honor-container .swiper-button-prev {
  position: inherit;
  margin-top: 0.5rem;
  width: 1rem;
  height: 1rem;
  border: 2px solid #ea5b2a;
  color: #ea5b2a;
  opacity: 1 !important;
  /* top: 92%; */
}

.honor-container .swiper-button-next:hover,
.honor-container .swiper-button-prev:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
  transition: all 0.3s;
}

.honor-container .swiper-button-next:after,
.honor-container .swiper-button-prev:after {
  font-size: 0.3rem;
}


/* 关于我们 */


/* 新闻中心 */

.news-box {
  background-color: #F5F5F5;
}

.news-top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.seor,
.seor2 {
  width: 16.6%;
  border: 1px solid #D9D9D9;
  border-radius: 30px;
  padding: 0.2rem 0.6rem;
  margin-right: 0.2rem;
  position: relative;
  box-sizing: border-box;
  background-color: #FFFFFF;
  text-align: left;
  height: 1.4rem;
  display: flex;
  align-items: center;
  z-index: 10;
}

.s_tit,
.s_tit2 {
  position: relative;
  width: 100%;
  display: block;
  color: #ea5b2a;
}

.s_tit::after,
.s_tit2::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #ea5b2a;
  right: 0;
  top: 50%;
  margin-top: -4px;
}

.sub,
.sub2 {
  position: absolute;
  top: 1.4rem;
  width: 100%;
  left: 0;
  max-height: 9rem;
  display: none;
  z-index: 66;
  box-sizing: border-box;
  border-top: 0;
  max-height: 4.8rem;
  overflow-y: scroll;
  background: #FFFFFF;
}

.sub a,
.sub2 a {
  display: block;
  color: #ea5b2a;
  padding: 0.2rem 0.4rem;
  border-bottom: 1px solid rgb(224, 224, 224);
}

.seach_input {
  margin: 0;
  vertical-align: top;
  padding: 0.2rem 0.4rem;
  box-sizing: border-box;
  border: 1px solid #D9D9D9;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  align-items: center;
  height: 1.4rem;
  width: 16.6%;
}

.seach_input .text {
  width: 80%;
  float: left;
  height: 100%;
  box-sizing: border-box;
  background-color: transparent;
}

.seach_input .submit {
  width: 20%;
  float: right;
  height: 100%;
  background-color: transparent;
  background-image: url(../img/sss.png);
  background-repeat: no-repeat;
  background-position: center;
}

.news-warp {
  /* margin-top: 2rem; */
  margin-bottom: 2%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.news-warp-list {
  width: 49%;
  margin-right: 2%;
  position: relative;
}

.news-warp-list:last-child {
  margin-right: 0;
}

.news-warp-pic {
  width: 100%;
  /* height: 10rem; */
  overflow: hidden;
  position: relative;
}

.news-warp-pic .bg {
  width: 100%;
}

.news-warp-pic .img {
  position: absolute;
  top: 0;
  left: 0;
}

.news-warp-pic:hover img {
  transform: scale(1.1);
}

.news-warp-pic img {
  /* width: 100%;
	height: 100%;
	object-fit: cover; */
  transition: all 0.5s;
}

.news-warp-font {
  position: absolute;
  bottom: 0;
  height: auto;
  padding: 1rem;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}

.news-warp-font p {
  color: #FFFFFF;
}

.news-warp-tit {
  line-height: .9rem;
  max-height: 1.8rem;
  overflow: hidden;
}

.news-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.news-btn-list {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  background-color: #FFFFFF;
  transition: all .3s;
}

.news-btn-list:nth-child(3n) {
  margin-right: 0;
}

.news-btn-pic {
  width: 100%;
  /* height: 6.5rem; */
  overflow: hidden;
  position: relative;
}

.news-btn-pic .bg {
  width: 100%;
}

.news-btn-pic .img {
  position: absolute;
  top: 0;
  left: 0;
}

.news-btn-pic:hover img {
  transform: scale(1.1);
}

.news-btn-pic img {
  /* width: 100%;
	height: 100%;
	object-fit: cover; */
  transition: all 0.5s;
}

.news-btn-font {
  padding: 1rem;
  transition: all .3s;
}

.news-btn-tit {
  color: #333;
  height: 1.6rem;
  line-height: 0.8rem;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all .3s;
}

.news-btn-time {
  color: #B6B6B7;
  margin-bottom: 10px;
}

.news-btn-cont {
  color: #333;
  margin-bottom: 15px;
  line-height: 0.7rem;
  height: 1.4rem;
  overflow: hidden;
}

.news-btn-more {
  background-color: #FFFFFF;
  border: 2px solid #ea5b2a;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-btn-more svg {
  fill: #ea5b2a;
  width: 0.6rem;
  height: 0.6rem;
  transition: all 0.3s;
}


/* .news-btn-more:hover {
  background-color: #ea5b2a;
  transition: all 0.3s;
}

.news-btn-more:hover svg {
  fill: #FFFFFF;
  transition: all 0.3s;
} */

.news-pagination {
  width: 100%;
  margin-top: 5%;
  line-height: 2rem;
  height: 2rem;
  text-align: center;
  background-color: #FFFFFF;
  overflow: hidden;
}

.news-pagination a {
  color: #444444;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  display: inline-block;
  white-space: nowrap;
  margin-right: 2px;
  font-weight: 550;
  padding: 0 5px;
  min-width: max-content;
}

.news-pagination .prev,
.news-pagination .next {
  color: #ea5b2a;
}

.news-pagination a:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
  transition: all 0.3s;
}


/* 新闻中心 */


/* 新闻详情 */

.news-info {
  padding-bottom: 2rem;
}

.crumbs {
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.crumbs-list {
  color: #999999;
}

.crumbs-list span {
  color: #999999;
}

.back {
  display: flex;
  align-items: center;
  justify-content: center;
}

.back div {
  margin-right: 5px;
  border: 1px solid #D9D9D9;
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.back div img {
  object-fit: cover;
}

.back span {
  color: #999999;
}

.news-info-cont {
  width: 100%;
  background-color: #FFFFFF;
  padding: 1.5rem 1rem;
}

.news-info-tit {
  color: #4E5255;
  margin-bottom: 0.2rem;
}

.news-info-time {
  color: #8E8E8E;
  margin-bottom: 0.6rem;
  line-height: 1;
  float: left;
}

.news-info-font {
  color: #666666;
  border-top: 1px solid #DCDCDC;
  padding: 0.6rem 1rem 1rem;
  clear: both;
  background-color: #fff;
}

.news-info-font img {
  /* max-width: 80%;
	margin: 0 auto; */
  display: inline-block;
}

.info-rec-wrapper .swiper-slide {
  background-color: #FFFFFF;
}

.info-rec-tit {
  color: #121212;
  margin: 0.8rem 0;
  text-align: center;
}

.info-swiper-box {
  position: relative;
}

.info-swiper-box .swiper-button-prev,
.info-swiper-box .swiper-button-next {
  color: #ea5b2a;
}

.info-swiper-box .swiper-button-prev {
  left: -2rem;
}

.info-swiper-box .swiper-button-next {
  right: -2rem;
}


/* .info-recommended .swiper-container {
  padding-bottom: 2rem;
} */

.info-rec-container .info-rec-pagination {
  position: relative;
  margin-top: 1rem;
  display: none;
}

.info-rec-container .info-rec-pagination .swiper-pagination-bullet {
  background-color: rgb(155, 155, 155);
  margin: 0 10px;
  width: 6px;
  height: 6px;
}

.info-rec-container .info-rec-pagination .swiper-pagination-bullet-active {
  background-color: #ea5b2a;
}


/* .info-rec-pagination .swiper-pagination-bullet-active::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #9FA2AA;
  position: absolute;
  display: block;
  top: -5px;
  left: -5px;
} */


/* 新闻详情 */


/* 经典案例 */

.case {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.case-list {
  width: 49%;
  height: 9.5rem;
  overflow: hidden;
  margin-right: 2%;
  margin-bottom: 2%;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
}

.case-list:nth-child(2n) {
  margin-right: 0;
}

.case-list-pic {
  width: 60%;
  height: 100%;
  overflow: hidden;
}

.case-list-pic:hover img {
  transform: scale(1.1);
}

.case-list-pic img {
  /* width: 100%; */
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.case-list-url {
  width: 40%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.case-list-tit {
  color: #262626;
  margin-bottom: 0.2rem;
}

.case-list-url a {
  display: block;
  color: #666666;
  /* margin-bottom: 5px; */
  padding: 1px 0;
  width: max-content;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.case-list-url a:last-child {
  margin-bottom: 0;
}

.case-list-url a:hover {
  color: #ea5b2a;
  transition: all 0.3s;
  border-bottom: 1px solid #ea5b2a;
}


/* 经典案例 */


/* 案例列表 */

.case-list-box {
  padding: 2rem 0;
}

.case-list-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  margin-bottom: 2rem;
}

.case-list-bar a {
  color: #4E5255;
  width: 16.25%;
  margin-right: 0.5%;
  background-color: #FFFFFF;
  padding: 0.3rem 0;
  text-align: center;
  min-width: 120px;
  border-radius: 10px;
}

.case-list-bar a:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
  transition: all 0.3s;
}

.case-list-bar a:last-child {
  margin-right: 0;
}

.case-list-bar .cur {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.case-back {
  display: flex;
  float: right;
  align-items: center;
  justify-content: center;
  width: 3rem;
  padding: 0.3rem 0;
  background-color: #ea5b2a;
  border-radius: 30px;
  margin: 1rem 0;
}

.case-back-pic {
  margin-right: 5px;
}

.case-back-pic img {
  object-fit: cover;
}

.case-back-font {
  color: #FFFFFF;
}

.case-list-wrap {
  clear: both;
  margin-top: 1rem;
  padding: 0 5%;
}

.case-list-wrap>p {
  text-align: center;
  margin-bottom: 1rem;
}

.case-list-wrap-tit {
  color: #4E5255;
  margin-bottom: 0.2rem;
}

.case-list-wrap-cont {
  color: #666666;
  margin-bottom: 0.6rem;
}

.case-list-other .case-list-wrap-more {
  color: #ea5b2a;
  padding-bottom: 1px;
  width: max-content;
  border-bottom: 1px solid #ea5b2a;
}

.case-detail {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
}

.case-detail .mak {
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.case-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  padding: 3%;
  background-color: #FFFFFF;
  width: 72%;
  z-index: 3;
}

.case-dt-pic {
  width: 48%;
  margin-right: 4%;
  overflow: hidden;
}

.case-dt-pic img {
  width: 100%;
  object-fit: contain;
  transition: all 0.5s;
}

.case-dt-pic img:hover {
  transform: scale(1.1);
}

.case-dt-tit {
  color: #4E5255;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.case-dt-cont {
  color: #666666;
  margin-bottom: 1rem;
}

.case-dt-rg {
  width: 48%;
}

.case-dt-rg-list {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.case-dt-rg-list span {
  color: #666666;
  width: 50%;
}

.case-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition: all 0.5s;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #000; */
}

.case-close img {
  object-fit: contain;
  width: 100%;
}

.case-close:hover {
  transform: rotate(180deg);
}

.img-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.case-prev,
.case-next {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.case-prev {
  left: -2rem;
}

.case-next {
  right: -2rem;
}

.case-prev:hover {
  background-image: url(../img/case-prev-active.png) !important;
  transition: all 0.3s;
}

.case-next:hover {
  background-image: url(../img/case-next-active.png) !important;
  transition: all 0.3s;
}


/* 案例列表 */


/* 服务banner */

.service img {
  width: 50%;
}

.ban-pos {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #27272C;
}

.ban-pos-list {
  width: 50%;
  height: 50%;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
  border: 1px solid #3C3C40;
  padding: 0 8%;
}

.ban-pos-pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #ea5b2a;
  margin-bottom: 2rem;
}

.ban-pos-pic img {
  width: 40%;
  object-fit: cover;
}

.ban-pos-tit {
  color: #FFFFFF;
}

.ban-pos-cint {
  color: #808080;
}


/* 服务banner */


/* 技术支持 */

.tech-tit {
  text-align: center;
  color: #4E5255;
  margin-bottom: 1rem;
}

.tech-search {
  width: 32%;
  margin: 0 auto;
  border-bottom: 1px solid #969696;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tech-search form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.tech-message {
  width: 85%;
  background: none;
  color: #808080;
  height: 100%;
  line-height: 1rem;
}

.tech-message::placeholder {
  color: #808080;
}

.tech-submit {
  width: 15%;
  background-image: url(../img/search.png);
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
}

.tech-video {
  margin-top: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.tech-lf {
  width: 22%;
  margin-right: 1%;
  border: 1px solid #E0E0E0;
}

.tech-head {
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E0E0E0;
  background-color: #FFFFFF;
}

.tech-video-tit {
  color: #4E5255;
  font-weight: 550;
  margin-right: 0.5rem;
}

.tech-reset:nth-child(2) {
  color: #FFFFFF;
  transition: all 0.3s;
  cursor: pointer;
  border: 1px solid #ea5b2a;
  padding: 2px 6px;
  background: #ea5b2a;
  border-radius: 5px;
}

.tech-reset:hover {
  color: #ea5b2a;
  background-color: #FFFFFF;
}

.video-type {
  background-color: #FFFFFF;
}

.video-play {
  padding: 0.25rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
}

.video-tit {
  color: #212121;
}

.video-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ea5b2a;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: relative;
}

.line1 {
  width: 12px;
  height: 2px;
  background-color: #ea5b2a;
}

.line2 {
  width: 12px;
  height: 2px;
  background-color: #ea5b2a;
  transform: rotate(90deg);
  position: absolute;
  cursor: pointer;
  transition: all 0.5s;
  /* top: 50%;
	left: 50%; */
}

.line-rotate {
  transform: rotate(180deg);
  opacity: 0;
}

.video-none {
  display: none;
  background-color: #F5F5F5;
  padding: 0.2rem 0 0.4rem;
}

.video-type:nth-child(2) .video-none {
  display: block;
}

.video-type:nth-child(3) .video-none {
  display: block;
}

.pro-video {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.2rem 0.8rem 0;
}

.pro-video input {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #F5F5F5;
  border: #BFBFBF;
  margin-right: 10px;
  margin-top: 0.1rem;
  position: relative;
}

.pro-video input[type=checkbox]::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #000;
  display: inline-block;
  visibility: visible;
  padding-left: 0;
  text-align: center;
  border-radius: 3px;
}

.pro-video input[type=checkbox]:checked::after {
  content: '✓';
  color: #fff;
  font-size: 10px;
  line-height: .5rem;
  background-color: #ea5b2a;
}

.pro-video p {
  color: #666666;
  line-height: 1.2;
  width: calc(100% - 0.5rem - 10px);
}

.tech-video-more {
  color: #ea5b2a;
  display: none;
  padding: 0.5rem 0.8rem;
  text-decoration: underline;
}

.tech-lan {
  padding: 0.25rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E0E0E0;
  background-color: #FFFFFF;
}

.tech-lan p {
  color: #212121;
}

.tech-lan-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ea5b2a;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: relative;
}

.tech-rg {
  border: 1px solid #E0E0E0;
  padding: 1rem;
  width: 77%;
}

.tech-rg-tit {
  color: #4E5255;
}

.tech-rg-box {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.tech-rg-list {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.tech-rg-list:nth-child(3n) {
  margin-right: 0;
}

.tech-rg-pic {
  position: relative;
  height: 5rem;
  overflow: hidden;
}

.tech-rg-pic>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.tech-rg-down-load {
  width: 100%;
  background-color: #F5F5F5;
  padding: 0.2rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tech-rg-down-load p {
  color: #484848;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tech-rg-down-load a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tech-rg-down-load a svg {
  width: 0.5rem;
  height: 0.5rem;
  fill: #616161;
}

.tech-more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.tech-more div img {
  width: 100%;
  object-fit: cover;
}

.tech-more p {
  color: #797979;
}

.order-box {
  /* background-color: #F5F5F5; */
  background-color: #fff;
}

.order {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.order-lf {
  width: 45%;
  overflow: hidden;
}

.order-lf-tit {
  color: #4E5255;
  margin-bottom: 0.5rem;
}

.order-lf-cont {
  color: #666666;
  margin-bottom: 0.5rem;
}

.order-lf-pic {
  position: relative;
  bottom: -34px;
}

.order-lf-pic img {
  width: 100%;
  object-fit: cover;
}

.order-rg {
  width: 40%;
}

.order-rg form {
  width: 100%;
}

.order-rg-tit {
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.8rem;
}

.order-rg-tit .tit {
  width: 6em;
  display: inline-block;
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}

.order-rg-sub {
  color: #2c2c2c;
  margin-left: 5px;
}

.order-rg-type {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 0.6rem;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 550;
}

.order-rg-type span {
  color: #4E5255;
  margin-right: 5px;
  width: 6em;
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
  white-space: nowrap;
}

.order-rg-type input {
  color: #666666;
  background: none;
  width: calc(100% - 7em);
  font-weight: 500;
}

.order-rg-type input::placeholder {
  color: #666666;
}

.order-rg-other {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  font-weight: 550;
  /* padding-bottom: 8px; */
}

.order-rg-other>span {
  /* display: flex; */
  width: 6em;
  color: #4E5255;
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-weight: 550;
  margin-bottom: .5rem;
  margin-right: 5px;
}

.order-rg-other input {
  background: none;
  color: #666666;
}

.order-rg-other textarea {
  background: none;
  color: #666666;
  width: 100%;
}

.order-submit {
  width: 120px;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  background-color: #ea5b2a;
  color: #FFFFFF;
  border-radius: 5px;
  margin-top: 1rem;
}

.tech-tit2 {
  text-align: center;
  color: #4E5255;
  margin-bottom: 1rem;
}

.tech-search2 {
  width: 40%;
  margin: 0 auto;
  border-bottom: 1px solid #969696;
  height: 1rem;
}

.tech-search2 form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.tech-message2 {
  width: 85%;
  background: none;
  color: #808080;
  height: 100%;
  line-height: 1rem;
}

.tech-message2::placeholder {
  color: #808080;
}

.tech-submit2 {
  width: 15%;
  background-image: url(../img/tech-search-green.png);
  width: 0.5rem;
  height: 0.5rem;
}

.dealer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.dealer-list {
  width: 30%;
  margin-right: 5%;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 0.8rem;
  margin-bottom: 1rem;
}

.dealer-list:nth-child(3n) {
  margin-right: 0;
}

.dealer-tit {
  color: #323232;
}

.dealer-address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0.1rem;
}

.dealer-address-pic {
  width: 20px;
  margin-right: 15px;
  margin-top: 0.15rem;
}

.dealer-address-pic img {
  object-fit: cover;
}

.dealer-address-tit {
  color: #666666;
  width: calc(100% - 15px);
}

.dealer-tel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.dealer-tel-pic {
  width: 20px;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.dealer-tel-pic svg {
  width: 20px;
  fill: #666;
}

.dealer-tel-pic img {
  object-fit: cover;
}

.dealer-tel-tit {
  color: #666666;
  width: 94%;
}


/* 技术支持 */


/* 资料下载中心 */

.data-rg {
  background-color: #FFFFFF;
}

.data-rg-list {
  display: flex;
  align-items: center;
  padding: 18px;
  width: 49%;
  height: 8rem;
  margin-right: 2%;
  flex-wrap: wrap;
  border: 1px solid rgb(230, 230, 230);
  margin-bottom: 2%;
}

.data-rg-list:nth-child(n - 7) {
  margin-right: 2%;
}

.data-rg-list:nth-child(2n) {
  margin-right: 0;
}


/* .data-rg-list:nth-child(n + 7):nth-child(2n - 1) {
	margin-right: 0;
}

.data-rg-list:nth-child(n + 7):nth-child(2n) {
	margin-right: 2%;
} */

.data-rg-pic {
  width: 35%;
  max-height: 90%;
  margin-right: 8%;
}

.data-rg-pic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.data-rg-font {
  width: 57%;
}

.data-rg-tit {
  color: #222222;
  font-weight: bold;
  margin-bottom: 0.5rem;
  line-height: .8rem;
  height: 1.6rem;
  overflow: hidden;
  font-size: 0.55rem;
}

.data-rg-type {
  color: #666666;
}

.data-rg-down {
  color: #ea5b2a;
  margin-top: 1rem;
  display: block;
  border: 2px solid #ea5b2a;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
}

.data-rg-down:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
  transition: all 0.3s;
}


/* 资料下载中心 */


/* 经销商 */

.agent {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 2.5rem 0 1.5rem;
}

#container {
  width: 100%;
  background-color: #D1D5D8;
}

#container section {
  width: 100% !important;
}

#container svg {
  width: 100%;
}

.container-box {
  width: 50%;
  height: 17.5rem;
  overflow: hidden;
  /* background-color: rgba(209, 213, 216); */
  /* padding-top: 60px; */
}

.container-box img {
  width: 100%;
}
.agent-box{
  width: 50%;
}
.agent-name {
  /*width: 50%;*/
  max-height: 17.5rem;
  overflow: auto;
}

.agent-tit {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1;
  /* padding: 0 2rem; */
  text-align: center;
}

.agent-list-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.agent-list {
  /* padding-bottom: 1rem; */
  margin-bottom: 0.5rem;
  width: 50%;
  position: relative;
  padding-bottom:0.2rem;
}

.agent-list-tit {
  padding: 0 1rem;
  margin-bottom: 0.2rem;
}

.green {
  color: #ea5b2a;
}

.agent-address,
.agent-tel {
  padding: 0 1rem;
}

.agent-line {
  width: calc(100% - 2rem);
  margin: 1rem auto 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 1rem;
}

.agent-line img {
  object-fit: cover;
}

.leave-box {
  background-color: #FFFFFF;
}


/* 经销商 */


/* 联系我们 */

.contact {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.con_map {
  width: 68%;
}


/* .con_map::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .1);
	width: 100%;
	height: 100%;
} */

.contact-rg {
  width: 32%;
  padding: 1.5rem 2rem;
}

.contact-rg-tit {
  color: #262626;
  margin-bottom: 0.5rem;
}

.contact-rg-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 0.2rem;
}

.contact-rg-list div {
  width: 24px;
  margin-right: 3%;
  padding-top: 5px;
}

.contact-rg-list div img {
  object-fit: cover;
}

.contact-rg-list div svg {
  width: 100%;
  fill: #ea5b2a;
}

.contact-rg-list p {
  color: #666666;
  width: calc(97% - 24px);
  display: flex;
  align-items: flex-start;
}

.contact-rg-list a {
  color: #666666;
  cursor: auto;
}

.contact-hot {
  margin: 0.5rem 0;
}

.contact-hot img {
  width: 100%;
  object-fit: cover;
}

.leo-official {
  margin-top: 0.5rem;
}

.leo-official img {
  object-fit: cover;
}

.join {
  background-color: #F5F5F5;
}

.join-box {
  padding-top: 2.5rem;
}

.join-tit {
  text-align: center;
  color: #4E5255;
  margin-bottom: 1rem;
  line-height: 1;
}

.join-type {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.join-list {
  /* width: 26%;
  margin-right: 11%; */
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2rem;
  /* display: flex;
	align-items: flex-start;
	justify-content: flex-start; */
}


/* .join-list:nth-child(n + 4) {
  display: none;
} */

.join-list:nth-child(3n) {
  margin-right: 0;
}

.join-list-pic {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  margin-bottom: .5rem;
}

.join-list-pic img {
  width: 100%;
  /* height: 5rem; */
  object-fit: cover;
  /* margin-right: 5%; */
}

.join-list-tit {
  color: #4E5255;
  line-height: 1;
  margin-top: .6rem;
}

.join-list-subtit {
  /* margin-left: 15%; */
  color: #666666;
  text-align: center;
  line-height: 1.5;
  font-size: 15px;
}

.join-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.join-sup {
  width: 48%;
  height: 10rem;
  margin-right: 4%;
  background-image: url(../img/join8.png);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.join-sup-pic {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #FFFFFF;
  margin-bottom: 0.2rem;
}

.join-sup-pic img {
  object-fit: cover;
}

.join-sup-tit,
.join-sup-subtit {
  color: #FFFFFF;
}

.join-coo {
  background-image: url(../img/join9.png);
  width: 48%;
  height: 10rem;
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.join-coo-tit,
.join-coo-tel {
  color: #4E5255;
}

.join-coo-tel span {
  color: #ea5b2a;
  font-style: italic;
}


/* 联系我们 */


/* 职业发展 */

.job-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.job-list {
  width: 22%;
  height: 5rem;
  margin-right: 4%;
  background-color: #FAFAFA;
  border: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: .75rem;
}

.job-list:nth-child(4n) {
  margin-right: 0;
}

.job-list-pic {
  margin-bottom: 0.5rem;
  width: 20%;
  max-height: 40%;
}

.job-list-pic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.job-list p {
  color: #4E5255;
  width: 90%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.strategy {
  background-color: #F5F5F5;
}

.str-box {
  padding-top: 2rem;
}

.strategy-tit {
  color: #1d1d1d;
  text-align: center;
  margin-bottom: 0.5rem;
}

.str-box .str-container {
  padding-bottom: 1rem;
  height: 18rem;
}

.str-container .swiper-slide {
  background-color: #FFFFFF;
}

.str-wrapper .swiper-slide {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}

.str-swiper-lf {
  width: 50%;
  height: 100%;
}

.str-swiper-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.str-swiper-rg {
  width: 50%;
  padding: 1rem;
  overflow: hidden;
}

.str-swiper-rg>p {
  color: #444444;
}

.str-line {
  width: 28px;
  height: 3px;
  background-color: #ea5b2a;
  margin: 0.5rem 0;
}

.str-swiper-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.str-swiper-list ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.str-swiper-list li {
  list-style-type: disc;
  color: #ea5b2a;
}

.str-swiper-list p {
  color: #666666;
}

.str-container .swiper-pagination {
  position: relative;
  margin-top: 1.5rem;
  bottom: 0;
}

.str-pagination .swiper-pagination-bullet-active::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #9FA2AA;
  position: absolute;
  display: block;
  top: -5px;
  left: -5px;
}

.str-pagination .swiper-pagination-bullet {
  background-color: #B2B2B2 !important;
  opacity: 1;
  margin: 0 10px !important;
  position: relative;
  width: 6px;
  height: 6px;
}

.str-pagination .swiper-pagination-bullet-active {
  background-color: #ea5b2a !important;
}

.idea {
  position: relative;
}

.idea-pic {
  background-image: url(../img/dev71.png);
  width: 100%;
  height: 17.5rem;
}

.idea-bg {
  width: 100%;
  height: 13.5rem;
  background-color: #F5F5F5;
}

.idea-pos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.idea-tit {
  color: #FFFFFF;
  text-align: center;
}

.idea-subtit {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
}

.idea-ar {
  background-color: #FFFFFF;
  padding: 1.5rem;
}

.idea-ar-cont {
  text-align: justify;
  color: #0d0d0d;
  margin-bottom: 1rem;
}

.idea-ar-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.idea-ar-list {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  border: 1px solid #E0E0E0;
  height: 7rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0 1rem;
  overflow: hidden;
}

.idea-ar-list:nth-child(2n) {
  margin-right: 0;
}

.idea-ar-list-pic {
  margin-bottom: 5px;
  width: 1.1rem;
}

.idea-ar-list-pic img {
  object-fit: cover;
  width: 100%;
}

.idea-ar-list-tit {
  color: #060606;
  margin-bottom: 0.5rem;
  font-weight: 550;
}

.idea-ar-list-cont {
  color: #666666;
  line-height: 0.7rem;
  height: 3.5rem;
  overflow: hidden;
}

.school {
  display: flex;
  align-items: center;
  justify-content: center;
}

.school-intro {
  width: 50%;
  padding: 0 2rem;
}

.school-tit {
  color: #262626;
  margin-bottom: 1rem;
}

.school-subtit {
  color: #4E5255;
}

.school-cont {
  color: #666666;
}

.school-cont span {
  color: #ea5b2a;
  font-style: italic;
}

.school-pic {
  width: 50%;
}

.school-pic img {
  width: 100%;
  object-fit: cover;
}


/* 职业发展 */


/* 产品中心 */

.pro-box {
  height: 2rem;
}

.pro-tab {
  display: flex;
  align-items: center;
  height: 2rem;
}

.pro-tab p {
  width: 5%;
  margin-right: 2%;
  /* color: #000; */
  color: #ea5b2a;
  cursor: pointer;
}

.pro-swi-box {
  width: 93%;
  position: relative;
}

.pro-container .swiper-slide {
  /* width: 5.26%; */
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin-right: 0.25rem;
}

.pro-container .swiper-slide:last-child {
  margin-right: 0;
}

.pro-container .swiper-slide a {
  color: #858585;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 50%;
  transition: all .3s;
  line-height: 1.5rem;
}

.pro-container .swiper-slide a:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.pro-container .swiper-slide .pro-slide-active {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.pro-swi-box .swiper-button-next {
  right: -15px;
  width: 9px;
  height: 15px;
  color: #ea5b2a;
  margin-top: 0;
  transform: translateY(-50%);
}

.pro-swi-box .swiper-button-next:after {
  width: 9px;
  height: 15px;
  font-size: 18px;
  font-weight: bold;
}

.pro-swi-box .swiper-button-prev {
  left: 0;
  width: 9px;
  height: 15px;
  color: #ea5b2a;
  margin-top: 0;
  transform: translateY(-50%);
  display: none;
}

.pro-swi-box .swiper-button-prev:after {
  width: 9px;
  height: 15px;
  font-size: 18px;
  font-weight: bold;
}

.pro-cont {
  background-color: #F5F5F5;
  padding-bottom: 1.5rem;
}

.pro-cont-box {
  position: relative;
  padding: 3rem 0 0;
}

.pro-change {
  position: absolute;
  top: 1rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D9D9D9;
  width: 3rem;
  height: 1.5rem;
  z-index: 10;
}

.sudoku {
  border-right: 1px solid #D9D9D9;
}

.sudoku,
.pro-ver {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sudoku svg,
.pro-ver svg {
  width: 0.7rem;
  height: 0.7rem;
}

.sudoku svg {
  fill: #ea5b2a;
}

.pro-ver svg {
  fill: #999999;
}

.sudoku:hover svg {
  fill: #ea5b2a;
  transition: all 0.3s;
}

.pro-ver:hover {
  background-color: #ea5b2a;
  transition: all 0.3s;
}

.pro-ver:hover svg {
  fill: #FFFFFF;
  transition: all 0.3s;
}

.pro-type {}

.pro-type-tit {
  color: #000;
  font-weight: bold;
}

.pro-btn {
  /* margin-top: 0.5rem; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.pro-list {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: block;
  border: 1px solid #E3E3E3;
  background-color: #FFFFFF;
}

.pro-list:nth-child(3n) {
  margin-right: 0;
}

.pro-list-pic {
  width: 100%;
  height: 7.5rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dfdfdf;
  /* transition: all 0.3s; */
}

.pro-list-pic img {
  width: 50%;
  max-height: 80%;
  object-fit: contain;
}

.pro-list-pic:hover img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.pro-list-btn {
  padding: 1rem 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #666;
  /* transition: all 0.3s; */
  /* line-height: 0.7rem;
	height: 1.4rem; */
}

.pro-list-btn-tit {
  color: #000;
  height: 1.5rem;
  line-height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.5rem;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
  text-align: center;
}

.pro-list-btn-cont {
  color: #666;
  text-align: center;
  margin-bottom: 0.5rem;
  height: 1.6rem;
  line-height: 0.8rem;
  overflow: hidden;
}

.pro-list-btn-intro {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  /* margin-bottom: 0.5rem; */
  height: 1rem;
}

.pro-list-btn-intro1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  width: max-content;
}

.pro-list-btn-act .pro-list-btn-intro {
  justify-content: flex-start;
}

.pro-list-btn-act .pro-list-btn-intro1 {
  justify-content: flex-start;
}

.pro-list-btn-act .pro-list-btn-tit {
  text-align: left;
  width: 100%;
}

.pro-list-btn-act .pro-list-btn-cont {
  text-align: left;
}

.pro-list-btn-intro1:last-child {
  margin-right: 0;
}

.pro-list-btn-intro1 div {
  margin-right: 5px;
}

.pro-list-btn-intro1 div img {
  object-fit: cover;
}

.pro-list-btn-intro1 p {
  color: #666;
}

.pro-list-more {
  display: block;
  width: 3rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #ea5b2a;
  border-radius: 5px;
  margin: 0 auto 1rem;
  border: 2px solid rgba(0, 0, 0, 0);
}

.pro-list-more:hover {
  border: 2px solid #ea5b2a;
  background-color: #FFFFFF;
  color: #ea5b2a;
  transition: background-color 0.3s;
}

.pro-btn-more {
  width: max-content;
  margin: 1rem auto 0;
  cursor: pointer;
}

.pro-btn-more img {
  object-fit: cover;
}


/* 切换 */

.pro-ver-act {
  background-color: #ea5b2a;
}

.sudoku-act svg {
  color: #999;
}

.pro-ver-act svg {
  fill: #FFFFFF;
}

.pro-list-act {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.5rem;
  margin-right: 0;
  overflow: hidden;
}

.pro-list-pic-act {
  width: 27%;
  border-right: 1px solid #dfdfdf;
  border-bottom: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-list-pic-act img {
  width: auto;
  max-height: 95%;
  transform: scale(0.6);
  /* transition: all .3s; */
}

.pro-list-pic-act:hover img {
  transform: scale(0.6);
}

.pro-list-btn-act {
  align-items: flex-start;
  padding: 0 2rem;
  width: 58%;
}

.pro-list-more-act {
  width: 15%;
  height: 100%;
  line-height: 5.5rem;
  background: none;
  color: #ea5b2a;
  text-decoration: underline;
  border-left: 1px solid #dfdfdf;
  margin: 0;
}

.pro-list-btn-act .pro-list-btn-intro {
  flex-direction: row;
  width: 100%;
}

.pro-list-btn-act .pro-list-btn-intro1 {
  width: max-content;
  margin-right: 5%;
}

.pro-list-btn-act .pro-list-btn-intro1:last-child {
  margin-right: 0;
}


/* 切换 */


/* 产品中心 */


/* 产品类型 */

.type {
  background-color: #F5F5F5;
  padding: 2rem 0;
}

.type-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.type-list {
  width: 32%;
  height: 9.5rem;
  margin-right: 2%;
  margin-bottom: 2%;
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
  display: block;
  padding: 1rem;
}

.type-list:nth-child(3n) {
  margin-right: 0;
}

.type-list div {
  width: 100%;
  height: 80%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.type-list div img {
  width: 50%;
  object-fit: cover;
}

.type-list p {
  text-align: center;
  color: #000000;
  width: 90%;
  margin: .5rem auto 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.type-list p a {
  color: #000000;
}


/* 产品类型 */


/* 产品查询 */

.banner-search {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.banner-font-tit {
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  /* margin-bottom: 0.5rem; */
}

.pro-search {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  width: 15rem;
  margin: 0 auto;
  padding: 5px;
  border-radius: 5px;
}

.pro-search input {
  width: calc(100% - 1.2rem);
  color: #333;
  padding: 0 0.5rem;
}

.pro-search input::placeholder {
  color: #000000;
}

.pro-search a {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-color: #ea5b2a;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-search a svg {
  width: 0.5rem;
  height: 0.5rem;
  fill: #FFFFFF;
}

.query-tit {
  color: #333;
  text-align: center;
}

.query-type {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 60%;
  margin: 0.5rem auto 0;
}

.query-input {
  width: calc((100% - 1.2rem)/4 - 1.6rem);
  margin-right: 0.4rem;
}

.query-input p {
  color: #000;
  margin-bottom: 0.2rem;
}

.query-cont {
  border: 1px solid #e3e3e3;
  background: none;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 0.5rem;
  position: relative;
  cursor: pointer;
  color: #666666;
}

.query-cont::after {
  content: '';
  display: block;
  background: url(../img/select.png) no-repeat;
  background-size: 10px 6px;
  width: 10px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}

.query-cont-ac::after {
  transform: translateY(-50%) rotate(-90deg);
}

.query-cont-none {
  display: none;
  position: absolute;
  background: #FFFFFF;
  width: 100%;
  z-index: 10;
  left: 0;
  top: 1.5rem;
  padding: 0 0.5rem;
  border: 1px solid #e3e3e3;
}

.query-cont-none span {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}

.unit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0.2rem 0;
  position: relative;
}

.unit .unit-none {
  display: none;
  position: absolute;
  background: #FFFFFF;
  width: 50%;
  z-index: 10;
  right: 0;
  top: 1.5rem;
  padding: 0 0.3rem;
  border: 1px solid #e3e3e3;
  cursor: pointer;
}

.unit-none span {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}

.unit-ac::after {
  transform: translateY(-50%) rotate(-90deg);
}

.unit input {
  width: 50%;
  padding: 0 0.6rem 0 0.3rem;
}

.unit-cont {
  width: 50%;
  text-align: left;
  height: 100%;
  line-height: 1.1rem;
  border-left: 1px solid #e3e3e3;
  padding: 0 0.3rem;
  color: #808080;
  position: relative;
  cursor: pointer;
}

.unit-cont::after {
  content: '';
  display: block;
  background: url(../img/select.png) no-repeat;
  background-size: 10px 6px;
  width: 10px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0.3rem;
  transform: translateY(-50%);
}

.qry-meun {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.qry-meun-top {
  margin-bottom: 2px;
}

.qry-meun-top,
.qry-meun-btn {
  width: 14px;
  height: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.qry-meun-top svg,
.qry-meun-btn svg {
  width: 14px;
  height: 8px;
  fill: #737373;
}

.qry-meun-top svg {
  transform: rotate(180deg);
}

.qry-meun-top svg:hover,
.qry-meun-btn svg:hover {
  fill: #ea5b2a;
}

.query-sub {
  display: block;
  width: 1.2rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background-color: #ea5b2a;
  color: #FFFFFF;
  border-radius: 5px;
}

.explore {
  background-color: #f5f5f5;
}

.ex-tit {
  text-align: center;
  color: #333;
  margin-bottom: 0.5rem;
}

.ex-type {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ex-list {
  display: block;
  width: 32%;
  margin-right: 2%;
  background-color: #FFFFFF;
  padding: 1rem;
  height: 12rem;
}

.ex-list:nth-child(3n) {
  margin-right: 0;
}

.ex-list-pic {
  width: 100%;
  height: 6.5rem;
  overflow: hidden;
}

.ex-list-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ex-list-pic:hover img {
  transform: scale(1.1);
}

.ex-list-tit {
  color: #333;
  margin: 0.5rem 0 0;
}

.ex-list-cont {
  color: #666;
  margin-bottom: 1rem;
}

.query-btn {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.query-url {
  margin-right: 2%;
}


/* .query-url p,
.query-ls-hover {
	text-align: center;
	line-height: 1.5;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFFFFF;
	display: block;
} */

.query-code {
  width: 49%;
  height: 9rem;
  position: relative;
  padding: 1rem;
  background-color: #FFFFFF;
}

.query-ls {
  width: 100%;
  height: 100%;
  position: relative;
}

.query-ls img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.query-ls-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(234, 91, 42, .9);
}

.query-url-pos {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
}

.query-code-icon {
  width: 1.5rem;
  margin: 0 auto 0.5rem;
}

.query-code-icon img {
  width: 100%;
  object-fit: cover;
}

.query-url-pos p {
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  text-align: center;
  line-height: 1;
}

.query-url-pos p:last-child {
  margin-bottom: 0;
}

.query-url-pos .query-code-down {
  background-color: #FFFFFF;
  color: #ea5b2a;
  padding: 0.3rem;
  transition: all 0.3s;
  width: max-content;
  margin: 0 auto;
  border-radius: 10px;
}

.query-code-down:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
}


/* .query-ls {
	width: 100%;
	height: 100%;
	position: relative;
}

.query-ls-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,113,119,.9);
}

.query-ls img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.query-code-none {
	position: absolute;
	width: 100%;
	height: 12rem;
	padding: 1rem;
	display: none;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.5);
}

.query-code-none img {
	width: 40%;
	object-fit: cover;
	margin: 0 auto;
} */


/* 产品查询 */


/* 产品详情 */

.datail-tab {
  height: 1.5rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transition: all 0.3s; */
}


/* .datail-tab.fixDiv {
  border-top: 1px solid #EAEAEA;
} */

.datail-tab p {
  width: 50%;
  text-align: left;
  color: #000;
}

.detail-box {
  width: 50%;
  height: 100%;
}

.datail-container {
  height: 100%;
}

.datail-wrapper {
  display: flex;
  /* align-items: center; */
  justify-content: flex-end;
}

.datail-wrapper .swiper-slide {
  width: max-content;
  margin-right: 2%;
  height: 100%;
  line-height: 1.5rem;
}

.datail-wrapper .swiper-slide:last-child {
  margin-right: 0;
}

.datail-wrapper .swiper-slide a {
  display: block;
  text-align: center;
  line-height: 1.5rem;
  color: #3e3e3e;
}

.datail-wrapper .swiper-slide .scoll-in {
  color: #ea5b2a;
}

.datail-wrapper .swiper-slide a:hover {
  color: #ea5b2a;
}

.datail-intro {
  display: flex;
  align-items: center;
  justify-content: center;
}

.datail-intro-lf {
  width: 50%;
  height: 22rem;
  position: relative;
  background-color: #585E67;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding-top: 2.5rem;
}

.dat-int-lf-tit {
  position: absolute;
  top: 8%;
  left: 10%;
  color: #FFFFFF;
}

.dat-int-lf-pic {
  max-width: 90%;
  max-height: 60%;
  object-fit: contain;
}

.dat-int-lf-swi {
  position: absolute;
  left: 50%;
  width: 60%;
  transform: translateX(-50%);
  top: calc(60% + 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20%;
}

.dat-int-lf-swi-ls {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #697078;
  cursor: pointer;
  transition: all 0.3s;
}

.dat-int-lf-swi-ls:hover {
  border: 2px solid #FFFFFF;
}

.dat-int-lf-swi-ls-ac {
  border: 2px solid #FFFFFF;
}

.dat-int-lf-swi-ls img {
  /* width: 100%; */
  height: 70%;
  object-fit: cover;
}

.dat-int-lf-swi-ls:last-child {
  margin-right: 0;
}

.datail-intro-rg {
  width: 50%;
  height: 22rem;
  background-color: #f5f5f5;
  padding: 0 4rem 0 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dat-int-rg-tit {
  color: #000000;
}

.dat-int-rg-cont {
  color: #666666;
  margin-bottom: 1rem;
  line-height: 1.5em;
  max-height: 12em;
  overflow-y: auto;
  padding-right: 10px;
}

.dat-int-rg-cont::-webkit-scrollbar {
  width: 3px;
}

.dat-int-rg-subt {
  color: #000000;
  margin-bottom: 0.5rem;
}

.dat-int-rg-tp {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.dat-int-rg-ls {
  width: 100%;
  /* margin-right: 4%; */
  margin-bottom: 2%;
}

.dat-int-rg-ls:nth-child(2n) {
  margin-right: 0;
}

.dat-int-rg-ls-tit {
  color: #4c4c4c;
  /* border-bottom: 1px solid #BABABA; */
  position: relative;
}


/* .dat-int-rg-ls-tit::after {
	content: '';
	background: url(../img/select.png) no-repeat;
	background-size: 8px 4px;
	display: block;
	width: 8px;
	height: 4px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s;
} */

.dat-int-rg-ls-tit-ac::after {
  transform: translateY(-50%) rotate(-90deg);
}

.dat-int-rg-ls-cont {
  width: 80%;
  margin: 0 auto;
  display: none;
}

.dat-int-rg-ls-cont p {
  border-bottom: 1px solid #BABABA;
  color: #666666;
  padding-top: 0.2rem;
}

.dat-int-rg-tp2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.dat-int-rg-tp2-ls {
  width: 23.5%;
  margin-right: 2%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  border: 1px solid #BABABA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.dat-int-rg-tp2-ls:nth-child(4n) {
  margin-right: 0;
}

.dat-int-rg-tp2-ls-t {
  color: #ea5b2a;
  line-height: 1;
  font-weight: bold;
}

.dat-int-rg-tp2-ls-t2 {
  color: #666666;
}

.det-int-tit {
  color: #202020;
  text-align: center;
  margin-bottom: 0.5rem;
}

.det-int-btn {
  /* background-color: #f5f5f5; */
}

.det-int-btn p {
  font-size: 16px;
}

.det-int-btn img {
  width: 100%;
  object-fit: cover;
  max-width: 1400px;
  margin: 0 auto;
}

.det-int-pic {
  font-size: 0;
}

.det-int-pic img {
  width: 100%;
  object-fit: cover;
}

.det-int-all {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 6rem;
  overflow: hidden;
  padding: 1.5rem 2.5rem;
}

.det-int-list {
  width: 28%;
  margin-right: 8%;
}

.det-int-list:nth-child(3n) {
  margin-right: 0;
}

.det-int-list-tit {
  color: #4E5255;
}

.det-int-list-cont {
  color: #666;
}

.screen {
  background-color: #f5f5f5;
}

.screen-tit {
  text-align: center;
  margin-bottom: 0.5rem;
  color: #202020;
  width: 100%;
}

.screen-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.screen-lf {
  width: 22%;
  margin-right: 1%;
}

.screen-no {
  padding: 0.5rem 0;
}

.pro-screen {
  padding: 0 0.8rem;
  margin-bottom: 5px;
}

.pro-screen-tit {
  position: relative;
}

.pro-screen-tit::after {
  content: '';
  display: block;
  position: absolute;
  background: url(../img/select2.png) no-repeat;
  background-size: 14px 8px;
  width: 14px;
  height: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.pro-screen-tit-ac::after {
  content: '';
  display: block;
  position: absolute;
  background: url(../img/select3.png) no-repeat;
  background-size: 14px 8px;
  width: 14px;
  height: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  transition: all 0.3s;
}

.screen-list-none {
  padding: 0 5px;
  display: none;
}

.scr-ls-no-max {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.scr-ls-no-max input {
  background: none;
  border: 1px solid #e0e0e0;
  width: 35%;
  height: 0.75rem;
  color: #666666;
}

.scr-ls-no-max span {
  margin: 0 10px;
  color: #666666;
}

.scr-ls-no-min {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.scr-ls-no-min input {
  margin-right: 5px;
  background: none;
  color: #666666;
}


/* .scr-ls-no-min span {
	color: #666;
} */

.scr-ls-no-min label {
  color: #666;
}

.screen-rg {
  width: 77%;
  /* border: 1px solid #e0e0e0; */
}

.scr-rg-table {
  border: 1px solid #e0e0e0;
}

.tab-tit-gr,
.tab-tit-big {
  border-right: none;
  border-left: none;
}

.tab-tit-gr::after,
.tab-tit-big::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}


/* .sku-table tbody {
	height: 200px;
	overflow: hidden;
	display: block;
	overflow: hidden;
	overflow-y: auto;
} */

.scr-rg-tit {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
  background-color: #FFFFFF;
}

.scr-rg-tit div {
  margin-right: 10px;
}

.scr-rg-tit div img {
  object-fit: cover;
}

.scr-rg-tit p {
  color: #4E5255;
}

.table-box {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 600px;
}

.table-box table {
  /* border: 1px solid #e0e0e0; */
  border-collapse: collapse;
  min-width: 2560px;
  table-layout: fixed;
  overflow-y: auto;
}

.table-box thead {
  position: sticky;
  top: 0;
  z-index: 3;
}

.table-box tbody {
  max-height: 600px;
}

.table-box tbody tr:hover {
  background-color: #FFFFFF;
}

th,
td {
  border: 1px solid #e0e0e0;
  vertical-align: middle;
  text-align: center;
  color: #666;
  transition: all 0.3s;
  /* position: relative;
	z-index: 1; */
}

.tab-tit-big {
  height: 2.5rem;
  width: 5rem;
  color: #212121;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: -1px;
  z-index: 3;
  background: #FFFFFF;
}

.tab-tit-big2 {
  color: #212121;
  background: #FFFFFF;
  position: relative;
}

.table-span {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #E0E0E0;
  top: 0;
  left: 0;
}

th.tab-tit-big2 span {
  border-left: none;
}

.tab-tit-let2,
.tab-tit-gr {
  height: 1rem;
  font-weight: 500;
  color: #ea5b2a;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: -1px;
  z-index: 2;
  background: #FFFFFF;
}

.tab-tit-let {
  width: 2.85rem;
  font-weight: 500;
  background: #FFFFFF;
  position: relative;
}

.tab-tit-let::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E0E0E0;
}

.tab-tit-let span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  top: -2px;
  left: 0;
  background-color: #E0E0E0;
}

.screen-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.scr-itr-lf {
  width: 50%;
  border-right: 1px solid #DFDFDF;
}

.scr-itr-rg {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.scr-itr-lf-ls {
  width: 60%;
  margin-bottom: 2rem;
}

.scr-itr-lf-ls:last-child {
  margin-bottom: 0;
}

.scr-itr-lf-ls>p {
  color: #4E5255;
}

.scr-itr-lf-ls div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.scr-itr-lf-ls div span {
  color: #666666;
}

.document {
  background-color: #303030;
}

.doc-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.doc-lf {
  width: 22%;
  margin-right: 1%;
}

.doc-none {
  padding: 0.2rem 0 0.4rem;
}

.doc-tit {
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}

.doc-rg {
  width: 77%;
}

.doc-rg-top {
  background: #FFFFFF;
  padding: 0.6rem 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 2px solid #D7D7D7;
}

.doc-rg-top input {
  width: 0.5rem;
  height: 0.5rem;
}

.doc-rg-top span {
  margin: 0 1rem 0 0.3rem;
  color: #212121;
  font-family: 'NotoSansHans';
}

.doc-rg-top div img {
  object-fit: cover;
}

.doc-rg-btn {
  background-color: #f5f5f5;
}

.doc-rg-ls {
  padding: 0.5rem 2rem 0.5rem 1rem;
  border-bottom: 1px solid #D7D7D7;
}

.doc-rg-ls-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.doc-rg-ls-top-lf {
  width: 50%;
  display: flex;
  align-items: center;
}

.doc-rg-ls-top-lf input {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.3rem;
}

.doc-rg-ls-top-lf span {
  color: #888888;
}

.doc-rg-ls-top-rg {
  width: 50%;
  text-align: right;
}

.doc-rg-ls-top-rg span {
  color: #888888;
  margin-right: 2rem;
}

.doc-rg-ls-top-rg span:last-child {
  margin-right: 0;
}

.doc-rg-ls-line {
  width: 97%;
  height: 1px;
  background-color: #D7D7D7;
  position: relative;
  right: -1.2rem;
  margin: 0.3rem 0;
}

.doc-rg-ls-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.8rem;
}

.doc-rg-ls-btn-lf {
  width: 50%;
  color: #212121;
  display: block;
  cursor: pointer;
}

.doc-rg-ls-btn-rg {
  width: 50%;
  /* padding-left: 6.75rem; */
  position: relative;
}

.doc-rg-ls-btn-tit {
  color: #212121;
  position: relative;
  border-bottom: 1px solid #D7D7D7;
  cursor: pointer;
  width: 50%;
  margin-left: 50%;
}

.doc-rg-ls-btn-tit::after {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 8px;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/select4.png) no-repeat;
  background-size: 15px 8px;
  transition: all 0.3s;
}

.doc-rg-ls-btn-tit-ac::after {
  transform: translateY(-50%) rotate(-90deg);
  transition: all 0.3s;
}

.doc-rg-ls-btn-rg-pop {
  position: absolute;
  top: 1rem;
  left: 50%;
  display: none;
  width: 50%;
  background: #f5f5f5;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
}

.doc-rg-ls-btn-rg-pop span {
  color: #666666;
  display: block;
  border-bottom: 1px solid #D7D7D7;
  padding: 0.25rem;
}

.vd {
  background: #f5f5f5;
}

.vd-tit {
  color: #202020;
  text-align: center;
  line-height: 1;
  margin-bottom: 1rem;
}

.vd-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.vd-tab p {
  color: #8f8f8f;
  text-decoration: underline;
  /* margin-right: 1rem; */
  cursor: pointer;
}

.vd-tab p:last-child {
  margin-right: 0;
}

.vd-tab p:hover {
  color: #ea5b2a;
}

.vd-tab .vd-tab-ac {
  color: #ea5b2a;
}

.vd-list {
  position: relative;
}

.vd-list::after {
  /* content: '(客服索取提取码后可浏览)'; */
  content: '';
  display: block;
  text-decoration: none;
  position: absolute;
  width: max-content;
  font-size: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.vd-cont {
  width: 100%;
}

.vd-ls-input {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: none;
}

.vd-ls-input-close {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.show {
  display: block;
}

.input-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 5px;
  z-index: 2;
}

.input-box input {
  width: 4.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  background: none;
  padding: 0 0.5rem;
}

.input-box input[type=submit] {
  height: 2.5rem;
  width: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background: #ea5b2a;
  color: #fff;
  border-radius: 5px;
  margin-right: 0;
  padding: 0;
  cursor: pointer;
}

.pro-video-play {
  width: 100%;
  position: relative;
}

.pro-video-play video {
  width: 100%;
}

.pro-video-play img {
  /* width: 100%; */
  object-fit: cover;
  max-width: 100%;
  margin: 0 auto;
}

.play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.play-video div {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-video img {
  object-fit: cover;
}

.play-video p {
  color: #FFFFFF;
}

.relat-tit {
  color: #202020;
  text-align: center;
  margin-bottom: 0.5rem;
}

.relat-pic {
  width: 100%;
  padding: 1%;
}

.relat-pic img {
  /* width: 100%; */
  max-width: 1200px;
  object-fit: cover;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.relat-pic-tit {
  text-align: center;
  margin-top: 0.5rem;
}


/* .relat-pic {
	width: 100%;
}

.relat-pic-big {
	width: 100%;
	height: 15rem;
	position: relative;
}

.relat-pic-big>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.relat-pic-let {
	width: 9.5rem;
	height: 6rem;
	position: absolute;
	right: 0;
	bottom: 0;
	border-top: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	overflow: hidden;
}

.relat-pic-let img {
	width: 100%;
	object-fit: cover;
}

.relat-pic-tit {
	color: #202020;
	margin-top: 0.5rem;
} */

.pro-ser {
  background-color: #f5f5f5;
}

.pro-ser-tit {
  color: #202020;
  text-align: center;
  margin-bottom: 0.5rem;
}

.pro-ser-type {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-ser-ls {
  width: 33.3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-right: none;
  height: 9.5rem;
}

.pro-ser-ls:last-child {
  border-right: 1px solid #EAEAEA;
}

.pro-ser-ls-pic {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #636363;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-ser-ls-pic img {
  width: 50%;
  object-fit: cover;
}

.pro-ser-ls-tit {
  color: #4E5255;
}

.pro-ser-ls-int {
  color: #808080;
  margin: 0.5rem 0 1rem;
}

.pro-ser-ls-more {
  display: block;
  width: 40%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  background-color: #ea5b2a;
  color: #FFFFFF;
  transition: all 0.3s;
  border: 2px solid #ea5b2a;
}

.pro-ser-ls-more:hover {
  background-color: #FFFFFF;
  color: #ea5b2a;
}

.rec-tit {
  color: #202020;
  text-align: center;
  margin-bottom: 0.5rem;
}

.recommend .recommend-container {
  padding: 0 1px;
  padding-bottom: 2rem;
}

.pro-list-tit {
  color: #000;
  margin: 1rem 0.5rem 0.5rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}

.rec-cont {
  line-height: 0.7rem;
  height: 2.8rem;
  padding: 0;
  margin: 0 0.5rem 0.5rem;
  display: block;
}

.rec-slide {
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
}

.recommend-pagination .swiper-pagination-bullet-active {
  background: #ea5b2a;
}

.videos {
  width: 29.5rem;
  height: auto;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.videos_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  background: #000;
  display: none;
  opacity: 0.6;
}

.videos video {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.videos .vclose {
  position: absolute;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  top: 0.375rem;
  right: 0.375rem;
  /* background-color: #FFFFFF; */
}


/* 产品详情 */


/* 案例/发展历程新 */

.milestone {
  position: relative;
  /* background: #fff; */
  overflow: hidden;
}

.milestone .title-wrapper {
  padding-left: 5.83%;
  margin-top: 7.66%;
}

.milestone .active-container {
  width: 38.8%;
  height: 17.4%;
  border: 1px solid #ececec;
  position: absolute;
  top: 41.3%;
  left: 0;
  z-index: 0;
}

.show-table {
  display: table;
}

.milestone .active-container .line {
  position: absolute;
  width: 16.18%;
  height: 1px;
  background: #666;
  left: 38.64%;
  top: 50%;
  margin-top: -.5px;
}

.milestone .content-container {
  width: 100%;
  height: 87%;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  top: 6.5%;
  z-index: 1;
}

.milestone .content-container .swiper-year {
  width: 38.96%;
  height: 100%;
  position: absolute;
  left: 0;
}

.milestone .content-container .swiper-year .swiper-wrapper {
  display: block;
}

.milestone .content-container .swiper-year .swiper-wrapper .swiper-slide {
  width: 100%;
}

.milestone .content-container .swiper-year .swiper-wrapper .swiper-slide .content-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.milestone .content-container .des-container {
  width: 61.04%;
  height: 90%;
  position: absolute;
  right: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5.77% 0 10.35%;
  margin-top: 3%;
}

.milestone .content-container .des-container .IScroll {
  max-height: 100%;
  /* overflow-y: scroll; */
  overflow: auto;
  width: 100%;
  padding-right: 1000px;
}

.milestone .swiper-btn-prev {
  bottom: 41.3%;
  margin-bottom: -17px;
}

.milestone .toggle-btn {
  width: 34px;
  height: 34px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 17%;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
}

.milestone .swiper-btn-next {
  top: 41.3%;
  margin-top: -17px;
}

.milestone:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #ebebeb;
  left: 38.8%;
  top: 0;
}


/* 案例/发展历程新 */


/* 悬浮 */

.back-top {
  position: fixed;
  bottom: 120px;
  right: 0;
  cursor: pointer;
  z-index: 100;
  display: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid #ea5b2a;
  text-align: center;
  border-radius: 5px;
}

.back-top svg {
  fill: #ea5b2a;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}

.online-msg {
  position: fixed;
  /* top: 50%; */
  bottom: 50px;
  right: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background-color: #ea5b2a;
  color: #FFFFFF;
  z-index: 100;
  border-radius: 5px;
}

.online-msg img {
  width: 60%;
  object-fit: cover;
}

.fixDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 2rem;
	line-height: 2rem; */
  background-color: #fff;
  z-index: 100;
  max-width: inherit;
  box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
  padding: 0 5%;
}


/* .fixDiv .datail-wrapper .swiper-slide a {
	line-height: 2rem;
} */

.fixDiv>p {
  /* width: 20%; */
  /* margin-left: 5%; */
  transition: all 0.3s;
}


/* .fixDiv .detail-box {
	width: 80%;
	transition: all 0.3s;
} */

.data-pos {
  position: relative;
  margin-top: 0.5rem;
}

.data-pos-tit {
  color: #212121;
  position: relative;
  border-bottom: 1px solid #D7D7D7;
  cursor: pointer;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15%;
}

.data-pos-tit::after {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 6px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/select4.png) no-repeat;
  background-size: 13px 6px;
  transition: all 0.3s;
}

.data-pos-none {
  position: absolute;
  top: 1rem;
  left: 0;
  display: none;
  width: 80%;
  background: #FFFFFF;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.data-pos-none span {
  color: #666666;
  display: block;
  border-bottom: 1px solid #D7D7D7;
  padding: 0 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.video-container .swiper-pagination {
  bottom: 0;
  left: 50%;
}

.video-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ea5b2a;
}

.body {
  height: 100vh;
  overflow: hidden;
}

.download-tip {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 101;
}

.download-tip-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 5px;
  z-index: 3;
}

.download-tip input {
  width: 4.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  background: none;
  padding: 0 0.5rem;
}

.download-tip input[type=submit] {
  height: 2.5rem;
  width: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background: #ea5b2a;
  color: #fff;
  border-radius: 5px;
  margin-right: 0;
  padding: 0;
  cursor: pointer;
}

.download-tip-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.vd-ls-clc {
  width: 100%;
  height: 100%;
}

.bds_weixin,
.bds_tsina {
  position: relative;
}

.weixin-code {
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  background-color: #FFFFFF;
}

.weixin-code img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* 搜索结果页 */

.search-cont {
  padding: 2rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.search-tab {
  width: 16%;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-right: 4%;
}

.search-tab a {
  display: block;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: .45rem;
  border-bottom: 1px solid #E0E0E0;
  transition: all 0.3s;
  color: #666;
}

.search-tab a:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.search-tab a:last-child {
  border-bottom: none;
}

.search-tab .search-tab-ac {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.search-warp {
  width: 80%;
}

.search-pro .pro-list {
  width: 80%;
}

.search-pro .pro-list-more-act {
  text-align: center;
}

.search-case-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.search-case .case-list {
  width: 32%;
  border: 1px solid #E0E0E0;
  margin-right: 2%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.search-case .case-list:nth-child(3n) {
  margin-right: 0;
}

.search-case .case-list-wrap-more {
  display: block;
  width: 3rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #ea5b2a;
  border: 2px solid #ea5b2a;
  border-radius: 5px;
  margin: 0 auto 1rem;
}

.search-case .case-list-wrap-more:hover {
  background-color: #FFFFFF;
  color: #ea5b2a;
}

.search-news-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.search-news-box .news-btn-list {
  border: 1px solid #E0E0E0;
  padding: 1rem;
}

.type4-container .swiper-wrapper {
  justify-content: flex-start;
}


/* 搜索结果页 */

.tab-tit-gr {
  cursor: pointer;
}

.td-tit-pic {
  display: none;
  position: absolute;
  left: 7.5rem;
  top: 0;
  width: 3rem;
}

.over {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

.tempContainer {
  position: fixed;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  text-align: center;
  z-index: 101;
}

.tempContainer img {
  margin: 0 auto;
}

.index-com-list>div:last-child {
  margin-left: -4%;
}

.index-com-list>div:nth-last-child(2) {
  margin-left: -4%;
}


/* .index-container {
	height: 21.25rem;
} */

.index-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.head-url {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 0;
}

.head-url a {
  color: #666;
  border-right: 1px solid #666;
  margin-right: 0.25rem;
  padding-right: 0.25rem;
  line-height: 1.2;
  transition: all 0.3s;
}

.head-url a:hover {
  color: #ea5b2a;
}

.honor-container2 .swiper-pagination-bullet {
  margin: 0 6px;
}

.honor-container2 .swiper-pagination-bullet-active {
  background-color: #ea5b2a;
}

.honor-container2 .swiper-slide {
  overflow: hidden;
}

.pagination .active {
  color: #ea5b2a;
}

.manage {
  padding: 1.75rem 0;
}

.manage-tit {
  color: #4E5255;
  text-align: center;
  line-height: 1;
  margin-bottom: 1rem;
}

.manage-intro {
  width: 100%;
  min-height: 16.65rem;
  padding: 3.75rem 2.25rem 1rem;
}

.manage-intro-tit {
  color: #4E5255;
  line-height: 1;
  margin-bottom: .75rem;
}

.manage-intro-cont {
  width: 37%;
  text-align: justify;
  line-height: 1.8;
}

.manage-intro-cont span {
  font-style: italic;
  color: #ea5b2a;
  font-weight: bold;
}

.strateg {
  margin-top: 1.5rem;
}

.strateg-tit {
  color: #1d1d1d;
  margin-bottom: 1.25rem;
  text-align: center;
  line-height: 1;
}

.strat-intro {}

.strat-ls {
  overflow: hidden;
}

.strat-ls-lf {
  width: 50%;
  height: 11rem;
  float: left;
}

.strat-ls-lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.strat-ls-rg {
  width: 50%;
  height: 11rem;
  background-color: #F5F5F5;
  float: left;
  padding: 1.5rem;
}

.strat-ls-rg-tit {
  color: #444444;
  line-height: 1;
}

.strat-ls-rg-line {
  width: 0.7rem;
  height: 3px;
  background-color: #ea5b2a;
  margin: 0.75rem 0 1rem;
}

.strat-ls-rg-cont {
  max-height: 5rem;
  overflow-y: auto;
  text-align: justify;
  padding-right: 10px;
  line-height: 1.8;
}

.strat-ls-rg-cont::-webkit-scrollbar {
  width: 3px;
}

.strat-ls-rg-cont p {
  color: #666666;
  margin-bottom: 0.35rem;
  padding-left: 0.55rem;
  position: relative;
}

.strat-ls-rg-cont p::after {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ea5b2a;
  left: 0;
  top: 0.25rem;
}

.strat-ls:nth-child(2n) .strat-ls-lf {
  float: right;
}

.problem-box {
  padding: 2.5rem 0 1.25rem;
  background-color: #F5F5F5;
}

.problem {
  padding: ;
}

.problem-tit {
  margin-bottom: 1.25rem;
  line-height: 1;
  text-align: center;
}

.problem-ajax {
  margin-bottom: 1.2rem;
}

.problem-ls {
  margin-bottom: 0.3rem;
  background-color: #FFFFFF;
  padding: 0 1.3rem 0 1.05rem;
}

.problem-ls:last-child {
  margin-bottom: 0;
}

.problem-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.problem-view-lf {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem 0;
  width: 60%;
}

.problem-view-lf div {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.7rem;
  margin-top: 4px;
}

.problem-view-lf div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.problem-view-lf p {
  color: #333;
  width: calc(100% - 1.5rem);
}

.problem-view-rg {
  width: 1.1rem;
  height: 1.1rem;
  transition: all 0.3s;
}

.problem-view-rg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.problem-tip {
  border-top: 1px solid #EBEBEB;
  padding: 0.9rem 5.9rem 1.4rem 1.4rem;
  color: #666;
  line-height: 2;
  display: none;
}

.problem-ls .cur .problem-view-rg {
  transform: rotate(180deg);
}

.prob-more {
  margin: 0 auto;
  cursor: pointer;
  width: max-content;
}

.prob-more div {
  width: 0.65rem;
  height: 0.65rem;
  margin: 0 auto;
}

.prob-more div img {
  width: 100%;
  height: 100%;
}

.prob-more p {
  color: #262626;
  text-align: center;
  line-height: 1;
  margin-top: 10px;
}

.type-tab {
  display: flex;
  align-items: center;
  justify-content: center;
}

.type-tab span {
  cursor: pointer;
  width: 7rem;
  height: 1.5rem;
  color: #000000;
  display: block;
  margin-right: 0.5rem;
  text-align: center;
  line-height: 1.5rem;
  background-color: #FFFFFF;
  transition: all 0.3s;
  border-radius: 10px;
}

.type-tab span:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.type-tab span:last-child {
  margin-right: 0;
}

.type-tab .cur {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.banner .public-container .swiper-pagination {
  bottom: 10%;
}

.public-container .swiper-pagination-bullet {
  background: #FFFFFF;
}

.public-container .swiper-pagination-bullet-active {
  background: #ea5b2a;
}

.fixDiv2 {
  position: fixed;
  top: 2rem;
  left: 0;
  background: #FFFFFF;
  padding: 0 14%;
  z-index: 20;
  width: 100%;
}

.type {
  padding-top: 2rem;
}

.swiper-box {
  position: relative;
}


/* .type-container .swiper-wrapper {
	justify-content: center;
} */

.type-container .swiper-slide {
  cursor: pointer;
  width: 18%;
  height: 1.5rem;
  color: #000000;
  margin-right: 2.5%;
  text-align: center;
  line-height: 1.5rem;
  background-color: #FFFFFF;
  transition: all 0.3s;
  border-radius: 10px;
  min-width: max-content;
}

.type-container .cur {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.type-container .swiper-slide:hover {
  background-color: #ea5b2a;
  color: #FFFFFF;
}

.type-container .swiper-slide:last-child {
  margin-right: 0;
}

.swiper-box .swiper-button-prev,
.swiper-box .swiper-button-next {
  color: #ea5b2a;
}

.swiper-box .swiper-button-prev {
  left: 10%;
}

.swiper-box .swiper-button-next {
  right: 10%;
}

.swiper-box .swiper-button-prev::after,
.swiper-box .swiper-button-next::after {
  font-size: 0.8rem;
}

.pro-list-btn2 {
  padding: 0.5rem;
}

.public-container .swiper-button-prev,
.public-container .swiper-button-next {
  color: #FFFFFF;
}

.public-container .swiper-button-prev::after,
.public-container .swiper-button-next::after {
  font-size: 1.2rem;
}

.prof-box .swiper-button-next,
.prof-box .swiper-button-prev {
  color: #ea5b2a;
}

.prof-box .swiper-button-next {
  right: 2%;
}

.prof-box .swiper-button-prev {
  left: 2%;
}

.honor-container2 .swiper-button-next,
.honor-container2 .swiper-button-prev {
  color: #ea5b2a;
}

.brand-container .swiper-button-next,
.brand-container .swiper-button-prev {
  color: #ea5b2a;
}

.amplification {
  position: fixed;
  background-color: rgba(0, 0, 0, .5);
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.amplification div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.amplification img {
  width: 100%;
  object-fit: cover;
}

.mb-block {
  display: none;
}

.mb-img {
  display: none;
}

.index-com-numb p {
  line-height: 1;
  display: flex;
  align-items: flex-start;
}

.index-com-numb p span {
  display: inline-block;
}

.index-com-numb p span:nth-child(2) {
  font-weight: lighter;
  line-height: 1.4;
}

.pro-swiper-box .swiper-button-next,
.pro-swiper-box .swiper-button-prev {
  color: #ea5b2a;
  display: none !important;
}

.query-ban-sub {
  color: #FFFFFF;
  line-height: 1;
  font-style: italic;
  margin-top: .5rem;
  margin-bottom: .75rem;
  text-align: center;
}

.head-search .tel {
  padding: 2px .25rem;
  background-color: #ea5b2a;
  border-radius: .5rem;
  color: #fff;
  text-transform: uppercase;
  margin-left: .5rem;
}

.share-component {
  float: right;
}

.news-info-cont .share-component a {
  width: .8rem;
  height: .8rem;
  margin-right: 0.25rem;
  border: none;
  border-radius: 0;
  font-size: 0;
}

.news-info-cont .share-component a:last-child {
  margin-right: 0;
}

.news-info-cont .share-component a.icon-wechat {
  background: url(../img/109.png) no-repeat center;
}

.news-info-cont .share-component a.icon-qq {
  background: url(../img/110.png) no-repeat center;
}

.news-info-cont .share-component a.icon-qzone {
  background: url(../img/111.png) no-repeat center;
}

.news-info-cont .share-component a.icon-weibo {
  background: url(../img/112.png) no-repeat center;
}

.pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 101;
  display: none;
}

.pop .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pop .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.close-btm {
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: .75rem;
  height: .75rem;
  cursor: pointer;
  background-color: #000;
  text-align: center;
  line-height: .75rem;
}

.img-box {
  height: 70vh;
  overflow-y: auto;
}

.img-box img {
  max-height: 100%;
}

.close-btm img {
  width: .5rem;
  display: inline-block;
}

.recommend {
  position: relative;
}

.recommend .recommend-button-prev {
  left: -1rem;
}

.recommend .recommend-button-next {
  right: -1rem;
}

.recommend .recommend-button-prev,
.recommend .recommend-button-next {
  color: #ea5b2a;
}

.recommend .recommend-button-prev::after,
.recommend .recommend-button-next::after {
  font-size: 1rem;
}

.news-info-cont .share-component .bds_more {
  background: url(../img/117.png) no-repeat center;
  background-size: contain;
  background-position: center center;
  width: .6rem;
  height: .6rem;
  margin-top: .1rem;
  float: right;
}

.news-info-cont .social-share a {
  padding-left: 0;
  line-height: 1;
  margin: 0 4px;
}

.foot-nav-rg .shar a {
  background: none;
  position: relative;
}

.index-ex-pagination {
  display: none;
}

.foot-nav-rg .shar a .hover-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.foot-nav-rg .shar a img {
  max-width: inherit;
}

.foot-nav-rg .shar a svg {
  max-width: 80%;
  max-height: 80%;
  fill: #666666;
}


/* .foot-nav-rg .shar a:hover svg {
  fill: #ea5b2a;
} */


/* .foot-nav-rg .shar a:hover .normal-block {
  opacity: 0;
}

.foot-nav-rg .shar a:hover .hover-block {
  opacity: 1;
} */

.close-img {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1rem;
}

.close-img img {
  width: 100%;
}

.foot-type p span:nth-child(1) {
  white-space: nowrap;
}

.pro-swiper-box .swiper-button-prev {
  background-image: url(../img/left-arr.png);
}

.pro-swiper-box .swiper-button-next {
  background-image: url(../img/right-arr.png);
}

.pro-swiper-box .swiper-button-next,
.pro-swiper-box .swiper-button-prev {
  background-size: contain;
}

.pro-swiper-box {
  position: relative;
}

@media (max-width:768px) {
  .index-pro-container {
    width: 70%;
  }

  .pro-swiper-box .swiper-button-next,
  .pro-swiper-box .swiper-button-prev {
    display: flex !important;
    /* background: none; */
  }
}

.i-new-addbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .5rem;
  padding-top: .4rem;
  border-top: 1px solid rgba(51, 51, 51, .5);
  transition: all .3s;
}

.i-new-addbox .index-new-swiper-time {
  line-height: 1;
  margin-bottom: 0;
  transition: all .3s;
}

.i-new-addbox .index-new-more {
  width: .6rem;
  height: .6rem;
  border: none;
  background: none;
  transition: all .3s;
}

.i-new-addbox .index-new-more svg {
  width: .4rem;
  height: .4rem;
  transition: all .3s;
}

.index-new-container .swiper-slide:hover .index-new-pic img {
  transform: scale(1.1);
}

.index-new-container .swiper-slide:hover .index-new-all {
  background-color: #ea5b2a;
}

.index-new-container .swiper-slide:hover .i-new-addbox {
  border-top-color: #FEFEFE;
}

.index-new-container .swiper-slide:hover .index-new-swiper-tit {
  color: #FEFEFE;
}

.index-new-container .swiper-slide:hover .index-new-swiper-time {
  color: #FEFEFE;
}


/* .index-new-container .swiper-slide:hover .index-new-more {
  border-color: #fff;
} */

.index-new-container .swiper-slide:hover .index-new-more svg {
  fill: #FEFEFE;
}

.news-addbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .5rem;
  padding-top: .4rem;
  border-top: 1px solid rgba(51, 51, 51, .5);
  transition: all .3s;
}

.news-addbox .news-btn-time {
  line-height: 1;
  margin-bottom: 0;
  transition: all .3s;
}

.news-addbox .news-btn-more {
  width: .6rem;
  height: .6rem;
  border: none;
  background: none;
  transition: all .3s;
}

.news-addbox .news-btn-more svg {
  width: .4rem;
  height: .4rem;
  transition: all .3s;
}

.news-btn-list:hover .news-btn-pic img {
  transform: scale(1.1);
}

.news-btn-list:hover {
  background-color: #ea5b2a;
}

.news-btn-list:hover .news-addbox {
  border-top-color: #fff;
}

.news-btn-list:hover .news-btn-tit {
  color: #fff;
}

.news-btn-list:hover .news-btn-time {
  color: #fff;
}

.news-btn-list:hover .news-btn-more svg {
  fill: #fff;
}

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

.page a.active {
  background: #ea5b2a;
}

.page a:hover {
  background: #ea5b2a;
}

.head-box-cont {
  height: 2rem;
}

.index-new-container .index-new-pagination {
  position: relative;
  line-height: 1;
  margin-top: 1rem;
}

.index-new-container .index-new-pagination .swiper-pagination-bullet-active {
  background: #ea5b2a;
}


/* 22.12.9 */

.mb-select {
  display: none;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding: 0 .5rem;
  height: 35px;
  border: 1px solid rgba(0, 0, 0, .1);
  background-color: #fff;
  margin: 0 auto 1rem;
}

.mb-select p {
  color: #000;
  line-height: 1;
  margin-right: 5px;
}

.mb-select div {
  width: 30px;
}

.mb-select div img {
  width: 100%;
}

.type .top-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.type .top-wrap .tit {
  color: #000000;
  line-height: 1;
}

.type .top-wrap .search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .6rem;
  height: 1.3rem;
  border-radius: .7rem;
  background-color: #fff;
}

.type .top-wrap .search input {
  background: none;
  width: calc(100% - 1rem);
  height: 100%;
  color: #666;
}

.type .top-wrap .search input::placeholder {
  color: #BDBDBD;
}

.type .top-wrap .search div {
  width: .6rem;
  cursor: pointer;
}

.type .top-wrap .search div img {
  width: 100%;
}

.type .cont-wrap {
  display: flex;
}

.type .cont-wrap .lf-side-box {
  width: 20.5%;
  margin-right: 1.5%;
}

.type .cont-wrap .lf-side {
  width: 100%;
}

.type .cont-wrap .lf-side .fis-li {
  margin-bottom: .35rem;
}

.type .cont-wrap .lf-side .fis-li:last-child {
  margin-bottom: 0;
}

.type .cont-wrap .lf-side .fis-li .clk-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .4rem 0 .8rem;
  min-height: 1.05rem;
  background-color: #fff;
  transition: all .3s;
  cursor: pointer;
}

.type .cont-wrap .lf-side .fis-li .clk-tit .icon {
  display: flex;
  align-items: center;
}

.type .cont-wrap .lf-side .fis-li .clk-tit .icon div {
  width: .4rem;
  margin-right: .3rem;
  position: relative;
  transition: all .3s;
}

.type .cont-wrap .lf-side .fis-li .clk-tit .icon div img {
  max-width: 100%;
  margin: 0 auto;
}

.type .cont-wrap .lf-side .fis-li .clk-tit .icon p {
  color: #000000;
  line-height: 1.2;
  padding: 4px 0;
  transition: all .3s;
}

.type .cont-wrap .lf-side .fis-li .clk-tit span {
  line-height: 1;
  color: #000000;
  font-size: 16px;
  transition: all .3s;
}

.type .cont-wrap .lf-side .fis-li .clk-tit.cur span {
  transform: rotate(90deg);
}

.type .cont-wrap .lf-side .fis-li .clk-tit:hover,
.type .cont-wrap .lf-side .fis-li .clk-tit.cur {
  background-color: #ea5b2a;
}

.type .cont-wrap .lf-side .fis-li .clk-tit:hover .icon .normal-block,
.type .cont-wrap .lf-side .fis-li .clk-tit.cur .icon .normal-block {
  opacity: 0;
}

.type .cont-wrap .lf-side .fis-li .clk-tit:hover .icon .hover-block,
.type .cont-wrap .lf-side .fis-li .clk-tit.cur .icon .hover-block {
  opacity: 1;
}

.type .cont-wrap .lf-side .fis-li .clk-tit:hover .icon p,
.type .cont-wrap .lf-side .fis-li .clk-tit.cur .icon p {
  color: #fff;
}

.type .cont-wrap .lf-side .fis-li .clk-tit:hover span,
.type .cont-wrap .lf-side .fis-li .clk-tit.cur span {
  color: #fff;
}

.type .cont-wrap .lf-side .fis-li .slide-cont {
  padding: .5rem 0;
  background-color: #F6F6F6;
  display: none;
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li {
  color: #020202;
  line-height: 1.2;
  padding: 10px .8rem;
  display: flex;
  align-items: center;
  min-height: 0.85rem;
  cursor: pointer;
  margin-bottom: .25rem;
  /* border-bottom: 1px solid transparent; */
  position: relative;
  transition: all .3s;
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li:last-child {
  margin-bottom: 0;
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: .8rem;
  width: calc(100% - 1.6rem);
  height: 1px;
  background-color: #ea5b2a;
  opacity: 0;
  transition: all .3s;
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li.cur {
  color: #ea5b2a;
  /* background-color: #ea5b2a; */
  /* border-bottom-color: #ea5b2a; */
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li.cur::after {
  opacity: 1;
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li:hover {
  color: #ea5b2a;
  /* background-color: #ea5b2a; */
  /* border-bottom-color: #ea5b2a; */
}

.type .cont-wrap .lf-side .fis-li .slide-cont .sec-li:hover::after {
  opacity: 1;
}

.type .cont-wrap .type-ajax {
  width: 78%;
  font-size: .8rem;
  color: #333;
}

.mb-name-box {
  display: none;
  margin-bottom: 0.75rem;
  padding: 0 5%;
}

.mb-name-box .sec {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0.4rem;
  color: #333;
  font-weight: bold;
}