
:root {
	--pm-c: #009fe2
}

/*以下为当前站点样式，根据设计稿自行修改*/





.bg-pm {
	background-color: var(--pm-c)!important;
}
.c-pm {
	color: var(--pm-c);
}

.last-child {}
.last-child>div:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
}
.nav {
	overflow: hidden;
}
.nav ul {
	white-space:nowrap;
}
.nav ul li {
	display: inline-block;
}
.nav a:hover {
	background-color: rgba(255,255,255,.2)!important;
}
@media (max-width: 767px) {
	.head {
		padding: 0 0.15rem;
	}
	.nav ul {
		white-space:nowrap;
		overflow-x: scroll;
	}
	.search {
		display: none;
	}
	.sidebar {
		width: 100%!important;
	}
}

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* 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;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

/*模块标题*/
.part {}
.part-title {}
.b-br {
	border-bottom: 3px solid var(--pm-c);
}
.l-br {
	border-left: 3px solid var(--pm-c);
}
.part-title-dot {}
.part-title-dot b {
	display: inline-block;
	position: relative;
}
.part-title-dot b::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	left: 0;
	width: 6px;
	height: 6px;
	background: var(--pm-c);
}
.part-title .more {
	color: #999;
	font-size: 13px;
}



.part-hr {
	border-top: 0.1rem solid #f8f8f8
}

/*文章列表*/
.post-list {}
.post-list ul {}
.post-list ul li {}
.post-list ul li:last-child {
	margin-bottom: 0!important;
}

/*圆点*/
.list-dot {}
.list-dot a {
	position: relative;
	padding-left: 0.15rem;
}
.list-dot a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 0.06rem;
	height: 0.06rem;
	background-color: var(--pm-c);
	border-radius: 50%;
}


/*文章列表 + 缩略图*/
.post-thumb {}
.post-thumb .item {}
.post-thumb .item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}
.post-thumb .thumb {
	position: relative;
	display: block;
}
.post-thumb .thumb img {
	max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}




/*分页*/
.page {}
.page ul {
	list-style: none;
}
.page ul .thisclass {
	background:var(--pm-c);
	color: #fff;
	border: 0.01rem solid var(--pm-c);
}
.page ul .thisclass a {
	color: #fff;
}
.page ul li {
	display: inline-block;
	padding: 0.06rem 0.12rem;
	margin: 0 0.02rem;
	border: 0.01rem solid #eee;
	min-width: 0.3rem;
	font-size: 0.13rem;
}
.page ul li a {
	display: block;
	height: 100%;
	color: #666;
	text-align: center;
	
}

.link {}
.link a {
	font-size: 0.12rem;
	margin-right: 0.15rem;
}

/*列表页*/
.list {}

@media (max-width: 767px) {
	.list .thumb {
	}
}
/*文章页*/
.article {}
.article h1 {
	color: #222;
}
.article-content {}
.article-content p {
	margin: 0.15rem 0;;
	text-indent: 2em;
	line-height: 0.28rem;
	font-size:0.15rem;
}
.article-content p img {
	display: block;
	margin: 0 auto;
}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* 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;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}

.swiper-slide {
background-size: cover;
background-position: center;
}

.mySwiper2 {
height: 80%;
width: 100%;
}

.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}

.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}

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

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}