.top-banner-box {
  width: 100%;
  height: 56px;
  background-color: #4e5652;
}
.top-banner-box .top-banner {
  width: 1182px;
  background-color: #4e5652;
  font-size: 14px;
  min-width: 1182px;
  margin: 0 auto;
  position: relative;
}
.top-banner-box .top-banner h1 {
  margin: 0;
}
.top-banner-box .top-banner .cut {
  line-height: 20px;
  opacity: 0.25;
  font-size: 14px;
  color: #ffffff;
  margin: 0 6px;
}
.top-banner-box .top-banner .company {
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}
.top-banner-box .top-banner .company:hover {
  color: #32CE79;
}
.top-banner-box .top-banner .name {
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.5;
}
.top-banner-box .top-banner .logo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTAuNCIgaGVpZ2h0PSIyNi41IiB2aWV3Qm94PSIwIDAgMTEwLjQgMjYuNSI+PGRlZnM+PHN0eWxlPi5hLC5ie2ZpbGw6IzIxYzU4ZTt9LmF7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjQgLTEyLjUpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI0IDE5KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zNzQ1LjM4Niw5MTYuODNjMS41NTYtLjAyNiwxLjc2OS0uNzgyLDEuNzY0LTEuMjEzLS4wMS0uODIzLjAxMS0xLjUzOSwwLTIuMjg0aC0yLjk2OXYyLjEzMWMtMy42NTQuMDI2LTcuMzA5LS4wMjUtMTAuOTYyLDB2MS4zN0MzNzM1LjgsOTE2LjgsMzc0MS42MjMsOTE2Ljg5MiwzNzQ1LjM4Niw5MTYuODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzczMS43NzQgLTkxMy4zMzQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zODQyLjY3Niw5MTYuNzk0YTEuMTg0LDEuMTg0LDAsMCwwLDEuMS0uOTczLDIzLjQ3LDIzLjQ3LDAsMCwwLC4wMzUtMi40ODdoLTIuOTd2Mi4xMzFoLTEwLjk2MXYxLjM3aDkuNzQ0QzM4NDAuNDQxLDkxNi44MzYsMzg0MS43ODYsOTE2LjgsMzg0Mi42NzYsOTE2Ljc5NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODAyLjM5MyAtOTEzLjMzNCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM5NTUuMTE0LDkxMy42MTZoLTIuNzQxdjE0LjE1OWMwLDEuMTY3LjEsNS4wNzgtLjE1Miw1LjQwNS0uNjg2Ljg5Mi0yLjgzLjYyOS00LjI2My42MDl2MS40NDdjMi44NDktLjAyMiw1Ljg2NC40LDYuODUxLTEuMjk0LjU2MS0uOTYxLjMwNS0zLjkwNi4zLTUuNjM0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4ODguNjQ1IC05MTMuNTQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik00MDExLjk3Myw5MTMuNjE2YTEwLjk1NCwxMC45NTQsMCwwLDEtNS43MDksNy42ODksMy4yMjksMy4yMjksMCwwLDAsLjIyOSwxLjE0MmwuMDc1LjA3NmMxLjAxNS0uNDgyLDIuMTA3LS45NjQsMy4xMjItMS40NDcuMDI1LDIuMTgyLS4wMjUsNC4zNjUsMCw2LjU0N2ExNi4xLDE2LjEsMCwwLDAsMi4zNiwxLjk3OXEuMDM3LTUuNC4wNzYtMTAuODFhMTMuOTg5LDEzLjk4OSwwLDAsMCwyLjIwOC01LjE3N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTMxLjIzIC05MTMuNTQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik00MDUxLjksOTIwLjg4YzAtLjg2NywwLTIuMTI1LS4wMjUtMi44MjYtLjAzNC0xLjEyOC0xLjQtMS4wNjItMi42OTEtMS4wNTMtMi44MTQuMDIxLTcuMTU2LjA1NC05LjA4Mi4wNzJ2MS4zNzFoOS4zNjRjMCwuOTIuMDYzLDEuNzY1LDAsMi44MTctLjA4MywxLjM0Ny0uMjE1LDEuODE4LTEuOSwxLjg4Mi0yLjU3MS4xLTYuODUuMDQyLTguOTEuMDIxdi02LjA5aC0yLjQzNWMuMTQzLDEuMjE3LjAxMiwzLjgxMS4wMjMsNS41NjUuMDExLDEuOTM5Ljk2OSwxLjg0OSwxLjM3OCwxLjg3NiwxLjA0Ni4wNjksMy41MywwLDUuMDY4LjAxOXYyLjc0MWgtOC45ODF2MS4zN2g0LjY0NGE5LjQyOSw5LjQyOSwwLDAsMS00LjcyLDYuNjIzLDcuMiw3LjIsMCwwLDEsMCwxLjI5NGMzLjAyOS0xLjMsNi41NzktMy44ODQsNy03LjkxNy42ODQtLjAyNSwxLjM3LjAyNSwyLjA1NCwwdjkuMzYzaDIuNTE0VjkyNC41MzRDNDA0OS45MjQsOTI0LjY4NSw0MDUxLjkxNiw5MjQuODQzLDQwNTEuOSw5MjAuODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzk1MS4yNiAtOTE2LjAwOCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM3OTkuNzkxLDkyMS4yMjVoLTkuMzY1djEuMzdoOS4yODlDMzc5OS43NCw5MjIuMTM4LDM3OTkuNzY0LDkyMS42ODIsMzc5OS43OTEsOTIxLjIyNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzczLjU2NyAtOTE5LjA5NCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM5MTcuNTI0LDkzOC41djEuNjc1YzQuNTY3LTIuNzMsNy40LTcuODQ0LDguMTQ1LTE0LjE1OWgtMi41ODhDMzkyMi45ODUsOTMwLjY0OSwzOTIwLjIxLDkzNi40MjksMzkxNy41MjQsOTM4LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzg2Ni40MTQgLTkyMi41OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM5OTEuNDYzLDkyNi4wMTZIMzk4OS4xYy40MDcsNS41LDMuNTcsMTEuNzE0LDguMDY5LDE0LjIzNS4wMTQuMDE2LjAyMSwzLjA0NywwLDQuMzM5aDIuNDM2di00LjMzOUMzOTk0Ljg3NSw5MzcuNjcyLDM5OTIuMSw5MzIuMTU0LDM5OTEuNDYzLDkyNi4wMTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzkxOC43MDcgLTkyMi41OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM3NjkuMzU0LDkzNS41aDEyLjE4di0xLjIxOGwtNy40Ni0uMDc2YTYuMjYxLDYuMjYxLDAsMCwwLDEuMjE4LTMuMTIxaC0yLjUxMmE3LjgxMSw3LjgxMSwwLDAsMS0xLjE0MiwzLjEyMWgtNy42ODhhNi4yLDYuMiwwLDAsMS0xLjE0My0zLjEyMWgtMi41ODhhOC4yNjMsOC4yNjMsMCwwLDAsMS4yMTcsMy4wNDV2LjA3NmgtMTMuNDczYTYuMzgzLDYuMzgzLDAsMCwwLDEuMjE4LTMuMTIxaC0yLjUxM2ExMC4xODQsMTAuMTg0LDAsMCwxLTEuMTQyLDMuMTIxYy0uMDEyLjA1MS01LjgyNS4wMTgtNy42ODgsMGE2LjY2MSw2LjY2MSwwLDAsMS0xLjE0Mi0zLjEyMWgtMi41ODhhMTAuMDMzLDEwLjAzMywwLDAsMCwxLjIxOSwzLjA0NXYuMDc2aC03LjQ2VjkzNS41aDEyLjcxMnEuMDM3LDEuNTIyLjA3NiwzLjA0NWwtMTEuMjY3LjA3NnYxLjM3aDExLjI2N2MuMDEsMS45MjYuMjI1LDUuOTIxLS4yMjksNi4wOS0uNDk0LjYyMi0yLjE4OS40OTMtMy41NzguNDU3djEuMzdjLjY2NC4wMDgsMS4zODgtLjA1OSwyLjEtLjA0MywxLjk3NS4wNDIsMy40NC0uMSw0LjA2My0xLjEuMzIyLS41MTkuMjQ5LTIuNTExLjIzOC00LjcxLS4wMTMtMi41OSwwLTUuNDY2LS4wMDktNi41NTdoMjMuNDQ2djMuMTIxSDM3NTUuNXYxLjM3aDExLjI2NmMtLjA0MiwxLjU0OS4xMTIsNS4zOTItLjE1Miw2LjAxNC0uMjc3Ljc0Mi0yLjMyNi41NjgtMy43My41MzJ2MS4zN2MuOTg2LS4wMTQsNC4yNTIuMDcyLDUuMzI5LS4zOC45LS4zNzksMS4xMzEtMS4wMjYsMS4xNTUtMi42MDlDMzc2OS40MDYsOTQyLjEwNywzNzY5LjI3NCw5MzcuMDQ4LDM3NjkuMzU0LDkzNS41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3MjcuODY2IC05MjYuMjkyKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDA4NC4zLDk1Ni40MTJoNC42NDN2LTEuMzdoLTcuNjg5djEuMzdoLjY4NWMuODczLDQuMDMxLDMuMyw2LjI2NSw3LjA4LDcuOTE3di0xLjIxOEM0MDg3LjEsOTYxLjYsNDA4NC42ODEsOTU5LjQ1Miw0MDg0LjMsOTU2LjQxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTg2LjAyIC05NDMuNzc1KSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMzc5OS42MzgsOTU4Ljk4N2gtOS4yMTN2MS4zN2g5LjIxM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzczLjU2NyAtOTQ2LjY1NSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM4OTYuMzc1LDk1OS4yMTVsLjE1Mi0uMTUyLTkuNDM5LS4wNzZ2MS4zN2g4LjQ0OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODQ0LjE4MSAtOTQ2LjY1NSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM3MjkuMjc0LDk3My4xMTR2Ljk5YzQuMTczLS41LDcuMDI0LTIuMjQ0LDguMzc0LTUuMjUyaC0yLjU4OUMzNzM0LjUzOCw5NzAuNzgxLDM3MzEuNTU3LDk3Mi41MzMsMzcyOS4yNzQsOTczLjExNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzI4Ljg5MyAtOTUzLjg1NCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTM4MDYuMTgxLDk3Mi44ODVjLTEuMDY3LjE5My00LjktMS44MzctNS41NTctNC4wMzVoLTIuNTg5YTYuMzQyLDYuMzQyLDAsMCwwLDMuMDQ1LDMuNSw5LjM3NCw5LjM3NCwwLDAsMCw1LjE3NCwxLjUwNmMyLjk3OS0uMTQzLDYuNTctMi4wNiw3LjY5Mi01LjAwOGgtMi41ODlDMzgxMC43NTEsOTcwLjY0NywzODA3LjUsOTcyLjczNSwzODA2LjE4MSw5NzIuODg1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3NzkuMTMgLTk1My44NTQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zODk3LjI4Niw5NjguODUxSDM4OTQuN3YuMDc2YzEuMywyLjk0NCw0LjQwNSw0Ljc1OCw4LjM3Myw1LjE3N3YtLjk5QzM5MDEuMDM4LDk3Mi42NCwzODk3LjkzMiw5NzEuMDcsMzg5Ny4yODYsOTY4Ljg1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODQ5Ljc0IC05NTMuODU0KSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMzc5OS43OTEsOTIxLjIyNWgtOS4zNjV2MS4zN2g5LjI4OUMzNzk5Ljc0LDkyMi4xMzgsMzc5OS43NjQsOTIxLjY4MiwzNzk5Ljc5MSw5MjEuMjI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3NDcuNDQ5IC05MTkuMDk0KSIvPjwvZz48L2c+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEpIj48cGF0aCBjbGFzcz0iYiIgZD0iTTMuNzUuNUEzLjI1LDMuMjUsMCwxLDAsNywzLjc1LDMuMjU0LDMuMjU0LDAsMCwwLDMuNzUuNW0wLS41QTMuNzUsMy43NSwwLDEsMSwwLDMuNzUsMy43NSwzLjc1LDAsMCwxLDMuNzUsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyNi45IDEzLjUpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0uMzUtMy41N0gxLjkzYTEuMzU0LDEuMzU0LDAsMCwxLC44Ni4yNDUuOTQ0Ljk0NCwwLDAsMSwuMzMuNzc1Ljg2Ny44NjcsMCwwLDEtLjE1LjUuNzg5Ljc4OSwwLDAsMS0uNDY1LjMxNXYuMDFhLjY1NC42NTQsMCwwLDEsLjUzNS42M2wuMDYuNTdBLjg2NS44NjUsMCwwLDAsMy4zMSwwSDIuNzJhLjkuOSwwLDAsMS0uMTU1LS40N0wyLjUyLS45MTVhLjYzMy42MzMsMCwwLDAtLjE5LS40My43MzEuNzMxLDAsMCwwLS40Ny0uMTNILjlWMEguMzVaTS45LTMuMTA1Vi0xLjk0SDEuODZBLjgyMS44MjEsMCwwLDAsMi40LTIuMWEuNTQxLjU0MSwwLDAsMCwuMTc1LS40MzUuNTMxLjUzMSwwLDAsMC0uMTctLjQzNS44NzcuODc3LDAsMCwwLS41NS0uMTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MjkgMTkpIi8+PC9nPjwvZz48L3N2Zz4=);
  width: 110px;
  min-width: 110px;
  height: 32px;
  display: inline-block;
}
.top-banner-box .top-banner .login-action {
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 2px;
  padding: 5px 20px;
  display: none;
}
.top-banner-box .top-banner .login-action:hover {
  text-decoration: none;
  color: #45f796;
  border-color: #45f796;
}
.top-banner-box .top-banner .login-username {
  color: #fff;
  position: absolute;
  right: 0px !important;
  cursor: pointer;
}
.top-banner-box .top-banner .login-username img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 7px;
}
.top-banner-box .top-banner .login-username .default-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wODEiIGhlaWdodD0iMjAuMDgxIiB2aWV3Qm94PSIwIDAgMjAuMDgxIDIwLjA4MSI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2UyZjBmYzt9LmJ7ZmlsbDojZmZkNmJmO30uY3tmaWxsOiNmYmE0ODk7fS5ke2ZpbGw6I2Y2YzRhNzt9LmV7ZmlsbDojMjFjNThlO30uZntmaWxsOiMwMmIzOGM7fS5ne2ZpbGw6IzA3MmU3NTt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwLjUyNyAtNzUuNTI3KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMC4wNCwwQTEwLjA0LDEwLjA0LDAsMSwxLDAsMTAuMDQsMTAuMDQsMTAuMDQsMCwwLDEsMTAuMDQsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuNTI3IDc1LjUyNykiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTI0LjIsMTkuODQ0cy0xLjI1Ny4zMjYtLjk3Ni0zLjA1NGwuMDI2LS40Ni4wNS0uOTA1YTUuNTI3LDUuNTI3LDAsMCwxLS45MzksMS4xMjYsNy41NTUsNy41NTUsMCwwLDEtMS4xLjI0MmMuMjgxLDMuMzc5LTEuMDI1LDMuMDU0LTEuMDI1LDMuMDU0YTEuODc1LDEuODc1LDAsMCwwLDIuMDQ4LDIuMjE5Yy4xODEsMCwyLjQyNy0uMSwxLjkxNi0yLjIyMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC41MiA2NC45MTkpIi8+PHBhdGggY2xhc3M9ImMiIGQ9Ik0yMC4yMywzNi45YTUuODU1LDUuODU1LDAsMCwwLDEuNDI2LjIsNi4xMTUsNi4xMTUsMCwwLDAsMS42MjgtLjJsLjAxNS02LjUxNXYtLjI2OWwwLS41OTQuMDE1LTMuM3YwaC0uMDN2MGExLjM2OSwxLjM2OSwwLDAsMS0xLjUxMi45NDJBMS42NSwxLjY1LDAsMCwxLDIwLjIxMSwyNi4xbC4wNDEsMi42MTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ljk5NyA1OC41MTIpIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0yMi40NDksMjAuNjIyaDEuODgzcy0uODYyLDEuOTMtMS44ODMsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4zNDUgNjMuMTUxKSIvPjxwYXRoIGNsYXNzPSJlIiBkPSJNMzQuOTgxLDMxLjU0YTExLjY1OCwxMS42NTgsMCwwLDEtMS44MTIsMS45NDhBOS43Nyw5Ljc3LDAsMCwxLDI5LjUsMzUuNDQ3Yy0uMjczLjA3Ni0uNzU4LjIzOS0xLjA0MS4yODYsMC0xLjMxMywwLTMuMDA4LDAtNC41NzZWMzAuOGMwLS4yNjQsMC0uNTI5LDAtLjc4OSwwLTEuNjkxLDAtMy4yMzUtLjAwOS00LjIwOHYwcS4wMDctLjE3LDAtLjMxMmMwLS4zNzMsMC0uNDczLDAtLjU1M2gwVjI0LjloMGE0Ljg2MSw0Ljg2MSwwLDAsMSwyLjAyOS42OTQsOC4wMTksOC4wMTksMCwwLDEsMS4yMzMsMWMuMS4xLjIwNy4yLjMwNi4zMDcuMDQ3LjA0Ny4wODkuMS4xMzYuMTUxYTE2LjkwNywxNi45MDcsMCwwLDEsMi44MjcsNC40ODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNzg2IDU5LjcwNykiLz48cGF0aCBjbGFzcz0iZiIgZD0iTTI4LjQzNywzNi4yMzNjLjMwOS0uMDQ5Ljc3Mi0uMjIzLDEuMDctLjNBNy41ODgsNy41ODgsMCwwLDAsMzAuNSwzNC4yNmMuNC0xLS40MjItMi41MzktLjk5My0zLjY2Ni0uMTA4LS4yMjItLjIxMS0uNDI1LS4yOTMtLjYwOGEyLjI0NiwyLjI0NiwwLDAsMS0uMTQ0LTEuNDA4Yy4wODItLjM1MS43MjYtLjczNi43NDEtMS4wMDguMDQxLS42OTItMS4zNDItMi4xNjgtMS4zNDItMi4xNjhsLS4wMzIsNS4wODN2NS43NDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjc5NiA1OS4yMTYpIi8+PHBhdGggY2xhc3M9ImUiIGQ9Ik0xMi43NjMsMzUuMzU5YzAtMS45MjgsMC00LjUxNS4wMDktNi42NzcsMC0xLjM0OSwwLTIuNTI2LDAtMy4yODN2LS4wNTZjMC0uNDM0LDAtLjcxOS4wMDktLjc5NFYyNC41M2gtLjAwOXYwYy0uMDA5LDAtLjAxOSwwLS4wMjgsMGgtLjAxNGEwLDAsMCwwLDAsMCwwLDUuMTcxLDUuMTcxLDAsMCwwLTIuMS45MTUsOC4wNDIsOC4wNDIsMCwwLDAtMS4wNi44ODdjLS4xLjEtLjIuMi0uMy4zLS4wNDYuMDQ3LS4wODguMS0uMTM0LjE0OWExNy4yMTksMTcuMjE5LDAsMCwwLTIuOTEsNC43NjJBOS41ODgsOS41ODgsMCwwLDAsOC4xLDMzLjRhOS45NTgsOS45NTgsMCwwLDAsMy44ODEsMS44aDBjLjI1NS4wNjEuNTA5LjExMi43NjguMTQ5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNDY2IDYwLjA2NykiLz48cGF0aCBjbGFzcz0iZiIgZD0iTTE4LjIyMiwyNS4xMzlsLjAyNiwxMC44MThjLS4yODgtLjAzOS0uNTcxLS4wODYtLjg1NC0uMTVoMGE5LjIzNSw5LjIzNSwwLDAsMS0xLjIxNS0xLjg0OWMtLjQ3My0xLjE4NS43ODctMy4xMTUsMS4yOTItNC4yMTdhMi4yMzQsMi4yMzQsMCwwLDAsLjEzOS0xLjM4OWMtLjA3Ny0uMzQ2LS43MjEtLjcyNi0uNzM2LS45OTVDMTYuODM3LDI2LjcyMywxOC4xNjcsMjUuMTQ0LDE4LjIyMiwyNS4xMzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDEgNTkuNDY5KSIvPjxwYXRoIGNsYXNzPSJnIiBkPSJNNS42NzIsMy4wMjhDNi43MzcsMi45NDYsNS43MzYsMS4zNTMsNSwuODA4UzIuMjg5LS41OTUsMS42MzUuNjEzQy4zLjU1NC0uMSwxLjUxLjAxOSwzQTQuMjY0LDQuMjY0LDAsMCwwLDEuNjM2LDUuOTc2YTE2LjM3NywxNi4zNzcsMCwwLDAtLjQxMS0yYy4wMDguMzExLjM2OC4yOC4zNjQtLjAyMSwwLS4zMTctLjAyNi0xLjE2Mi4xODEtMS4xNjIuMjMzLDAsMy45LjIzMSwzLjkuMjMxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk5OCwgMC4wNywgLTAuMDcsIDAuOTk4LCAyNy43MTYsIDc2LjUxOSkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTEuMDYyLDIuOTM1Yy4yMi41NjMuNjE4LDIuNCwyLjM4OCwyLjMzNEM1LjQ0LDUuMTQ1LDUuMTI5LDEuNjQ0LDUuMDYxLjk0NCw0Ljk4OS44ODYsNC41ODYuODA4LDMuNzcuNDQ3LDMuMjE3LjE3NywyLjUzNC0uMTg2LDIuMDM4LjExMmExLjM4MywxLjM4MywwLDAsMC0uNTg3LjdjLS4xNzYuNDczLjExNCwxLjUtLjMzNSwxLjI3LS4xNTYtLjcxMy0uMi0uNjI1LS4zOS0uNzYxYS42LjYsMCwwLDAtLjcuMzg0Uy0uMjcsMy4wMTcsMS4wNjIsMi45MzVaIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk5OCwgMC4wNywgLTAuMDcsIDAuOTk4LCAyNy43NjgsIDc4LjU4NCkiLz48L2c+PC9zdmc+);
}
.top-banner-box .top-banner .login-username .dropdown {
  position: relative;
}
.top-banner-box .top-banner .login-username .dropdown:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid #c8c8cc;
  border-left: 4px solid transparent;
  border-bottom: 0;
  border-right: 4px solid transparent;
  position: absolute;
  top: -1px;
  left: 6px;
}
.top-banner-box .top-banner .login-username .dropdown:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid #4e5652;
  border-left: 3px solid transparent;
  border-bottom: 0;
  border-right: 3px solid transparent;
  position: absolute;
  top: -3px;
  left: 7px;
}
.top-banner-box .top-banner .user-dropdown {
  position: absolute;
  right: -20px;
  top: 45px;
  background-color: #4e5652;
  z-index: 1;
  text-align: center;
  border-radius: 2px;
  display: none;
}
.top-banner-box .top-banner .user-dropdown.open {
  display: block;
}
.top-banner-box .top-banner .user-dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 13px 15px;
  cursor: pointer;
  color: #fff;
}
.top-banner-box .top-banner .user-dropdown li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.top-banner-box .top-banner .user-dropdown li a {
  color: #fff;
}
.top-banner-box .top-banner .user-dropdown li a:hover {
  color: #ffaa00;
  text-decoration: none;
}
.top-banner-box .top-banner .user-dropdown li:hover {
  color: #ffaa00;
}
.content-service {
  padding: 0px 0px;
  width: 1182px;
  margin: 0 auto;
  padding-top: 40px;
}
.content-service .banner-box {
  width: 1182px;
  height: 120px;
  background-color: #F9FBFC;
}
.content-service .banner-box h3 {
  color: #4E5652;
  font-size: 48px;
  line-height: 67px;
  font-weight: 800;
  text-align: center;
}
.content-service .banner-box h3 span {
  margin-right: 1em;
}
.content-service .hot-service-box {
  margin-top: 60px;
}
.content-service .hot-service-box > h3 {
  color: #4E5652;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 30px;
}
.content-service .hot-service-box .item-box {
  margin-bottom: 36px;
  height: 305px;
  border: 1px solid #e1e2e6;
}
.content-service .hot-service-box .item-box .more {
  width: 25%;
  height: 100%;
  background-color: #F4F6F7;
  padding: 40px 0 0 40px;
}
.content-service .hot-service-box .item-box .more h4 {
  color: #32CE79;
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
  margin-bottom: 30px;
}
.content-service .hot-service-box .item-box .more p {
  color: #4E5652;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  opacity: 0.75;
}
.content-service .hot-service-box .item-box .more a {
  color: #4E5652;
  margin-top: 44px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  opacity: 0.5;
}
.content-service .hot-service-box .item-box .more a .arrow-right {
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 6px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjQ0OSIgaGVpZ2h0PSI5LjQ4NSIgdmlld0JveD0iMCAwIDUuNDQ5IDkuNDg1Ij48ZGVmcz48c3R5bGU+LmF7b3BhY2l0eTowLjU7fS5ie2ZpbGw6bm9uZTtzdHJva2U6IzRlNTY1Mjt9PC9zdHlsZT48L2RlZnM+PGcgY2xhc3M9ImEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzU0IDAuMzU0KSI+PHBhdGggY2xhc3M9ImIiIGQ9Ik0tMjM1MDIuNjY2LTQ2NzJsNC4zODksNC4zODktNC4zODksNC4zODkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNTAyLjY2NiA0NjcyKSIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 5px 10px;
}
.content-service .hot-service-box .item-box .more a:hover {
  color: #FFAA00;
}
.content-service .hot-service-box .item-box .more a:hover .arrow-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjQ0OSIgaGVpZ2h0PSI5LjQ4NSIgdmlld0JveD0iMCAwIDUuNDQ5IDkuNDg1Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmEwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM1NCAwLjM1NCkiPjxwYXRoIGNsYXNzPSJhIiBkPSJNLTIzNTAyLjY2Ni00NjcybDQuMzg5LDQuMzg5LTQuMzg5LDQuMzg5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzUwMi42NjYgNDY3MikiLz48L2c+PC9zdmc+);
}
.content-service .hot-service-box .item-box .item {
  width: 25%;
  height: 100%;
  padding: 40px 30px 0 40px;
}
.content-service .hot-service-box .item-box .item h4 {
  color: #4E5652;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 30px;
}
.content-service .hot-service-box .item-box .item p {
  color: #4E5652;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 32px;
}
.content-service .hot-service-box .item-box .item span {
  display: block;
  color: #FFAA00;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 40px;
}
.content-service .hot-service-box .item-box .item a {
  display: block;
  width: 144px;
  height: 36px;
  border: 1px solid rgba(7, 48, 76, 0.24);
  border-radius: 2px;
  color: #4E5652;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
}
.content-service .hot-service-box .item-box .item a:hover {
  background-color: #32CE79;
  color: #fff;
}
.content-service .hot-service-box .item-box .item:hover {
  background-color: #F9FBFC;
}
.content-service .hot-service-box .item-box .item:hover p {
  opacity: 0.75;
}
.content-service .more-service-box {
  margin-top: 100px;
  margin-bottom: 64px;
}
.content-service .more-service-box > h3 {
  color: #4E5652;
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
  margin-bottom: 30px;
}
.content-service .more-service-box .item-box {
  width: 1182px;
}
.content-service .more-service-box .item-box .item {
  width: 582px;
  height: 316px;
  border: 1px solid rgba(7, 48, 76, 0.16);
  border-radius: 2px;
  margin-bottom: 36px;
}
.content-service .more-service-box .item-box .item .title-box {
  height: 73px;
  width: 100%;
  background-color: #F9FBFC;
  padding: 0 50px;
}
.content-service .more-service-box .item-box .item .title-box h4 {
  color: #4E5652;
  font-size: 18px;
  line-height: 25px;
}
.content-service .more-service-box .item-box .item .title-box a {
  color: #4E5652;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  opacity: 0.6;
}
.content-service .more-service-box .item-box .item .title-box a .arrow-right {
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 6px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjQ0OSIgaGVpZ2h0PSI5LjQ4NSIgdmlld0JveD0iMCAwIDUuNDQ5IDkuNDg1Ij48ZGVmcz48c3R5bGU+LmF7b3BhY2l0eTowLjU7fS5ie2ZpbGw6bm9uZTtzdHJva2U6IzRlNTY1Mjt9PC9zdHlsZT48L2RlZnM+PGcgY2xhc3M9ImEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzU0IDAuMzU0KSI+PHBhdGggY2xhc3M9ImIiIGQ9Ik0tMjM1MDIuNjY2LTQ2NzJsNC4zODksNC4zODktNC4zODksNC4zODkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNTAyLjY2NiA0NjcyKSIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 5px 10px;
}
.content-service .more-service-box .item-box .item .title-box a:hover {
  color: #32CE79;
}
.content-service .more-service-box .item-box .item .title-box a:hover .arrow-right {
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 6px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjI5OCIgaGVpZ2h0PSIxMS4xODIiIHZpZXdCb3g9IjAgMCA2LjI5OCAxMS4xODIiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiMyMWM1OGU7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNzUxLjM1NCwyOTI0LjgyOWwtLjcwNy0uNzA3LDQuODg0LTQuODg0LTQuODg0LTQuODg0LjcwNy0uNzA3LDUuNTkxLDUuNTkxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1MC42NDYgLTI5MTMuNjQ2KSIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 5px 10px;
}
.content-service .more-service-box .item-box .item .content-box {
  width: 100%;
  height: 242px;
}
.content-service .more-service-box .item-box .item .content-box .content-item {
  padding: 29px 50px 0;
  width: 50%;
}
.content-service .more-service-box .item-box .item .content-box .content-item h4 {
  color: #4E5652;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 20px;
}
.content-service .more-service-box .item-box .item .content-box .content-item p {
  color: #4E5652;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
  opacity: 0.6;
}
.content-service .more-service-box .item-box .item .content-box .content-item span {
  display: block;
  color: #FFAA00;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
.content-service .more-service-box .item-box .item .content-box .content-item a {
  display: block;
  width: 144px;
  height: 36px;
  border: 1px solid rgba(7, 48, 76, 0.24);
  border-radius: 2px;
  color: #4E5652;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  text-decoration: none;
}
.content-service .more-service-box .item-box .item .content-box .content-item a:hover {
  background-color: #32CE79;
  color: #FFFFFF;
}
.content-service .more-service-box .item-box .item .content-box .content-item:hover {
  background-color: #F9FBFC;
}