.nav-banner .placeholder{height:3.5rem}main{background-color:#eceff6}main .article .article-part .main-content h1{font-size:2rem;padding:1rem 0}main .article .article-part .main-content .article-list{display:flex;flex-wrap:wrap;justify-content:space-around}main .article .article-part .main-content .article-list .article-item{margin:1rem 0;width:22%;background:white;border-radius:0 0 .3125rem .3125rem;transition:all .3s ease}main .article .article-part .main-content .article-list .article-item:hover{transform:scale(1.05)}main .article .article-part .main-content .article-list .article-item:hover .article_cont h3{color:#1564ff}main .article .article-part .main-content .article-list .article-item img{width:100%}main .article .article-part .main-content .article-list .article-item .article_cont{display:block;padding:1rem}main .article .article-part .main-content .article-list .article-item .article_cont h3{color:#333;font-size:1.5rem;margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}main .article .article-part .main-content .article-list .article-item .article_cont p{color:#777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}main .article .pagination{display:flex;justify-content:center;align-items:center;padding:2rem 0}main .article .pagination button{padding:.5rem 1rem;margin:0 .5rem;border-radius:.3125rem;background-color:#ffffff}main .tab-1{background:url(../../static/img/index/service-bg.png) no-repeat center center / cover}main .tab-1 .tab-1-part{display:flex;align-items:center;justify-content:center;padding:2rem 0;gap:3rem}main .tab-1 .tab-1-part p{color:white;font-size:1.2rem;font-weight:800}main .tab-1 .tab-1-part .btn{display:inline-block;padding:1rem 2rem;background-color:white;color:#0b70ff;border-radius:5px;transition:all .5s}main .tab-1 .tab-1-part .btn:hover{transform:scale(1.1)}:root{--primary-color:#1a73e8;--secondary-color:#f8f9fa;--text-color:#333;--light-text:#666;--border-color:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f0f2f5}.article-cont{display:flex;justify-content:space-around;background-color:white;box-shadow:0 2px 15px rgba(0,0,0,0.1);margin-top:1rem;border-radius:1rem}.article-cont .article{padding:20px}.article-cont .article h1{font-size:2.2rem;margin-bottom:15px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.article-cont .article h2{color:var(--text-color);font-size:1.6rem;margin:25px 0 15px}.article-cont .article h3{color:var(--light-text);font-size:1.2rem;margin:20px 0 10px}.article-cont .article .text-center{color:var(--light-text);font-size:.9rem;margin:15px 0}.article-cont .article img{width:40%;padding:1rem 0}.article-cont .article p{color:var(--text-color);margin-bottom:15px}.article-cont .pagination{display:flex;align-items:center;gap:10px;margin:20px}.article-cont .pagination a{display:inline-block;padding:10px 20px;background-color:#007bff;color:#ffffff;text-decoration:none;font-size:16px;border-radius:5px;transition:background-color .3s ease}.article-cont .pagination a:hover{background-color:#0056b3}.article-cont .pagination a:active{background-color:#004085}.article-cont .pagination a#prev{margin-right:10px}.article-cont .pagination a#next{margin-left:10px}.article-cont .sidebar{background-color:#f9f9f9;padding:15px;border-radius:5px;margin-bottom:10px;display:inline-block;width:40%}.article-cont .sidebar h3{font-size:16px;color:#333;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:10px}.article-cont .sidebar ul{list-style:none;padding:0;margin:0}.article-cont .sidebar ul li{margin-bottom:1rem}.article-cont .sidebar ul li a{text-decoration:none;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}.article-cont .sidebar ul li a .serial{display:inline-block;text-align:center;border-radius:50%;margin-right:10px;font-weight:bold}.article-cont .sidebar ul li a:hover{color:#0056b3}.new_info{padding:2rem}.new_info h3{font-size:2rem;padding:1rem 0}.new_info ul li{margin:1rem 0;background:white;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:.3125rem;padding:1rem}.new_info ul li a{display:flex;justify-content:start;gap:1.5rem;color:black;transition:all .3s ease}.new_info ul li a:hover{transform:scale(1.05)}.new_info ul li a:hover .new_cont h3{color:#1564ff}.new_info ul li a .new_p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}.new_info ul li a .new_author{display:inline-block;margin-top:2rem}@media (max-width:768px){.article-item{width:100% !important}.tab-1{height:100% !important;background-size:cover !important}.tab-1 .tab-1-part{flex-direction:column;gap:2vh !important}.article-cont{flex-direction:column;margin-bottom:3vw}.article-cont .main-content article img{width:100%}.article-cont .pagination{justify-content:center}.article-cont .new_info h3{font-size:6vw !important}.article-cont .new_info img{width:100%}.article-cont .new_info a{flex-direction:column}.article-cont .sidebar{width:100%}}