/* 横版模式 */
body{
  max-width:unset;
  background-image:none;
  overflow:hidden;
	overflow-x:auto;
}
body *{
	max-width:unset;
}

.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{
  margin:0.3rem auto;
  width:1.72rem;
  height:0.46rem;
  background-image:url('../images/more2.png');
  background-repeat:no-repeat;
  background-position:50%;
  background-size:100% 100%;
  cursor:pointer;
}
.row_bg .more{background-image:url('../images/more.png')}
.more a{font-size:var(--font-size-more); color:#000;}
.more a img{width:100%; height:100%;}

/* 文字版块 */
.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:#c00;}
.xw_txt q{
  color:#201D8B;
  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:not(.flex) dt,.xw_txt:not(.flex) 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:#201D8B;
  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.8rem;}
.xw_pic dt span{flex:1; width:100%; margin-left:0.2rem;}
.xw_pic dt span h1{white-space:normal;}

.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-25{width:25%;}
.flex-30{width:30%;}
.flex-35{width:35%;}
.flex-40{width:40%;}
.flex-45{width:45%;}

.lr_row>:nth-child(even){display:flex; flex-direction:row-reverse;}
.lr_row_2>:nth-child(4n),.lr_row_2>:nth-child(4n-1){display:flex; flex-direction:row-reverse;}
.lr_row_2>:nth-child(4n) span,.lr_row_2>:nth-child(4n-1) span{width:100%; flex:1; margin:0; margin-right:0.2rem;}

#pageContain{
  position:relative;
  min-width:100%;
  width:fit-content;
  height:100vh;
  overflow:hidden;
  overflow-x:auto;

	display:flex;
	flex-direction:row;
  justify-content:flex-start;
  align-items:center;

  box-sizing:border-box;
  background-image: url('../images/bg.jpg'), url('../images/bg2.jpg');
  background-repeat: no-repeat, no-repeat;
  background-position: 0 center, 53rem center;
  background-size: auto 100%, auto 100%;
}

/* 新闻 */
.page{
	position:relative;
  width:7rem;
  height:8rem;
  box-sizing:border-box;

  /* border:1px #c00 solid; */
}
.page-m{position:relative; margin:0 auto; width:5rem; height:100%;}
.page-m ul{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0.2rem;

  background-image: linear-gradient(to bottom,rgba(255,255,255,.8) 70%,transparent);
  border-radius:0.1rem;
  padding:0.2rem;
}

.row_bg .page-m ul{background-image: linear-gradient(to bottom,rgba(27,159,247,.8) 70%,transparent);}
.row_bg .page-m,
.row_bg .page-m a{color:#fff;}

.page:nth-of-type(2){
  margin-left:7rem;
}

.page0 img{position:absolute; height:auto;}

.page2 .xw_txt dt,
.page8 .xw_txt dt{
  border-bottom:1px #201D8B solid;
  margin-bottom:0.12rem;
  padding-bottom:0.12rem;
}

.page5 .xw_pic dt{display:flex; flex-direction:row; align-items:center;}
.page5 .xw_pic dt img{width:1.55rem; height:1.55rem; border-radius:50%; border:1px #fff solid;}

/* 粒子特效 */
#particles-js{z-index:1; position:fixed; top:0; left:0; width:100vw; height:100vh; pointer-events:none;}

/* 导航 */
.page_nav{
  z-index:10;
  position:fixed;
  top:0.2rem;
  right:0.2rem;
  width:95%;

  display:flex;
  justify-content:space-between;
}
.page_nav ol{
  display:flex;
  flex-direction:row;
  gap:0.1rem;
}
.page_nav a{
  color:#fff;
  font-size:0.2rem;
  text-shadow: 0 1px #201D8B, 1px 0 #201D8B, -1px 0 #201D8B, 0 -1px #201D8B;
}
.page_nav a.on{color:#ff0;}

/* 切换 */
.page_btn{
  z-index:10;
  position:fixed;
  bottom:1%;
  left:50%;
  transform:translate(-50%,-50%);
  width:3.18rem;
  height:0.58rem;
  background:url('../images/swiper-btn.png') no-repeat 50%;
  background-size:100% 100%;
}
.btn_prev,
.btn_next{
  position:absolute;
  top:0;
  left:0;
  width:0.4rem;
  height:100%;
  cursor:pointer;

  /* border:1px #c00 solid; */
}
.btn_next{left:unset;right:0;}

.imgGif{
  position:absolute;
  bottom:-1rem;
  left:5.8rem;
  width:0.81rem;
  height:4.5rem;
  background-image:url('../images/hj/hj_1.png');
  background-repeat:no-repeat;
  background-position:50%;
  background-size:100% 100%;;
}

/* 焦点图 */
.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:100%; height:2.6rem; 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;
}