#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;}

/* ============================================
   推荐部分完整CSS样式
============================================ */

/* ===== 重置和基础样式 ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.RecommendContent {
    width: 100%;
    background: #ffffff;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
}

/* ===== 主容器 ===== */
.scale-wrapper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

/* ===== 产品中心部分 ===== */
.ProductsSection {
    padding: 60px 0;
    margin-bottom: 60px;
    position: relative;
    background: #ffffff;
    width: 100%;
}

/* 部分标题区域 */
.section-header {
    text-align: center;
    margin-bottom: 50px;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    line-height: 1.2;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1e88e5, #0d47a1);
    border-radius: 2px;
}

.section-subtitle {
    font-size: 18px;
    color: #666;
    margin-top: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    font-weight: 300;
}

/* ===== 产品网格容器 ===== */
.products-grid-full {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

/* 产品行容器 */
.product-rows-container {
    width: 100%;
}

/* ===== 产品行 - 关键部分 ===== */
.product-row-full {
    display: grid;
    gap: 30px;
    margin-bottom: 30px;
    width: 100%;
}

/* ===== 单个产品卡片样式 ===== */
.product-item-full {
    display: flex;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    height: 180px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #e8e8e8;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

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

.product-image-full {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
    background: #f5f7fa;
    height: 100%;
}

.image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.product-item-full:hover .product-img {
    transform: scale(1.08);
}

.product-content-full {
    flex: 0 0 50%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
}

.product-title-full {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 72px;
}

.product-code-full {
    font-size: 13px;
    color: #666;
    margin: 10px 0;
    padding: 4px 8px;
    background: #f8f9fa;
    border-radius: 4px;
    display: inline-block;
}

.product-detail-full {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e88e5;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border: 2px solid #1e88e5;
    border-radius: 6px;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.product-detail-full:hover {
    background: linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);
    color: #fff;
    border-color: transparent;
    gap: 10px;
    transform: translateY(-2px);
}

.detail-text-full {
    font-weight: 600;
}

.detail-arrow-full {
    font-size: 16px;
    transition: transform 0.3s ease;
    font-weight: bold;
}

.product-detail-full:hover .detail-arrow-full {
    transform: translateX(4px);
}

.products-bottom-full {
    text-align: center;
    margin-top: 40px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.view-all-full-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 35px;
    background: #ffffff;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #1e88e5;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.1);
}

.view-all-full-btn:hover {
    background: linear-gradient(135deg, #1e88e5 0%, #007bff 100%);
    color: #ffffff;
    border-color: transparent;
    gap: 12px;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(30, 136, 229, 0.3);
}

.view-all-full-btn svg {
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
}

.view-all-full-btn:hover svg path {
    stroke: #ffffff;
}

/* ============================================
   产品中心响应式设计 - 核心逻辑
============================================ */

/* 1. 大屏幕（≥992px）：一行三个产品，显示两行 */
@media (min-width: 992px) {
    .product-row-full {
        grid-template-columns: repeat(3, 1fr); /* 一行三个 */
    }
    
    /* 确保显示两行 */
    .product-row-full.row-1,
    .product-row-full.row-2 {
        display: grid !important;
    }
}

/* 2. 中等屏幕（768px-991px）：一行三个产品，显示两行 */
@media (min-width: 768px) and (max-width: 991px) {
    .product-row-full {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    
    .product-item-full {
        height: 170px;
    }
    
    .product-content-full {
        padding: 15px;
    }
    
    .product-title-full {
        font-size: 14px;
        min-height: 63px;
    }
}

/* 3. 小屏幕（≤767px）：一行两个产品，显示三行 */
/* 注意：这里需要特殊处理，因为ASP生成的是两行（每行三个） */
/* 我们需要重新排列产品 */
@media (max-width: 767px) {
    .products-grid-full {
        padding: 0 20px;
    }
    
    /* 改为两列布局 */
    .product-rows-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 两列 */
        gap: 20px;
    }
    
    /* 隐藏原来的行容器 */
    .product-row-full {
        display: contents; /* 让产品直接成为网格项 */
    }
    
    /* 产品直接放在网格中 */
    .product-item-full {
        width: 100%;
        height: 160px;
        margin-bottom: 0;
    }
    
    .product-title-full {
        font-size: 14px;
        min-height: 60px;
        -webkit-line-clamp: 2;
    }
    
    .product-code-full {
        display: none;
    }
    
    .product-detail-full {
        padding: 6px 15px;
        font-size: 13px;
    }
}

/* 4. 超小屏幕（≤480px）：单列显示 */
@media (max-width: 480px) {
    .products-grid-full {
        padding: 0 15px;
    }
    
    .product-rows-container {
        grid-template-columns: 1fr; /* 单列 */
        gap: 15px;
    }
    
    .product-item-full {
        height: 150px;
    }
    
    .product-title-full {
        font-size: 13px;
        min-height: 54px;
    }
    
    .product-detail-full {
        padding: 5px 12px;
        font-size: 12px;
    }
}

/* 5. 极小屏幕（≤375px） */
@media (max-width: 375px) {
    .product-item-full {
        height: 140px;
    }
    
    .product-title-full {
        font-size: 12px;
        min-height: 48px;
    }
}

/* ===== 确保产品总数不超过6个 ===== */
.products-grid-full .product-item-full:nth-child(n+7) {
    display: none !important;
}

/* ===== 特殊情况处理 ===== */
/* 如果在小屏幕上产品排列不对，使用这个修复 */
@media (max-width: 767px) {
    /* 确保产品按顺序排列 */
    .product-rows-container {
        counter-reset: product-count;
    }
    
    .product-item-full {
        order: 0; /* 重置order */
    }
}



/* ===== 解决方案部分 - 响应式设计 ===== */
.solutions-section {
    padding: 60px 0;
    margin-bottom: 80px;
    background: #ffffff;
    width: 100%;
}

.solutions-header {
    text-align: center;
    margin-bottom: 50px;
    padding: 0 20px;
}

.solutions-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    position: relative;
    display: inline-block;
    line-height: 1.2;
}

.solutions-title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1e88e5, #0d47a1);
    border-radius: 2px;
}

.solutions-subtitle {
    font-size: 18px;
    color: #666;
    margin: 30px 0 0 0;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    font-weight: 300;
}

.solutions-container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 60px;
}

.solutions-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.first-row .solution-item {
    flex: 1;
}

.second-row {
    display: flex;
    gap: 20px;
}

.second-row .large-item {
    flex: 2;
}

.second-row .solution-item:not(.large-item) {
    flex: 1;
}

.solution-item {
    border-radius: 12px;
    overflow: hidden;
    height: 450px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #e8e8e8;
}

.solution-content {
    position: relative;
    height: 100%;
}

.solution-title {
    position: absolute;
    top: 35px;
    left: 30px;
    right: 30px;
    z-index: 2;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    line-height: 1.4;
}

.second-row .large-item .solution-title {
    font-size: 26px;
    top: 40px;
    left: 35px;
    right: 35px;
}

.solution-image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #f5f7fa;
}

.solution-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
}

.solution-link {
    position: absolute;
    bottom: 35px;
    left: 30px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 25px;
    background: #fff;
    color: #1e88e5;
    text-decoration: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #1e88e5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.solution-link:after {
    content: '›';
    font-size: 18px;
    font-weight: bold;
}

/* 解决方案响应式 */
@media (max-width: 1200px) {
    .solutions-container {
        padding: 0 40px;
    }
    
    .solutions-row,
    .second-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .solution-item,
    .second-row .large-item {
        width: 100% !important;
        flex: none !important;
        height: 420px;
    }
}

@media (max-width: 768px) {
    .solutions-container {
        padding: 0 25px;
    }
    
    .solution-item {
        height: 380px;
    }
    
    .solution-title {
        font-size: 20px;
        top: 25px;
        left: 20px;
        right: 20px;
    }
    
    .solution-link {
        bottom: 25px;
        left: 20px;
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    .solutions-container {
        padding: 0 15px;
    }
    
    .solution-item {
        height: 320px;
    }
    
    .solution-title {
        font-size: 18px;
        top: 20px;
        left: 15px;
        right: 15px;
    }
    
    .solution-link {
        bottom: 20px;
        left: 15px;
        padding: 8px 16px;
        font-size: 14px;
    }
}

/* ===== 保护导航栏 ===== */
nav,
.navbar,
.navigation,
.header,
.footer,
.bottom-nav,
header,
footer {
    position: relative !important;
    z-index: 1000 !important;
    background: inherit !important;
    background-color: inherit !important;
}

footer {
    clear: both;
    position: relative;
    z-index: 1000;
    width: 100% !important;
}

/* ===== 全局链接样式优化 ===== */
a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
    outline: none;
}

/* 无产品数据样式 */
.no-products {
    text-align: center;
    padding: 80px 20px;
    color: #999;
    font-size: 18px;
    background: #f9f9f9;
    border-radius: 12px;
    margin: 0 40px;
    border: 2px dashed #e0e0e0;
}

.no-products:before {
    content: "📦";
    font-size: 40px;
    display: block;
    margin-bottom: 20px;
    opacity: 0.5;
}

/* ===== 特色解决方案部分（简约版） ===== */
.featured-solutions-section {
    padding: 40px 0 80px 0; /* 减少顶部padding，保持底部间距 */
    margin: 0; /* 去掉margin */
    position: relative;
    background: #ffffff;
    width: 100%;
}

.featured-solutions-section .section-header {
    text-align: center;
    margin-bottom: 50px; /* 减少间距 */
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

.featured-solutions-section .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    line-height: 1.2;
}

.featured-solutions-section .section-title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1e88e5, #0d47a1);
    border-radius: 2px;
}

.featured-solutions-section .section-subtitle {
    font-size: 18px;
    color: #666;
    margin-top: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    font-weight: 300;
}

/* 三个卡片容器 - 宽度与解决方案部分一致 */
.featured-cards-container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

/* 三个卡片一行排列 */
.featured-cards-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
}

/* 单个卡片样式 - 简约设计 */
.featured-card {
    background: transparent;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: inherit;
    border: none;
    box-shadow: none;
}

.featured-card:hover {
    transform: translateY(-5px);
}

/* 图片部分 */
.featured-card-image-container {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.featured-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}

.featured-card:hover .featured-card-image {
    transform: scale(1.05);
}

/* 文字内容部分 */
.featured-card-content {
    padding: 0;
    background: transparent;
}

.featured-card-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.featured-card:hover .featured-card-title {
    color: #1e88e5;
}

.featured-card-description {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* ===== 响应式设计 ===== */

/* 大屏幕（≥1201px）：三个卡片一行 */
@media (min-width: 1201px) {
    .featured-cards-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }
    
    .featured-card-image-container {
        height: 240px;
    }
}

/* 中等屏幕（769px-1200px）：三个卡片一行 */
@media (min-width: 769px) and (max-width: 1200px) {
    .featured-cards-container {
        padding: 0 40px;
        max-width: 1200px;
    }
    
    .featured-cards-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    .featured-card-image-container {
        height: 200px;
    }
    
    .featured-card-title {
        font-size: 18px;
    }
}

/* 平板（481px-768px）：三个卡片改为两行（2+1） */
@media (min-width: 481px) and (max-width: 768px) {
    .featured-solutions-section {
        padding: 30px 0 60px 0;
    }
    
    .featured-cards-container {
        padding: 0 30px;
    }
    
    .featured-cards-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* 第三个卡片单独一行 */
    .featured-card:nth-child(3) {
        grid-column: span 2;
        max-width: 400px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    
    .featured-card-image-container {
        height: 180px;
    }
}

/* 手机（≤480px）：三个卡片单列显示 */
@media (max-width: 480px) {
    .featured-solutions-section {
        padding: 25px 0 50px 0;
    }
    
    .featured-cards-container {
        padding: 0 20px;
    }
    
    .featured-cards-row {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 400px;
        margin: 0 auto;
    }
    
    .featured-card:nth-child(3) {
        grid-column: span 1;
        max-width: 100%;
        display: block;
    }
    
    .featured-card-image-container {
        height: 200px;
    }
    
    .featured-card-title {
        font-size: 18px;
    }
}
/* 原来的蓝色框黑色字体无背景样式 */
.view-more-container {
    text-align: center;
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.view-more-link {
    display: inline-block;
    padding: 12px 30px;
    background-color: transparent; /* 透明背景 */
    color:#ffffff; 
    text-decoration: none;
    border: 2px solid #007bff; /* 蓝色边框 */
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* 悬停时变为蓝色背景和白色字体 */
.view-more-link:hover {
    background-color: #007bff; /* 蓝色背景 */
    color: white; /* 白色字体 */
    border-color: #007bff; /* 保持蓝色边框 */
    text-decoration: none;
}

/* 如果需要更明显的悬停效果，可以添加以下样式 */
.view-more-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

/* 点击时的效果 */
.view-more-link:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
}

/* 如果希望有更平滑的过渡效果 */
.view-more-link {
    display: inline-block;
    padding: 12px 30px;
    background-color: transparent;
    color: #007bff;
    text-decoration: none;
    border: 2px solid #007bff;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s ease, 
                color 0.3s ease, 
                border-color 0.3s ease,
                transform 0.3s ease,
                box-shadow 0.3s ease;
}