body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*通用父子盒子嵌套浮动问题解决，结束*/
/*间隙层开始*/
.space_hx { /*横向间隙*/
	clear: both;
	width: 100%;
	height: 20px;
	font-size: 1px;
	overflow: hidden;
}
.space_zx { /*纵向间隙*/
	float: left;
	width: 10px;
	font-size: 1px;
	overflow: hidden;
}
/*间隙层结束*/
* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Inter', system-ui, sans-serif;}
body {background-color: #f9fafb;color: #1f2937;min-height: 100vh;line-height: 1.5;}
.container {max-width: 800px;margin: 0 auto;}
h1 {font-size: 2rem;font-weight: 800;color: #1f2937;margin-bottom: 8px;}
p {color: #6b7280;}
.card {background-color: white;border-radius: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);margin-bottom: 24px;transition: all 0.3s ease;}
.card:hover {box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
h2 {font-size: 1.5rem;font-weight: 600;color: #1f2937;margin-bottom: 16px;}
.search-container {position: relative;margin: 0 auto 24px;width: 45%;display: flex;gap: 8px;}
.search-input {flex: 1;padding: 12px 16px 12px 40px;border: 1px solid #d1d5db;border-radius: 8px;font-size: 1rem;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.search-input:focus {outline: none;border-color: #4f46e5;box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);}
.search-icon {position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: #9ca3af;font-size: 16px;}
.search-button {background-color: #4f46e5;color: white;border: none;border-radius: 8px;padding: 0 16px;font-size: 1rem;cursor: pointer;transition: all 0.2s ease;}
.search-button:hover {background-color: #4338ca;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
.search-button:active {transform: translateY(1px);}
.tag {display: inline-flex;align-items: center;padding: 6px 14px;border-radius: 999px;font-size: 12px;font-weight: 500;margin-right: 8px;margin-bottom: 8px;transition: all 0.3s ease;cursor: pointer;}
.tag:last-child {margin-right: 0;}
.tag:hover {transform: translateY(-2px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.gap-2 {gap: 8px;}
@media (max-width: 768px) {  h1 {font-size: 1.75rem;}  .container {padding: 0 16px;}  }
.body_content{padding: 24px;}
.bar_nav{;margin: 0 auto;}

.flex_container{display: flex; flex-wrap: wrap;}
.container > div {padding: 20px;margin: 5px;}
.flex_container > div:nth-child(1) { flex: 2.5; }
.flex_container > div:nth-child(2) { flex: 6; }
.flex_container > div:nth-child(3) { flex: 1.5; }
.scd{width: 60%;}
.flex_title{width: 100%;height: 60px;line-height: 60px;border-bottom: 1px solid #ddd;font-size: 16px;color: #5B5B5B;text-align: center;}
@media (max-width: 768px) {
    .flex_container {flex-direction: column;}
    .scd_l, .scd_r {width: 100%; flex: 1;}
    .nav_bg .nav_m {overflow-x: auto;white-space: nowrap;/* padding-bottom: 10px; */}
    .nav_bg .nav_m ul {padding: 0; display: inline-flex;}
    .nav_bg .nav_m li {margin: 0 5px;}
    .news_content {flex-direction: column; height: auto;}
    .news_img_div, .news_words_idv {max-width: 100%;}
    .news_img img {width: 100%; height: auto;}
    .pages {overflow-x: auto; white-space: nowrap;}
    .tag-flex {justify-content: center;}
    .n_icon {display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: no-repeat center; background-size: contain;}
    .nav_bg .nav_m ul {padding-left: 50px;}
    .news_content {padding: 15px 0; border-bottom: 1px solid #f0f0f0;}
    .news_words {padding-left: 0; padding-top: 10px;}
    .des {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .b-nav {flex-direction: column; align-items: center;}
    .b-nav a {margin: 5px 0;}
    .copy {text-align: center; font-size: 14px;}
}
.news_content{display: flex; flex-wrap: wrap;}
.news_content .news_img_div { width: 150px; }
.news_content .news_words_idv { flex: 1; }
.news_img{}
.news_img >  img {width: 140px; height: 140px; display: block; }
.news_words{width: 80%; float: right; }
.news-more{display:block;padding-top:15px}
.news-more a{font-size: 12px;color: #2a6792;float: left}
.news-more span{font-size: 12px;float: right}
.news dl{padding-top:10px;padding-bottom:10px;}
.tag-flex {display: flex;}
.tag {display: inline-flex;align-items: center;padding: 6px 14px;border-radius: 999px;font-size: 12px;font-weight: 500;margin-right: 8px;margin-bottom: 8px;transition: all 0.3s ease;}
.flex-wrap {flex-wrap: wrap;}
.gap-2 {gap: 8px;}
.mb-6 {margin-top: 16px;}
 
/*头部*/
.header{ width:100%; margin:0px auto; background:#E3E3E3; position:relative; overflow:hidden;}
.header .head{ width:1006px; margin:0px auto; text-align:left; padding:10px 0 15px;}
.head .logo{ width:440px; height:70px; float:left;}
.head .logo img{ width:100%; height:100%; vertical-align:top;}
.head .head_r{ width:215px; float:right; text-align:right;}
.head_r .tel{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:30px; font-size:18px; color:#ACACAC; background:url(/Assets/images/icon1.png) no-repeat left center; padding-left:35px;}
.head_r .search{ width:210px; height:28px; background:#fff; float:right; position:relative; margin-top:18px; box-shadow:0px 0px 3px #999 inset;}
.head_r .search .text{ width:180px; height:28px; line-height:26px; position:absolute; left:0px; top:0px; padding:0px 5px; border:0px; background:none;}
.head_r .search .btn{ width:30px; height:26px; background-image:url(/Assets/images/icon2.png); background-color:#2a6792; background-position: center center; background-repeat:no-repeat; position:absolute; right:0px; top:1px; cursor:pointer; border:0px; z-index:99;}
.nav_bg{ width:100%; height:50px; background:#2a6792;}
.nav_bg .nav{ width:1200px; margin:0px auto; text-align:left;}
.nav_bg .nav li{text-align: center; display:inline-block; *display:inline; zoom:1; height:50px; line-height:50px;}
.nav_bg .nav li a{ font-size:16px; color:#FFFFFF; display:inline-block; *display:inline; zoom:1; height:50px; line-height:50px; padding:0px 52px;}
.nav_bg .nav li.now ,.nav_bg .nav li:hover{ background:#E71F19;}
.nav_m .n_icon{ display:none; width:22px; height:18px; background:url(/Assets/images/nav_ico.png) no-repeat; position:absolute; right:0px; top:25px; z-index:9999; cursor:pointer;}
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}
.banner img{width:100%;}
.i_box_a{ width:70%; margin:0px auto; padding-bottom:20px;}
.i_head{ width:100%; height:85px; line-height:85px; position:relative;}
.i_head .line{ width:100%; height:1px; background:#ccc; position:absolute; left:0px; top:42px; z-index:1;}
.i_head span{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; font-size:20px; color:#2a6792; padding:0px 10px; background:#FFF; position:relative; z-index:6; top:27px;}
.i_head span a{font-size:20px; color:#2a6792;}
.i_pl{ width:100%; text-align:center; padding-bottom:20px;}
.i_pl li{ width:192px; height:187px; float:left; margin-right:11px;}
.i_pl li img{ width:190px; height:155px; border:1px solid #ddd; vertical-align:top;}
.i_pl li p{ width:100%; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#8C8C8C;}
.i_pl li a:hover p{ color:#2a6792;}
.more{ display:block; width:155px; height:30px; line-height:30px; text-align:center; background:#2a6792; font-size:17px; color:#FFF; margin:0px auto; clear:both;}
.hui_bg{ width:100%; padding-bottom:40px; background:#EEEEEE;}
.i_news .i_head span{ background:#EEEEEE;}
.i_news{ width:70%; margin:0px auto; padding-top:10px;}
.i_news .i_nl{}
.more_w{ width:100%; height:20px; line-height:20px; margin-top:18px;}
.more_w a{ font-size:14px; color:#2a6792;}
.i_news .i_nr{ width:395px; float:right; margin-top:-15px;}
.i_news .i_nr li{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #ccc; position:relative; text-align:left; margin-bottom:5px;}
.i_news .i_nr li i , .i_news .i_nr li p ,.i_news .i_nr li span{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.i_news .i_nr li i{ width:16px; height:12px; background:url(/Assets/images/icon6.png) no-repeat; margin-top:17px;}
.i_news .i_nr li a{ color:#8D8D8D;}
.i_news .i_nr li a:hover{ color:#2a6792;}
.i_news .i_nr li .hot{ background:url(/Assets/images/icon5.png) no-repeat;}
.i_news .i_nr li p{ width:70%; height:40px; line-height:40px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:3px;}
.i_news .i_nr li span{ height:40px; line-height:40px; font-size:12px; position:absolute; right:0px; top:0px;}
.i_news .more{ margin-top:15px;}
.i_box_b{ width:70%; margin:0px auto;}
.i_box_b .i_about{ width:100%; padding-bottom:30px;}
.i_box_b .i_about div{ text-align:left; }
.i_about div{ width:588px; float:left; text-align:left;}
.i_about div b{ width:100%; font-size:16px; display:block; color:#272727; margin-bottom:20px;}
.i_about div .des{ width:100%; /*height:200px;*/ overflow:hidden; font-size:14px; color:#989898; }
.f_bg{ width:100%; padding:20px 0; font-size:12px; color:#7D7D7D; background:#2C2C2C;}
.f_bg .foot{ width:1006px;  margin:0px auto; line-height:185%;}
.scd{ width:78%; margin:0px auto;}
.scd .scd_l{ width:20%; float:left; text-align:left; padding-bottom:50px;}
.scd_l .title{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #ddd; font-size:16px; color:#5B5B5B;}
.scd_l .s_nav{ width:100%; padding-top:5px;}
.scd_l .s_nav li{ width:100%; margin-top:7px; cursor:pointer;}
.scd_l .s_nav li .li_m{ width:100%; height:53px; line-height:53px; background:#2a6792; color:#FFF;}
.scd_l .s_nav li .li_m a{ display:block; width:100%; height:53px; line-height:53px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.scd_l .s_nav li .li_m i , .scd_l .s_nav li .li_m span{display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.scd_l .s_nav li .li_m i{ width:12px; height:12px; margin-top:20px; margin-left:8px; background:url(/Assets/images/icon7_a.png) no-repeat center center;}
.scd_l .s_nav li .li_m span{ font-size:14px; color:#FFFFFF;}
.scd_l .s_nav li.now .li_m i{ background:url(/Assets/images/icon7.png) no-repeat center center;}
.scd_l .s_nav li .er{ width:100%; display:none;}
.scd_l .s_nav li.now .er{ display:block;}
.scd_l .s_nav li .er li{ width:100%; margin-top:5px;}
.scd_l .s_nav li .er li .li_m{ height:42px; line-height:42px; background:#FF9A51;}
.scd_l .s_nav li .er li .li_m a{ display:block; width:100%; height:42px; line-height:42px;}
.scd_l .s_nav li .er li .li_m i{ width:9px; height:9px; background:url(/Assets/images/icon8_a.png) no-repeat center center; margin-top:17px; margin-left:25px; margin-right:5px;}
.scd_l .s_nav li .er li.now .li_m i{ background:url(/Assets/images/icon8.png) no-repeat center center;}
.scd_l .s_nav li .er li .san{ width:100%; display:none;}
.scd_l .s_nav li.now .er li.now .san{ display:block;}
.scd_l .s_nav li .er li .san li{ width:100%; height:35px; line-height:35px;  margin-top:4px; background:#FFF;}
.scd_l .s_nav li .er li .san li a{ display:block; width:100%; height:35px; line-height:35px; font-size:12px; color:#8B8B8B;}
.scd_l .s_nav li .er li .san li a span{ margin-left:45px;}
.scd_l .s_nav li .er li .san li.now , .scd_l .s_nav li .er li .san li:hover{background:#FFEADA;}
.scd_l .s_nav li .er li .san li.now a , .scd_l .s_nav li .er li .san li:hover a{ color:#2a6792;}
.scd .scd_r{ width:60%; float:left; text-align:left; padding-bottom:30px;margin-left:50px}
.scd_r .pst{ width:100%; height:60px; line-height:60px; text-align:left; border-bottom:1px solid #ddd; font-size:12px; color:#636363;}
.scd_r .pst a{ font-size:12px; color:#636363;}
.scd_r .pst a:hover,.scd_r .pro_l li a:hover p{ color:#2a6792;}
.scd_r .pro_l{ width:100%; padding:70px 0 30px;}
.scd_r .pro_l li{ width:229px; float:left; margin-right:36px; margin-bottom:15px;}
.scd_r .pro_l li img{ width:227px; height:184px; border:1px solid #ddd; vertical-align:top;}
.scd_r .pro_l li p{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:12px; color:#404040; margin-top:10px;}
.pages{ width:100%; text-align:center;}
.pages a ,.pages span , .pages input{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; vertical-align:top; margin:0 2px; font-size:12px; color:#333333; padding:0 10px;}
.pages a , .pages input{ border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.pages a.now , .pages a:hover{ color:#FFF; background:#2a6792; border:1px solid #2a6792;}
.pages span{ margin:0px;}
.pages input{ width:40px; text-align:center; padding:0px;}
.pages .btn{ cursor:pointer; background:#969696; border:1px solid #969696; color:#FFF; font-size:13px;}
.scd_r .pro_d{ width:100%; text-align:left;}
.pro_d .title{ width:100%; height:40px; line-height:40px; font-size:14px; color:#404040;}
.pro_d dl{ width:100%; padding-top:30px;}
.pro_d dl dt , .pro_d dl dt img{ width:330px; height:230px; float:right; vertical-align:top;}
.pro_d dl dt{ border:1px solid #ddd;}
.pro_d dl dd{ width:53%; float:left; text-align:left; font-size:14px; color:#404040; line-height:30px;}
.pro_d dl dd h1{ width:100%; font-size:16px; color:#404040; line-height:160%;font-weight:normal;}
.pro_d .p_ctn{ width:100%; text-align:left;}
.pro_d .p_ctn img{ max-width:100%; height:auto; vertical-align:top;}
.about{ width:100%; padding:20px 0 40px;}
.about h1{ width:100%; text-align:center; font-size:16px; color:#2D2D2D; font-weight:normal; line-height:160%; margin-bottom:30px;}
.about .about_m{ width:100%; font-size:14px; color:#797979; text-align:left; line-height:170%;}
.about .about_m p{ margin-bottom:20px;}
.contact{ width:100%; padding:50px 0;}
.contact dt , .contact dt img{ width:646px; height:373px; float:right; vertical-align:top;}
.contact dd{ width:320px; float:left; text-align:left; font-size:14px; color:#797979; line-height:175%;}
.contact dd h1{ width:100%; font-size:16px; color:#2D2D2D; margin-bottom:25px; font-weight:normal;}
.news{ width:100%; padding-bottom:60px;}
.news dl{ width:100%; padding:25px 0; border-bottom:1px dashed #ccc;}
.news dl dt , .news dl dt img{ width:215px; height:162px; float:left; vertical-align:top;}
.news dl dt{ border:1px solid #ddd;}
.news dl dd{ width:100%;  text-align:left;}
.news dl dd .title{ width:100%; line-height:160%; position:relative; height:30px; line-height:30px; margin-bottom:8px;}
.news dl dd .title a{ font-size:14px; color:#737373;}
.news dl dd .title a:hover{ color:#2a6792;}
.news dl dd .title p{ width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd .title span{ display:block; text-align:right; position:absolute; right:0px; top:0px; font-size:12px;}
.news dl dd .des{ width:100%; font-size:12px; color:#919191; line-height:120%; /*height:105px;*/ overflow:hidden;}
.news dl dd .more{ width:100%; height:20px; line-height:20px; text-align:left; margin-top:5px; background:none;}
.news dl dd .more a{ font-size:12px; color:#2a6792;}
.lianxi{background: #1b252e;padding: 3rem 0;color: #8b939d;font-size: 0.875rem;text-align: center;}
.b-nav{padding: 1rem 0;text-align: center;border-top: 1px #313a43 solid;}
.b-nav a{display: inline-block;padding: 0 2rem;color: #8b939d;font-size:15px;}
.copy{font-size:15px;color: #8b939d;}
.copy a{color: #8b939d;}
.copy span,.copy b{color: #8b939d;}
.copy a:hover{color: #D80808;}
.b-nav a:hover{color: #D80808;}
.footer_wrapper {background: rgb(35, 35, 35);}
.footer_bottom {border-top: 1px solid #3C3A3A;padding: 20px 0;}
.footer_bottom span {display: block;font-size: 14px;color: #cccccc;text-align: center;}
.footer_bottom span a {display: inline-block;color: #df0031;font-size: 16px;}
.footer_bottom span a:hover {color: #fff;}
.pro{ width: 100%;float: right;margin-top: 43px;}
.pro .pro_a{ width:100%; padding:5px 0 10px 100px; position:relative;}
.pro .pro_a span{ display:block; width:120px; height:35px; line-height:35px; font-size:18px; position:absolute; left:0; top:0;}
.pro .pro_a a{ display:block; width:135px; height:25px; line-height:25px; margin-bottom:5px; padding-left:25px; background:url(/Assets/images/icon4.jpg) no-repeat 7px center; float:left;}
.pro .pro_b{ width:100%;}
.pro .pro_b table{ width:100%; font-size:12px; text-align:center;}
.pro .pro_b table th{ background:#026FBC; color:#FFF; padding:20px 10px; text-align:center; margin-bottom:8px; border-left:1px solid #FFF;}
.pro .pro_b table tr:nth-child(2n) td{ background:#F0F0F0;}
.pro .pro_b table td{ border-top:1px solid #444; border-left:1px solid #444; padding:7px 0;}
.pro .pro_b table th:last-child{ border-right:1px solid #026FBC;}
.pro .pro_b table th:first-child{border-left:1px solid #026FBC;}
.pro .pro_b table td:last-child{ border-right:1px solid #444;}
.pro .pro_b table tr:last-child td{ border-bottom:1px solid #444;}
.pro .pro_b .pro_l{ display:none;}
.scd_m .widt dl dd{ width: 100%;}
.friend-links-container {display: flex; flex-wrap: wrap;}
.friend-links-container a{ padding-right:8px; color:#333}
.friend-link-card {   height: 35px;  margin: 10px;   display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: #8C8C8C; }
.link-icon {  font-size: 24px;  margin-bottom: 5px;}
.link-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tag-primary {background-color: rgba(79, 70, 229, 0.1);color: #4f46e5;}
.tag-secondary {background-color: rgba(236, 72, 153, 0.1);color: #ec4899;}
.tag-green {background-color: rgba(34, 197, 94, 0.1);color: #22c55e;}
.tag-yellow {background-color: rgba(245, 158, 11, 0.1);color: #f59e0b;}
.tag-purple {background-color: rgba(168, 85, 247, 0.1);color: #a855f7;}
.tag-red {background-color: rgba(239, 68, 68, 0.1);color: #ef4444;}
.tag-blue {background-color: rgba(59, 130, 246, 0.1);color: #3b82f6;}
.tag-indigo {background-color: rgba(79, 70, 229, 0.1);color: #4f46e5;}

.text_container {overflow: hidden;text-overflow: ellipsis;max-height: 250px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;color: #8D8D8D;}
.text_container::after {content: "...";position: absolute;bottom: 0;right: 0;padding-left: 10px;background: linear-gradient(to right, rgba(255, 255, 255, 0), white 70%);}
.text_container p {line-height: 28px;}
.news_content {display: flex;flex-wrap: wrap;overflow: hidden;text-overflow: ellipsis; padding-top:10px;}
.news_content #newsDetail {flex: 5;}
.news_content #newsList {flex: 5;}

.news_left {padding-right: 40px}
.news_left > div:nth-child(1) {flex: 2.5;}  .news_left > div:nth-child(2) {flex: 7.5;}
.news_img {width: 230px; float: left; display: block;}
.news_info {padding-left: 20px;text-align: left;}
.news_info h5 a {font-size: 14px;color: #555555;line-height: 25px;white-space: nowrap}
.news_right {padding-left: 10px;text-align: left;}
.about_info {display: flex;flex-wrap: wrap;}
.about_info > div:nth-child(1) {flex: 7;}
.about_info > div:nth-child(2) {flex: 3;}
.about_info_img {padding-left: 20px;}
.about_info_img img {width: 100%;height: 100%;float: right;}
@media (max-width: 600px) {  .about_info {flex-basis: 100%;gap: 12px;justify-content: center;}  }
.des p {line-height: 28px;}
.news-box {display: flex;justify-content: space-between;padding-bottom: 20px;}
.news-box .news-box-item {width: 48%;display: flex;height: 120px;background-color: #fff;text-align: left;}
.news-box .news-box-item > div:nth-child(1) {flex: 2;}
.news-box .news-box-item > div:nth-child(2) {flex: 8;}
.news-box .news-box-item .news-box-img {width: 200px;height: 100px;overflow: hidden;margin: 10px;}
.news-box .news-box-item .news-box-img img {width: 100%;height: 100%;}
.news-box .news-box-item .news-box-desc {padding: 10px;}
.news-box .news-box-item .nbd-title {font-size: 14px;font-weight: 600;}
.nbd-title  a{color: #8D8D8D;}
.news-box .news-box-item .nbd-cont {font-size: 12px;margin: 10px 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
 

.header { height: 7.5em; min-height: 0; padding-top: 2em; padding-bottom: 0.6em; box-sizing: border-box; display: flex; align-items: center; }
.text_logo { font-family: "Arial Black", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; font-size: clamp(2.5rem, 4vw, 2.4rem); letter-spacing: 0.1em; font-weight: 900; padding-left: 1em; margin-left: 0; text-align: left; display: flex; align-items: center; transition: color 0.2s; position: relative; min-width: 0; justify-content: flex-start; height: 2.2em; line-height: 1.1; }
.text_logo a { color: #19508a; text-decoration: none; transition: color 0.2s; text-align: left; display: block; padding-right: 1em; font-weight: 900; font-size: 1.2em; line-height: 1.1; padding-left: 0; margin-left: 0; letter-spacing: 0.12em; font-family: inherit; height: 1.4em; font-size: clamp(1.2rem, 4vw, 2rem); line-height: 1.1; white-space: nowrap; }
.text_logo a:hover { color: #003366; }
@media (max-width: 770px) { .header { height: 2.6em; padding-top: 0.3em; padding-bottom: 0.3em; } .text_logo { font-size: clamp(1.1rem, 6vw, 1.6rem); height: 1.4em; } .text_logo a { font-size: clamp(1rem, 5vw, 1.3rem); height: 1em; } }
@media (max-width: 500px) { .header { height: 1.7em; padding-top: 0.15em; padding-bottom: 0.15em; } .text_logo { font-size: clamp(0.9rem, 8vw, 1.1rem); height: 1em; } .text_logo a { font-size: clamp(0.8rem, 7vw, 1rem); height: 0.9em; } }

 
/* 容器样式 */
.container {  max-width: 1600px;   margin: 0 auto;   }
/* 标题样式 */
.site-title {   text-align: center;  margin-bottom: 2rem;   color: #165DFF;    font-size: clamp(1.5rem, 3vw, 2.5rem);  }
.site-description {  text-align: center;  max-width: 800px; margin: 0 auto 4rem;color: #666; font-size: 1rem;    }
/* 卡片网格布局 */
.sitemap-grid {  display: grid; grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));  gap: 1.5rem;  margin-bottom: 3rem;   }
/* 卡片样式 */
.sitemap-card {  background-color: white;border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; overflow: hidden; border: 1px solid #eee;  }
.sitemap-card:hover {  transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); border-color: #165DFF; }
.card-content { padding: 1.2rem; text-align: center; }
.sitemap-link { display: block; color: #165DFF;  text-decoration: none;  font-weight: 600;   margin-bottom: 0.7rem;   min-height: 3.2rem; /* 确保标题区域高度一致 */   display: flex;  align-items: center; justify-content: center;}
.sitemap-link:hover {  text-decoration: underline;  }
.last-modified { color: #888; font-size: 0.8rem; display: block;margin-top: 0.5rem; }
@media (max-width: 1200px) {.sitemap-grid {  grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); }}
@media (max-width: 992px) {.sitemap-grid {grid-template-columns: repeat(auto-fill, minmax(31%, 1fr)); }  }
@media (max-width: 768px) { .sitemap-grid {    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));  } }
@media (max-width: 576px) {.sitemap-grid { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); } }
.site-footer {  text-align: center; margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #eee; color: #666; font-size: 0.9rem;    }
.footer-links {  margin-top: 1rem; }
.footer-link { color: #165DFF; text-decoration: none;  margin: 0 0.5rem; }
.footer-link:hover { text-decoration: underline; }

 
/* 标签交互效果 */
.tag:hover {transform: translateY(-2px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}


/* 基础布局优化 */
 
.scd {max-width: 1300px;margin: 0 auto;padding: 0 10px;}
.scd_r {width: 100%;margin: 0 auto;}
/* 新闻标题样式 */
#newsTitle {font-size: 28px;font-weight: 700;color: #222;margin: 0 0 20px;line-height: 1.3;text-align: center;}
.publish-date {display: block;text-align: center;color: #999;font-size: 16px;margin-bottom: 30px;font-style: normal;}
/* 新闻内容样式 */
#newsContent {background-color: #fff;padding: 30px;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);margin-bottom: 30px;}
#newsContent p {margin-bottom: 20px;font-size: 17px;line-height: 1.8;}
#newsContent img {max-width: 100%;height: auto;border-radius: 6px;margin: 20px 0;display: block;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
#newsContent strong {color: #e63946;font-weight: 600;}
/* 页脚样式优化 */
footer {background-color: #333;color: #aaa;padding: 30px 0;margin-top: 50px;}
.b-nav a {color: #aaa;margin: 0 15px;font-size: 15px;transition: color 0.3s;}
.b-nav a:hover {color: #fff;}
.copy {margin-top: 20px;text-align: center;font-size: 14px;}
.copy a {color: #aaa;text-decoration: none;}
.copy a:hover {color: #fff;}
/* 移动端适配 */
@media (max-width: 768px) {  h3#newsTitle {font-size: 24px;}
    #newsContent {padding: 20px;}
    #newsContent p {font-size: 16px;}
    .b-nav {flex-direction: column;align-items: center;}
    .b-nav a {margin: 5px 0;}  }
/* 响应式图片处理 */
.news-image {max-width: 100%;height: auto;display: block;margin: 20px auto;border-radius: 8px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}

 

@media screen and (max-width:1030px){
.header .head ,.nav_bg .nav,.i_box_a,.i_news,.i_box_b,.f_bg .foot,.scd{width:740px; margin:0px auto;}
.nav_bg .nav li{ float:left;}
.nav_bg .nav li a{ font-size:15px; padding:0px 13px;}
.i_pl li{ margin-right:50px; margin-bottom:30px;}
.i_news .i_nr{ width:100%; margin-top:30px;}
.i_news .i_nl{ width:100%;}
.i_news .i_nl dd{ width:465px;}
.i_box_b .i_about dt img{ width:297px; height:212px;}
.i_box_b .i_about dt{ width:301px; height:216px;}
.i_about dd{ width:430px;}
.contact dt, .contact dt img{ width:401px; height:231px;}
.scd .scd_r{ width:510px;}
.news dl dd{ width:100%;}
.pro_d dl dt{ float:left; margin-bottom:20px;}
.pro_d dl dd{ width:100%;}
.scd_r .pro_l li{ margin-right:26px !important;}
}
@media screen and (max-width:770px) {
.header .head ,.nav_bg .nav,.i_box_a,.i_news,.i_box_b,.f_bg .foot,.scd,.nav_m{width:480px; margin:0px auto;}
.head .logo{ width:100%; float:none;}
.head .head_r{ width:100%; margin-top:20px; text-align:left;}
.head_r .search{ margin-top:0px;}
.nav_m .n_icon{ display:block;}
.nav_m .nav{ display:none;}
.nav_bg{ height:auto;}
.nav_m{ min-height:50px; position:relative;}
.nav_m .nav{ width:100%; padding-top:50px;}
.nav_m .nav li , .nav_m .nav li a{ width:100%; height:50px; line-height:50px;}
.i_pl li{ margin:20px  24px 0 !important;}
.i_news .i_nl dt , .i_news .i_nl dt img{ width:207px; height:177px;}
.i_news .i_nl dd{ width:255px;}
.i_box_b .i_about dt{ width:478px; height:343px;}
.i_box_b .i_about dt img{ width:474px; height:339px;}
.i_about dd{ width:100%; margin-top:20px;}
.contact dt, .contact dt img{ width:480px; height:276px; margin-bottom:20px;}
.contact dd,.scd .scd_l ,.scd .scd_r{ width:100%;}
.scd .scd_r{ margin-left: 0;}
.scd_r .pro_l li{ margin:10px 5px !important;}
.scd_r .pro_l{ padding:30px 0;}
.pro_d dl dt, .pro_d dl dt img{ width:478px; height:332px;}
.news dl dt, .news dl dt img{ width:184px; height:139px;}
.scd_r .pst{ height:auto; padding:10px 0; line-height:160%;}
}
@media screen and (max-width:500px) {
.header .head ,.nav_bg .nav,.i_box_a,.i_news,.i_box_b,.f_bg .foot,.scd,.nav_m{width:320px; margin:0px auto;}
.head .logo img,.head .logo{/* width:320px; height:50px;*/}
.head_r .search{ width:320px; float:none; margin-top:20px;}
.head_r .search .text{ width:300px;}
.pro_d dl dt, .pro_d dl dt img{ width:318px; height:220px;}
.i_pl li{ width:100%; margin:0px !important; margin-bottom:20px !important; height:auto;}
.i_pl li img{ width:318px; height:259px;}
.i_news .i_nl{ height:auto;}
.i_news .i_nl dt, .i_news .i_nl dt img{ width:318px; height:271px;}
.i_news .i_nl dd{ width:100%;}
.i_box_b .i_about dt{ width:318px; height:228px;}
.i_box_b .i_about dt img{ width:314px; height:224px;}
.scd_r .pro_l li{ width:100%; margin:0px !important; margin-bottom:20px !important;}
.scd_r .pro_l li img{ width:318px; height:257px;}
.pages a, .pages span, .pages input{ margin-bottom:10px;}
.contact dt, .contact dt img{ width:318px; height:182px;}
.news dl dt, .news dl dt img{ width:318px; height:240px;}
.news dl dd{ width:100%; margin-top:10px;}
.head_r{ display: none;}
.head .logo img{ width: 100%;}
}