@charset "utf-8";
html{ font-size: 100px; }
body{font-family:Arial, Helvetica, sans-serif;font-family:"Microsoft YaHei","Source Han Sans CN", sans-serif;  color:#333; font-size:14px; max-width: 600px; margin:auto; background: #f7f7f7;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover, a:hover .bak {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{  margin: auto; max-width: 100%;}
.content{ margin:20px auto; }
.middle{  background: #fff; border-radius: 5px; padding:20px 10px; }

.about_big{ background: #473F4A; padding:20px 15px 10px 15px; }
.about_top{ margin:auto; display: flex; align-items: center;  color: #fff;}
.about_top .pic{ width: 80px; border-radius: 100%; margin-right: 10px; }
.about_top .pic span{ padding-bottom: 100%; }
.about_top h1{ font-size: 24px; font-weight: bold; width: calc(100% - 90px); display: block; }

.about_des{ margin:20px auto 0 auto; color: #fff; line-height: 1.8; }

.about_pic{display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:10px;}
.about_pic li { background: #5E535B; border-radius: 5px; }
.about_pic li .pic{ border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.about_pic li .pic span{ padding-top: 66%; }
.about_pic li h3{ color: #fff; padding:5px 10px; font-size: 14px; opacity: .5; }




.more{ padding-bottom: 40px; margin:10px auto; text-align: center; }
.more a{ color: #fff; opacity: .5; margin:auto; }

.video{ background: #f7f7f7; margin-top: -40px; border-radius: 5px; display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:10px; padding:20px 10px;}
.video li{ background: #fff; border-radius: 5px; }
.video li .pic{border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.video li .pic span{ padding-top: 177.77%; }
.video li h3{ font-size: 15px; font-weight: bold; padding:10px 10px;  line-height: 1.5;}

.video li .pic i{ display: block; position: absolute; left: 10px;  bottom: 10px; font-size: 16px; color: #fff;}


/* .video-cover {
            width: 100%;
            cursor: pointer; position:relative; left:0; top:0; height:100%; z-index:9; object-fit: cover;
        }*/
video {
            width: 100%; /* 视频宽度 */
            display: none; /* 默认不显示 */
			 z-index:10; /*position:absolute; left:0; top:0;*/
			 object-fit: cover; /* 关键：让视频填满容器，避免黑边 */
  outline: none;     /* 去除 iOS 默认边框 */
  background: black; /* 可选：设置背景色统一 */
        }

.act{ display:block; position:fixed; height:100vh; background:#000; width:100%; left:0; top:0; z-index:99999 }
.guanbi{ position:fixed; top:25px; left:0px; display:none; color:#FFF; font-size:26px;}
.guanbi.acts{ display:block; z-index:100000}



/* X5内核下保留进度条，隐藏其他控制按钮 */
.x5-video-player {
  -webkit-mask: none !important;
  mask: none !important;
}
.x5-video-player .x5-video-player-controls {
  display: none !important;
}
.x5-video-player .x5-video-player-timeline {
  display: -webkit-inline-box !important;
}



.foot{ background: #111518; margin: auto; padding:10px 0px; text-align: center; color: #cccccc; line-height: 180%; }
.foot a{ color: #ccc; }

.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 20%; }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

/*返回顶部*/
#goTopBtn{ position:fixed; right: 0px; bottom: 50px; width: 38px; height: 38px; background: #6D1EEB; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }



.n_big{ background: #473F4A; padding:10px; }
.pic_list{display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:10px;}
.pic_list li { background: #5E535B; border-radius: 5px; }
.pic_list li .pic{ border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.pic_list li .pic span{ padding-top: 66%; }
.pic_list li h3{ color: #fff; padding:5px 10px; font-size: 14px; opacity: .5; }