.clear{clear: both;}
.container-all{ width: 100%; max-width: 1920px; margin: 0 auto;}
  @font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
  }
  @font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
  }
  @font-face {
    font-family: 'rubik-regular';
    src: url('../fonts/Rubik-Regular.ttf') format('truetype');
  }
  @font-face {
    font-family: 'rubik-medium';
    src: url('../fonts/Rubik-Medium.ttf') format('truetype');
  }
.rubik-medium{ font-family: "rubik-medium"!important;}
.rubik-regular{font-family: "rubik-regular"!important;}

body,div,a,a:hover{color: #000;}



/* header */
.header{height: 100vh; overflow: hidden;}
.header-pic{position: relative; display: inline-block; 
  text-align: center; height: 100vh; overflow: hidden; z-index: 1;
}
.header-pic::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url(../images/mengban3.png) no-repeat  center;
    background-size: cover;
}
#zoomImage {
  transition: transform 50s ease;
}
#secondDiv{ display: none;}
.container-all{ position: relative;}
.shantu{ height: 100vh; background-color: #FFF;
   position: absolute; top: 0; left: 0; right: 0; z-index: 0;
   }
.shantu-pic{height: 100vh; text-align: center; display:flex; align-items: center; justify-content: center;}
/* main */
.main{ padding: 0 45px;}
/* .main-box{ width: 50%;} */
#pinglun{ width: 50%;}
.zhenglu{ margin-top: 60px;}
.nav-yi{ margin: 35px 0; font-size: 14px; font-family: "rubik-regular"!important;}



/* .zhenglu h2{ margin-bottom: 0; letter-spacing: 1.5px; font-size:17.42px; font-family: "OpenSans-Bold"!important; line-height: 17.42px;}
.zhenglu h3{ margin-bottom: 0; font-size: 11.2px; font-family: "OpenSans-Bold"!important;}
.zhenglu p{ margin-bottom: 0; font-size: 7.44px;  font-family: "OpenSans-Bold"!important;  */
.zhenglu h2{ margin-bottom: 0; /*letter-spacing: 2px;*/ font-size:19.42px; font-family: "OpenSans-Bold"!important; line-height: 17.42px;}
.zhenglu h3{ margin-bottom: 0; font-size: 11.2px; font-family: "OpenSans-Bold"!important;}
.zhenglu p{ margin-bottom: 0; font-size: 12px;  font-family: "OpenSans-Bold"!important;  zoom: 0.66;



  /* font-family: "OpenSans-ExtraBold"!important; */
}
.zhenglu-logo{ max-width: 170px;}
/* 社交平台 */
.shejiao-link a{ color: #000;font-size: 17.42px;}
/* nav */
.fenlei2{ margin-left:20px;} 
.nav-yi{ cursor: pointer;}
.nav-yi p{ margin-bottom: 0;}
.fenlei3{ margin-left: 36px;}
.zuopin{/*  margin-left: 36px; */ display: flex;gap: 4px; flex-direction: row; flex-wrap: wrap;}
.zuopin-img{height: 100px; width: auto; max-width: 160px;}
.zuopin-title{ font-family: "rubik-medium"!important;}
.zuopin-title p{font-family: "rubik-regular"!important;}
.zuopin-title a{ text-decoration: none;}
#zuopin{ width: 66%;}
.jl-desc{ margin: 30px 0;}
.jl-desc p{ margin-bottom: 0;}
.pl-title{ display: flex; 
  justify-content: flex-start;/* 将子元素对齐到容器的右端 */ 
  align-items: flex-start; /* 将子元素对齐到容器的顶端 */
  }
.pl-time{  font-size:10.2px;}
.pl-text{ text-align: justify; margin-left: 70px; display: none;}
.text-en{ margin-left: 160px;}
.copyright p{ margin-bottom: 0; font-size: 9.9px;}
.copyright{ margin: 20px 0;}
/* 轮播图 */
.carousel-control-next-icon, .carousel-control-prev-icon{
  width:33px; height:58px;  /*background-color: rgba(0, 0, 0, 0.5);*/ /* 黑色半透明覆盖 */
}
.carousel-control-next, .carousel-control-prev{
  width: auto; z-index: 0; bottom: 103px;
}
.banner .carousel-item{ height: 100vh; overflow: hidden;}
.banner .carousel-caption{ 
  z-index: 1;
  text-align: left;padding: 5px 0 16px 20px;
  background: url(../images/layer.png) repeat 0 0;
   left: 0; right: 0; bottom: -73px;
   transition: bottom cubic-bezier(.38,.88,.48,.96) 0.5s;
  -webkit-transition: bottom cubic-bezier(.38,.88,.48,.96) 0.5s;
  }
.banner .carousel-caption:hover{ bottom: 0;}
.banner .carousel-caption h3, .banner .carousel-caption p{
  font-size: 0.75rem; margin-bottom: 0; line-height: 1.7;
}

.banner .carousel-inner .carousel-item .d-block{ 
  height: 100vh; 
  /*width: auto; */
   width: 100%; 
  margin: 0 auto; object-fit: cover;
}
/* banner  指示符 */
.banner .carousel-indicators{
   margin: 0;
   bottom: 10px;
   right: 23px; left: auto;
   transition: bottom cubic-bezier(.38,.88,.48,.96) 0.5s;
   -webkit-transition: bottom cubic-bezier(.38,.88,.48,.96) 0.5s;

}
.banner .carousel-indicators [data-bs-target]{
  width: 5px; height: 5px;border: 1px solid #FFF;
}

/* 媒体查询 */
@media screen and (max-width:1440px) {
  .banner .carousel-inner .carousel-item .d-block {
    height: 100vh;
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
}
@media screen and (max-width:768px) {
  #zuopin{ width: 100%;}
}
.header,.header-pic{ height: auto; width: 100%;}
}