#container { width:100%; margin:0 auto; padding:30px 0px 40px; overflow:hidden; background:#f5f5f5; }
.tech_ad { background:url(tech-banner.jpg) center center no-repeat; background-size:cover; }
.search-container { width:100%; max-width:700px; margin:0px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.search-input { flex:1; height:40px; border:1px solid #e5e7eb; border-radius:4px 0 0 4px; padding:0 15px; font-size:16px; outline:none; transition:border-color 0.3s; }
.search-input:focus { box-shadow:0 0 0 1px rgba(0,177,169,0.5); border-color:#22c55e; }
.search-btn { width:100px; height:40px; background-color:#00b1a9; color:white; border:none; border-radius:0 4px 4px 0; cursor:pointer; font-size:16px; transition:background-color 0.3s; }
.search-btn:hover { background-color:#019f94; }
.product-line-container { width:100%; max-width:1140px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.product-title { font-size:16px; line-height:32px; font-weight:bold; color:#303233; width:100px; height:100%; float:left; margin-right:20px; text-align:center; }
.category-content { overflow:hidden; }
.first-level { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px; }
.first-level-item { padding:10px 20px; border-radius:8px; cursor:pointer; font-size:16px; transition:all 0.3s; line-height:16px; }
.first-level-item:hover { background:#00b1a9; color:#ffffff; }
.first-level-item.active { background:#00b1a9; color:#ffffff; user-select:none; }
.second-level { padding-top:20px; border-top:1px solid #e8e8e8; display:none; clear:both; height:70px; }
.second-level.show { display:block; }
.second-level-item { display:inline-block; padding:8px 16px; border-radius:4px; margin:0 10px 10px 0; cursor:pointer; font-size:16px; line-height:16px; transition:all 0.3s; user-select:none; }
.second-level-item:hover { background:#00b1a9; color:#ffffff; }
.second-level-item.active { background:#00b1a9; color:#ffffff; }
.content-container { width:100%; max-width:1200px; margin:0 auto 40px; border-radius:8px; padding:30px; min-height:400px; }
.content-title { font-size:20px; font-weight:600; margin-bottom:20px; color:#2c5282; border-bottom:2px solid #f0f0f0; padding-bottom:10px; }
.content-empty { display:flex; align-items:center; justify-content:center; height:300px; color:#999; font-size:18px; }
.content-list { width:100%; display:grid; grid-template-columns:repeat(auto-fill,minmax(298px,1fr)); gap:34px; margin-bottom:30px; }
.content-item { height:280px; border-radius:8px; padding:20px; transition:box-shadow 0.3s; background:#ffffff; position:relative; }
.content-item:hover { background:#16a8a8; color:#ffffff; }
.content-item-date { font-size:14px; margin:10px 0px 30px; color:#898989; }
.content-item-title { font-size:22px; line-height:32px; font-weight:bold; margin-bottom:24px; color:#343434; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.content-item-desc { font-size:16px; line-height:24x; color:#898989; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.content-item-tag { position:absolute; bottom:20px; border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; margin-right:4px; }
.content-item:hover  .content-item-date,.content-item:hover .content-item-title,.content-item:hover  .content-item-desc { color:#ffffff; }
.content-item:hover .content-item-tag { border:1px solid #ffffff; color:#ffffff; }
.content-item:hover .content-item-tag:hover { color:#16a8a8 !important; background:#ffffff !important; }
.pagination { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:20px; display:none; }
.pagination.show { display:flex; }
.pagination-btn { padding:8px 16px; border:1px solid #e5e7eb; margin:0px 2px; border-radius:4px; background-color:#f9fafb; cursor:pointer; transition:all 0.3s; }
.pagination-btn:hover { background-color:#e5e7eb; }
.pagination-btn.active { background-color:#17a9a8; color:#ffffff; }
.pagination-ellipsis { padding:8px 4px; color:#666; user-select:none; }
.pagination-btn:disabled { opacity:0.5; cursor:not-allowed; background-color:#f9fafb; color:#999; }
@media (min-width:300px) { 
#container { padding:0px 0px; overflow:hidden; }
.lunbo { position:relative; height:217px; }
.lunbo>ul>li { width:100%; height:217px; position:absolute; top:0; left:0; display:none; }
.lunbo>ul>li:nth-of-type(1) { background:url(../images/news/news_banner_center_small.jpg) no-repeat center center; background-size:100% 100%; }
.lunbo>ol { width:206px; bottom:10px; margin-left:-18px; }
.content { padding:0px 18px; margin:30px 0px; height:auto; overflow:hidden; }
.search-container { width:100%; max-width:300px; margin:30px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.search-input { flex:1; width:200px; height:40px; border:1px solid #e5e7eb; border-radius:4px 0 0 4px; padding:0 15px; font-size:14px; outline:none; transition:border-color 0.3s; }
.search-input:focus { box-shadow:0 0 0 1px rgba(0,177,169,0.5); border-color:#22c55e; }
.search-btn { width:60px; height:40px; background-color:#00b1a9; color:white; border:none; border-radius:0 4px 4px 0; cursor:pointer; font-size:14px; transition:background-color 0.3s; }
.search-btn:hover { background-color:#019f94; }
.product-line-container { width:100%; max-width:280px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.product-title { display:none; }
.category-content { overflow:hidden; }
.first-level { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px; }
.first-level-item { padding:10px 8px; border-radius:8px; cursor:pointer; font-size:12px; transition:all 0.3s; line-height:12px; }
.first-level-item:hover { background:#00b1a9; color:#ffffff; }
.first-level-item.active { background:#00b1a9; color:#ffffff; user-select:none; }
.second-level { padding-top:20px; border-top:1px solid #e8e8e8; display:none; clear:both; height:auto; }
.second-level.show { display:block; }
.second-level-item { display:inline-block; padding:8px 16px; border-radius:4px; margin:0 10px 10px 0; cursor:pointer; font-size:12px; line-height:12px; transition:all 0.3s; user-select:none; }
.second-level-item:hover { background:#00b1a9; color:#ffffff; }
.second-level-item.active { background:#00b1a9; color:#ffffff; }
.content-container { width:100%; max-width:300px; margin:0 auto 40px; border-radius:8px; padding:12px; min-height:400px; }
.content-title { font-size:20px; font-weight:600; margin-bottom:20px; color:#2c5282; border-bottom:2px solid #f0f0f0; padding-bottom:10px; }
.content-empty { display:flex; align-items:center; justify-content:center; height:300px; color:#999; font-size:18px; }
.content-list { width:100%; display:grid; grid-template-columns:repeat(auto-fill,minmax(258px,1fr)); gap:34px; margin-bottom:30px; }
.content-item { height:250px; border-radius:8px; padding:20px; transition:box-shadow 0.3s; background:#ffffff; position:relative; }
.content-item:hover { background:#16a8a8; color:#ffffff; }
.content-item-date { font-size:12px; margin:10px 0px 10px; color:#898989; }
.content-item-title { font-size:18px; font-weight:bold; margin-bottom:14px; color:#343434; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.content-item-desc { font-size:14px; line-height:22x; color:#898989; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.content-item-tag { position:absolute; bottom:20px; border:1px solid #16a8a8; border-radius:20px; padding:4px 6px; font-size:12px; color:#ffffff; margin-right:4px; background:#16a8a8; }
.pagination { display:flex !important; justify-content:center; align-items:center; gap:10px; margin-top:20px; display:none !important; }
.pagination.show { display:flex !important; }
.pagination-btn { padding:8px 8px; border:1px solid #e5e7eb; margin:0px 2px; border-radius:4px; background-color:#f9fafb; cursor:pointer; transition:all 0.3s; }
.pagination-btn:hover { background-color:#e5e7eb; }
.pagination-btn.active { background-color:#17a9a8; color:#ffffff; }
.pagination-ellipsis { padding:8px 4px; color:#666; user-select:none; }
.pagination-btn:disabled { opacity:0.5; cursor:not-allowed; background-color:#f9fafb; color:#999; }
.news_main h2 { font-size:22px; line-height:36px; margin:20px 0; border-bottom:2px solid #83b31d; padding-bottom:15px; }
.news_main .content { margin:20px 0 40px; }
.news_main .content  p { font-size:14px; line-height:26px; margin-bottom:6px; text-indent:2em; }
.news_main .content img{ width:100%; margin:16px auto 6px; display:block; }
.news_main .content h3 { color:#333; font-size:22px; line-height:32px; font-weight:normal; border-bottom:none; }
.txc_date { text-align:center; margin-bottom:16px !important; text-indent:0em !important; }

table th,table td{ font-size:16px; line-height:24px; padding:4px 6px;}
}
@media (min-width:315px) { 
.content { padding:0px 20px; }
.lunbo { position:relative; height:227px; }
.lunbo>ul>li { width:100%; height:227px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width:360px) { 
.lunbo { position:relative; height:259px; }
.lunbo>ul>li { width:100%; height:259px; position:absolute; top:0; left:0; display:none; }
.search-container { width:100%; max-width:360px; margin:30px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.product-line-container { width:100%; max-width:330px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.content-container { width:100%; max-width:350px; margin:0 auto 40px; border-radius:8px; padding:12px; min-height:400px; }
}
@media (min-width:375px) { 
.lunbo { position:relative; height:270px; }
.lunbo>ul>li { width:100%; height:270px; position:absolute; top:0; left:0; display:none; }
.content { padding:0px 23px; }
}
@media (min-width:390px) { 
.lunbo { position:relative; height:281px; }
.lunbo>ul>li { width:100%; height:281px; position:absolute; top:0; left:0; display:none; }
.search-container { width:100%; max-width:380px; margin:30px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.product-line-container { width:100%; max-width:350px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.content-container { width:100%; max-width:370px; margin:0 auto 40px; border-radius:8px; padding:12px; min-height:400px; }
}
@media (min-width:400px) { 
.content { padding:0px 25px; }
.lunbo { position:relative; height:288px; }
.lunbo>ul>li { width:100%; height:288px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width:410px) { 
#advertising { width:100%; height:453px; position:relative; top:75px; }
.slides { height:378px; }
.section-bg { width:100%; height:378px; }
.section-bg .slider-text { width:350px; height:250px; margin:35px 10px 10px 16px; padding:0; }
.secondary-heading { width:350px; color:#fff; font-size:30px; line-height:38px; margin:3px 0 15px 0; padding:0; position:relative; }
.sub-heading { width:350px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 35px; padding:0; position:relative; }
.lunbo { position:relative; height:295px; }
.lunbo>ul>li { width:100%; height:295px; position:absolute; top:0; left:0; display:none; }
.search-container { width:100%; max-width:400px; margin:30px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.product-line-container { width:100%; max-width:370px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.content-container { width:100%; max-width:390px; margin:0 auto 40px; border-radius:8px; padding:12px; min-height:400px; }
}
@media (min-width:414px) { 
.lunbo { position:relative; height:298px; }
.lunbo>ul>li { width:100%; height:298px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width:450px) { 
.lunbo { position:relative; height:324px; }
.lunbo>ul>li { width:100%; height:324px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width:480px) { 
#advertising { width:100%; height:513px; position:relative; top:75px; }
.slides { height:438px; }
.section-bg { width:100%; height:438px; }
.section-bg .slider-text { width:400px; height:260px; margin:55px 10px 10px 26px; padding:0; }
.secondary-heading { width:400px; color:#fff; font-size:34px; line-height:40px; margin:19px 0 22px 0; padding:0; position:relative; }
.sub-heading { width:400px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 35px; padding:0; position:relative; }
.lunbo { position:relative; height:346px; }
.lunbo>ul>li { width:100%; height:346px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width:500px) { 
#advertising { width:100%; height:531px; position:relative; top:75px; }
.slides { height:456px; }
.section-bg { width:100%; height:456px; }
.section-bg .slider-text { width:420px; height:260px; margin:55px 10px 10px 26px; padding:0; }
.secondary-heading { width:420px; color:#fff; font-size:34px; line-height:40px; margin:23px 0 22px 0; padding:0; position:relative; }
.sub-heading { width:420px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 65px; padding:0; position:relative; }
.lunbo { position:relative; height:360px; }
.lunbo>ul>li { width:100%; height:360px; position:absolute; top:0; left:0; display:none; }
.search-container { width:100%; max-width:500px; margin:30px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.product-line-container { width:100%; max-width:470px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.content-container { width:100%; max-width:490px; margin:0 auto 40px; border-radius:8px; padding:12px; min-height:400px; }
}
@media (min-width:600px) { 
.lunbo { position:relative; height:433px; }
.lunbo>ul>li { width:100%; height:433px; position:absolute; top:0; left:0; display:none; }
.content { padding:0px 20px; }
}
@media (min-width:700px) { 
.lunbo { position:relative; height:505px; }
.lunbo>ul>li { width:100%; height:505px; position:absolute; top:0; left:0; display:none; }
.content { padding:0px 20px; }
.search-container { width:100%; max-width:600px; margin:30px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.product-line-container { width:100%; max-width:570px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.content-container { width:100%; max-width:590px; margin:0 auto 40px; border-radius:8px; padding:12px; min-height:400px; }
}
@media (min-width:767px) { 
.lunbo { position:relative; height:553px; }
.lunbo>ul>li { width:100%; height:553px; position:absolute; top:0; left:0; display:none; }
.search-container { width:100%; max-width:700px; margin:0px auto 20px; height:60px; display:flex; align-items:center; padding:0 20px; }
.search-input { flex:1; height:40px; border:1px solid #e5e7eb; border-radius:4px 0 0 4px; padding:0 15px; font-size:16px; outline:none; transition:border-color 0.3s; }
.search-input:focus { box-shadow:0 0 0 1px rgba(0,177,169,0.5); border-color:#22c55e; }
.search-btn { width:100px; height:40px; background-color:#00b1a9; color:white; border:none; border-radius:0 4px 4px 0; cursor:pointer; font-size:16px; transition:background-color 0.3s; }
.search-btn:hover { background-color:#019f94; }
.product-line-container { width:100%; max-width:1140px; margin:0 auto 20px; background-color:white; border-radius:8px; padding:20px; overflow:hidden; }
.product-title { font-size:16px; line-height:32px; font-weight:bold; color:#303233; width:100px; height:100%; float:left; margin-right:20px; text-align:center; display:block; }
.category-content { overflow:hidden; }
.first-level { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px; }
.first-level-item { padding:10px 20px; border-radius:8px; cursor:pointer; font-size:16px; transition:all 0.3s; line-height:16px; user-select:none; }
.first-level-item:hover { background:#00b1a9; color:#ffffff; }
.first-level-item.active { background:#00b1a9; color:#ffffff; }
.second-level { padding-top:20px; border-top:1px solid #e8e8e8; display:none; clear:both; height:70px; user-select:none; }
.second-level.show { display:block; }
.second-level-item { display:inline-block; padding:8px 16px; border-radius:4px; margin:0 10px 10px 0; cursor:pointer; font-size:16px; line-height:16px; transition:all 0.3s; user-select:none; }
.second-level-item:hover { background:#00b1a9; color:#ffffff; }
.second-level-item.active { background:#00b1a9; color:#ffffff; }
.content-container { width:100%; max-width:1200px; margin:0 auto 40px; border-radius:8px; padding:30px; min-height:400px; }
.content-title { font-size:20px; font-weight:600; margin-bottom:20px; color:#2c5282; border-bottom:2px solid #f0f0f0; padding-bottom:10px; }
.content-empty { display:flex; align-items:center; justify-content:center; height:300px; color:#999; font-size:18px; }
.content-list { width:100%; display:grid; grid-template-columns:repeat(auto-fill,minmax(298px,1fr)); gap:34px; margin-bottom:30px; }
.content-item { height:280px; border-radius:8px; padding:20px; transition:box-shadow 0.3s; background:#ffffff; position:relative; }
.content-item:hover { background:#16a8a8; color:#ffffff; }
.content-item-date { font-size:14px; margin:10px 0px 30px; color:#898989; }
.content-item-title { font-size:22px; line-height:32px; font-weight:bold; margin-bottom:24px; color:#343434; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.content-item-desc { font-size:16px; line-height:24x; color:#898989; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.content-item-tag { position:absolute; bottom:20px; border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; margin-right:4px; color:#838385 !important; background:#ffffff !important; }
.content-item:hover  .content-item-date,.content-item:hover .content-item-title,.content-item:hover  .content-item-desc { color:#ffffff; }
.content-item:hover .content-item-tag { border:1px solid #ffffff; color:#ffffff!important; background:#16a8a8 !important; }
.content-item:hover .content-item-tag:hover { color:#16a8a8 !important; }
.pagination { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:20px; display:none; }
.pagination.show { display:flex; }
.pagination-btn { padding:8px 16px; border:1px solid #e5e7eb; margin:0px 2px; border-radius:4px; background-color:#f9fafb; cursor:pointer; transition:all 0.3s; }
.pagination-btn:hover { background-color:#e5e7eb; }
.pagination-btn.active { background-color:#17a9a8; color:#ffffff; }
.pagination-ellipsis { padding:8px 4px; color:#666; user-select:none; }
.pagination-btn:disabled { opacity:0.5; cursor:not-allowed; background-color:#f9fafb; color:#999; }
}
@media (min-width:768px) { 
.lunbo { position:relative; height:554px; }
.lunbo>ul>li { width:100%; height:554px; position:absolute; top:0; left:0; display:none; }
}
@media (min-width:770px) { 
.content { padding:0px 20px; }
}
@media (min-width:785px) { 
.content { padding:0px 20px; }
}
@media (min-width:880px) { 
.lunbo { position:relative; height:634px; }
.lunbo>ul>li { width:100%; height:634px; position:absolute; top:0; left:0; display:none; }
.lunbo { position:relative; height:415px; }
.lunbo>ul>li:nth-of-type(1) { height:415px; background:url(../images/news/news_banner_center_big.jpg) no-repeat center center; background-size:auto; }
.lunbo>ol { width:206px; margin-left:-15px; }
}
@media (min-width:980px) { }
@media (min-width:1024px) { 
#container { padding:30px 0px 40px; overflow:hidden; }
.news_main { width:100%; margin:0 auto; padding:60px 0; }
.news_main .content { width:100%; margin:0 auto; padding:20px 0px; }
.news_main .content img { margin:16px auto 6px; display:block; }
.news_main .content p { font-size:16px; line-height:28px; margin-bottom:6px; text-indent:2em; }
.news_main h2 { color:#666; font-size:36px; text-align:center; line-height:56px; font-weight:normal; border-bottom:none; }
.news_main .content h3 { color:#333; font-size:24px; line-height:38px; font-weight:normal; border-bottom:none; }
.txc_date { text-indent:0; margin:10px 0; padding:0; text-indent:0em !important; }
}
@media (min-width:1080px) { }
@media (min-width:1200px) { 
.content { width:100%; max-width:1200px; margin:0 auto; }
.news_main .content img { margin:16px auto 6px; display:block; }
.news_main .content p { font-size:16px; line-height:28px; margin-bottom:6px; text-indent:2em; }
.news_main h2 { color:#666; font-size:36px; text-align:center; line-height:56px; font-weight:normal; border-bottom:none; }
.news_main .content h3 { color:#333; font-size:24px; line-height:38px; font-weight:normal; border-bottom:none; }
.txc_date { text-indent:0; margin:10px 0; padding:0; text-indent:0em !important; }
}
@media (min-width:1300px) { }
@media (min-width:300px) { 
.section-bg { width:100%; height:192px; background-size:100% 100%; }
.news_ad { background:url(../images/tech-banner-s.jpg); background-size:100% 100%; }
}
@media (min-width:315px) { 
.section-bg { height:202px; }
}
@media (min-width:360px) { 
.section-bg { height:230px; }
}
@media (min-width:375px) { 
.section-bg { height:240px; }
}
@media (min-width:390px) { 
.section-bg { height:250px; }
}
@media (min-width:400px) { 
.section-bg { height:256px; }
}
@media (min-width:410px) { 
.section-bg { height:262px; }
}
@media (min-width:480px) { 
.section-bg { height:307px; }
}
@media (min-width:500px) { 
.section-bg { height:320px; }
}
@media (min-width:600px) { 
.section-bg { height:384px; }
}
@media (min-width:700px) { 
.section-bg { height:448px; }
}
@media (min-width:767px) { 
.section-bg { height:491px; }
}
@media (min-width:768px) { 
.section-bg { width:100%; height:600px; overflow:hidden; position:relative; background-size:cover; }
.news_ad { background:url(../images/tech-banner.jpg) center center no-repeat; background-size:cover; }
}