/* 字体 */
body, html,input{font-family:"SimSun" !important;}

body {
	width: 100%;
	margin: 0;
}
/* 头部logo60px */
.topLogoDiv {
	/* 设置宽度高度背景颜色 */
	height: 0.6rem;
	width: 100%;
	background: #fff;
	position: fixed; /*固定在顶部*/
	top: 0; /*离顶部的距离为0*/
	z-index: 199;
}
.logoSpan {
	color:#000000;
	vertical-align: top;
	line-height:100%;
	text-align: center;
	padding: 0.16rem 0.56rem;
	font-weight: 900;
	font-size: 26px;
}
.logoTitle img {
	width: 0.3rem;
	height: 0.3rem;
	padding: 0.14rem;
}

.logoTitle {
	position: absolute;
	height:100%;
	padding-left: 16%;
}

.langSpanA {
	height:100%;
	width:10%;
	float:right;
	padding: 0.2rem 2rem 0rem 0rem;
	line-height:100%;
	text-align: center;
	font-size: 0.16rem;
	cursor:pointer;
}
.langSpanA a:hover {
	/* 鼠标选中时背景色改变，加下划线 */
	color: #EA8D08;
	border-bottom: 0.01rem solid #EA8D08;
	padding-bottom: 0.05rem;
}

.logoImg{
	position: absolute;
	background: url(/front/images/JoreLogo.png) 0.3rem 0.3rem no-repeat;
	width: 0.3rem;
	height: 0.3rem;
}

.menuDiv {
	width: 86%; 
	margin: 0 auto;
	height: 100%;
}

/* 头部菜单50px */
.topMenu {
	/* 设置宽度高度背景颜色 */
	height: 0.5rem;
	width: 100%;
	background: #000000;
	opacity: 0.9; /* 透明度 */
	position: fixed; /*固定在顶部*/
	top: 0.6rem; /*离顶部的距离为0*/
	z-index: 199;
}

.topMenu ul {
	/* 清除ul标签的默认样式 */
	width: 96%;
	text-align: center;
	list-style-type: none;
	margin:0 auto;
	padding: 0;
	overflow: hidden;
	display:flex;/* flex布局 */
	justify-content:center;/* 内容居中 */
}

.topMenu li {
	
	margin-right: 0.2rem; /* 两个li之间的距离*/
	margin-left: 0.2rem; /* 两个li之间的距离*/
}

.topMenu li a {
	/* 设置链接内容显示的格式*/
	display: block; /* 把链接显示为块元素可使整个链接区域可点击 */
	color: white;
	text-align: center;
	padding: 0.14rem 0.16rem;
	text-decoration: none; /* 去除下划线 */
}

.topMenu li a:hover {
	/* 鼠标选中时背景色改变,字体加粗 */
	background-color:rgb(83,83,83);
	font-weight: bold;
	
}

.topMenu ul li ul {
	/* 设置二级菜单 */
	width: auto;
	background: rgb(189, 181, 181);
	position: absolute;
	display: none; /* 默认隐藏二级菜单的内容 */
}

.topMenu ul li ul li {
	/* 二级菜单li内容的显示 */
	margin-right: 0;
	float: none;
	text-align: center;
}

.topMenu ul li:hover ul {
	/* 鼠标选中二级菜单内容时 */
	display: block;
}


/* 菜单选中效果 */
.menu-active{
	background-color: rgb(83,83,83);
}


/* 大屏幕（大桌面显示器，大于等于 1910px） */
@media screen and (min-width: 1900px) {
.topLogoDiv {
/* 设置宽度高度背景颜色 */
height: 1rem;
}


/* 头部菜单50px */
.topMenu {
	/* 设置宽度高度背景颜色 */
	height: 0.7rem;
	top: 1rem; /*离顶部的距离为0*/
}
.logoSpan{
	vertical-align: top;
	padding: 0.26rem 0.56rem;
	font-size: 40px;
}
.logoImg{
	background: url(/front/images/JoreLogo.png) 0.8rem 0.8rem no-repeat;
}
.logoTitle img {
	width: 0.44rem;
	height: 0.44rem;
	padding: 0.24rem 0.3rem 1.3rem 0.01rem;
}
.topMenu li {
    margin-right: 0.48rem;
    margin-left: 0.48rem;
    font-size: 18px;
    height: 100%;
}
.topMenu ul{
	height: 0.7rem;
}
.topMenu li a {
    padding: 0.20rem 0.16rem;
    height: 0.7rem;
}
}