/* 公共样式 */

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

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

.flex-dc {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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

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

.common-card {
  width: 17.5rem;
  height: 100%;
  margin: 0 auto;
}
.head-card {
  /* width: 21.25rem; */
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
/* 头部 */
.insideBanner {
  position: relative;
  height: 9.375rem;
}
.suspension {
  display: none;
}
.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: .875rem;
  padding: 0 1.25rem;
  transition: all 0.3s;
    z-index: 9999;
}
//.header.active {
//  background-color: rgba(0, 0, 0, 0.8);
 // box-shadow: 0px 3px 4px #000;
//}
.header.active {
  background-color: #fff;
  box-shadow: 0px 3px 4px rgb(245, 244, 244);
}
.header .logo {
  display: inline-block;
  width: 1.5rem;
  height: .3rem;
}
.header .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .menu {
  cursor: pointer;
  width: .375rem;
  height: .25rem;
}
.header .menu img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: super;
}

/* 右侧菜单 */

.header .widget-bar {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: 1px 2px 3px #ccc;
}
.widget-bar {
  padding: 2.5rem   5rem  0  4rem ;
}
.widget-bar .con {
 // right: 0;
 
}

.header .widget-bar.on {
  right: 0;
}

.widget-bar .title {
font-size: .5rem;
  font-family: 'Montserrat-Black';
  color: #000000;
 transition: all 0.3s;
    cursor: pointer;
  line-height: .625rem;
 
}


.widget-bar .link {
  display: none;
transition: all 0.3s;
}

.widget-bar .link a {
   font-size: 18px;
  font-family: 'Montserrat-Light';
  color: #000;
 transition: all 0.3s;
}
.widget-bar .link li {
      line-height: 64px;
}
.link a:hover,.widget-bar .title:hover{

color:rgba(244, 183, 26, 1);
  }
.widget-bar .link li:first-child{
  border-top: 2px solid #000;
    margin-right: 15%;
    padding-top: 13px;
}
.widget-bar .en {
  display: flex;
  align-items: center;
  margin: 65px 0  100px 0;
}
.widget-bar .en img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  margin-right: 5px;
}
.widget-bar .en span {
   font-size: 20px;
  font-family: 'Montserrat-Regular';
  color: #000;
}


.header .close div {
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 35px;

}

.header .close div:before,
.header .close div:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 3px;
  background: black;
}
.header .close div:before {
  transform: rotate(45deg);
}
.header .close div:after {
  transform: rotate(130deg);
}
.banner {
  width: 100%;
  height: auto;
  position: relative;
}

.banner video {
  width: 100%;
  height: 10.625rem;
  object-fit: cover;
}

.banner img {
  width: 100%;
  height: auto;
}
.banner .text {
    position: absolute;
    z-index: 2;
    left: 6%;
    bottom: 38%;
    font-size: 0.475rem;
    color: #fff;
}

.banner .homeLs {
  position: absolute;
  z-index: 2;
  left: 12%;
  bottom: 27%;
  width: 2.5rem;
  height: 0.4375rem;
  font-size: 0.175rem;
  color: #fff;
  text-align: center;
  line-height: 0.4375rem;
  border-radius: 0.375rem;
  font-family: 'Montserrat-Regular';
  border: 1px solid #fff;
}
.banner .nav {
  position: absolute;
  right: 1.4375rem;
  bottom: 0.8rem;
  display: flex;
  align-items: center;
}
.banner .nav a {
  font-family: 'Montserrat-Regular';
  color: #fff;
  font-size: 0.175rem;
  border-right: 1px solid #fff;
  padding-right: 0.75rem;
  margin-right: 0.75rem;
}
.banner .nav a:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.homeNumber {
  width: 100%;
  height: auto;
}
.homeNumber ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
width: 3.7625rem;
  height: 3.7625rem;
  background-color: #f2f2f2;
  border-radius: 0.1875rem;
  margin-right: 0.3rem;
  padding-top: 1.25rem;
}

.homeNumber ul li:last-child {
  margin-right: 0;
}

.homeNumber ul span {
  font-size: .5rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
}
.homeNumber ul .text {
  font-size: 0.2rem;
  line-height: .225rem;
  color: #000;
  margin-top: 0.5rem;
  text-align: center;
  width: 88%;
  font-family: 'Montserrat-Light';
}
/* - ABOUT US */

/* - ABOUT US */
.aboutUs {
  width: 100%;
  height: auto;
}
.aboutUs .common-nav .item,
.leadership .common-nav .item {
  margin-right: 1.1875rem;
}
.product .common-card {
  width: 15rem;
}
.aboutUs .br {
  width: 12.5rem;
  height: 0.125rem;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #ef4647 0%, #f3eb40 47%, #b2d236 100%), linear-gradient(#000000, #000000);
  background-blend-mode: normal, normal;
}
.aboutUs .top {
  justify-content: flex-end;
 margin: .45rem 0;
   
}
.indexAb   .top {
 display: flex;
      padding-right: 4%;
}
.aboutUs .top img {
  width: 0.3125rem;
  height: 0.3125rem;
  object-fit: contain;
}
.aboutUs .top span {
  font-size: 0.225rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  margin-left: 0.25rem;
}
.aboutUs-con {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  border-radius: 0.3rem;
}
.aboutUs-con .lt {
  flex: 1;
  padding: 1.25rem 1.25rem 0.25rem 1.25rem;
}
.aboutUs-con .lt .title {
  font-size: 0.25rem;
  font-family: 'Montserrat-Black';
  line-height: 0.375rem;
  color: #000000;
  border-bottom: 0.0125rem solid #313131;
  padding-bottom: 0.45rem;
  margin-bottom: 0.45rem;
}
.aboutUs-con .lt .text {
  width: 7.275rem;
  text-align: justify;
  font-size: 0.175rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.275rem;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 1.125rem;
}
.aboutUs-con .lt .more i {
  display: inline-block;
  width: 0.275rem;
  height: 0.275rem;
  border-radius: 50%;
  background-color: #f4b71a;
}
.aboutUs-con .lt .more span {
  font-size: 0.2rem;
  color: #000000;
  margin: 0 0.125rem 0 0.35rem;
}
.aboutUs-con .lt .more img {
  width: 0.5rem;
  height: 0.125rem;
  object-fit: contain;
}
.aboutUs-con .rt {
  width: 6.25rem;
  object-fit: cover;
  height: 6.25rem;
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
/* PRODUCT */
.product {
  width: 100%;
  height: auto;
  padding: 0 0  1.5875rem 0;
}
.product .title {
  text-align: center;
  font-size: 0.4375rem;
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.5rem;
}

.product-con {
  width: 100%;
  height: auto;
}
.product-con img {
  width: 100%;
  height: 6.25rem;
  object-fit: contain;
}
.product-con .lt,
.product-con .rt {
  font-size: 0.3375rem;
  color: #000;
}
/* EXPLORE */
.explore {
  width: 18.75rem;
  margin: 0 auto;
  height: 5rem;
}
.explore .lt {
  width: calc((100% / 2) + 50px);
  background-color: #f7f7f7;
  height: 100%;
  padding: 1.1625rem 1.25rem 0 1.25rem;
}

.explore .rt {
  flex: 1;
  padding-top: 0.125rem;
  height: 100%;
  background-color: #f2f2f2;
}
.explore .title {
  font-size: 0.325rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
}
.explore .text {
  font-size: 0.175rem;
  line-height: 0.2375rem;
  text-align: justify;
  font-family: 'Montserrat-Regular';
  color: #000000;
  margin: 0.4375rem 0 0.75rem 0;
}
.explore .more {
  display: inline-block;
  width: 3.125rem;
  height: 0.5625rem;
  font-family: 'Montserrat-SemiBold';
  border: solid 1px #000000;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.5625rem;

  color: #000000;
}

.explore .rt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}













.homebg {
  width: 100%;
  height: auto;
}
 .crd {
  width: 15.95rem;
  margin: 0 auto;
  height: auto;
}
.exploreSwiper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: .1875rem;
}
.exploreSwiper .swiper-slide {
  cursor: pointer;
}
.exploreSwiper img {
  width: 100%;
  height: 6.25rem;
  border-radius: .1875rem;
  object-fit: cover;
  vertical-align: bottom;
}
.exploreSwiper .name {
  width: 100%;
  font-size: 12px;
  font-family: 'Montserrat-Light';
  color: #fff;
  margin-top: 0.1875rem;
}

.homebg  .text .item {
  display: none;
    width: 100%;
    height: auto;
}
.homebg  .text .item  .tl{
  font-size: 0.225rem;
  color: #000;
text-align: center;
  font-family: 'Montserrat-Bold';
  margin-bottom: .225rem;
}
.explore-button-next {
  cursor: pointer;
  position: absolute;
  z-index: 888;
  left: .5625rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3125rem;
  height: 0.3125rem;
  background: url(../img/rt.png) no-repeat center;
  background-size: cover;
}
.explore-button-prev {
  cursor: pointer;
  position: absolute;
  right: .5625rem;
  z-index: 888;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3125rem;
  height: 0.3125rem;
  background: url(../img/lt.png) no-repeat center;
  background-size: cover;
}
/* Plant */
.plant {
  width: 100%;
 height: 8.75rem;
 margin: 1.25rem 0 2rem 0;
}
.plant  .crd{
 height: 100%;
  background: url(../img/bg2.png)  no-repeat;
  background-size: cover;
  border-radius: .25rem;
    overflow: hidden;
}
.plant .map {
  width: 100%;
    height: 4.375rem;
}
.plant .map .title {
font-size: .25rem;
  color: #fff;
  margin-bottom: 0.5rem;
  text-align: center;
}
.plant .map span {
font-size: .2rem;
  color: #fff;
  display: inline-block;
  line-height: 0.1875rem;
  border-right: 2px solid #fff;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.plant .map span:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
/* News */
.news {
  width: 100%;
  height: auto;
  padding-bottom: 1.875rem;
}
.news  .common-card{
  width: 15.125rem;
}
.news .title {
  font-size: 0.4375rem;
  font-family: 'Montserrat-Bold';
  text-align: left;
  color: #000000;
  margin-bottom: 0.5rem;
}
.news-con ul li {
  height: auto;
  width: 5.2rem;
  margin-right: .175rem;
}
.news-con ul li:last-child {
  margin-right: 0;
}
.news-con ul .text {
  width: 100%;
  background-color: #f2f2f2;
height: 2.7rem;
  padding: .4375rem .4375rem .375rem .4375rem;
}
.news-con ul .img {
  width: 100%;
  height: 3.75rem;
  overflow: hidden;
}
.news-con ul img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.news-con ul li:hover img {
  transform: scale(1.1);
}
.news-con ul h6 {
font-size: .225rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.news-con ul .ls {
font-size: .2rem;
line-height: .4375rem;
  font-family: 'Montserrat-Regular';
  color: rgba(0, 0, 0, 0.5);
margin: .125rem 0 .1875rem 0;
  border-bottom: 1px solid #000;
padding-bottom: .125rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.news-con ul .more {
font-size: .2rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
}
.news .bto {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 0.625rem;
}
.news .bto img {
  width: 0.3125rem;
  height: 0.3125rem;
  object-fit: contain;
  margin-right: 0.175rem;
}
.news .bto span {
  font-size: 0.225rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
}
.footer {
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
  padding: 1.4375rem 2.5rem 1.0625rem 2.5rem;
}
.footer .lt {
  width: 40%;
}
.footer .lt h6 {
  font-size: 0.2rem;
  font-weight: normal;
  color: #000000;
  margin-bottom: 0.5625rem;
}
.footer .lt img {
  width: 0.375rem;
  height: 0.375rem;
  object-fit: cover;
  margin-right: 0.25rem;
}
.footer .rt p {
  color: #000000;
  font-size: .2rem;
  font-family: 'Montserrat-Regular';
  margin-bottom: 0.25rem;
}
.footer .rt > ul {
  margin-bottom: 0.25rem;
}
.footer .rt a,
.footer .rt span {
   font-size: 0.175rem;
  font-family: 'Montserrat-Regular';
  color: rgba(0, 0, 0, 0.5);
  line-height: 0.5125rem;
 transition: all 0.3s;

}

.footer .rt a:hover{
 color:rgba(244, 183, 26, 1);
}
.footer .rt li {
  display: flex;
  flex-direction: column;
}
.footer .rt {
 width: 32%;
}
.footer .rt ul li{
  width: 2.3375rem;

}
.footer .bto {
  margin-top: 1rem;
}
.footer .bto .text,
.footer .bto .en span {
  font-size: 0.225rem;
  color: #000000;
  font-family: 'Montserrat-Regular';
}
.footer .bto .en img {
  width: 0.3125rem;
  height: 0.3125rem;
  object-fit: contain;
  margin-right: 0.125rem;
}
.insideMenu {
  position: fixed;
  z-index: 8888;
}
.productDetails-br {
//  position: relative;
  width: 100%;
}
.productDetails-br img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.productDetails-br .tl .ls {
  width: 5.1875rem;
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
  color: rgba(245, 244, 244, 0.5);
  line-height: 0.2875rem;
}
.productDetails-br .more a span {
  display: inline-block;
  width: 2.75rem;
  font-size: 0.2125rem;
  color: #fff;
  font-family: 'Montserrat-Medium';
}

.productDetails-br .tl {
  position: absolute;
  left: 49%;
  top: 45%;
}
.productDetails-br .more {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 2.5rem;
  bottom: 28%;
}
.productDetails-br .more a {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.productDetails-br .more img {
  width: 0.25rem;
  height: 0.25rem;
  object-fit: contain;
}

/* 产品详情 */
.productDetails {
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}
.productDetails > .common-card {
  width: 100%;
  padding: 0 2.25rem;
}
.common-nav {
  padding: 0.25rem 0 .125rem 0;
}
.common-nav .item {
font-size: .225rem;
  cursor: pointer;
  font-family: 'Montserrat-Regular';
  padding-bottom: 1px;
  color: #000000;
  margin-right: 0.375rem;
}
.common-nav .item.active {
  border-bottom: 2px solid #000;
}
.commonList {
  width: 100%;
  margin-bottom: 1.25rem;
}

.productsList .top {
  width: 10.625rem;
  height: auto;
  margin: 0 auto;
}

.productsList .tpimg {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
}
.productsList .tpimg img {
     width: 11.25rem;
  height: 6.25rem;
  border-radius: 0.375rem;
  object-fit: contain;
  text-align: center;
}
.productsList .top .tl {
  margin: 1.4375rem 0 0.875rem 0;
}
.productsList .top .tl span {
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  font-family: 'Montserrat-Black';
  line-height: 0.675rem;
  color: #000000;
}
.productsList .top .tl .ls {
  font-size: 0.3125rem;
  line-height: 0.3375rem;
  font-family: 'Montserrat-Light';
  margin-left: 0.8875rem;
  color: #000000;
}
.productsList .top .text {
font-size: .2125rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.3875rem;
  text-align: justify;
  color: #000000;
}
.productsList .top h6 {
  font-size: 0.6rem;
  color: #000000;
}
.productsList .top .text2 {
  padding-left: 45%;
}


.testingCertification {
    margin: .375rem 0  0.3rem 0;
}
.testingCertification > .common-card {
  width: 18.75rem;
}
.testingCertification .top {
  width: 100%;
}
.testingCertification .top .text {
  font-size: 0.2375rem;
  line-height: 0.525rem;
margin: .375rem 0 .75rem 0;
}
.certificationBr .more a span {
  width: 1.5625rem;
}
.certificationBr .more a:first-child {
  margin-right: 0.75rem;
}
.certificationBr .more {
  flex-direction: inherit;
  left: 50%;
  transform: translateX(-50%);
}
.testingCertification .performance .common-card {
  width: 20rem;
}

.productsList .Swtitle,
.productCenter .Swtitle {
  font-size: 0.45rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  margin-bottom: 1.0625rem;
}
.productCenter .Swtitle{
  margin-top: 1.0625rem;
}
.application-con {
  width: 100%;
  height: auto;
  position: relative;
}
.applicationSwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.applicationSwiper .swiper-slide {
  height: auto;
  background-color: #f1f1f1;
}
.applicationSwiper .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.75rem;
  border-bottom: 1px solid #aaaa;
}
.applicationSwiper .img img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.applicationSwiper .number {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Bold';
  margin-bottom: 0.0625rem;
  color: #000000;
}
.applicationSwiper .text {
  font-size: 0.15rem;
  line-height: 0.3125rem;
  font-family: 'Montserrat-Regular';
  color: #000000;
  text-align: justify;
}
.applicationSwiper .ls {
  font-size: 0.15rem;
  line-height: 0.625rem;
  font-family: 'Montserrat-Medium';
  color: #000000;
  margin-top: 0.425rem;
}
.applicationSwiper .bto {
  padding: 0.65rem 0.3125rem 40px 0.3125rem;
}
.application-button-prev {
  position: absolute;
  left: -1.125rem;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(../img/icon35.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
.application-button-next {
  position: absolute;
  cursor: pointer;
  right: -1.125rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(../img/icon37.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
.performance .tp {
  width: 100%;
  height: 6.45rem;
  background-color: #000000;
  padding-top: 0.875rem;
}
.performance .tp .tl {
  font-size: 0.6rem;
  font-family: 'Montserrat-Black';
  text-align: center;
  color: #ffffff;
  margin-bottom: 0.75rem;
}
.performance .tp ul li {
  width: auto;
  height: 5.75rem;
  margin-right: 0.2rem;
}
.performance .tp ul li:last-child {
  margin-right: 0;
}
.performance .tp ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.performance .bt {
  margin-top: 2.625rem;
  border-bottom: 1px solid #000;
  padding-bottom: 2.5rem;
}
.performance .bt .common-card {
  width: 17.5rem;
}
.performance .bt .lt {
  width: 5rem;
}
.performance .bt .common-card {
  display: flex;
  align-items: center;
}
.performance .bt .lt li {
  font-size: 0.175rem;
  color: #000000;
  font-family: 'Montserrat-Bold';
  border-bottom: 1px solid #ccc;
  line-height: 0.5625rem;
}
.performance .bt .rt {
  flex: 1;
  margin-left: 2.5rem;
  text-align: justify;
  font-size: 0.175rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.45rem;
  color: #000000;
}
.patents {
  padding: 1.6875rem 0;
  border-bottom: 1px solid #666;
}
.patents .common-card,
.cooperative > .common-card:first-child {
  width: 15.6875rem;
}
.cooperative > .common-card:last-child {
  width: 20rem;
}

.inside-tl h6 {
  font-family: 'Montserrat-Bold';
  font-size: 0.375rem;
  color: #000000;
}
.inside-tl i {
  display: block;
  width: 0.2875rem;
  height: 0.0625rem;
  background-color: #000000;
  margin: 0.375rem 0;
}
.inside-tl h4 {
  font-size: 0.25rem;
  font-family: 'Montserrat-Regular';
  color: #000000;
  margin-bottom: 0.2rem;
}
.patents .text {
  font-size: 0.1875rem;
  line-height: 0.2875rem;
  font-family: 'Montserrat-Regular';
  color: #666666;
}
.patents-con ul img {
  width: 0.975rem;
  height: auto;
  object-fit: contain;
}
.patents-con ul {
    flex-wrap: wrap;
}
.patents-con ul p {
  font-size: 0.15rem;
  color: #666666;
  font-family: 'Montserrat-Regular';
  text-align: center;
  margin-top: 0.125rem;
}
.patents-con {
  margin-top: 0.5rem;
}
.patents-con ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
    width: 3.0375rem;
  height: 2.1125rem;
  margin:  0 0.1125rem  0.1125rem 0;
  background-color: #f2f2f2;
}
.patents-con ul li:nth-child(5n) {
  margin-right: 0;
}
.cooperative {
  width: 100%;
  height: auto;
  padding: 1.6875rem 0 3rem 0;
}
.cooperative-con ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.75rem;
}

.cooperative-con ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 5);
  height: 2.625rem;
}

.cooperative-con ul li:nth-child(5n) {
  margin-right: 0;
}
.cooperative-con ul img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.insideExplore {
  margin: 1.25rem 0;
}
.insideExplore .lt {
  padding: 0.75rem 0.875rem 0.25rem 3.225rem;
}
.productCenter {
  width: 100%;
  height: auto;
  padding-bottom: 1.25rem;
}


.insideBanner .br {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutMenu .logo {
   display: none !important;
}
/* 关于我们 */
.aboutMenu .head-card {
  justify-content: end;
}
.aboutusbr {
  position: relative;
}
.aboutusbr  .top{
  height: 100%;
}
.aboutMenu .top .nav a,
.aboutMenu .top .nav span {
font-size: .225rem;
  color: #fff;
  font-family: 'Montserrat-Regular';
}
.aboutMenu .top .nav span {
  margin: 0 0.3125rem;
}
.aboutusbr .logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 12.5rem;
  height: 2.5rem;
}
.aboutusbr .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutusbr .text {
  position: absolute;
  left: 50%;
  font-family: 'Montserrat-Regular';
  transform: translateX(-50%);
  bottom: 5%;
  text-align: center;
font-size: .225rem;
line-height: .375rem;
  color: #fff;
}
.aboutusbr .arrows {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) ;
  bottom: -3%;
  width: auto;
  height: auto;

  object-fit: contain;
}
.aboutUs {
  width: 100%;
  height: auto;
}
.overview {
  margin-bottom: 0;
}
.overview .top {
  padding: 0 10%;
}
.overview .top .tl {
  font-size: 0.5rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
}
.overview .top .texts p {
font-size: .225rem;
  margin-bottom: 0.1875rem;
  font-family: 'Montserrat-Regular';
}
.overview .top .texts {
 
  font-family: 'Montserrat-Regular';
font-size: .2rem;
line-height: .5rem;
  color: #000000;
  margin: 0.3125rem 0 3.5rem 0;
}
.overview .img {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.overview .img img {
  width: 10.6875rem;
  height: 6.7375rem;
  object-fit: cover;
  border-radius: 0.25rem;
}
.overview .img .ls {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 0.375rem;
  font-family: 'Montserrat-Bold';

  color: #fff;
}
.aboutUsSwiper {
  width: 100%;
  height: 9.775rem;
  overflow: hidden;
  background-image: url(../img/icon71.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-position-y: -0.675rem;
  background-position-x: 38%;
}
.aboutUsSwiper .lt {
  font-size: 0.3rem;
  color: #000000;
  font-family: 'Montserrat-Bold';
  text-align: right;
  padding-right: 20%;
}
.aboutUsSwiper .text {
font-size: .225rem;
  font-family: 'Montserrat-Regular';
  color: #666666;
  margin-left: -5%;
  line-height: 0.45rem;
}
.aboutUsSwiper .swiper-slide {
  display: flex;
  align-items: center;
}
.aboutUsSwiper .swiper-slide div {
  width: calc(100% / 2);
}
.overview .con .about-bg {
  position: relative;
  width: 100%;
  height: 11.25rem;
}
.overview .con .about-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overview .con .text {
    text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
transform: translate(-50%,-50%);
}
.overview .con .text h6 {
  font-size: 0.5rem;
  color: #fff;
  font-family: 'Montserrat-Bold';
}
.overview .con .text .ls {

font-size: .225rem;
  color: #fff;
  font-family: 'Montserrat-Regular';
  margin-top: 0.1875rem;
}
.ourVision .tl {
text-align: center;
font-size: .55rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  margin: 1.5rem 0  .5rem 0;
}
.ourVision .text {
  position: relative;
  width: 100%;
  height: auto;
}
.ourVision .bgtext {
  font-size: 0.5rem;
  line-height: 0.625rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  opacity: 0.1;
}
.ourVision .ls {
  position: absolute;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  width: 6.25rem;
 // height: 5.125rem;
  font-family: 'Montserrat-Bold';
  font-size: 0.2rem;
  line-height: 0.4375rem;
  color: #ff0202;
}
.ourVision ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ourVision  li{
    text-align: center;
  width: calc(100% /2);
margin-bottom: .3125rem;
}
.ourVision  li h6{
  font-size: .45rem;
  font-weight: normal;

}
.ourVision  li  p{
  font-size: 0.3rem;
margin-top: .1875rem;
font-family: "华文行楷";
}


.chetumal {
  margin:.5rem 0 3.25rem 0;
}
.chetumal ul li {
  cursor: pointer;
  position: relative;
  width: calc((100% - 14.45rem) / 2);
  height: 7.8125rem;
  margin-right: 0.4625rem;
  transition: all 0.3s;
}
.chetumal ul li:last-child {
  margin-right: 0;
}
.chetumal ul li.active {
  width: 13.75rem;
}
.chetumal ul li .ls {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-family: 'Montserrat-Regular';
  font-size: 0.225rem;
  color: #fff;
}
.chetumal ul li img {
  width: 100%;
  height: 100%;
}
.chetumal ul li.active .ls {
  display: block;
}
.chetumal ul li.active img {
  object-fit: cover;
}
.chetumal ul li:first-child img {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.chetumal ul li:last-child img {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.chetumal ul li:nth-child(2) img {
  border-radius: 0.375rem;
}
/* LEADERSHIP */

/* LEADERSHIP */
.leadership {
  width: 100%;
  height: auto;
  padding-bottom: 3.125rem;
}
.leadership .common-card {
  width: 17.975rem;
}
.ourLeadship {
  width: 100%;
  margin: .875rem 0  1.625rem 0 ;
}
.ourLeadship  .card{
  display: flex;
  width: 15rem;
  height: auto;
  margin:  0 auto;
}
.ourLeadship .lt {
  flex: 1;
}
.ourLeadship .lt .tl p {
  font-size: 16px;
  color: #c8c7c7;
}
.ourLeadship .lt .tl h6 {
  font-size: 0.375rem;
  font-weight: normal;
  margin: .125rem 0  .25rem 0;
}
.ourLeadship .lt .tl .br {
  display: inline-block;
  width: 25px;
  height: 5px;
  background-color: #0c0303;
}
.ourLeadship .lt .ls {
font-size: .225rem;
line-height: .4375rem;
  color: #c8c7c7;
  margin-top: .225rem;
}
.ourLeadship img {
  width: 5.625rem;
  height: 3.7625rem;
  object-fit: cover;
  margin-left: 0.6125rem;
}



.leadershipMap {
  position: relative;
  width: 100%;
  height: 15.625rem;
  background-image: url(../img/icon72.png);
  background-repeat: no-repeat;
  background-size: 15rem auto;
  background-position-y: 45%;
  background-position-x: 45%;
  padding: 1.25rem 0 1.625rem 0;
  background-color: #000;
}
.leadershipMap .card {
  position: relative;
  width: 20rem;
  margin: 0 auto;
  height: 100%;
}
.leadershipMap .top {
  display: flex;
  border-bottom: 2px solid rgba(245, 241, 241, 0.8);
  padding-bottom: 0.375rem;
}
.leadershipMap .top .lt {
  font-size: 0.5rem;
  font-family: 'Montserrat-Medium';
  line-height: 0.525rem;
  color: #fff;
  margin-right: 1.85rem;
}
.leadershipMap .top .text {
  width: 9.375rem;
font-size: .225rem;
line-height: .4375rem;
  font-family: 'Montserrat-Regular';
  color: rgba(245, 241, 241, 0.8);
}
.leadershipMap .bto {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.leadershipMap .bto ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leadershipMap .bto li {
  width: 6.25rem;
  height: 2.5rem;
  border: 1px solid #fff;
  padding: .25rem 0.625rem;
}
.leadershipMap .bto li h6 {
  font-size: 0.375rem;
  margin-bottom: 0.1rem;
  font-family: 'Montserrat-Medium';
  color: #fff;
}
.leadershipMap .bto li .ls {
  font-family: 'Montserrat-Regular';
font-size: .225rem;
line-height: .4375rem;
  color: #fff;
}







/* news */
.newsBr .common-card {
  width: 20rem;
}
.insideBanner .form {
  padding-top: 2.0375rem;
  position: relative;
  padding-left: 53%;
}
.insideBanner .form input[type='text'] {
  width: 9.375rem;
  height: 0.65rem;
  border-radius: 0.1125rem;
  border: solid 1px #000000;
  font-size: 0.25rem;
  font-family: 'Montserrat-Regular';
 padding: 0  1.375rem 0 0.125rem;
  line-height: 0.7625rem;
  color: #000000;
}
.insideBanner .form input[type='submit'] {
  position: absolute;
  right: 0.0375rem;
  bottom: 0;
  font-size: 0.25rem;
  font-family: 'Montserrat-Regular';
  height: 0.65rem;
  text-align: center;
  width: auto;
  padding: 0 0.25rem;

  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  color: #000;
}
.insideBanner .common-card ul {
  margin-top: 0.5625rem;
}
.insideBanner .common-card ul li {
  width: 5.525rem;
  height: 8.125rem;
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  transition: all 0.3s;
  margin-right: 0.2375rem;
  cursor: pointer;
}
.insideBanner ul li img {
  width: 100%;
  height: 100%;
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  object-fit: cover;
}
.insideBanner ul li:last-child {
  margin-right: 0;
}
.insideBanner ul li.active {
  width: calc(100% - 5.7625rem);
}
.news-title {
  font-size: 0.5rem;
  color: #000000;
  font-family: 'Montserrat-Bold';
  margin-top: 2.75rem;
}
.newbto.common-card {
  width: 15.625rem;
}
.aboutNews {
  width: 100%;
  padding-bottom: 0.75rem;
}
.aboutNews-top {
  width: 100%;
  height: auto;
  background-color: #0084ca;
  border-radius: 0.55rem;
  margin: 0.875rem 0 2rem 0;
  padding: 0.3125rem;
  border-radius: 0.375rem;
}
.aboutNewsSwiper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.aboutNewsSwiper img {
  width: 10rem;
  height: 7.5rem;
  object-fit: cover;
  border-radius: 0.375rem;
}
.aboutNewsSwiper .swiper-slide {
  display: flex;
  align-items: center;
}
.aboutNewsSwiper .text {
  flex: 1;
  padding-left: 0.675rem;
}
.aboutNewsSwiper .text .tl,
.aboutNewsSwiper .text h6 {
  font-size: 0.25rem;
  font-family: 'Montserrat-Bold';
  color: #ffffff;
}
.aboutNewsSwiper .text .tl {
  display: flex;
  align-items: center;
}
.aboutNewsSwiper .text .tl::before,
.newDetail .tl::before {
  display: block;
  content: '';
  width: 25px;
  height: 25px;

  margin-right: 0.1875rem;
  background: url(../img/icon74.png) no-repeat center;
}
.aboutNewsSwiper .text h6 {
  margin: 0.5625rem 0 0.7rem 0;
  line-height: 0.325rem;
}
.aboutNewsSwiper .text .time {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
  color: rgba(253, 253, 253, 0.5);
  border-bottom: 1px solid rgb(222, 218, 218);
  padding-bottom: 0.35rem;
  margin-bottom: 0.25rem;
}
.aboutNewsSwiper .text .ls {
font-size: .2rem;
  line-height: 0.3125rem;
  font-family: 'Montserrat-Regular';
  color: rgba(253, 253, 253, 0.5);
  margin-bottom: 0.75rem;
}
.aboutNewsSwiper .more {
  font-size: 0.175rem;
  font-family: 'Montserrat-Bold';
  padding-left: 72%;
  color: #ffffff;
}
.aboutNews-button-next {
  cursor: pointer;
  position: absolute;
  left: 0.6875rem;
  top: 50%;

  z-index: 999;
  width: 20px;
  height: 20px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(225deg) translateY(-50%);
}
.aboutNews-button-prev {
  cursor: pointer;
  position: absolute;
  right: 39%;
  top: 50%;
  z-index: 999;
  width: 20px;
  height: 20px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
.aboutNews .common-nav a {
  margin-right: 1.4375rem;
}
.aboutNews .nav a {
  display: inline-block;
  width: 2.3125rem;
  height: 0.625rem;
  font-family: 'Montserrat-SemiBold';
  text-align: center;
  line-height: 0.625rem;
  background-color: #f2f2f2;
  border-radius: 0.3375rem;
  font-size: 0.2rem;
  margin-right: 0.3125rem;
  color: #000000;
}
.aboutNews .nav a.active {
  background-color: #808080;
  color: #fff;
}
.aboutNew-con {
  margin-top: 1.0625rem;
}
.aboutNew-con ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.aboutNew-con ul li {
  width: 7.6563rem;
  height: auto;
  margin: 0 0.3125rem 0.875rem 0;
}
.aboutNew-con ul li:nth-child(2n) {
  margin-right: 0;
}
.aboutNew-con ul .img {
  width: 100%;
  height: 5.1875rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  overflow: hidden;
}
.aboutNew-con ul li:hover img {
  transform: scale(1.2);
}
.aboutNew-con ul img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  object-fit: cover;
  border-radius: 0.1875rem;
}
.aboutNew-con ul h6 {
font-size: .225rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  margin: 0.8125rem 0 0.3125rem 0;
}
.aboutNew-con ul .time {
font-size: .2rem;
  font-family: 'Montserrat-Regular';
  margin-bottom: 0.15rem;
  color: #888888;
}
.aboutNew-con ul .ls {
font-size: .2rem;
line-height: .375rem;
  font-family: 'Montserrat-Regular';
  color: #888888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutNew-con .bto {
  margin-top: 0.25rem;
}
.aboutNew-con .bto a:first-child {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(225deg);
}
.aboutNew-con .bto a:last-child {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(45deg);
}
.aboutNew-con .bto a.active {
  border-color: #000;
  color: #000;
}
.aboutNew-con .bto a {
  font-size: 16px;
  color: #888;
  margin-left: 15px;
}
/* 新闻详情 */
.newDetailSwiper {
  position: relative;
  width: 100%;
  height: auto;
}
.newDetailSwiper img {
  width: 100%;
  height: 11.5rem;
  object-fit: cover;
  vertical-align: bottom;
}
.newDetailSwiper .aboutNews-button-prev {
  right: 4%;
}
.newDetail {
  width: 100%;
  height: auto;
  margin: 2.25rem 0 2.3125rem 0;
}
.newDetail .top {
  display: flex;
  width: 100%;
  padding: 0 2.5rem 0 1.25rem;
  margin-bottom: 0.875rem;
}
.newDetail .nav {
  width: 45%;
  height: auto;
  padding-top: 0.375rem;
}
.newDetail .nav a,
.newDetail .nav span {
font-size: .225rem;
  font-family: 'Montserrat-Regular';
  color: #000;
}
.newDetail .nav span {
  margin: 0 0.525rem;
  font-family: 'Montserrat-Bold';
}
.newDetail .rt {
  width: 55%;
}
.newDetail .rt .time {
  font-size: 0.25rem;
  font-family: 'Montserrat-Regular';
  margin-bottom: 0.375rem;
}
.newDetail .rt h6 {
  font-size: 0.25rem;
  font-family: 'Montserrat-Bold';
  border-bottom: 2px solid #000;
  padding-bottom: 0.75rem;
  margin-bottom: 0.625rem;
}
.newDetail .rt .ls,
.newDetail .cons .text .ls {
font-size: .2rem;
line-height: .375rem;
  color: rgba(0, 0, 0, 0.5);
}
.newDetail .common-card {
  width: 18.75rem;
}
.newDetail .img {
  width: 100%;
  height: 11.25rem;
}
.newDetail .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newDetail .cons .text {
  padding-left: 45%;
  margin: 1.375rem 0 3.375rem 0;
}
.newDetail .cons .text .ls:first-child {
  margin-bottom: 10px;
}
.newDetail .link {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
}
.newDetail .link .share,
.newDetail .link .all a {
  cursor: pointer;
  display: inline-block;
  width: 1.5rem;
  height: 0.625rem;
  font-size: 0.2rem;
  font-family: 'Montserrat-SemiBold';
  text-align: center;
  background-color: #000;
  color: #fff;
  line-height: 0.625rem;
}
.newDetail .link .all {
  display: flex;
  opacity: 0;
  align-items: center;
  margin-left: 1.25rem;
  transition: all 1s;
  transform: translateX(150%);
}
.newDetail .link .all.active {
  transform: translateX(-16%);
  opacity: 1;
}
.newDetail .link .all a {
  background-color: #f2f2f2;
  font-size: 0.175rem;
  color: #000;
}
.newDetail .link .all a:hover {
  background-color: #cccccc;
}
.newDetail .bto {
  display: flex;
  align-items: center;
}
.newDetail .bto a {
  display: inline-block;
  width: 2.2rem;
  height: 0.6375rem;
  background-color: #f2f2f2;
  border-radius: 0.375rem;
  text-align: center;
  font-size: 0.2rem;
  font-family: 'Montserrat-SemiBold';
  line-height: 0.6375rem;
  margin-right: 0.3125rem;
}
.newDetail .bto a.active {
  background-color: #808080;
  color: #fff;
}

/* 技术 */
.technologyBar {
  width: 100%;
  position: relative;
}
.technologyBar .cons {
  position: absolute;
  left: 10%;
 top: 50%;
    display: flex;
  transform: translateY(-50%);
align-items: center;
}
.technologyBar h6 {
  line-height: 2.0625rem;
  font-size: 2.25rem;
  font-family: 'Montserrat-Black';
  color: #fff;
}
.technologyBar .arrows {
  height: 2.35rem;
  width: 0.1625rem;
}
.technologyBar .ls {
  font-size: .2rem;
  line-height: 0.3125rem;
  font-family: 'Montserrat-Regular';
  color: #fff;
}
.technology-top {
  width: 100%;
  height: auto;
}
.technology-top .common-card {
  width: 10.625rem;
}
.technology-top .tl {
  border-bottom: 1px solid #313131;
  padding-bottom: 0.375rem;
  margin-top: 1.25rem;
}

.technology-top .tl span {
  font-size: 1rem;
  font-family: 'Montserrat-Black';
  color: #000000;
}
.technology-top .tl .ls {
  font-size: 0.3125rem;
  margin-left: 0.625rem;
  font-family: 'Montserrat-Light';
}
.technology-top .text {
  margin: 0.625rem 0 2.125rem 0;
}
.technology-top .text .ls {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.475rem;
  color: #000000;
  text-align: justify;
}
.technology-top .text .ls:first-child {
  margin-bottom: 1.25rem;
}
.technology-swiper {
  width: 100%;
  height: auto;
  background-color: #222222;
  padding: 1.975rem 0;
}

.technology-swiper .tl {
  font-size: 0.4375rem;
  text-align: center;
  font-family: 'Montserrat-Black';
  color: #ffffff;
  margin-bottom: 0.725rem;
}
.technologySwiper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 1.4375rem;
}
.technologySwiper .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.technologySwiper .text {
  width: 43%;
  position: absolute;
  left: 0;
  top: -0.875rem;
  flex: 1;
  font-size: 12px;
  line-height: 0.375rem;
  color: #ffffff;
  text-align: justify;
}
.technologySwiper img {
  width: 11.25rem;
  height: 5.85rem;
}
.technology-pagination {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  z-index: 999999;
}
.technology-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: #ffffff;
}
/* .technology-pagination .swiper-pagination-bullet-active {
  background-color: red !important;
} */

.technology-img .top .text {
  font-size: 0.225rem;
  font-family: 'Montserrat-SemiBold';
  line-height: 0.475rem;
  color: #000000;
  margin: 1rem 0 2.125rem 0;
}
.technology-img .top .text p {
  font-family: 'Montserrat-Regular';
}
.technology-img .top ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1.525rem;
}
.technology-img .top li {
  font-size: 0.5125rem;
  color: #000000;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #ffffff;
  border-radius: 0.1875rem;
  border: solid 1px #000000;
  margin-right: 0.6rem;
  padding: 0.625rem 0 0.75rem 0.375rem;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
}
.technology-img .top li p {
  font-size: 0.375rem;
  color: #000;
}
.technology-img .top li h6 {
  font-size: 0.3rem;
  margin-top: 0.0625rem;
  color: #000;
}
.technology-img .top li i {
  display: block;
  width: 4px;
  height: 2px;
  background-color: #000;
  margin: 0.125rem 0;
}
.technology-img .top li:last-child {
  margin-right: 0;
}
.technology-img .top li.active {
  background-color: #000;
  color: #fff;
}
.technology-img .top li.active p,
.technology-img .top li.active h6 {
  color: #fff;
}
.technology-img .top li.active i {
  background-color: #fff;
}
.technology-img .img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: bottom;
}

.technology-nickel {
  position: relative;
  width: 100%;
  height: 15.275rem;
  background: url(../img/icon79.jpg) no-repeat center;
}
.technology-nickel .tl {
  position: absolute;
  left: 11%;
  font-family: 'Montserrat-Black';
  top: 18%;
  font-size: 0.75rem;
  color: #fff;
}
.technology-nickel ul {
  position: absolute;
  width: 12.4125rem;
  left: 50%;
  top: 32.5%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.technology-nickel ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.8875rem;
  height: 3.5rem;
  padding: 0 0.125rem;
  background-color: #f2f2f2;
  margin: 0 0.2875rem 0.275rem 0;
}
.technology-nickel ul li:nth-child(4n) {
  margin-right: 0;
}

.technology-nickel ul img {
  width: 50%;
  height: 1.125rem;
  transition: all 0.3s;
  object-fit: contain;
}
.technology-nickel ul .ls {
  font-size: 0.225rem;
  line-height: 0.3875rem;
  color: #000000;
  font-family: 'Montserrat-Regular';
  text-align: center;
  margin-top: 0.5rem;
}
.technology-nickel ul li:hover img {
  transform: scale(1.2);
}

.technology-busbar {
  width: 100%;
  height: auto;
}

.technology-busbar {
  width: 100%;
  height: auto;
  padding-bottom: 1.25rem;
}

.technology-busbar .tl {
  font-size: 0.45rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  margin: 2.5rem 0 0.75rem 0;
}
.technology-busbar ul li {
  width: 5.65rem;
  height: auto;
  background-color: #f1f1f1;
  margin-right: 0.2625rem;
  padding-bottom: 0.625rem;
}
.technology-busbar ul li:last-child {
  margin-right: 0;
}
.technology-busbar ul .img {
  width: 100%;
  height: 3.625rem;
  border-bottom: 1px solid #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 0.25rem;
}
.technology-busbar ul .img img {
  width: auto;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s;
}
.technology-busbar ul span {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Bold';
  color: #000000;
  padding-left: 0.375rem;
}
.technology-busbar ul .ls {
  font-size: 0.15rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.375rem;
  color: #000000;
  padding: 0 0.35rem 0.25rem 0.375rem;
}
.technology-busbar .more,
.contactPatents .more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.225rem;
  font-family: 'Montserrat-Bold';
  margin: 0.375rem 0 0.625rem 0;
  color: #000000;
}
.technology-busbar .more::before,
.contactPatents .more::before {
  display: block;
  content: '';
  width: 0.3125rem;
  margin-right: 0.15rem;
  height: 0.3125rem;
  background-image: url(../img/icon2-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.technology-busbar ul li:hover img {
  transform: scale(1.2);
}
.technologyBr {
  width: 100%;
  height: 11.5rem;
  background-image: url(../img/icon83.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.technologyBr .common-card {
  position: relative;
}
.technologyBr .common-nav {
  position: absolute;
  left: 0;
  z-index: 99;
}
.technologyBr .common-nav a {
  color: #fff;
}
.technologyBr .common-nav a.active {
  border-color: #fff;
}
.technologyBrSwiper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.technologyBrSwiper .text h6 {
  font-size: 0.275rem;
  font-family: 'Montserrat-Bold';
  color: #ffffff;
}
.technologyBrSwiper .text .ls {
font-size: .2rem;
line-height: .375rem;
  color: #ffffff;
  font-family: 'Montserrat-Regular';
  margin-top: 0.25rem;
  margin-right: 0.875rem;
  text-align: justify;
}
.technologyBrSwiper img {
  width: 8.4375rem;
  height: 8.4375rem;
  border-radius: 50%;
  object-fit: cover;
}
.technologyBrSwiper .swiper-slide {
  display: flex;
  align-items: center;
}
.technologyBrSwiper .swiper-slide .text {
  flex: 1;
  padding-right: 1rem;
}
.technologyBr-pagination {
  position: absolute;
  z-index: 88;
  left: 0;
  bottom: 30% !important;
}
.technologyBr-pagination .swiper-pagination-bullet {
  width: calc(125px / 2);
  height: 3px;
  background-color: #8c9aab;
  opacity: 1;
  border-radius: 0;
  transition: all 0.3s;
  margin: 0 0 !important;
}
.technologyBr-pagination .swiper-pagination-bullet-active {
  background-color: #fff !important;
}
/* WELDING & MOLD */
.welaingBr {
  position: relative;
  width: 100%;
  height: 11.5rem;
  background-image: linear-gradient(-86deg, #841619 0%, #102e52 100%), linear-gradient(#121212, #121212);
  background-blend-mode: normal, normal;
}
.welaingBr > ul {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translateX(-50%);
}
.welaingBr > ul li {
  width: 3.125rem;
  height: 3.75rem;
  border: solid 1px #aaaaaa;
  margin-right: 0.125rem;
}
.welaingBr > ul li .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.625rem;
  border-bottom: 1px solid #fff;
}

.welaingBr > ul li:last-child {
  margin-right: 0;
}
.welaingBr > ul li img {
  width: 0.625rem;
  height: 0.625rem;
  object-fit: contain;
  transition: all 0.3s;
}
.welaingBr > ul li p {
  text-align: center;
  margin: 0.25rem 0 0.375rem 0;
}
.welaingBr > ul li:hover img {
  transform: scale(1.2);
}
.welaingBr > ul li span {
  font-size: 0.3rem;
  font-family: 'Montserrat-Regular';
  color: #ffffff;
}
.welaingBr > ul li .ls {
  text-align: center;
font-size: .225rem;
line-height: .375rem;
  font-family: 'Montserrat-Regular';
  padding: 0 5px;
  color: #fff;
}
.welaing {
  width: 100%;
  height: auto;
  margin: 2.825rem 0 3.125rem 0;
}
.welaing .top {
  margin-bottom: 0.25rem;
}
.welaing .top li {
  overflow: hidden;
}

.welaing .top li:first-child {
  width: 7.5rem;
}
.welaing .top li:first-child .up {
  width: 100%;
  height: 7.5rem;
  border-top-left-radius: 0.25rem;
  object-fit: cover;
  vertical-align: bottom;
}
.welaing .top li:first-child .dow {
  width: 100%;
  height: 7.5rem;
  border-bottom-left-radius: 0.25rem;
  object-fit: cover;
}
.welaing .top li:last-child img {
  width: 7.5rem;
  height: 15rem;
  object-fit: cover;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
/* 联系我们 */
.contacts {
  width: 100%;
  height: 9.375rem;
  background-color:#262626;
}




.contactUs {
  width: 100%;
  height: auto;
 margin-bottom: 2.25rem;
}
.contactUs .top .text {
  font-size: 0.35rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.5rem;
  color: #000000;
}
.contactUs .top a {
  margin-top: 0.625rem;
}
.contactUs .btos {
  width: 100%;
}
.contactUs .form h6 {
  padding-left: 0.575rem;
  font-size: 1.5875rem;
  font-family: 'Montserrat-Black';
  color: #000000;
  margin-top: 0.625rem;
  line-height: 1.65rem;
}
.contactUs .form .item {
  width: 5.625rem;
}

.contactUs .form  h5 {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Bold';
margin: .625rem 0 1rem 0;
  color: #000000;

}
.contactUs .form img {
width: 7.5rem;
  height: 7.5375rem;
    object-fit: contain;
  margin-top: 2.9375rem;
}
.contactUs .form  p {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.35rem;
  color: #000000;
}
.contactUs .form  i {
  font-size: 0.3125rem;
  color: #ff0000;
}
.contactUs .form  select {
  font-size:.1875rem;
  width: 100%;
height: .5625rem;
  cursor: pointer;
  background-color: #efefef;
  border: none;
}
.contactUs .form  textarea {
  width: 100%;
  height: 1.5625rem;
  background-color: #efefef;
  font-size: 0.2rem;
  color: #000;
 font-family: 'Montserrat-Regular';
  padding: 10px 0 0 10px;
}
.contactUs .form  input[type='text'] {
  width: 100%;
height: .5625rem;
  font-size: 0.2rem;
 font-family: 'Montserrat-Regular';
  color: #000;
  background-color: #efefef;
  padding-left: 10px;
}

.contactUs .form  input[type='submit'] {
  width: 3.1375rem;
	height: .5125rem;
	border: solid .025rem #0c0303;
  font-size: .2rem;
  text-align: center;
  line-height:.5125rem ;
  color: #000;
}
.contactUs .form .checkbox div {
  font-size: 0.1875rem;
  color: #000000;
  font-family: 'Montserrat-Regular';
  margin-left: 0.25rem;
}
.contactUs .form .checkbox {
  margin: 0.625rem 0 0.5rem 0;
}
.contactUs .form  .ls {
font-size: .225rem;
line-height: .4375rem;
  font-family: 'Montserrat-Regular';
  //padding-right: 21%;
  color: #000000;
  margin: 1.375rem 0  1.125rem 0;
}
.contactUs .form  .ls P {
  margin: 0.1rem 0;
}
.contactaddress .top {
  position: relative;
  width: 100%;
  height: 11.25rem;
}
.contactaddress .top .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contactaddress .top .text {
  position: absolute;
  left: 5.8125rem;
  top: 4.0625rem;
  width: 22%;
  height: auto;
}
.contactaddress .top .text h6 {
  font-size: 0.5rem;
  font-family: 'Montserrat-Bold';

  color: #ffffff;
}
.contactaddress .top .text .ls {
  width: 100%;
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.3125rem;
  color: #ffffff;
  margin: 0.4375rem 0 0.6rem 0;
}
.contactaddress .top .text .phone {
  width: 3.125rem;
  height: 0.5rem;
  border-radius: 0.35rem;
  font-family: 'Montserrat-Medium';
  border: solid 1px #ffffff;
  font-size: 0.225rem;
  color: #ffffff;
}
.contactaddress .top .text .phone::before {
  display: block;
  content: '';
  width: 0.3375rem;
  height: 0.3875rem;
  background-image: url(../img/icon89.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.1875rem;
}
.contactMap {
  width: 100%;
  height: auto;
  background-color: #0084ca;
  border-radius: 0.525rem;
  padding: 0.375rem;
}
.contactMap .logo {
  display: inline-block;
  width: 1.875rem;
  height: 0.375rem;
}
.contactMap .lt {
  flex: 1;
  margin-right: 0.625rem;
}
.contactMap .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contactMap h6 {
  font-size: 0.25rem;
  font-family: 'Montserrat-Bold';
  margin: 0.75rem 0 1.0625rem 0;
  color: #ffffff;
}
.contactMap h5 {
  font-size: 0.1875rem;
  font-family: 'Montserrat-Regular';
  color: rgba(243, 242, 242, 0.6);
  border-bottom: 2px solid rgba(243, 242, 242, 0.6);
  padding-bottom: 0.3375rem;
  margin-bottom: 0.3125rem;
}
.contactMap .ls {
  font-size: 0.1875rem;
 font-family: 'Montserrat-Regular';
  line-height: 0.375rem;
  color: rgba(243, 242, 242, 0.5);
}
#map1,
#map2 {
  width: 10rem;
  height: 5.625rem;
  border-radius: 0.375rem;
}
.BMap_bubble_title {
  font-size: 16px;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  margin-bottom: 5px;
 font-family: 'Montserrat-Regular';
}
.BMap_bubble_content {
  font-size: 14px;
 font-family: 'Montserrat-Regular';
}
.contactMap.map1 {
  position: absolute;
  top: -20%;
  z-index: 2;
}
.contactaddress .common-card {
  position: relative;
  padding: 19% 0 2% 0;
  width: 15.625rem;
}
.contactPatents {
  width: 100%;
  height: auto;
  margin: 3.5rem 0 3rem 0;
}
.contactPatents .common-card {
  width: 18.75rem;
}
.contactPatents .top {
  position: relative;
  height: 9.375rem;
}
.contactPatents .bg {
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
  object-fit: cover;
}
.contactPatents .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.8125rem;
}
.contactPatents .text h6 {
  font-size: 0.7rem;
  font-family: 'Montserrat-Black';
  color: #fff;
}
.contactPatents .text em {
  display: inline-block;
  width: 0.3125rem;
  height: 0.125rem;
  background-color: #fff;
  margin: 0.55rem 0 0.375rem 0;
}
.contactPatents .text img {
  width: 1.4625rem;
  height: 1.4625rem;
  object-fit: contain;
  margin-bottom: 0.5625rem;
}
.contactPatents .text .ls {
  width: 6.875rem;
  text-align: center;
  font-family: 'Montserrat-Regular';
  font-size: 0.1875rem;
  color: rgba(242, 241, 241, 0.5);
  line-height: 0.3125rem;
}




/* -------------------- */
.technologyList {
  display: none;
}
.copper {
  width: 100%;
  height: auto;
  background-image: url(../img/icon92.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.25rem 0;
}
.copper .lg {
  width: 9.9375rem;
  height: 2.75rem;
  object-fit: cover;
}
.copper .text {
  width: 15.625rem;
  margin-left: 8%;
  font-size: 0.225rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.4875rem;
  color: #fff;
  text-align: justify;
  margin-top: 0.625rem;
}
.technologyUl {
  width: 100%;
  padding: 0 5% 0 12%;
  margin-top: 3.4375rem;
}
.technologyUl li {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.75rem;
}
.technologyUl span {
  display: inline-block;
  width: 36%;
  line-height: 0.225rem;
  font-size: 0.3rem;
  font-family: 'Montserrat-Regular';
  color: #fff;
  text-align: right;
}
.technologyUl p {
  font-size: 1.125rem;
  width: 8.75rem;
  font-family: 'Montserrat-Bold';
  color: #fff;
  margin-left: 1.0625rem;
  border-bottom: 1px solid #fff;
  line-height: 0.9rem;
}
.aluminium .tl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aluminium .tl span {
  font-size: 0.875rem;
  color: #000;
  font-family: 'Montserrat-ExtraBold';
}
.aluminium .tl i {
  font-size: 0.4rem;
  font-family: 'Montserrat-SemiBold';
}
.aluminium .img {
  width: 100%;
  height: 10rem;
  object-fit: cover;
  border-radius: 0.375rem;
  margin: 0.5rem 0 0 0;
}
.aluminium .text {
  font-size: 0.3rem;
  font-family: 'Montserrat-Regular';
  line-height: 0.4625rem;
  padding-right: 6.25rem;
  margin-top: 0.8125rem;
  color: #000;
  text-align: left;
}
.aluminium .technologyUl span,
.aluminium .technologyUl p {
  color: #000;
  border-color: #000;
}
.aluminium .technologyUl {
  margin-top: 1.5rem;
}



.chetumalSwiper {
  position: relative;
  width: 100%;
  height: 7.8125rem;
  overflow: hidden;
}
.chetumalSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.375rem;
}
.chetumalSwiper .swiper-slide {
  cursor: pointer;
  width: 13.75rem;
  transition-timing-function: linear;
}

.chetumalSwiper .ls {
  position: absolute;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-family: 'Montserrat-Regular';
  color: #fff;
 font-size: .325rem;
}
.chetumalSwiper .swiper-slide-active .ls {
  display: block;
}

.productBanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productCenter .Swtitle {
  margin-top: 2.875rem;
}
.productBanner{
  width: 100%;
height: 12.5rem;
}



.video-container {
  position: relative;
  width: 23.125rem;
  height: 9.375rem;
  margin: 0 auto;
}
.video-container  video{
   width: 100%;
  height: 100%;
    object-fit: cover;
    vertical-align: bottom;
}
.custom-progress-bar {
  width: 100%;
  height: 0.05rem;
     position: absolute;
    bottom: 0;
  background-color: #ef744e;
}

.progress {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: width 0.5s ease;
}

/* 更新进度条的宽度 */
video::-webkit-media-controls-progress-bar {
  background-color: rgba(0, 0, 0, 0.5);
}

/*  --------------------------------------------------------*/
.video-card {
  width: 22.5rem;
  margin: 0 auto;
}
.banner .homeLs ,
.banner .nav{
    display: none;
}
.homeTl {
  width: 100%;
  height: auto;
  text-align: center;
  color: #000;
  font-family: 'Montserrat-Bold';
  font-size: 0.5rem;
  margin: 0.4875rem 0 1.5rem 0;
}

.explore-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
position: absolute;
    bottom: 10% !important;
    z-index: 999;
}
.explore-pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 0.5;
  transition: all 0.3s;
}
.explore-pagination .swiper-pagination-bullet-active {
  width: 80px;
  height: 6px;
  opacity: 1 !important;
  border-radius: 10px;
}
.homebg  .text{
  margin-top: .5rem;
}
.homebg  .text .item  .ls{
  overflow-y: auto;
  padding: 3px 10px;
    margin: auto;
font-size: .2rem;
line-height: .375rem;
  font-family: 'Montserrat-Regular';
width: 9rem;
  height:auto;
  background-color: #f2f2f2;
}

.plant .bto {
    display: flex;
    align-items: center;
    justify-content: space-between;
  width: 100%;
  height: auto;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  background-color: rgba(243, 242, 242, 0.9);
  padding: 0.75rem 1.375rem 1.125rem 1.375rem;
}
.plant .bto .item {
  width: calc(100% / 2);
}
.plant .bto .item:first-child {
  padding-right: 0.9375rem;
  margin-right: 0.875rem;
    border-right: 1px solid rgb(151 143 143 / 50%);
}

.plant .bto .tl {
 margin-bottom: .35rem;
    text-align: center;
  font-size: 0.225rem;
  font-family: 'Montserrat-Black';
}
.plant .bto ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.plant .bto li img {
  width: 0.45rem;
  height: auto;
  object-fit: contain;
}
.plant .bto li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plant .bto li .ls {
text-align: center;
  font-size: 12px;
  line-height: 15px;
  margin-top: 0.25rem;
  height: .625rem;
  color: rgba(0, 0, 0, 0.8);
}
.plant .bto .text {
    white-space: nowrap;
  font-size: 12px;
  margin-top: .475rem;
  color: rgba(0, 0, 0, 0.8);
}
.widget-bar  .close{
    position: absolute;
    top: 38px;
    right: 100px;
}
.widget-bar   .bottom{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.widget-bar  .widget{
margin-bottom:17px;
}
.platform,.platform  .top{
    display: flex;
    flex-direction: column;
}

.platform  .top a,
.connection  span{
    font-size: 24px;
}
.platform .f,
.connection p,.platform  .ce a{
    font-size: 16px  !important;
}
.connection{
    margin: 42px 0 40px 0;
}

.connection .item:last-child{
  margin-top: 42px;
}
.platform  .ce a:hover{
    color: rgba(244, 183, 26, 1);
}
.brInnerSwiper {
  position: relative;
  width: 100%;
  height: 9.375rem;
  overflow: hidden;
}
.brInnerSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brInnerSwiper  .text{
  position: absolute;
  top: 50%;
  left: 1.8rem;
  z-index: 999;
  transform: translateY(-50%);
}

.brInnerSwiper .text p {
  font-size: 0.3rem;
    color: rgb(237 233 233 / 50%);
}
.brInnerSwiper .text .ls {
  font-size: 1rem;
  font-family: 'Montserrat-Black';
  color: #fff;
}
.brInner-pagination .swiper-pagination-bullet {
  width: 1.25rem;
  height: 0.0375rem;
  background-color: #8d8e8c;
border-radius: 0 !important;
  transition: all 0.3s;
  margin: 0 !important;
}
.brInner-pagination .swiper-pagination-bullet-active {
  background-color: #fff !important;
}
.brInner-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0.375rem !important;
  z-index: 999;
}
.productData {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  padding: 1.25rem 0 0.6875rem 0;
}
.productData .nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productData .nav .item {
cursor: pointer;
font-size: .275rem;
    color: rgb(45 43 43 / 50%);
  margin-right: 0.65rem;
}
.productData .nav .item:last-child {
  margin-right: 0;
}


 .productData .nav .item.active {
  color: #000;
  text-decoration: underline;
}
.productData-con ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .3rem;
}
.productData-con li {
  width: 3.75rem;
  height: auto;
  margin: 0 0.25rem 0.4375rem 0;
}
.productData-con li:nth-child(4n) {
  margin-right: 0;
}
.productData-con li img {
  width: 100%;
  height: 3.75rem;
  background-color: #fff;
  object-fit: cover;
}
.productData-con  .card{
  width: 15.75rem;
  height: auto;
  margin:  0 auto;
}

.productData-con .name h6 {
  font-size: 15px;
    font-weight: normal;
 // font-family: 'Montserrat-Bold';
  border-bottom: 1px solid rgb(222, 218, 218);
padding-bottom: .0625rem;
  margin-bottom: .25rem;
  line-height: 25px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.productData-con .name .ls {
  font-size: 12px;
    color: rgb(45 43 43 / 50%);
  line-height: 18px;
    height: 54px;
}

.productData-con .name {
  width: 100%;
  height: auto;
  padding-top: 0.1875rem;
}
.dataList{
  display: none;
}

.explore.inner{
  width: 1200px;
    height: 320px;
  margin-bottom: 1.625rem;
}

.explore.inner .lt{

 width: 8rem;
  padding: .625rem   .5rem  .375rem  .5rem  ;
}
.explore.inner .title{
font-size: .275rem;
}

.explore.inner .text{
font-size: .2rem;
line-height: .4375rem;
margin: .125rem 0 .1875rem 0;
}

.explore.inner .rt{
padding-top:0;
}

.insideBanner   .video-card{
    height: 100%;
}

.technologyBar .cons  .rt{
  margin-left: 1.25rem;
}

.matelrlal{
    width: 100%;
    height: auto;
}
.matelrlal .image {
    position: relative;
  width: 18.75rem;
  margin: 0 auto;
  margin-bottom: 2.125rem;
}
.matelrlal .image img {
  width: 100%;
  height: auto;
}
.matelrlal .dot {
display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
  width: 0.45rem;
  height: auto;
}
.matelrlal .dot  div{
 cursor: pointer;
  position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
 width: 100%;
  height: 0.45rem;
  border-radius: 50%;
  color: #000;
border: .0125rem  solid #000;
}
.matelrlal .dot div::before {
  display: block;
  content: '';
  width: .3125rem;
  height: 0.0125rem;
  background-color: #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.matelrlal .dot div::after {
  display: block;
  content: '';
  width: .3125rem;
  height: 0.0125rem;
transform: rotate(90deg);
  background-color: #000;
}
.matelrlal .dot1{
    left: 23%;
    top: 44%;
}
.matelrlal .dot1::before {
  display: block;
  content: '';
  width: .0125rem;
  height: 3.175rem;
  background-color: #000;
}

.matelrlal .dot2::after {
  width: .0125rem;
  display: block;
  content: '';
 height: 1.2375rem;
  background-color: #000;
}

.matelrlal .dot3::before {
  width: .0125rem;
  display: block;
  content: '';
  height: 2.725rem;
  background-color: #000;
}

.matelrlal .dot2{
       left: 49%;
    top: 10%;
}
.matelrlal .dot3{
    right: 23%;
    top: 50%;
}
.matelrlal .dot div.active::after{
  display: none;
}
.material-list .top .tl span i {
  font-size: 12px;
}
.material-list{
  width: 16rem;
  margin: 0 auto;
  height: auto;
  padding-bottom: 1.125rem;
}
.material-list .top {
    display: flex;
    justify-content: space-between;
}
.material-list .top   img{
  width: 3.7625rem;
  height: 3.7625rem;
  object-fit: cover;
}
.material-list .top .lt h6 {
  font-size: 0.5rem;
  font-family: 'Montserrat-Bold';
}
.material-list .top .tl span {
  font-size: 0.3rem;
    display: inline-block;
    width: 18%;
}
.material-list .top .tl .ls ,
.material-list .item2  .item2Tx span{
  font-size: 0.2rem;
  line-height: 0.3125rem;
  margin-left: 1.125rem;
    flex: 1;
color: rgb(129 126 126);
}
.material-list .top .lt {
  margin-left: 1.625rem;
  flex: 1;
}
.material-list .top .tl {
  width: 100%;
  border-top: 1px solid #000;
  margin-top: .25rem;
  padding-top: .1875rem;
}
.material-list .top .tll {
  display: flex;
    align-items: center;
  margin-bottom: .35rem;
}
.material-list .bto .ls span {
  display: inline-block;
  width: fit-content;
    white-space: nowrap;
  font-size: 0.25rem;
  font-family: 'Montserrat-Bold';
}
.material-list .bto .lss {
  font-size: 14px;
  line-height: 25px;
    margin-left: 4%;
color: rgb(129 126 126);
}

.material-list .bto .ls{
  display: flex;
}
.material-list .bto .ls:first-child {
margin: 2.125rem 0  .75rem 0;
}

.material-list .item2 .top .tl span{
width: 31%;
}
.material-list .item2 .top .tl .ls {
  margin-left: 0.5rem;
}
.material-list .item2  .item2Tx {
  display: flex;
  align-items: center;
}
.material-list .item2 img {
  width: 3.7625rem;
	height: 5.6375rem;
  object-fit: cover;
}
.material-list .item3 .tll {
  flex-direction: column;
    align-items: flex-start;
    text-indent: 2em;
}
.material-list .item3   .ls{
margin-left: 0 !important;
margin-bottom: .25rem;
}

.material-list .item{
  display: none;
}
.contact1 .text{
  position: absolute;
  top: 50%;
  left: 4rem;
  transform: translateY(-50%);
  font-size: 1.25rem;
  font-family: 'Montserrat-Bold';
  color: #fff;
}
.contact2{
 height: 9.375rem;
  padding-top: .625rem;
background-color: #f2f2f2;
}

.contactCard {
  width: 15.875rem;
  margin: 0 auto;
}
.contact2 .round {
  width: 0.6375rem;
  height: 0.6375rem;
  background-color: #f2f2f2;
  border-radius: 50%;
    border: .1875rem solid #276cb5;
}
.contact2 .title h6 {
  font-size: 0.5rem;
  margin: .25rem 0 ;
  font-family: 'Montserrat-Bold';
}
.contact2 .title .ls {
font-size: .225rem;
line-height: .4375rem;
}
.contact2 .bto .callUs {
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 0.25rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5c200;
}
.contact2 .bto img {
  width: 9.4rem;
  height: auto;
  object-fit: cover;
}
.contact2   .top{
  margin-bottom: 1.5rem;
}
.contact2 .bto{
  display: flex;
    justify-content: space-between;
}

.platform  .ce a:last-child{
  color: rgba(244, 183, 26, 1);
}
.adress {
  width: 100%;
  height: auto;
  margin-bottom: 1.125rem;
}
.adress ul {
  width: 100%;
  height: auto;
}
.adress .tl {
  font-size: 0.5rem;
  font-family: 'Montserrat-Bold';
  margin-bottom: .3125rem;
}
.adress li {
  padding: .1875rem 0 ;
  display: flex;
  align-items: center;
    justify-content: space-between;
  width: 100%;
  height: auto;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.adress li:first-child{
  border-bottom: none;
}
.adress li .text {
  font-size: 0.3rem;
line-height: .3125rem;
}
.adress li img {
  cursor: pointer;
  width: 0.5125rem;
  height: 0.5125rem;
    object-fit: contain;
}
.adress li .text.img{
  display: flex;
  justify-content: end;
}

.adress  .bto{
  font-size: 16px;
  line-height: 25px;
  margin-top: .35rem;
}
.adress li  div:nth-child(3){
  width: 40%;
}

.contact2 .bto .callUs .ph {
  display: none;
}
.contact2 .bto .callUs:hover .ph {
  display: block;
}
.contact2 .bto .callUs:hover  i {
  display: none;
}
.footer .bto .text{
    display: flex;
}