@charset "utf-8";
/* CSS Document */

ul.nav::before{ display:none;}
ul.nav li{ position:relative;}
ul.nav li p.sub{ width:auto !important; min-width:100%; padding:2px 0 0; right:50%; transform:translateX(50%); box-shadow:0 2px 4px rgba(0,0,0,0.2);}
ul.nav li p.sub a.pic{ display:none;}
ul.nav li p.sub a{ float:none; width:auto; margin:0; height:3.2em; line-height:3.2; background:#fff; text-align:center; padding:0 0.75em; font-size:15px; white-space:nowrap;}

.footer p.nav span:first-child{ display:none;}
.footer .code img{ height:7.5em;}
.footer .copyright{ line-height:2; padding:1.5em 0 1.5em;}

.main{ min-height:calc(100vh - 461px);}
.main .menu{ width:260px;}
.main .menu ul li a{ min-width:12em; padding-left:2.75em; line-height:1.875; padding:1em 2em 1em 2em;}
.main .menu ul li a::before{ left:0.875em;}

.main .menu ul,
.main .article,
.main dl.newsList dt,
.main ul.List li,
.pages,
.main ul.picList li,
.main div.picList figure,
.main dl.leader dd,
.main ul.events li,
.box1,
.box2,
.box3{ transition:none !important;}

.main div.picList{ display:block; overflow:hidden; margin:1.5% 0 2.5%;}
.main div.picList figure{ display:block; width:31.33%; overflow:hidden; position:relative; float:left; margin:0 0 32px 3%;}
.main div.picList figure:nth-child(3n-2){ margin-left:0;}
.main div.picList figure a{ display:block; overflow:hidden; position:relative;}
.main div.picList figure a em{ display:block; overflow:hidden; border:0px solid #eeeeee;}
.main div.picList figure a em i{ display:block; overflow:hidden; transition:all ease 0.4s;}
.main div.picList figure a img{ display:block; width:100%; transition:all ease 0.4s;}
.main div.picList figure a span{ display:block; line-height:1.625; color:#4b4b4b; font-size:16px; text-align:center; transition:all ease-in-out 0.4s; padding:1em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main div.picList figure a span.high{ height:3.25em; -webkit-line-clamp:2;}
.main div.picList figure a:hover i{ transform:scale(1.12);}
.main div.picList figure a:hover span{ color:#347bc4;}

.pswp__button.pswp__button--share{ display:none;}
.pswp__bg{ background:rgba(0,0,0,0.75) !important;}

@media only screen and (max-width:768px){
.footer .code img{ height:auto;}
.main .menu ul li a{ padding-top:0.6em; padding-bottom:0.6em;}
.main div.picList figure{ width:100%; margin:0 0 16px 0;}
.main div.picList figure:nth-child(3n-2){ margin-left:0;}
.main div.picList figure:nth-child(2n-1){ margin-left:0;}
.main div.picList figure a span{ font-size:14px;}
}

@media only screen and (max-width: 1350px){
.main{ margin-bottom:18px;}
}
@media only screen and (max-width: 1024px){
.main{ margin-bottom:18px;}
}
@media only screen and (max-width: 767px){
.main{ margin-bottom:18px;}
}
@media only screen and (max-width: 768px){
.main .menu{ width:auto;}
}