.i-tit {
  text-align: center;
}
.i-tit .en {
  color: #003671;
  font-size: 0.48rem;
  opacity: 0.1;
}
.i-tit .zh {
  color: #0473ee;
  font-size: 0.52rem;
}
.i-tit.i-tit_le {
  text-align: left;
}
.banner .swi_banner .swiper-pagination {
  text-align: left;
  color: #fff;
  bottom: 0.59rem;
  left: 8.3333%;
  width: 50%;
}
.banner .swi_banner .swiper-pagination .swiper-pagination-total {
  font-size: 0.16rem;
}
.banner .swi_banner .swiper-pagination .swiper-pagination-current {
  font-size: 0.24rem;
}
.banner .swi_banner .swiper-button-next,
.banner .swi_banner .swiper-button-prev {
  width: 0.39rem;
  height: 0.39rem;
  border-radius: 50%;
  bottom: 0.54rem;
  top: auto;
  margin-top: 0;
}
.banner .swi_banner .swiper-button-next:after,
.banner .swi_banner .swiper-button-prev:after {
  font-size: 0.2rem;
  font-weight: bold;
}
.banner .swi_banner .swiper-button-prev {
  left: auto;
  background-color: rgba(255, 255, 255, 0.7);
  right: calc(0.96rem + 8.3333%);
}
.banner .swi_banner .swiper-button-prev:after {
  color: #0473ee;
}
.banner .swi_banner .swiper-button-next {
  right: 8.3333%;
  background-image: linear-gradient(147.09deg, #0473ee 0%, #29a9ff 100%);
}
.banner .swi_banner .swiper-button-next:after {
  color: #fff;
}
.banner .swi_banner .swiper-slide {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}
.banner .swi_banner .swiper-slide img,
.banner .swi_banner .swiper-slide video {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
.banner .swi_banner .swiper-slide .ban-full {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.banner .swi_banner .swiper-slide .ban-full.ban-full_img {
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
}
.banner .swi_banner .swiper-slide .ban-full.ban-full_video {
  object-fit: cover;
}
.banner .swi_banner .swiper-slide .ban_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}
.banner .swi_banner .swiper-slide .ban_container .b-zh {
  text-shadow: 0.05rem 0.07rem 0.03rem rgba(0, 0, 0, 0.08);
  font-weight: 300;
  color: #ffffff;
  font-size: 0.7rem;
  letter-spacing: 0.35rem;
  margin-bottom: 0.18rem;
  font-family: "SansCNLight";
}
.banner .swi_banner .swiper-slide .ban_container .b-en {
  color: #ffffff;
  font-size: 0.2rem;
}
.banner .swi_banner .isVideoType .only-mobile {
  display: none;
}
.banner .ban_down {
  position: absolute;
  z-index: 9;
  bottom: 0.6rem;
  width: 50%;
  text-align: center;
  left: 50%;
  right: 0;
  margin-left: -25%;
}
.banner .ban_down img {
  width: 0.18rem;
  height: 0.41rem;
  position: relative;
  bottom: 0;
  animation: scroll_arond 1.6s infinite;
  -webkit-animation: scroll_arond 1.6s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  z-index: 9;
}
.banner .ban_down .txt {
  font-size: 0.14rem;
  margin-top: 0.1rem;
  color: #fff;
}
@keyframes scroll_arond {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 0.2rem;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes scroll_arond {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 0.6rem;
  }
  100% {
    bottom: 0;
  }
}
.btn-play {
  cursor: pointer;
  width: 0.39rem;
  height: 0.39rem;
  position: absolute;
  bottom: 0.55rem;
  z-index: 10;
  z-index: 999;
  right: calc(0.48rem + 8.3333%);
}
.btn-play img {
  display: block;
}
.btn-play circle {
  stroke-dashoffset: 125;
  stroke-dasharray: 125;
  animation: rond 5s infinite;
  -webkit-animation: rond 5s infinite;
}
.btn-play svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
@keyframes rond {
  0% {
    stroke-dashoffset: 125;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes rond {
  0% {
    stroke-dashoffset: 125;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 103;
  background: #fff;
  transition: all 0.3s;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup.open {
  opacity: 1;
  visibility: visible;
  -webkit-animation: zoomOut 0.2s linear forwards;
  animation: zoomOut 0.2s linear forwards;
}
.popup.close {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: zoomIn 0.3s linear forwards;
  animation: zoomIn 0.3s linear forwards;
}
.popup .close-btn {
  cursor: pointer;
  position: fixed;
  top: 0.4rem;
  right: 0.3rem;
  z-index: 2;
  font-size: 0.22rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  transform: rotate(0deg);
  border: 0.02rem solid #e9eaed;
  color: #aabac7;
  line-height: 0.46rem;
  text-align: center;
}
.popup .close-btn:hover {
  background: #fff;
  color: #000;
  transform: rotate(90deg);
}
.popup .popup-wrapper {
  width: 80%;
  height: auto;
  overflow: hidden;
  margin: auto;
}
.popup .popup-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup.popup_recr {
  background: rgba(0, 0, 0, 0.15);
}
.popup.popup_recr .forms-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12rem;
  background-color: #fff;
  text-align: center;
  border-radius: 0.2rem 0.2rem 0.1rem 0.1rem;
  overflow: hidden;
  padding-bottom: 0.4rem;
}
.popup.popup_recr .forms-wrapper .formsul {
  padding: 0.4rem 0.4rem 0;
  font-size: 0;
}
.popup.popup_recr .forms-wrapper .fsli {
  display: inline-flex;
  margin-bottom: 0.3rem;
  width: 50%;
}
.popup.popup_recr .forms-wrapper .fsli span {
  width: 1.6rem;
  text-align: right;
  white-space: nowrap;
  color: #333333;
  font-size: 0.2rem;
  line-height: 0.44rem;
}
.popup.popup_recr .forms-wrapper .fsli div {
  width: 3.6rem;
}
.popup.popup_recr .forms-wrapper .fsli div input,
.popup.popup_recr .forms-wrapper .fsli div select {
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  background-color: #f5f7f9;
  border-radius: 0.06rem;
  color: #333333;
  font-size: 0.18rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
}
.popup.popup_recr .forms-wrapper .fsli div select {
  background: url(../img/ico-arrow.png) 95% 50% no-repeat scroll #f5f7f9;
}
.popup.popup_recr .forms-wrapper .fsli .uploads {
  position: relative;
  text-align: left;
  cursor: pointer;
}
.popup.popup_recr .forms-wrapper .fsli .uploads b,
.popup.popup_recr .forms-wrapper .fsli .uploads img {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.44rem;
}
.popup.popup_recr .forms-wrapper .fsli .uploads img {
  width: 0.2rem;
}
.popup.popup_recr .forms-wrapper .fsli .uploads b {
  color: #173981;
  font-size: 0.18rem;
  font-weight: normal;
  margin-right: 0.1rem;
}
.popup.popup_recr .forms-wrapper .fsli .uploads input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.popup.popup_recr .forms-wrapper .name {
  font-size: 0.22rem;
  background-color: #f5f7f9;
  line-height: 0.8rem;
  height: 0.8rem;
  text-align: center;
}
.popup.popup_recr .forms-wrapper .close-btn {
  top: 0.15rem;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
.ipro {
  padding: 0.3rem 0 0.2rem 0;
}
.ipro .m-pro {
  margin-left: -0.39rem;
  margin-right: -0.39rem;
  padding: 0.3rem 0;
}
.ipro .m-pro .m-pro_li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 0.39rem;
  padding-right: 0.39rem;
  margin: 0.3rem 0;
}
.ipro .m-pro .m-pro_li .m-pro_lin {
  position: relative;
  transition: all 0.3s;
  background-color: #f5f5f5;
  min-height: 3.3rem;
  padding: 0.3rem 3rem 0.3rem 0.84rem;
  box-sizing: border-box;
}
.ipro .m-pro .m-pro_li .m-pro_lin .ico {
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.18rem;
  margin-top: 0.34rem;
}
.ipro .m-pro .m-pro_li .m-pro_lin h5 {
  font-size: 0.3rem;
}
.ipro .m-pro .m-pro_li .m-pro_lin .imore {
  display: block;
  cursor: pointer;
  margin-top: 0.6rem;
  width: 1.4rem;
  text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
  color: #afb3bc;
  font-weight: 300;
  font-size: 0.14rem;
  position: relative;
}
.ipro .m-pro .m-pro_li .m-pro_lin .imore::before,
.ipro .m-pro .m-pro_li .m-pro_lin .imore::after {
  content: '';
  position: absolute;
}
.ipro .m-pro .m-pro_li .m-pro_lin .imore::before {
  left: 0.01rem;
  top: 0.01rem;
  width: calc(100% - 0.01rem);
  height: calc(100% - 0.01rem);
  border: 0.01rem solid #afb3bc;
}
.ipro .m-pro .m-pro_li .m-pro_lin .imore::after {
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-image: linear-gradient(136.38deg, #0473ee 0%, #29a9ff 100%);
  transition: all 0.3s;
  z-index: 0;
}
.ipro .m-pro .m-pro_li .m-pro_lin .imore span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.ipro .m-pro .m-pro_li .m-pro_lin .imore span:nth-child(2) {
  background-image: url("../img/arrow-both.png");
  background-size: 0.32rem 0.13rem;
  width: 0.16rem;
  height: 0.13rem;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 0.03rem;
}
.ipro .m-pro .m-pro_li .m-pro_lin .img {
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  right: 0.4rem;
  top: 0.3rem;
}
.ipro .m-pro .m-pro_li .m-pro_lin .img::after,
.ipro .m-pro .m-pro_li .m-pro_lin .img img {
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ipro .m-pro .m-pro_li .m-pro_lin .img::after {
  content: '';
  background-image: linear-gradient(135.35deg, #ec7e37 0%, #f5ca55 100%);
}
.ipro .m-pro .m-pro_li .m-pro_lin .img img {
  object-fit: cover;
  display: block;
  z-index: 1;
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin,
.ipro .m-pro .m-pro_li.on .m-pro_lin {
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 29, 61, 0.18);
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .imore,
.ipro .m-pro .m-pro_li.on .m-pro_lin .imore {
  box-shadow: 0px 0.05rem 0.15rem rgba(0, 105, 220, 0.29);
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .imore::before,
.ipro .m-pro .m-pro_li.on .m-pro_lin .imore::before {
  display: none;
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .imore::after,
.ipro .m-pro .m-pro_li.on .m-pro_lin .imore::after {
  width: 100%;
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .imore span,
.ipro .m-pro .m-pro_li.on .m-pro_lin .imore span {
  color: #fff;
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .imore span:nth-child(2),
.ipro .m-pro .m-pro_li.on .m-pro_lin .imore span:nth-child(2) {
  background-position: right center;
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .img::after,
.ipro .m-pro .m-pro_li.on .m-pro_lin .img::after {
  left: 0.06rem;
  top: 0.07rem;
}
.ipro .m-pro .m-pro_li:hover .m-pro_lin .img img,
.ipro .m-pro .m-pro_li.on .m-pro_lin .img img {
  left: -0.08rem;
  top: -0.09rem;
}
.iguide {
  background-color: #00A7F1;
  position: relative;
  padding: 0.5rem 0 0.7rem;
}
.iguide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/guide-bg.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
.iguide .container {
  display: flex;
  align-items: flex-start;
}
.iguide .gui-l {
  text-align: center;
  position: relative;
  width: 33.33%;
}
.iguide .gui-l img {
  width: 0.68rem;
  height: 0.68rem;
  display: block;
  margin: 0 auto 0.25rem;
}
.iguide .gui-l div {
  color: #ffffff;
  font-size: 0.2rem;display: none;
}
.iguide .gui-l::after {
  content: '';
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 0.01rem;
  background-color: rgba(255, 255, 255, 0.6);
}
.iguide .gui-l:last-child::after {
  display: none;
}
.icase {
  padding: 0.3rem 0;
}
.icase .swiper-case {
  position: relative;
}
.icase .swi_case {
  padding: 0.5rem 0 0.6rem;
}
.icase .swi_case .swiper-slide .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.icase .swi_case .swiper-slide .txt {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  top: 12%;
  width: 100%;
}
.icase .swi_case .swiper-slide .txt .t {
  font-size: 0.36rem;
}
.icase .swi_case .swiper-slide .txt .p {
  font-size: 0.16rem;
  min-height: 0.6rem;
  margin: 0.14rem 0;
}
.icase .swi_case .swiper-slide .txt .more span,
.icase .swi_case .swiper-slide .txt .more img {
  display: inline-block;
  vertical-align: middle;
}
.icase .swi_case .swiper-slide .txt .more span {
  font-weight: 300;
  font-size: 0.14rem;
  color: #fff;
}
.icase .swi_case .swiper-slide .txt .more img {
  width: 0.16rem;
  height: 0.13rem;
  margin-left: 0.06rem;
}
.icase .swi_case .swiper-slide.swiper-slide-active .img {
  box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.16);
}
.icase .swi_case .swiper-slide.swiper-slide-active::after {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(0, 72, 152, 0) 0%, #001934 100%);
  opacity: 0.5;
}
.icase .swi_case .swiper-button-next,
.icase .swi_case .swiper-button-prev {
  width: 0.54rem;
  height: 0.54rem;
  border-radius: 50%;
  background-image: linear-gradient(147.09deg, #0473ee 0%, #29a9ff 100%);
}
.icase .swi_case .swiper-button-next:after,
.icase .swi_case .swiper-button-prev:after {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
}
.icase .swi_case .swiper-button-prev {
  left: 0.3rem;
}
.icase .swi_case .swiper-button-next {
  right: 0.3rem;
}
.icase .slidernav {
  font-size: 0;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0.96rem;
  right: 0;
  z-index: 2;
}
.icase .slidernav li {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  position: relative;
  cursor: pointer;
}
.icase .slidernav li .cir,
.icase .slidernav li div {
  opacity: 0.6;
}
.icase .slidernav li .cir {
  border-radius: 50%;
  margin: 0 auto 0.16rem;
  width: 0.1rem;
  height: 0.1rem;
  border: 0.02rem solid #ffffff;
  position: relative;
  z-index: 1;
}
.icase .slidernav li div {
  font-size: 0.16rem;
}
.icase .slidernav li::before,
.icase .slidernav li::after {
  content: '';
  position: absolute;
  border-bottom: 0.01rem dashed #fff;
  top: 0.07rem;
  opacity: 0.6;
  width: 48%;
}
.icase .slidernav li::before {
  left: 0;
}
.icase .slidernav li::after {
  left: 52%;
}
.icase .slidernav li.active .cir,
.icase .slidernav li.active div {
  opacity: 1;
}
.ibgs {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.news-warp {
  padding: 0.5rem 0 1rem;
}
.news-warp .ibgs {
  background-size: contain;
  background-position: bottom center;
}
.news-warp .swiper-news {
  margin: 0.64rem 0 0.58rem;
}
.news-warp .swiper-news .swiper-pagination {
  text-align: right;
}
.news-warp .swiper-news .swiper-slide {
  font-size: 0;
}
.news-warp .swiper-news .img,
.news-warp .swiper-news .txt {
  display: inline-block;
  vertical-align: top;
}
.news-warp .swiper-news .img {
  width: 38.5%;
}
.news-warp .swiper-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-warp .swiper-news .txt {
  width: 61.5%;
  color: #fff;
  padding-left: 0.49rem;
  box-sizing: border-box;
  color: #333333;
}
.news-warp .swiper-news .txt .t {
  font-size: 0.26rem;
  margin: 0.1rem 0;
}
.news-warp .swiper-news .txt .time {
  font-size: 0.18rem;
  color: #afb3bc;
  font-weight: 300;
}
.news-warp .swiper-news .txt .p {
  font-size: 0.16rem;
  line-height: 0.34rem;
  font-weight: 300;
  margin: 0.34rem 0 0.4rem;
  height: 1.02rem;
}
.news-warp .swiper-news .txt .more span,
.news-warp .swiper-news .txt .more img {
  display: inline-block;
  vertical-align: middle;
}
.news-warp .swiper-news .txt .more span {
  font-weight: 300;
  font-size: 0.14rem;
  color: #999;
}
.news-warp .swiper-news .txt .more img {
  width: 0.16rem;
  height: 0.13rem;
  margin-left: 0.1rem;
}
/* 新闻中心 */
.news-its {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
}
.news-its .newit {
  width: 33.33%;
  float: left;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  margin-bottom: 0.4rem;
  box-sizing: border-box;
}
.news-its .newit .newit-in {
  padding: 0.12rem;
  background-color: transparent;
  display: block;
}
.news-its .newit .newit-in img {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.news-its .newit .newit-in .newimg {
  overflow: hidden;
}
.news-its .newit .newit-in .newimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-its .newit .newit-in .newtxt {
  color: #333;
  padding: 0 0.26rem;
}
.news-its .newit .newit-in .newtxt .t {
  font-size: 0.2rem;
  line-height: 0.34rem;
  height: 0.68rem;
  margin: 0.2rem 0;
  border-bottom: 0.01rem solid #e0e4eb;
  padding-bottom: 0.2rem;
  word-break: break-all;
}
.news-its .newit .newit-in .newtxt .time {
  color: #afb3bc;
  font-size: 0.18rem;
  line-height: 0.4rem;
}
.news-its .newit .newit-in .newtxt .time img {
  float: right;
  opacity: 0;
  margin-top: 0.1rem;
  margin-right: 0.3rem;
}
.news-its .newit:hover .newit-in,
.news-its .newit.active .newit-in {
  background-image: linear-gradient(135deg, #0473ee 0%, #29a9ff 100%);
  box-shadow: 0 0.03rem 0.4rem rgba(0, 0, 0, 0.16);
}
.news-its .newit:hover .newit-in .newimg img,
.news-its .newit.active .newit-in .newimg img {
  transform: scale(1.02);
}
.news-its .newit:hover .newit-in .newtxt,
.news-its .newit.active .newit-in .newtxt {
  color: #fff;
}
.news-its .newit:hover .newit-in .newtxt .time,
.news-its .newit.active .newit-in .newtxt .time {
  color: #fff;
}
.news-its .newit:hover .newit-in .newtxt .time img,
.news-its .newit.active .newit-in .newtxt .time img {
  opacity: 1;
  margin-right: 0px;
}
.nitem .nitem-in {
  padding: 0.28rem 0.3rem 0.28rem 0;
  border-bottom: 0.01rem solid #e0e4eb;
  transition: all 0.3s;
  overflow: hidden;
  display: block;
}
.nitem .nitem-in .niteml,
.nitem .nitem-in .nitemr {
  float: left;
  box-sizing: border-box;
}
.nitem .nitem-in .niteml {
  width: 24%;
}
.nitem .nitem-in .niteml img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nitem .nitem-in .nitemr {
  position: relative;
  width: 76%;
  color: #333;
  padding: 0 1.1rem 0 0.42rem;
}
.nitem .nitem-in .nitemr .t {
  font-size: 0.22rem;
  margin: 0.16rem 0 0.2rem;
}
.nitem .nitem-in .nitemr .p {
  font-weight: 300;
  color: #999999;
  font-size: 0.16rem;
  line-height: 0.3rem;
  height: 0.6rem;
  overflow: hidden;
}
.nitem .nitem-in .nitemr .time {
  font-weight: 300;
  color: #afb3bc;
  font-size: 0.16rem;
  line-height: 0.4rem;
  margin-top: 0.4rem;
}
.nitem .nitem-in .nitemr .newsri {
  width: 0.46rem;
  height: 0.46rem;
  right: -0.8rem;
  top: 50%;
  margin-top: -0.23rem;
  position: absolute;
  transition: all 0.3s;
}
.nitem .nitem-in:hover {
  background: #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 35, 74, 0.2);
  padding-left: 0.3rem;
}
.nitem .nitem-in:hover .nitemr .newsri {
  right: 0;
}
.news_des {
  position: relative;
}
.news_des .l-details {
  width: 67%;
  float: left;
}
.news_des .l-details .article {
  text-align: center;
}
.news_des .l-details .article h5 {
  font-size: 0.42rem;
  line-height: 0.7rem;
}
.news_des .l-details .article .date {
  color: #b1aeae;
  font-size: 0.18rem;
  margin: 0.3rem 0 0.5rem;
}
.news_des .l-details .article img {
  max-width: 100%;
}
.news_des .l-details .article p {
  font-size: 0.18rem;
  line-height: 0.42rem;
  color: #333333;
}
.news_des .l-details .des_page {
  padding: 0.35rem 0;
  position: relative;
  margin-top: 0.3rem;
  padding-right: 1.5rem;
  font-size: 0.18rem;
  line-height: 0.24rem;
  border-top: solid 0.01rem #d1d5de;
}
.news_des .l-details .des_page a {
  display: block;
  margin-bottom: 0.2rem;
  color: #b1aeae;
}
.news_des .l-details .des_page a:hover {
  color: #0473ee;
}
.news_des .l-details .des_page .return {
  position: absolute;
  right: 0;
  top: 0.6rem;
}
.news_des .l-details .des_page .return svg,
.news_des .l-details .des_page .return span {
  display: inline-block;
  vertical-align: middle;
}
.news_des .l-details .des_page .return span {
  color: #0473ee;
  padding-left: 0.1rem;
}
.news_des .r-other {
  width: 4rem;
  float: right;
}
.news_des .r-other .rbox {
  background-color: #f8f9fc;
  padding: 0.3rem 0.26rem;
}
.news_des .r-other .rbox h5 {
  font-size: 0.3rem;
}
.news_des .r-other .rbox ul {
  padding-top: 0.18rem;
}
.news_des .r-other .rbox ul li {
  position: relative;
  line-height: 0;
  padding: 0.2rem 0 0.2rem 0.36rem;
}
.news_des .r-other .rbox ul li a {
  font-size: 0.16rem;
  color: #333;
  line-height: 0.3rem;
  display: block;
}
.news_des .r-other .rbox ul li::before,
.news_des .r-other .rbox ul li::after {
  position: absolute;
  content: '';
}
.news_des .r-other .rbox ul li::before {
  width: 0.01rem;
  height: 100%;
  border-left: 0.01rem dashed #afb3bc;
  left: 0.1rem;
  top: 0;
}
.news_des .r-other .rbox ul li::after {
  width: 0.17rem;
  height: 0.17rem;
  background-color: #ffffff;
  left: 0;
  top: 0.26rem;
  border: solid 0.02rem #afb3bc;
  border-radius: 50%;
}
.news_des .r-other .rbox ul li:hover::after {
  border: solid 0.02rem #0473ee;
}
.news_des .r-other .rbox ul li:hover a {
  color: #0473ee;
}
.contact-warp {
  overflow: hidden;
  padding-top: 0.7rem;
}
.contact-warp .address {
  font-size: 0;
  height: 9.44rem;
  background-color: #f8f9fc;
}
.contact-warp .address .addle,
.contact-warp .address .addri {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.contact-warp .address .addle {
  padding-left: 12%;
}
.contact-warp .address .addle .h5 {
  font-size: 0.44rem;
  position: relative;
  padding-bottom: 0.28rem;
  padding-top: 7.6271%;
  margin-bottom: 6.3559%;
}
.contact-warp .address .addle .h5::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.4rem;
  height: 0.04rem;
  border-radius: 0.06rem;
  background-image: linear-gradient(135deg, #0473ee 0%, #29a9ff 100%);
}
.contact-warp .address .addle ul li {
  position: relative;
  margin-bottom: 0.45rem;
  padding-left: 0.82rem;
  width: 44%;
 display: inline-block;
 vertical-align: middle;
}
.contact-warp .address .addle ul li > img {
  width: 0.42rem;
  height: 0.38rem;
  margin-top: -0.19rem;
  position: absolute;
  left: 0;
  top: 50%;
}
.contact-warp .address .addle ul li h5 {
  color: #999;
  font-size: 0.18rem;
  margin-bottom: 0.1rem;
}
.contact-warp .address .addle ul li p {
  font-size: 0.24rem;
}
.contact-warp .address .addle ul li div .code {
  width: 1.67rem;
  height: 1.67rem;
}
.contact-warp .address .addri{display: none;}
.contact-warp .address .addri iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.contact-warp .global {
  position: relative;
  margin-bottom: 0.4rem;
}
.contact-warp .global img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-warp .global .i-tit {
  position: absolute;
  left: 0;
  bottom: 0.9rem;
}
.contact-warp .tacts {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 1.35rem;
}
.contact-warp .tacts .tact-li {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: 33.33%;
  float: left;
  box-sizing: border-box;
}
.contact-warp .tacts .tact-li .img {
  position: relative;
}
.contact-warp .tacts .tact-li .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-warp .tacts .tact-li .img ul {
  position: absolute;
  left: 5%;
  bottom: 0.2rem;
  width: 90%;
}
.contact-warp .tacts .tact-li .img ul li {
  color: #ffffff;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
}
.contact-warp .tacts .tact-li .txt {
  font-size: 0.3rem;
  margin-top: 0.36rem;
}
.contact-warp .tacts .tact-li .txt div {
  margin-bottom: 0.22rem;
}
.contact-warp .tacts .tact-li .txt .sm {
  color: #0473ee;
  font-size: 0.18rem;
}
.case-warp .region {
  padding-top: 0.45rem;
  padding-bottom: 8.74rem;
}
.case-warp .region.ibgs {
  background-position: 72% center;
}
.case-warp .region .p {
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.2rem;
  padding: 0 0.15rem;
}
.case-warp .caseul {
  margin-top: 0.36rem;
}
.case-warp .caseul .caseli .h5 {
  position: relative;
  font-size: 0.36rem;
  padding-bottom: 0.27rem;
  margin-bottom: 0.38rem;
}
.case-warp .caseul .caseli .h5:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.4rem;
  height: 0.04rem;
  background-color: #0473ee;
  border-radius: 0.1rem;
}
.case-warp .caseul .caseli ul {
  font-size: 0;
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}
.case-warp .caseul .caseli ul li {
  display: inline-block;
  vertical-align: top;
  width: 16.66666%;
  margin-bottom: 0.54rem;
  padding-right: 0.15rem;
  padding-left: 0.15rem;
  box-sizing: border-box;
}
.case-warp .caseul .caseli ul li img {
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-warp {
  padding-top: 0.6rem;
}
.service-warp .serul {
  display: flex;
  margin: 0.61rem 0 1.09rem;
}
.service-warp .serul .serli {
  text-align: center;
  flex-basis: 33.33%;
  position: relative;
  padding: 0.42rem 0;
}
.service-warp .serul .serli .serlin {
  position: relative;
  z-index: 1;
  padding: 0 0.5rem;
}
.service-warp .serul .serli .serlin img {
  display: block;
  margin: 0 auto;
}
.service-warp .serul .serli .serlin h4 {
  font-size: 0.32rem;
  color: #0473EE;
  line-height: 0.8rem;
}
.service-warp .serul .serli .serlin div {
  font-size: 0.16rem;
  line-height: 0.3rem;
}
.service-warp .serul .serli::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0.01rem;
  height: 100%;
  background-color: #d6dae2;
}
.service-warp .serul .serli:first-child .serlin {
  padding-left: 0;
}
.service-warp .serul .serli:last-child .serlin {
  padding-right: 0;
}
.service-warp .serul .serli:last-child::before {
  display: none;
}
.service-warp .sertit .ser-en {
  font-weight: 500;
  color: #fff;
  font-size: 0.2rem;
}
.service-warp .sertit .ser-zh {
  color: #fff;
  font-size: 0.42rem;
  margin-top: 0.16rem;
}
.service-warp .serv-intro {
  position: relative;
}
.service-warp .serv-intro::before {
  background-image: linear-gradient(269.91deg, #005bbf 0%, rgba(41, 169, 255, 0) 100%);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.service-warp .serv-intro .container {
  display: flex;
  align-items: center;
}
.service-warp .serv-intro .container .le,
.service-warp .serv-intro .container .intro {
  flex-basis: 50%;
}
.service-warp .serv-intro .container .intro {
  padding-left: 30%;
  position: relative;
  padding-bottom: 14%;
  padding-top: 10%;
}
.service-warp .serv-intro .container .intro .p {
  color: #ffffff;
  font-size: 0.16rem;
  line-height: 0.36rem;
  margin-top: 0.9rem;
  min-height: 1.8rem;
}
.service-warp .serv-both {
  padding: 0.5rem 0.44rem 0.6rem 0.44rem;
  display: flex;
  justify-content: space-between;
}
.service-warp .serv-both .bothli {
  flex-basis: 49%;
  position: relative;
  overflow: hidden;
}
.service-warp .serv-both .bothli .sertit .ser-en {
  color: rgba(0, 0, 0, 0.2);
}
.service-warp .serv-both .bothli .sertit .ser-zh {
  color: #333;
}
.service-warp .serv-both .bothli .intro {
  box-sizing: border-box;
  background-color: #F8F8F8;
  box-shadow: 0 0.03rem 0.15rem rgba(0, 0, 0, 0.1);
  min-height: 1.74rem;
  padding: 0.4rem;
  display: flex;
  align-items: center;
  height: 100%;
}
.service-warp .serv-both .bothli .intro img {
  width: 0.94rem;
  height: 0.94rem;
}
.service-warp .serv-both .bothli .intro img,.service-warp .serv-both .bothli .intro span{display:inline-block;vertical-align: middle;}
.service-warp .serv-both .bothli .intro .p {
  font-size: 0.16rem;
  line-height: 0.34rem;
  padding-left: 0.32rem;
}
.about-warp .profile {
  font-size: 0;
  position: relative;
}
.about-warp .profile .le,
.about-warp .profile .ri {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.about-warp .profile .le {
  padding-top: 1.33rem;
  padding-left: 8.333333%;
  box-sizing: border-box;
}
.about-warp .profile .ri img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-warp .profile .filein {
  box-sizing: border-box;
  background-color: #ffffff;
  overflow-y: auto;
  padding-right: 15%;
  padding-top: 0.2rem;
}
.about-warp .profile .filein > div {
  position: relative;
  font-size: 0.18rem;
  margin: 0.5rem 0;
}
.about-warp .profile .filein > div span {
  color: #0473ee;
  font-size: 0.24rem;
  position: absolute;
  left: 0;
  top: -0.04rem;
  width: 1.49rem;display: none;
}
.about-warp .honor {
  padding-top: 1.79rem;
  padding-bottom: 0.9rem;
}
.about-warp .honor .honor-tab {
  font-size: 0;
  text-align: center;
  margin-top: 0.36rem;
}
.about-warp .honor .honor-tab .honor-tab_li {
  color: #999;
  font-size: 0.2rem;
  width: 1.72rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 0.3rem 0 0.3rem 0;
  display: inline-block;
  margin: 0 8%;
  cursor: pointer;
}
.about-warp .honor .honor-tab .honor-tab_li.on {
  background-color: #fe9c5c;
  color: #fff;
}
.about-warp .honor .swiper-honor {
  width: 100%;
  height: 100%;
  margin-top: 0.4rem;
}
.about-warp .honor .swiper-honor .swiper {
  display: none;
}
.about-warp .honor .swiper-honor .swiper:first-child {
  display: block;
}
.about-warp .honor .swiper-honor .swiper-wrapper {
  align-items: center;
}
.about-warp .honor .swiper-honor .swiper-slide {
  text-align: center;
  font-size: 0.2rem;
  line-height: 0.9rem;
  box-sizing: border-box;
  margin: 0 auto;
  padding-bottom: 0.9rem;
}
.about-warp .honor .swiper-honor .swiper-slide .img {
  position: relative;
  transform: scale(0.7);
  transition: 0.3s;
}
.about-warp .honor .swiper-honor .swiper-slide .img img {
  width: 100%;
  display: block;
}
.about-warp .honor .swiper-honor .swiper-slide .img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.about-warp .honor .swiper-honor .swiper-slide p {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.about-warp .honor .swiper-honor .swiper-slide-active .img,
.about-warp .honor .swiper-honor .swiper-slide-duplicate-active .img {
  transform: scale(1);
}
.about-warp .honor .swiper-honor .swiper-slide-active .img img,
.about-warp .honor .swiper-honor .swiper-slide-duplicate-active .img img {
  box-shadow: 0px 0.15rem 0.3rem rgba(0, 0, 0, 0.16);
}
.about-warp .honor .swiper-honor .swiper-slide-active .img::after,
.about-warp .honor .swiper-honor .swiper-slide-duplicate-active .img::after {
  display: none;
}
.about-warp .honor .swiper-honor .swiper-slide-active p,
.about-warp .honor .swiper-honor .swiper-slide-duplicate-active p {
  display: block;
}
.about-warp .company {
  padding-top: 0.78rem;
}
.about-warp .company .swiper-com .swiper-wrapper {
  padding: 0.58rem 0 0.67rem 0;
}
.about-warp .company .swiper-com img {
  display: block;
}
.about-warp .company .swiper-com .swiper-slide-active {
  box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.26);
}
.about-warp .company .swiper-com .swiper-button-next,
.about-warp .company .swiper-com .swiper-button-prev {
  width: 0.39rem;
  height: 0.39rem;
  border-radius: 50%;
  background-image: linear-gradient(147.09deg, #0473ee 0%, #29a9ff 100%);
}
.about-warp .company .swiper-com .swiper-button-next:after,
.about-warp .company .swiper-com .swiper-button-prev:after {
  font-size: 0.2rem;
  font-weight: bold;
  color: #fff;
}
.about-warp .company .swiper-com .swiper-button-prev {
  left: 8.3333%;
}
.about-warp .company .swiper-com .swiper-button-next {
  right: 8.3333%;
}
.about-warp .partner .partul {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
  font-size: 0;
  padding: 0.52rem 0 1.02rem;
}
.about-warp .partner .partul .partli {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  box-sizing: border-box;
  width: 33.33%;
  height: 3.1rem;
  display: inline-block;
  vertical-align: top;
}
.about-warp .partner .partul .partli .partlin {
  color: #ffffff;height: 100%;
  position: relative;
  display: block;text-align: center;
}
.about-warp .partner .partul .partli .partlin h5,
.about-warp .partner .partul .partli .partlin .p {
  position: relative;
}
.about-warp .partner .partul .partli .partlin h5 {
  font-size: 0.34rem;
  line-height: 0.8rem;padding-top: 1rem;
}
.about-warp .partner .partul .partli .partlin h5 .turn {
  width: 0.4rem;
  height: 0.4rem;
  border: 0.01rem solid #fff;
  margin: 0 auto;
  border-radius: 0.2rem;
  position: relative;
}
.about-warp .partner .partul .partli .partlin h5 .turn img {
  width: 0.16rem;
  height: 0.13rem;
  position: absolute;
  left: 0.13rem;
  top: 0.145rem;
}
.about-warp .partner .partul .partli .partlin .p {
  font-size: 0.18rem;
  line-height: 0.36rem;
  height: 1.17rem;
  margin-top: 0.3rem;display: none;
}
.about-warp .partner .partul .partli .partlin::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
.dashed {
  border: 0.01rem dashed #afb3bc;
}
.garlock-warp {
  position: relative;
}
.garlock-warp .word {
  position: absolute;
  left: 0;
  right: 0;
  top: 52%;
  z-index: -1;
  text-align: center;
  color: rgba(0, 0, 0, 0.03);
  font-size: 3.2rem;
}
.garlock-warp .gar-titles.gar-titles_r {
  text-align: right;
}
.garlock-warp .gar-titles .h,
.garlock-warp .gar-titles .s {
  margin: 0.06rem 0;
}
.garlock-warp .gar-titles .h {
  color: #0473ee;
  font-size: 0.44rem;
}
.garlock-warp .gar-titles .s {
  color: #afb3bc;
  font-size: 0.2rem;
  position: relative;
  display: inline-block;
}
.garlock-warp .gar-titles .s.sber::before,
.garlock-warp .gar-titles .s.saft::before,
.garlock-warp .gar-titles .s.sber::after,
.garlock-warp .gar-titles .s.saft::after {
  content: attr(data-content);
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 50%;
  height: 0.22rem;
  background-image: linear-gradient(135deg, #0473ee 0%, #29a9ff 100%);
}
.garlock-warp .gar-titles .s.sber::before,
.garlock-warp .gar-titles .s.saft::before {
  left: -20%;
}
.garlock-warp .gar-titles .s.sber::after,
.garlock-warp .gar-titles .s.saft::after {
  left: 61%;
}
.garlock-warp .gar-titles .s.sber::after {
  display: none;
}
.garlock-warp .gar-titles .s.saft::before {
  display: none;
}
.garlock-warp .garboth {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.6rem;
}
.garlock-warp .garboth .garpic,
.garlock-warp .garboth .garedit {
  flex-basis: 50%;
  box-sizing: border-box;
}
.garlock-warp .garboth .garedit .year {
  color: #0473ee;
  margin-bottom: 0.5rem;
}
.garlock-warp .garboth .garedit .year hr,
.garlock-warp .garboth .garedit .year span {
  display: inline-block;
  vertical-align: middle;
}
.garlock-warp .garboth .garedit .year hr {
  width: 0.8rem;
  height: 0.02rem;
  background-color: #0473ee;
  border: none;
}
.garlock-warp .garboth .garedit .year span {
  font-size: 0.2rem;
  margin-left: 0.1rem;
}
.garlock-warp .garboth .garedit .year div {
  font-weight: 500;
  font-size: 0.44rem;
  margin-top: 0.03rem;
}
.garlock-warp .garboth .garedit .gartxt {
  word-break: break-all;
  font-size: 0.18rem;
  line-height: 0.44rem;
}
.garlock-warp .garboth .garpic img {
  display: block;
}
.garlock-warp .garboth.garboth-reverse .garpic {
  padding-right: 0.36rem;
}
.garlock-warp .garboth.garboth-1 {
  padding-top: 0.74rem;
}
.garlock-warp .garboth.garboth-1 .garedit {
  position: relative;
  padding-right: 1.4rem;
}
.garlock-warp .garboth.garboth-1 .garedit .quotation {
  width: 0.72rem;
  height: 0.54rem;
  position: absolute;
  right: 0;
  top: -0.15rem;
}
.garlock-warp .garboth.garboth-1 .garedit .quotation1 {
  left: -0.36rem;
  top: 50%;
  margin-top: -0.27rem;
  transform: rotate(180deg);
}
.garlock-warp .garboth.garboth-1 .garedit .gartxt {
  padding-left: 0.66rem;
  padding-top: 30%;
}
.garlock-warp .garboth.garboth-2 {
  padding-bottom: 16%;
}
.garlock-warp .garboth.garboth-2 .garedit .gartxt {
  width: 85%;
}
.garlock-warp .garboth.garboth-2 .garpic {
  padding-left: 0.66rem;
}
.garlock-warp .garboth.garboth-3 .garedit {
  padding-left: 10%;
}
.garlock-warp .garboth.garboth-3 .garedit .gartxt {
  padding-top: 20%;
}
.garlock-warp .garboth.garboth-4 .garedit .quotation {
  text-align: right;
  margin: 0.46rem 0;
}
.garlock-warp .garboth.garboth-4 .garedit .quotation img {
  width: 0.54rem;
}
.garlock-warp .garboth.garboth-4 .garedit .gartxt {
  padding-left: 24%;
}
.garlock-warp .garboth.garboth-5 .garpic {
  padding-top: 0.8rem;
  background-position: left top;
}
.garlock-warp.hardox-warp {
  padding-top: 5%;
}
.garlock-warp.hardox-warp .word {
  top: 34%;
}
.garlock-warp.hardox-warp .garboth .garpic {
  background-size: auto 100%;
}
.garlock-warp.hardox-warp .guide {
  background-color: #005DC4;
  text-align: center;
  color: #ffffff;
  position: relative;
  padding: 0.9rem 0 1.8rem;
  margin-bottom: 0.95rem;
}
.garlock-warp.hardox-warp .guide .h {
  font-size: 0.44rem;
}
.garlock-warp.hardox-warp .guide .t {
  font-size: 0.22rem;
  margin: 0.84rem 0 0.34rem;
}
.garlock-warp.hardox-warp .guide .p {
  font-size: 0.16rem;
  line-height: 0.34rem;
  opacity: 0.8;
}
.garlock-warp.hardox-warp .guide .guis {
  width: 62.5%;
  height: 2.2rem;
  background-color: #fff;
  box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.14);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.95rem;
  margin: 0 auto;
}
.garlock-warp.hardox-warp .guide .guis .guis-h {
  color: #0473ee;
  font-size: 0.24rem;
  padding: 0.26rem 0;
}
.garlock-warp.hardox-warp .guide .guis .guis-ul {
  display: flex;
  justify-content: space-around;
}
.garlock-warp.hardox-warp .guide .guis .guis-ul .gui-l {
  width: 1.06rem;
  height: 1.06rem;
  border: 0.01rem solid #afb3bc;
  border-radius: 50%;
  text-align: center;
}
.garlock-warp.hardox-warp .guide .guis .guis-ul .gui-l img {
  width: 0.45rem;
  margin-top: 0.18rem;
}
.garlock-warp.hardox-warp .guide .guis .guis-ul .gui-l div {
  font-size: 0.16rem;
  color: #333;
}
.garlock-warp.hardox-warp .hardoxboth {
  display: block;
  position: relative;
  padding-bottom: 0;
}
.garlock-warp.hardox-warp .hardoxboth .garedit {
  padding: 0.4rem 0.66rem;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0.15rem 0.15rem 0.3rem rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 52.625%;
}
.garlock-warp.hardox-warp .hardoxboth .garedit .gar-titles .n1 {
  font-size: 0.4rem;
}
.garlock-warp.hardox-warp .hardoxboth .garedit .gar-titles .n2 {
  font-size: 0.2rem;
  color: #0473ee;
  margin-top: 0.14rem;
}
.garlock-warp.hardox-warp .hardoxboth .garedit .gartxt {
  line-height: 0.36rem;
  font-size: 0.16rem;
  height: 1.75rem;
  overflow: hidden;
}
.garlock-warp.hardox-warp .hardoxboth .garedit .quotation {
  margin: 0.46rem 0 0.4rem;
}
.garlock-warp.hardox-warp .hardoxboth.garboth-6 {
  padding-left: 46.375%;
}
.garlock-warp.hardox-warp .hardoxboth.garboth-6 .garedit {
  left: 0;
}
.garlock-warp.hardox-warp .hardoxboth.garboth-7 {
  padding-right: 46.375%;
}
.garlock-warp.hardox-warp .hardoxboth.garboth-7 .garedit {
  right: 0;
}
.garlock-warp.hardox-warp .hardox-bs {
  position: relative;
  background-size: auto 100%;
  margin: 0.6rem 0;
}
.garlock-warp.hardox-warp .hardox-bs.hardox-bs1 {
  padding: 0.66rem 0 0.44rem;
  background-position: 6.125% center;
}
.garlock-warp.hardox-warp .hardox-bs.hardox-bs2 {
  padding: 0.75rem 0 0.35rem;
  background-position: 94.375% center;
}
.bussi {
  padding-bottom: 4%;
}
.bussi .gar-titles {
  text-align: center;
  padding-bottom: 4%;
}
.bussi .gar-titles .s.saft::after,
.bussi .gar-titles .s.sber::after {
  left: 59%;
  text-align: left;
}
.bussi .bussins {
  font-size: 0;
}
.bussi .bussins .gartxt,
.bussi .bussins .img {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.bussi .bussins .gartxt {
  font-size: 0.18rem;
  color: #333;
  line-height: 0.44rem;
  background-color: #F6F6F6;
  padding: 0.63rem 0.7rem;
  box-sizing: border-box;
  position: relative;
}
.bussi .bussins .gartxt::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 0.12rem solid transparent;
  border-bottom: 0.12rem solid transparent;
  display: none;
}
.bussi .bussins .gartxt.gartxtri::after {
  right: -0.56rem;
  border-left: 0.28rem solid #F6F6F6;
  border-right: 0.28rem solid transparent;
}
.bussi .bussins .gartxt.gartxtle::after {
  left: -0.56rem;
  border-right: 0.28rem solid #F6F6F6;
  border-left: 0.28rem solid transparent;
}
.bussi .bussins .img img {
  width: 100%;
  max-width: 100%;
}
.search-con {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
}
.search-con .search input {
  font-size: 0.22rem;
  background-color: #fff;
  padding-right: 0.84rem;
  padding-left: 0.9rem;
  line-height: 0.96rem;
  height: 0.96rem;
  width: 100%;
  color: #333;
  box-sizing: border-box;
}
.search-con .search img {
  width: 0.24rem;
  height: 0.24rem;
  position: absolute;
  right: 0.84rem;
  top: 50%;
  margin-top: -0.12rem;
}
.search-con .search::after {
  content: '';
  position: absolute;
  left: 5%;
  width: 90%;
  height: 0.01rem;
  bottom: 0;
  background-color: #0473ee;
}
.search-warp .name {
  color: #999;
  font-size: 0.18rem;
  background-color: #f7f7f7;
  padding: 0.18rem 0.2rem;
  margin-top: 0.6rem;
}
.search-warp .name span {
  color: #0473ee;
}
.search-warp .nnu {
  padding: 0.2rem;
}
.search-warp .nat {
  font-size: 0.18rem;
  font-weight: bold;
  margin-top: 0.2rem;
}
.search-warp .naul {
  padding-bottom: 8%;
}
.search-warp .naul li {
  position: relative;
  padding: 0.3rem 0.6rem 0.3rem 0.14rem;
  border-bottom: 0.01rem solid #e9e9e9;
  font-size: 0.18rem;
}
.search-warp .naul li a {
  display: block;
  color: #333;
}
.search-warp .naul li img {
  position: absolute;
  width: 0.17rem;
  height: 0.14rem;
  right: 0.16rem;
  top: 0.4rem;
  opacity: 0;
  transition: all 0.4s;
}
.search-warp .naul li:hover a {
  color: #0473ee;
}
.search-warp .naul li:hover img {
  opacity: 1;
}
.load-warp {
  padding: 1rem 0;
}
.load-warp .recli {
  background-color: #f8f8f9;
}
.load-warp .recli:nth-child(2n) {
  background-color: #fff;
}
.load-warp .recli .recli-in {
  cursor: pointer;
  display: block;
  padding: 0.3rem 3.3rem 0.3rem 0.6rem;
  position: relative;
  font-size: 0.18rem;
  color: #8f8f8f;
}
.load-warp .recli .recli-in span {
  color: #0473ee;
  display: inline-block;
  vertical-align: middle;
}
.load-warp .recli .recli-in .ico {
  background-image: url(../img/pdf.png);
  background-size: 0.56rem 0.28rem;
  width: 0.28rem;
  height: 0.28rem;
  background-position: left center;
}
.load-warp .recli .recli-in .h5 span:nth-child(2) {
  padding-left: 0.36rem;
}
.load-warp .recli .recli-in .recliname {
  position: absolute;
  right: 0.5rem;
  top: 0.3rem;
}
.load-warp .recli .recli-in .recliname > div {
  display: inline-block;
  vertical-align: middle;
}
.load-warp .recli .recli-in .recliname .ico {
  background-image: url(../img/load.png);
}
.load-warp .recli .recli-in .recliname .time {
  margin-right: 1.36rem;
}
.load-warp .recli:hover {
  background-color: #0473ee;
}
.load-warp .recli:hover .recli-in {
  color: #fff;
}
.load-warp .recli:hover .recli-in span {
  color: #fff;
}
.load-warp .recli:hover .recli-in .ico {
  background-position: right center;
}
.product-warp .news-its {
  margin-left: -0.13rem;
  margin-right: -0.13rem;
  padding: 0.84rem 0;
}
.product-warp .news-its .newit {
  width: 25%;
  padding-left: 0.13rem;
  padding-right: 0.13rem;
}
.product-warp .news-its .newit .newit-in {
  padding: 0.15rem;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 40, 85, 0.13);
  position: relative;
}
.product-warp .news-its .newit .newit-in::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.05rem;
  width: 0;
  background-image: linear-gradient(90deg, #0473ee 0%, #29a9ff 100%);
  transition-duration: 0.3s;
}
.product-warp .news-its .newit .newit-in img {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.product-warp .news-its .newit .newit-in .newimg {
  overflow: hidden;
}
.product-warp .news-its .newit .newit-in .newimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-warp .news-its .newit .newit-in .newtxt {
  padding: 0.3rem 0.34rem 0;
}
.product-warp .news-its .newit .newit-in .newtxt .h {
  text-align: center;
  color: #0473ee;
  font-size: 0.26rem;
}
.product-warp .news-its .newit .newit-in .newtxt .h img,
.product-warp .news-its .newit .newit-in .newtxt .h span {
  display: inline-block;
  vertical-align: middle;
}
.product-warp .news-its .newit .newit-in .newtxt .t {
  font-size: 0.16rem;
  line-height: 0.28rem;
  min-height: 1.71rem;
  height: auto;
  overflow: hidden;
  border: none;
  padding-bottom: 0;
  margin: 0.3rem 0 0.26rem;
}
.product-warp .news-its .newit .newit-in ul {
  border-top: 0.01rem solid #B8BCC6;
  padding-top: 0.2rem;
  min-height: 1.05rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-warp .news-its .newit .newit-in ul li {
  color: #23384f;
  font-size: 0.2rem;
  list-style-type: disc;
  list-style-position: inside;
  margin: 0.13rem 0;
}
.product-warp .news-its .newit .newit-in ul li a {
  color: #23384f;
}
.product-warp .news-its .newit .newit-in ul li:hover {
  color: #0473E6;
}
.product-warp .news-its .newit .newit-in ul li:hover a {
  color: #0473E6;
}
.product-warp .news-its .newit:hover .newit-in,
.product-warp .news-its .newit.active .newit-in {
  background-image: none;
  box-shadow: 0 0.03rem 0.4rem rgba(0, 0, 0, 0.16);
}
.product-warp .news-its .newit:hover .newit-in::after,
.product-warp .news-its .newit.active .newit-in::after {
  width: 100%;
}
.product-warp .news-its .newit:hover .newit-in .newtxt,
.product-warp .news-its .newit.active .newit-in .newtxt {
  color: #333;
}
.promenu {
  background-color: #fff;
  border-bottom: 0.12rem solid #f8f8f9;
}
.promenu .container {
  display: flex;
  align-items: center;
}
.promenu .container .li {
  text-align: center;
  flex-basis: 25%;
  position: relative;
}
.promenu .container .li a {
  display: block;
  padding: 0.22rem 0;
}
.promenu .container .li span {
  display: inline-block;
  vertical-align: middle;
}
.promenu .container .li span:first-child {
  width: 0.32rem;
  height: 0.32rem;
  background-position: left center;
  background-size: 0.64rem 0.32rem;
  margin-right: 0.12rem;
}
.promenu .container .li span:nth-child(2) {
  color: #333;
  font-size: 0.26rem;
}
.promenu .container .li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 9;
  display: none;
}
.promenu .container .li ul li {
  position: relative;
}
.promenu .container .li ul li a {
  color: #ffffff;
  font-size: 0.2rem;
  line-height: 0.65rem;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.promenu .container .li ul li ul {
  left: 100%;
  padding-top: 0.65rem;
  top: 0;
}
.promenu .container .li ul li:hover > a {
  background-color: #29a9ff;
}
.promenu .container .li ul li:hover ul {
  display: block;
}
.promenu .container .li ul li:hover ul li:hover a {
  background-color: #29a9ff;
}
.promenu .container .li:hover,
.promenu .container .li.on {
  background-image: linear-gradient(135deg, #0473ee 0%, #29a9ff 100%);
}
.promenu .container .li:hover span:first-child,
.promenu .container .li.on span:first-child {
  background-position: right center;
}
.promenu .container .li:hover span:nth-child(2),
.promenu .container .li.on span:nth-child(2) {
  color: #fff;
}
.promenu .container .li:hover > ul {
  display: block;
}

.pt {
  position: relative;
  color: #0473ee;
  font-size: 0.48rem;
  padding-bottom: 0.27rem;
}
.pt::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0.4rem;
  height: 0.04rem;
  background-color: #0473ee;
  border-radius: 0.1rem;
  left: 0;
}
.pt.pt-c {
  text-align: center;
}
.pt.pt-c::after {
  left: 50%;
  margin-left: -0.2rem;
}
.proban {
  display: flex;
}
.proban .banl,
.proban .banr {
  position: relative;
}
.proban .banl {
  flex-basis: 38.2291%;
  padding-left: 8.3333%;
  padding-top: 8%;
}
.proban .banl .p {
  font-size: 0.18rem;
  line-height: 0.36rem;
  margin-top: 0.8rem;
  padding-right: 1.74rem;word-break: break-all;
}
.proban .banr {
  flex-basis: 61.7709%;
}
.proban .banr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proban .banr .sign {
  position: absolute;
  left: 50%;
  bottom: 0.16rem;
  color: #fff;
  transform: translate(-50%, 0);
  font-size: 0.18rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0.36rem;
  padding: 0.13rem 0.23rem;
  display: inline-block;
}
.proban.probans {
  display: block;
  background-color: #fff;
}
.proban.probans .banl {
  padding: 1.5rem 0;
  text-align: center;
}
.proban.probans .banl .p {
  padding-right: 0;
  margin-top: 0.52rem;
}
.pro-warp {
  padding: 0.8rem 0;
}
.pro-warp .pro-name {
  font-size: 0.48rem;
  padding-bottom: 0.29rem;
  position: relative;
  text-align: center;
  border-bottom: 0.02rem solid #eaedf3;
}
.pro-warp .pro-name::after {
  content: '';
  position: absolute;
  bottom: -0.02rem;
  width: 5rem;
  height: 0.02rem;
  background-color: #0473ee;
  left: 50%;
  margin-left: -2.5rem;
}
.pro-warp .pro-its {
  padding-top: 0.6rem;
}
.pro-warp .pro-its .newit {
  width: 25%;
  margin-bottom: 0.52rem;
}
.pro-warp .pro-its .newit .newit-in {
  background-color: #fff;
  padding: 0.32rem 0.35rem;
}
.pro-warp .pro-its .newit .newit-in .newtxt {
  padding: 0.4rem 0 0.12rem;
  text-align: center;
  position: relative;
}
.pro-warp .pro-its .newit .newit-in .newtxt .t {
  margin: 0;
  padding: 0 0.2rem;
  border-bottom: none;
  height: auto;
  font-size: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
  height: 0.64rem;
  
}
.pro-warp .pro-its .newit .newit-in .newtxt .open {
  width: 0.17rem;
  height: 0.17rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0.48rem;
}
.handbook {
  text-align: center;
  padding-top: 1rem;
}
.handbook .t {
  color: #333;
  font-size: 0.48rem;
}
.handbook a {
  margin: 0.46rem 0 0.3rem;
  display: inline-block;
}
.handbook a span,
.handbook a img {
  display: inline-block;
  vertical-align: middle;
}
.handbook a img {
  width: 0.53rem;
  height: 0.53rem;
  margin-right: 0.16rem;
}
.handbook a span {
  color: #0473ee;
  font-size: 0.24rem;
  line-height: 0.26rem;
  text-decoration: underline;
  text-underline-offset: 0.06rem;
}
.handbook .tip {
  color: #afb3bc;
  font-size: 0.18rem;
  line-height: 0.26rem;
}
.patent .n {
  color: #0473ee;
  font-size: 0.28rem;
  line-height: 0.26rem;
  margin: 0.36rem 0;
}
.patent .patent-ul {
  font-size: 0;
  margin-left: -0.13rem;
  margin-right: -0.13rem;
}
.patent .patent-ul .patent-ulin {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 0.13rem;
  padding-right: 0.13rem;
  width: 25%;
  float: left;
}
.patent .patent-ul .patent-ulin .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.patent .patent-ul .patent-ulin .p {
  padding: 0.2rem 0;
  font-size: 0.2rem;
  text-align: center;
}
@media screen and (max-width: 1630px) {
  .banner .swi_banner .swiper-pagination {
    left: 7.0552%;
  }
  .banner .swi_banner .swiper-button-prev {
    right: calc(0.96rem + 7.0552%);
  }
  .banner .swi_banner .swiper-button-next {
    right: 7.0552%;
  }
  .btn-play {
    right: calc(0.48rem + 7.0552%);
  }
}
@media screen and (max-width: 1440px) {
  .i-tit .en {
    font-size: 0.38rem;
  }
  .i-tit .zh {
    font-size: 0.42rem;
  }
}
@media screen and (max-width: 1025px) {
  .banner .swi_banner .swiper-slide .ban_container .b-zh {
    font-size: 0.32rem;
    letter-spacing: 0.2rem;
  }
  .i-tit .en {
    font-size: 0.28rem;
  }
  .i-tit .zh {
    font-size: 0.32rem;
  }
  .ipro .m-pro {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
  .ipro .m-pro .m-pro_li {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    margin: 0.1rem 0;
    text-align: center;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin {
    padding: 0.2rem;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin .img {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
    max-width: 100%;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin .ico,
  .ipro .m-pro .m-pro_li .m-pro_lin h5 {
    display: inline-block;
    vertical-align: middle;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin .ico {
    margin: 0;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin .imore {
    margin: 0.2rem auto;
  }
  .iguide .gui-l div {
    font-size: 0.16rem;
  }
  .iguide .gui-l img {
    width: 0.44rem;
    height: 0.44rem;
  }
  .icase .swi_case {
    padding-top: 0.3rem;
  }
  .icase .swi_case .swiper-slide .txt {
    top: 0.2rem;
  }
  .icase .swi_case .swiper-slide .txt .t {
    font-size: 0.22rem;
  }
  .icase .swi_case .swiper-button-prev {
    left: 0.2rem;
  }
  .icase .swi_case .swiper-button-next {
    right: 0.2rem;
  }
  .icase .slidernav {
    width: 100%;
    bottom: 0.7rem;
  }
  .service-warp .sertit .ser-en {
    font-size: 0.18rem;
  }
  .service-warp .sertit .ser-zh {
    font-size: 0.3rem;
  }
  .service-warp .serv-intro .container {
    display: flex;
    align-items: center;
  }
  .service-warp .serv-intro .container .le {
    display: none;
  }
  .service-warp .serv-intro .container .intro {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .banner .swi_banner .isVideoType .only-mobile {
    display: block;
    height: 100%;
  }
  .banner .swi_banner .isVideoType .only-pc {
    display: none;
  }
  .news-warp .swiper-news {
    margin: 0.4rem 0;
  }
  .news-warp .swiper-news .img,
  .news-warp .swiper-news .txt {
    width: 100%;
    padding: 0;
  }
  .news-warp .swiper-news .txt .t {
    margin-top: 0.2rem;
    font-size: 0.22rem;
  }
  .news-warp .swiper-news .txt .p {
    margin: 0.2rem 0;
    height: auto;
  }
  .news-its {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
  .news-its .newit {
    width: 50%;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    margin-bottom: 0.2rem;
  }
  .news-its .newit .newit-in .newtxt {
    padding: 0;
  }
  .news-its .newit .newit-in .newtxt .t {
    font-size: 0.18rem;
    height: 0.6rem;
    margin: 0.15rem 0;
    padding-bottom: 0.15rem;
  }
  .news-its .newit .newit-in .newtxt .time {
    font-size: 0.16rem;
  }
  .nitem .nitem-in {
    padding: 0.2rem;
  }
  .nitem .nitem-in .niteml,
  .nitem .nitem-in .nitemr {
    width: 100%;
  }
  .nitem .nitem-in .nitemr {
    padding: 0;
  }
  .nitem .nitem-in .nitemr .t {
    font-size: 0.2rem;
    margin: 0.15rem 0;
  }
  .nitem .nitem-in .nitemr .p {
    height: auto;
  }
  .nitem .nitem-in .nitemr .time {
    margin-top: 0.2rem;
  }
  .nitem .nitem-in .nitemr .newsri {
    width: 0.4rem;
    height: 0.4rem;
    right: -0.8rem;
    margin-top: 0;
    top: auto;
    bottom: 0;
  }
  .nitem .nitem-in:hover,
  .nitem .nitem-in.active {
    padding-left: 0.2rem;
  }
  .nitem .nitem-in:hover .nitemr .newsri,
  .nitem .nitem-in.active .nitemr .newsri {
    right: 0;
  }
  .news_des .l-details,
  .news_des .r-other {
    width: 100%;
    float: none;
  }
  .news_des .l-details .article h5 {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .news_des .l-details .article .date {
    margin: 0.2rem 0 0.3rem;
  }
  .news_des .l-details .article p {
    line-height: 0.32rem;
  }
  .news_des .l-details .des_page {
    padding-right: 0;
  }
  .news_des .l-details .des_page .return {
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
  }
  .contact-warp {
    padding-top: 0.4rem;
  }
  .contact-warp .global img {
    display: none;
  }
  .contact-warp .global .i-tit {
    position: relative;
    bottom: 0;
  }
  .contact-warp .tacts {
    margin: 0 0 0.3rem 0;
  }
  .contact-warp .tacts .tact-li {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 0.3rem;
  }
  .contact-warp .tacts .tact-li .img ul {
    bottom: 0;
  }
  .contact-warp .tacts .tact-li .txt {
    font-size: 0.22rem;
    margin-top: 0.3rem;
  }
  .contact-warp .tacts .tact-li .txt div {
    margin-bottom: 0.1rem;
  }
  .contact-warp .address {
    height: auto;
  }
  .contact-warp .address .addle,
  .contact-warp .address .addri {
    width: 100%;
  }
  .contact-warp .address .addle {
    padding-left: 0.15rem;
  }
  .contact-warp .address .addle .h5 {
    font-size: 0.26rem;
    padding: 0.3rem 0;
  }
  .contact-warp .address .addle .h5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.4rem;
    height: 0.04rem;
    border-radius: 0.06rem;
    background-image: linear-gradient(135deg, #0473ee 0%, #29a9ff 100%);
  }
  .contact-warp .address .addle ul li {
    margin-bottom: 0.3rem;
  }
  .contact-warp .address .addle ul li p {
    font-size: 0.2rem;
  }
  .contact-warp .address .addri {
    height: 4rem;
  }
  .case-warp .caseul .caseli .h5 {
    font-size: 0.24rem;
  }
  .case-warp .caseul .caseli ul li {
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .service-warp .sertit .ser-zh {
    font-size: 0.24rem;
  }
  .service-warp .serul {
    display: block;
    margin-top: 0;
  }
  .service-warp .serul .serli {
    padding: 0.55rem 0;
  }
  .service-warp .serul .serli .serlin {
    padding: 0;
  }
  .service-warp .serul .serli::before {
    right: 0;
    top: 100%;
    width: 100%;
    height: 0.01rem;
  }
  .service-warp .serv-both {
    padding: 0.3rem 0.15rem;
    display: block;
  }
  .service-warp .serv-both .bothli {
    margin-bottom: 0.15rem;
  }
  .service-warp .serv-both .bothli .intro .introin {
    padding: 0.25rem;
  }
  .service-warp .serv-both .bothli:hover .intro .introin::before {
    width: 200%;
    height: 200%;
  }
  .about-warp .profile .le,
  .about-warp .profile .ri {
    width: 100%;
  }
  .about-warp .profile .le {
    padding: 0.3rem 0 0.2rem 0.15rem;
  }
  .about-warp .profile .filein {
    position: relative;
    width: 100%;
    padding: 0.2rem 0.15rem;
    left: 0;
    bottom: 0;
    max-height: auto;
  }
  .about-warp .profile .filein > div {
    padding-left: 1rem;
    margin: 0.2rem 0;
  }
  .about-warp .profile .filein > div span {
    font-size: 0.2rem;
    width: 1rem;
  }
  .about-warp .honor {
    padding-top: 0.9rem;
  }
  .about-warp .honor .swiper-honor .swiper-slide {
    font-size: 0.16rem;
  }
  .about-warp .company .swiper-com .swiper-button-prev {
    left: 0.15rem;
  }
  .about-warp .company .swiper-com .swiper-button-next {
    right: 0.15rem;
  }
  .about-warp .partner .partul {
    margin: 0;
    padding-bottom: 0.6rem;
  }
  .about-warp .partner .partul .partli {
    padding: 0;
    width: 100%;
    margin-bottom: 0.15rem;
  }
  .about-warp .partner .partul .partli .partlin {
    color: #ffffff;
    padding: 0.15rem;
  }
  .about-warp .partner .partul .partli .partlin h5 {
    font-size: 0.28rem;
  }
  .garlock-warp .word {
    font-size: 1rem;
    top: 52%;
    display: none;
  }
  .garlock-warp .gar-titles .h {
    font-size: 0.26rem;
  }
  .garlock-warp .garboth {
    display: block;
    padding-bottom: 0.6rem;
  }
  .garlock-warp .garboth .garedit .year {
    margin-bottom: 0.2rem;
  }
  .garlock-warp .garboth .garedit .gartxt {
    line-height: 0.4rem;
  }
  .garlock-warp .garboth.garboth-reverse .garpic {
    padding-right: 0;
  }
  .garlock-warp .garboth.garboth-1 {
    padding-top: 0.6rem;
  }
  .garlock-warp .garboth.garboth-1 .garedit {
    padding-right: 0rem;
  }
  .garlock-warp .garboth.garboth-1 .garedit .quotation {
    width: 0.4rem;
    height: auto;
    top: -0.4rem;
  }
  .garlock-warp .garboth.garboth-1 .garedit .quotation1 {
    display: none;
  }
  .garlock-warp .garboth.garboth-1 .garedit .gartxt {
    padding: 0.3rem 0;
  }
  .garlock-warp .garboth.garboth-2 {
    padding-bottom: 16%;
  }
  .garlock-warp .garboth.garboth-2 .garedit .gartxt {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .garlock-warp .garboth.garboth-2 .garpic {
    padding-left: 0;
  }
  .garlock-warp .garboth.garboth-3 .garedit {
    padding-left: 0;
  }
  .garlock-warp .garboth.garboth-3 .garedit .gartxt {
    padding: 0.3rem 0;
  }
  .garlock-warp .garboth.garboth-4 .garedit .quotation {
    margin: 0.2rem 0;
  }
  .garlock-warp .garboth.garboth-4 .garedit .gartxt {
    padding-left: 0;
  }
  .garlock-warp.hardox-warp .guide {
    padding: 0.4rem 0;
  }
  .garlock-warp.hardox-warp .guide .h {
    font-size: 0.3rem;
  }
  .garlock-warp.hardox-warp .guide .t {
    font-size: 0.18rem;
    margin: 0.3rem 0;
  }
  .garlock-warp.hardox-warp .guide .guis {
    width: 100%;
    position: relative;
    bottom: 0;
    margin-top: 0.2rem;
  }
  .garlock-warp.hardox-warp .hardoxboth .garedit {
    position: relative;
    width: 100%;
    top: 0;
    transform: none;
    padding: 0.2rem 0.15rem;
  }
  .garlock-warp.hardox-warp .hardoxboth .garedit .gar-titles .n1 {
    font-size: 0.24rem;
  }
  .garlock-warp.hardox-warp .hardoxboth .garedit .gar-titles .n2 {
    font-size: 0.18rem;
  }
  .garlock-warp.hardox-warp .hardoxboth .garedit .gartxt {
    height: auto;
  }
  .garlock-warp.hardox-warp .hardoxboth .garedit .quotation {
    margin: 0.2rem;
    width: 0.54rem;
  }
  .garlock-warp.hardox-warp .hardoxboth.garboth-6 {
    padding-left: 0;
  }
  .garlock-warp.hardox-warp .hardoxboth.garboth-7 {
    padding-right: 0;
  }
  .garlock-warp.hardox-warp .hardox-bs.hardox-bs1,
  .garlock-warp.hardox-warp .hardox-bs.hardox-bs2 {
    padding: 0;
    background-position: cover;
  }
  .search-con .search input {
    font-size: 0.18rem;
    padding-left: 0.15rem;
    padding-right: 0.39rem;
    line-height: 0.8rem;
    height: 0.8rem;
  }
  .search-con .search img {
    right: 0.15rem;
  }
  .search-con .search::after {
    left: 0;
    width: 100%;
  }
  .search-warp .name {
    margin-top: 0.3rem;
  }
  .product-warp .news-its .newit {
    width: 100%;
  }
  .product-warp .news-its .newit .newit-in .newtxt {
    padding: 0.3rem 0 0;
  }
  .product-warp .news-its .newit .newit-in .newtxt .t {
    min-height: auto;
  }
  .product-warp .news-its .newit .newit-in ul {
    min-height: auto;
  }
  .product-warp .news-its .newit .newit-in ul li {
    font-size: 0.16rem;
  }
  .promenu {
    display: none;
  }
  .pt {
    font-size: 0.28rem;
  }
  .proban {
    display: block;
  }
  .proban .banl {
    padding: 0.3rem 0.15rem;
  }
  .proban .banl .p {
    margin-top: 0.3rem;
    padding-right: 0;
  }
  .pro-warp {
    padding: 0.4rem 0;
  }
  .pro-warp .pro-name {
    font-size: 0.26rem;
    padding-bottom: 0.2rem;
  }
  .pro-warp .pro-name::after {
    width: 80%;
    left: 10%;
    margin-left: 0;
  }
  .pro-warp .pro-its {
    padding-top: 0.3rem;
  }
  .pro-warp .pro-its .newit {
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .pro-warp .pro-its .newit .newit-in {
    padding: 0.15rem;
  }
  .pro-warp .pro-its .newit .newit-in .newtxt {
    padding-top: 0.2rem;
  }
  .pro-warp .pro-its .newit .newit-in .newtxt .open {
    top: 0.26rem;
  }
  .handbook {
    padding-top: 0.5rem;
  }
  .handbook .t {
    font-size: 0.26rem;
  }
  .handbook a {
    margin: 0.3rem 0;
  }
  .handbook a img {
    width: 0.4rem;
    height: 0.4rem;
  }
  .handbook a span {
    font-size: 0.2rem;
  }
  .patent .n {
    font-size: 0.22rem;
    margin: 0.3rem 0;
  }
  .patent .patent-ul .patent-ulin {
    width: 50%;
  }
  .patent .patent-ul .patent-ulin .p {
    font-size: 0.16rem;
  }
  .load-warp {
    padding: 0.4rem 0;
  }
  .load-warp .recli .recli-in {
    padding: 0.2rem 1.4rem 0.2rem 0.15rem;
    font-size: 0.16rem;
  }
  .load-warp .recli .recli-in .h5 span:nth-child(2) {
    padding-left: 0.1rem;
  }
  .load-warp .recli .recli-in .recliname {
    right: 0.1rem;
    top: 0.2rem;
  }
  .load-warp .recli .recli-in .recliname .time {
    margin-right: 0.1rem;
  }
  .load-warp .recli:hover {
    background-color: #0473ee;
  }
  .load-warp .recli:hover .recli-in {
    color: #fff;
  }
  .load-warp .recli:hover .recli-in span {
    color: #fff;
  }
  .load-warp .recli:hover .recli-in .ico {
    background-position: right center;
  }
  .bussi .bussins {
    margin-bottom: 0.3rem;
  }
  .bussi .bussins .gartxt,
  .bussi .bussins .img {
    width: 100%;
  }
  .bussi .bussins .gartxt {
    padding: 0.2rem;
  }
  .bussi .bussins .gartxt::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .iguide {
    padding: 0.15rem 0;
  }
  .iguide .container {
    display: block;
    font-size: 0;
  }
  .iguide .gui-l {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0.15rem 0;
  }
  .iguide .gui-l img {
    margin-bottom: 0.15rem;
  }
  .iguide .gui-l:nth-child(2n)::after {
    display: none;
  }
  .icase .slidernav {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .ipro .m-pro .m-pro_li {
    width: 100%;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin .ico {
    width: 0.3rem;
    height: 0.3rem;
  }
  .ipro .m-pro .m-pro_li .m-pro_lin h5 {
    font-size: 0.2rem;
    margin-left: 0.1rem;
  }
  .news-its {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
  }
  .news-its .newit {
    width: 100%;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    margin-bottom: 0.2rem;
  }
  .news-its .newit .newit-in .newtxt .t {
    height: auto;
    margin: 0.1rem 0;
    padding-bottom: 0.1rem;
    line-height: 0.3rem;
  }
  .news-its .newit .newit-in .newtxt .time {
    font-size: 0.16rem;
  }
  .service-warp .serv-both .bothli .intro {
    padding: 0;
  }
  .service-warp .serv-both .bothli .intro .introin::before {
    height: 200%;
  }
  .pro-warp .pro-its .newit {
    width: 100%;
  }
}
