@charset "utf-8";
	/* CSS Document */
:root {
    --easing: cubic-bezier(0.45, 0, 0.55, 1);
}

.pc{display:block;}
@media (min-width: 992px)
{
.yd{display:none !important;}
}
@media (max-width: 992px)
{
.pc{display:none !important;}
.yd{display:block !important;}	
}

body {
	width:100%;
	margin:0;
	color:#55555a
}
a {
	color:inherit;
	text-decoration:none;
}
.top {
	width:100vw;
	position:fixed;
	top:0;
	height:60px;
	box-shadow:1px 1px 10px #CCCCCC;
	background:#fff;
	z-index:999;
}
.logo {
	height:30px;
	margin:15px;
	float:left;
}
.logo img {
	height:100%;
}
.menu {
	float:right;
}
.menu a {
	float:left;
	margin:20px 2vw;
}
.zhuti {
	width:96vw;
	margin:60px 2vw;
}
@media (max-width: 992px)
{
.zhuti {
	width:96vw;
	margin:30px 2vw 0px;
}

.firzhuti{margin-top:60px !important;}

}
.banner .tu {
	width:100%;
	height:calc(97vh - 60px);
	position:relative;
}
.tu .nei {
	position:absolute;
	bottom:0;
	height:80px;
	background-color:rgb(0,0,0,0);
	width:90%;
	padding-left:5%;
	padding-right:5%;
	border-top:1px solid #838383;
	padding-top:20px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.zuopinji {
	background:#fafafa;
	width:100%;
	font-size:15px;
	height:60vh;
	overflow:hidden;
}
.zpjwen {
	width:39.2%;
	height:100%;
	position:relative;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.zpjwen .jieshao {
	padding:30px;
}
.zpjwen .jieshao h3 {
	font-size:30px;
	color:#55555a;
	line-height:1.5;
}
.zpjwen .jieshao p {
	font-size:15px;
	color:#55555a;
	line-height:1.45;
}
.zpjwen .zpjdx {
	padding:30px;
}
.zpjtu {
	width:59.8%;
	height:100%;
}

.zguantu {
	width:40%;
	height:100%;
}

.swiper2 {
	width:100%;
	height:100%;
}
.swiper2-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media (max-width:760px) {
	.swiper2-button-next {
	right:20px;
	transform:rotate(90deg);
}
.swiper2-button-prev {
	left:20px;
	transform:rotate(90deg);
}
}
.xinwen {
	background:#aab7bb;
	color:#fff;
}
.xinwen h2{padding:50px;}
.xinlist {
	border-right:1px solid #fff;
}
.xinlist .wen {
	padding:50px;
}
.xinlist .wen h3 {
	font-size:22px;
	margin-bottom:15px;
}
.xinlist .wen .time {
	font-size:12px;
	line-height:1.5;
	font-weight:lighter;
}
.xinlist .wen p {
	font-size:13px;
	margin-bottom:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:8;
	word-break:break-all;
	-webkit-box-orient:vertical;
	height:136px;
}
.xinlist .tu {
	padding:0px 50px 50px 50px;
	width:100%;
	height:250px;
}
.xinlist .tu img {
	max-height:100%;
	max-width:70%;
}
.ysgd{padding:30px 0;}
.ysgd li {
	float:left;
	width:25%;
	list-style:none;
	margin-bottom:10px;
	text-align:center;
}
.ysgd li a {
	font-weight:200;
	font-size:18px;
}
.guanmei {
	padding:50px 0;
}
.guanmei .bt {
	margin:30px 0;
}
.guanmei .bt a {
	margin:20px;
}
.guanlist {
	margin:30px 0;
}
.guanlist .tuantu
{
	width:23.5%;
	margin-right:2%;
	float:left;
}
.guanlist .huace {
	width:100%;
	overflow:hidden;
	position: relative;
  	display: inline-block
}
.guanlist .huace img {
	width:100%;
	transition: transform 0.6s ease;
}
.guanlist .huace img:hover {
	transform: scale(1.1);
	
	
}
.guanlist .tuantu:nth-child(4n) {
	margin-right:0;
}
.lianxi {
	background:#fafafa;
	width:100%;
	margin:60px 0 0;
	padding:50px 0 75px;
}
.footer {
	background:#aab7bb;
	color:white;
	padding:31px 1vw 0;
	font-size:13px;
	line-height:1.45;
}
.zuo1 {
	width:30%;
	text-align:left;
	float:left;
}
.zuo2 {
	width:40%;
	text-align:center;
	float:left;
	padding-top:100px;
}
.zuo3 {
	width:30%;
	text-align:right;
	float:right;
}
.zuo3 .bt img {
	width:20px;
	margin:0px 10px;
}


.fenlei{width:20vw; position:fixed; height: calc(100vh - 60px); bottom:0; left:1vw; background:#fafafa; z-index:998; font-size:15px;}
.post-listing-filters{padding:30px 35px; display:flex;flex-direction: column; justify-content: space-between; height:calc(100% - 70px);}
.tp, .bo{display:block;}

.tp h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 32px;
}
.post-listing-filters .filter-types {
    max-width: 250px;
    margin-top: 40px;
    padding: 30px 0;
}
.post-listing-filters .filter-years {
    border-top: 1px solid #b4b4b4;
    max-width: 250px;
    padding: 20px 0;
}
.years a{float:left; width:50%;}

.bo{ text-align:center;}
.bo p:not(:last-child) {
    margin-bottom: 15px;
}


.liebiao{width:77vw; float:right;}
.liebiao .kaishi{margin-bottom:35px; position:relative;}
.liebiao .kaishi:last-child{ margin-bottom:0;}
.liebiao .wenben{ position:absolute; bottom:0; background:none; height:120px; width:100%; color:#55555a;}
.wenben .nbt{ margin-left:75px; width:calc(100% - 150px); border-top:1px solid #838383;}
.nbt h3{font-size:26px; margin-bottom:5px; }
.nbt p{font-size:12px;}

.kaishi:hover .wenben{color:#fff; z-index:12}
.kaishi:hover .wenben .nbt{border-top:1px solid #fff; transition: 0.4s var(--easing); }
.wbbj:after{content: "";
    display: block;
    position: absolute;
    left:-1%;
    width: 1%;
    height: 100%;
    background: rgba(81, 81, 81, 0.4);
    transition: 0.8s var(--easing);
    z-index: -1;} 
.kaishi:hover .wbbj:after{left:0;width: 100%;}


.guandianwen {
    width: 58%;
    height: 100%;
    position: relative;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: flex-end;
}   
.guandianwen .jieshao {
    padding: 30px;
	text-align:justify;
}
.guandianwen .jieshao h3 {
    font-size: 30px;
    color: #55555a;
    line-height: 1.5;
}
.guandianwen .jieshao p {
    font-size: 15px;
    color: #55555a;
    line-height: 1.45;
} 


.chanwen {
    width: 39.2%;
    height: 100%;
    position: relative;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: flex-end;
}   
.chanwen .jieshao {
    padding: 30px;
	text-align:justify;
}
.chanwen .jieshao h3 {
    font-size: 30px;
    color: #55555a;
    line-height: 1.5;
}
.chanwen .jieshao p {
    font-size: 15px;
    color: #55555a;
    line-height: 1.45;
} 


.wenjie
{
	background:#fafafa; text-align:center;
}
.wenjie .ppp{padding: 90px 80px;}
.tuijian
{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.tjdiv{width:32%;}
.tjwen p{margin-left:10px;}
.tjwen button{background:none; margin:10px; border:1px solid #a5a5a5; border-radius:2px; height:35px;  width:100px;}
.tjwen button:hover{background:#a5a5a5; color:#fff;}


.toutumiao
{
	background:#fafafa;padding:4vh 4vw; width:calc(92vw - 4vw)
}
.toutumiao .left{width:30%;}

.toutuwen {    
    display: flex;
    width: 65%;
    flex-direction: column;
    height: 200px;
    justify-content: center;
}


.wzztwb{background:#fafafa;padding:60px; width:calc(96vw - 120px)}

.wzztnb{background:#fff; padding:60px; width:calc(100% - 120px); box-shadow:1px 1px 10px #bfbfbf;}

.wzztnb span{font-size:14px;} 

.wezhu p{line-height:30px;}




.art{ 
	background: #fafafa;
    margin-bottom: 0;
    height: 60vh;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
} 
.art .ysgd li{ margin-bottom:30px;}



.arttu{margin-top:30px;} .guanlist .name { font-weight: 300; font-size: 18px; font-family: "Lato", sans-serif; width:100%; border-bottom:1px solid #111; line-height:3; }


.guanlist .tuijiantu
{
	width:24.25%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
	
}
.huace{background:#fafafa;}
.guanlist .tuijiantu:nth-child(4n)
{
	margin-right:0%;
}

.zhongjianbai{width:1%; height:100%; background:#fff; float:left;}

.xtfd{transition: 0.8s var(--easing);}
.xtfd:hover{transform: scale(1.1);}