@charset "utf-8";
* { margin: 0; padding: 0; }
div, ul, li { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none; color: #666; }
.wfull { position: relative; margin: 10px auto 0; width: 100%; border-radius: 5px; background: #efefef; overflow: hidden; }
.wfull .wfull-box { width: 95% !important; margin: 0 auto; }
.wfull .cont { height: 100px; line-height: 40px; }
.wfull a { display: block; color: #666; font-size: 18px; font-weight: bold; text-align: center; }
.wfull p { color: #666; font-size: 14px; margin-top: 5px; text-align: center; line-height: 1.8em; }
.wfull p span { color: #666; }
.cont-logo { background: #150301; overflow: hidden; width: 100%;height: 44px;}
.cont-logo img {display: block; margin:2px auto; }
.page_neiye { width: 99%; margin: 0 auto; display: block; margin-top: 2px; background: #e6e5e2; border-radius: 2%; position: relative; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 640px; overflow: hidden; }
.page_neiye p { width: 98%; font-size: 12px; color: #1d1d1d; overflow: hidden; text-align: left; line-height: 1em; margin: 12px 0; padding-left: 2%; }
.page_neiye p a { color: #1d1d1d; border: none; font-size: 12px; }
.pny_title { width: 98%; font-size: 18px; padding: 0; margin: 10px auto; color: #000000; text-align: center; }
.pny_title small { font-size: 14px; color: #999999; display: block; margin-top: 5px; margin: 0; padding: 0; }
.section { width: 94%; margin-left: auto; margin-right: auto; }
.pny_artlist, .pny_artpro { overflow: hidden; width: 100%; padding-bottom: 3%; background: #e6e5e2; border-radius: 2%; margin: 0 auto;border-bottom: 1px solid #ccc;}
.pny_artlistNav { display: inline-block; width: 100%; text-align: center; }
.pny_artlistNav ul { text-align: center; overflow: hidden; zoom: 1; list-style: none; margin: 0 auto; display: inline-block; -webkit-padding-start: 0; }
.pny_artlistNav li { text-align: center; font-size: 14px; float: left; border: 0.5px solid #d4d4d4; height: 35px; line-height: 35px; }
.pny_artlistNav li a { color: #000; padding: 0 6px; }
.pny_artlistNav li:first-child { border-radius: 6px 0 0 6px; }
.pny_artlistNav li:last-child { border-radius: 0 6px 6px 0; }
.pny_artlistNav li.on { background-color: #191919; border: 0.5px solid #191919; }
.pny_artlistNav li.on a { color: #fff; }
.pny_artlistBox, .pny_artlist .pny_artlistCon, .pny_artlist .li { overflow: hidden; width: 99%;margin:0 auto !important;}
.pny_artlistBox { margin-top: 3%; }
.pny_artlist .li { margin-top: 1%; }
.pny_artlist .li li { box-sizing: border-box; line-height: 2em; font-size: 14px; width: 99%; height: auto; overflow: hidden; margin: 2% auto; padding-bottom: 5%; border-bottom: 1px solid #d4d4d4; }
.pny_artlist .li li:last-child { border: 0; }
.pny_artlist .li .time { top: 10px; width: 18%; position: relative; height: 0; padding-top: 18%; background: #969393; color: #fff; text-align: center; border-radius: 3px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; float: left; }
.pny_artlist .li .day { position: absolute; left: 0; top: -6%; width: 100%; font-size: 24px; }
.pny_artlist .li .date { position: absolute; left: 0; bottom: 8%; width: 100%; font-size: 12px; }
.pny_artlist .li .info { width: 78%; float: right; }
.pny_artlist .li .title { font-weight: normal; color: #14171a; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; text-align: left; }
.pny_artlist .li .desc { color: #888; margin-top: 5px; line-height: 18px; height: 55px; overflow: hidden; font-size: 12px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.pny_artlist .li li a { display: block; width: 100%; float: left; color: #333333; width: 100%; }
.pro_list { margin-top: 1%; }
.pro_list li { box-sizing: border-box; line-height: 2em; font-size: 14px; overflow: hidden; float: left; width: 49%; margin: .5%; }
.pro_list li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; float: left; color: #333333; }
.pro_list li img { width: 100%; display: block; height: 100%; }
.pro_list li span { display: block; width: 100%; font-size: 12px; color: #000; text-align: center; }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.pny_artlist .li .time { width: 12%; padding-top: 12%; }
.pny_artlist .li .info { width: 85%; }
.pro_list li img{height: 160px;}
}