html,
body {
  font-family: 'AlibabaPuHuiTi-3', Arial, Helvetica, sans-serif;
  position: relative;
  height: 100%;
  overflow-x: hidden;
}

body {
  color: #000;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.logotitle {
  color: #033297;
  font-size: 30px;
  padding-top: 12px;
  font-weight: bold;
  margin-left: 6px;
}

.flag-icon {
  width: 30px;
}

.flag-icon img {
  width: 40px;
}

.nav-container {
  width: 80%;
  margin: 0 auto;
}

.swiper {
  width: 100%;
}

.navbar-word {
  color: #000;
  text-decoration: none;
  font-size: 20px;
  margin-left: 36px;
  box-sizing: border-box;
  display: inline-block;

  padding: 2px 9px;
  margin-bottom: 7px;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.navbar-word-active {
  color: #ffffff !important;
  background-color: #f00000 !important;
  transform: none;
}

.navbar-word:hover {
  color: #ffffff;
  background-color: #f00000;
  transform: none;
}

.navbar-nav_list {

  color: #000000;
  margin-bottom: 5px;
}

.getquote {
  background-color: #f00000;
  border-radius: 20px;
  text-align: center;
  padding: 0 10px 0 10px;
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.dropdownflag {
  padding: 0;
  margin-bottom: 16px;
}

.getquote a {
  margin: 0;
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}

.producttitle {
  margin-top: 40px;
  overflow: hidden;
  margin-bottom: 32px;
}

.aboutmaintwo {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 36px 36px 7px 36px;
  margin: 0 1px;
}

.seemorebtn {
  position: relative;
  text-align: left;
}

.two-line-text {
  margin: 0;
}

.foot {
  padding: 0;

  width: 100%;
  background-color: #032e8b;
  text-align: center;
  margin-top: 14px;
}

.footlast h6 {
  padding: 10px;
}

.productlist-card {
  border: none;
  margin-bottom: 10px;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.aboutmainword p {
  text-align: left;
  font-size: 18px;
  color: #898989;
  margin: 0;
  line-height: 38px;
  text-align: justify;
}

.needadd {
  padding-bottom: 30px;
}

.navbar-nav_list {
  position: relative;
  list-style: none;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 200px;
  z-index: 1000;

}


.has-dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu li {
  list-style: none;
  margin-bottom: 5px;
}

.dropdown-menu li a {
  text-decoration: none;
  color: #333;
}

.dropdown-menu li a:hover {
  color: #ffffff;
}

.casebackground h3 {
  color: #ffffff;
}

.swiper-slide {
  width: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.allcontainer {
  width: 100%;
  text-align: center;
}

.productcontainer {
  display: inline-block;
  width: 80%;
}

.aboutcontainer {
  display: inline-block;
  width: 80%;
}

.titleh {
  float: left;
  color: #032e8b;
  font-weight: bold;
}

.titlepoint {
  float: left;
  color: #df0707;
  font-weight: bold;
}

.productlist {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* 设置卡片间距为15px */
}

.productlistone {
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  position: relative;
  flex: 0 0 calc(25% - 11.25px); /* 一行4个，减去间距 */
  max-width: calc(25% - 11.25px);
}

.productlistone:hover {
  background-color: #ffffff;
  transform: scale(1.05);
  box-shadow: 5px 5px 5px 5px rgb(218, 218, 218);
  z-index: 1;
}

.product-img {
  padding: 12px;
  height: 250px;
}

.productlist-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.btn-getprice {
  background-color: #f00000;
  color: #ffffff;
  font-size: 16px;
}

.btn-getprice:hover {
  background-color: #033297;
  color: #ffffff;
  font-size: 16px;
}

.mainabout {
  border-radius: 10px;
  border: 5px #000000;
}

.aboutwordred {
  color: #df0707;
  font-size: 40px;
  font-weight: bold;
}

.fouriconimg img {
  width: 110px;
}

.mainabout {
  padding-bottom: 0px;
}

.aboutword p {
  color: #898989;
  font-size: 18px;
}

.aboutmainword {
  padding: 0;
}

.aboutmainimg img {
  width: 100%;
  height: auto;
}

.seemorebtn a {
  color: #ffffff;
  background-color: #df0707;
  border-radius: 10px;
  height: 30px;
  padding: 0 15px;
}

.seemorebtn a:hover {
  color: #ffffff;
  background-color: #033297;
}

.casecontainer {
  display: inline-block;
  width: 80%;
}

.case-card {
  overflow: hidden;
}

.casecard {
  box-sizing: border-box !important;
}

.case-twoimg {
  max-height: 230px;
  display: flex;
  overflow: hidden;
  height: 230px;
}

.case-img {
  flex: 1;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-img img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.casebackground {
  flex: 1;
  width: 50%;
  height: 100%;
  display: flex;
/*  align-items: center;*/
  justify-content: center;
    background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.caseseemorebtn a {
  color: #ffffff;
  background-color: #df0707;
  border-radius: 10px;
  height: 30px;
  padding: 0 15px;
  margin-top: 20px;
  padding-top: 2px;
}

.caseseemorebtn a:hover {
  color: #ffffff;
  background-color: #033297;
}

.caseseemorebtn {
  margin-top: 30px;
}




.newslist-card {
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
}

.applicationcard-titleword {
  text-align: left;
}

.applicationcard-titleword p {
  text-align: left !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
}


.product-news img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.productcard-titleword {
  min-height: 68px;
}

.productcard-titleword h5 {
  font-size: 32px;
}

.productlist a {
  border-radius: 10px;
}


.newscontainer {
  display: inline-block;
  width: 80%;
}

.newsseemorebtn a {
  color: #ffffff;
  background-color: #df0707;
  border-radius: 10px;
  height: 30px;
  padding: 0 15px;
  margin-top: 20px;
  padding-top: 2px;
}

.newsseemorebtn a:hover {
  color: #ffffff;
  background-color: #033297;
}

.newslistall {
  padding: 0 38px 38px 38px;
}

.newscard-titleword p {
  text-align: left;
  margin: 0;

}

.newscard-titleword h5 {
  text-align: left;
  margin: 5px 0;
  font-size: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.newsseemorebtn a {
  margin: 0;
}

.newsseemorebtn {
  position: relative;
  top: -18px;
}



.newscustom-btn {
  margin: 0;
}

.two-line-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  color: #898989;
  /* text-indent: 2em; */
}



.footcontainer {
  overflow: hidden;
}

.footmain {

  width: 80%;
  height: 100%;
  display: inline-block;
}

.footlast {
  background-color: #ffffff;
  width: 100%;
  text-align: center;
}



.footlogotitle {
  font-weight: 600;
  padding-right: 10px;
  font-size: 26px;
  margin-top: 10px;
  color: #ffffff;
  letter-spacing: 5px;
}

.banner-p {
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
  letter-spacing: 0.11em;
}

.coltwo {
  margin-bottom: 15px;
}

.coltwo a {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
}

.colthree {
  margin-bottom: 15px;
}

.colthree h4 {
  font-size: 22px;
  color: #ffffff;
}

.colthree h5 {
  color: #ffffff;
  font-size: 16px;
}

.socialmedia h4 {
  font-size: 26px;
  color: #ffffff;
}

.custom-div {
  /* height: 400px; */
  margin-top: 50px;
}

.custom-divleft {
  text-align: left;
}

.custom-div img {
  width: 200px;
}

.twocustom-divleft {
  padding-left: 86px;
  font-size: 16px;
  font-weight: 700;
}

.socialmedia-img a {
  text-decoration: none;
}

.socialmedia-img img {
  width: 55px;
}

.socialmediaimage {
  margin: 10px;
}

.seemorebtn a {
  padding-top: 2px;
}

.dropdown-toggle::before,
.dropdown-toggle::after {
  display: none;
}

.thebreadin {
  display: inline-block;
  width: 80%;
  margin: 10px 0 10px 0;
  text-align: left;
  color: #ffffff;
  font-size: 18px;
}

.breadcrumb {
  font-size: 18px;
}

.navbar-nav_list {
  position: relative;
  list-style: none;
}

.prodropdown-menu {
  display: none;
  position: absolute;
  top: 100%;

  transform: translateX(-53%);
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 1000;
  width: 80vw;

}

.aboutdropdown-menu {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding:2px 10px;
  top: 100%;
  border-radius: 10px;
  left: 42px;
}

.navaboutdroponein{
  border-radius: 5px;
  margin: 5px 0;
}
.navaboutdroponein a {
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  padding: 5px;
  margin-top:10px ;
}

.navaboutdroponein:hover{
  background-color: #f00000;
  
}
.navaboutdroponein:hover a{
  color: #f1f1f1;
}




.has-dropdown:hover .prodropdown-menu {
  display: block;
}

.has-dropdown:hover .aboutdropdown-menu {
  display: block;
}


.prodropdown-menu li {
  list-style: none;
  margin-bottom: 5px;
}

.prodropdown-menu li a {
  text-decoration: none;
  color: #333;
}

.prodropdown-menu li a:hover {
  color: #007bff;
}

.navprodropone {
  flex-basis: calc(100% / 3);
  margin: 10px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px;
}

.navprodropone:hover {
  background-color: #003397;
  color: #ffffff;
}

.navprodropone:hover a {
  background-color: #003397;
  color: #ffffff;
}

.navprodroptwo {
  display: flex;
  cursor: pointer;
}

.navprodroptwoin {
  flex-basis: calc(100% / 4);
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
}

.navprodroptwoin:hover {
  background-color: #003397;
  color: #ffffff;
}

.navprodroptwoin:hover a {
  background-color: #003397;
  color: #ffffff;
}

.navprodropdown {
  display: flex;
  cursor: pointer;
}

.navprodroponeimg {
  height: 230px;
}

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

.navprodroponein a {
  text-decoration: none;
  color: #000000;
  font-size: 18px;

}

.navprodroptwoin a {
  text-decoration: none;
  color: #000000;
  font-size: 18px;
}

.custom-dropdown-menu {
  border-radius: 10px;
}

.smalltodropdown {
  display: none;
}

@media(max-width:1830px) {
  .logo-icon {
    width: 130px ;
    margin: 0 ;
  }

  .logotitle {
    font-size: 26px;
    padding-top: 16px;
  }

  .navbar-word {
    font-size: 20px;
  }

  .getquote a {
    font-size: 16px;
  }

}

@media(max-width:1830px) {
  .prodropdown-menu {
    left: 139%;
  }
}

@media(max-width:1750px) {
  .prodropdown-menu {
    left: 160%;
  }
}

@media(max-width:1680px) {
  .navbar-word {
    margin-left: 17px;
  }
  .navaboutdroponein a {
  
    font-size: 16px;}
  .prodropdown-menu {
    left: 133%;
  }
}
@media(max-width:1680px) {
  .prodropdown-menu {
    left: 139%;
  }
  .navbar-word:hover {
    /* padding already set in base style */
  }

}

@media(max-width:1660px) {
  .prodropdown-menu {
    left: 143%;
  }
}

@media(max-width:1645px) {
  .aboutmainword p {
    line-height: 28px;
  }
}



@media(max-width:1630px) {
  .prodropdown-menu {
    left: 156%;
  }
}

@media(max-width:1629px) {
  .prodropdown-menu {
    left: 159%;
  }
}

@media(max-width:1610px) {
  .prodropdown-menu {
    left: 119%;
  }
}
@media(max-width:1610px) {
  .navbar-word {
    margin-left: 13px;
  }

  .getquote {
    margin-left: 20px;
  }

  .navbar-word:hover {
    /* padding already set in base style */
  }

}
@media(max-width:1550px) {
  .prodropdown-menu {
    left: 143%;
  }
}
@media(max-width:1500px) {
  .logo-icon{
    width: 100px;
  }
  .prodropdown-menu {
    left: 170%;
  }
}

@media (max-width: 1480px) {
  .nav-container {
    width: 90%;
  }

  .smalltodropdown {
    display: block;
  }

  .smalltodelet {
    display: none;
  }

  .smalltoshowgetquote {
    display: none;
  }

  .logo-icon {
    width: 80px !important;
  }

  .logotitle {
    font-size: 18px;
  }

  .getquote {
    margin: 0;
  }
  

}

@media (min-width:1480px) {
  .smalltoshowgetquote {
    display: none;
  }
}

@media (max-width:1480px) {
  .productcontainer {
    width: 90% !important;
  }

  .aboutcontainer {
    width: 90% !important;
  }

  .casecontainer {
    width: 90% !important;
  }

  .newscontainer {
    width: 90% !important;
  }
}

@media (max-width:1270px) {
  .custom-div img {
    width: 130px !important;
  }

  .footlogotitle {
    font-size: 16px !important;
  }

  .socialmedia-img img {
    width: 45px !important;
    margin: 3px;
  }

  .twocustom-divleft {
    padding-left: 45px !important;
  }

  .coltwo a {
    font-size: 18px !important;
  }

  .colthree h4 {
    font-size: 22px !important;
  }

  .socialmedia h4 {
    font-size: 22px !important;
  }

  .colthree h5 {
    font-size: 14px;
  }
}

@media (max-width:1200px) {
  .case-card {
    margin-bottom: 20px;
  }

  .newslistall {
    padding: 0 10px 10px 10px ;
  }

  .casebackground {
    text-align: left;
  }

  .casebackground h3 {
    font-size: 20px;

  }

}

@media(max-width:1200px) {
  .newsseemorebtn {
    position: relative;
    top: 0;
  }
}

@media (max-width:1200px) {
  .caseseemorebtn {
    margin-top: 0;
  }
}

@media(max-width:1130px) {
  .aboutmainword p {
    line-height: 20px;
  }
}

@media (max-width:991px) {
  .footneeddelet1 {
    display: none;
  }

  .seemorebtn {
    position: relative;
    text-align: center;
    top: 3px;
    margin: 10px 0 10px 0;
  }

}

@media(max-width:870px) {
  .casebackground h3 {
    font-size: 16px;
  }
}

@media (max-width:767px) {
  .footneeddelet2 {
    display: none;
  }

  .custom-divleft {
    text-align: center !important;
  }
}

@media (max-width:620px) {
  .productcontainer {
    width: 91% !important;
  }

  .aboutcontainer {
    width: 95% !important;
  }

  .casecontainer {
    width: 95% !important;
  }

  .newscontainer {
    width: 95% !important;
  }

}

@media (max-width:575px) {
  .productlistone {
    flex: 0 0 calc(100% - 0px); /* 手机上一行1个 */
    max-width: calc(100% - 0px);
  }
  
  .productlist{
      padding: 0 12px;
  }
  
  .socialcustom-div {
    margin-bottom: 20px !important;
  }

  .custom-div {
    margin-top: 10px !important;
  }

  .casebackground h3 {
    font-size: 24px;
  }
}


@media(max-width:530px) {
  .nav-container {
    width: 96% !important;
    margin: 0 auto;
  }
  .footlast h6 {
            font-size: 9px !important;
        }

}

@media(max-width:450px) {
    .footlast h6 {
            font-size: 7px !important;
        }
  .producttitle h1 {
    margin: 0;
  }

  .producttitle p {
    margin: 0;
  }

  .producttitle {
    margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 12px;
  }

  .aboutmaintwo {
    padding: 18px 18px 18px 18px;
  }

  .getquote a {
    font-size: 18px;
  }

  .logotitle {
    display: none;
  }



  .footlast h6 {
    padding: 5px;
  }

  .productcar-body {
    padding: 0;
  }

  .productcard-titleword h5 {
    margin: 0;
  }

  .productlist-card {
    border: none;
    margin-bottom: 10px;
    width: 100%;
    height: 360px;
    overflow: hidden;
  }

  .aboutmainword p {
    font-size: 16px;
  }

  .needadd {
    padding-bottom: 10px;
  }
}

/* 小屏幕下拉菜单字体调整 - 768px以下设备 */
@media (max-width: 768px) {
    .banner-p {
  font-size: 11px;
  margin: 0;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
  .productlistone {
    flex: 0 0 calc(50% - 7.5px); /* 平板上一行2个 */
    max-width: calc(50% - 7.5px);
  }
  
  .dropdown-menu li a {
    font-size: 12px !important;
  }
  
  .prodropdown-menu li a {
    font-size: 12px !important;
  }
  
  .aboutdropdown-menu li a {
    font-size: 12px !important;
  }
  
  .navprodropone {
    font-size: 12px !important;
  }
  
  .pc_list_nav li a {
    font-size: 12px !important;
  }
    .dropdown-menu li a {
    text-align: center !important;
  }
  
  .prodropdown-menu li a {
    text-align: center !important;
  }
  
  .aboutdropdown-menu li a {
    text-align: center !important;
  }
  
  .pc_list_nav li a {
    text-align: center !important;
  }
  .navbar-nav_list{
      text-align: center;
  }
  .navbar-word{
   padding: 0;
   margin: 0;
  }
  
}
@media (max-width: 575px) {
  .foot .col-12.col-sm-6.col-md-4.col-lg-3.custom-div.custom-divleft:nth-child(3) {
    display: none !important;
  }
  .navbar-word-4{
      margin: 12px;
  }
}

/* 小屏导航子菜单样式 */
.has-submenu {
  position: relative;
}

.submenu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #f8f9fa;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 0;
}

.submenu.show {
  display: block;
}

.submenu-item {
  margin: 0;
}

.submenu-link {
  display: block;
  padding: 8px 20px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.submenu-link:hover {
  background-color: #e9ecef;
  color: #f00000;
}

.submenu-toggle {
  position: relative;
  cursor: pointer;
}

.submenu-arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
  margin-left: 5px;
}

.submenu-toggle.active .submenu-arrow {
  transform: rotate(180deg);
}

/* 小屏导航下拉菜单中的子菜单特殊样式 */
.dropdown-menu .has-submenu .submenu {
  position: static;
  box-shadow: none;
  border: none;
  background-color: #f8f9fa;
  margin: 5px 0 0 0;
  border-radius: 5px;
}

.dropdown-menu .has-submenu .submenu-link {
  padding: 6px 15px;
  font-size: 13px;
}


.et2{
    min-width: 100px;
}


@media (min-width: 2300px) {
  .banner-title {
    font-size: calc(3em + 4px) !important;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
  }
  
  .banner-subtitle {
    font-size: calc(3em + 4px) !important;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-weight: 300;
    letter-spacing: 2px;
  }
}