@charset "utf-8";
/* CSS Document */

/*===========================header=============================*/

.nextpage {
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  z-index: 1;
  margin-top: 5rem;
}

.nextpage a {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #b71c24;
}

.nextpage a i {
  animation-delay: 0ms;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: arrow2;
  animation-play-state: running;
  animation-timing-function: linear;
  color: #fff;
  font-size: 1.875rem;
}

@-webkit-keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
}

@keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
}

@-ms-keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
}

#banner .m {
  height: 100%;
}

#banner .swiper-container {
  height: 100vh;
}

#banner .swiper-slide {
  overflow: hidden;
}

#banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important;
}

#banner .swiper-slide.swiper-slide-active .slide-inner {
  animation: scaleUpDown 6s linear forwards;
  -webkit-animation: scaleUpDown 6s linear forwards;
}

#banner .txt {
  color: #fff;
  height: 100%;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 6rem;
  font-size: 4rem;
  line-height: 1.5;
  font-family: ALIMAMA_SHUHEITI_BOLD;
}




/* #banner .txt{ opacity: 0; }  */
#banner .swiper-button-prev {
  background: url(../images/banner_left.png) center no-repeat !important;
  background-size: 1.5rem !important;
  opacity: 0.8;
  left: 4%;
}

#banner .swiper-button-next {
  background: url(../images/banner_right.png) center no-repeat !important;
  background-size: 1.5rem !important;
  opacity: 0.8;
  right: 4%;
}

#banner .swiper-slide.swiper-slide-active .txt {
  animation: enter 1.2s forwards 0.2s;
}

.dotbox {
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  height: 20px;
  z-index: 111;
}

.dotbox .dots {
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  background: none;
  opacity: 1;
  margin-right: 7px;
}

.dotbox .dots:before {
  border: 0;
  background: #fff;
  transform: scale(0.4);
}

.dotbox .dots svg.drawcircle circle {
  fill: none;
  box-sizing: border-box;
  stroke-width: 1.5;
  stroke-dasharray: 0, 62.8;
  stroke-dashoffset: 62.8;
}

.dots.swiper-pagination-bullet-active svg.drawcircle circle {
  animation: svgrotate 6.2s forwards;
}

@-webkit-keyframes svgrotate {
  0% {
    stroke: rgba(255, 255, 255, 1);
    stroke-dasharray: 0, 62.8;
    stroke-dashoffset: 62.8;
  }

  100% {
    stroke: rgba(255, 255, 255, 1);
    stroke-dasharray: 62.8, 0;
    stroke-dashoffset: 62.8;
  }
}

@-webkit-keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }

  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}

@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }

  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}


@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    transform: scale(2);
    transform: scale(2);
  }

  to {
    transform: scale(1);
    transform: scale(1);
  }
}

.section .m {
  height: 100%;
}

.s_kind .bd .box .m {
  height: auto;
}

.s_newcenter .m,
.s_partner .m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.s_fuwu {
  background: url(../images/page2bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}


.s_fuwu .bd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}


.s_fuwu .bd h4 {
  color: #ffffff;
  font-size: 3.375rem;
  line-height: 3.4375rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  text-align: center;
}

.s_fuwu .bd p {
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.25rem;
}

.s_fuwu .bd a {
  margin-top: 4.5rem;
}

.more {
  width: 11.25rem;
  height: 3.4375rem;
  background: #b71c24;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 1.875rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;

}

.more i {
  color: #fff;
  font-size: 1rem;
  transform: rotate(225deg);
}



.s_kind .bd .box {
  position: relative;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
}

.s_kind .bd .bg {
  background-size: cover !important;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.s_kind .bd .txtbox {
  width: 36.25rem;
  padding-bottom: 6%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.s_kind .bd .txt {
  transform: translateY(7rem);
  opacity: 0;
  transition: .7s;
}

.s_kind .bd .swiper-slide-active .txt {
  transform: translateY(0);
  opacity: 1;
}

.s_kind .bd .txtbox h6 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.5rem;
}

.s_kind .bd .txtbox h4 {
  color: #fff;
  font-size: 3.75rem;
  font-weight: bold;
  line-height: 1.25;
  text-transform: capitalize;
}

.s_kind .bd .txtbox p {
  font-size: 1.0625rem;
  line-height: 2rem;
  color: #fff;
  margin: 1.875rem 0 4.5rem;
}

.s_kind .hd {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

#gallery,
.s_kind .bd {
  height: 100%;
  position: relative;
}

#gallery .swiper-slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.s_kind .hd .outbox {
  position: relative;
}

.s_kind .hd .box {
  height: 12.5rem;
  cursor: pointer;
  transition: all .5s;
  padding: 2.5rem 2.625rem;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2.8125rem;
}

.s_kind .hd .box h5 {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: bold;
  text-transform: capitalize;
}

.s_kind .hd .box div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.s_kind .hd .box div img {
  max-width: 3.75rem;
}

.s_kind .hd .box i {
  color: rgba(255, 255, 255, .35);
  font-size: 1.75rem;
  transform: rotate(-90deg);
  transition: all .5s;
}

#thumbs .swiper-slide,
#thumbs .my-slide-thumb-active .box {
  background: transparent
}



#thumbs .my-slide-thumb-active .box {
  margin-top: 0;
  background: rgba(36, 75, 173, 0.8);
  height: calc(12.5rem + 2.8125rem);
  padding-top: 3.375rem;
}

#thumbs .my-slide-thumb-active .box h5 {
  font-size: 2.0625rem;
}

#thumbs .my-slide-thumb-active .box i {
  color: #fff;
}

.outbox .arr {
  border: 2px solid #a3a6ae;
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  cursor: pointer;
}

.outbox .arr i {
  color: #c9c8cc;
  font-size: 1.5rem;
  transition: all .5s;
}

.outbox .arr:hover {
  border: 2px solid #fff;
}

.outbox .arr:hover i {
  color: #fff;
}

.outbox .arr_left {
  left: -5rem;
}

.outbox .arr_right {
  right: -5rem;
}

.outbox .arr_right i {
  transform: rotate(180deg);
}




.s_newcenter {
  background: url(../images/page4bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}

.s_titles {
  text-align: center;
  margin-bottom: 2.5rem;
}

.s_titles h4 {
  color: #313131;
  font-size: 2.875rem;
  line-height: 3.4375rem;
  font-weight: bold;
}

.s_titles p {
  color: #9fa0a2;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-top: .5rem;
}

.s_newcenter .pc_new {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}

.s_newcenter ul li .img {
  border-radius: .75rem .75rem 0 0;
  overflow: hidden;
}

.s_newcenter ul li .img_db:after {
  padding-top: 58.34%;
}


.s_newcenter ul li .s_newcon {
  background: #fff;
  padding: 2.5rem 2rem 3rem;
  box-shadow: 0px 0px 29px rgba(61, 77, 116, 0.1);
  border-radius: 0 0 .75rem .75rem;
  overflow: hidden;
}

.s_newcenter ul li .s_newcon span {
  color: #929292;
  font-size: .9375rem;
  line-height: 2rem;
}

.s_newcenter ul li .s_newcon h5 {
  color: #131313;
  font-size: 1.4375rem;
  line-height: 2.125rem;
  margin: .875rem 0 1.5rem;
  height: 4.25rem;
}

.s_newcenter ul li .s_newcon div {
  border: 2px solid #e0e3e5;
  font-size: .9375rem;
  line-height: 1.875rem;
  width: 9.0625rem;
  height: 2.8125rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #515151;
  transition: all .5s;
}

.s_newcenter ul li .s_newcon div i {
  color: #515151;
  font-size: 1rem;
  transform: rotate(225deg);
  transition: all .5s;
}

.s_newcenter ul li {
  border-radius: .75rem;

}

.s_newcenter ul li a {
  display: block;
  position: relative;
}

.s_newcenter ul li a:hover .s_newcon div {
  background: #b71c24;
  border: 2px solid #b71c24;
  color: #fff;
}

.s_newcenter ul li a:hover .s_newcon div i {
  color: #fff;
}

.web_new {
  display: none;
  width: 100%;
}

.s_newtime {
  position: absolute;
  width: 7.8125rem;
  height: 2.1875rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: .375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66686a;
  font-size: .875rem;
  line-height: 2rem;
  top: 1.25rem;
  left: 1.25rem;
  gap: 7px;
}

.s_newtime i {
  color: #989899;
  font-size: 1rem;
}


.s_partner {
  background: url(../images/page5bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}

.s_partner .s_titles h4,
.s_partner .s_titles p {
  color: #fff;
}

.s_partner ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: .9375rem;
}

.s_partner ul li {
  background: #fff;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.125rem 1.875rem;
  transition: all .5s;
}

.s_partner ul li:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 3;
}

.s_partner ul li:nth-child(9) {
  grid-column-start: 3;
  grid-column-end: 5;
}

.s_partner ul li:hover {
  border-radius: 0;
}

.s_partner .more {
  margin: 3.5rem auto 0;
}

.online_q {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 995;
  transition: .5s;
  -webkit-transition: .5s;
  border-radius: 2.5rem;
  padding: 1.25rem 0
}

.online_q .close {
  position: absolute;
  right: -1rem;
  font-size: 1rem;
  color: #969797;
  opacity: 1;
  font-weight: normal;
  cursor: pointer
}

.online_q .btn2 {
  width: 3.75rem;
  height: 3.75rem;
  background: #c1c7cb;
  transition: all .5s;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-bottom: 2px;
  border-radius: .625rem;
}




.online_q .btn2:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: .625rem;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all .5s;
  background: #244bad;
}

.online_q .btn2:hover::before {
  opacity: 1;
}

.online_q .btn-top {
  padding: 0;
  transition: .5s;
  overflow: hidden;
  background: #244bad;
}

.online_q .btn2 a {
  font-size: 12px;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%
}

.online_q .btn2 span {
  display: flex;
  color: #595959;
  flex-direction: column;
  font-size: .75rem;
  text-align: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
  overflow: hidden;
  gap: .625rem;
  transition: .3s;
  -webkit-transition: .3s;
  overflow: hidden;
  flex-shrink: 0
}


.online_q .btn2 span i {
  font-size: 1.5rem;
  color: #fff;
}

.online_q .open.pic {
  position: absolute;
  background: #eef2f6;
  width: 100px;
  height: 100px;
  right: 60px;
  top: 50%;
  margin-top: -50px;
  text-align: right;
  opacity: 0;
  transition: .6s;
  -webkit-transition: .6s;
  visibility: hidden
}

.online_q .open.pic img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-right: 10px
}

.online_q .btn2:hover .open.pic {
  opacity: 1;
  right: 60px;
  visibility: visible
}

.online_q .open.phone {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  width: auto;
  min-height: 3.125rem;
  right: 4.375rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden
}

.online_q .open.imgs {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  right: 4.375rem;
  padding: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden;
  width: 160%;
}

.online_q .open.phone * {
  color: #333;
  font-size: 1rem;
  text-align: left;
  font-weight: bold;
  font-family: DISNEYENGLISH-MEDIUM
}

.online_q .open.imgs img {
  display: block;
}

.online_q .open.phone h5 {
  font-size: .875rem;
  font-weight: normal;
  white-space: nowrap
}

.online_q .open.phone a {
  width: 12rem;
  line-height: 1.5;
}

.online_q .open.phone span {
  font-size: 12px;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  opacity: .7;
  font-weight: normal
}

.online_q .btn2:hover .open.phone,
.online_q .btn2:hover .open.imgs {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}

.online_q .open.pic:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #eef2f6;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px
}

.online_q .open.phone:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  right: -4px;
  border-color: #e1e6f0 transparent transparent #e1e6f0;
  border-style: solid;
  border-width: 1px
}

.online_q .kefu {
  border-radius: .625rem 0 0 0;
  overflow: hidden;
}

.online_q .model {
  border-radius: 0 0 0 .625rem;
  overflow: hidden;
}

.online_q .btn2 span:hover i,
.online_q .btn2 span:hover {
  color: #fff;
}

.online_q .model::after,
.online_q #gotop::after {
  display: none;
}

#gotop:before {
  opacity: 1
}

#gotop.hide {
  height: 0;
  overflow: hidden;
  display: flex !important;
  box-shadow: none;
}



.n_banner {
  height: 35rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 5.625rem;
}


.n_banner>.m {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  max-width: 1600px;
}

.n_banner h4 {
  font-size: 3rem;
  line-height: 1.875;
  color: #fff;
  font-weight: bold;
}

.n_banner h6 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
}

.n_title {
  padding: 0;
  position: relative;
  z-index: 1;
 /* background: #eff4fa;*/
}

.n_title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
 /* background: #e5e5e5*/
}

.n_title .m {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}


.position {
  margin-top: -3.75rem;
  font-size: .9375rem;
  color: #747679;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  text-transform: capitalize;
}

.position .m {
  display: flex;
  align-items: center;
  max-width: 1600px;
}
.position .m a:last-child {
  color: #fff;
}
.position>svg {
  margin-right: 5px
}

.position span,
.position a,
.position i {
  font-size: .9375rem;
  line-height: 1.875rem;
  color: rgba(255, 255, 255, 0.45);
  flex-shrink: 0;
  -moz-transition: all .36s ease-in-out;
  -webkit-transition: all .36s ease-in-out;
  -o-transition: all .36s ease-in-out;
  -ms-transition: all .36s ease-in-out;
  transition: all .36s ease-in-out
}

.position i {
  margin: 0 .5rem;
  font-style: normal;
}

.position span {
  color: #fff;
  font-style: normal
}

.position i {
  color: rgba(255, 255, 255, 0.45);
  font-style: normal;
  font-size: 1rem;
  transform: rotate(-90deg);
}

.position a:hover {
  color: #fff
}



.page {
  text-align: center;
  font-size: 0;
  color: #464c52;
  width: 100%;
  overflow: hidden;
}

.page .box {
  margin-top: 3.75rem;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.page a {
  border: 1px solid #b3b3b4;
  padding: 0 5px;
  min-width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.375rem;
  color: #464c52;
  border-radius: 50%;
  font-size: 1rem;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.page .on,
.page a:hover {
  background: #b71c24;
  border: 1px solid #b71c24;
  color: #fff;
}

.page a:hover svg path {
  fill: #fff;
}

.page span {
  display: inline-block;
  margin: 0 1rem;
}


/* 新闻中心 */


#n_main {
  position: relative;
}

#n_main .m {
  max-width: 1600px;
}


#n_main .m  #mynav ,
#n_main .m  #mynav3 {
  position: absolute;
  top: -15rem;
}

#n_main .duoxx {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 3.75rem;
}

#n_main .duoxx a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
  color: #212121;
  font-size: 1rem;
  line-height: 1.875rem;
  border: 1px solid #bbbbbf;
  border-radius: 1.875rem;
  /* width: 9.6875rem; */
  padding: 0 1.25rem;
  height: 3.125rem;
  text-transform: capitalize;
  width: 100%;
}

#n_main .duoxx li.on a,
#n_main .duoxx li:hover a {
  background: #b71c24;
  border: 1px solid #b71c24;
  color: #fff;
}

.n_ggbg {
  background: url(../images/n_ggbg.jpg)bottom no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

#n_main .buju{
  position: relative;
}
#n_main .buju::before{
  content: "";
  position: absolute;
  width: 19%;
  height: 85%;
  top: 15%;
  right: 11%;
  border: 1px dashed #00000024;
  border-radius: 18rem;
}



.n_newcenter .m .impnew {
  display: flex;
  align-items: center;
}

.imptu {
  margin-right: 2.8125rem;
  padding: 1.25rem 0;
  flex-shrink: 0;
  border-bottom: 2px solid transparent;
  transition: all .5s;
  max-width: 40.9375rem;
  width: 100%;
}

.imptu .img {
  border-radius: .625rem;
}

.imptu .img_db:after {
  padding-top: 60.92%;
}

.imgtu {
  padding: 2rem 0 0;
}

.imgtu p {
  display: none !important;
}

.imgtu .img {
  border-radius: 10px;
}


.imgtu .imgtutit {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.imgtu h5,
.impcon h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.8125rem;
}

.imgtu span,
.impcon span,
.nccon span {
  color: #9a9a9a;
  font-size: .875rem;
  line-height: 1.5;
  flex-shrink: 0;
}

.impcon {
  border-left: 1px solid #e2e2e2;
  flex-grow: 1;
}

.impcon ul li {
  border-bottom: 1px solid #e2e2e2;
  padding: 2.5rem 2.875rem 2.5rem;
  transition: all .5s;
  border-left: 1px solid transparent;
}

.impcon ul li+li {
  border-bottom: 0 !important;
}

.impcon ul li img {
  display: none;
}

.impcon p,
.imgtu p {
  color: #5c5c5c;
  font-size: .875rem;
  line-height: 1.5rem;
}

.impcon h5 {
  margin: 1rem 0;
}

.imgtu .ckxq {
  padding: 0 !important;
}

.impcon .ckxq,
.nccon div .imgtu .ckxq,
.nccon div {
  display: flex !important;
  color: #244bad;
  align-items: center;
  padding: 2rem 0 0;
  font-size: .875rem;
  gap: 5px;
}

.ckxq i {
  color: #244bad;
}

.ckxq i,
.nccon div i {
  font-size: 1.125rem;
  transform: rotate(-45deg);
  transition: all .5s;
}

.impcon ul li:hover {
  border-left: 1px solid #244bad;
}

.impcon ul li:hover h5,
.imptu :hover h5 {
  color: #244bad;
}

.imptu:hover {
  border-bottom: 2px solid #244bad;
}

.impcon ul li:hover i,
.nclist li:hover i {
  transform: rotate(-90deg);
}


.nclist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.9375rem 1.375rem;
}

.nclist li .img_db:after {
  padding-top: 61.25%;
}


.nclist li .nccon {
  padding: 2.5rem 2.25rem;
  background: #fff;
}


.nccon h5 {
  color: #202020;
  font-size: 1.25rem;
  line-height: 1.8125rem;
  height: 3.625rem;
  margin-top: .5rem;
  transition: all .5s;
}

.nccon p {
  color: #6e6e6e;
  font-size: .875rem;
  line-height: 1.5rem;
  height: 3rem;
}

.nccon div {
  color: #464646;
}

.nccon div i {
  color: #666767;
}

.nclist li a {
  display: block;
  border-radius: .625rem;
  overflow: hidden;
}

.nclist li a:hover h5 {
  color: #b71c24;
}

/***********************/

.n_newxq .n_xqbox {
  background: #fff;
  padding: 4.375rem 3.75rem;
  border-radius: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 18.75rem;
  gap: 3.75rem;
  align-items: flex-start;
}



.n_newxq .xqleft .ar_title {
  padding-bottom: 1.25rem;
  border-bottom: 2px solid #e6e6e6;
  position: relative;
  margin-bottom: 2.5rem
}

.n_newxq .xqleft .ar_title::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #b71c24;
}

.n_newxq .xqleft .ar_title .xw {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 8.125rem;
  height: 2.1875rem;
  font-size: .9375rem;
  line-height: 1.375rem;
  border-radius: 1.25rem;
  background: #b71c24;
}

.n_newxq .xqleft .ar_title h4 {
  color: #2b3340;
  font-size: 2.125rem;
  font-weight: bold;
  margin: 1.5rem 0 1rem;
  line-height: 2.75rem
}

.n_newxq .xqleft .ar_title span {
  color: #515151;
  font-size: .9375rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.n_newxq .xqleft .ar_article p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.875rem
}

/* .n_newxq .xqright {
  position: sticky;
  top: 6rem;
} */
.n_newxq .xqright>h5 {
  color: #313131;
  font-size: 1.625rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}

.n_newxq .xqright ul {
  display: grid;
  gap: 1.5rem;
}
.n_newxq .xqright ul li{
	border-bottom:1px solid #CCC;
}


.n_newxq .xqright ul li .img {
  border-radius: .625rem;
}

.n_newxq .xqright ul li .img_db:after {
  padding-top: 60%;
}

.n_newxq .xqright ul li .trendcon h5 {
  color: #131313;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin: .75rem 0 .5rem;
  transition: all .5s;
}

.n_newxq .xqright ul li .trendcon div {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #66686a;
  font-size: .875rem;
  line-height: 2rem;
}

.n_newxq .xqright ul li .trendcon i {
  font-size: 1rem;
  color: #9b9b9b;
}

.n_newxq .xqright ul li:hover h5 {
  color: #b71c24;
}

/* ç"¨äººå»ºè®¾ */

.n_tits {
  padding-left: 3.75rem;
  color: #212121;
  font-size: 2.375rem;
  line-height: 1.25;
  position: relative;
  margin-bottom: 3.125rem;
  text-transform: capitalize;
}

.n_tits::before {
  content: '';
  position: absolute;
  background: url(../images/n_titzs.png)no-repeat;
  background-size: cover;
  width: 45px;
  height: 34px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.n_fuli ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.1875rem 1.125rem;
}

.n_fuli ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #dad9de;
  border-radius: 1rem;
  padding: 2.5rem 1.5rem 2rem;
  gap: 1.25rem;
  transition: all .5s;
}

.n_fuli ul li div {
  position: relative;
  width: 2.75rem;
  height: 3.125rem;

}

.n_fuli ul li div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s;
}


.n_fuli ul li div .flbai,
.n_fuli ul li:hover div .flhei {
  opacity: 0;
}

.n_fuli ul li div .flhei,
.n_fuli ul li:hover div .flbai {
  opacity: 1;
}

.n_fuli ul li:hover {
  border: 1px solid #244bad;
  background: #244bad;

}

.n_fuli ul li:hover p {
  color: #fff;
}

.n_fuli ul li p {
  color: #313131;
  font-size: 1.25rem;
  line-height: 1.625rem;
  transition: all .5s;
  text-align: center;
}


.n_level {
  background: url(../images/n_jinshengbg.jpg)center no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 41.5625rem;
}

.n_level .m {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.n_level .js_slide_nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.n_level .js_slide_nav li {
  color: #313131;
  font-size: .9375rem;
  line-height: 1.875rem;
  /* width: 7.5rem; */
  height: 2.5rem;
  border: 1px solid #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  transition: all .5s;
  cursor: pointer;
  padding: 0 1rem;
  text-transform: capitalize;
}

.n_level .js_slide_nav li.on {
  border: 1px solid #b71c24;
  background: #b71c24;
  color: #fff;
}


.js_slide_for .li {
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding-bottom: 1.5rem;
}

.js_slide_for .li div {
  max-width: 9.625rem;
  width: 100%;
  height: 9.4375rem;
  color: #313131;
  font-size: 1.125rem;
  line-height: 1.875rem;
  background: url(../images/n_jstxtbg.png)no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.js_slide_for .li div:nth-child(8n+1) {
  margin-top: 0;
}

.js_slide_for .li div:nth-child(8n+2) {
  margin-top: -2.5rem;
}

.js_slide_for .li div:nth-child(8n+3) {
  margin-top: -5rem;
}

.js_slide_for .li div:nth-child(8n+4) {
  margin-top: -7.5rem;
}

.js_slide_for .li div:nth-child(8n+5) {
  margin-top: -10rem;
}

.js_slide_for .li div:nth-child(8n+6) {
  margin-top: -12.5rem;
}

.js_slide_for .li div:nth-child(8n+7) {
  margin-top: -15rem;
}

.js_slide_for .li div:nth-child(8n+8) {
  margin-top: -17.5rem;
}



.slide_for {
  position: relative;
}

.slide_for .li {
  position: relative;
  transition: .5s;
  opacity: 1;
  visibility: visible;
}

/* 
 .slide_for .li+.li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
} 

.slide_for .li.hide {
  opacity: 0;
  visibility: hidden;
} */


.n_grow ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.625rem;
}

.n_grow ul li {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.n_grow ul li .gron {
  width: 80%;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 2.5rem;
  height: 7.1875rem;
  text-align: center;
  padding: 1.5rem;
}

.n_grow ul li .img_db:after {
  padding-top: 139.51%;
}

/* ç"¨äººç†å¿µ */


.n_build .n_ln {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem 1.875rem;
}

.n_build .n_ln li {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
  padding: 2.6875rem 3.125rem;
  border-radius: 1.25rem;
}

.n_build .n_ln li .lnimg {
  border-radius: 50%;
  width: 14.6875rem;
  flex-shrink: 0;
}

.n_build .n_ln li .img_db:after {
  padding-top: 100%;
}

.n_build .n_ln li .lncon h5 {
  color: #212121;
  font-size: 1.75rem;
  line-height: 1.8125rem;
  margin: 1.5rem 0 .875rem;
  transition: all .5s;
  text-transform: capitalize;
}

.n_build .n_ln li .lncon p {
  color: #414141;
  font-size: 1rem;
  line-height: 1.625rem;
}

.n_build .n_ln li:hover h5 {
  color: #b71c24;
}

/* ç"¨äººæ‹›è˜ */

.n_build #list_slide {
  position: relative;
  display: grid;
  gap: 10px;
}

.n_build #list_slide dl {
  position: relative;
  z-index: 1;
  border-radius: 1rem;
  overflow: hidden;
}

.n_build #list_slide .on dt {
  background: #244bad;
}

.n_build #list_slide dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 5.3125rem;
  transition: .5s;
  padding: 0 3.75rem;
  background: #fff;
}

.n_build #list_slide dd {
  display: none;
  transition: 0s;
  line-height: 2rem;
  font-size: .9375rem;
  padding: 3rem 3.75rem 3.75rem;
  background: #fff;
}

.n_build #list_slide dl+dl dt {
  border-top: none;
}

.n_build #list_slide dt h3 {
  color: #3b3b3b;
  font-size: 1.125rem;
  overflow: hidden;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  flex-grow: 1;
  text-transform: capitalize;
}

.n_build #list_slide .on dt h3 span {
  color: #fff;
}

.n_build #list_slide dt h3 span:nth-child(2) {
  text-align: center;
}

.n_build #list_slide dt h3 span:nth-child(3) {
  text-align: right;
}

.n_build #list_slide dt h3 span:first-child {
  /* min-width: 55%; */
  flex-shrink: 0;
}

.n_build #list_slide dt .tgl {
  flex-shrink: 0;
  margin-left: 10%;
  width: 2.1875rem;
  height: 2.1875rem;
  position: relative;
  transition: .4s;
  border: 1px solid #c5c5c5;
  border-radius: 50%;
}

.n_build #list_slide dt .tgl:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1px;
  background: #c5c5c5;
  position: absolute;
  top: 50%;
  left: 0;
  transition: .4s;
  transform: translate(50%, 0);
}

.n_build #list_slide dt .tgl:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1px;
  background: #acacac;
  position: absolute;
  top: 50%;
  left: 27%;
  transform: rotate(90deg);
  transition: .4s;
}

.n_build #list_slide dl.on dt .tgl:before {
  background: #fff;
}

.n_build #list_slide dl.on dt .tgl:after {
  background: #fff;
  left: 0;
  transform: rotate(180deg) translate(-50%, -50%);
}

.n_build #list_slide dd .content {
  line-height: 1.875rem;
  font-size: .9375rem;
  display: flex;
  flex-direction: row-reverse;
}

#list_slide .content .right {
  width: 38%;
}

#list_slide .content .right .flex {
  display: flex;
}

.n_build #list_slide dd .tt {
  font-size: 1.5rem;
  color: #000000;
  margin-bottom: 1.875rem;
}

.n_build #list_slide .btn_send {
  width: 21.25rem;
  line-height: 3.75rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  background: #244bad;
  margin-top: 2.5rem;
  height: 3.75rem;
  text-transform: capitalize;
}

.n_build #list_slide dd .sqbox {
  margin-bottom: 2rem;
}

.n_build #list_slide dd .sqbox p {
  list-style: decimal;
  /* margin-left: 1.3em; */
  font-size: .9375rem;
  color: #6f6f6f;
  line-height: 1.875rem;
}

.n_build .scrollbox h5 {
  font-size: 1rem;
  color: #3d3d3d;
}

#list_slide .content {
  overflow: hidden;
}

#list_slide .content .left {
  width: 62%;
  padding-right: 3.25rem;
}

#list_slide .content .right {
  width: 38%;
}

#list_slide .content .right .flex {
  display: flex;
}

#list_slide .content .right .pic {
  flex-shrink: 0;
  width: 7.4375rem;
  margin-right: 2rem;
}

#list_slide .content .right .applybox {
  display: flex;
  color: #404044;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

#list_slide .content .right .tt {
  font-size: 1.5rem;
  color: #000000;
  margin-bottom: 1.875rem;
}

#list_slide .content .scrollbox {
  height: 32.5rem;
  overflow: auto;
  padding-right: 2.5rem;
}

.scrollbox::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  background-color: #d9dce0;
}

.scrollbox::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d9dce0;
}

.scrollbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #003a8e;
  box-shadow: 0;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

#list_slide .content .right .li+.li {
  margin-top: 1rem;
}

#list_slide .ar_article p {
  color: #3d3d3d;
  font-size: 1rem;
  line-height: 2rem;
}

/* 智能工厂 */

.n_znfactory img {
  display: block;
  margin: auto;
}

.n_falc {
  background: url(../images/fa_lcbg.jpg)no-repeat;
  background-size: cover;
  position: relative;
}


.n_falc .falcbox {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: space-between;
}

.falcbox .falc_slide_nav {
  display: grid;
  gap: 1.5rem;
  position: relative;
  padding: 3.375rem 0;
  flex-shrink: 0;
}

.falcbox .falc_slide_nav::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: url(../images/line_jiankong.png)no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
}

.falcbox .falc_slide_nav li {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-left: 1.875rem;
  cursor: pointer;
  transition: all .5s;
  position: relative;
}

.falcbox .falc_slide_nav li::before {
  content: '';
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 4px solid #244bad;
  border-radius: 50%;
  opacity: 0;
  transition: all .5s;
}

.falcbox .falc_slide_nav li.on {
  color: #244bad;
}

.falcbox .falc_slide_nav li.on::before {
  opacity: 1;
}

.falcbox .falc_slide_for img {
  border-radius: 1.25rem;
}

/* æŠ€æœ¯ï¼ˆæ ¸å¿ƒæŠ€æœ¯ï¼‰ */


.n_jishu .pc_jishu {
  display: grid;
  grid-template-columns: .595fr .403fr;
  align-items: center;
}

.n_jishu .pc_jishu .hxjs_slide_nav {
	width:500px;
  display: grid;
  height:30rem;
}


.hxjs_slide_nav li {
  height: 3.625rem;
  display: flex;
  align-items: center;
  cursor:pointer;
}

.hxjs_slide_nav li .nums {
  max-width: 9.0625rem;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .875rem;
  line-height: 1.625rem;
  height: 100%;
  z-index: 0;
  position: relative;
}

.hxjs_slide_nav li .nums .zsarrow {
  content: '';
  position: absolute;
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #000;
}

.hxjs_slide_nav li .nums .zsarrow i {
  color: #000;
  font-size: 2rem;
}

.hxjs_slide_nav li .txts {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.25rem;
}


.hxjs_slide_nav li:nth-child(1) {
  background: #f0878c;
}

.hxjs_slide_nav li:nth-child(2) {
  background: #e2757b;
}

.hxjs_slide_nav li:nth-child(3) {
  background: #d66a6f;
}

.hxjs_slide_nav li:nth-child(4) {
  background: #cc5d63;
}

.hxjs_slide_nav li:nth-child(5) {
  background: #c25157;
}

.hxjs_slide_nav li:nth-child(6) {
  background: #b8444a;
}

.hxjs_slide_nav li:nth-child(7) {
  background: #c3262e;
}

.hxjs_slide_nav li:nth-child(8) {
  background: #b81d25;
}

.hxjs_slide_nav li.on {
  height: 5rem;
  background: #fff;
}

.hxjs_slide_nav li.on .txts {
  color: #313131
}

.hxjs_slide_nav li.on .nums .zsarrow {
  opacity: 1;
}


.web_jishu {
  display: none;
  width: 100%;
  position: relative;
}


.hxjs_slide_for .li div,
.web_jishu #sj_js .sj_txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6.25rem 1.5rem 1.5rem;
  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.625rem;
  text-align: center;
}

.web_jishu #sj_js .sj_txt {
  font-size: 1.125rem;
}



.web_jishu .swiper-button-white {
  background: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  cursor: pointer;
  margin-top: 0;
}

.web_jishu .sj_next i {
  transform: rotate(180deg);
}

.web_jishu .swiper-button-white i {
  color: #6d8ee9;
  font-size: 1.75rem;
  transition: all .5s;
}

/* 技术（ç§'ç "成果） */

.n_xm .ar_article {
  color: #414141;
  font-size: 1rem;
  line-height: 2rem;
}

.jishu_honor .n_tits {
  margin-bottom: 0;
}


.jishu_honor .honorlr {
  margin-bottom: 2.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.jishu_honor .honorlr .zybox {
  position: relative;
  width: 7.5rem;
  height: 3.4375rem;
}

.jishu_honor .honorlr .zybox .swiper-button-white {
  border: 1px solid #ceced5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4375rem;
  height: 3.4375rem;
}

.jishu_honor .honorlr .zybox .swiper-button-white i {
  color: #5f6062;
  font-size: 1.25rem;
}

.jishu_honor .honorlr .zybox .js_next {
  left: auto;
  right: 0;
}

.jishu_honor .honorlr .zybox .js_prev {
  left: auto;
  right: 4rem;
}

.jishu_honor .honorlr .zybox .js_next i {
  transform: rotate(-90deg);

}

.jishu_honor .honorlr .zybox .js_prev i {
  transform: rotate(90deg);
}


#js_ry .swiper-slide a {
  background: #fff;
  padding: 2.25rem 4rem;
  display: flex;
  align-items: center;
  gap: 3.75rem;
  border-radius: .625rem;
}

#js_ry .swiper-slide a .img {
  height: 14.5625rem;
  width: 13.75rem;
}

#js_ry .swiper-slide a .img img {
  object-fit: contain;
}

#js_ry .swiper-slide a .honorcon .day {
  width: 6.5rem;
  height: 2.1875rem;
  background: #eef0f2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #060606;
  font-size: .9375rem;
  line-height: 1.5;
  border-radius: 1.25rem;
}

#js_ry .swiper-slide a .honorcon h5 {
  color: #060606;
  font-size: 1.4375rem;
  line-height: 1.875rem;
  margin: 1rem 0 2.5rem;
}

#js_ry .swiper-slide a .honorcon .xarrow {
  border: 2px solid #c4c6c9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8125rem;
  height: 2.8125rem;
  transition: all .5s;
}

#js_ry .swiper-slide a .honorcon .xarrow i {
  color: #666666;
  font-size: 1.5rem;
  transform: rotate(-45deg);
  transition: all .5s;
}

#js_ry .swiper-slide a:hover .xarrow {
  background: #244bad;
  border: 2px solid #244bad;
}

#js_ry .swiper-slide a:hover .xarrow i {
  color: #fff;
}

/* 技术（ç "å'平台） */

.n_yanjiu ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.n_yanjiu ul li {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.n_yanjiu ul li .img_db:after {
  padding-top: 66.91%;
}

.n_yanjiu ul li .yjname {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6.25rem 1.5rem 1.75rem;
  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
  color: #fff;
  font-size: 1.375rem;
  line-height: 2rem;
  text-align: center;
}


.shiying {
  position: relative;
}


.shiying .m>ul {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3,1fr);
}

.shiying .m>ul li:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.shiying .m>ul li a{
  display: block;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.shiying .m>ul li .img_db:after {
  padding-top: 84.985%;
}
.shiying .m>ul li:first-child .img_db:after {
  padding-top: 41.871%;
}

.yanfas {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-top: .875rem;
}

#yf_check .swiper-slide {
  width: auto;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

#yf_check .swiper-slide .img {
  width: 100%;
  height: 29.0625rem;
}

#yf_check .yftxt ,
.shiying .m>ul li a .yftxt {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 1.125rem;
  width: 100%;
  text-align: center;
  padding: 4rem 2.125rem 1.5rem;
  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
}


.shiying .swiper-scrollbar {
  left: 50% !important;
  transform: translate(-50%, 0);
  height: 2px !important;
  background: #dddde1;
  max-width: 1440px;
}

.shiying .swiper-scrollbar-drag {
  background: #244bad !important;
  height: 2px !important;
  border-radius: 0;
  position: absolute;
}

.n_yfpt {
  position: relative;
}
/* 
.n_yfpt>img {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 61.0625rem;
  height: 35.625rem;
  background: url(../images/pingtaibg.png)no-repeat;
  background-size: cover;
} */


.n_yfpt #wenzi {
  margin-top: -9rem;
}
.n_yfpt #wenzi li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
/* .n_yfpt #wenzi li div {
  margin-bottom: 10rem;
} */

.n_yfpt #wenzi li div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 10.625rem;
}
.n_yfpt #wenzi p {
  color: #212121;
  font-size: 1rem;
  line-height: 2.125rem;
  max-width: 40.625rem;

}

.n_yfpt #wenzi li img {
  border-radius: 17.5rem 0 0 17.5rem;
}

.ptbox {
  position: absolute;
  width: 100%;
  /* top: 50%; */
  bottom: 0;
  z-index: 10;
  max-width: 1440px;
}

#pingtai {
  padding-top: 2rem;
}


#pingtai .swiper-slide {
  background: #fff;
  padding: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-radius: 1rem; */
  /* height: 8.75rem; */
  transition: all .5s;
}

#pingtai .swiper-slide:hover ,
#pingtai .my-slide-thumb-active  {
  transform: translateY(-1.875rem);
}


/* 社会责任 */

.n_society .shehui {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 1.875rem;
}


.n_society .shehui li>div {
  border-radius: .625rem;
  overflow: hidden;
}

.n_society .shehui .img_db:after {
  padding-top: 61.96%;
}

.n_society .shehui .shcon {
  padding: 2.25rem 2.25rem 3.125rem;
  background: #fff;
}

.n_society .shehui .shcon h5 {
  color: #202020;
  font-size: 1.375rem;
  margin-bottom: .5rem;
}

.n_society .shehui .shcon span {
  color: #202020;
  font-size: .9375rem;
  line-height: 1.8125rem;
}

.n_society .shehui .shcon .jiansuo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.75rem;
  gap: 1.5rem;
}

.n_society .shehui .shcon .jz {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
}

.n_society .shehui .shcon .jy {
  color: #717274;
  font-size: .875rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 6px;

}

.n_society .shehui .shcon a {
  border-radius: 50%;
  background: #606163;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.n_society .shehui .shcon a i {
  color: #fff;
  font-size: 1.125rem;
}


.n_society .shehui .shcon .jy i {
  color: #3e3e3e;
  font-size: 1.375rem;
}

.n_society .shehui .shcon a:hover {
  background: #b71c24;
}

/* 企业文化 */

.fangzhen {
  background: url(../images/whbg.jpg)bottom no-repeat;
  position: relative;
  width: 100%;
  background-size: contain;
  padding-bottom: 12rem;
}

#wenhua .whcon {
  background: #fff;
  padding: 2.5rem 3rem 3.75rem;
}


#wenhua .whcon h5 {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 1rem 0 .875rem;
  
}

#wenhua .whcon p {
  color: #515151;
  font-size: 0.9rem;
  line-height: 1.5rem;
}

#wenhua .swiper-slide {
  border-radius: .625rem;
  overflow: hidden;
}

#wenhua .whcon i {
  font-size: 3rem;
  color: #3e3a34;
}

#wenhua .swiper-slide .img_db:after {
  padding-top: 60.87%;
}

.fangzhen .sanfz {
  text-align: center;
  color: #fff;
  margin-top: 8.75rem;
}

.fangzhen .sanfz p {
  font-size: 1.375rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.fangzhen .sanfz h5 {
  font-size: 2.375rem;
  line-height: 3.4375rem;
}

.mubiao {
  background: url(../images/mubiaobg.jpg)center no-repeat;
  position: relative;
  width: 100%;
  padding-bottom: 18.75rem;
  background-size: cover;
}


.mubiao .sanmb {
  width: 37.625rem;
  height: 37.625rem;
  position: relative;
  padding: 2.6875rem;
  margin: auto;
}

.mubiao .sanmb::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/qywhquan.png)no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
  animation: spins 15s linear infinite;
}

@keyframes spins {

  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);

  }
}

.mubiao .sanmb .mbcenter {
  background: url(../images/whlogobg.jpg)no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mubiao .sanmb .mbcenter .n_tits {
  color: #fff;
  margin-bottom: 0;
}

.mubiao .sanmb .mbcenter .n_tits::before {
  background: url(../images/n_titzw.png)no-repeat;
  background-size: cover;
}

.mubiao .sanmb ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mubiao .sanmb ul li {
  position: absolute;
  width: 27.5rem;
}

.mubiao .sanmb ul li::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #2851b5;
}

.mubiao .sanmb ul li::after {
  content: '';
  position: absolute;
  width: 104px;
  height: 2px;
  background: url(../images/mbline1.png)no-repeat;
  background-size: cover;
}

.mubiao .sanmb ul li h5 {
  color: #212121;
  font-size: 2.375rem;
  line-height: 1.5;
  margin-bottom: .875rem;
  width: 175%;
}

.mubiao .sanmb ul li p {
  color: #414141;
  font-size: 1rem;
  line-height: 1.875rem;
}

.mubiao .sanmb ul li:nth-child(1) {
  left: -25rem;
  top: 50%;
  transform: translate(0, -50%);
  padding-right: 5.625rem;
  width: 26rem;
}

.mubiao .sanmb ul li:nth-child(1)::before {
  right: 0;
  top: 0rem;
}

.mubiao .sanmb ul li:nth-child(1)::after {
  right: 0;
  top: .375rem;
}

.mubiao .sanmb ul li:nth-child(2) {
  right: -26rem;
  top: 50%;
  transform: translate(0, -50%);
  padding-left: 7.625rem;
}

.mubiao .sanmb ul li:nth-child(2)::before {
  left: 0;
  top: 0rem;
}

.mubiao .sanmb ul li:nth-child(2)::after {
  transform: rotate(180deg);
  left: 0;
  top: .375rem;
}

.mubiao .sanmb ul li:nth-child(3) {
  left: 50%;
  bottom: -50%;
  transform: translate(-50%, -50%);
  padding-top: 2.875rem;
}

.mubiao .sanmb ul li:nth-child(3)::before {
  left: 50%;
  transform: translate(-50%, 0);
  top: 0rem;
}

.mubiao .sanmb ul li:nth-child(3)::after {
  background: url(../images/mbline2.png)no-repeat;
  background-size: cover;
  left: 50%;
  transform: translate(-50%, 0);
  top: .375rem;
  width: 2px;
  height: 44px;
}

/* 企业荣誉 */


.n_honor .ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 3.125rem;
}


.n_honor .ul .li1 a {
  position: relative;
  z-index: 10;
}

.n_honor .ul .li1 a::before {
  content: '';
  position: absolute;
  height: 6.5rem;
  background: url(../images/dd9.png)center bottom no-repeat;

  width: 90%;
  background-size: contain;
  bottom: 3.5rem;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

.n_honor .ul .li1 .img {
/*  background: url(../images/kuang.png)center no-repeat;*/
  background-size: contain;
  padding:0.5rem;
  position: relative;
/*  height: 14.0625rem;*/
}

.n_honor .ul .li1 .img img {
  object-fit: contain;
  width:100%;
  height: auto;
  border-radius:10px;
  border:1px solid #999;
  transition: all .5s ease .1s;
}
.n_honor .ul .li1 .img img:hover{
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/* 
.n_honor .ul .li1 .img .look {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(180, 45, 52, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
} */

.n_honor .ul a i {
  display: block;
  background: #a68d5d;
  width: 1.0625rem;
  height: 4px;
  margin:0.5rem auto 1rem;
}

.n_honor .ul a p {
  color: #333333;
  font-size: 1rem;
  line-height: 1.875rem;
  text-align: center;
  height: 2.25rem;
}


/* .n_honor .ul .li1 a:hover .look {
  opacity: 1;
} */
/* .n_honor #list_slides {
  position: relative;
  display: grid;
  gap: 11px;
}

.n_honor #list_slides dl {
  position: relative;
  z-index: 1;
  border-radius: .875rem;
  overflow: hidden;
}

.n_honor #list_slides dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 5rem;
  transition: .5s;
  padding: 0 2.25rem;
  background: #fff;
}

.n_honor #list_slides dt .hyear {
  display: flex;
  align-items: flex-end;
  gap: .875rem;
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-family: Poppins;
}

.n_honor #list_slides dt .jhao {
  width: 2.4375rem;
  height: 2.4375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c6c1c2;
  transition: all .5s;
  position: relative;
}

.n_honor #list_slides .on dt .jhao {
  background: #b71c24;
}

.n_honor #list_slides dt .jhao::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.n_honor #list_slides dt .jhao::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 12px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.n_honor #list_slides dd {
  display: none;
  transition: 0s;
  line-height: 2rem;
  font-size: .9375rem;
  padding: 2.25rem 2.5rem 2.5rem;
  background: #fff;
}

.n_honor #list_slides dd ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem 1.5rem;
}

.n_honor #list_slides dd ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  background: #eef0f2;
  border-radius: .625rem;
  padding: 5.25rem 1rem 2rem;
}

.n_honor #list_slides dd ul li .imgs {
  height: 11.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_honor #list_slides dd ul li .imgs img {
  object-fit: contain;
}

.n_honor #list_slides dd ul li p {
  color: #212121;
  font-size: 1.25rem;
  line-height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 3.75rem;
} */



.n_company .m>h5 {
  color: #212121;
  font-size: 2.375rem;
  line-height: 3rem;
  position: relative;
  display: inline-flex;
  padding-left: 4rem;
}

.n_company .m>h5::before {
  content: '';
  position: absolute;
  background: url(../images/n_titzs.png)no-repeat;
  background-size: cover;
  width: 45px;
  height: 34px;
  left: 0;
  bottom: .5rem;
}

.n_company .m .ar_article {
  margin: 2.5rem 0;
}

.n_company .m .ar_article p {
  color: #414141;
  font-size: 1rem;
  line-height: 2rem;
}

.n_company .m .vsbox {
  display: grid;
  grid-template-columns: 39.6875rem 1fr;
  gap: 10px;
}

.n_company .m .vsbox a {
  border-radius: .875rem;
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}


.n_company .m .vsbox .video_box a .img {
  height: 100%;
}

.vsbox .mask2,
.btn_video2 .mask3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.btn_video2 {
  width: 6.875rem;
  height: 6.875rem;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_video2 .mask3 img {
  animation: roll 3s infinite linear;
}

.videos img {
  display: block;
}

@-webkit-keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

#comswiper {
  border-radius: .875rem;
  width: 100%;
  position: relative;
}

#comswiper .img_db:after {
  padding-top: 59.75%;
}

#comswiper .swiper-button-white {
  width: 2.8125rem;
  height: 5.625rem;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
}

#comswiper .swiper-button-white i {
  color: #d1d1d1;
  font-size: 1.5rem;
}

#comswiper .swiper-button-white.com_left {
  left: 0;
  right: auto;
}

#comswiper .swiper-button-white.com_right {
  right: 0;
  left: auto;
}

#comswiper .swiper-button-white.com_left i {
  transform: rotate(90deg);
}

#comswiper .swiper-button-white.com_right i {
  transform: rotate(-90deg);
}


.n_company .comgd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
  margin-top:50px;
}

.n_company .comgd li .counter {
  color: #b71c24;
  font-family: Poppins;
  font-size: 3.5rem;
}

.n_company .comgd li p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.75rem;
  width:100%; text-align:center;
}

.n_company .comgd li div {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  font-size:20px; color:#b71c24;
}

.n_company .comgd li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.n_company .comgd li em {
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.5rem;
}



.ghbox {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.ghbox img {
  display: block;
}

.ghbox ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.ghbox ul li .dt {
  height: 42%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.ghbox ul li .dt h4 {
  color: #ffffff;
  font-size: 2.25rem;
  font-family: Poppins;
  line-height: 1.5;
}

.ghbox ul li .dt p {
  color: #ffffff;
  font-size: 1.375rem;
}

.ghbox ul li:nth-child(1) .dt {
  padding-top: 26%;
}

.ghbox ul li:nth-child(2) .dt {
  padding-top: 17%;
}

.ghbox ul li:nth-child(3) .dt {
  padding-top: 8%;
}

.ghbox ul li:nth-child(4) .dt {
  padding-top: 0;
}

.ghbox ul li .dd {
  /* padding: 4.5rem 2.875rem; */
  padding: 0rem 0.875rem;
  height: 18rem;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ghbox ul li .dd p {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 2.125rem;
}

.bjbox {
  margin: 0 5.125rem 5rem;
  position: relative;

}

.bjbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 16.375rem;
  background: url(../images/bujuquanbg.png)center no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}


.bjbox ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-grow: 1;
  gap: 1.5rem 0;
  justify-items: center;
}

.bjbox ul li {
  position: relative;
  padding: 1.25rem;
  background: url(../images/bujuyuan.png)no-repeat;
  background-size: cover;
  width: 13.4375rem;
  height: 13.4375rem;
}

.bjbox ul li .imgbj {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
}


.bjbox ul li p {
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.5;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  text-align: center;
}

.bjbox ul li.top p {
  top: -3rem;

}

.bjbox ul li.bot p {
  bottom: -3rem;
}

/* 产å"åº"ç"¨-åº"ç"¨é¢†åŸŸ */

.n_makely ul {
  display: grid;
  gap: 1.5625rem;
}

.n_makely ul li {
  display: grid;
  gap: 10px;
  grid-template-columns: .678fr .322fr;
}

.n_makely ul li .img {
  border-radius: 1rem;
}

.n_makely ul li .img_db:after {
  padding-top: 55.182%;
}

.n_makely ul li .makecon {
  background: #fff;
  border-radius: 1rem;
  padding: 6.25rem 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.n_makely ul li .makecon h5 {
  color: #212121;
  font-size: 2.125rem;
  line-height: 1.5;
  margin: 1rem 0 1.5rem;
}

.img_db > img{position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s ease .1s;}

.img_db > img:hover{
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);	
	}

.n_makely ul li .makecon p {
  color: #515151;
  font-size: 1rem;
  line-height: 1.625rem;
}

.n_makely ul li:nth-child(even) {
  grid-template-columns: .322fr .678fr;
}

.n_makely ul li:nth-child(even) .makecon {
  order: -1;
}

.n_makely ul li a {
  width: 9.6875rem;
  height: 2.8125rem;
  color: #515151;
  font-size: .9375rem;
  line-height: 1.875rem;
  transition: all .5s;
  margin-top: 2.25rem;
  background:url(../images/liaojiemore.png) no-repeat;
}

.n_makely ul li a i {
  color: #515151;
  transition: all .5s;
}

.n_makely ul li a:hover {
  background:url(../images/liaojiemore2.png) no-repeat;
}

.n_makely ul li a:hover i {
  color: #fff;
}


/* 产å"åº"ç"¨-领域列表 */

.n_makelist .dhbox {
  position: sticky;
  top: 5rem;
  z-index: 900;
  width: 100%;
  max-width: 100%;
  transition: all .5s;
  padding-bottom: 3.75rem;
}

.n_makelist .dhbox .duoxx {
  margin-bottom: 0 !important;
}

.n_makelist .dhbox.white {
  background: #fff;
  padding: 2rem 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.n_makelist>.m {
  display: grid;
  gap: 8rem;
}
.n_makelist .site_blocks {
  display: grid;
  gap: 3.75rem;
  position: relative;
}

.n_makelist .site_blocks>a {
  position: absolute;
  top: -11rem;
}

.n_makelist .sitetop {
  background: #fff;
  padding: 4.375rem 6.25rem 4.5rem;
  border-radius: .875rem;
}

.n_makelist .sitetop h5,
.n_makelist .sitetop p {
  text-align: center;
}

.n_makelist .sitetop h5 {
  color: #212121;
  font-weight: bold;
  font-size: 2.125rem;
  line-height: 1.5;
  text-transform: capitalize;
}

.n_makelist .sitetop>p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-bottom: 2.5rem;
}

.n_makelist .sitetop .swiper-slide .spk {
  border: 1px solid #d9d9df;
  border-radius: 1rem;
  height: 11rem;
  padding: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: all .5s;
}

.n_makelist .sitetop .swiper-slide .img {
  position: relative;
  transition: all .5s;
}

.n_makelist .sitetop .swiper-slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.875rem;
  gap: .875rem;
  cursor: pointer;
  text-align: center;
}

.n_makelist .sitetop .swiper-slide .bai,
.n_makelist .sitetop .swiper-slide:hover .hei,
.n_makelist .sitetop .swiper-slide.on .hei {
  opacity: 0;
}

.n_makelist .sitetop .swiper-slide .hei,
.n_makelist .sitetop .swiper-slide:hover .bai,
.n_makelist .sitetop .swiper-slide.on .bai {
  opacity: 1;
}

.n_makelist .sitetop .swiper-slide .img .bai {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s;
  z-index: 1;
}

.n_makelist .sitetop .swiper-slide:hover .spk,
.n_makelist .sitetop .swiper-slide.on .spk {
  border: 1px solid #b71c24;
  background: #b71c24;
}

.n_makelist .sitetop .swiper-slide:hover .spk .img {
  transform: scale(1.1);
}



.n_makelist .sitebot h6 {
  text-align: center;
  color: #313131;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.n_makelist .sitebot ul {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  padding: 2.25rem 0 3.75rem;
}

.n_makelist .sitebot ul li {
  border: 1px solid #bbbbbf;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  height: 2.8125rem;
  cursor: pointer;
  transition: all .5s;
}
/* .n_makelist .sitebot ul li a {
  width: 100%;
  height: 100%;
  
} */

.n_makelist .sitebot ul li.on {
  color: #fff;
  background: #b71c24;
  border: 1px solid #b71c24;
}

.n_makelist .sitebot table {
  width: 100%;

}

.n_makelist .sitebot table tr {
  display: grid;
  grid-template-columns: .16fr .28fr .47fr .1fr;
  padding: 0 1rem;
  transition: all .5s;
}

.n_makelist .sitebot table tr td {
  padding: 1rem 0;
  transition: all .5s;
}

.n_makelist .sitebot table thead {
  border-bottom: 2px solid #d6d8db;
}



.n_makelist .sitebot table thead tr td {
  color: #212121;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}

.n_makelist .sitebot table tbody tr td {
  color: #515151;
  font-size: 1rem;
  line-height: 1.5625rem;
}

.n_makelist .sitebot table td a {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.n_makelist .sitebot table td a i {
  color: #515151;
  transition: all .5s;
  font-size: 1.25rem;
}



.n_makelist .sitebot table tbody tr:hover {
  background: #b71c24;
}

.n_makelist .sitebot table tbody tr:hover td i,
.n_makelist .sitebot table tbody tr:hover td {
  color: #fff;
}

/* 产å"åº"ç"¨-产å"ç±»åž‹ */

.n_cplist .tablecon thead {
  background: #757e94;
}

.n_cplist table {
  width: 100%;
}

.n_cplist table tr {
  display: grid;
  /* grid-template-columns: .13fr .2fr .289fr .396fr .07fr; */
  grid-template-columns: .13fr .2fr .27fr .27fr .14fr;
  padding: 0 1.625rem;
  height: 100%;
  gap: 1rem;
}


.n_cplist table tr td {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all .5s;
  height: 5.3125rem;
}

.n_cplist table thead tr td {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-transform: capitalize;
}

.n_cplist table tbody tr td {
  color: #454545;
  font-size: 1;
  line-height: 1.5rem;
}

.n_cplist table tbody tr {
  border-top: 1px solid #d1d3d5;
}

.n_cplist table tbody tr:hover td {
  color: #b71c24;
}

.n_cplist table tbody {
  border: 1px solid #d1d3d5;
  border-top: none;
}

.n_cplist table tbody tr:nth-child(odd) {
  background: #f1f3f7;
}

.n_cplist table tbody tr:nth-child(even) {
  background: #d9dfee;
}

/* è"ç³»æˆ'们 */

.n_contact .n_city {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}

.n_contact .n_city li {
  display: flex;
  border-radius: 1.25rem;
  overflow: hidden;
}

.n_contact .n_city li .img {
  max-width: 21.25rem;
  width: 100%;
}

.n_contact .n_city .img_db:after {
  padding-top: 110.89%;
}


.n_contact .n_city li .dzcon {
  background: #fff;
  padding: 2.875rem 2.75rem 2.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.n_contact .n_city li .dzcon h5 {
  color: #313131;
  font-size: 2rem;
  line-height: 1.25;
}

.n_contact .n_city li .dzcon i {
  color: #b71c24;
  font-size: 2rem;
}

.n_contact .n_city li .dzcon p,
.n_contact .n_city li .dzcon a {
  color: #313131;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.n_contact .n_city li .dzcon p {
  margin: .875rem 0 1.125rem;
}


.n_contact .maps {
  margin: 2rem 0 2.5rem;
  border: 2px solid #dcdee2;
  border-radius: 1.5rem;
  overflow: hidden;
}

.n_contact .maps a {
  display: block;
  position: relative;
}

.n_contact .maps .img_db:after {
  padding-top: 43.9%;
}

.n_contact .maps .mask {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.n_contact .maps .ico {
  position: absolute;
  animation: bounce .8s infinite linear;
}

.n_contact .maps .ico1 {
  left: 40.5%;
  bottom: 5%;
}

.n_contact .maps .ico2 {
  left: 67%;
  top: 3.5%;
}



@keyframes bounce {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-20px)
  }
}

.n_liuyan {
  background: url(../images/liuyanbg.jpg)no-repeat;
  background-size: cover;
  position: relative;
}

.n_liuyan .n_tits {
  color: #fff;
}

.n_liuyan form , 
.tc_ewm #formbd {
  background: #fff;
  padding: 3rem 7.8175rem;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.25rem;
  border-radius: 1.25rem;
}

.n_liuyan form div p ,
.tc_ewm #formbd div p {
  color: #313131;
  font-size: 1rem;
  line-height: 1.875rem;
}

.n_liuyan form div ,
.tc_ewm #formbd div {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  position: relative;
  justify-content: flex-end;
  height: 100%;
}

.n_liuyan form div input ,
.tc_ewm #formbd div input {
  border: 1px solid #d2d8de;
  border-radius: 1rem;
  padding: 0 1.5rem;
  color: #313131;
  font-size: 1rem;
  line-height: 1.875rem;
  height: 3.5625rem;
}

.n_liuyan form div input::placeholder ,
.n_liuyan form div textarea::placeholder ,
.tc_ewm #formbd div input::placeholder ,
.tc_ewm #formbd div textarea::placeholder {
  color: #7f7f7f;
}

.n_liuyan form div:nth-child(4) ,
.tc_ewm #formbd div:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
}

.n_liuyan form div textarea ,
.tc_ewm #formbd div textarea {
  border: 1px solid #d2d8de;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  color: #313131;
  font-size: 1rem;
  line-height: 1.875rem;
  height: 7.8125rem;
}

.n_liuyan form div:last-child button ,
.tc_ewm #formbd div:last-child button {
  width: 13.125rem;
  height: 3.5625rem;
  background: #b71c24;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
  border: none;
  gap: .5rem;
}

.n_liuyan form div:last-child button i ,
.tc_ewm #formbd div:last-child button i {
  color: #fff;
  font-size: 1.375rem;
}


.n_liuyan form div #light ,
.tc_ewm #formbd div #light {
  position: absolute;
  font-size: 1rem;
  line-height: 1.5;
  color: #b71c24;
  top: 50%;
  transform: translate(0,-50%);
  right: -1rem;
  margin-left: 2rem;
}



.n_liuyan form div .yzm ,
.tc_ewm #formbd div .yzm {
  position: absolute;
  top: 72%;
  transform: translate(0, -50%);
  right: 1rem;
}

/* 质量管理 */

.n_quality  {
  background: #eff2f7;
}

.n_gys .gysbg {
  background: url(../images/gysbg.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

.n_gys .gysbg ul {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6.0625rem;
}

.n_gys .gysbg ul li .gytop {
  background: url(../images/gystopbg.png)no-repeat;
  background-size: 100% 100%;
  /* height: 3.125rem; */
  color: #515151;
  width: 135%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding: 1rem 1rem 1rem 2rem;
}
.n_gys .gysbg ul li {
  color: #fff;
  position: relative;
}
.n_gys .gysbg ul li::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 28px;
  background: url(../images/gysarrow.png)no-repeat;
  background-size: cover;
}
.n_gys .gysbg ul li .gybot {
  background: url(../images/gysbotbg.png)no-repeat;
  background-size: cover;
  height: 6.125rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.875rem;
  padding-left: 2rem;
}


.n_gys .gysbg ul li:nth-child(1)::before ,
.n_gys .gysbg ul li:nth-child(2)::before ,
.n_gys .gysbg ul li:nth-child(3)::before {
  right: -25%;
  bottom: 25%;
}
.n_gys .gysbg ul li:nth-child(4)::before  {
  transform: rotate(90deg);
  left: 40%;
  bottom: -40%;
}
.n_gys .gysbg ul li:nth-child(5)::before  {
  transform: rotate(-90deg);
  left: 40%;
  top: -40%;
}

.n_gys .gysbg ul li:nth-child(6)::before ,
.n_gys .gysbg ul li:nth-child(7)::before ,
.n_gys .gysbg ul li:nth-child(8)::before {
  left: -25%;
  bottom: 25%;
  transform: rotate(180deg);
}

.n_detection .jiank .m>h5 ,
.n_detection .zhizs .m>h5 {
  text-align: center;
  color: #212121;
  font-size: 2.375rem;
  line-height: 1.5;
  margin-bottom: 2.25rem;
}
.n_detection .jiank .sige {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 13px;
}

.n_detection .jiank .erge {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.n_detection .jiank ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/jiancebg.jpg)no-repeat;
  background-size: cover;
  border-radius: 1rem;
  border: 1px solid #dadfec;
  gap: 1.25rem;
  height: 9.375rem;
  overflow: hidden;
  padding: 0 1.25rem;
}

.n_detection .jiank ul li .icoyuan {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  background: #244bad;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.n_detection .jiank ul li .icoyuan i {
  color: #fff;
  font-size: 2rem;
}
.n_detection .jiank .img {
  border-radius: .875rem;
  margin: 1.25rem 0;
}
.n_detection .jiank .img_db:after {
  padding-top: 39.24%;
}

.n_detection .jiank  ul h5 {
  color: #212121;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: bold;
  margin-bottom: .5rem;
}

.n_detection .jiank  ul p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.875rem;

}

.n_detection .jiank  ul h6 {
  color: #212121;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.zsbox {
  position: relative;
}

.zsbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 39.125rem;
  background: url(../images/wanyan.png)top no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 5rem;
}

.zsbox ul {
  padding: 0 6.25rem;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1.875rem 5.25rem;
  position: relative;
}
.zsbox ul li {
  position: relative;
}

.zsbox ul li h5 {
  color: #b71c24;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  display: none;
  font-weight: bold;
}
.zsbox ul li .zsyuan {
  width: 11.25rem;
  height: 11.25rem;
  background: url(../images/zsyuan.png)no-repeat;
  background-size: cover;
  border-radius: 50%;
  padding: 1.125rem;
  margin-bottom: .875rem;
}

.zsbox ul li .zsyuan div {
  border-radius: 50%;
  background: url(../images/zsbg.jpg)no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: .5rem;
}
.zsbox ul li .zsyuan div i {
  color: #fff;
  font-size: 2.5rem;
}
.zsbox ul li .zsyuan div h6 {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
}

.zsbox ul li p {
  width: 100%;
  color: #595b5d;
  height: 1.875rem;
  border: 1px dashed #ceced3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zsbox ul li .bhnum {
  display: grid;
  gap: 4px;
}

.n_cpgl {
  background: url(../images/cpglbg.jpg)no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.n_cpgl  .cpgly {
  width: 37.25rem;
  height: 37.25rem;
  position: relative;
  padding: 2.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;

}
.n_cpgl  .cpgly::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/cpglyuan.png)no-repeat;
  background-size: cover;
  animation: spins 15s linear infinite;
  left: 0;
  top: 0;
}



.n_cpgl  .cpgly>div {
  width: 20.3125rem;
  height: 20.3125rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 0 10px 5px rgba(36, 75, 173, 0.32);
  flex-shrink: 0;
}


.n_cpgl  .cpgly>div::before {
  content: '';
  position: absolute;
  width: 26.0625rem;
  height: 20.5rem;
  background: url(../images/xiatiao.png)no-repeat;
  background-size: cover;
  animation: spins 15s linear infinite;
}


.n_cpgl  .cpgly .n_tits {
  margin-bottom: 0;
}

.n_cpgl  .cpgly ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.n_cpgl  .cpgly ul li {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 2.25rem;
}
.n_cpgl  .cpgly ul li:nth-child(odd) {
  flex-direction: row-reverse;

}
.n_cpgl  .cpgly ul li .cpico {
  width: 5.9375rem;
  height: 5.9375rem;
  background: url(../images/cpsiyuan.jpg)no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_cpgl  .cpgly ul li .cpico i {
  color: #fff;
  font-size: 2.5rem;
}
.n_cpgl  .cpgly ul li .cpk {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.4375rem;
  width: 31rem;
}
.n_cpgl  .cpgly ul li .cpk h6 {
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.875rem;
}
.n_cpgl  .cpgly ul li .cpk .webcp {
  display: none;
}



.n_cpgl  .cpgly ul li:nth-child(odd) .cpk {
  justify-content: flex-end;
  padding-right: 3rem;
}
.n_cpgl  .cpgly ul li:nth-child(odd) .cpk::before {
  right: 0;
}
.n_cpgl  .cpgly ul li:nth-child(even) .cpk::before {
  left: 0;
}
.n_cpgl  .cpgly ul li .cpk::before {
  content: '';
  position: absolute;
  width: 15.0625rem;
  height: 100%;
  background: url(../images/cpsykuang.png)no-repeat;
  background-size: cover;
}




.n_cpgl  .cpgly ul li p {
  color: #515151;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-top: 1rem;
  width: 26.875rem;
  height: 3.75rem;
}

.n_cpgl  .cpgly ul li:nth-child(odd) p {
  text-align: right;
}

.n_cpgl  .cpgly ul li:nth-child(1) {
  left: -31.5rem;
  top: 13%;
}
.n_cpgl  .cpgly ul li:nth-child(2) {
  right: -31.5rem;
  top: 13%;
}

.n_cpgl  .cpgly ul li:nth-child(3) {
  left: -31.5rem;
  bottom:  7%;
}
.n_cpgl  .cpgly ul li:nth-child(4) {
  right: -31.5rem;
  bottom:  7%;
}

.n_cpgl  .cpgly ul li:nth-child(even) .cpk::before {
  transform: rotateY(180deg);
}

.n_cpgl  .cpgly ul li:nth-child(even) p {
  text-align: left;
  margin-left: 3rem;
}

.n_cpgl  .cpgly ul li:nth-child(even) .cpk {
  padding-left: 3rem;
  justify-content: flex-start;
  padding-right: 0;
}


.n_khgl {
  background: url(../images/n_glkhbg.jpg)no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.khbox {
  position: relative;
}

.khbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 16.375rem;
  background: url(../images/n_kehuquan.png)center no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.khbox ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex-grow: 1;
  gap: 4.4375rem 4.0625rem;
  justify-items: center;
  margin: 0 6.25rem;
  position: relative;
}

.khbox ul li {
  position: relative;
  padding: .6875rem;
  border: 1px solid #cbcbcf;
  width: 100%;
  height: 10.5rem;
  border-radius: 5rem;
}

.khbox ul li div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 2.5rem 2.5rem;
  background: url(../images/kegltxtbg.jpg)no-repeat;
  background-size: cover;
  border-radius: 5rem;
  text-align: center;
}

/* 合作伙伴 */


.n_partner .huoban {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 0.75rem;
}

.n_partner .huoban .short {
  background: #fff;
  border-radius: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 13rem;
  overflow: hidden;
  padding: 2rem;
}

.n_partner .huoban >div {
  position: relative;
}
.n_partner .huoban>div:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.n_partner .huoban>div:nth-child(8) {
  grid-column-start: 3;
  grid-column-end: 5;
}


.n_partner .huoban .hbmz {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #164b94;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .5s;
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.5;
  padding: 1rem;
  text-align: center;
}

.n_partner .huoban>div:hover .hbmz {
  opacity: 1;
}

#banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  display: block;
}



#banner .swiper-pagination {
  position: relative;
  display: inline-block;
  width: auto;
}

#banner .swiper-pagination span {
  width: 4.5rem;
  height: 3px;
  background: transparent;
  transition: .5s;
  border-radius: 50%;
  padding: 0;
  position: relative;
  opacity: 1;
}

#banner .swiper-pagination span:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  background: rgba(255, 255, 255, .25);
}

#banner .swiper-pagination span:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  background: #b71c24;
}

#banner .swiper-pagination span.swiper-pagination-bullet-active:after {
  animation: anim-h 4s linear forwards;
  -webkit-animation: anim-h 4s linear forwards;
}

@-webkit-keyframes anim-h {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@keyframes anim-h {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

#banner .bottom {
  position: absolute;
  bottom: 4.375rem;
  height: 2rem;
  left: 50%;
  transform: translate(-50%,0);
  width: auto;
  padding: 0 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

#banner .swiper-button-white {
  position: relative;
  display: block;
  height: 1.75rem;
}

#banner .swiper-button-prev {
  left: 0;
}

#banner .swiper-button-next {
  right: 0;
}

#banner .swiper-button-white svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: rgba(255, 255, 255, .25);
  float: left;
  transition: .5s;
}

#banner .swiper-button-white:hover svg {
  fill:  #b71c24;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0 !important;
}

.layui-layer  {
  margin-top: -5.5rem;
  margin-left: 6rem;
}

.fenxiang_box1 {
  position: absolute;
  right: 0;
  bottom: 1rem;
}

#share-21.social-share {
  display: flex;
  align-items: center;
}

#share-21.social-share .social-share-icon {
  display: inline-block;
  border: #c0c0c0 1px solid;
  margin: 0 0.75rem 0 0;
}

.social-share .social-share-icon {
  position: relative;
  display: block;
  width: 2.875rem !important;
  height: 2.875rem !important;
  border-radius: 50%;
  border: none;
  color: #c0c0c0 !important;
  text-align: center;
  vertical-align: top;
  transition: 0.6s ease-out 0s;
  transition: all .8s !important;
  font-size: 1.25rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#share-21.social-share .social-share-icon:hover {
  border: #b71c24 1px solid !important;
  background: #b71c24 !important;
  color: #fff !important;
}


.tc {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc.act {
  opacity: 1;
  visibility: visible
}

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

.tc_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

.tc_close {
  position: absolute;
  right: .75rem;
  top: .75rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc_close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg)
}

.tc_btn {
  cursor: pointer
}

.tc_ewm {
  width: 70rem;
  height: auto;
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 4.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}


.tc_ewm p {
  font-size: 1.25rem !important;
  color: #333 !important;
  font-weight: bold
}

.tc_ewm div {
  font-size: .875rem !important;
  color: #999 !important;
  width: 100%;
}



.tc_ewm .pic form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 3rem;
}

.tc_ewm .pic form input {
  width: 27.5rem;
  padding: 0 1.5rem;
  border: 1px solid #cacaca;
  height: 3.75rem;
  font-size: 1rem;
  line-height: 3.75rem;
  border-radius: 1.875rem;
}

.tc_ewm .pic form  button {
  background: #b71c24;
  width: 8.125rem;
  height: 3.75rem;
  border-radius: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  border: none;
}

.tc_ewm #formbd {
  padding: 3rem 0;
  margin-top: 0;
}

.n_ggbg .tc_ewm {
  width: 70rem;
}

.tc_ewm #formbd div input {
  width: 100%;
}
.tc_ewm  .pic {
  position: relative;
}
.tc_ewm  .pic .close {
  position: absolute;
  right: -5%;
  top: -10%;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: flex;
  z-index: 99;
}

.tc_ewm  .pic .close:hover svg path {
  fill: #b71c24;
}



.pic .swiper .img_db:after {
  padding-top: 52.6%;
}

.pic .swiper .img_db>img {
  object-fit: contain;
}

.pic .honor1_next {
  transform: rotate(180deg);
  right: -2rem;
}

.pic .honor1_prev {
  left: -2rem;
}
.pic .swiper-button-white {
  justify-content: flex-start;
}

.pic .swiper-button-white svg path {
  transition: all .5s;
}

.pic .swiper-button-white:hover svg path {
  fill: #b71c24;
}
/**************************/

.dc_pages{ width:100%; float:left;margin-top:35px;}
.dc_pages1{ width:20%; float:left; margin-left:40%;}
.dc_pages1 a{ display:block; float:left; height:40px; color:#a68d5d; font-size:17px; width:33.33333%; line-height:40px; text-align:center; overflow:hidden;}
.dc_pages1 a img{ width:100%; height:auto;}
.dc_pages1 a:hover{}

.cpshangxia{
	width:35%;
	float:right;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:30%;
	text-align:center;
	color:#666;
	cursor:pointer;
	float:left;border:1px solid #a68d5d;
	border-radius:30px;
	line-height:40px; height:40px;}	
	
.shang a{ display:block; width:100%;line-height:40px; height:40px;}
.shang a:hover{color:#FFF; }	
.shang:hover{border:1px solid #a68d5d;	color:#FFF; background:#b81d25;}		
.marshang{	margin-left:1.3%;}	
/*************************************/
/*
.cpflcss li{ border:1px solid #000; text-indent:22px;}	
.cpflcss li:hover{ background:#b71c24;}
.cpflcss li:hover a .trendcon h5{ color:#FFF;}*/
/***************************/

.n_pad_top{ margin-top:50px;}
/***********************/
.cpduoxx {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 3.75rem;
}
#cpnav { width:100%; float:left; gap:0;}
#cpnav li a {
	display: block;
	width: 100%;
	font-size:16px;
	height:42px;
	line-height:42px;
	color:#000;
	font-weight:bold;
	/*border:1px solid #000;*/
}
#cpnav li {   float: left; width:100%;}

#cpnav li a:hover{
	text-decoration:none;
	color:#b81d25;
    width:100%;
}

#cpnav li a#cur{
color:#FFF;
background:#b81d25;
    width:100%;

}

#cpnav li ul { width:100%; float:left;}

#cpnav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #FFF;
	border-right: none #FFF;
/*	border-bottom: 1px solid #F9F9F9;*/
	border-left: none #000; color:#000;
}
#cpnav li ul li a{
 display: block;
  width:100%;
/*  text-align:center;*/
 font-size:15px;
 font-weight:normal;
 background:none;
 border-bottom:1px solid #CCC;
 background:url(../images/cpmore.png) no-repeat right;
 color:#000;
}
#cpnav li ul a:link  {
 color:#000; text-decoration:none;
}
#cpnav li ul a:visited  {
 color:#000;text-decoration:none;
}
#cpnav li ul a:hover  {
background:url(../images/cpmore_on.png) no-repeat right; font-weight:bold;
 color:#b81d25;text-decoration:none;font-weight:normal;filter: Alpha(Opacity=70);
}
#cpnav li:hover ul {
 left: auto;
}
#cpnav li.sfhover ul {
 left: auto;
}

/******************************/
.cpright>h5 {
  color: #FFF;
  line-height:60px; 
  line-height:60px;
  font-size:22px; 
  font-weight:bold;
  background:#b81d25;
  text-indent:20px;
  border-radius:10px;
  margin-bottom:25px;
}

.cpli1{ width:30.3333%; float:left; margin:1% 1.5%;}
.cpli1 .img {
/*  background: url(../images/kuang.png)center no-repeat;*/
  background-size: contain;
  padding:1rem;
  position: relative;
  border:1ox solid #000;
/*  height: 14.0625rem;*/
}

.cpli1 .img img {
  object-fit: contain;
  width:100%;
  height: auto;
/*  border:1px solid #e4e4e6;*/
  border-radius:20px;
  transition: all .5s ease .1s;
}
.cpli1 .img img:hover{
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);	
	}

.cpli1 p{ text-align:center; font-size:15px;}

.cpli1 a i{display: block;
background: #a68d5d;
width: 1.0625rem;
height: 4px;
margin: 1rem auto 1rem;}
/***********************/

.xwmore{ width:20%; height:auto;}