.subjectlist{max-width:1200px;margin:auto}.subjectzone{margin-bottom:40px}.subject-name{margin-bottom:20px}.subject-article{display:flex;justify-content:center;flex-wrap:wrap}.article-card{display:flex;flex-direction:column;width:23%;max-width:370px;margin:20px 1%;background:#fff;border-radius:25px;border:1px solid #efefef;box-shadow:7px 5px #efefef}.article-card a{flex-grow:1}.article-card:hover{animation:topmove;animation-duration:1s;animation-fill-mode:forwards}.article-card img{width:100%;border-radius:25px 25px 0 0}.labelarticle{width:100%;padding:10px 15px}.labelarticle ul li{display:inline-block;padding:3px}.labelarticle ul li:hover{background:#076866}.article-title{margin:auto;font-size:1.8rem}.article-content h2{font-size:1.5rem;font-weight:bold;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;color:#000;margin:15px}.article-content p{text-align:left;margin:10px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;padding:0 20px;color:#000}.article-content .read-more{text-align:right;padding-right:20px;margin-bottom:10px;font-weight:bold;color:#549e9b}.subpic{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.mask{position:absolute;width:100%;height:100%;background:#000;opacity:.3}::-webkit-scrollbar{display:none}.subpic a{padding:3px 6px;color:#fff;display:inline-block;background:#00000060;border-radius:50px}.subpic h1{position:absolute;color:#fff;font-size:2.7rem;z-index:1;width:90%;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font-weight:bold;bottom:5%;left:50%;transform:translateX(-50%);text-shadow:black 3px 3px 3px}.labelarticle a{color:#000;padding:3px 6px;margin:3px;line-height:35px;background:#e9e9e9;border-radius:20px;white-space:nowrap}.subpic p:nth-child(1){position:absolute;color:#fff;font-size:4rem;z-index:4;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.subpic p:nth-child(2){padding:10px;padding-left:20px;padding-right:10px;position:absolute;color:#fff;background:rgba(112,112,112,.781);width:28%;height:100%;top:0;right:0;justify-self:end;font-size:1.2rem;z-index:4;overflow-y:scroll;display:none}.subpic p:nth-child(3){position:absolute;font-size:1.2rem;margin:30px;color:#fff;z-index:4;display:none}.subpic img{width:100%;height:100%;object-fit:cover}.pagebtn{margin:0;padding:0;margin-top:20px;width:100%;text-align:center}.pagebtn li{display:inline;font-size:1.05rem;margin:5px;padding:0}.pagebtn button i{font-size:1rem}.pagebtn li a{color:#fff}.prebtn{width:20%;background:rgba(59,106,105,.5);border:none;color:#fff}.pagebtn i{color:#fff}.nextbtn{width:20%;background:rgba(59,106,105,.5);border:none;color:#fff}.nextbtn i{color:#fff}.pagenum{background:rgba(59,106,105,.5);display:inline-block;width:58%;height:100%}.pagenum li a:focus{color:#3b6a69}.swiper{width:100%;height:150px;overflow:hidden;position:relative;margin-bottom:30px}.swiper-slide{text-align:center;font-size:18px;background:#fff;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 p{position:absolute;color:#fff;font-size:2rem}.swiper-slide p a{color:#fff}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.subjectlabel{position:absolute;z-index:5;bottom:0;left:0;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:2px}.subjectlabel ul li{display:inline;margin:4px;border-bottom:5px}.subjectlabel ul li:hover{background:rgba(34,29,28)}.subjectintromb{display:none;background:rgba(112,112,112,.5)}.labellist button{position:absolute;background:none;border:none;color:#fff;right:0;top:5px;margin-right:10px}.showcontent{color:#fff;margin-left:10px;margin-right:10px}.infobtn{position:absolute;top:10px;right:10px;border:none;background:none;color:#fff;font-size:25px;z-index:2;cursor:pointer}.infoshow{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:0}@keyframes menubig{100%{transform:scale(2);-webkit-transform:scale(1.1)}}@keyframes topmove{100%{transform:translate(0,-20px)}}@media screen and (max-width:1240px){.article-card{width:30%;margin:20px 12px}}@media screen and (max-width:1050px){.infobtn{display:block}}@media screen and (max-width:767px){.article-card{width:90%;margin:20px auto}.subpic p:nth-child(1){font-size:1.8rem}.subpic h1{font-size:1.8rem}.infobtn{display:block}}@media screen and (max-width:400px){.nextbtn{width:15%}.prebtn{width:15%}.pagenum{background:rgba(59,106,105,.5);display:inline-block;width:66%}}