a{text-decoration: none;}
ul{margin-block-start: 1em;
    margin-block-end: 0em;list-style-type:none;}
.copyright{width:80%;font-size:14px;color:#5B5D63;position:absolute;bottom:50px;left:0px;}
.copyright a{color:#5B5D63;}
.copyright p{    margin-block-start: 0em;
line-height: 25px;
    margin-block-end: 0em;}
  .search-input{
      margin-top:2px;
    padding: 0 84px 0 16px;
    width: 430px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: var(--color-primary-label);
    caret-color: var(--color-red);
    background: #f7f7f7;
    border-radius: 999px;
    border: 0px;
}  
.bjinfo{width:100%;float:left;height:70px;margin-bottom:40px;position:relative;cursor:pointer;}
.bjinfo dl{width:100%;float:left;height:70px;}
.bjinfo dl dt{width:70px;float:left;height:70px;}
.bjinfo dl dd{width:calc(100% - 80px);float:left;margin-inline-start: 0px;line-height: 70px;text-indent: 25px;font-size: 20px;
}
.bjinfo dl dd span{color:#1105db;float:right;}
.bjinfo dl dt img{width:70px;height:70px;border-radius:70px;}
.bjinfobuttom{width:50%;float:left;margin-top:10px;}
.bjinfotitle{width:240px;color:#fff;float:left;height:60px;line-height:60px;font-size:24px;font-weight:bold;}
.bjinfoewm{width:120px;height:120px;float:right;margin-top:0px;margin-right:10px;}
.bjinfoewm img{width:120px;height:120px;}
.bjbtn{background:#1150db;height:40px;width:100px;float:right;font-size:16px;margin-top:15px;color:#fff;line-height:40px;border-radius:25px;text-align:center;text-indent: 0px;}
.bjinfocon{width:560px;float:left;height:338px;z-index: 999999;
padding: 20px;
display:none;position:fixed;top:170px;right:350px;border-radius:25px;border:1px solid #f1f1f1;box-shadow: 0 5px 15px 0 rgb(67 123 232 / 20%);
    background: url('../images/bj_info_bg.jpg');
    
}
.bjinfocon dl{width:100%;float:left;height:70px;}
.bjinfocon dl dt{width:70px;float:left;height:70px;}
.bjinfocon dl dd{width:calc(100% - 70px);float:left;margin-inline-start: 0px;line-height: 70px;text-indent: 15px;font-size: 26px;font-weight: bold;
}
.bjinfocon ul{width:50%;float:left;margin-top:40px;}
.bjinfocon ul li{width:100%;float:left;height:40px;line-height:40px;font-size:16px;margin-bottom:10px;}
.bjinfocon ul li img{width:35px;height:35px;float:left;margin-top:4px;margin-right:7px;}
.bjinfocon dl dt img{width:70px;height:70px;border-radius:70px;}
.videobo{position:relative;}
.play-button img{width:50px;height:50px;}
.play-button{position:absolute;left:50%;top:50%;cursor:pointer;margin-left:-25px;margin-top:-25px;}
.bjtel{margin-top:10px;margin-bottom:20px;width:100%;float:left;}
.bjtel img{width:100%;}
.bj_btn{width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 20px;cursor:pointer;}
.txt_search{position:relative;width:530px;margin-bottom:25px;}
.search-input:focus{border:0px;}    
.copyright1{width:100%;font-size:14px;color:#5B5D63;text-align:center;margin-top:30px;margin-bottom:60px;float:left;height:100px;}
.copyright1 a{color:#5B5D63;}
.copyright1 p{   line-height: 25px; margin-block-start: 0em;
    margin-block-end: 0em;}    
.pagination a,.pagination p{line-height:20px!important;}
.list_nav ul li{display:inline-block;padding:10px 20px;border-radius:20px;}
.bjlogo img{width:150px;}
.list_nav ul li a{color:#000;font-size:16px;display:inline-block;}
.list_nav ul li:hover,.list_nav ul li.on{background:#f7f7f7;}
.list_nav ul li.on a{font-weight:bold;}
.list_main .item{width: calc(20% - 30px);float:left;margin-top:20px;margin-left:15px;margin-right:15px;}
.list_main .item .img{position: relative;
  display: inline-block; cursor: pointer;}
  .list_main .item .play{position:absolute;top:10px;right:10px;width:40px!important;height:40px!important;}
 .list_main .item .img:hover::after {
      cursor: pointer;
  content: '';
  position: absolute;
  top: 0;
  border-radius: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* 黑色透明背景，透明度50% */
}
.gallery-top {
    height: 700px;
    width:650px;
   
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  z-index: 99997;
}

.bigimg_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99998;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.big_imgbox {
  margin: 0 auto;
  width: 960px;
}

.big_img {
  position: relative;
}

.swiperbig_btn_l,
.swiperbig_btn_r {
  position: absolute;
  top: 460px;
  width: 50px;
  height: 50px;
  z-index: 99999;
  cursor: pointer;
  outline: none;
}

.big_pic_swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.big_pic_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: -0px;
  border-radius: 10px
}

.swiperbig_btn_l {
  background: url(../images/Shape_l.png)
    no-repeat center center;
  background-size: 49px 43px;
  left: -110px;
}

.swiperbig_btn_r {
  background: url(../images/Shape_r.png)
    no-repeat center center;
  background-size: 49px 43px;
  right: -110px;
}

.big_thu_swiper {
  width: 704px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
}

.bignav_pend > div {
  height: 80px;
  border-radius: 4px;
  opacity: 0.5;
  cursor: pointer;
}

.bignav_pend > div > img {
  height: 100%;
  width:100%;
}

.bignav_pend .swiper-slide-thumb-active {
  opacity: 1;
}

.swiperbig_nav {
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.big_pic .swiper-pagination-fraction {
  bottom: -40px;
  color: #fff;
}

.big_pic_swiper {
  width: 960px;
  height: 900px;
  
  overflow: hidden;
}

.big_pic_swiper img {
  width: 100%;
}

.big_mkclose {
  position: absolute;
  padding: 0 10px;
  right: 50px;
  top: 39px;
  z-index: 9999999;
}


ul{padding-inline-start: 0px;}
.bjnav{margin-top:50px;}
.bjnav ul li.on,.bjnav ul li:hover{background:#f7f7f7;}
.bjnav ul li img{width:24px;height:24px;float:left;}
.bjnav ul li span{margin-left:15px;float:left;}
.bjnav ul li a{display:inline-block;}
.bjnav ul li a span{color:#333;font-size:18px;font-weight:bold;}
.bjnav ul li {
    padding-left:20px;
    border-radius: 48px;
    display: flex;
    width: 80%;
    height: 48px;
    margin-top:5px;
    align-items: center;
}

.bjnav1{position:fixed;bottom:0px;left:0px;width:100%;background:#f1f1f1;padding-top:5px;}
.bjnav1 ul{margin-block-start: 0em;
    margin-block-end: 0em;}
.bjnav1 ul li.on,.bjnav1 ul li:hover{background:#f7f7f7;}
.bjnav1 ul li img{width:24px;height:24px;}
.bjnav1 ul li p{width:100%;float:left;height:24px;margin-block-start: 0em;
    margin-block-end:0em;}
.bjnav1 ul li span{width:100%;float:left;}
.bjnav1 ul li a{display:inline-block;width:100%;float:left;}
.bjnav1 ul li a span{color:#333;font-size:14px;font-weight:bold;}
.bjnav1 ul li {
    text-align: center;
   list-style-type: none;
 float: left;
    width: 20%;
    height: 48px;
}


.list_content{
  
    padding-left: calc(-4.8px + 17vw);

}
.list_menu {
    height: calc(100vh - 72px);
    background-color: var(--color-background);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding-top: 10px;
    margin-top: 0px;
    position: fixed;
    overflow: visible;
    width: calc(-16.8px + 17vw);
padding-right: 12px;
    padding-left: 12px;
}

.gallery-top .swiper-button-prev, .gallery-top .swiper-container-rtl .swiper-button-next {
    left: 0%!important;
    margin-top: -24px!important;
    width: 50px!important;text-indent: -9999px;
    height: 50px!important;
    background: url(../images/zuo.png) no-repeat!important;
}
.gallery-thumbs .swiper-slide-thumb-active {
   border:2px solid #1CB3F8;
   width:100%;
   height: 85px;
   border-radius: 15px;
}
.gallery-top .swiper-button-next, .gallery-top .swiper-container-rtl .swiper-button-prev {
    right: -1%!important;text-indent: -9999px;
    margin-top: -24px!important;
    width: 50px!important;
    height: 50px!important;
    background: url(../images/you.png) no-repeat!important;
}

.bjleft .gallery-top  img {
    object-fit: cover;
    width: 100%;
    height: 700px;
}
.bjinfobuttom .item img{height:152px!important;}
.bjinfobuttom .item{width: calc(50% - 30px)!important;float:left;margin-top:20px;margin-left:15px;margin-right:15px;}
.bjinfobuttom .item .img{position: relative;
  display: inline-block; cursor: pointer;}
  .bjinfobuttom .item .play{position:absolute;top:10px;right:10px;width:40px!important;height:40px!important;}
 .bjinfobuttom .item .img:hover::after {
      cursor: pointer;
  content: '';
  position: absolute;
  top: 0;
  border-radius: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* 黑色透明背景，透明度50% */
}



.bjmore h2{font-size:16px;color:#33333399;font-weight:normal;}
.bjtime{color:#33333399;margin-top:10px;margin-bottom:10px;}
.bjright .item{width: calc(33.3% - 10px);float:left;margin-top:10px;margin-left:5px;margin-right:5px;}
.bjright .item .img{position: relative;
  display: inline-block; cursor: pointer;}
  .bjright .item .play{position:absolute;top:10px;right:10px;width:40px!important;height:40px!important;}
 .bjright .item .img:hover::after {
      cursor: pointer;
  content: '';
  position: absolute;
  top: 0;
  border-radius: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* 黑色透明背景，透明度50% */
}

.bjleft .gallery-thumbs img {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 85px;
}

.gallery-thumbs {
    float: left;
    
    width: 650px;
    height: 95px;
    box-sizing: border-box;
    margin-top: 20px;
}
.bjright .item img{
    object-fit: cover;
            width: 100%;
           border-radius: 15px;
           height: 182px;
        }
input{outline:none}
.bjright .item a{color:#000;}
.bjright .item .intro{margin-top:10px;line-height:25px;font-size:14px;height:50px;display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
 
.bjcontent{ padding-left: 20%;margin-top:0px;}

.bjleft{height:820px;width:50%;float:left;}
.bjright{height:820px;width:calc(40% - 25px);float:left;padding-left:25px;overflow-y:auto;overflow-x:hidden;}

/* 定制滚动条的样式 */
.bjright::-webkit-scrollbar {
    width: 8px; /* 定制滚动条的宽度 */
}
 
/* 定制滚动条滑块的样式 */
.bjright::-webkit-scrollbar-thumb {
     
    background-color: #ccc; /* 定制滚动条滑块的颜色 */
    border-radius: 6px; /* 定制滚动条滑块的圆角 */
}
 
/* 定制滚动条轨道的样式 */
.bjright::-webkit-scrollbar-track {
    background: #fff; /* 定制滚动条轨道的颜色 */
   
}

.bjcontent1{margin-top:30px;}
.bjcontent1 p{line-height:30px;font-size:16px!important;margin-block-start: 0em;
    margin-block-end: 0em;}
    .bjcontent1 span,.bjcontent1 li,.bjcontent1 h3,.bjcontent1 h2,.bjcontent1 h1{font-size:16px!important;}
.bjright h1{font-size:20px;}   
.bjleft video{height:820px; width: 100%; /* 让video填充整个div */

    object-fit: cover; /* 可选择其他值，比如'contain'，根据需要调整 */}
.list_main .item img{
    object-fit: cover;
            width: 100%;
           border-radius: 15px;
           height: 300px;
        }

.list_main .item a{color:#000;}
.list_main .item .intro{margin-top:10px;line-height:25px;font-size:14px;height:50px;display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
  .list_main{ 
      width: 100%;
      margin-top:20px;
  }

@media screen and (max-width: 1920px) {
  .bj_list{width:1666px;margin:0 auto;}  
  
}

@media screen and (max-width: 1768px) {
 .bjleft,.bjright,.bjleft video{height:740px;}
 .bjleft .gallery-top img,.gallery-top{height:640px;}
}
@media screen and (max-width: 1600px) {
    .bj_list{width:1400px;}
 .bjleft,.bjright,.bjleft video{height:660px;}
  .bjleft .gallery-top img,.gallery-top{height:540px;}
}
@media screen and (max-width: 1440px) {
      .bj_list{width:1200px;}
      .list_main .item{width:calc(25% - 30px);}
 .bjleft,.bjright,.bjleft video{height:660px;}
  .bjleft .gallery-top img,.gallery-top{height:540px;}
  .gallery-top{width:477px;}
}

@media screen and (max-width: 1366px) {
   .bj_list{width:1200px;}
      .list_main .item{width:calc(25% - 30px);}
 .bjleft,.bjright,.bjleft video{height:500px;}
  .bjleft .gallery-top img,.gallery-top{height:500px;}
  .gallery-top{width:477px;}
  .swiper-pagination{bottom:0px!important}
  .bjinfo dl dd{font-size:16px;}
}

@media screen and (max-width: 1280px) {
 

}

@media screen and (max-width: 1199px) {
 

}

@media screen and (max-width: 1026px) {
   

    
}


@media screen and (max-width: 991px) {

   
}


@media screen and (max-width: 768px) {
    .bjinfo dl dt img{width: 50px;
    height: 50px;
    border-radius: 50px;}
    .bjinfo dl dt {
    width: 50px;
    float: left;
    height: 50px;
}

    .bjinfo dl{margin-block-end: 0em;}
.bjbtn{margin-top:5px;height: 35px;
    width: 80px;
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border-radius: 25px;
    text-align: center;
    text-indent: 0px;}
 
.bjinfo dl dd{line-height: 50px;width: calc(100% - 50px);}
 .gallery-thumbs {width:100%;}
.gallery-thumbs .swiper-slide-thumb-active {
   border:2px solid #1CB3F8;
   width:100%;
   height: 85px;
   border-radius: 15px;
}
.bjright .item img{height:220px!important;}
    
    .search-input{width:calc(100% - 15px);padding: 0 0px 0 16px;}
    .txt_search{width:100%;margin-bottom:5px;}
    .bjright h1{margin-top:30px;}
    .bjleft{width:100%;float:left;}
    .bjright{width:100%;padding-left: 0px;overflow-y:unset;float:left;height:auto;}
    .bjcontent{padding-left:0px;width:100%;margin-top:0px;}
    .list_main{margin-top: 0px;}
    
   .bjnav{display:none;}
   .copyright{display:none;}
    .bj_list,.list_menu {
    width: 100%;
}
.bjcontent1 p{line-height:25px;}
.bjleft .gallery-thumbs img{width:100%;}
.bjright .item{width: calc(50% - 10px);}
.gallery-thumbs{padding-left:10px;padding-right:10px;}
.gallery-top{width:100%;}
.list_menu{display:none;}

.list_content{padding-left:0px!important;}
.list_main .item{width:calc(50% - 10px);margin-left: 5px;
    margin-right: 5px;}
.list_main .item img{height:230px;}
}


@media screen and (max-width: 767px) {
  

    
}


@media screen and (max-width: 480px) {
   


}