.bg{background: #f2f5f9;padding:3rem 0}
.yunying-top{position:relative;min-height: 300px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.yunying-top::before{content:"";position:absolute;display: block;width: 100%;height: 100%;z-index: 1;background: linear-gradient(140deg, #3557aa, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 0%, #3557aa);}
.yunying-top .top-banner {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.yunying-top>.main {z-index: 1;}
.yunying-top .main{position:relative;top:30%}
.yunying-top h1{font-size:24px;margin-bottom:15px;color:#fff}
.yunying-top .intro-text{font-size:1rem;line-height:2rem;color:#fff;width:550px}
.navbar {background:#d6dee9;height: 50px;}
.navbar .main {display: flex;color: white;position: relative;height: 50px;align-items: center;}
.navbar .main .nav-item {padding: 0 40px;display: flex;align-items: center;transition: all 0.3s ease;height: 50px;color: #555;}
.navbar .main .nav-item.cur{background-color: #fff;color: #000;}
.navbar .main .nav-item:hover {background:#fff;color:#333}
.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:20px 0;padding:5px}
.card-grid .card{display:flex;flex-direction:column;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);}
.card-grid .card-image{width:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;opacity:.8}
.card-grid .card-image:hover{opacity:1;transition:all .15s}
.card-grid .card-tit{text-align:center;margin:15px 0;padding:0 15px;font-size:1rem;color:#252525;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.card-grid .card:hover{transform:translateY(-5px);transition:transform 0.3s}
/**/
.social-icons {display: flex;justify-content: center;gap: 30px;margin-top: 30px;display: none;}
.social-icon {width: 120px;height: 120px;border-radius: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 16px;cursor: pointer;transition: all 0.3s ease;background-color: #f9f9f9;border: 1px solid #eee;position: relative;overflow: hidden;}
.social-icon:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.social-icon i {font-size: 36px;margin-bottom: 10px;}
.wechat {color: #07C160;}
.douyin {color: #FF4F4F;}
.qr-code {display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: white;align-items: center;justify-content: center;padding: 10px;}
.qr-code img {max-width: 100%;max-height: 100%;}
/**/
.pagination ul {display: flex;justify-content: center;margin: 30px 0}
.pagination li {padding: 8px 16px;margin: 0 5px;border: 1px solid #ddd;background-color: #fff;cursor: pointer;transition: all 0.3s ease}
.pagination li:hover {background-color: #f5f5f5}
.pagination li.page-this {background-color: #007bff;color: white;border-color: #007bff;display: block;}
.pagination li:last-child {background:none;border:none}
/**/
.contact {height:250px;padding: 0 45px;background-image: linear-gradient(135deg, #2c52b6cf 10%, #759be69e), url(/images/infodown/contact-bg.jpg);overflow: hidden;display: flex;align-items: center;margin-bottom: 2rem;justify-content: center;}
.contact-image{height:180px;width:330px;border:7px solid rgba(255,255,255,0.7)}
.contact-image img{width:100%;height:100%;object-fit:cover}
.contact-text{flex:1;color:white;padding-left: 75px;display:flex;flex-direction:column;justify-content:center}
.contact-text .contact-tit{font-size:36px;font-weight:bold;margin-bottom:20px;color: #d7ff00;}
.contact-text p{font-size:18px;margin-bottom:30px}
.contact-text p span{padding-right:1rem;}
.buttons{display:flex;gap:20px}
.buttons a{padding:12px 30px;border-radius:30px;font-size:16px;cursor:pointer;transition:all 0.3s ease;text-align:center;display: block;}
.buttons .btn-primary{background-color:#fff;color:#1e7bff;border:1px solid #fff;font-weight: bold;}
.buttons .btn-primary:hover{background-color:#f0f0f0}
.buttons .btn-outline{background-color:transparent;color:#fff;border:1px solid #fff}
.buttons .btn-outline:hover{background-color:rgba(255,255,255,0.1)}
/**/
.doc-list ul{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.doc-list ul li{display:block;border-radius:5px;background-color:#fff;padding:24px 40px}
.doc-list li .txt .text-tit{font-size:18px;font-weight:initial;line-height:1.75;/*height:3.5em;*/overflow:hidden;margin-bottom:3px;color:#3b3b3b}
.doc-list li .txt .desc p{font-size:14px;color:#7d7d7d;line-height:25px;height:50px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
.doc-list li .txt .time{font-size:12px;font-weight:400;color:#878787;margin-bottom:11px}