.w_1500 {
  max-width: 1500px;
  width: 94%;
  margin: auto;
}
.w_1200 {
  max-width: 1200px;
  width: 94%;
  margin: auto;
}
.indexBanner {
  position: relative;
}
.indexBanner .swiper-container {
  width: 100%;
  height: 100%;
}
.indexBanner .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.indexBanner .swiper-container .swiper-slide .imgPhone {
  display: none;
}
.indexBanner .swiper-container .swiper-pagination {
  width: auto;
  left: auto;
  right: 13.125rem;
  top: 50%;
  -webkit-transform: translate3d(0, 28%, 0);
  transform: translate3d(0, 28%, 0);
}
.indexBanner .swiper-container .swiper-pagination-bullet {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  margin: 5px 0;
  background: none;
  opacity: 1;
}
.indexBanner .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
}
.indexBanner .animated_ {
  position: absolute;
  bottom:4rem;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.indexBanner .animated_ p {
  display: inline-block;
  position: relative;
  animation: my 2s infinite;
  -moz-animation: my 2s infinite;
  /* Firefox */
  -webkit-animation: my 2s infinite;
  /* Safari and Chrome */
  -o-animation: my 2s infinite;
  /* Opera */
}
.indexBanner .animated_ p img {
  width: 1.75rem;
}
@keyframes my {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 40px;
    opacity: 1;
  }
  100% {
    top: 60px;
    opacity: 0;
  }
}
@-moz-keyframes my {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 40px;
    opacity: 1;
  }
  100% {
    top: 60px;
    opacity: 0;
  }
}
@-webkit-keyframes my {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 40px;
    opacity: 1;
  }
  100% {
    top: 60px;
    opacity: 0;
  }
}
@-o-keyframes my {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 40px;
    opacity: 1;
  }
  100% {
    top: 60px;
    opacity: 0;
  }
}
.indexHead {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.indexHead .box {
  display: flex;
  justify-content: space-between;
}
.indexHead .box .logo a {
  display: block;
  line-height: 6.75rem;
}
.indexHead .box .logo a img {
  height: 5rem;
}
.indexHead .box .logo a .img2 {
  display: none;
}
.indexHead .box .nav {
  display: flex;
}
.indexHead .box .nav ul {
  display: flex;
}
.indexHead .box .nav ul li {
  line-height: 6.75rem;
  padding: 0 1.25rem;
}
.indexHead .box .nav ul li > a {
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  position: relative;
}
.indexHead .box .nav ul li > a:hover {
  color: #d92219;
}
.indexHead .box .nav ul li .select {
  display: none;
}
.indexHead .box .nav ul .active a::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -0.125rem;
  height: 0.25rem;
  background: #fff;
}
.indexHead .box .nav .china {
  margin-left: 4.375rem;
  padding-top: 0.9375rem;
}
.indexHead .box .nav .china p {
  position: relative;
}
.indexHead .box .nav .china p a {
  font-size: 1rem;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  line-height: 1.25rem;
  border: 1px solid #fff;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}
.indexHead .box .nav .china p a:hover {
  background: #d92219;
  color: #fff;
}
.indexHead .box .nav .china p:first-child {
  top: 2.25rem;
  left: 0.9375rem;
}
.indexHead .box .nav .china .active a {
  background: #fff;
  color: rgba(0, 0, 0, 0.5);
}
.indexHead .box .nav .menu {
  display: none;
}
.indexHeadOn {
  background: #fff;
  box-shadow: 0px 0px 10px #ddd;
}
.indexHeadOn .box .logo a .img1 {
  display: none;
}
.indexHeadOn .box .logo a .img2 {
  display: inline-block;
}
.indexHeadOn .box .nav ul li a {
  color: #333;
}
.indexHeadOn .box .nav ul .active a::after {
  background: #d92219;
}
.indexHeadOn .box .nav .china .active a {
  border: 1px solid #C0C4CC;
}
.indexHeadOn .box .nav .menu img {
  filter: invert(100%);
  opacity: 0.5;
}
.lpkTitle .top {
  text-align: center;
}
.lpkTitle .top font {
  font-size: 1.5625rem;
  color: #ccc;
  display: inline-block;
  border-left: 4px solid #d92219;
  padding: 0 1.25rem;
  border-right: 4px solid #d92219;
  line-height: 1.875rem;
  font-family: system-ui;
}
.lpkTitle .bottom {
  font-size: 1.375rem;
  color: #333;
  text-align: center;
  margin-top: 0.3125rem;
}
.p65 {
  padding-top: 4.0625rem;
}
.p65_ {
  padding-bottom: 4.0625rem;
}
.m65 {
  margin-top: 4.0625rem;
}
.m65_ {
  margin-bottom: 4.0625rem;
}
.m50 {
  margin-top: 3.125rem;
}
.m50_ {
  margin-bottom: 3.125rem;
}
.flexBetween {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flexStart {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.indexProduct {
  background: #f7f7f7;
}
.indexProduct .box .list .item {
  width: 49%;
  background: #fff;
  margin: 0.9375rem 0;
}
.indexProduct .box .list .item .img {
  width: 47%;
  position: relative;
}
.indexProduct .box .list .item .img img {
  width: 100%;
  object-fit: cover;
  background-color: #e7e7e7;
  box-sizing: border-box;
  padding: 2.25rem;
}
.indexProduct .box .list .item .img span {
  border: 1.875rem solid transparent;
  border-right-color: #fff;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.indexProduct .box .list .item .text {
  width: 53%;
  display: flex;
  align-items: center;
}
.indexProduct .box .list .item .text .box0 {
  margin: auto;
}
.indexProduct .box .list .item .text .box0 div {
  font-size: 1.1875rem;
  text-align: center;
}
.indexProduct .box .list .item .text .box0 p {
  margin-top: 1.5625rem;
  text-align: center;
}
.indexProduct .box .list .item .text .box0 p img {
  max-width: 4.5625rem;
  max-height: 4.875rem;
  filter: grayscale(100%);
  opacity: 0.5;
}
.indexProduct .box .list .item:hover .text {
  box-shadow: 0px 5px 10px #ddd;
}
.indexProduct .box .list .item:hover .text p img {
  filter: grayscale(0%);
  opacity: 1;
}
.indexProduct .box .list .item1 .img span {
  left: 0;
  right: auto;
  border-left-color: #fff;
  border-right-color: rgba(0, 0, 0, 0);
}
.lpkMore {
  text-align: center;
}
.lpkMore a {
  font-size: 1rem;
}
.lpkMore a span {
  display: inline-block;
  transform: rotateY(180deg);
  font-size: 1rem;
}
.lpkMore a:hover {
  color: #d92219;
}
.indexCase .box .item {
  width: 33%;
  margin-bottom: 0.625rem;
}
.indexCase .box .item a {
  display: block;
  position: relative;
}
.indexCase .box .item a > img {
  width: 100%;
  height: 21.5rem;
  object-fit: cover;
}
.indexCase .box .item a .posi1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.indexCase .box .item a .posi1 .box0 {
  margin: auto;
  text-align: center;
  width: 100%;
}
.indexCase .box .item a .posi1 .box0 h5 {
  font-size: 1.5625rem;
  color: #fff;
  
 /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: justify;
  text-justify: distribute-all-lines; */
  
  
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  
  padding: 0 1.25rem;
  box-sizing: border-box;
  width: 100%;
}
.indexCase .box .item a .posi1 .box0 p {
  margin-top: 1.25rem;
}
.indexCase .box .item a .posi1 .box0 p img {
  width: 2.375rem;
}
.indexCase .box .item a .posi2 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.875rem 2.8125rem;
  box-sizing: border-box;
  
  
}
.indexCase .box .item a .posi2 .box0 {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
}
.indexCase .box .item a .posi2 .box0 h5 {
  font-size: 1.25rem;
  color: #333;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  
  padding: 3.125rem 1.25rem 0;
  box-sizing: border-box;
  width: 100%;
}
.indexCase .box .item a .posi2 .box0 p {
  font-size: 0.9375rem;
  color: #666;
  line-height: 1.5625rem;
  height: 4.6875rem;
  text-align: center;
  width: 76%;
  margin: 1.25rem auto;
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   text-align: justify;
   text-justify: distribute-all-lines;
  
}
.indexCase .box .item a .posi2 .box0 div {
  text-align: center;
}
.indexCase .box .item a .posi2 .box0 div span {
  font-size: 1rem;
  border: 1px solid #999;
  line-height: 2.1875rem;
  width: 6.25rem;
  display: inline-block;
  color: #666;
}
.indexCase .box .item a .posi2 .box0 div span:hover {
  background: #d92219;
  color: #fff;
  border: 1px solid #d92219;
}
.indexCase .box .item:hover .posi1 {
  opacity: 0;
}
.indexCase .box .item:hover .posi2 {
  opacity: 1;
}
.indexAbout {
  background-color: #f7f7f7;
}
.indexAbout .box .left {
  width: 50%;
  position: relative;
  box-sizing: 10;
  float: left;
}
.indexAbout .box .left img {
  margin-top: 2.8125rem;
  width: 109%;
}
.indexAbout .box .right {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 5rem 4.0625rem 5rem 8.125rem;
  background: url(../img/21.png) no-repeat 50% 50%;
  background-size: cover;
}
.indexAbout .box .right .top div {
  font-size: 1.6875rem;
  color: #333;
}
.indexAbout .box .right .top p a {
  font-size: 1rem;
  line-height: 2.25rem;
}
.indexAbout .box .right .top p a span {
  display: inline-block;
  transform: rotateY(180deg);
  font-size: 1rem;
}
.indexAbout .box .right .top p a:hover {
  color: #d92219;
}
.indexAbout .box .right .p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
  margin-top: 1.5625rem;
}
.indexAbout .box .right .list {
  margin-top: 3.75rem;
}
.indexAbout .box .right .list .item .num {
  color: #d92219;
  font-size: 1.5625rem;
  font-weight: bold;
  text-align: center;
}
.indexAbout .box .right .list .item .num span {
  font-size: 2.9375rem;
}
.indexAbout .box .right .list .item .text {
  color: #333;
  font-size: 1rem;
  text-align: center;
  margin-top: 0.625rem;
}
.indexNews .box .boxL {
  width: 28%;
  float: left;
}
.indexNews .box .boxL a {
  display: block;
  position: relative;
  overflow: hidden;
}
.indexNews .box .boxL a:hover img {
  transform: scale(1.1);
}
.indexNews .box .boxL a img {
  width: 100%;
  transition: all 0.3s;
  height: 30.75rem;
  object-fit: cover;
}
.indexNews .box .boxL a .posi {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 1.5625rem 1.5625rem;
}
.indexNews .box .boxL a .posi .main {
  width: 86%;
}
.indexNews .box .boxL a .posi .main h5 {
  font-size: 1.0625rem;
  color: #fff;
}
.indexNews .box .boxL a .posi .main p {
  font-size: 0.9375rem;
  color: #fff;
  margin-top: 0.625rem;
}
.indexNews .box .boxL a .posi .tou {
  display: flex;
  align-items: center;
}
.indexNews .box .boxL a .posi .tou span {
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
}
.indexNews .box .boxR {
  width: 72%;
  float: left;
}
.indexNews .box .boxR .item {
  background: #F7F7F7;
  width: 48%;
  margin-left: 2%;
  box-sizing: border-box;
  padding: 1.875rem 1.25rem;
  margin-bottom: 1.1875rem;
  cursor: default;
}
.indexNews .box .boxR .item:hover {
  background: #fff;
  box-shadow: 0px 5px 10px #ddd;
}
.indexNews .box .boxR .item:hover a .right p {
  color: #d92219;
}
.indexNews .box .boxR .item a .left {
  width: 25%;
  border-right: 1px solid #CDCDCD;
  text-align: center;
  box-sizing: border-box;
}
.indexNews .box .boxR .item a .left div {
  font-size: 3.6875rem;
  color: #333;
  line-height: 3.6875rem;
  height: 3.6875rem;
}
.indexNews .box .boxR .item a .left p {
  font-size: 1.0625rem;
  color: #666;
  margin-top: 0.625rem;
}
.indexNews .box .boxR .item a .right {
  width: 75%;
  box-sizing: border-box;
  padding-left: 1.5625rem;
}
.indexNews .box .boxR .item a .right h5 {
  font-size: 1.0625rem;
  color: #333;
}
.indexNews .box .boxR .item a .right h6 {
  font-size: 1rem;
  color: #999;
  margin-top: 0.625rem;
}
.indexNews .box .boxR .item a .right p {
  font-size: 1rem;
  margin-top: 1.0625rem;
}
.indexHe {
  background: #F7F7F7;
  padding-bottom: 7.0625rem;
}
.indexHe .box {
  position: relative;
}
.indexHe .box .swiper-container {
  width: 80%;
  margin: auto;
}
.indexHe .box .swiper-container a {
  border: 1px solid #ddd;
  height: 8.75rem;
  display: flex;
  align-items: center;
}
.indexHe .box .swiper-container a img {
  margin: auto;
  max-width: 86%;
}
.indexHe .box .swiper-container a:hover {
  background: #fff;
  border: 0;
  box-shadow: 0px 0px 1.25rem #ddd;
}
.indexHe .lpkbutton {
  position: absolute;
  top: 50%;
  outline: none;
  transform: translateY(-50%);
}
.indexHe .lpkbutton span {
  font-size: 1.625rem;
  color: #666;
}
.indexHe .lpkbutton span:hover {
  color: #d92219;
}
.indexHe .lpknext {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
.indexFoot {
  background: #333;
}
.indexFoot .box {
  padding: 2.1875rem 0;
}
.indexFoot .box .left {
  padding-top: 1.25rem;
  width: 35%;
}
.indexFoot .box .left .top{
	display: flex;
	align-items: center;
}
.indexFoot .box .left .top img {
  width: 4.375rem;
}
.indexFoot .box .left .top span {
  font-size: 1.6875rem;
  color: #fff;
  display: inline-block;
  margin: 0 1.25rem;
  width: 75%;
}
.indexFoot .box .left .top font {
  color: #fff;
  font-size: 1rem;
}
.indexFoot .box .left .bottom {
  margin-top: 1.5625rem;
}
.indexFoot .box .left .bottom a {
  font-size: 0.9375rem;
  color: #999;
  display: inline-block;
}
.indexFoot .box .left .bottom span {
  font-size: 0.9375rem;
  color: #999;
  display: inline-block;
  margin: 0 0.9375rem;
}
.indexFoot .box .center {
  padding-top: 1.25rem;
}
.indexFoot .box .center .top{
	text-align: center;
}
.indexFoot .box .center .top img {
  width: 7.8125rem;
}
.indexFoot .box .center .bottom {
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
  margin-top: 1.25rem;
}
.indexFoot .box .right{
	width: 30%;
}
.indexFoot .box .right h5 {
  font-size: 0.9375rem;
  color: #fff;
  margin-bottom: 0.625rem;
}
.indexFoot .box .right p {
  font-size: 0.875rem;
  color: #999;
  line-height: 1.5625rem;
}
.indexFoot .box .right p a {
  color: #999;
}
.indexFoot .box .map img {
  width: 15rem;
}
.indexFoot .box1 {
  border-top: 1px solid #535353;
  font-size: 0.9375rem;
  color: #CDCDCD;
  line-height: 3.75rem;
  text-align: center;
}
.indexFoot .box1 a {
  color: #CDCDCD;
}
.lpkBanner img {
  width: 100%;
}
.lpkProduct .box {
  margin-bottom: 6.25rem;
}
.lpkProduct .box .boxL {
  width: 26%;
  background: #fff;
}
.lpkProduct .box .boxL .top {
  font-size: 1.6875rem;
  color: #fff;
  background-color: #d92219;
  text-align: center;
  line-height: 6.25rem;
}
.lpkProduct .box .boxL .bottom .item {
  font-size: 1.0625rem;
  color: #666;
  line-height: 5.3125rem;
  border-bottom: 1px solid #ddd;
  padding: 0 2.1875rem;
  cursor: default;
}
.lpkProduct .box .boxL .bottom .item img {
  margin-right: 0.9375rem;
  vertical-align: sub;
  width: 1.375rem;
  filter: grayscale(100%);
  opacity: 0.5;
  transform: rotate(180deg);
}
.lpkProduct .box .boxL .bottom > .active {
  color: #d92219;
}
.lpkProduct .box .boxL .bottom > .active img {
  filter: grayscale(0%);
  opacity: 1;
  transform: rotate(0deg);
}
.lpkProduct .box .boxL .bottom ul {
  padding: 1.25rem 2.1875rem;
  display: none;
}
.lpkProduct .box .boxL .bottom ul li a {
  font-size: 1rem;
  color: #666;
  display: block;
  line-height: 2.1875rem;
}
.lpkProduct .box .boxL .bottom ul li a span {
  display: inline-block;
  margin-right: 1.25rem;
  color: #999;
}
.lpkProduct .box .boxL .bottom ul .active a {
  color: #d92219;
}
.lpkProduct .box .boxL .bottom ul .active a span {
  color: #d92219;
}
.lpkProduct .box .boxL .bottom .on {
  display: block;
}
.lpkProduct .box .lpkselect {
  display: none;
  width: 100%;
}
.lpkProduct .box .boxR {
  width: 71%;
}
.lpkProduct .box .boxR > .top {
  font-size: 1.1875rem;
  color: #999;
}
.lpkProduct .box .boxR > .top span {
  color: #333;
}
.lpkProduct .box .boxR > .main {
  margin-top: 1.25rem;
}
.lpkProduct .box .boxR > .main .main0 .left {
  width: 65%;
}
.lpkProduct .box .boxR > .main .main0 .left img {
  width: 100%;
}
.lpkProduct .box .boxR > .main .main0 .right {
  width: 32%;
  background: #fff;
}
.lpkProduct .box .boxR > .main .main0 .right a .top1 {
  text-align: center;
  height: 18.75rem;
  display: flex;
  align-items: center;
}
.lpkProduct .box .boxR > .main .main0 .right a .top1 img {
  max-width: 90%;
  margin: auto;
}
.lpkProduct .box .boxR > .main .main0 .right a .top2 {
  font-size: 1.0625rem;
  color: #333;
  text-align: center;
  margin-top: 0.9375rem;
}
.lpkProduct .box .boxR > .main .main0 .right a .top3 {
  font-size: 0.9375rem;
  color: #999;
  text-align: center;
  margin-top: 0.9375rem;
}
.lpkProduct .box .boxR > .main .main0 .right a .top3 span {
  text-decoration: underline;
}
.lpkProduct .box .boxR > .main .main0 .right:hover {
  box-shadow: 0px 3px 10px #ddd;
}
.lpkProduct .box .boxR > .main .main0 .right:hover a .top3 {
  color: #d92219;
}
.lpkProduct .box .boxR > .main .mainbox {
  margin-top: 1.875rem;
}
.lpkProduct .box .boxR > .main .mainbox .item {
  background: #fff;
  width: 31.7%;
  margin-right: 2.4%;
  margin-bottom: 1.5625rem;
  padding-bottom: 3.125rem;
}
.lpkProduct .box .boxR > .main .mainbox .item:nth-child(3n) {
  margin-right: 0;
}
.lpkProduct .box .boxR > .main .mainbox .item a .top1 {
  text-align: center;
  height: 18.75rem;
  display: flex;
  align-items: center;
}
.lpkProduct .box .boxR > .main .mainbox .item a .top1 img {
  max-width: 90%;
  margin: auto;
  max-height: 70%;
}
.lpkProduct .box .boxR > .main .mainbox .item a .top2 {
  font-size: 1.0625rem;
  color: #333;
  text-align: center;
  margin-top: 0.9375rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 1rem;
}
.lpkProduct .box .boxR > .main .mainbox .item a .top3 {
  font-size: 0.9375rem;
  color: #999;
  text-align: center;
  margin-top: 0.9375rem;
}
.lpkProduct .box .boxR > .main .mainbox .item a .top3 span {
  text-decoration: underline;
}
.lpkProduct .box .boxR > .main .mainbox .item:hover {
  box-shadow: 0px 3px 10px #ddd;
}
.lpkProduct .box .boxR > .main .mainbox .item:hover a .top3 {
  color: #d92219;
}
.productInfo {
  background: #fff;
  min-height: 12.5rem;
  box-sizing: border-box;
  padding: 0 3.125rem;
}
.productInfo .top {
  border-bottom: 1px solid #ddd;
  padding-top: 0.625rem;
}
.productInfo .top .left {
  line-height: 3.75rem;
}
.productInfo .top .left span {
  font-size: 1.5625rem;
  color: #d92219;
  border-left: 5px solid #d92219;
  padding-left: 1.25rem;
}
.productInfo .top .right {
  line-height: 3.75rem;
  font-size: 1rem;
  color: #999;
  cursor: default;
}
.productInfo .top .right a {
  color: #999;
}
.productInfo .top .right span {
  color: #333;
}
.productInfo .info0 {
  margin-top: 1.875rem;
}
.productInfo .info0 .left {
  width: 42%;
}
.productInfo .info0 .left .topBanner .item {
  width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 26.625rem;
}
.productInfo .info0 .left .topBanner .item img {
  max-width: 80%;
  margin: auto;
  display: none;
}
.productInfo .info0 .left .topBanner .item img:first-child {
  display: block;
}
.productInfo .info0 .left .botBanner {
  margin-top: 1.25rem;
  position: relative;
}
.productInfo .info0 .left .botBanner .item {
  width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 5.625rem;
}
.productInfo .info0 .left .botBanner .item img {
  width: 3.75rem;
  margin: auto;
}
.productInfo .info0 .left .botBanner .swiper-button-next,
.productInfo .info0 .left .botBanner .swiper-button-prev {
  width: 12px;
  height: 18px;
  margin-top: -9px;
  background-size: 12px 18px;
  outline: none;
  filter: grayscale(100%);
}
.productInfo .info0 .left .botBanner .swiper-button-next.swiper-button-disabled,
.productInfo .info0 .left .botBanner .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.productInfo .info0 .left .botBanner .swiper-button-prev {
  left: -1.875rem;
}
.productInfo .info0 .left .botBanner .swiper-button-next {
  right: -1.875rem;
}
.productInfo .info0 .left .botBanner .active .item {
  border: 1px solid #d92219;
}
.productInfo .info0 .right {
  width: 54%;
}
.productInfo .info0 .right h5 {
  font-size: 1.375rem;
  color: #333;
  border-bottom: 1px dashed #999;
  padding-bottom: 0.9375rem;
}
.productInfo .info0 .right .p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
  padding: 1.375rem 0;
}
.productInfo .info0 .right .call {
  background: #ececec;
  padding: 3.125rem 3rem;
}
.productInfo .info0 .right .call div {
  font-size: 1.25rem;
  color: #666;
  text-align: right;
  line-height: 2.8125rem;
}
.productInfo .info0 .right .call div span {
  font-size: 1.75rem;
  color: #d92219;
  font-weight: bold;
}
.productInfo .info0 .right .call div a {
  font-size: 1.75rem;
  color: #d92219;
  font-weight: bold;
}
.productInfo .info1 {
  margin-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.productInfo .info1 h5 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.875rem;
}
.productInfo .info1 h5 span {
  font-size: 1.5625rem;
  color: #fff;
  background-color: #d92219;
  line-height: 2.8125rem;
  padding: 0 2.1875rem;
  display: inline-block;
}
.productInfo .info1 div {
  margin-bottom: 1.875rem;
}
.productInfo .info1 div p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
}
.lpkCase .box .item {
  background: #eee;
  box-sizing: border-box;
  padding-right: 3.125rem;
  margin-bottom: 2.8125rem;
}
.lpkCase .box .item .left {
  width: 35%;
}
.lpkCase .box .item .left img {
  width: 119%;
  position: relative;
}
.lpkCase .box .item .right {
  padding: 2.8125rem 0;
  box-sizing: border-box;
  width: 65%;
  position: relative;
  z-index: 10;
}
.lpkCase .box .item .right .main {
  background: #fff;
  padding: 3.125rem 3.4375rem;
}
.lpkCase .box .item .right .main h5 {
  font-size: 1.375rem;
  color: #333;
}
.lpkCase .box .item .right .main p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
  height: 3.75rem;
  margin-top: 1.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: justify;
  text-justify: distribute-all-lines;
  cursor: default;
  
}
.lpkCase .box .item .right .main div {
  margin-top: 1.875rem;
}
.lpkCase .box .item .right .main div a {
  font-size: 1.125rem;
  color: #333;
  border: 1px solid #535353;
  display: inline-block;
  line-height: 3rem;
  padding: 0 2.1875rem;
}
.lpkCase .box .item .right .main div a:hover {
  background: #d92219;
  color: #fff;
  border: 1px solid #d92219;
}
.lpkCase .box .item1 {
  padding-right: 0;
  padding-left: 3.125rem;
}
.lpkCase .box .item1 .left img {
  left: -19%;
}
.lpkCaseInfo {
  background: #fff;
  box-sizing: border-box;
  padding: 0 9.6875rem;
}
.lpkCaseInfo .top {
  padding: 3.4375rem 0 2.1875rem;
  border-bottom: 1px solid #535353;
}
.lpkCaseInfo .top h5 {
  font-size: 1.375rem;
  color: #d92219;
  text-align: center;
}
.lpkCaseInfo .top h6 {
  font-size: 1rem;
  color: #666;
  text-align: center;
  margin-top: 0.9375rem;
}
.lpkCaseInfo .box p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
  margin-top: 1.5rem;
}
.lpkCaseInfo .box p img {
  width: 100%;
  margin: auto;
}
.lpkshang p a {
  font-size: 1.1875rem;
  color: #666;
}
.lpkshang p a:hover {
  color: #d92219;
}
.lpkPage .box0 {
  text-align: center;
}
.lpkPage .box0 .left a {
  display: inline-block;
  width: 2.8125rem;
  line-height: 2.8125rem;
  text-align: center;
  color: #666;
  font-size: 1.0625rem;
  border: 1px solid #ddd;
  margin: 0 0.3125rem;
}
.lpkPage .box0 .left a:hover {
  background: #d92219;
  color: #fff;
}
.lpkPage .box0 .left .active {
  background: #d92219;
  color: #fff;
}
.lpkServiceXz {
  background: #F8F8F8;
}
.lpkServiceXz .box {
  background: #fff;
}
.lpkServiceXz .box .top {
  padding: 0 3.75rem;
}
.lpkServiceXz .box .top div {
  background-color: #F8F8F8;
  display: flex;
  justify-content: space-between;
}
.lpkServiceXz .box .top div p {
  line-height: 3.4375rem;
  font-size: 1.125rem;
  width: 8rem;
  text-align: center;
}
.lpkServiceXz .box .bottom {
  margin-top: 2.1875rem;
}
.lpkServiceXz .box .bottom .item {
  display: flex;
  justify-content: space-between;
  padding: 2.125rem 3.75rem;
  border-bottom: 1px solid #ddd;
}
.lpkServiceXz .box .bottom .item .left {
  font-size: 1.375rem;
  line-height: 3rem;
  cursor: default;
}
.lpkServiceXz .box .bottom .item .left img {
  margin-right: 0.9375rem;
  width: 1.3125rem;
  filter: grayscale(100%);
  opacity: 0.8;
}
.lpkServiceXz .box .bottom .item .left:hover {
  color: #d92219;
}
.lpkServiceXz .box .bottom .item .left:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
.lpkServiceXz .box .bottom .item .right a {
  display: block;
  line-height: 2.875rem;
  border: 1px solid #ddd;
  width: 7.75rem;
  text-align: center;
}
.lpkServiceXz .box .bottom .item .right a:hover {
  background: #d92219;
  color: #fff;
}
.lpkNewProduct .box .item {
  background: #fff;
  width: 23%;
  margin-right: 2%;
  margin-bottom: 1.5625rem;
  padding-bottom: 3.125rem;
}
.lpkNewProduct .box .item:nth-child(4n) {
  margin-right: 0;
}
.lpkNewProduct .box .item a .top1 {
  text-align: center;
  height: 18.75rem;
  display: flex;
  align-items: center;
}
.lpkNewProduct .box .item a .top1 img {
  max-width: 90%;
  margin: auto;
}
.lpkNewProduct .box .item a .top2 {
  font-size: 1.0625rem;
  color: #333;
  text-align: center;
  margin-top: 0.9375rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lpkNewProduct .box .item a .top3 {
  font-size: 0.9375rem;
  color: #999;
  text-align: center;
  margin-top: 0.9375rem;
}
.lpkNewProduct .box .item a .top3 span {
  text-decoration: underline;
}
.lpkNewProduct .box .item:hover {
  box-shadow: 0px 3px 10px #ddd;
}
.lpkNewProduct .box .item:hover a .top3 {
  color: #d92219;
}
.newProductLeft .pItem {
  box-sizing: border-box;
  padding: 0 2.1875rem;
}
.newProductLeft .pItem a .pTop {
  text-align: center;
  padding: 3.75rem 0;
}
.newProductLeft .pItem a .pTop img {
  max-width: 100%;
}
.newProductLeft .pItem a .pBottom {
  background: #f7f7f7;
  font-size: 1.0625rem;
  line-height: 2.8125rem;
  text-align: center;
}
.newProductLeft .pItem a .pBottom:hover {
  color: #d92219;
}
.impotProduct .box .item {
  width: 23%;
  margin-right: 2%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin-bottom: 2.1875rem;
}
.impotProduct .box .item:nth-child(4n) {
  margin-right: 0;
}
.impotProduct .box .item a .top {
  background: #f3f3f3;
  display: flex;
  align-items: center;
  height: 16.25rem;
}
.impotProduct .box .item a .top img {
  max-width: 90%;
  margin: auto;
  transition: all 0.3s;
  max-height: 70%;
}
.impotProduct .box .item a .center {
  padding: 1.5625rem;
}
.impotProduct .box .item a .center h5 {
  font-size: 1.125rem;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.impotProduct .box .item a .center p {
  font-size: 1rem;
  color: #999;
  line-height: 1.875rem;
  margin-top: 0.625rem;
  height: 3.75rem;
}
.impotProduct .box .item a .bottom {
  padding: 0 1.5625rem;
  border-top: 1px solid #ddd;
}
.impotProduct .box .item a .bottom p {
  font-size: 1rem;
  line-height: 3.375rem;
  color: #666;
}
.impotProduct .box .item a .bottom p span {
  display: inline-block;
  transform: rotate(180deg);
}
.impotProduct .box .item a .bottom p img {
  width: 1.4375rem;
}
.impotProduct .box .item a:hover .top img {
  transform: scale(1.1);
}
.impotProduct .box .item a:hover .center h5 {
  color: #d92219;
}
.lpkHonor h5 {
  font-size: 1.375rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.25rem;
}
.lpkHonor .box .left {
  width: 79%;
  background: #F7F7F7;
  padding: 2.8125rem 0 2.5rem;
}
.lpkHonor .box .left .top {
  text-align: center;
}
.lpkHonor .box .left .top img {
  width: 19.125rem;
}
.lpkHonor .box .left .bottom {
  font-size: 1.0625rem;
  text-align: center;
  margin-top: 1.25rem;
}
.lpkHonor .box .right {
  width: 15%;
}
.lpkHonor .box .right .btnTop {
  background: #ccc;
  text-align: center;
  line-height: 2.5rem;
  outline: none;
}
.lpkHonor .box .right .btnTop span {
  color: #fff;
  font-size: 20px;
}
.lpkHonor .box .right .btnTop:hover {
  background: #d92219;
}
.lpkHonor .box .right .main {
  height: 28.75rem;
  margin: 1.25rem auto;
  width: 84%;
}
.lpkHonor .box .right .main .swiper-container {
  height: 100%;
}
.lpkHonor .box .right .main .swiper-slide {
  box-sizing: border-box;
}
.lpkHonor .box .right .main .item {
  box-sizing: border-box;
}
.lpkHonor .box .right .main .item img {
  width: 100%;
  height: 13.25rem;
  object-fit: cover;
}
.lpkHonor .box .right .main .item p {
  display: none;
}
.lpkHonor .box .right .main .active .item {
  border: 1px solid #d92219;
}
.lpkHonor1 {
  background: #F7F7F7;
  min-height: 6.25rem;
  margin-top: 4.6875rem;
  padding-bottom: 6.0625rem;
}
.lpkHonor1 h5 {
  font-size: 1.375rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.25rem;
  text-align: center;
}
.lpkHonor1 .box span {
  display: inline-block;
  font-size: 1.0625rem;
  width: 12.1875rem;
  line-height: 2.8125rem;
  text-align: center;
  cursor: default;
}
.lpkHonor1 .box .active {
  background: #d92219;
  color: #fff;
}
.lpkHonor1 .box1{
	min-height: 22.125rem;
	position: relative;
}
.lpkHonor1 .box1 .box0 {
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  z-index: 1;
  width: 100%;
}
.lpkHonor1 .box1 .box0:first-child {
  /* display: block; */
  /* opacity: 1;
  z-index: 10; */
}
.lpkHonor1 .box1 .on{
	opacity: 1;
	z-index: 10;
}
.lpkHonor1 .box1 .box0 .item img {
  width: 100%;
  object-fit: cover;
  /* height: 17.375rem; */
}
.lpkHonor1 .box1 .box0 .item p {
  text-align: center;
  margin-top: 0.75rem;
}
.lpkHonor1 .box1 .box0 .lpkLeft {
  position: absolute;
  left: -6.875rem;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  outline: none;
}
.lpkHonor1 .box1 .box0 .lpkLeft span {
  color: #999;
  font-size: 3.5rem;
  opacity: 0.7;
}
.lpkHonor1 .box1 .box0 .lpkLeft span:hover {
  color: #d92219;
}
.lpkHonor1 .box1 .box0 .lpkRight {
  position: absolute;
  right: -6.875rem;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  outline: none;
}
.lpkHonor1 .box1 .box0 .lpkRight span {
  color: #999;
  font-size: 3.5rem;
}
.lpkHonor1 .box1 .box0 .lpkRight span:hover {
  color: #d92219;
}
.lpkImgBox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  align-items: center;
  display: none;
}
.lpkImgBox .box {
  position: relative;
}
.lpkImgBox .box span {
  display: block;
  position: absolute;
  top: -1.875rem;
  right: 6.25rem;
  font-size: 1.875rem;
  color: #fff;
  cursor: default;
}
.lpkImgBox .box .top {
  text-align: center;
}
.lpkImgBox .box .top img {
  height: 45rem;
}
.lpkImgBox .box .bottom {
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  margin-top: 1.25rem;
}
.lpkAboutTit {
  border-bottom: 1px solid #ddd;
}
.lpkAboutTit .box ul {
  text-align: center;
  padding-top: 0.9375rem;
}
.lpkAboutTit .box ul li {
  display: inline-block;
  line-height: 4.375rem;
}
.lpkAboutTit .box ul li a {
  display: inline-block;
  color: #666;
}
.lpkAboutTit .box ul li a:hover {
  color: #d92219;
}
.lpkAboutTit .box ul li span {
  display: inline-block;
  margin: 0 3.125rem;
  color: #999;
  cursor: default;
}
.lpkAboutTit .box ul .active a {
  color: #d92219;
  border-bottom: 2px solid #d92219;
}

.aboutCompanyProfile{
	padding-bottom: 6.0625rem;
}
.aboutCompanyProfile .box h5 {
  font-size: 1.1875rem;
  text-align: center;
}
.aboutCompanyProfile .box .list p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
  margin-top: 1.5rem;
}
.aboutCompanyProfile .box .list p img {
  max-width: 100%;
  margin: auto;
}
.ServiceNetwork .box {
  background: #fff;
  box-sizing: border-box;
  padding: 0 2.8125rem 3.125rem;
}
.ServiceNetwork .box .item {
  padding-top: 2.5rem;
}
.ServiceNetwork .box .item h5 {
  font-size: 1.6875rem;
}
.ServiceNetwork .box .item .main {
  margin-top: 1.875rem;
}
.ServiceNetwork .box .item .main .left {
  width: 39%;
  box-sizing: border-box;
  padding: 3.4375rem;
  background: #F7F7F7;
}
.ServiceNetwork .box .item .main .left p {
  font-size: 1.125rem;
  line-height: 2.5rem;
}
.ServiceNetwork .box .item .main .right {
  width: 59%;
  height: 21.875rem;
}
.ServiceNetwork .box .item .main .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serviceSupport .box {
  background: #fff;
  box-sizing: border-box;
  padding: 1.875rem 4.6875rem 0;
}
.serviceSupport .box .item {
  border-bottom: 1px solid #ddd;
}
.serviceSupport .box .item .tit {
  font-size: 1.1875rem;
  line-height: 4.0625rem;
  cursor: default;
}
.serviceSupport .box .item .tit span {
  display: inline-block;
  margin-right: 1.25rem;
  font-weight: 600;
  color: #CDCDCD;
}
.serviceSupport .box .item .active {
  color: #d92219;
}
.serviceSupport .box .item .active span {
  color: #d92219;
}
.serviceSupport .box .item .bottom {
  display: none;
  cursor: default;
}
.serviceSupport .box .item .bottom .top {
  font-size: 1rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 0.3125rem;
}
.serviceSupport .box .item .bottom .bot {
  font-size: 0.9375rem;
  color: #666;
  line-height: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.aboutContact .box {
  background: #fff;
  padding-top: 3.4375rem;
}
.aboutContact .box h5 {
  font-size: 1.6875rem;
  color: #333;
  text-align: center;
}
.aboutContact .box .main {
  padding: 0 3.75rem;
  background: url(../img/64.png) no-repeat 50% 27%;
  background-size: 70% 6px;
}
.aboutContact .box .main .item .top1 {
  text-align: center;
}
.aboutContact .box .main .item .top1 img {
  width: 8.625rem;
  background: #fff;
}
.aboutContact .box .main .item .top2 {
  font-size: 1rem;
  text-align: center;
  margin-top: 1.5625rem;
}
.aboutContact .box .main .item .top3 {
  font-size: 1.3125rem;
  margin-top: 0.625rem;
  color: #d92219;
}
.aboutContact .box .main .item .top3 a {
  color: #d92219;
}
.aboutContact .box .main .item .top4 {
  text-align: center;
  margin-top: 0.625rem;
}
.aboutContact .box .main .item .top4 span {
  display: inline-block;
  width: 2.5rem;
  height: 1px;
  background: #d92219;
}
.aboutContact .box .map {
  box-sizing: border-box;
  padding: 4.0625rem 5.625rem;
}
.aboutContact .box .map > div {
  width: 100%;
  height: 30.9375rem;
  box-sizing: border-box;
}
.TalentRecruitment .box .item {
  background: #fff;
  box-sizing: border-box;
  padding: 2.1875rem;
  border: 1px solid #fff;
  margin-bottom: 1.875rem;
}
.TalentRecruitment .box .item .top .left h5 {
  font-size: 1.6875rem;
  color: #666;
}
.TalentRecruitment .box .item .top .left p {
  font-size: 1.0625rem;
  margin-top: 0.9375rem;
}
.TalentRecruitment .box .item .top .right {
  display: flex;
  align-items: center;
}
.TalentRecruitment .box .item .top .right span {
  font-size: 1.25rem;
  color: #999;
  cursor: default;
}
.TalentRecruitment .box .item .top .right .active {
  color: #d92219;
}
.TalentRecruitment .box .item .bottom {
  margin-top: 1.25rem;
}
.TalentRecruitment .box .item .bottom p {
  font-size: 1rem;
  color: #999;
  line-height: 1.875rem;
}
.TalentRecruitment .box .item .main {
  display: none;
  border-top: 1px solid #ddd;
  margin-top: 2.1875rem;
}
.TalentRecruitment .box .item .main .main0 {
  margin-top: 1.875rem;
}
.TalentRecruitment .box .item .main .main0 h5 {
  font-size: 1.4375rem;
  color: #000;
  margin-bottom: 0.625rem;
}
.TalentRecruitment .box .item .main .main0 p {
  font-size: 1rem;
  color: #999;
  line-height: 1.875rem;
}
.TalentRecruitment .box .item .main .main0 p span {
  color: #d92219;
  display: inline-block;
  margin-top: 0.625rem;
}
.TalentRecruitment .box .item:hover {
  border-color: #d92219;
  box-shadow: 0px 5px 10px #ddd;
}
.TalentRecruitment .box .item:hover .top .left h5 {
  color: #d92219;
}
.aboutNews .box .item a .top .left {
  width: 20%;
}
.aboutNews .box .item a .top .left img {
  width: 100%;
}
.aboutNews .box .item a .top .right {
  width: 75%;
  border-bottom: 1px solid #ddd;
}
.aboutNews .box .item a .top .right .top1 h5 {
  font-size: 1.375rem;
  color: #333;
  line-height: 1.875rem;
}
.aboutNews .box .item a .top .right .top1 p {
  font-size: 1rem;
  color: #666;
  line-height: 1.875rem;
}
.aboutNews .box .item a .top .right .top2 {
  font-size: 1rem;
  color: #333;
  line-height:2rem;
  height: 10rem;
  margin-top: 1.25rem;
}
.aboutNews .box .item a .top .right .top3 {
  font-size: 1rem;
  color: #999;
  margin-top: 2.5rem;
}
.aboutNews .box .item a .bot {
  width: 20%;
  height: 6.25rem;
  position: relative;
  padding-top: 0.9375rem;
}
.aboutNews .box .item a .bot::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #e5e5e5;
  top: 0;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}
.aboutNews .box .item a .bot p {
  position: relative;
  z-index: 100;
  font-size: 2.1875rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  background: #fff;
}
.aboutNews .box .item a .bot p span {
  font-size: 1rem;
  color: #999;
  font-weight: 500;
  vertical-align: super;
}
.aboutNews .box .item:last-child .bot {
  display: none;
}
.aboutNews .box .item:hover .right h5 {
  color: #d92219 !important;
}
.aboutNews .box .item:hover .right .top3 {
  color: #d92219 !important;
}
.aboutDong {
  margin-top: 5.625rem;
  margin-bottom: 7.5rem;
}
.aboutDong .box {
  background: #fff;
}
.aboutDong .box .left {
  width: 35%;
}
.aboutDong .box .left img {
  width: 100%;
}
.aboutDong .box .right {
  width: 65%;
  box-sizing: border-box;
  padding: 0 5.625rem;
}
.aboutDong .box .right h5 {
  font-size: 2.3125rem;
  margin-top: 3.125rem;
}
.aboutDong .box .right .heng {
  width: 2.5rem;
  height: 2px;
  background: #d92219;
  margin: 1.25rem 0;
}
.aboutDong .box .right h6 {
  font-size: 1.375rem;
  margin-bottom: 2.8125rem;
}
.aboutDong .box .right .list p {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #666;
  margin-bottom: 1.5625rem;
  text-align: justify;
}
@media screen and (max-width:1600px) {
  .lpkHonor1 .box1 .box0 .item img {
      /* height: 20.375rem; */
  }
  .lpkImgBox .box .top img {
      height: 40rem;
  }
}
@media screen and (max-width:1560px) {
	.lpkHonor1 .box1 .box0 .item img {
	    /* height: 22.375rem; */
	}
}

@media screen and (max-width:1366px){
	.lpkHonor1 .box1 .box0 .item img {
	    /* height: auto; */
	}
}
@media screen and (max-width: 1200px) {
  .indexFoot .box .left .bottom {
    display: none;
  }
  .indexFoot .box .right p {
    line-height: 2rem;
  }
  .indexFoot .box .left .top font {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .lpkAboutTitHide {
    display: none;
  }
  .aboutDong .box .left {
    width: 100%;
  }
  .aboutDong .box .right {
    width: 100%;
    padding: 0 2.625rem 1.875rem;
  }
  .indexHead .box .nav ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 6.0625rem;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, 0.7);
    padding: 1.875rem 0;
  }
  .indexHead .box .nav ul li {
    width: 100%;
    padding: 0;
    line-height: 3rem;
    text-align: center;
  }
  .indexHead .box .nav ul .active a::after {
    background: none;
  }
  .indexHead .box .nav .china {
    margin-right: 2.1875rem;
  }
  .indexHead .box .nav .menu {
    display: block;
  }
  .indexHead .box .nav .menu img {
    margin-top: 2.125rem;
  }
  .indexBanner .swiper-container .swiper-slide .imgPc {
    display: none;
  }
  .indexBanner .swiper-container .swiper-slide .imgPhone {
    display: block;
  }
  .indexBanner .swiper-container .swiper-pagination {
    display: none;
  }
  .indexProduct .box .list .item .text .box0 p img {
    max-width: 3.5625rem;
    max-height: 3.875rem;
  }
  .indexProduct .box .list .item .img span {
    border: 1.3rem solid transparent;
    border-right-color: #fff;
  }
  .indexProduct .box .list .item1 .img span {
      border: 1.3rem solid transparent;
      border-left-color: #fff;
  }
  
  .indexCase .box .item {
    width: 49.5%;
  }
  .indexCase .box .item > a > img {
    height: 14.5rem;
  }
  .indexCase .box .item a .posi2 {
    display: none;
  }
  .indexCase .box .item a .posi1 .box0 h5 {
    font-size: 1.3rem;
  }
  .indexAbout .box .left {
    width: 100%;
  }
  .indexAbout .box .left img {
    width: 100%;
  }
  .indexAbout .box .right {
    width: 100%;
  }
  .indexHeadOn .box .nav ul li a {
    color: #fff;
  }
  .indexNews .box .boxL {
    width: 46%;
  }
  .indexNews .box .boxR {
    width: 54%;
  }
  .indexNews .box .boxR .item {
    width: 100%;
  }
  .indexNews .box .boxR .item:nth-child(3) {
    display: none;
  }
  .indexNews .box .boxR .item:nth-child(4) {
    display: none;
  }
  .indexNews .box .boxR .item:nth-child(5) {
    display: none;
  }
  .indexHe .box .swiper-container a img {
    max-width: 75%;
  }
  .indexFoot .box .left {
    width: 100%;
	margin-bottom: 1rem;
  }
  .indexFoot .box .center {
    width: 100%;
    margin-bottom: 1.875rem;
    margin-top: 0.625rem;
	display: none;
  }
  .indexFoot .box .center .bottom {
    width: 7.8125rem;
  }
  .indexFoot .box .map {
    display: none;
  }
  .indexAbout .box .left img {
    margin-top: 0;
  }
  .indexBanner .animated_ {
    display: none;
  }
  .lpkNewProduct .box .item {
    width: 49%;
  }
  .lpkNewProduct .box .item:nth-child(4n) {
    margin-right: 2%;
  }
  .lpkNewProduct .box .item:nth-child(2n) {
    margin-right: 0%;
  }
  .lpkProduct .box .boxL {
    display: none;
  }
  .lpkProduct .box .boxR {
    width: 100%;
  }
  .productInfo .info0 .left {
    width: 100%;
  }
  .productInfo .info0 .right {
    width: 100%;
    margin-top: 1.875rem;
  }
  .lpkProduct .box .boxR > .main .main0 .right a .top1 {
    height: 14.75rem;
  }
  .impotProduct .box .item {
    width: 49%;
  }
  .impotProduct .box .item:nth-child(2n) {
    margin-right: 0;
  }
  .lpkCase .box .item {
    padding: 0;
  }
  .lpkCase .box .item .left {
    width: 100%;
  }
  .lpkCase .box .item .left img {
    width: 100%;
  }
  .lpkCase .box .item .right {
    width: 100%;
    padding: 0 ;
  }
  .lpkCase .box .item1 .left img {
    left: 0%;
  }
  .lpkCaseInfo {
    padding: 0 1.6875rem;
  }
  .lpkshang p {
    width: 100%;
    margin: 0.3125rem 0;
  }
  .lpkServiceXz .box .bottom .item .left {
    font-size: 1.2rem;
  }
  .lpkHonor .box .left {
    display: none;
  }
  .lpkHonor .box .right {
    width: 100%;
  }
  .lpkHonor .box .right .btnTop {
    display: none;
  }
  .lpkHonor .box .right .main .item img {
    height: auto;
  }
  .lpkHonor1 .box1 .box0 .lpkRight {
    display: none;
  }
  .lpkHonor1 .box1 .box0 .lpkLeft {
    display: none;
  }
  .lpkHonor .box .right .main {
    height: auto;
    width: 100%;
  }
  .lpkHonor .box .right .main .active .item {
    border: 1px solid #fff;
  }
  .lpkHonor .box .right .main .item p {
    display: block;
    text-align: center;
  }
  .ServiceNetwork .box .item .main .left {
    width: 100%;
  }
  .ServiceNetwork .box .item .main .right {
    width: 100%;
  }
  .serviceSupport .box {
    padding: 1.875rem 1.6875rem 0;
  }
  .aboutNews .box .item a .bot {
    display: none;
  }
  .aboutNews .box .item a .top .right .top2 {
    -webkit-line-clamp: 3;
    height: 5.625rem;
  }
  .aboutNews .box .item {
    margin-bottom: 1.875rem;
  }
  .aboutNews .box .item a .top .left {
    width: 28%;
  }
  .aboutNews .box .item a .top .right {
    width: 67%;
  }
  .aboutContact .box .main {
    background: none;
  }
  .aboutContact .box .main .item {
    width: 50%;
    margin: 0.9375rem 0;
  }
  .aboutContact .box .main .item .top3 {
    text-align: center;
  }
  .aboutContact .box .map > div {
    height: 20rem;
  }
  .indexHead .box .nav ul li .select p {
    line-height: 2.5rem;
  }
  .indexHead .box .nav ul li .select p a {
    color: #fff;
    font-size: 0.9375rem;
    text-decoration: underline;
  }
  .lpkselect {
    display: block !important;
  }
  .lpkselect select {
    display: block;
    width: 100%;
    border: 0;
    height: 3.2rem;
    padding: 0 0.9375rem;
    box-sizing: border-box;
    font-size: 1.2rem;
  }
  .lpkProduct .box .boxR > .top span {
    display: none;
  }
  .lpkProduct .box .boxR > .top {
    color: #d92219;
    font-weight: bold;
  }
}
@media screen and (max-width: 415px) {
  .indexProduct .box .list .item {
    width: 100%;
  }
  .indexProduct .box .list .item .text .box0 {
    box-sizing: border-box;
    padding: 0 0.9375rem;
  }
  .indexBanner .swiper-container .swiper-slide .imgPhone {
    height: 25rem;
  }
  .indexCase .box .item > a > img {
    height: 10rem;
  }
  .indexCase .box .item a .posi1 .box0 p img {
    width: 2rem;
  }
  .indexAbout .box .right {
    padding: 1.5rem 1rem;
  }
  .indexNews .box .boxL {
    width: 100%;
  }
  .indexNews .box .boxR {
    width: 100%;
    margin-top: 1.1875rem;
  }
  .lpkBanner img {
    height: 20rem;
    object-fit: cover;
  }
  .lpkNewProduct .box .item a .top1 {
    height: 14.75rem;
  }
  .lpkNewProduct .box .item {
    padding-bottom: 2.125rem;
  }
  .productInfo .info0 .left .topBanner .item {
    width: 99%;
  }
  .productInfo .info0 .left .botBanner .item {
    width: 99%;
  }
  .productInfo .info0 .right .call {
    padding: 1.125rem 1rem;
  }
  .productInfo .info0 .right .call div {
    text-align: left;
  }
  .productInfo .info0 .right .call div span {
    display: block;
  }
  .productInfo .info1 h5 span {
    font-size: 1.3rem;
  }
  .lpkProduct .box .boxR > .main .main0 .left {
    width: 100%;
  }
  .lpkProduct .box .boxR > .main .main0 .right {
    width: 100%;
  }
  .lpkProduct .box .boxR > .main .main0 .right a .top1 {
    height: 17.75rem;
  }
  .lpkProduct .box .boxR > .main .main0 .right {
    padding-bottom: 1.875rem;
  }
  .lpkProduct .box .boxR > .main .mainbox .item {
    width: 49%;
    margin-right: 2%;
  }
  .lpkProduct .box .boxR > .main .mainbox .item:nth-child(3n) {
    margin-right: 2%;
  }
  .lpkProduct .box .boxR > .main .mainbox .item:nth-child(2n) {
    margin-right: 0%;
  }
  .lpkServiceXz .box .bottom .item {
    padding: 1.5rem 0.75rem;
  }
  .lpkServiceXz .box .top {
    padding: 0 0.75rem;
  }
  .lpkImgBox .box span {
    top: -2.875rem;
    right: 3.25rem;
  }
  .lpkAboutTit .box ul li span {
    margin: 0 1.125rem;
  }
  .ServiceNetwork .box {
    padding: 0 0.8125rem 2.125rem;
  }
  .ServiceNetwork .box .item .main .left {
    padding: 1.4375rem;
  }
  .ServiceNetwork .box .item .main .right {
    height: 15.875rem;
  }
  .ServiceNetwork .box .item h5 {
    font-size: 1.4rem;
  }
  .indexFoot .box .left .top span {
    font-size: 1.3rem;
  }
  .aboutNews .box .item a .top .right .top2 {
    -webkit-line-clamp: 2;
    height: 3.75rem;
    margin-top: 0.25rem;
  }
  .aboutNews .box .item a .top .right .top3 {
    margin-top: 0.5rem;
  }
  .aboutNews .box .item a .top .left {
    width: 35%;
  }
  .aboutNews .box .item a .top .right {
    width: 62%;
  }
  .aboutContact .box .main {
    padding: 0 0.75rem;
  }
  .aboutContact .box .map {
    padding: 2.0625rem 0.625rem;
  }
  .TalentRecruitment .box .item .top .left p {
    line-height: 2rem;
  }
  .TalentRecruitment .box .item .top .right {
    margin-top: 1.25rem;
  }
  .TalentRecruitment .box .item .top .left h5 {
    font-size: 1.4rem;
  }
}