@font-face {
  font-family: 'PingFangSC-Regular';
  src: url('../fonts/PingFang\ Regular.ttf') format('truetype');
}


body {
  font-size: 14pt;
  background-color: whitesmoke;
  /* padding: 0px !important; */
  border: 0;
  margin: 0;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent
}
.grid-container {
  display: grid;
  grid-template-columns: 100px 1300px;
 
}
.grid-container-style1 {
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(32,35,47,0.2);
}

.grid-item {
  /* padding: 10px; */
  /* background-color: lightpink; */
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}



html {
  scroll-behavior: smooth;
}
.clear{
    clear: both;
}
.text-left{
  text-align  :left ;
}
.bg-Color2{
    background-color: white;
}
.bg-Color3{
    background-color:antiquewhite;
}
.header{
  height: 118px;
  /* background: white; */
  width: 100%;
  z-index: 999;
  position: fixed;
  padding-left: 360px;
  color: white;

}



.header-link{
  font-size: 22px;
  padding-left: 151px;
}
.header-link-a{
  color: #2B2B2B;
  padding-left: 120px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 22px;

  line-height: 42px;
  text-align: left;
  font-style: normal;
}

.header-link-a-dark{
  color: #fff !important;
}

.header-link-a:hover {
  color: #147AF4;
  /* text-decoration: underline; */
  /* text-decoration-color: blue;  */
  /* 如果还希望文字颜色改变，可以添加如下代码：
  color: #333; /* 举例，将文字颜色改为深灰色，具体颜色根据您的设计调整 */
}



.blue-rectangle {
  height: 4px;
  width: 90px;
  background-color: #147AF4;
}
.nav-div{
  /* padding-top: 10px; */
}

@media screen and (max-width: 724px) {
  .header {
    padding-left: 0px ;  
    height: 56px;
  }
  .header-link-a{
    font-size: 12px ;
    padding-left:8px;
    line-height: 20px;
  }
  .header-link{
    font-size: 12px ;
    padding-left: 10px;
  }
  .blue-rectangle{
    width: 50px;
    height: 2px;
  }
  .logo-image{
    width: 90px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 725px) {
  .header {
    padding-left: 120px ;  
    height: 105px;
  }
  .header-link-a{
    font-size: 16px ;
    padding-left:50px;
    line-height: 32px;
  }
  .header-link{
    font-size: 16px ;
    padding-left: 80px;
  }
  .blue-rectangle{
    width: 60px;
  }
  .logo-image{
    width: 180px;
  }
}

@media screen and (max-width: 1401px) and (min-width: 1025px) {
  .header {
    padding-left: 150px ;  
    height: 105px;
  }
  .header-link-a{
    font-size: 18px ;
    padding-left:80px;
    line-height: 40px;
  }
  .header-link{
    font-size: 18px ;
    padding-left: 90px;
  }
  .blue-rectangle{
    width: 70px;
  }
  .logo-image{
    width: 180px;
  }
}


@media (max-width: 724px) {
  .header-none {
    display:none;
  }
}
@media (min-width: 723px) {
  .header-show {
    display:none;
  }
}
.company-name{
  line-height: 42px;

}
.company-name >img{  
  margin:  0 18px;
}
.frist-div-section {
  text-align: center;
}
.div-section {
  text-align: center;
  padding: 0px 0;
  
}
.div-section-paddingtop {

  padding-top: 60px !important;
  
}
.end-div-section {
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0;
}
.div-section .section-title {
  font-size: 18pt;
  font-weight: bold;
}
.div-section .section-title-en {
  font-size: 12pt;
  color: #cdcdcd;
}
.div-section .section-title-line {
  margin-top: 5px;
}
.div-section .section-title-line > div {
  display: block;
  position: absolute;
  background-color: #2196f3;
  width: 80px;
  left: 50%;
  margin-top: 5px;
  margin-left: -40px;
  height: 5px;
}
.div-section .section-desc {
  margin-top: 30px;
}
.div-section .section-content {
  margin-top: 0px;
}
.div-section .section-content > div > div { font-size: 12pt; margin-top: 5px;}
.div-section .section-content > div > img { width: 100%;}

.div-section .section-content .card {
   
    padding: 10px;
  }

  .title-eq{
    font-size: 16pt;
    font-weight: bold;
    text-decoration: underline;
  }
  .features-title {
    font-size: 14pt !important;
    font-weight: bold;
  }
  .features-line {
    display: block;
    background-color: #2196f3;
    width: 60px;
    height: 5px;
  }
  .features-underline {
    display: block;
    background-color: #ccc;
    height: 1px;
    margin-top: -1px !important;
    margin-left: 60px !important;
  }
 
  .div-contactus-content{
    line-height: 36px;
    font-size: 12pt;
    max-width: 350px;
    margin-top: 25px;
  }
  .div-foot{
    text-align: center;
    font-size: 10pt;
  }
  .scroll-top {
    position: fixed;
    right: 15px;
    bottom: 25px;
    width: 35px;
    height: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
  
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    z-index: 99;
  }
  .scroll-top.off {
    right: -35px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*z-index: -1;*/
  }
  
  .scroll-top.on {
    right: 15px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  

 /************************************************************************************
  *                                                                                  *
  *                                    Video上叠加视频                                *
  *                                                                                  *
  ************************************************************************************/
  .overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* 图片宽度与视频相同 */
    height: 100%; /* 图片高度与视频相同 */
    object-fit: cover; /* 保持图片原始比例填充容器 */
    z-index: 1; /* 确保图片位于视频之上 */
  }

  .video-container {
    position: relative; /* 设置相对定位，以便在其内部使用绝对定位 */
    width: 100%;
    padding-top: 56.25%; /* 保持16:9的比例 */
    overflow: hidden;
  }

  .frist-div-section>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* 视频宽度与容器相同 */
    height: 100%; /* 视频高度与容器相同 */
    object-fit: cover; /* 保持视频原始比例填充容器 */
  }
  .overlay-video {
    position: absolute;
    top: 109px;
    left: 664px;  
    object-fit: cover; /* 保持图片原始比例填充容器 */
    z-index: 2; /* 确保图片位于视频之上 */
  }
  /************************************************************************************
  *                                                                                  *
  *                                    Video上叠加视频                                *
  *                                                                                  *
  ************************************************************************************/

  .custom-title{
    font-size: 30px;
    color: #2B2B2B;
    font-family: 'PingFangSC-Bold', sans-serif;
  }
  .custom-div{
    width: 61.5% !important;
    margin: 0 auto;
    
  }
  .custom-div-bc-6{
    background-color: white;
  }
  .custom-div-bc-4{
    background-color: #20232F;
  }
  .custom-div-bc-13{
    background-color: #20232F;
  }
  .div-Container { 
    display: flex; /* 设置为弹性容器 */
    justify-content: space-between; /* 水平方向上平均分配剩余空间 */
    align-items: top; /* 垂直居中对齐 */
  }
  
  .div-Container-6-L {
    width: 42%;  
    margin: 0 auto;
  }
  
  .div-Container-6-R {
    width: 58%;   
    margin: 0 auto;
  }

  .div-Container-4-L {
    width: 42%; 
    margin: 0 auto;
  }
  
  .div-Container-4-R {
    width: 58%; 
  
    margin: 0 auto;
  }

  .div-Container-11-L {
    width: 50%;   
    margin: 0 10px 10px 0; 
  }
  
  .div-Container-11-R {
    width: 50%; 
  }

  .div-Container-13-L {
    width: 50%;
    margin: 0 auto;
  }
  
  .div-Container-13-R {
    width: 50%;
    margin: 0 auto;
  }



  .div-Container-11-title {
    line-height: 48px;
    background-color: #20232F;
    color: #fff;
    font-family: 'PingFangSC-Regular';
    margin: -8px 0 0 0 ;
  }

  .map-div{
    /* width: 400px;
    height: 300px; */
    margin: 50px 0;
    border-radius: 5px;
  }