/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  font-size: calc(100vw / 120);
  overflow-x: hidden;
}
/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}
button {
  /* border: none;
     */
}
.map img {
  max-width: inherit;
}
/* 取消链接高亮 */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'montserrat', 'sourcehansans';
  font-size: 1rem;
  height: 100%;
  overflow: hidden;
}
.enzt {
  font-family: 'montserrat';
}
button:focus {
  outline: none;
}
em,
i {
  font-style: normal;
}
ul,
li {
  list-style-type: none;
}
.w100 {
  width: 100%;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.px {
  position: fixed;
}
a:hover,
a:link,
a:visited {
  text-decoration: none;
}
.clearfix {
  zoom: 1;
}
input:focus,
textarea:focus {
  outline: none;
}
.overh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ta {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.displaynone {
  display: none;
}
.swiper-button-prev:focus,
.swiper-button-next:focus {
  outline: none;
}
.wen_hied {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.line1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line5 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.after {
  content: '';
  position: absolute;
}
.f14px {
  font-size: 14px;
}
.f16px {
  font-size: 16px;
}
.book {
  border: 1px solid #000;
}
.db {
  display: block;
}
.dnb {
  display: inline-block;
}
.flight {
  font-weight: lighter;
}
.fbold {
  font-weight: bold;
}
.imghover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: scale(1.1);
}
.sca1 {
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
}
.sca0 {
  transform: scale(0);
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari 和 Chrome */
  -o-transform: scale(0);
}
.tran {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.tran2 {
  transition: 200ms ease-in-out;
  -moz-transition: 200ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 200ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 200ms ease-in-out;
  /* Opera */
}
.zhong {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  justify-content: center;
  align-items: center;
}
.z {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}
.l0 {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cen {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
}
.wen_hied {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.p15 {
  padding: 15px;
}
.w50 {
  width: 50%;
}
.bd {
  font-weight: bold;
}
.wen_hied2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.fix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ju {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.hide {
  overflow: hidden;
}
.container {
  padding: 2rem 15.9375rem 3rem 15.937rem;
  max-width: 100%;
}
.phone-show {
  display: none;
}
@media (max-width: 767px) {
  .phone-show {
    display: block;
  }
  /* .pc-hide {
    display: none;
  } */
}
@media (max-width: 1600px) {
  body,
  html {
    font-size: calc(100vw / 110);
  }
  .container {
    padding: 0 10rem;
  }
}
@media (max-width: 1440px) {
  body,
  html {
    font-size: calc(100vw / 100);
  }
  .container {
    padding: 0 8rem;
  }
}
@media (max-width: 1366px) {
  body,
  html {
    font-size: calc(100vw / 95);
  }
}
@media (max-width: 1280px) {
  body,
  html {
    font-size: calc(100vw / 90);
  }
}
@media (max-width: 990px) {
  body,
  html {
    font-size: 14px;
  }
  .container {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}
.line .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.line .bg:before,
.line .bg:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.line .bg:before {
  border-top: 2px solid #0a53a1;
  border-bottom: 2px solid #0a53a1;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.line .bg:after {
  border-right: 2px solid #0a53a1;
  border-left: 2px solid #0a53a1;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.line:hover .bg:after,
.line:hover .bg:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.iconimg {
  cursor: pointer;
}
.iconimg:hover {
  animation: swing 1s infinite linear;
}
.scoll {
  bottom: 5%;
  animation: scrool 3s infinite;
}
@keyframes scrool {
  0% {
    bottom: 5%;
  }
  50% {
    bottom: 7%;
  }
  100% {
    bottom: 5%;
  }
}
.imgfd {
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
@keyframes fd {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
i {
  font-size: 1rem;
}
.lunbo .swiper-slide img {
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
.more a {
  display: inline-block;
  font-style: italic;
  font-size: 1rem;
  line-height: 2.875rem;
  color: #0a53a1;
}
.more a .yuan {
  display: inline-block;
  width: 2.875rem;
  height: 2.875rem;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #0a53a1;
  z-index: 1;
  position: relative;
}
.more a .yuan::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0a53a1;
  top: 0;
  left: 0;
  transform: scale(0);
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari 和 Chrome */
  -o-transform: scale(0);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  border-radius: 100%;
}
.more a .yuan i {
  color: #0a53a1;
  position: relative;
  z-index: 2;
}
.more a:hover .yuan::after {
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.more a:hover .yuan i {
  color: #FFFFFF;
}
.more a .spn-wenzi {
  display: inline-block;
  margin-left: 0.3125rem;
}
.more.bai a {
  color: #fff;
}
.more.bai a span {
  border-color: #fff;
  color: #fff;
}
.more.bai a span i {
  color: #fff;
}
#header {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 6.25rem;
  width: 100%;
  z-index: 99;
  right: 0;
  color: #fff;
  line-height: 6.25rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
#header .na-ul > li {
  display: inline-block;
}
#header .na-ul > li > a {
  padding: 0 0.5625rem;
  font-size: 1.325rem;
  color: #fff;
  position: relative;
}
#header .na-ul > li > a::after {
  content: '';
  position: absolute;
  width: 0.6875rem;
  height: 0.875rem;
  background: url(../image/3.svg) no-repeat;
  background-size: 100% 100%;
  bottom: -3rem;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 400ms;
}
#header .na-ul > li:hover::after,
#header .na-ul > li.active::after {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
}
#header .na-ul > li::after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background: #fff;
  left: 0;
  bottom: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(0);
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari 和 Chrome */
  -o-transform: scale(0);
}
#header .log-div img {
  width: 30.375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
#header.active {
  background: #0a53a1;
  line-height: 4.25rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
#header.active .log-div img {
  width: 26.375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
#header .yuanyan {
  margin-left: 1.5625rem;
}
#header .yuanyan a {
  display: inline-block;
  color: #fff;
  padding: 0 1rem;
  border: 1px solid #fff;
  font-size: 1rem;
  line-height: 2rem;
  border-radius: 1.875rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
#header .yuanyan a .icon-jiantou-bottom {
  font-size: 0.75rem;
}
#header .yuanyan a:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  background: #0a53a1;
}
#header .sou-div,
#header .daohang {
  margin: 0 1.5625rem;
}
#header .sou-div i,
#header .daohang i {
  font-size: 1.25rem;
}
.lunbo .swiper-slide .lunbo-wenzi {
  color: #fff;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lunbo .swiper-slide .lunbo-wenzi .div1 {
  font-weight: bold;
  font-size: 3rem;
}
.lunbo .swiper-slide .lunbo-wenzi .div2 {
  margin-top: 0.625rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.lunbo .swiper-slide .lunbo-wenzi .more {
  margin-top: 8rem;
}
.haed-hd .head-en {
  font-weight: bold;
  font-style: italic;
  font-size: 1.125rem;
  font-family: 'montserrat';
  color: #0a53a1;
}
.haed-hd .head-cn {
  font-size: 2.5rem;
  color: #191919;
  line-height: 1;
  text-align: left;
  font-weight: bold;
}
.haed-hd p {
  font-size: 1.2rem;
  color: #343434;
  line-height: 1.2;
  margin-top: 1rem;
  opacity: .8;
}
.haed-hd.head-bai .head-cn {
  color: #fff;
  margin-top: 50px;
}
.page-div {
  width: 100%;
  left: 0;
  right: 0;
  padding: 0;
  bottom: 0;
  z-index: 33;
}
.page-div .page-box {
  /* border-top: 1px solid rgba(255, 255, 255, 0.4); */
  padding: 1rem 0;
}
.page-div .swiper-pagination {
  margin-top: 1rem;
}
.page-div .scoll a {
  display: block;
}
.page-div .scoll img {
  height: 4.0625rem;
  width: 9.75rem;
}
.page-div .swiper-pagination-bullet {
  width: 0.6875rem;
  height: 0.875rem;
  background: url(../image/2.svg) no-repeat;
  background-size: 100% 100%;
  border-radius: 0;
  opacity: 1;
  margin: 0 0.3125rem;
}
.page-div .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: url(../image/3.svg) no-repeat;
  background-size: 100% 100%;
}
.miao2 {
  font-size: 1rem;
  margin-top: 2rem;
  line-height: 1.5;
  color: #5B5B5B;
}

/* 产品 */
.application_size{
    /* position: absolute; */
    bottom: 1rem;
    left: 1.5625rem;
    right: 1.5625rem;
    padding-top: 20px;
}
.application_size div{
    height: 0;
    /* overflow: hidden; */
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.application_size .more{
  color: #0a53a1;
}
.application_size a:hover{ color: #0a53a1; }
.application_div:hover .application_size div{
    height: 1.9375rem;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.application_lb_butt{
    margin-top: 30px;
}
.application{
    /* padding-bottom: 3.4375rem; */
    margin-top: 3.4375rem;;
}

.application_lb_top{ margin-top: 2.1875rem;}


.application_ul li{
    width: 33.333%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
   height: 500px;
}
/* .application_ul li:nth-of-type(1),
.application_ul li:nth-of-type(2){
    width: 50%;
    margin-bottom: 30px;
}
.application_ul li:nth-of-type(3),
.application_ul li:nth-of-type(4),
.application_ul li:nth-of-type(5){
    width: 33.333%;
} */
.application .swiper-container{
    padding-bottom: 3.125rem;
}

.application .tit{color: #000;
    font-size: 1.5rem;
}


.index_about {
  padding: 2.5rem 0 3rem;
  background: url(../image/3.jpg) no-repeat;
  background-size: cover;
}
.index_about .re-box {
  width: 45%;
  z-index: 2;
  right: 0;
  bottom: 0;
  height: 100%;
}
.index_about .re-box img {
  height: 100%;
}
.index_about .re-box .re-boxs {
  color: #fff;
  left: 10%;
  bottom: 6%;
}
.index_about .re-box .re-boxs .pp1 {
  font-size: 1.875rem;
  color: #FCFCFC;
}
.index_about .re-box .re-boxs .pp2 {
  font-size: 1.375rem;
  color: #FBFBFB;
}
.index_about .left {
  width: 50%;
}
.index_about .miao1 {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #232323;
  margin-top: 2.5rem;
}
.index_about .miao1 span {
  color: #454545;
}
.index_about .shu-ul {
  margin: 1.4375rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.index_about .shu-ul li {
  width: 33.33%;
}
.index_about .shu-ul li .p1 {
  line-height: 1;
  color: #0a53a1;
  font-size: 3.25rem;
  font-weight: bold;
}
.index_about .shu-ul li .p1 span {
  font-family: 'montserrat';
}
.index_about .shu-ul li .p1 sub {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  position: relative;
  top: -0.2rem;
  margin-left: 0.2rem;
}
.index_about .shu-ul li .p2 {
  font-size: .8rem;
  margin-top: 2rem;
  line-height: 1.5;
  color: #5B5B5B;
  margin-top: 1rem;
}
.index-pro {
  padding: 2.875rem 0;
  background: url(../image/2.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.index-pro .pro-boxs {
  margin-top: 3rem;
}
.index-pro .pro-boxs .le {
  width: 25%;
}
.index-pro .pro-boxs .le .pro-ul {
  position: relative;
}
.index-pro .pro-boxs .le .pro-ul::after {
  content: '';
  position: absolute;
  width: 5.0625rem;
  background: url(../image/3.png) no-repeat;
  background-size: 100% 100%;
  top: -2rem;
  left: 0%;
  bottom: -2rem;
  z-index: 1;
}
.index-pro .pro-boxs .le .pro-ul li {
  position: relative;
  z-index: 2;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-pro .pro-boxs .le .pro-ul li a {
  font-size: 1.125rem;
  color: #fff;
  padding: 0 1rem;
  display: block;
  line-height: 4.75rem;
   display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* Firefox 4 */
  /* Safari and Chrome */
  /* Opera */
  border-radius: 1.875rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-pro .pro-boxs .le .pro-ul li a img {
  width: 3.75rem;
  opacity: 0;
}
.index-pro .pro-boxs .le .pro-ul li:nth-child(2),
.index-pro .pro-boxs .le .pro-ul li:nth-child(6) {
  position: relative;
  margin-left: -1rem;
}
.index-pro .pro-boxs .le .pro-ul li:nth-child(3),
.index-pro .pro-boxs .le .pro-ul li:nth-child(5) {
  position: relative;
  margin-left: -2rem;
}
.index-pro .pro-boxs .le .pro-ul li:nth-child(4) {
  position: relative;
  margin-left: -3rem;
}
.index-pro .pro-boxs .le .pro-ul li:hover a,
.index-pro .pro-boxs .le .pro-ul li.active a {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  border-radius: 3.75rem;
  background: linear-gradient(90deg, #0a53a1 0%, rgba(230, 0, 18, 0) 100%);
}
.index-pro .pro-boxs .le .pro-ul li:hover a img,
.index-pro .pro-boxs .le .pro-ul li.active a img {
  opacity: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.index-pro .pro-boxs .min {
  width: 43%;
  position: relative;
  margin-top: -4.375rem;
}
.index-pro .pro-boxs .re {
  width: 100%;
}
.index-pro .pro-boxs .re .re-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  text-align: center;
  display: none;
}
.index-pro .pro-boxs .re .re-ul li {
  width: 31%;
  float: left;
  margin: 2% 2% 0 0;
  padding: 2rem 1rem;
  border-radius: 1.875rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.index-pro .pro-boxs .re .re-ul li:nth-child(3n) {
  margin-right: 0;
}
.index-pro .pro-boxs .re .re-ul li img {
  width: 3.75rem;
  height: 3.75rem;
}
.index-pro .pro-boxs .re .re-ul li .p1 {
  font-size: 1rem;
  color: #fff;
  margin-top: 1rem;
   display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.inde-kehu {
  padding: 2.875rem 0;
  background: url(../image/5.jpg) no-repeat;
  background-size: 100% 100%;
}
.inde-kehu .inde-kehu-ul {
  margin-top: 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.inde-kehu .inde-kehu-ul li {
  width: 19%;
  position: relative;
  overflow: hidden;
  height: 37.25rem;
  cursor: pointer;
  transition: width 1s;
}
.inde-kehu .inde-kehu-ul li > a {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.3);
}
.inde-kehu .inde-kehu-ul li .title {
  font-size: 2.0rem;
  font-weight: bold;
}
.inde-kehu .inde-kehu-ul li .ttal {
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  opacity: 1;
}
.inde-kehu .inde-kehu-ul li .hover-wz {
  width: 70%;
  color: #fff;
  bottom: 0%;
  left: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  padding-top: 5rem;
}
.inde-kehu .inde-kehu-ul li .hover-wz .miao3 {
  margin-top: 1rem;
  width: 0;
  opacity: 0;
}
.inde-kehu .inde-kehu-ul li .hover-wz .more {
  margin-top: 2rem;
  opacity: 0;
}
.inde-kehu .inde-kehu-ul li .hover-wz svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.inde-kehu .inde-kehu-ul li:nth-child(2) {
  margin: 0 3%;
}
.inde-kehu .inde-kehu-ul li.active {
  width: 55%;
  transition: width 1s;
}
.inde-kehu .inde-kehu-ul li.active .ttal {
  display: none;
  opacity: 0;
}
.inde-kehu .inde-kehu-ul li.active .hover-wz {
  bottom: 30%;
  left: 15%;
  transition: bottom 1s;
}
.inde-kehu .inde-kehu-ul li.active svg {
  transition: opacity 0.5s;
  opacity: 1;
}
.inde-kehu .inde-kehu-ul li.active .miao3 {
  width: 29.375rem;
  transition: width 1s;
  transition: opacity 0.5s;
  opacity: 1;
}
.inde-kehu .inde-kehu-ul li.active .more {
  transition: opacity 0.5s;
  opacity: 1;
}
.inde-kehu .inde-kehu-ul li.active .QZNrsqFt_0 {
  animation: QZNrsqFt_draw 2000ms linear 0ms forwards;
}
@keyframes QZNrsqFt_draw {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes QZNrsqFt_fade {
  0% {
    stroke-opacity: 1;
  }
  94.44444444444444% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}
.index-map {
  background: url(../image/9.jpg) no-repeat;
  background-size: cover;
  padding: 6.875rem 0;
  height: 55.875rem;
  background-position: center center;
  position: relative;
}
.index-map .miao3 {
  margin-top: 3rem;
  color: #fff;
}
.map-img {
  margin: 8rem auto 0;
  width: 49.375rem;
  position: relative;
}
.map-img .img3 {
  width: 100%;
}

.explore {
  padding: 4.6875rem 0;
}
.title p {
  font-size: 2.4rem;
  color: #2F2F30;
  font-weight: bold;
  text-align: center;
}
.explore_lb{margin-top: 2.1875rem;}
.explore .explore_size a{font-size: 18px;
  color: #333;line-height: 24px;}

.explore_size{padding-top: 20px;}

footer {
  background: #0a53a1;
  color: #FFFFFF;
  font-size: 1rem;
  padding: 6.875rem 0 3.125rem;
  height:100%;
}
footer .le {
  width: 25%;
  padding-right: 3rem;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
footer .min {
  width: 100%;
}
footer .min .foot-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
footer .min .foot-ul li {
  margin-right: 9%;
  padding-top: 1%;
}
footer .min .foot-ul li:last-child {
  margin-right: 0;
}
footer .min .foot-ul li a {
  color: #FFFFFF;
  opacity: .8;
}
footer .min .bq-div {
  font-size: 1rem;
  color: #FFFFFF;
  margin-top: 3.0625rem;
}
footer .re {
  width: 30%;
}
footer .re .m-div {
  display: flex;
  width: 4rem;
}
footer .re .m-div img{
  padding-right: 1rem;
}
footer .re .m-dy {
  margin-top: 2rem;
}
footer .re .m-dy .pp1 {
  font-size: 1.25rem;
}
footer .re .m-dy .pp2 {
  font-size: 1rem;
}
footer .min .foot-ul li a:hover {
  color: #ffffff;
  font-weight: normal;
}
.pro-ul-img li {
  display: none;
}
.index-pro .pro-boxs .re .re-ul li {
  height: 11.875rem;
  cursor: pointer;
}
.index-pro .pro-boxs .re .re-ul li:hover img {
  animation: swing 1s infinite linear;
}
.ban {
  overflow: hidden;
}
.ban > img {
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
.ban .ban-wz {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  width: 100%;
  color: #fff;
}
.ban .ban-wz .pp1 {
  font-weight: bold;
  font-size: 3.125rem;
}
.ban .ban-wz .pp2 {
  font-size: 1rem;
  margin-top: 0.625rem;
}
.ban .ban-wz .pp2 a {
  color: #fff;
}
.ban .ban-wz .pp2 a:hover {
  color: #0a53a1;
}
.lx-dian {
  padding: 1.875rem 0;
  margin: 1.875rem 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 1.125rem;
}
.lx-dian img {
  width: 4.25rem;
  margin-right: 1rem;
}
.lx-dian .re {
  margin-left: 9rem;
}
.add-lj {
  font-size: 1.3rem;
  color: #fff;
}
.add-lj a {
  color: #0a53a1;
}
.message {
  padding: 5rem 0;
}
.message .head-miao {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #565656;
  margin-top: 1rem;
}
.message .head-miao span {
  color: #0a53a1;
}
.message .message-box {
  margin: 5rem 0;
}
.message .message-box .box-input input {
  width: 100%;
  height: 3.4375rem;
  padding-left: 5rem;
  border: 1px solid #E5E5E5;
}
.message .message-box .box-input .wen-inp {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #7F7F7F;
  left: 1rem;
  font-size: 1rem;
}
.message .message-box .box-input .wen-inp span {
  color: #C40000;
}
.message .message-box textarea {
  margin-top: 0.875rem;
  width: 100%;
  height: 5.9375rem;
  padding: 0.9375rem;
  border: 1px solid #E5E5E5;
}
.message .message-box button {
  width: 12.5rem;
  margin-top: 1.875rem;
  height: 3.4375rem;
  line-height: 1.4375rem;
  text-align: center;
  background: #0a53a1;
  color: #fff;
  font-size: 1rem;
  border: none;
}
.er-uuls {
  background: #004085;
  line-height: 5rem;
  text-align: center;
}
.er-uuls li {
  display: inline-block;
  color: #fff;
}
.er-uuls li a {
  display: block;
  font-size: 1.125rem;
  padding: 0 1.75rem;
  color: #fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.er-uuls li:hover a,
.er-uuls li.active a {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  background: #0a53a1;
}
.about-top {
  padding: 2.5rem 0;
}
.about-top .wen-about {
  margin: 4.375rem 0;
  width: 61%;
  background: #F6F6F6;
  padding: 2.5rem 4rem 2.5rem 2.5rem;
  font-size: 1rem;
  line-height: 1.7;
  color: #7C7C7C;
}
.about-top .wen-about .messageCard {
  overflow-y: scroll;
  height: 17.5rem;
  padding-right: 1rem;
}
.about-top .wen-about .messageCard::-webkit-scrollbar {
  width: 4px;
}
.about-top .wen-about .messageCard::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  background: #0a53a1;
}
.about-top .wen-about .messageCard::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
.about-top .wen-img {
  width: 43%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  position: absolute;
  right: 0;
}
.about-top .wen-img::after {
  content: '';
  position: absolute;
  width: 10.375rem;
  height: 4.25rem;
  background: #0a53a1;
  bottom: 0;
  left: -10rem;
}
/* 微信图标 */

.gx-share{
  margin-top: 1rem;
}

.gx-feng .share-w-in, .gx-feng .facebook, .gx-feng .whatsapp{
  display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #fff;
    margin-right: 15px;
    position: relative;
    
}

.gx-feng .share-w-in i{
  background: url(../image/wx_bai.svg) no-repeat 80% 70%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 80%;
}
.gx-feng .share-w-in i:hover{
  background: url(../image/wx_color.svg) no-repeat 80% 70%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 80%;
}

.gx-feng .share-w-in .share-w-img{
  position: absolute;
    left: 50%;
    bottom: 60px;
    width: 130px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.gx-feng .share-w-in .share-w-img img{
  max-width: 100%;
}

.gx-feng .share-w-in:hover .share-w-img {
  bottom: 50px;
  opacity: 1;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.gx-feng .facebook{
  transform: translateY(-7px);
}
.gx-feng .facebook i{
  font-size: 28px;
  color: #fff
}

.gx-feng .facebook:hover i{
  color: #0865fe;
}

.gx-feng .whatsapp i{
  background: url(../image/WhatsApp_bai.svg) no-repeat 60% 60%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 65%;
}
.gx-feng .whatsapp i:hover{
  background: url(../image/WhatsApp_color.svg) no-repeat 60% 60%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 65%;
}


.gx-feng .whatsapp .share-w-img{
  position: absolute;
    left: 50%;
    bottom: 60px;
    width: 130px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.gx-feng .whatsapp:hover .share-w-img {
  bottom: 50px;
  opacity: 1;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}





.shu-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shu-ul li {
  width: 33.333%;
  text-align: center;
}
.shu-ul li .p1 {
  font-family: 'montserrat';
  font-size: 3.1875rem;
  color: #0a53a1;
  font-weight: bold;
}
.shu-ul li .p2 {
  font-size: 1rem;
  line-height: 1.8;
  color: #7C7C7C;
}
.production {
  padding: 4.5rem 0;
  background: url(../image/16.jpg) no-repeat;
  /* background-size: cover; */
}
.production .head-miao {
  font-size: 1rem;
  line-height: 1.6;
  color: #FFFFFF;
  margin-top: 1rem;
}
.production .capacity-img {
  margin-top: 2rem;
}
.production .capacity-img .col-sm-6 {
  margin-bottom: 1.875rem;
}



.solutions {
  background: url(../image/19.jpg) no-repeat center top;
  background-size: cover;
  padding-bottom: 4.6875rem;
  position: relative;
}
.solutions > img {
  display: block;
  width: 100%;
}
.solutions > img.video-mark {
  position: absolute;
  left: 0;
  top: 0;
}
.solutions > video {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.solutions .mask {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.solutions .solutionBan {
  width: 100%;
  min-width: 960px;
  z-index: 10;
  overflow: hidden;
}
.solutions .solutionBan .solutionRoll {
  position: relative;
  overflow: hidden;
}
.solutions .solutionBan .solutionRoll .tempWrap {
  margin: 0 auto;
}
.solutions .solutionBan .solutionRoll .solutionRollUl {
  overflow: hidden;
  zoom: 1;
}
.solutions .solutionBan .solutionRoll .solutionRollUl li {
  float: left;
  width: 16.666%;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.solutions .solutionBan .solutionRoll .solutionRollUl li span {
  clear: both;
  display: block;
  padding: 0.625rem;
}
.solutions .solutionBan .solutionRoll .solutionRollUl li span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solutions .solutionBan .solutionRoll.solutionRollOne {
  padding-top: 5rem;
}
.solutions .solutionBan .solutionRoll.solutionRollTwo .solutionRollUl li {
  width: 16.666%;
}
.solutions .case-font {
  padding-top: 10.625rem;
  position: relative;
}
.solutions .case-font > span {
  height: 3.125rem;
  line-height: 2.375rem;
  font-size: 1.5rem;
  color: #fff;
  display: block;
  position: relative;
}
.solutions .case-font > span:before {
  content: '';
  display: block;
  width: 3.75rem;
  height: 1px;
  background: #888888;
  position: absolute;
  left: 0;
  bottom: 0;
}
.solutions .case-font h2 {
  float: left;
  font-size: 4rem;
  line-height: 1.2;
  width: 45%;
  font-weight: bold;
  color: #fff;
  background-image: -webkit-linear-gradient(-25deg, #8a929a 15%, #fff 50%, #8a929a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue6sinfinitelinear;
}
.solutions .case-font p {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 50%;
  font-size: 1rem;
  line-height: 1.5;
  color: #FFFFFF;
  font-weight: bold;
}
.solutions:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: url(../image/case_banner_zz.png) no-repeat left bottom;
  background-size: 100%;
  pointer-events: none;
}

.pro-list {
  background: #fff;
  padding: 3.8rem 0 0.625rem;
}
.pro-list .chao-title {
  font-size: 1.25rem;
  line-height: 2;
  color: #fff;
  padding-bottom: 0.5rem;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.pro-list .le {
  width: 16%;
  padding: 1.875rem;
  display: inline-block;
  float: left;
  background: #004085;
  position: sticky;
  top: 6.25rem;
}
.pro-list .le .erpro-ul {
  margin-top: 1.6875rem;
}
.pro-list .le .erpro-ul li {
  font-size: 1rem;
  line-height: 2rem;
  color: #FFFFFF;
}
.pro-list .le .erpro-ul li a {
  color: #FFFFFF;
   display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pro-list .le .erpro-ul li span {
  display: inline-block;
  background: transparent;
  border: 1px solid #fff;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 1.25rem;
  position: relative;
  top: 0.1rem;
}
.pro-list .le .erpro-ul li.active span,
.pro-list .le .erpro-ul li:hover span {
  border: 1px solid #0379f8;
  background: url(../image/duo.svg) no-repeat;
  /*更改url的路径可以改变选中时显示的图片*/
  background-position: 10% center;
  background-color: #0379f8;
}
.pro-list .le .erpro-ul li.active a,
.pro-list .le .erpro-ul li:hover a {
  color: #fff;
}
.pro-list .le .btn-gl {
  width: 100%;
  display: inline-block;
  margin-top: 1.5rem;
  background: #0a53a1;
  color: #fff;
  font-size: 1rem;
  line-height: 2.8125rem;
  height: 2.8125rem;
  text-align: center;
  border: none;
}
.pro-list .re {
  width: 83%;
  margin-left: 1%;
  display: inline-block;
  float: right;
}
.pro-list .re .row {
  margin: 0 -0.5rem;
}
.pro-list .re .row .col-sm-4 {
  padding: 0.5rem;
}
.pro-list .pro-div {
  cursor: pointer;
}
.pro-list .pro-div .pro-hover {
  padding: 0 10%;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 100%);
}
.pro-list .pro-div .pro-hover .tile {
  font-size: 1.25rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: center;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  padding: 3rem 0;
  color: #fff;
}
.pro-list .pro-div .pro-hover .tile a {
  color: #fff;
}
.pro-list .pro-div .pro-hover .miao {
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: none;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.pro-list .pro-div .pro-hover .miao a {
  font-size: 1rem;
  color: #FFFFFF;
}
.pro-list .pro-div .pro-hover .more {
  margin-top: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  display: none;
}
.pro-list .pro-div:hover .pro-hover {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding: 10%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  background: rgba(0, 0, 0, 0.7);
}
.pro-list .pro-div:hover .pro-hover .tile {
  text-align: left;
  padding-bottom: 1rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.pro-list .pro-div:hover .pro-hover .miao {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  display: block;
}
.pro-list .pro-div:hover .pro-hover .more {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  margin-top: 3.125rem;
  display: block;
}
.pro-list .pro-dov1 {
  overflow: hidden;
}
.pro-list .pro-dov1 .pro-hover {
  top: -100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 0;
}
.pro-list .pro-dov1 .pro-bot {
  padding-bottom: 1rem;
  padding-left: 1rem;
  border-bottom: 1px solid #fff;
}
.pro-list .pro-dov1 .pro-bot .tile1 {
  font-size: 1.25rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  padding: 1rem 0 0.5rem;
  color: #000;
}
.pro-list .pro-dov1 .pro-bot .tile1 a {
  color: #000;
}
.pro-list .pro-dov1 .pro-bot .miao3 {
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.pro-list .pro-dov1 .pro-bot .miao3 a {
  font-size: 1rem;
  color: #333;
}
.pro-list .pro-dov1:hover .pro-hover {
  top: 0%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 1;
}
.heads.active1 {
  background: #000;
}
.pro-list1 {
  padding-bottom: 7.375rem;
}
.ban-pro::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
}
.ban-pro .ban-wz {
  z-index: 2;
}
.ban-pro .ban-wz .re-pro-img {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10%;
}
.ban-pro .ban-wz .re-pro-img img {
  width: 16.875rem;
}
.ban-pro .ban-wz .ban-wz-pro .gx-feng {
  margin-top: 7rem;
}
.ban-pro .ban-wz .ban-wz-pro .gx-feng .feng-p1 {
  font-weight: bold;
  font-style: italic;
  font-size: 1rem;
  color: #FFFFFF;
}
.ban-pro .ban-wz .ban-wz-pro .gx-feng .feng-p1 span {
  border-top: 1px solid #fff;
  padding-top: 0.5rem;
}
.ban-pro .ban-wz .ban-wz-pro .gx-feng .social-share {
  font-size: 0;
  margin-top: 1.5rem;
}
.ban-pro .ban-wz .ban-wz-pro .gx-feng .social-share a {
  border-radius: 0;
  margin: 0;
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  line-height: 3.125rem;
  padding: 0;
  color: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ban-pro .ban-wz .re-pro-img {
  width: 40%;
}
.product .introduction-pro {
  padding: 7.5rem 0;
}
.product .introduction-pro .le {
  width: 20%;
}
.product .introduction-pro .re {
  width: 76%;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #7C7C7C;
}
.detail_feature {
  position: relative;
  background: url(../image/25.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.detail_feature .cover_left {
  left: 0;
}
.detail_feature .cover_right {
  right: 0;
}
.detail_feature .cover_left,
.detail_feature .cover_right {
  position: absolute;
  top: 0px;
  width: 0%;
  background-color: #fff;
  bottom: 0;
  transform: translate(0, 0);
  z-index: 333;
  transition: all 0.3s ease;
}
/* .detail_feature {
  height: 100vh;
} */
.detail_feature .feature_text {
  position: relative;
  z-index: 1;
}
.detail_feature .feature_text .feature_ul {
  width: 60%;
}
.detail_feature .feature_text .feature_ul li h3 {
  font-weight: bold;
  font-size: 1.875rem;
  color: #fff;
  display: inline-block;
}
.detail_feature .feature_text .feature_ul li {
  font-size: 1.25rem;
  color: #fff;
  line-height: 2;
  margin-top: 0.25rem;
}
.detail_feature .feature_text .feature_ul li p {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.detail_feature .feature_text .feature_ul li + li {
  margin-top: 5.1875rem;
}
.detail_feature .no_p .feature_ul li + li {
  margin-top: 4.25rem;
}
.technical {
  /* background: #F6F6F6; */
  padding: 0 0 2.375rem 0;
}
.technical .technical-biaoge {
  margin-top: 2.5rem;
}
.technical .technical-biaoge .table td,
.technical .technical-biaoge .table th {
  padding: 0.9rem 0.75rem;
  vertical-align: middle;
  text-align: center;
}
.technical .technical-biaoge .table thead tr {
  background: #181818;
}
.technical .technical-biaoge .table thead tr th {
  color: #F6F6F6;
  font-size: 1rem;
}
.technical .technical-biaoge .table tbody tr td {
  font-size: 1rem;
  border: 1px solid #CCCCCC;
  color: #606060;
}
.technical .technical-biaoge .table tbody tr:nth-child(odd) {
  background: #F6F6F6;
}
.technical .technical-biaoge .table tbody tr:nth-child(even) {
  background: #Fff;
}
.product-photos {
  padding: 7.5rem 0;
}
.product-photos-lunbo {
  margin-top: 3rem;
}
.product-photos-lunbo .swiper-container {
  padding: 0 27%;
}
.product-photos-lunbo .swiper-button-next {
  right: 23%;
}
.product-photos-lunbo .swiper-button-prev {
  left: 23%;
}
.product-photos-lunbo .swiper-button-prev,
.product-photos-lunbo .swiper-button-next {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3rem;
  text-align: center;
  color: #B2B2B2;
  border: 1px solid #B2B2B2;
  background: transparent;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  border-radius: 100%;
}
.product-photos-lunbo .swiper-button-prev i,
.product-photos-lunbo .swiper-button-next i {
  font-size: 1.125rem;
}
.product-photos-lunbo .swiper-button-prev:hover,
.product-photos-lunbo .swiper-button-next:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  background: #0a53a1;
  color: #fff;
}
.scoll1 {
  right: 15%;
  z-index: 44;
  bottom: 1.875rem;
}
.scoll1 img {
  height: 4.0625rem;
  width: 9.75rem;
}
@media (max-width: 1440px){
  .lx-dian img{
    width: 3.55rem;
  }
}
@media (max-width: 1400px) {
  /* #header .na-ul > li > a {
    padding: 0 1rem;
  } */
  #header .log-div img {
    width: 22.375rem;
  }
  #header {
    padding: 0 3rem;
  }
  .ban .ban-wz .pp1 {
    font-size: 2rem;
  }
  .haed-hd .head-cn {
    font-size: 1.8rem;
    margin-top: 0.5rem;
  }
  .container {
    padding: 0 5rem;
  }
  .pro-list .le {
    width: 25%;
  }
  .pro-list .re {
    width: 74%;
  }
}
@media (max-width: 1280px) {
  .lx-dian img{
    width: 3rem;
    margin-right: .5rem;
  }
}
@media (max-width: 1200px) {
  footer .re .m-dy {
    float: left;
  }
}
@media (max-width: 990px) {
  #header,
  footer,
  .er-uuls {
    display: none;
  }
  .container {
    padding: 0 1rem;
  }
  .lx-dian {
    width: 100%;
  }
  .gx-feng .share-w-in .share-w-img{
    left: 148%;
  }
  .pro-list .le {
    width: 30%;
  }
  .pro-list .re {
    width: 69%;
  }
  .lx-dian .re{
    margin-left: 0;
  }
  .lx-dian .fl{
    margin-bottom: 2rem;
    width: 50%;
    text-align: left;
  }
  .gx-feng .share-w-in .share-w-img{
    left: 148%;
  }
  .lunbo .swiper-slide .lunbo-wenzi .div1 {
    font-size: 2rem;
  }
  .index-pro .pro-boxs .re {
    display: none;
  }
  .index-pro .pro-boxs .le {
    width: 50%;
  }
  .index-pro .pro-boxs .le .pro-ul li a {
    line-height: 3.75rem;
  }
  .inde-kehu .inde-kehu-ul li.active .miao3 {
    width: 18.375rem;
  }
  .inde-kehu .inde-kehu-ul li .hover-wz svg {
    width: 120%;
    height: 120%;
    display: none;
  }
}
@media (max-width: 767px) {

  .ban{display: none;}



  .pro-ul-img li {
    height: auto;
  }
  .about-top {
    padding: 3rem 0;
  }
  .ban > img {
    height: 18.75rem;
    object-fit: cover;
  }
  .ban .ban-wz {
    text-align: center;
  }
  .ban .ban-wz .pp1 {
    font-size: 1.5rem;
  }
  .ban .ban-wz .pp2 {
    display: none;
  }
  .scoll1 {
    display: none;
  }
  .about-top .wen-about {
    width: 100%;
    margin: 1rem 0;
    padding: 1rem;
  }
  .about-top .wen-about .messageCard {
    height: 17rem;
  }
  .about-top .wen-img {
    position: relative;
    width: 100%;
    top: initial;
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  .shu-ul li .p1 {
    font-size: 2rem;
  }
  .shu-ul li {
    width: 50%;
    margin: 2% 0;
  }
  .production {
    padding: 3rem 0;
  }
  .capacity-img .col-sm-3 {
    margin-bottom: 1rem;
  }
  .production .capacity-img .col-sm-6 {
    margin-bottom: 1rem;
  }
  .solutions .case-font h2 {
    font-size: 2rem;
    width: 100%;
  }
  .solutions .case-font p {
    position: relative;
    width: 100%;
    margin-top: 1rem;
    top: initial;
  }
  .solutions .case-font {
    padding-top: 4.625rem;
  }
  .solutions .solutionBan .solutionRoll.solutionRollOne {
    padding-top: 1rem;
  }
  .solutions .case-font {
    margin-top: 0rem;
  }
  .lx-dian .re {
    margin-left: 0;
  }
  .lx-dian img {
    width: 2rem;
  }
  .lx-dian {
    padding: 0.5rem 0;
    margin: 0.5rem 0;
  }
  .lx-dian > div {
    margin-bottom: 0.5rem;
  }
  .message {
    padding: 3rem 0;
  }
  .message .message-box .box-input input {
    margin-bottom: 1rem;
  }
  .message .message-box textarea {
    margin-top: 0;
  }
  .message .message-box .col-sm-12 {
    text-align: center;
  }
  .pro-list .le {
    width: 100%;
  }
  .pro-list .re {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
  .pro-list .pro-div1 {
    margin-bottom: 1rem;
  }
  .pro-list {
    padding: 0 0.5rem;
  }
  .rightfix1 {
    display: none;
  }
  .pro-list .pro-div:hover .pro-hover .more {
    margin-top: 1rem;
  }
  .ban-pro .ban-wz .ban-wz-pro {
    width: 100%;
  }
  .product .introduction-pro {
    padding: 3rem 0;
  }
  .product .introduction-pro .le {
    width: 100%;
  }
  .product .introduction-pro .re {
    width: 100%;
    margin-top: 1rem;
  }
  .detail_feature .feature_text .feature_ul {
    width: 100%;
  }
  .detail_feature .feature_text .feature_ul li + li {
    margin-top: 2.1875rem;
  }
  .detail_feature {
    height: auto;
    padding: 3rem 0;
  }
  .detail_feature .feature_text .feature_ul {
    margin-top: 2rem;
  }
  .detail_feature .feature_text .feature_ul li h3 {
    font-size: 1.3rem;
  }
  .detail_feature .feature_text .feature_ul li p {
    font-size: 1rem;
  }
  .technical {
    padding: 3rem 0;
  }

/* 微信图标 */

.gx-feng .share-w-in{
  display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #fff;
    margin-right: 15px;
    position: relative;
    margin-top: 1rem;
}

.gx-feng .share-w-in i{
  background: url(../image/wx_bai.svg) no-repeat 80% 70%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 80%;
}
.gx-feng .share-w-in i:hover{
  background: url(../image/wx_color.svg) no-repeat 80% 70%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 80%;
}

.gx-feng .share-w-in .share-w-img{
  position: absolute;
    left: 50%;
    bottom: 60px;
    width: 130px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.gx-feng .share-w-in .share-w-img img{
  max-width: 100%;
}

.gx-feng .share-w-in:hover .share-w-img {
  bottom: 50px;
  opacity: 1;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


  .product-photos {
    padding: 3rem 0;
  }
  .product-photos-lunbo .swiper-container {
    padding: 0 10%;
  }
  .product-photos-lunbo .swiper-button-next {
    right: 0;
  }
  .product-photos-lunbo .swiper-button-prev {
    left: 0;
  }
  .product-photos-lunbo {
    margin-top: 1rem;
  }
  .ban-pro .ban-wz .ban-wz-pro .gx-feng {
    margin-top: 2rem;
  }
  .rightfix1 {
    opacity: 0;
  }
  .ban-pro1 .ban-wz {
    text-align: left;
  }
  .ban-pro .ban-wz .re-pro-img img {
    width: 7.875rem;
  }
  .lunbo .swiper-slide .lunbo-wenzi .div1 {
    font-size: 1.125rem;
  }
  .lunbo .swiper-slide .lunbo-wenzi .div2 {
    font-size: 1rem;
  }
  .index_about .left {
    width: 100%;
  }
  .index_about .re-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
  }
  .index_about .re-box img {
    transform: scale(1.5);
    transform-origin: bottom;
  }
  .index_about {
    padding: 3rem 0 0;
  }
  .index_about .shu-ul li .p1 {
    font-size: 2rem;
  }
  .index_about .shu-ul {
    margin: 1rem 0;
  }
  .index_about .shu-ul li {
    width: 100%;
  }
  .index-pro .pro-boxs .le {
    width: 100%;
  }
  .index-pro .pro-boxs .min {
    width: 100%;
    margin-top: 1rem;
  }
  .index-pro .pro-boxs .min img {
    width: 50%;
  }
  .index-pro .pro-boxs .le .pro-ul li:nth-child(2),
  .index-pro .pro-boxs .le .pro-ul li:nth-child(6) {
    margin-left: 0;
  }
  .index-pro .pro-boxs .le .pro-ul li:nth-child(3),
  .index-pro .pro-boxs .le .pro-ul li:nth-child(5) {
    margin-left: 0;
  }
  .index-pro .pro-boxs .le .pro-ul li:nth-child(4) {
    margin-left: 0;
  }
  .index-pro .pro-boxs .le .pro-ul::after {
    display: none;
  }
  .index-pro .pro-boxs .le .pro-ul li a {
    display: inline-block;
  }
  .index-pro .pro-boxs .le .pro-ul li {
    display: inline-block;
  }
  .index-pro .pro-boxs .le .pro-ul li a img {
    width: 2rem;
    display: none;
  }
  .index-pro .pro-boxs .le .pro-ul li:hover a,
  .index-pro .pro-boxs .le .pro-ul li.active a {
    background: #0a53a1;
  }
  .index-pro .pro-boxs .le .pro-ul li a {
    line-height: 2.75rem;
    padding: 0 1rem;
  }
  .index-pro {
    padding: 3rem 0;
  }
  .inde-kehu .inde-kehu-ul li.active {
    width: 100%;
  }
  .inde-kehu .inde-kehu-ul li {
    width: 100%;
  }
  .inde-kehu .inde-kehu-ul li:nth-child(2) {
    margin: 2% 0;
  }
  .inde-kehu .inde-kehu-ul li {
    height: 25rem;
  }
  .inde-kehu {
    padding: 3rem 0;
  }
  .index-map {
    height: 40rem;
    background-size: cover;
  }
  .map-img .img1 {
    transform: scale(4);
    position: absolute;
    margin-top: -5rem;
  }
  .map-img {
    margin: 0rem auto 0;
    width: 100%;
    position: relative;
  }
}

@media (max-width: 580px) {
  .lx-dian .fl{
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .ban > img{
    height: 20.75rem;
  }

}

.pro-dov1 .overh a img {
  height: 22.3125rem;
  object-fit: cover;
}

.ban .ban-wz .pp2 span:last-child {
  display: none;
}
.pro-list .pro-dov1 {
  margin-bottom: 2rem;
}
.pro-list .pro-dov1 .overh {
  text-align: center;
}
.pro-list .pro-dov1 .overh img {
  width: auto;
}
.pagination {
  justify-content: center;
}
.pagination li {
  width: 40px;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #ddd;
  margin: 0 0.125rem;
  background: #fff;
  cursor: pointer;
  height: 40px;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
}

.pagination .page-num {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  border: 1px solid #ddd;
  color: #000;
}
.pagination .page-num-current {
background-color: #0a53a1;
color: #fff;
}



.pagination li a {
  color: #000;
}
.pagination li.active,
.pagination li:hover {
  border-color: #0a53a1;
  color: #fff;
  background: #0a53a1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.pagination li.active span,
.pagination li:hover span {
  color: #fff;
}
.scoll2 img {
  animation: scrool1 3s infinite;
  position: relative;
}
@keyframes scrool1 {
  0% {
    top: 0;
  }
  50% {
    top: 1rem;
  }
  100% {
    top: 0;
  }
}
.en-a {
  color: #fff;
  display: inline-block;
  line-height: 60px;
  position: absolute;
  right: 80px;
  font-size: 1.25rem;
}
.add-lj a:hover {
  text-decoration: underline;
}
.a_close {
  cursor: pointer;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.a_close:hover {
  transform: scale(1.2);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}
.daohang {
  cursor: pointer;
}
.daohang:hover i {
  color: #0a53a1;
}
.index_about .shu-ul li {
  text-align: left;
}
.pro-list .le .btn-gl,
.message .message-box button {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pro-list .le .btn-gl::after,
.message .message-box button::after {
  content: '';
  position: absolute;
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  left: 0;
  top: -100%;
  height: 100%;
  background: linear-gradient(to top right, #000, red);
}
.pro-list .le .btn-gl:hover,
.message .message-box button:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  background: transparent;
}
.pro-list .le .btn-gl:hover::after,
.message .message-box button:hover::after {
  top: 0%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  z-index: -1;
}
.pro-list .pro-dov1 .overh {
  height: 22.3125rem;
}
.pro-list .pro-dov1 .overh a {
  display: block;
}
.pro-list .pro-dov2 .overh a {
  padding: 2rem;
}
.pro-list .pro-dov2 .overh a img {
  height: 17rem;
}
.map-ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.map-ul li {
  position: absolute;
  color: #fff;
  font-size: 0.9375rem;
}
.map-ul li .yuan-span {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #fff;
  border-radius: 100%;
  position: relative;
}
.map-ul li .yuan-span::before {
  content: '';
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 100%;
  background: #fff;
  opacity: 0.5;
  left: -0.2813rem;
  top: -0.2813rem;
  -webkit-animation: fd 30s ease-out infinite;
  -moz-animation: fd 30s ease-out infinite;
  -o-animation: fd 30s ease-out infinite;
  animation: fd 30s ease-out infinite;
}
.map-ul li .yuan-span::after {
  content: '';
  position: absolute;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 100%;
  background: #fff;
  opacity: 0.2;
  left: -0.5938rem;
  top: -0.5938rem;
  -webkit-animation: fd1 3s ease-out infinite;
  -moz-animation: fd1 3s ease-out infinite;
  -o-animation: fd1 3s ease-out infinite;
  animation: fd1 3s ease-out infinite;
}
.map-ul li:nth-child(1) {
  right: -2%;
  top: 24%;
}
.map-ul li:nth-child(2) {
  right: 36%;
  top: 43%;
}
.map-ul li:nth-child(3) {
  right: 46%;
  top: 39%;
}
.map-ul li:nth-child(4) {
  right: 43%;
  top: 17%;
}
.map-ul li:nth-child(4) img {
  -webkit-animation: fd2 5s ease-out infinite;
  -moz-animation: fd2 5s ease-out infinite;
  -o-animation: fd2 5s ease-out infinite;
  animation: fd2 5s ease-out infinite;
}
.map-ul li:nth-child(5) {
  right: 53%;
  bottom: 11%;
}
.map-ul li:nth-child(6) {
  right: 33%;
  bottom: -5%;
}
.map-ul li:nth-child(7) {
  left: 15%;
  top: 21%;
}
.map-ul li:nth-child(8) {
  left: 6%;
  top: 28%;
}
.map-ul li:nth-child(9) {
  left: 3%;
  top: 19%;
}
.map-ul li:nth-child(10) {
  left: -8%;
  top: 22%;
}
.map-ul li:nth-child(11) {
  left: 1%;
  top: 42%;
}
.map-ul li:nth-child(12) {
  left: 9%;
  top: 37%;
}
.ml15 {
  margin-left: 1rem;
}
.mr15 {
  margin-right: 1rem;
}
.mb15 {
  margin-bottom: 0.5rem;
}
.imgfd1 {
  -webkit-animation: fd1 5s ease-out infinite;
  -moz-animation: fd1 5s ease-out infinite;
  -o-animation: fd1 5s ease-out infinite;
  animation: fd1 5s ease-out infinite;
}
.imgfd2 {
  -webkit-animation: fd2 5s ease-out infinite;
  -moz-animation: fd2 5s ease-out infinite;
  -o-animation: fd2 5s ease-out infinite;
  animation: fd2 5s ease-out infinite;
}
@keyframes fd1 {
  0% {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
    opacity: 0.3;
  }
}
@keyframes fd2 {
  0% {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
  }
}
.foot-lxs {
  background:#0a53a1;
  background-position: left center;
  padding: 3.875rem 0 3.875rem 5rem;
  position: absolute;
  width: 100%;
  top: -6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.foot-lxs .foot-s-ul {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-evenly;
  /* -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
}
.foot-lxs .foot-s-ul li {
  padding-right: .5rem;
  color: #FFf;
  padding-left: 3.75rem;
  width: 18%;
  position: relative;
}
.foot-lxs .foot-s-ul li:nth-child(3){
  width: 35%;
  padding-right: 4rem;
}
.foot-lxs .foot-s-ul li::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #fff;
  right: 1.5rem;
  top: 0;
  transform: rotate(10deg);
  opacity: 0.5;
}
.foot-lxs .foot-s-ul li:last-child::after {
  display: none;
}
.foot-lxs .foot-s-ul li img {
  width: 2.5rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.foot-lxs .foot-s-ul li .p1 {
  font-size: 1.125rem;
}
.foot-lxs .foot-s-ul li .p2 {
  font-size: 1rem;
  
  margin-top: 1rem;
    display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.technical .technical-biaoge .table thead tr th {
  border: 1px solid #CCCCCC;
}
.table td,
.table th {
  border: 1px solid #CCCCCC;
}
.pro-ul-img li {
  height: 31.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.product-photos-lunbo .swiper-slide img {
  height: 32.5rem;
  object-fit: cover;
}
.product-photos-lunbo .swiper-slide p {
  font-size: 18px;
  margin-top: 15px;
}
.ban-pro > img {
  height: 100vh;
  object-fit: cover;
}
.pro-list .pro-dov1 .pro-bot .miao3 {
  height: 3.3125rem;
}
.pro-list .pro-dov1 .pro-bot .miao3 a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ban-pro .ban-wz .pp2 {
  font-size: 1.25rem;
  line-height: 2;
}
.ss-list li div.img img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  height: 18rem;
  object-fit: cover;
}
.ss-list li div.img:hover a.img {
  overflow: hidden;
}
.ss-list li div.img:hover a.img img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -moz-transform: scale(1.1);
  /* Firefox */
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: scale(1.1);
}
.more-msl {
  margin-top: 1rem;
  display: block;
  color: #0a53a1;
}
.ss-list li div.img a.img {
  overflow: hidden;
}
.ssy-sskaa .searchsa form button {
  width: 17%;
  text-align: right;
}
.phone-pro-ul {
  margin-top: 2rem;
}
.phone-pro-ul ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.phone-pro-ul ul li {
  width: 48%;
  margin: 1%;
}
.phone-pro-ul ul li .overh img {
  height: 150px;
  object-fit: cover;
}
.phone-pro-ul ul li .phone-title {
  line-height: 2.5rem;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  font-size: 1rem;
}
.bot-fix-ul {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bot-fix-ul li {
  width: 25%;
  text-align: center;
  border-right: 1px solid #434343;
  padding: 0.5rem 0;
}
.bot-fix-ul li a {
  color: #fff;
}
.bot-fix-ul li svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.bot-fix-ul li .p1 {
  line-height: 30px;
}
@media (max-width: 767px) {
  .product-photos-lunbo .swiper-container {
    padding: 0 1rem;
  }
  .pro-list .le .erpro-ul li {
    width: 48%;
    display: inline-block;
  }
  .solutions .solutionBan .solutionRoll .solutionRollUl li span img {
    height: 11rem;
  }
  .product-photos-lunbo .swiper-slide img {
    height: auto;
  }
  .product-photos-lunbo .swiper-button-prev {
    display: none;
  }
  .product-photos-lunbo .swiper-button-next {
    display: none;
  }
  .ban-pro .ban-wz .ban-wz-pro .gx-feng {
    display: none;
  }
  .lunbo .swiper-slide img {
    height: 40rem;
    object-fit: cover;
  }
  .ban-pro > img {
    height: 260px;
  }
  .pro-list .le {
    position: relative;
    top: auto;
  }
  .pro-ul-img li {
    height: auto;
  }
  .index-map {
    background: #fff;
    padding: 3rem 0;
    height: auto;
  }
  .index-map .haed-hd.head-bai .head-cn {
    color: #000;
  }
  .index-map .miao3 {
    color: #000;
    margin: 1rem 0;
  }
  .product-photos-lunbo .swiper-slide img {
    height: auto;
    object-fit: cover;
  }
  body {
    padding-bottom: 74px !important;
  }
}
.phone-ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.phone-ul li {
  width: 50%;
  line-height: 40px;
  border-bottom: 1px solid #8b8b8b;
}
.phone-ul li a {
  display: block;
  color: #fff;
  font-size: 1.125rem;
}
.phone-ul li:nth-child(odd) {
  border-right: 1px solid #8b8b8b;
}
.phone-ul li:nth-child(3),
.phone-ul li:nth-child(4) {
  border-bottom: none;
}



  /* 表格样式 */
  table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}
table .cpbz {
  padding: 15px 15px;
  text-align: left;
}
td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    height: 41px;
    line-height: 26px;
}

col {
    width: 12.5%;
}

.col {
    width: 25%;
}

table .coloe2 {
    background: #f4f4f4;
    font-size: 14px;
}

table .coloe {
    background: #0055b2;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.csbz td {
    padding: 15px 30px;
    text-align: left;
}

.csbz td .bzcs {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 15px;
}