/* 公共样式 */
.flex-c {
  display: flex;
  align-items: center;
}

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

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

.flex-cum {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex {
  display: flex;
}

.Ohd_1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Ohd_2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Ohd_3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Ohd_4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.common-card {
  width: 21.25rem;
  height: 100%;
  margin: 0 auto;
}


.common-tl {
  width: 100%;
}

.common-tl h2 {
  width: 100%;
  font-size: .375rem;
  color: #000000;
}

.common-tl p {
  width: 100%;
  font-size: .2rem;
  color: #000000;
  margin-top: .125rem;
}

.common-tl.w h2,
.common-tl.w p {
  color: #fff;
}

/* 头部 */
.header {
  width: 100%;
  height: 1.25rem;
}

.header .logo {
  display: inline-block;
  width: 5.15rem;
  height: auto;
  margin-right: 1.5rem;
}

.header .logo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.header ul {
  flex: 1;
}

.header li a {
  font-size: .275rem;
  color: #000000;
}

.header li .icon {
  width: .275rem;
  height: .275rem;
  object-fit: cover;
  margin-right: .0625rem;
}

/* <!-- 轮播 --> */

.headerSwiper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.headerSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.header-pagination {
  position: absolute;
  z-index: 999;
  bottom: 3% !important;

}

.header-pagination .swiper-pagination-bullet {
  width: .125rem;
  opacity: 1;
  height: .125rem;
  background-color: #0070be;
}

.header-pagination .swiper-pagination-bullet-active {
  background-color: #033084 !important;
}

/* 公司简介 */
.about {
  width: 100%;
  height: auto;
  padding: 1.375rem 0 1rem 0;
  background: url(../img/bg.png) no-repeat;
  background-size: cover;
}

.about .text {
  width: 9.25rem;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: end;

}

.about .text .ls {
  font-size: .225rem;
  line-height: .6rem;
  color: #000000;
margin-top: .1875rem;
}

.product-con {
  width: 100%;
  overflow: hidden;
}

.about .more {
  margin-right: .375rem;
}

.more {
  display: inline-block;
  width: .7625rem;
  height: .7625rem;
  object-fit: cover;
}

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

.about .img {
  width: 9.35rem;
  height: 6.225rem;
  object-fit: cover;
  margin: 0 .25rem 0 .125rem;
}

.about li span {
  font-size: .575rem;
  font-weight: bold;
  font-stretch: normal;
  color: #000000;
}

.about li h6,
.about li i {
  font-weight: normal;
  font-size: .2625rem;
  color: #000000;
}

.about li .br {
  position: relative;
  width: .0375rem;
  height: 1.3125rem;
  background-color: #dcdcdc;
}

.about li .br::after {
  display: block;
  content: '';
  width: .0375rem;
  height: .625rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #009cc9;
}

.about ul {
  flex: 1;
}

.about ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1.2375rem;
  justify-content: space-between;
}

.about li .l {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 产品中心 */
.productCenter {
  width: 100%;
  height: auto;
  padding: .3125rem 0;
}

.common-tl.c {
  text-align: center;
}

.commnav {
  margin: .375rem 0 .4375rem 0;
}

.commnav a {
  display: inline-block;
  width: 2.125rem;
  height: .725rem;
  background-color: #eeeeee;
  border-radius: .3625rem;
  font-size: .25rem;
  line-height: .725rem;
  text-align: center;
  color: #333333;
  margin-right: .2125rem;
  transition: all 0.3s;
}

.commnav a:last-child {
  margin-right: 0;

}


.commonItem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.commonItem li {
  width: 5.175rem;
  height: auto;
  background-color: #eeeeee;
  margin: 0 .1625rem .2125rem 0;
  padding: .15rem .15rem 0 .15rem;
}

.commonItem li .img {
  padding: .1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.2125rem;
  background-color: #fff;
}

.commonItem li .img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.commonItem li:nth-child(4n) {
  margin-right: 0;
}

.commonItem .name {
  position: relative;
  width: 100%;
  height: .75rem;
  line-height: .75rem;
  font-size: .25rem;
  color: #333333;
  margin-top: .25rem;
  text-align: center;
}

.commonItem .name::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.5625rem;
  display: block;
  content: '';
  width: .625rem;
  height: .625rem;
  background: url(../img/ic3.png) no-repeat;
  background-size: cover;
}

/* 我们的优势 */
.advantage {
  width: 100%;
  height: auto;
  padding: .5rem 0 1.35rem 0;
  background: url(../img/bg1.png) no-repeat;
  background-size: cover;
}

.advantage ul {
  margin-top: .625rem;
}

.advantage li {
  width: 4.9625rem;
  height: 4.4375rem;
  background: url(../img/ic5-4.png) no-repeat;
  background-size: cover;
}

.advantage li img {
  height: .5625rem;
  width: auto;
  transition: all 0.3s;
  object-fit: contain;
}

.advantage li h6 {
  font-size: .275rem;
  color: #0070be;
  margin: .25rem 0 .125rem 0;
}

.advantage li .ls {
  width: 3.4375rem;
  font-size: .225rem;
  line-height: .55rem;
  color: #666666;
}

.advantage li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: .4375rem;
}

.advantage li .nu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .3125rem;
  font-size: .75rem;
  font-weight: bold;
  color: #0070be;
  opacity: 0.1;
  transition: all 0.3s;
}

.advantage li:hover img {
  transform: scale(1.2);
}

.advantage li:hover .nu {
  opacity: 8;
  transform: translateX(-50%) scale(1.2);
}

/*  MIM工艺介*/
.technologia {
  width: 100%;
  height: auto;
  padding: .75rem 0;
  background: url(../img/bg2.png) no-repeat;
  background-size: cover;
}

.technologia .img {
  width: 12.975rem;
  height: 8.2625rem;
  object-fit: cover;
  margin-right: .625rem;
}

.technologia .rt {
  flex: 1;
  padding-right: 1.375rem;
}

.technologia .rt .ls {
  font-size: .225rem;
  line-height: .625rem;
  color: #ffffff;
  margin: .625rem 0 .3125rem 0;
}

.technologia .rt .commore {
  display: inline-block;
  width: 2.525rem;
  height: .6rem;
  background-color: #0070be;
  box-shadow: 0rem .0125rem .1rem .0125rem rgba(255, 255, 255, 0.18);
  border-radius: .3rem;
  font-size: .225rem;
  line-height: .6rem;
  text-align: center;
  color: #ffffff;
}

/* 车间设备 */
.workshop {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  padding: .375rem 0 .625rem 0;
}

.workshopSwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: .5rem;
}

.workshopSwiper a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: .25rem .25rem 0 .25rem;
  background-color: #ffffff;
}

.workshopSwiper img,
.workshopInner img {
  width: 100%;
  height: 4.65rem;
  object-fit: cover;
  vertical-align: bottom;
}

.workshopSwiper .name,
.workshopInner .name {
  width: 100%;
  font-size: .275rem;
  text-align: center;
  line-height: .875rem;
  color: #000000;
}

.workshopSwiper .bto {
  margin-top: .8125rem;
}

.workshop-button-next {
  cursor: pointer;
  width: .5875rem;
  height: .5875rem;
  background: url(../img/ic8.png) no-repeat;
  background-size: cover;
  margin-right: .5rem;
}

.workshop-button-prev {
  cursor: pointer;
  width: .5875rem;
  height: .5875rem;
  background: url(../img/ic8-1.png) no-repeat;
  background-size: cover;
}

/* 应用行业 */
.industry {
  width: 100%;
  height: auto;
  padding: .5rem 0;
}

.industrySwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: .4375rem;
}

.industrySwiper a {
  display: inline-block;
  width: 100%;
  height: 7.2125rem;
  overflow: hidden;
}

.industrySwiper .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
  transition: all 0.3s;
}

.industrySwiper .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.industrySwiper .text p {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: .325rem;
  letter-spacing: .0125rem;
  color: #ffffff;

}

.industrySwiper .text p::after {
  display: block;
  content: '';
  width: .0125rem;
  height: 2.3625rem;
  margin: .1875rem 0;
  background-color: #ffffff;
}

.industrySwiper .text .icon {
  width: auto;
  height: .75rem;
  object-fit: contain;
  transition: all 0.3s;
}

.industrySwiper a:hover .icon,
.industrySwiper a:hover .img {
  transform: scale(1.2);
}

.industry-pagination {
  margin-top: .625rem;
}

/* 新闻资讯 */
.news {
  width: 100%;
  height: auto;
  padding: .75rem 0 .625rem 0;
  background-image: linear-gradient(179deg,
      #e3e3e3 0%,
      #f6f6f6 31%,
      #d6d6d6 100%),
    linear-gradient(#f2f2f2,
      #f2f2f2);
  background-blend-mode: normal,
    normal;
}

.news .lt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.6875rem;
  margin-right: 2.125rem;
}

.news ul {
  flex: 1;
}

.news .nav a {
  display: block;
  margin-bottom: .5625rem;
  font-size: .275rem;
  color: #666666;
}

.news li {

  height: 8rem;
  width: calc((100% - .275rem) / 2);
}

.news li:last-child {
  position: relative;
}

.news li:first-child {
  margin-right: .275rem;
}

.news li .img {
  width: 100%;
  height: 4.3125rem;
  object-fit: cover;
  vertical-align: bottom;
}

.news li p {
  font-size: .225rem;
  color: #333333;
  margin-bottom: .1875rem;
}

.news li .ls {
  font-size: .175rem;
  line-height: .5rem;
  color: #333333;
}

.news li .text {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: .25rem .4375rem 0 .375rem;
}

.news .time {
  border-top: .0125rem solid #dcdcdc;
  padding: .225rem 0;
  margin-top: .1875rem;
}

.news li .mores,
.news li .tm {
  font-size: .175rem;
  color: #aeaeae;
}

.news .rtxt {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px !important;
  background-color: transparent !important;
}

.news .rtxt .ls,
.news .rtxt p {
  color: #fff;
}

.news .rtxt p {
  padding-bottom: .1875rem;
  border-bottom: .0125rem solid #fff;
}

.news li .bigImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.footer {
  width: 100%;
  height: auto;
  background-color: #333333;
}

.footer .common-card {
  padding: .75rem 0;
}

.footer ul {
  display: flex;
  justify-content: space-between;
}

.footer li p {
  font-size: .2rem;
  color: #ffffff;
  margin-bottom: .125rem;
}

.footer li {
  display: flex;
  flex-direction: column;
}

.footer li a,
.footer li span {
  font-size: .1875rem;
  line-height: .45rem;
  color: #ffffff;
}

.from {
  width: 8.5rem;
  margin-top: .1875rem;
}



.from .item input:first-child {
  margin-right: .75rem;
}

.from input[type=text] {
  width: 100%;
  font-size: .1625rem;
  width: calc((100% - .75rem) /2);
  margin-bottom: .625rem;
  color: #fff;
  background-color: transparent;
  padding-bottom: .125rem;
  border-bottom: 1px solid rgba(231, 231, 231, 0.2);
}

.from input[type=submit] {
  width: 108px;
  height: 33px;
  background-color: #0070be;
  border-radius: 17px;
  font-size: 13px;
  line-height: 33px;
  color: #ffffff;
  margin-top: 35px;
}

.from .text {
  width: 100%;
  font-size: 13px;
  color: #fff;
  border-bottom: 1px solid rgba(231, 231, 231, 0.2);
}

.footer .bto {
  font-size: 16px;
  text-align: center;
  border-top: 1px solid rgba(231, 231, 231, 0.3);
  color: #ffffff;
  padding: 20px 0;
}

.backTop {
  position: fixed;
  cursor: pointer;
  right: .225rem;
  bottom: 1.25rem;
  width: 1.1125rem;
  height: 1.1125rem;
  border-radius: 50%;

}

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

.bannerImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: bottom;
}

.process {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  padding: .5rem 0;
}

.process .top {
  width: 100%;
  height: 6.8625rem;
  background-color: #ffffff;
  margin-top: .425rem;

}

.process .top img {
  width: 10.65rem;
  height: 100%;
  object-fit: cover;
}

.process .top .text {
  font-size: .225rem;
  line-height: .625rem;
  color: #000000;
  padding: .5rem;
}

.process .img {
  width: 100%;
  height: 8rem;
  margin: .375rem 0;
}

.process .img img:first-child {
  margin-right: .225rem;
}

.process .img img {
  height: 100%;
  object-fit: cover;
  width: calc((100% - .225rem) / 2);
}

.introduction {
  background-color: #f2f2f2;
  width: 100%;
  height: auto;
  padding-bottom: .75rem;
}

.introduction ul {
  margin-top: .625rem;
}

.introduction li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.5375rem;
}

.introduction li img {
  width: 100%;
  height: 2.325rem;
  object-fit: cover;

}

.introduction li p {
  font-size: .25rem;
  line-height: .45rem;
  color: #000000;
  margin-top: .5rem;
}

.commnav a.active {
  color: #fff;
  background-color: #0070be;
}

.commnav a:hover {
  color: #fff;
  background-color: #0070be;
}

.workshopInner {
  width: 100%;
  height: auto;
  padding: .5rem 0;
  background-color: #f2f2f2;
}

.workshopInner .common-card {
  width: 21.25rem;
}

.workshopInner ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .5rem;
}

.workshopInner li {
  width: 6.8375rem;
  height: auto;
  margin: 0 .3625rem .4125rem 0;
  background-color: #fff;
  padding: .25rem .25rem 0 .25rem;
}

.workshopInner li:nth-child(3n) {
  margin-right: 0;
}

.about.inner .text .ls {
  margin-top: 0;
}

.about.inner {
  padding: .5rem 0 0 0;
}

.about.inner .common-card {
  margin-top: .5rem;

}

/* 联系我们 */
.contactUs {
  width: 100%;
  height: auto;
  padding: .5rem 0;
  background-color: #f2f2f2;
}

.contactUs-con {
  width: 100%;
  height: 6.5625rem;
  margin-top: .425rem
}

.contactUs-con img {
  width: 10.35rem;
  height: 100%;
  object-fit: cover;
}

.contactUs-con .text {
  flex: 1;
  font-size: .3875rem;
  line-height: .9rem;
  color: #ffffff;
  padding: 1.125rem;
  background-color: #005d96;
}

/* 新闻详情 */
.newsDetails {
  width: 100%;
  height: auto;
  padding: .375rem 0;
  background-color: #f2f2f2;
}

.newsDetails-con {
  font-size: .225rem;
  line-height: .6875rem;
  color: #333333;
  margin-top: .3125rem;
}

/* 新闻咨询 */
.consultation {
  width: 100%;
  height: auto;
  padding: .35rem 0;
  background-color: #f2f2f2;
}

.consultCon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: .375rem;
}

.consultCon li {
  width: calc((100% - .15rem) / 2);
  height: 3.5rem;
  background-color: #fff;
  padding: .1875rem;
  margin: 0 .15rem .3125rem 0;
  transition: all 0.3s;
}

.consultCon li:nth-child(2n) {
  margin-right: 0;
}

.consultCon img {
  width: 3.6375rem;
  height: 100%;
  object-fit: cover;
  margin-right: .25rem;
}

.consultCon .time span {
  font-size: .3125rem;
  color: #666666;
}

.consultCon .time i {
  font-size: 13px;
  color: #666666;
}

.consultCon h6 {
  width: 100%;
  font-size: .2125rem;
  color: #000000;
}

.consultCon a {

  width: 100%;
  height: 100%;
}

.consultCon .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.consultCon .ls {
  width: 100%;
  font-size: .2rem;
  line-height: .4375rem;
  color: #666666;
  margin: .1875rem 0 .1rem 0;
}

.consultCon .more {
  width: 1.1375rem;
  height: .3875rem;
  background-color: #ebebeb;
  box-shadow: 0px .025rem .0125rem 0px rgba(0, 0, 0, 0.07);
  border-radius: .1875rem;
  font-size: .175rem;
  text-align: center;
  line-height: .3875rem;
  color: #000000;
}

.consultCon li:hover {
  box-shadow: 0 .0125rem .125rem rgba(0, 0, 0, 0.5);
}