#wrapper #head {
    float: none;
    width: 100%;
    height: auto;
    min-height: 650px; /* 改为650px */
    background: url("/images/jlschinared/body_bg.png") repeat 0px 0px;
}

.fullSlide {
    width: 100%;
    position: relative;
    height: auto;
    aspect-ratio: 1920 / 650; /* 改为1920/650比例 */
}

.fullSlide .bd {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #000;
    aspect-ratio: 1920 / 650; /* 改为1920/650比例 */
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: auto;
    aspect-ratio: 1920 / 650; /* 改为1920/650比例 */
    overflow: hidden;
    text-align: center;
    background-size: cover !important;
    background-position: center center !important;
}

.fullSlide .bd li a {
    display: block;
    height: 100%;
    aspect-ratio: 1920 / 650; /* 改为1920/650比例 */
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 22px;
    height: 7px;
    margin: 5px;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    line-height: 999px;
}

.fullSlide .hd ul .on {
    background: #f00;
}

.fullSlide .prev, .fullSlide .next {
    display: block;
    position: absolute;
    z-index: 999 !important;
    top: 50%;
    margin-top: -25px;
    left: 3%;
    width: 40px;
    height: 50px;
    background: rgba(0,0,0,0.3) !important;
    color: #fff !important;
    text-align: center;
    line-height: 50px;
    font-size: 24px !important;
    text-decoration: none !important;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    border-radius: 0 !important;
    background-image: none !important;
    text-indent: 0 !important;
    pointer-events: auto !important;
}

.fullSlide .prev::before {
    content: "‹" !important;
    display: block;
    position: relative;
    z-index: 1000;
}

.fullSlide .next::before {
    content: "›" !important;
    display: block;
    position: relative;
    z-index: 1000;
}

.fullSlide .next {
    left: auto;
    right: 3%;
    background: rgba(0,0,0,0.3) !important;
    background-image: none !important;
    background-position: unset !important;
}

.fullSlide .bd {
    position: relative;
    z-index: 1;
}

.fullSlide .bd li {
    position: relative;
    z-index: 1;
}

/* 响应式媒体查询 */
@media (max-width: 1920px) {
    .fullSlide,
    .fullSlide .bd,
    .fullSlide .bd li,
    .fullSlide .bd li a {
        max-height: 650px; /* 改为650px */
    }
}

@media (max-width: 1200px) {
    .fullSlide,
    .fullSlide .bd,
    .fullSlide .bd li {
        aspect-ratio: 1920/650; /* 保持1920/650比例 */
    }
}

/* 兼容不支持aspect-ratio的浏览器 */
@supports not (aspect-ratio: 1) {
    .fullSlide .bd::before {
        content: '';
        display: block;
        padding-top: 33.854%; /* 650/1920 = 0.33854 = 33.854% */
    }
    
    .fullSlide .bd li {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}

/* 额外的小屏幕适配 */
@media (max-width: 768px) {
    .fullSlide .prev, .fullSlide .next {
        width: 30px;
        height: 40px;
        line-height: 40px;
        font-size: 18px !important;
        margin-top: -20px;
    }
    
    #wrapper #head {
        min-height: 400px; /* 移动端最小高度适当减小 */
    }
}

#body    h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
#body   .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
#body   .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}

#body   .tab{ }
#body   .tab-hd { 	background:url("/images/jlschinared/box_titlebg.png") no-repeat -150px top;
 overflow:hidden; zoom:1;}
#body   .tab-hd li{ float:lcenter; width:100px; color:#fff; text-align:center; cursor:pointer;height:30px;line-height:30px;}
#body   .tab-hd li.active{	background:url("/images/jlschinared/box_titlebg.png") no-repeat -0px top;
font-weight:bold;
padding:0px;
margin:0px;
padding-left:10px;
font-size:14px;
text-align:left;}
#body  .tab-hd li.active a{
	color:#FFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:30px;
	background:none;}
#body   .tab-bd li{display:none; padding:0px; border-top:0 none; }	

#body  .DivList{
	overflow:hidden;
	height:20px;
	font-size:12px;
	padding:0px;}
#body .right .DivList{
	height:15px;
	}

#body  .DivList .DivLi{
	padding:0px 0px 0px 0px;

	}
#body  .DivList .DivLi a{
	line-height:25px;
	padding:0px;
	height:20px;
	overflow:hidden;}	
#body  .DivList .DivLi span{
	color:#b6120f;
	padding-right:200px;
	font-size:11px;
	width:200px;
	}

/* main block*/
#body .MainBlock{
	float:left;
	width:1080px;
	margin:auto;
	font-size:12px;
	}
#body .MainBlock .BlockInner{
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;		
	border-bottom:1px solid #e5e5e5;}	
#body  .left{
	float:right;
	width:1080px;
	height:20px;
	overflow:hidden;
	}
#body  .left .LeftAbout{
	width:1080px;
	float:left;
		}
#body  .left .RightNews{
	width:1080px;
	float:right;}
	
#body  .right{
	width:220px;
	float:left;
	
	}

#body .topic{
	height:30px;
	background:url("/images/jlschinared/box_titlebg.png") no-repeat -0px top;
	}
#body .MainBlock .right .topic{
}	
#body   .topic .TopicTitle{
	float:left;
	padding-left:15px;
	font-size:13px;
	color:#FFFFFF;
	height:30px;
	font-weight:bold;
	line-height:30px;}
#body   .topic .TopicTitle p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:150%;}
#body .right2 .topic,#body .left .topic{
	height:45px;
}

#body  .right2 .topic .TopicTitle,#body  .left .topic .TopicTitle{
	padding-left:15px;
	}
#body  .TopicTitle a{
	color:#FFFFFF;
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	padding-right:10px;
	padding-top:9px;}
#body   .topic .TopicMore img{
	}	
	

#body .ProductShow_new {
   	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;		
	border-bottom:1px solid #dfdfdf;	
	WIDTH: 1078px; 
	font-size:11.5px;
}

#body .topic_new{
	height:30px;
	background:url("/images/jlschinared/box_titlebg.png") no-repeat -0px top;
	}

#body   .topic_new .TopicTitle_new{
	float:left;
	padding-left:150px;
	font-size:13px;
	color:#000000;
	height:25px;
	width:90%;
	font-weight:bold;
	line-height:30px;}
#body   .topic_new .TopicTitle_new p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:25%;}
	
#body  .TopicTitle_new a{
	color:#000000;
	text-decoration:none;}	
#body   .topic_new .TopicMore_new{
	width:10%;
	float:right;
	padding-right:0px;
	padding-top:0px;}
#body   .topic_new .TopicMore_new img{
	}	
			
	
#body    .MBlockTable td{
	line-height:20px;
	font-size:12px;
}

#body  .left .MBlockTable .ListTitle{
	background:url("/images/title_icon1.jpg") no-repeat 15px 10px;
	padding-left:30px;
}
#body    .MBlockTable td{
	text-align:left;
	padding-left:0;}
	
#body  .MBlockTable span{
	color:#9a9a9a;
	padding-left:10px;
	font-size:11px;}
#body .MainBlock .left .img{
	padding:0px 10px 7px 10px;
	}
#body .MainBlock .left h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .left .txt{
	padding:0px 10px 0px 10px;
	color:#6c6c6c;}
#body .MainBlock .left .txt p{
	line-height:200%;}
	
#body .MainBlock .right .txt{
	padding:10px 10px 0px 10px;
	color:#6c6c6c;}
#body .MainBlock .right .txt p{
	line-height:200%;}


.FocusAD #buttom_0 {
	background-position:0 0;
}
.FocusAD #buttom_1 {
	background-position:-22px 0;
}
.FocusAD #buttom_2 {
	background-position:-22px 0;
}
.FocusAD #buttom_3 {
	background-position:-22px 0;
}
.FocusAD #buttom_0.selected {
	background-position:0 -16px;
}
.FocusAD #buttom_1.selected {
	background-position:-22px -16px;
}
.FocusAD #buttom_2.selected {
	background-position:-44px -16px;
}
.FocusAD #buttom_3.selected {
	background-position:-66px -16px;
}
/* */
 .FocusAD { 
	width:530px; 
	height:222px; 
	overflow:hidden;
	position:relative;
	padding-left:3px;
	padding-top:-5px;
	
}
.FocusAD  .slider,.FocusAD  .num{
	position:absolute;
}
.FocusAD  .slider li{ 
	list-style:none;
	display:inline;
}
.FocusAD  .slider img{ 
	width:530px; 
	height:222px;
	display:block;
}
.FocusAD  .num{ 
	right:5px; 
	bottom:5px;
}
.FocusAD  .num li{
	float: left;
	color: #b6120f;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #b6120f;
	background-color: #fff;
}
.FocusAD  .num li.on{
	color: #fff;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-size: 14px;
	margin: 3px 1px;
	border: 1px solid #b6120f;
	background-color: #b6120f;
	font-weight: bold;
}



.blk_29 {	 PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
	
 .blk_29 .LeftBotton {	BACKGROUND: url(/images/jlschinared/dirleft.jpg) no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 47px; HEIGHT: 165px}
 .blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(/images/jlschinared/dirright.jpg) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 47px; HEIGHT: 165px}
 .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:0px 0 0 0px;float:left;height:170px;width:900px;POSITION: relative;left:47px;}  /*修改滚动栏边框的高度和宽度*/
 .blk_29 .box {	FLOAT: left; WIDTH: 165px; TEXT-ALIGN: center;}
 .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:155px;height:145px;} /*修改图片的高度和宽度*/

 .blk_29 .box A:hover IMG {	BORDER: #b6120f 1px solid;}
 .blk_29 .box P {	WIDTH: 175px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#b6120f;}

#body .MainBlock .right2 #demo {
background: #FFF;
overflow:hidden;
width: 230px;
height:240px;
margin:auto;
}
#body .MainBlock .right2 #indemo {
float: left;
height: 800%;
}
#body .MainBlock .right2 #demo1 {
float: left;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
#body .MainBlock .right2 #demo2 {
float: left;
}


#body .ProductShow {
   	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;		
	border-bottom:1px solid #dfdfdf;	
	WIDTH: 1078px; 
	font-size:11.5px;
}


#body .ProductShow  .albumblock{
	width:349px;
	height:140px;
	background-color:#e0dfdf;
	margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
	padding:10px 4px 10px 6px;

	}
	

#body .ProductShow .boxgrid{ 
				height:140px;  
                width:40%;
                foat:left;
                background:url("/images/jlschinared/picback.jpg") no-repeat 15px 10px ;
                display: table-cell;
                vertical-align:middle;/*设置水平居中*/
                text-align:center;/* 针对IE的Hack */
                display: block;

			}	
					
#body .ProductShow .boxgrid img{ 
                height:140px;  
                width:40%;

vertical-align:middle;}
				
#body .ProductShow .cover{
 width:59%;
 height:140px;
 float:left;
 background:url("/images/jlschinared/picback.jpg") ;
	
	}
					
.clear_float{clear:both}

.hjc {
	
}
.hjnav {
	BACKGROUND-COLOR: #fff; HEIGHT: 420px;
	overflow:hidden;
	}
.hjnavleft {
	WIDTH: 187px; FLOAT: left; HEIGHT: 420px;
	z-index:100;
}
.hjnavleft UL {
}
.hjnavleft UL LI {
	LINE-HEIGHT: 42px; 
	PADDING-LEFT: 42px; 
	HEIGHT: 42px;
	width:132px;
	background:url(/images/jlschinared/box_bg3.jpg) no-repeat left top;	
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.hjnavleft UL LI a:hover{
	text-decoration:none;}
.hjnavleft UL LI.hover0 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover0  a{
	color:#FFFFFF;
	font-weight:bold;}
.hjnavleft UL LI.hover1 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover1  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover2 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover2  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover3 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover3  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover4 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover4  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover5 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover5  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover6 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover6  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover7 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover7  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover8 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover8  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover9 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover9  a{
	color:#FFFFFF;	
	font-weight:bold;}
.hjnavleft UL LI.hover10 {
	width:155px;
	border-right:none;
	border-bottom:1px solid #FFF;
	background:url(/images/jlschinared/box_bg32.jpg) no-repeat -1px top;	
}
.hjnavleft UL LI.hover10  a{
	color:#FFFFFF;	
	font-weight:bold;}
	
.hjnavcn {
	WIDTH:1079px; FLOAT: left; HEIGHT: 315px; OVERFLOW: hidden;
	
}
.f {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.dcn {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.shengming {
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.cfr H5 IMG {
	DISPLAY: block
}
.cfr UL LI.tenlion IMG {
	DISPLAY: block
}
.jdcenter IMG {
	DISPLAY: block
}
.cfr UL LI IMG {
	DISPLAY: none
}
.cfr UL LI.tenlion P {
	DISPLAY: none
}
.hjone {
	WIDTH:1079px; FLOAT: left; HEIGHT: 429px; OVERFLOW: hidden;
 }
.hjone P {
	PADDING-BOTTOM: 5px; TEXT-INDENT: 1em
}


#body #Links {
	padding:7px 8px;
	line-height:25px;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:bold;}

#body #Links a{
	padding:0px 7px;}

/*为什么选择锦锋科技样式 */
/* 彻底重置所有边距和内边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    background: #fff;
    color: #333;
    line-height: 1.6;
}

/* 强制全宽容器 */
.full-width-section {
    width: 100vw;
    margin: 0;
    padding: 80px 0;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #f8f9fa;
}

.main-title {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 60px;
    padding: 0 20px;
}

/* 卡片容器 - 强制铺满 */
.cards-container {
    display: flex;
    width: 100vw;
    margin: 0;
    padding: 0;
}

.feature-card {
    flex: 1;
    background: #ffffff; /* 白色背景 */
    padding: 50px 30px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    border-right: 1px solid #eaeaea;
    text-decoration: none; /* 移除下划线 */
    color: inherit;
    display: block;
    min-height: 380px;
    cursor: pointer;
    outline: none; /* 移除点击时的轮廓线 */
}

.feature-card:last-child {
    border-right: none;
}

.feature-card:hover {
    background: #0056b3; /* 蓝色背景 */
    color: white;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-decoration: none; /* 确保悬停时也没有下划线 */
}

.feature-card:hover .feature-icon img {
    filter: brightness(0) invert(1); /* 悬停时图标变白色 */
}

.feature-card:hover .feature-number,
.feature-card:hover .feature-en-title,
.feature-card:hover .feature-cn-title,
.feature-card:hover .feature-description {
    color: white;
    text-decoration: none; /* 确保文字没有下划线 */
}

/* 图片图标样式 */
.feature-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
    /* 如果原始图标不是蓝色，添加蓝色滤镜 */
    filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(2000%) hue-rotate(200deg) brightness(90%) contrast(90%);
}

/* 简洁的数字编号 */
.feature-number {
    font-size: 16px;
    font-weight: bold;
    color: #0056b3; /* 蓝色 */
    margin-bottom: 15px;
    line-height: 1;
    text-decoration: none; /* 移除下划线 */
}

.feature-en-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none; /* 移除下划线 */
}

.feature-cn-title {
    font-size: 22px;
    color: #666;
    margin-bottom: 25px;
    font-weight: 500;
    text-decoration: none; /* 移除下划线 */
}

.feature-description {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    padding: 0 10px;
    text-decoration: none; /* 移除下划线 */
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .cards-container {
        flex-wrap: wrap;
    }
    
    .feature-card {
        flex: 0 0 50%;
        min-height: 350px;
    }
    
    .feature-card:nth-child(2) {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .cards-container {
        flex-direction: column;
    }
    
    .feature-card {
        flex: 1;
        border-right: none;
        border-bottom: 1px solid #eaeaea;
        padding: 40px 20px;
        min-height: 320px;
    }
    
    .feature-card:last-child {
        border-bottom: none;
    }
    
    .main-title {
        font-size: 28px;
    }
    
    .feature-icon {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 480px) {
    .feature-card {
        padding: 30px 15px;
        min-height: 300px;
    }
    
    .feature-icon {
        width: 60px;
        height: 60px;
    }
    
    .feature-cn-title {
        font-size: 20px;
    }
    
    .feature-description {
        font-size: 14px;
    }
}






/* 推荐内容区域样式 */
.RecommendContent {
  margin: 0 auto;
  max-width: 1200px;
  background: transparent;
  padding: 0;
}

.RecommendSection {
  margin-bottom: 60px;
  padding: 0;
  border-bottom: none;
}

/* 移除最后一个部分的底部边框 */
.RecommendSection:last-child {
  margin-bottom: 0;
}

.SectionHeader {
  margin-bottom: 30px;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
}

.SectionTitle {
  font-size: 32px;
  color: #333;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1.2;
  position: relative;
  padding-bottom: 15px;
}

.SectionTitle::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: #1e88e5;
}

.SectionIntro {
  font-size: 18px;
  color: #666;
  line-height: 1.6;
  margin-top: 10px;
}

/* 移除更多链接相关样式 */
.SectionHeaderBottom,
.SectionMore {
  display: none;
}


/* 产品中心样式 */
.ProductsCarousel {
  padding: 0;
  background: transparent;
  overflow: hidden;
}

.products-carousel-wrapper {
  background: transparent;
}

.products-carousel-track {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  background: transparent;
}

.product-carousel-item {
  display: flex;
  text-decoration: none;
  color: inherit;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  background: #fff;
  padding: 0;
  transition: all 0.3s ease;
  min-height: 220px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.product-carousel-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(30, 136, 229, 0.15);
  border-color: #1e88e5;
}

.product-carousel-content {
  flex: 0 0 60%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #f0f0f0;
  min-width: 0;
}

.product-carousel-name {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1.3;
  margin: 0 0 15px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-carousel-description {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.product-carousel-image {
  flex: 0 0 40%;
  height: 220px;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.product-carousel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

.product-carousel-item:hover .product-carousel-image img {
  transform: scale(1.05);
}

.no-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  font-size: 14px;
  background: white;
  padding: 8px 12px;
  border-radius: 6px;
}
.product-carousel-item:active {
  text-decoration: none;
}


.product-carousel-item,
.product-carousel-item:hover,
.product-carousel-item:focus,
.product-carousel-item:active {
  text-decoration: none;
}


/* 新闻中心样式 */
.NewsTwoColumn {
  display: flex;
  gap: 40px;
  margin-bottom: 0;
  background: transparent;
}

.NewsLeftColumn,
.NewsRightColumn {
  flex: 1;
  background: transparent;
}

.NewsList {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: transparent;
}

.FeaturedNews {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  background: white;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.FeaturedNews:hover {
  border-color: #1e88e5;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(30, 136, 229, 0.15);
}

.FeaturedNewsImage {
  width: 100%;
  height: 280px;
  object-fit: cover;
  background: #f5f5f5;
}

.FeaturedNewsContent {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 160px;
}

.FeaturedNewsTitle {
  margin-bottom: 12px;
  text-align: center;
}

.FeaturedNewsTitle a {
  color: #2c3e50;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  transition: color 0.3s ease;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.FeaturedNewsTitle a:hover {
  color: #1e88e5;
}

.FeaturedNewsDesc {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.FeaturedNewsDate {
  color: #1e88e5;
  font-size: 14px;
  font-weight: 500;
  padding-top: 12px;
  border-top: 1px dashed #e0e0e0;
  text-align: center;
  margin-top: auto;
}

.NewsItem {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
  position: relative;
  min-height: 80px;
  box-sizing: border-box;
}

.NewsItem:hover {
  background: linear-gradient(135deg, #f8fbff 0%, #f0f7ff 100%);
  border-color: #1e88e5;
}

.NewsDate {
  width: 65px;
  flex-shrink: 0;
  color: #1e88e5;
  font-weight: 500;
  background: transparent;
  padding: 8px 0;
  text-align: center;
  margin-right: 15px;
  margin-left: 5px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  border: none;
  height: 100%;
}

.NewsDate .month-day {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}

.NewsDate .year {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.9;
}

.NewsContent {
  flex: 1;
  min-width: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10px;
}

.NewsTitle {
  margin-bottom: 6px;
}

.NewsTitle a {
  color: #2c3e50;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.3s ease;
  display: block;
}

.NewsTitle a:hover {
  color: #1e88e5;
}

.NewsDesc {
  color: #666;
  font-size: 15px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 查看更多样式 - 恢复原来的格式 */
.NewsMore {
  text-align: center;
  margin-top: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.NewsMore::before,
.NewsMore::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #e0e0e0;
  margin: 0 25px;
}

.NewsMoreLink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 30px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: transparent;
  color: #2c3e50;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

.NewsMoreLink:hover {
  border-color: #1e88e5;
  color: #1e88e5;
  background: #f8fbff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 136, 229, 0.15);
}

.NewsMoreLink::after {
  content: '→';
  font-size: 16px;
  font-weight: 600;
  transition: transform 0.3s ease;
}

.NewsMoreLink:hover::after {
  transform: translateX(3px);
}

.loading {
  text-align: center;
  padding: 40px;
  color: #666;
  font-size: 16px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .NewsTwoColumn {
    flex-direction: column;
    gap: 30px;
  }
  
  .FeaturedNewsContent {
    padding: 16px;
    min-height: 140px;
  }
  
  .NewsItem {
    padding: 14px 16px;
    min-height: 70px;
  }
  
  .NewsDate {
    width: 55px;
    margin-right: 12px;
  }
}

/* 服务支持样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", sans-serif;
}

body {
    background: #f4f5f9;
    color: #333;
    line-height: 1.6;
    min-height: 100vh;
    padding: 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* 隐藏字段样式 */
.requsetParam, .requsetID {
    display: none;
}

/* 网格布局样式 */
.w_grid {
    margin-bottom: 30px;
}

.p_gridbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.p_gridCell {
    flex: 1;
    min-width: 250px;
    padding: 15px;
    display: flex;
}

/* 标题样式 - 增加上下间距 */
.reset_style h1 {
    font-size: 42px;
    font-weight: bold;
    color: #2c5aa0;
    text-align: center;
    margin: 40px 0 25px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.reset_style p {
    text-align: center;
    color: #5a7db0;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 60px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

/* 服务卡片样式 */
.service-card {
    background: transparent;
    border-radius: 12px;
    overflow: visible;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 15px 10px; /* 增加上下内边距 */
    width: 100%;
}

/* 图片容器 */
.w_img {
    overflow: visible;
    position: relative;
    height: 160px;
    margin-bottom: 30px; /* 增加图片与标题的间距 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f9;
    border-radius: 12px;
    flex-shrink: 0;
}

.w_img img {
    width: 140px;
    height: 140px;
    object-fit: contain;
    border-radius: 12px;
    display: block;
    background: #f4f5f9;
    flex-shrink: 0;
}

/* 内容部分 */
.service-content {
    padding: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    background: transparent;
    min-height: 180px;
    gap: 15px; /* 使用gap统一控制内部元素间距 */
}

/* 标题样式 - 增加与图片的间距 */
.service-content h3 {
    font-size: 22px;
    margin: 0;
    color: #2c3e50;
    font-weight: 600;
    line-height: 1.3;
    flex-shrink: 0;
    margin-bottom: 8px; /* 标题与描述的间距 */
}

/* 描述文字样式 */
.service-content p {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    margin: 0;
    flex-grow: 1;
    padding: 0 10px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 按钮样式 */
.service-btn {
    display: inline-block;
    padding: 12px 30px;
    background: transparent;
    color: #5a7db0;
    border: 2px solid #e0e0e0;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 15px; /* 增加按钮与上方内容的间距 */
    flex-shrink: 0;
    align-self: center;
}

.service-btn:hover {
    background: linear-gradient(90deg, #4a8cff 0%, #6bb1ff 100%);
    color: white;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(74, 140, 255, 0.3);
}

.service-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(74, 140, 255, 0.2);
}

/* 删除服务图标相关样式 */
.service-icon {
    display: none;
}

/* 装饰元素 */
.decoration {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 0;
}

.decoration-1 {
    width: 200px;
    height: 200px;
    top: 10%;
    left: 5%;
    animation: float 6s ease-in-out infinite;
}

.decoration-2 {
    width: 150px;
    height: 150px;
    bottom: 10%;
    right: 5%;
    animation: float 8s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* 响应式设计 */
@media (max-width: 768px) {
    .p_gridCell {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .reset_style h1 {
        font-size: 32px;
        margin: 30px 0 20px;
    }
    
    .reset_style p {
        font-size: 16px;
        margin-bottom: 50px;
        padding: 0 15px;
    }
    
    .w_img {
        height: 140px;
        margin-bottom: 25px; /* 移动端调整间距 */
    }
    
    .w_img img {
        width: 120px;
        height: 120px;
    }
    
    .service-content h3 {
        font-size: 20px;
    }
    
    .service-content {
        min-height: 160px;
        gap: 12px; /* 移动端调整间距 */
    }
    
    .service-content p {
        min-height: 50px;
    }
    
    .service-btn {
        margin-top: 12px; /* 移动端调整按钮间距 */
    }
}

@media (max-width: 480px) {
    body {
        padding: 10px;
    }
    
    .p_gridCell {
        padding: 10px;
    }
    
    .reset_style h1 {
        font-size: 28px;
        margin: 25px 0 15px;
    }
    
    .reset_style p {
        font-size: 15px;
        margin-bottom: 40px;
        padding: 0 10px;
    }
    
    .service-content h3 {
        font-size: 18px;
    }
    
    .w_img {
        height: 130px;
        margin-bottom: 20px; /* 小屏幕调整间距 */
    }
    
    .w_img img {
        width: 110px;
        height: 110px;
    }
    
    .service-btn {
        padding: 10px 25px;
        font-size: 13px;
        margin-top: 10px; /* 小屏幕调整按钮间距 */
    }
    
    .service-content {
        min-height: 150px;
        gap: 10px; /* 小屏幕调整间距 */
    }
    
    .service-content p {
        min-height: 45px;
    }
}