.top{position:absolute;	width:1.2rem; height:auto; top:7rem; left:48%; transform:translateX(-50%); z-index:99; display:none;}
.col_bt{margin:0.2rem auto; width:100%; overflow:hidden;}
.col_bt img{width:100%; height:auto; object-fit:cover; object-position:0;}
.banner{margin:0.2rem auto; width:14rem;}
.banner img{width:100%; height:auto;}
.more{float:right; cursor:pointer;}
.more a{font-size:var(--font-size-more); color:#000;}

/* 文字版块 */
.xw_txt{line-height:1.8;}
.xw_txt h1{font-size:var(--font-size-h1); text-align:justify;}
.xw_txt h2{font-size:var(--font-size-h2); text-align:center;}
.xw_txt h2 a{color:#000;}
.xw_txt q{
  color:#666;
  font-size:var(--font-size-q);
  text-align:justify;
  padding-top:0.05rem;

  overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.xw_txt dt,.xw_txt dd{padding-bottom:0.1rem;}
.xw_txt dd h1{
  font-weight:normal;

  overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.xw_txt dd h1:before{
  content:'•';
  margin-right:1ch;
}

/* 图片版块 */
.xw_pic{line-height:1.8; padding-bottom:0.1rem;}
.xw_pic img{width:100%; height:100%; aspect-ratio:16/9; display:block;}
.xw_pic h1{
  font-size:var(--font-size-h1);
  text-align:justify;

  overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.xw_pic q{
  color:#666;
  font-size:var(--font-size-q);
  text-align:justify;
  padding-top:0.05rem;

  overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
}
.xw_pic a{
  display:block;
  position:relative;
  text-align:center;
  overflow:hidden;
}
.xw_pic a span{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:0.03rem 0.1rem;
  color:#fff;
  box-sizing:border-box;
	background:rgba(0,0,0,0.6);
}
.xw_pic span a{font-weight:bold; text-align:justify;}
.xw_pic span h1{font-weight:normal;}
.xw_pic dt{display:flex; flex-direction:row;}
.xw_pic dt img{width:2.5rem;}
.xw_pic dt span{flex:1; width:100%; margin-left:0.2rem;}
.xw_pic dt span h1{white-space:normal;}

.xw_pic.lr dt:nth-child(4n),.xw_pic.lr dt:nth-child(4n-1){display:flex; flex-direction:row-reverse;}
.xw_pic.lr dt:nth-child(4n) span,.xw_pic.lr dt:nth-child(4n-1) span{width:100%; flex:1; margin:0; margin-right:0.2rem;}
.xw_pic.t dt{display:block;}
.xw_pic.t dt a{display:unset;}
.xw_pic.t dt h1{border-bottom:1px #ccc solid; padding-bottom:0.05rem; margin-bottom:0.15rem;}
.xw_pic.t dt span{display:flex; flex-direction:row; margin:0!important;}
.xw_pic.t dt span img{width:2rem;}
.xw_pic.t dt span q{flex:1; width:100%; line-height:2; margin-left:0.2rem;}

.flex{gap:0.2rem;}
.flex-1{flex:1;}
.flex-2>*{width:calc(100% / 2 - 0.1rem);}
.flex-3>*{width:calc(100% / 3 - 0.1rem);}
.flex-4>*{width:calc(100% / 4 - 0.1rem);}
.flex-5>*{width:calc(100% / 5 - 0.1rem);}
.flex-30{width:30%;}
.flex-35{width:35%;}
.flex-40{width:40%;}
.flex-45{width:45%;}

.lr_l .lr_r{display:flex; flex-direction:row-reverse;}

/* 新闻 */
.page{
	position:relative;
	margin:0 auto;
	width:100%;
  box-sizing:border-box;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.page-m{width:14rem; margin:0.5rem auto; position:relative;}
.page-m ul{background:rgba(255,255,255,1); border-radius:0.1rem; padding:0.2rem; position:relative; overflow:hidden;}

.page1 .xw_pic {margin-bottom: 0.2rem;}
.page1 .xw_pic dt img{width: 2.8rem; aspect-ratio: 16/9;}
.page1 .xw_txt.flex{gap: 0;}

.page2 .col_bt{width: 14rem;}
.page2 .page-m{
  width: 100%;
}
.page2 .page-m ul{
  background:url('../images/c_02_bg.png') no-repeat 50%;
  background-size: 100%;
  border-radius: 0;
}

.page5 .page-m ul{
  height: 6.6rem;
  background:url('../images/c_05_bg.png') no-repeat 50%;
  background-size: 100%;
}
.page5 .xw_pic dd i{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.69rem;
  height: 0.69rem;
  background:url('../images/play.png') no-repeat 50%;
  background-size: 100% 100%;
  opacity: 0.6;
}

.page7 .page-m{
  width: 100%;
  height: 9.04rem;
  background:url('../images/c_07_bg.png') no-repeat 50%;
  background-size: 100%;
}
.page7 .page-m ul{margin: 0 auto; width: 14rem; background: none; overflow: unset;}

.page9 .page-m{
  width: 15.9rem;
  height: 7.23rem;
  background:url('../images/c_09_bg.png') no-repeat 50%;
  background-size: 100%;
}

.page10 .flex-3.xw_pic{margin-top: 0.1rem;}

.pic-srcoll{
  position: absolute;
  top:0.65rem;
  left: 8.7rem;
  width: 4.6rem;
  height: 7.8rem;
  overflow-y: auto;
}
.pic-srcoll img{width: 100%;}

.jpb{
  position: absolute;
  top:6.66rem;
  left: 2.63rem;
  width: 5.71rem;
  height: 3.76rem;
  overflow-y: auto;
  background:url('../images/000-6.png') no-repeat 50%;
  background-size: 100% 100%;
  overflow: hidden;

  padding: 0.2rem;
  padding-left: 0.6rem;
}
.jpb iframe{width: 100%; height: 100%; overflow-y: auto;}

.rc{
  position: absolute;
  top:8.25rem;
  left: 8.85rem;
  width: 7.5rem;

  display: flex;
  justify-content: space-between;
  gap: 0.2rem;
}
.rc-t{
  position: relative;
  width: 2.13rem;
  height: 2.05rem;
  background:url('../images/000-7.png') no-repeat 50%;
  background-size: 100% 100%;
}
.rc-t h1{
  position: absolute;
  bottom: 0.05rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.26rem;
  font-weight: normal;
  white-space:nowrap;
}
.rc-m{
  width: 5.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rc-m ol{
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
}
.rc-m ol a{
  width: 0.77rem;
  height: 0.4rem;
  background-color: #fff;
  border-radius: 0.1rem;
  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-m ol a.active {
  color: #ff0000;
  font-weight: bold;
}
.rc-m ol a.disabled {
  color: #ccc !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.rc-m ul li{
  color: #fff;
  line-height: 1.8;
  text-align: justify;

  display: none;
}
.rc-m ul li a{color: #fff;}

.csp-1{
  position: absolute;
  top:0.4rem;
  left: 0.5rem;
  width: 4.2rem;

  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.csp-1.xw_pic dd img{height: 2.7rem; object-fit: cover;}
.csp-2{
  position: absolute;
  top:0.46rem;
  left: 5.63rem;

  /* border: 1px #c00 solid; */

  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
.csp-2.xw_pic dd img{width: 3.23rem; height: 5.7rem; object-fit: cover;}

/* 异步背景 */
.page-bg{
  position:relative;
  width:100%;
  height:5rem;
  background-repeat:no-repeat;
  background-position:bottom;
  background-attachment:fixed;
  background-size:cover;

  display:none;
}

.page0 .page-bg{background-image:url('../images/bg_00.jpg');}
.page1 .page-bg{background-image:url('../images/bg_01.jpg');}
.page2 .page-bg{background-image:url('../images/bg_02.jpg');}
.page3 .page-bg{background-image:url('../images/bg_03.jpg');}
.page4 .page-bg{background-image:url('../images/bg_04.jpg')}
.page5 .page-bg{background-image:url('../images/bg_05.jpg');}
.page6 .page-bg{background-image:url('../images/bg_06.jpg');}
.page7 .page-bg{background-image:url('../images/bg_07.jpg');}
.page8 .page-bg{background-image:url('../images/bg_08.jpg');}
.page9 .page-bg{background-image:url('../images/bg_09.jpg');}
.page10 .page-bg{background-image:url('../images/bg_10.jpg');}

/* 焦点图 */
.swiper-container{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.swiper-slide{
	text-align:center;

	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
  transition-property:all;
}
.swiper-slide img{width:100%; height:100%; aspect-ratio:16/9;}
.swiper-slide h1{
  font-size:var(--font-size-h1);
  line-height:1.5;

  overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper-slide q{
  color:#666;
	font-size:var(--font-size-q);
  line-height:1.8;
	text-align:justify;

  overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.swiper-slide a{
	display:block;
  width:100%;
  height:100%;
  text-align:center;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.swiper-slide a h1{
	position:absolute;
	bottom:0;
	width:100%;
  font-weight:normal;
	padding:0.05rem;
	box-sizing:border-box;
	background:rgba(0,0,0,0.6);
}
.swiper-slide span h1{
  position:relative;
  padding:0.05rem 0;
  background:none;
}
.swiper-slide span h1 a{display:inline; color:#000; text-align:left;}
.swiper-button-prev,
.swiper-button-next{
	--swiper-navigation-size:0.33rem;
  --swiper-navigation-color:#333;
	outline:none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
  --swiper-navigation-color:#c00;
}
.swiper-pagination-bullet{
	width:0.08rem;
	height:0.08rem;
	background:rgba(255, 255, 255, 1);
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:rgba(255, 0, 0, 1);
	opacity:1;
}

.swiper0{width:8rem; height:4.5rem; margin:0 auto; position:relative;}
.swiper0 .swiper-pagination{bottom:0.5rem;}
.swiper0 .swiper-button-prev,
.swiper0 .swiper-button-next{
	--swiper-navigation-color:#fff;
}
.swiper0 .swiper-button-prev:hover,
.swiper0 .swiper-button-next:hover{
	--swiper-navigation-color:#ff0;
}

.swiper1{width:100%; height:1.7rem; margin:0.2rem auto; position:relative;}
.swiper1 .swiper-container{width:90%; height:100%;}
.swiper1 .swiper-pagination{bottom:0.5rem;}
.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next{
	--swiper-navigation-color:#000;
}
.swiper1 .swiper-button-prev:hover,
.swiper1 .swiper-button-next:hover{
	--swiper-navigation-color:#c00;
}

.swiper2{width:15rem; height:2.4rem; margin:0.3rem auto; position:relative;}
.swiper2 .swiper-container{width:13rem; height:100%;}
.swiper2 .swiper-pagination{bottom:0.5rem;}
.swiper2 .swiper-button-prev,
.swiper2 .swiper-button-next{
  --swiper-navigation-size:0.44rem;
	--swiper-navigation-color:#fff;
}
.swiper2 .swiper-button-prev:hover,
.swiper2 .swiper-button-next:hover{
	--swiper-navigation-color:#ff0;
}

.swiper3{width:100%; height:1.7rem; margin:0.2rem auto; position:relative;}
.swiper3 .swiper-container{width:90%; height:100%;}
.swiper3 .swiper-pagination{bottom:0.5rem;}
.swiper3 .swiper-button-prev,
.swiper3 .swiper-button-next{
	--swiper-navigation-color:#000;
}
.swiper3 .swiper-button-prev:hover,
.swiper3 .swiper-button-next:hover{
	--swiper-navigation-color:#c00;
}

.swiper4{width:100%; height:2.2rem; margin:0.2rem auto; position:relative;}
.swiper4 .swiper-container{width:90%; height:100%;}
.swiper4 .swiper-pagination{bottom:0.5rem;}
.swiper4 .swiper-button-prev,
.swiper4 .swiper-button-next{
	--swiper-navigation-color:#000;
  display: none;
}
.swiper4 .swiper-button-prev:hover,
.swiper4 .swiper-button-next:hover{
	--swiper-navigation-color:#c00;
}

.swiper7{
  position: relative;
  width:8rem;
  height:6.8rem;
  cursor:pointer;
  margin-top: 1rem;
}
.swiper7 .swiper-main{height:72%!important; width:100%;}
.swiper7 .swiper-thumbs{height:28%!important; box-sizing:border-box; padding-top:0.35rem;}
.swiper7 .swiper-thumbs .swiper-slide{height:100%; background-size:100% 100%; opacity:0.5;}
.swiper7 .swiper-thumbs .swiper-slide-thumb-active{box-sizing:border-box; opacity: 1; position:relative;}
.swiper7 .swiper-button-prev,
.swiper7 .swiper-button-next{
	--swiper-navigation-color: #fff;
}

.swiper9{
  position: absolute;
  bottom: 0.3rem;
  right:1rem;
  width:8rem;
  height:5.4rem;
}
.swiper9 .swiper-container{width:6.3rem; height:100%;}
.swiper9 .swiper-pagination{bottom:0.5rem;}
.swiper9 .swiper-button-prev,
.swiper9 .swiper-button-next{
  --swiper-navigation-size:0;
  top:78%;
  width:0.6rem;
  height:1.15rem;
  background-image: url('../images/swiper_prev.png');
  background-repeat:no-repeat;
  background-position:50%;
  background-size:100% 100%;
}
.swiper9 .swiper-button-next{
  background-image: url('../images/swiper_next.png');
}