@charset "UTF-8";
/* CSS Document */

.mainpage
{	
    margin:0 auto;
	background-color:#ffffff;
	width:100%;
	height:100%;    
    text-align:center; /* 鑿滃崟鏂囧瓧灞呬腑 */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*border:2px solid red;*/
}

.mainpage ul {   
    list-style: none;/*鍘绘帀椤圭洰鍚嶇О鍓嶉潰鐨勭偣*/
    /*background-color:red;*/
    
}

ul {
  list-style: none; /* 简写，等价于 list-style-type: none */
}

body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
     /*border:2px solid green;*/
	
	background-color:#f5f5f5;
}

.brandTitle { /* 设定品牌产品列表前面的标题样式*/
	font-size:22px;
}

.overview{  
  
  /*margin: 0 auto；*/
      display: flex;/*流式布局*/
  
}

.overview_ul{
    width:100%;
    
    /*background: #f7fbf9;*/
    
}
.overview_ul li{
    width:18%; 
    height: 50px;
    line-height: 50px;
    float:left;
    margin: 5px;
    list-style: none;/*去掉前面圆点*/
    text-align:center; /* 菜单文字居中 */
    border-radius: 6px;
    background-color:#EEEEEE;/*灰色*/
}

.backToTop{
    width:94%;
    text-align:right;
}


.philo/*  */
{
	text-align:left;
	font-size: 20px;
	
}

/*设置装logo图标的box*/
.mainlogo{
    background: #F3F2F2;
    /*display: flex;/*流式布局*/
   /* flex-flow: wrap;/*子元素自动换行*/
    width: 98%;
    margin:0 auto;
}

/*设置品牌列表内logo大图片样式*/
.brandlogo{
    margin: 10px 10px 10px 10px;
    background:#FFFFFF;
    border-radius: 15px;
     /*background-image: url("..../images/logo/logo_bg.png");用背景图片形成圆角边框效果*/
}

/*设置品牌列表内logo小图片样式*/
.brandlogo_s{
    margin-left:5px;
    background:#FFFFFF;
    border-radius: 15px;
}


/*设置品牌索引字体等*/
.brandindex{
    width:220px;
    font-size: 20px;
    margin: 10px;
}


/*设置网页链接颜色*/
a:link {text-decoration: none;color: blue;}
a:visited {text-decoration: none;color: #CC6633;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;color: #0B16E5;}




table tr td /* */
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	/*line-height: 60px;/*琛岄珮搴︼紝杩欎釜鍊煎拰 height 鍊奸厤鍚堝彲瀹炵幇鏂囧瓧涓婁笅灞呬腑鏁堟灉*/
	/*height: 100px;*/
	/*font-size: 20px;*/
	/*text-align: center;*/
	text-decoration: none;
    
}

.table_main 
{ 
        width: 90%;
		margin: auto; 
		/*background:#0C0 ;*/  
		align:left;
}

.ul_main { /* 设置产品列表样式  */
        padding:0px;/*此句作用在于删除li前面点占用的空间*/
        width: 90%;
		line-height: 100px;/* 下面菜单的行高 */
		font-size: 20px;
		margin: auto;  /* 使整个DIV居中（不是里面文字居中）*/
		background:#ffffff ;
		text-align:left; /* 使li里面的文字靠左对齐 */
		text-indent:8px;/* 左侧留一点距离，不然文字紧贴左侧不美观*/
		/*border:2px solid green;*/
		
}


.ul_main li:nth-child(even){
    background-color:#f5f5f5;
    border-radius: 12px;
    overflow: hidden; /* 配合圆角，隐藏边框溢出 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* 轻微阴影，增加现代感 */
    background: linear-gradient(to right ,  #f5f5f5,#eeeeec,); /* 左浅灰→右稍深灰 横向渐变 */
}



/*设置类ul_mian里面的偶数行背景颜色*/
/*li:nth-child(odd){background-color:#f5f5f5;}/*设置奇数行背景颜色,暂不用*/


.main1 /*设置公司简介样式*/
{
	width:100%;
    margin:0 auto;/* 整体居中 */
	text-align: left; /* 文字靠左对齐 */
	line-height: 30px; /* 设置无效*/
   /*background-image:linear-gradient(180deg,#ffffff 10%,#c2e9fb 80%);*/
    border-radius: 12px;
    /*border:2px solid green;*/
    display: flex;
    
}


.mainSpacer /*无内容，在不同品牌内容之间起间隔作用*/
{
    background-color:#ffffff;
	width:100%;
    height:50px;  
    
}

#main_icon/*首页下方图标整体样式*/
{
    display:flex;/*让菜单水平显示，没有这行菜单会垂直显示*/
	margin:auto; /* 整块居中*/
    width:90%;
	/*height: 80px;*/
    text-align:center; /* 菜单文字居中 */
    background-color:#333333;
}

#main_icon1/*首页下方图标单个区域样式*/
{
    
	margin:auto; /* 整块居中*/
    width:100%;
	/*height: 80px;*/
    text-align:center; /* 菜单文字居中 */
}




#mainIndSol /*设置上行业应用分类*/
{
    display:flex;/*让菜单水平显示，没有这行菜单会垂直显示*/
	margin:auto; /* 整块居中*/
    width:90%;
	height: 80px;
    text-align:center; /* 菜单文字居中 */
    
}

#contact1 /* 联系方式页面文字样式*/
{
	text-align: left;
	/*background-color:#cccccc;*/
	line-height: 35px;
}


/*浠ヤ笅涓轰骇鍝佽鎯呴〉闈㈢敤css鏍峰紡*/
#pro_detail {
	
    margin:0 auto;
	border:0px solid #000;
	width:100%;	
	z-index:0;
	background-color:#FFFFFF;
	
}
#div_title /*鏍囬*/
{   
	width:100%;
    line-height:60px;  /*璁╂枃瀛楀瀭鐩村眳涓*/ 
    font-size:18px;
    color:#000ead;
	z-index:0;
    text-align: center; 
    padding-top:20px; /*让标题和上方隔开一段距离，不靠的太近*/
	
}

#div_bg_s { /* 第1，3，5格背景 */
	display: flex;/*璁╁瓙 div 妯悜鎺掑垪*/
    justify-content: space-around;/*姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛*/
	width:100%;
	height:500px;
	z-index:1;
    align-items:center;/*鍏朵腑椤圭洰鍨傜洿灞呬腑*/

}
#div_bg_d { /* 第2，4格背景 */
	display: flex;
    justify-content: space-around;/*姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛*/
	width:100%;
	height:500px;
	z-index:1;
	align-items:center;
    background-color: #F0F0F0;
    
}

#div_bg_5 { /* 绗?鏍艰儗鏅紝楂樺害灏忎竴浜涳紝鍏朵粬鍚?锛? */
	display: flex;/*璁╁瓙 div 妯悜鎺掑垪*/
    justify-content: space-around;/*姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛*/
	width:100%;
	height:100%;
	z-index:1;
    align-items:center;/*鍏朵腑椤圭洰鍨傜洿灞呬腑*/
    background-color: #ffffff;
}

#div_bg_6 { /* 绗?鏍艰儗鏅紝楂樺害灏忎竴浜涳紝鍏朵粬鍚?锛? */
	display: flex;/*璁╁瓙 div 妯悜鎺掑垪*/
    justify-content: space-around;/*姣忎釜椤圭洰涓や晶鐨勯棿闅旂浉绛*/
	width:100%;
	height:300px;
	z-index:1;
    align-items:center;/*鍏朵腑椤圭洰鍨傜洿灞呬腑*/
}


#div_txt /*1-4格内文字 */
{
	width:25%;
	height:400px;
    font-size:18px;
    line-height: 26px;
    letter-spacing:5px;
	z-index:1;
    color:#535353;
    text-align: left;
}

#div_txt_5 /*第5格内文字 ， 油墨在此放色号 */
{
	width:90%;
	height:100%;
    font-size:18px;
    line-height: 36px;
    letter-spacing:5px;
	z-index:1;
    color:#535353;
    text-align: left;
    list-style: none; /*去除了li左侧的圆点*/
    /*background-color: yellow;*/
}

.li-space/* 设定色号文字的间隔*/
{
    margin-left: 35px; /* 核心：空白间隔20px，可改10px/30px等 */
}

.li-spacev
{
     margin-bottom: 20px; /* 关键：li之间垂直间距10px，可改5px/15px/20px */
}


#div_txt_6 /*第6格内文字 , 用于尾部说明 */
{
	width:90%;
	height:300px;
    font-size:22px;
    line-height: 36px;
    letter-spacing:5px;
	z-index:1;
    color:#535353;
    text-align: left;
    /*background-color: yellow;*/
}



/* 下方为产品列表页样式设置，容器样式 */
     /* 外层容器：90%宽度，无最大宽度限制 */
.model-product-container {
    width: 90%;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* 品牌栏样式 */
.model-brand-header {
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
    background: linear-gradient(90deg, #f5f5f5 0%, #ffffff 100%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    z-index: 10;
    width: 95%; /* 如果设为100%宽度则图片不能完全显示 */
}

.model-brand-name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #212121;
    text-align: left;
}

/* 品牌图片容器 */
.model-brand-img-wrapper {
    width: 180px;
    height: 100px;
    display: flex;
    justify-content: flex-end;
}

.model-brand-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* 产品列表容器 */
.model-product-list {
    width: 100%; /* 强制100%宽度 */
}

/* 产品项核心样式 */
.model-product-item {
    width: 100%; /* 关键：强制100%宽度 */
    padding: 1.5rem 2rem;
    border-left: 4px solid transparent;
    transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
    cursor: default;
    text-align: left;
    background-color: #ffffff;
    line-height: 1.5;
    overflow: hidden;
}

/* 无链接项hover */
.model-product-item:not(:has(a)):hover {
    background-color: #f5f5f5;
}

/* 带链接项hover */
.model-product-item:has(a):hover {
    background-color: #e3f2fd;
    border-left-color: #90caf9;
}

/* 链接样式 */
.model-product-item a {
    text-decoration: none;
    display: block;
    color: inherit;
    transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: scale(1);
    transform-origin: left 50%;
    transform-box: border-box;
}

.model-product-item:has(a) {
    cursor: pointer;
}

.model-product-item:has(a):hover a {
    transform: scale(1.03);
}

.model-product-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1a73e8;
    margin-bottom: 0.5rem;
}

.model-product-desc {
    font-size: 0.95rem;
    color: #5f6368;
    line-height: 1.5;
}