/* 样式初始化 */
*{
  margin: 0; padding: 0; box-sizing: border-box;
}
html, body{
  width: 100%; height: 100%; font-family: 'Source Han Sans CN', 'Noto Sans KR', sans-serif; font-size: 16px;
}
body{
  overflow: auto;
}
ul, ol, dl{
  list-style: none;
}
a{
  text-decoration: none;
  color: inherit;
}
img{
  display: block;
}


/* 遮罩层 */
#mask{
  width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); z-index: 999; display: none;
}

/* 头部样式 */
#header{
  width: 100%; height: 44px; display: flex; justify-content: space-between; background-color: rgba(40, 42, 46, 1);
}
#logo{ width: 138px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 219, 76, 1); }
#logo img{ width: 106px; height: 26px; }
#menu{ width: 44px; height: 100%; }
#menu>span{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.menuBox{
  width: 116px; height: 260px; border-radius: 8px; background-color: #ffffff; position: fixed; top: 14px; right: 14px; z-index: 1000; display: none;
}
.menuBox img{
  width: 88px; height: 22px; margin: 15px auto 10px; display: block;
}
.menu{ width: 100px; margin: 0 auto; }
.menu li{
  width: 100%; height: 30px; border-radius: 8px;margin-bottom: 5px; color: rgb(51, 51, 51); padding: 5px;
}
.menu li a{
  width: 100%; height: 100%;  display: flex; justify-content: space-between; align-items: center;
}
.menu li.active{
  background-color: rgb(40, 42, 46); color: rgb(255, 204, 0);
}
.menu li i{
  width: 20px; height: 20px; display: block; background-size: 100% 100%;
}
.menu li span{ width: 65px; font-weight: 500; font-size: 12px; line-height: 20px; text-align: center; }
.menu li:nth-child(1) i{ background-image: url('../img/m/home.png'); }
.menu li:nth-child(1).active i{ background-image: url('../img/m/home_active.png'); }
.menu li:nth-child(2) i{ background-image: url('../img/m/product.png'); }
.menu li:nth-child(2).active i{ background-image: url('../img/m/product_active.png'); }
.menu li:nth-child(3) i{ background-image: url('../img/m/rms.png'); }
.menu li:nth-child(3).active i{ background-image: url('../img/m/rms_active.png'); }
.menu li:nth-child(4) i{ background-image: url('../img/m/application.png'); }
.menu li:nth-child(4).active i{ background-image: url('../img/m/application_active.png'); }
.menu li:nth-child(5) i{ background-image: url('../img/m/news.png'); }
.menu li:nth-child(5).active i{ background-image: url('../img/m/news_active.png'); }
.menu li:nth-child(6) i{ background-image: url('../img/m/contactUs.png'); }
.menu li:nth-child(6).active i{ background-image: url('../img/m/contactUs_active.png'); }

/* 语言切换菜单 */
.languageMenu{ width: 44px; height: 44px; position: absolute; right: 44px; top: 0; }
.languageMenu>span{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.languageMenu .languageMenuBox{ width: 77px; position: absolute; top: 10px; right: 10px; padding: 5px; border-radius: 8px; background-color: #ffffff; display: none; z-index: 1000; }
.languageMenu .languageMenuBox li{ width: 100%; height: 20px; border-radius: 4px; margin-bottom: 2px; color: #444444; text-align: right; font-size: 12px; font-weight: 500; line-height: 20px; padding-right: 3px; }
.languageMenu .languageMenuBox li.active{ background-color: rgb(40, 42, 46); color: rgb(255, 204, 0); }



/* banner */
#banner{ width: 100%; }

/* 底部 */
#footer{ background: rgb(40, 42, 46); overflow: hidden; }
.footerLogo{ margin: 16px 0 0 28px; }
.footerLeft{ float: left; margin: 20px 0 30px 0; }
.footerFunctionList{ float: left; margin: 0 0 0 28px; color: rgb(255, 255, 255); font-weight: 400; font-size: 14px; line-height: 22px; }
.footerFunctionList li:not(:first-child){ margin-top: 10px; }
.footerContactUs{ float: left; clear: both; margin: 20px 0 0 28px; }
.footerContactUs img{ width: 46px; height: 46px; margin-right: 20px; float: left; }
.footerCompany{ width: 125px; float: right; margin: 20px 28px 0 0; color: rgb(255, 255, 255); font-weight: 400; font-size: 14px; line-height: 22px; }
.footerCompany li:not(:first-child){ margin-top: 10px; }

#copyRight{ width: calc(100% - 56px); margin: 30px auto 0; padding: 10px 40px 16px; text-align: center; color: rgba(255, 255, 255, 1);
font-weight: 400; font-size: 12px; line-height: 20px; clear: both; border-top: 1px solid rgb(255, 255, 255); }
#copyRight .copyLink{ text-decoration: underline; }

/* 公司动态 */
#notice{ padding: 0 16px; height: 25px; background: rgb(51, 51, 51); color: rgba(51, 51, 51, 1); font-weight: 400; font-size: 10px; line-height: 25px; display: flex; align-items: center; background: rgb(244, 244, 244); justify-content: center; }
#notice img{ width: 12px; height: 12px; margin-right: 7px; }
#notice span{ overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }