/* 样式初始化 */
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('./SOURCEHANSANSCN-MEDIUM.OTF');
  font-weight: normal;
  font-style: normal;
}
*{
  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;
}
.content{ width: 1200px; margin: 0 auto; height: 100%; }

/* 头部 */
#header{
  width: 100%; height: 80px; background-color: rgba(40, 42, 46, 1);
}
#header #logo{
  width: 212px; height: 100%; float: left; background: rgba(255, 219, 76, 1);
}
#header #logo img{
  margin: 0 auto; margin-top: 20px;
}
#header #menu{
  float: left; height: 100%; width: 674px; margin-left: 85px;
}
#header #menu li{
  float: left; margin-left: 10px; width: 104px; height: 100%;
}
#header #menu li:first-child{
  margin: 0;
}
#header #menu li a{
  display: block; width: 100%; height: 100%; line-height: 80px; font-size: 18px; color: #ffffff; text-align: center; font-weight: 500;
}
#header #menu li.active a, #header #menu li:hover a{
  color: rgba(255, 204, 0, 1); font-weight: 700; font-size: 18px;
}
#language{
  min-width: 143px; height: 100%; float: right; cursor: pointer; position: relative;
}
#language:hover .languageList{
  display: block;
}
#language .currentLanguage{
  width: 100%; height: 100%; overflow: hidden;
}
#language .currentLanguage img{
  float: left; margin-top: 30px; margin: 28px 10px 0 15px;
}
#language .currentLanguage span{
  line-height: 80px; color: #ffffff;
}
#language .languageList{
  display: none; width: 100%; position: absolute; top: 100%; left: 0; z-index: 10000;
}
#language .languageList li{
  width: 100%; height: 60px; line-height: 60px; padding-left: 15px; background-color: #F4F4F4;
}
#language .languageList li:hover, #language .languageList li.active{
  background-color: rgb(255, 204, 0); color: #ffffff;
}

/* banner */
img#banner{ display: block; width: 100%; }

/* 中间部分 */
#container .content{ overflow: hidden; padding-bottom: 100px; }

/* 消息 */
#notice{ width: 100%; height: 60px; padding: 0 16px; background: rgb(244, 244, 244); font-size: 18px; line-height: 60px; color: rgb(50, 50, 50); display: flex; align-items: center; justify-content: center; cursor: pointer; }
#notice img{ width: 24px; height: 24px; margin-right: 2px; }
#notice span{ overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 底部 */
#footer{
  width: 100%; height: 328px; background: rgba(40, 42, 46, 1);
}
/* 底部左侧 */
#footer .footerLeft{
  padding-top: 30px; width: 578px; float: left;
}
#footer .footerLeft .i18n-footer_describe{
  width: 100%; height: 100px; color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px; margin: 14px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; padding-bottom: 8px; margin-bottom: 11px; display: flex; align-items: center;
}
#footer .footerLeft .footerFunctionList{
  margin: 21px 0 0; width: 100%; overflow: hidden;
}
#footer .footerLeft .footerFunctionList li{
  color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px; width: 120px; float: left;
}
#footer .footerRight{ float: right; }
#footer .footerContactUs{
  width: 182px; float: left; padding-top: 39px;
}
#footer .footerContactUs p{
  color: #ffffff; font-weight: 700; font-size: 16px; line-height: 24px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
#footer .footerContactUs p:last-of-type{ font-weight: 400; }
#footer .footerContactUs div{
  overflow: hidden;
}
#footer .footerContactUs div img{
  width: 86px; height: 86px; float: left;
}
#footer .footerContactUs div img:first-child{
  margin-right: 10px;
}
#footer .footerProductList{
  padding-top: 39px; float: left; width: 220px; margin: 0 0 0 23px; color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px;
}
#footer .footerProductList dt{
  margin-bottom: 30px; font-weight: 700;
}
#footer .footerProductList dd{
  margin: 8px 0; cursor: pointer; font-weight: 400;
}
#footer .footerCompany{
  padding-top: 39px; width: 150px; float: right; margin-left: 27px; color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px;
}
#footer .footerCompany dt{
  margin-bottom: 30px; font-weight: 700;
}
#footer .footerCompany dd{
  margin: 8px 0;
}
#copyRight{
  padding-top: 30px; color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px; clear: both; text-align: center;
}
#copyRight .copyLink{
  text-decoration: underline;
}

/* 回到挺部 */
#scrollToTop{
  width: 40px; height: 40px; position: fixed; right: 50px; bottom: 100px; cursor: pointer; z-index: 1000000;
}
#scrollToTop img{
  width: 100%; height: 100%;
}


/* 公司动态 */
.companyNews{
  height: 60px; background: rgb(244, 244, 244); display: flex; justify-content: center; align-items: center; cursor: pointer;
}
.companyNews img{
  margin-right: 7px; width: 24px; height: 24px;
}
.companyNews span{
  font-size: 18px; color: rgb(51, 51, 51);
}