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

/*菜单水平居中方法：ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。*/


.top
    {
	display:flex;/*让菜单水平显示，没有这行菜单会垂直*/
	margin: 0px; /*与外界元素的距离为0，无此行菜单上方会出翔一个空白区域*/
	padding: 0px; /* 与内部元素的距离为0 */
    width:100%;
    background-color:#f8f8f8;
    /*border:2px solid red;*/
	}

.logo
{
     /*border:2px solid red;*/

}

.topmenu /*顶部菜单DIV的样式*/
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*border:2px solid red;*/
   /* width: 680px; /* 宽度设定 */
	margin-left:auto;
	}


.topmenu ul  /*设置顶部菜单样式*/
{
	display:flex;/*让菜单水平显示，没有这行菜单会垂直显示*/
    list-style:none; /* 去掉ul前面的符号 */
	margin-top: 18px; /*与外界元素的距离为0，无此行菜单上方会出翔一个空白区域*/
    padding: 0px; /* 与内部元素的距离为0 */
    text-align:center; /* 菜单文字居中 */
    height: 38px; /* 设定菜单的高度
	font-size: 16px;  /* 菜单字体大小 */ 
    
    /*border-radius: 12px;*/
   /*background-color:#EFEFF2;*/
	/*border:2px solid yellow;*/
}

#menu_text/*设置主菜单字体样式*/
{
    a:link {text-decoration: none;color: #282828;}
    a:visited {text-decoration: none;color: #bd675c;}
    a:hover {text-decoration: none;color: #888888;}
    a:active {text-decoration: none;color: #ECEBEB;}
    /*background-color:#EFEFF2;*/
}

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

#topText1 {
    width:55%;
	margin:10px;
    padding: :10px;
	font-size: 20px;
	text-align:center;
	background-color:#c6e3fe;
	line-height:60px;/* 此处值设为和总DIV高度一样，可实现垂直居中*/
	/*border:2px solid green;*/
    border-radius: 12px;
}


#topSolutions1 /*最外部大框范围 设置上方按应用分类，按品牌分类样式*/
{
    display:flex;/*让菜单水平显示，没有这行菜单会垂直显示*/
	margin:auto; /* 整块居中*/
    width:90%;
	height: 200px;
    text-align:center; /* 菜单文字居中 */   
    
}

#topSolutions2 {
    margin:auto; /* 整块居中*/
    width:55%;
    height: 180px;
	margin:20px;
    padding: :20px;
	font-size: 20px;
	text-align:center;
	background-color:#F2F2F2;
	line-height:200px;/* 此处值设为和总DIV高度一样，可实现垂直居中*/
	/*border:2px solid green;*/
    border-radius: 12px;
}










/***************************************************************/

#topBrandTxt { /* 设定品牌列表页面的品牌说明文字部分*/
	margin:auto; /* 整块据中国*/
    width:60%;
	text-align:left;
	font-size: 20px;
	padding:20px;
	border-radius:10px;
}

#topProTxt { /* 设定产品页面的品牌说明文字部分*/
	margin:auto; /* 整块据中国*/
    width:60%;
	text-align:left;
	font-size: 20px;
	padding:20px;
	border-radius:10px;
	background-color:#E2EFFE;
}

/* 所有class为menu的div中的ul中的li样式 */
.topmenu ul li
{
    padding: 8px 25px;/* 内部填充的距离，前面是上方间隔，后面是左右间隔 */
    width: 100%;
    /*border:2px solid green;*/
    display:inline;  

			
}
/* 所有class为menu的div中的ul中的a样式(包括尚未点击的和点击过的样式) */
div.topmenu ul li a, div.topmenu ul li a:visited
{

    color: #000000; /* 文字颜色黑色 */
    display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */
    line-height: 1.85em; /* 行高 */
    text-decoration: none; /* 不显示超链接下划线 */
    white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
    	
}
/* 所有class为menu的div中的ul中的a样式(鼠标移动到元素中的样式) */
div.topmenu ul li a:hover
{    
    color: #515151; /* 设定鼠标经过文字颜色为灰色 */	
}



.topspacer /*无内容，顶部起间隔作用*/
{
    background-color:#ffffff;
	width:100%;
    height:20px;  
}