@media (max-width: 767px) {
  .container {
    width: 100%;
  }
  .navBox {
    display: none;
  }
  .contentBox .listsBox .letterBox {
    display: none;
  }
  #oa .contentBox .bannerBox .textBox .desc {
    font-size: 16px !important;
  }
  #oa .contentBox .bannerBox .textBox .nameEn {
    font-size: 40px !important;
  }
  #oa .contentBox {
    margin-top: 100px;
  }
  ::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
  .navBox {
    display: none;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .navBox {
    display: block;
  }
  .navBoxH5 {
    display: none;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1366px) {
  .container {
    width: 1230px;
  }
}
#oa {
  width: 100%;
  height: auto;
  color: #333333;
}
#oa .contentBox {
  margin-bottom: 60px;
  position: relative;
}
#oa .contentBox1 {
  margin-top: 100px;
}
#oa .contentBox .bannerBox {
  width: 100%;
  height: 377px;
  background: url('https://files.sciengine.com/template/img/sciengine/oaBg.png') no-repeat;
  background-size: 100% 100%;
}
#oa .contentBox .bannerBox .container {
  height: 100%;
  display: flex;
  align-items: center;
}
#oa .contentBox .bannerBox .textBox {
  width: 100%;
  text-align: center;
}
#oa .contentBox .bannerBox .textBox .name {
  font-size: 58px;
  color: #FFEECC;
}
#oa .contentBox .bannerBox .textBox .nameEn {
  font-size: 48px;
}
#oa .contentBox .bannerBox .textBox .desc {
  font-size: 20px;
  color: #FFFFFF;
  margin-top: 40px;
}
#oa .contentBox .statementBox {
  margin-top: 60px;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 35px;
}
#oa .contentBox .statementBox .name {
  font-size: 30px;
  color: #000000;
}
#oa .contentBox .statementBox .lists .list {
  margin-top: 8px;
  position: relative;
}
#oa .contentBox .statementBox .lists .list .circle {
  width: 8px;
  height: 8px;
  background: #FF6C00;
  border-radius: 100%;
  position: absolute;
  top: 10px;
}
#oa .contentBox .statementBox .lists .list .text {
  font-size: 20px;
  margin-left: 28px;
}
#oa .contentBox .statementBox .lists .list .text .link {
  color: #3c9cd7;
  cursor: pointer;
}
#oa .contentBox .oaSearchBox {
  margin-top: 45px;
  overflow: hidden;
}
#oa .contentBox .oaSearchBox .name {
  font-size: 30px;
  color: #000000;
}
#oa .contentBox .oaSearchBox .oaSearchForm {
  margin-top: 30px;
}
#oa .contentBox .oaSearchBox .el-select {
  width: 100%;
}
#oa .contentBox .oaSearchBox .el-button {
  background: #3c9cd7!important;
  color: #FFFFFF;
  font-size: 16px;
}
#oa .contentBox .oaSearchBox .el-button span {
  font-weight: bold;
}
#oa .contentBox .oaSearchBox .el-button:hover {
  opacity: 0.8;
}
#oa .contentBox .oaSearchBox .el-input {
  margin-bottom: 15px;
}
#oa .contentBox .listsBox {
  margin-top: 50px;
  clear: both;
  overflow: hidden;
}
#oa .contentBox .listsBox .listBox {
  margin-bottom: 30px;
}
#oa .contentBox .listsBox .listBox .letter {
  font-size: 28px;
  margin-bottom: 10px;
  display: none;
}
#oa .contentBox .listsBox .listBox .list {
  margin-bottom: 30px;
}
#oa .contentBox .listsBox .listBox .list .name {
  font-size: 20px;
  color: #3c9cd7;
  margin-bottom: 15px;
  display: inline-block;
}
#oa .contentBox .listsBox .listBox .list .name:hover {
  text-decoration: underline;
  cursor: pointer;
}
#oa .contentBox .listsBox .listBox .list .factor {
  font-size: 14px;
  color: #333333;
}
#oa .contentBox .listsBox .listBox .list .factor span {
  margin-right: 30px;
  margin-bottom: 6px;
  display: inline-block;
}
#oa .contentBox .listsBox .listBox .list .desc {
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#oa .contentBox .listsBox .letterBox {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  padding: 6px 0;
}
#oa .contentBox .listsBox .letterBox .letter {
  font-size: 16px;
  color: #3c9cd7;
  margin-bottom: 3px;
  cursor: pointer;
}
#oa .contentBox .listsBox .letterBox .letter:hover {
  text-decoration: underline;
}
#oa .contentBox .listsBox .letterBox .letter .link{
  color: #3c9cd7;
}
#oa .contentBox .listsBox .letterBox .letter .noJump{
  color: #333333;
}

.headerBox {
  background: #f7f7f7 !important;
	border-bottom: none !important;
	border-top: none !important;
}

.headerBox .logoBox .text {
    color: #333333 !important;
}

.headerBox .menusBox .menus .text {
	color: #333333 !important;
}

.headerBox .menusBox .userMenus .dropdown-toggle {
    color: #333333 !important;
}

.headerBox .menusBox .menus {
    border-left: 1px solid #D7D7D7 !important;
}

.navBoxH5 {
  top: 60px;
  position: fixed !important;
}

.custom-loading {
	color: #3c9cd7;
	font-size: 30px;
	text-align: center;
	position: absolute;
}