* {
  margin: 0px;
  padding: 0px;
  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
@media screen and (min-width: 638px) and (max-width: 1300px) {
  .header-fixation {
    width: 100%;
  }
  .tools-fixed {
    display: none;
  }
}
@media screen and (min-width: 1301px) {
  .header-fixation {
    width: 1365px;
    margin: 0 auto;
  }
}
.fixation {
  width: 1365px;
  margin: 0 auto;
}
.navigation {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
}
.navigation .navigation-bar,
.navigation .logo-menu {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
}
.navigation .navigation-bar .navigation-time,
.navigation .logo-menu .navigation-time,
.navigation .navigation-bar .navigation-button,
.navigation .logo-menu .navigation-button,
.navigation .navigation-bar .logo,
.navigation .logo-menu .logo,
.navigation .navigation-bar .menu,
.navigation .logo-menu .menu {
  height: 100%;
  display: flex;
}
.navigation .navigation-bar .navigation-time a,
.navigation .logo-menu .navigation-time a,
.navigation .navigation-bar .navigation-button a,
.navigation .logo-menu .navigation-button a,
.navigation .navigation-bar .logo a,
.navigation .logo-menu .logo a,
.navigation .navigation-bar .menu a,
.navigation .logo-menu .menu a {
  color: #FFFFFF;
}
.navigation .navigation-bar .navigation-time,
.navigation .logo-menu .navigation-time {
  align-items: center;
  font-size: 14px;
  opacity: 0.9;
}
.navigation .navigation-bar .navigation-button .navigation-button-item,
.navigation .logo-menu .navigation-button .navigation-button-item,
.navigation .navigation-bar .navigation-button .navigation-phone,
.navigation .logo-menu .navigation-button .navigation-phone {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0px 12px;
  position: relative;
}
.navigation .navigation-bar .navigation-button .navigation-button-item img,
.navigation .logo-menu .navigation-button .navigation-button-item img,
.navigation .navigation-bar .navigation-button .navigation-phone img,
.navigation .logo-menu .navigation-button .navigation-phone img {
  height: 14px;
  display: block;
  margin-right: 4px;
}
.navigation .navigation-bar .navigation-button .navigation-button-item .active-icon,
.navigation .logo-menu .navigation-button .navigation-button-item .active-icon,
.navigation .navigation-bar .navigation-button .navigation-phone .active-icon,
.navigation .logo-menu .navigation-button .navigation-phone .active-icon {
  display: none;
}
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-qrcode,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-qrcode,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-qrcode,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-qrcode,
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-tools,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-tools,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-tools,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-tools {
  position: absolute;
  top: 50px;
  right: 0px;
  background: #FFFFFF;
  padding: 12px;
  display: none;
  z-index: 9;
}
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-qrcode img,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-qrcode img,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-qrcode img,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-qrcode img,
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-tools img,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-tools img,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-tools img,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-tools img {
  width: 120px;
  height: 120px;
}
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-tools,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-tools,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-tools,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-tools {
  flex-wrap: wrap;
  max-width: 600px;
  min-width: 400px;
}
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-tools .tools-item,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-tools .tools-item,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-tools .tools-item,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-tools .tools-item {
  height: 40px;
}
.navigation .navigation-bar .navigation-button .navigation-button-item .navigation-tools .tools-item a,
.navigation .logo-menu .navigation-button .navigation-button-item .navigation-tools .tools-item a,
.navigation .navigation-bar .navigation-button .navigation-phone .navigation-tools .tools-item a,
.navigation .logo-menu .navigation-button .navigation-phone .navigation-tools .tools-item a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  padding: 0px 12px;
}
.navigation .navigation-bar .navigation-button .navigation-button-item:hover,
.navigation .logo-menu .navigation-button .navigation-button-item:hover {
  background: #FFFFFF;
  color: #333333;
  cursor: pointer;
}
.navigation .navigation-bar .navigation-button .navigation-button-item:hover .normal-icon,
.navigation .logo-menu .navigation-button .navigation-button-item:hover .normal-icon {
  display: none;
}
.navigation .navigation-bar .navigation-button .navigation-button-item:hover .active-icon,
.navigation .logo-menu .navigation-button .navigation-button-item:hover .active-icon,
.navigation .navigation-bar .navigation-button .navigation-button-item:hover .navigation-qrcode,
.navigation .logo-menu .navigation-button .navigation-button-item:hover .navigation-qrcode {
  display: block;
}
.navigation .navigation-bar .navigation-button .navigation-button-item:hover .navigation-tools,
.navigation .logo-menu .navigation-button .navigation-button-item:hover .navigation-tools {
  display: flex;
}
.navigation .navigation-bar .navigation-button .navigation-button-item:hover .navigation-tools a:hover,
.navigation .logo-menu .navigation-button .navigation-button-item:hover .navigation-tools a:hover {
  background: #F3F3F3;
}
.navigation .navigation-bar .navigation-button .navigation-button-item:hover a,
.navigation .logo-menu .navigation-button .navigation-button-item:hover a {
  color: #333333;
}
.navigation .navigation-bar .navigation-button .navigation-phone a,
.navigation .logo-menu .navigation-button .navigation-phone a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation .navigation-bar .logo,
.navigation .logo-menu .logo {
  font-size: 18px;
  font-weight: bold;
  align-items: center;
}
.navigation .navigation-bar .menu .menu-item,
.navigation .logo-menu .menu .menu-item {
  padding: 0px 12px;
  height: 100%;
  position: relative;
}
.navigation .navigation-bar .menu .menu-item .menu-main,
.navigation .logo-menu .menu .menu-item .menu-main {
  height: 100%;
}
.navigation .navigation-bar .menu .menu-item .menu-main a,
.navigation .logo-menu .menu .menu-item .menu-main a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navigation .navigation-bar .menu .menu-item .menu-main a img,
.navigation .logo-menu .menu .menu-item .menu-main a img {
  width: 14px;
  margin-left: 4px;
  position: relative;
  top: 2px;
}
.navigation .navigation-bar .menu .menu-item .menu-main a .active-icon,
.navigation .logo-menu .menu .menu-item .menu-main a .active-icon {
  display: none;
}
.navigation .navigation-bar .menu .menu-item .menu-drop,
.navigation .logo-menu .menu .menu-item .menu-drop {
  min-width: 100%;
  top: 50px;
  right: 0px;
  display: none;
  background: #FFFFFF;
  position: absolute;
}
.navigation .navigation-bar .menu .menu-item .menu-drop .item-drop-menu,
.navigation .logo-menu .menu .menu-item .menu-drop .item-drop-menu {
  width: 100%;
  min-width: 140px;
}
.navigation .navigation-bar .menu .menu-item .menu-drop .item-drop-menu a,
.navigation .logo-menu .menu .menu-item .menu-drop .item-drop-menu a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  padding: 0px 12px;
  font-size: 14px;
}
.navigation .navigation-bar .menu .menu-item .menu-drop .item-drop-menu a:hover,
.navigation .logo-menu .menu .menu-item .menu-drop .item-drop-menu a:hover {
  background: #F3F3F3;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group,
.navigation .logo-menu .menu .menu-item .menu-drop-group {
  position: absolute;
  top: 50px;
  right: 0px;
  background: #FFFFFF;
  padding: 6px 18px;
  display: none;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group .item-drop-group,
.navigation .logo-menu .menu .menu-item .menu-drop-group .item-drop-group {
  width: 150px;
  margin-right: 12px;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group .item-drop-group .item-drop-title,
.navigation .logo-menu .menu .menu-item .menu-drop-group .item-drop-group .item-drop-title {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #D3D3D3;
  color: #0375f7;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 6px;
  box-sizing: border-box;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group .item-drop-group .item-drop-menu,
.navigation .logo-menu .menu .menu-item .menu-drop-group .item-drop-group .item-drop-menu {
  width: 100%;
  height: 36px;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group .item-drop-group .item-drop-menu a,
.navigation .logo-menu .menu .menu-item .menu-drop-group .item-drop-group .item-drop-menu a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666666;
  padding-left: 6px;
  box-sizing: border-box;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group .item-drop-group .item-drop-menu a:hover,
.navigation .logo-menu .menu .menu-item .menu-drop-group .item-drop-group .item-drop-menu a:hover {
  background: #F3F3F3;
}
.navigation .navigation-bar .menu .menu-item .menu-drop-group .item-drop-group:last-child,
.navigation .logo-menu .menu .menu-item .menu-drop-group .item-drop-group:last-child {
  margin-right: 0px;
}
.navigation .navigation-bar .menu .menu-item:hover,
.navigation .logo-menu .menu .menu-item:hover {
  background: #FFFFFF;
}
.navigation .navigation-bar .menu .menu-item:hover .menu-main a,
.navigation .logo-menu .menu .menu-item:hover .menu-main a {
  color: #333333;
}
.navigation .navigation-bar .menu .menu-item:hover .menu-main a .active-icon,
.navigation .logo-menu .menu .menu-item:hover .menu-main a .active-icon {
  display: block;
}
.navigation .navigation-bar .menu .menu-item:hover .menu-main a .normal-icon,
.navigation .logo-menu .menu .menu-item:hover .menu-main a .normal-icon {
  display: none;
}
.navigation .navigation-bar .menu .menu-item:hover .normal-icon,
.navigation .logo-menu .menu .menu-item:hover .normal-icon {
  display: none;
}
.navigation .navigation-bar .menu .menu-item:hover .menu-drop,
.navigation .logo-menu .menu .menu-item:hover .menu-drop {
  display: block;
}
.navigation .navigation-bar .menu .menu-item:hover .menu-drop-group,
.navigation .logo-menu .menu .menu-item:hover .menu-drop-group {
  display: flex;
}
.navigation-scroll {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px #D3D3D3;
}
.navigation-scroll .navigation-bar,
.navigation-scroll .logo-menu {
  color: #333333;
}
.navigation-scroll .navigation-bar .navigation-time a,
.navigation-scroll .logo-menu .navigation-time a,
.navigation-scroll .navigation-bar .navigation-button a,
.navigation-scroll .logo-menu .navigation-button a,
.navigation-scroll .navigation-bar .logo a,
.navigation-scroll .logo-menu .logo a,
.navigation-scroll .navigation-bar .menu a,
.navigation-scroll .logo-menu .menu a {
  color: #333333;
}
.navigation-scroll .navigation-bar .navigation-button .navigation-button-item .normal-icon,
.navigation-scroll .logo-menu .navigation-button .navigation-button-item .normal-icon {
  display: none;
}
.navigation-scroll .navigation-bar .navigation-button .navigation-button-item .active-icon,
.navigation-scroll .logo-menu .navigation-button .navigation-button-item .active-icon {
  display: block;
}
.navigation-scroll .navigation-bar .navigation-button .navigation-button-item:hover,
.navigation-scroll .logo-menu .navigation-button .navigation-button-item:hover {
  background: linear-gradient(#E0E0E0, #F6F6F6);
}
.navigation-scroll .navigation-bar .navigation-button .navigation-button-item:hover .navigation-qrcode,
.navigation-scroll .logo-menu .navigation-button .navigation-button-item:hover .navigation-qrcode,
.navigation-scroll .navigation-bar .navigation-button .navigation-button-item:hover .navigation-tools,
.navigation-scroll .logo-menu .navigation-button .navigation-button-item:hover .navigation-tools {
  box-shadow: 0 2px 2px 2px #E3E3E3;
}
.navigation-scroll .navigation-bar .menu .menu-item .menu-main a .normal-icon,
.navigation-scroll .logo-menu .menu .menu-item .menu-main a .normal-icon {
  display: none;
}
.navigation-scroll .navigation-bar .menu .menu-item .menu-main a .active-icon,
.navigation-scroll .logo-menu .menu .menu-item .menu-main a .active-icon {
  display: block;
}
.navigation-scroll .navigation-bar .menu .menu-item:hover,
.navigation-scroll .logo-menu .menu .menu-item:hover {
  background: linear-gradient(#E0E0E0, #F6F6F6);
}
.navigation-scroll .navigation-bar .menu .menu-item:hover .menu-drop,
.navigation-scroll .logo-menu .menu .menu-item:hover .menu-drop,
.navigation-scroll .navigation-bar .menu .menu-item:hover .menu-drop-group,
.navigation-scroll .logo-menu .menu .menu-item:hover .menu-drop-group {
  box-shadow: 0 2px 2px 2px #E3E3E3;
}
.footer {
  width: 100%;
  background: #23293b;
  padding: 48px 0px 24px 0px;
  box-sizing: border-box;
}
.footer .link-contact {
  width: 100%;
  height: 210px;
  display: flex;
  justify-content: space-between;
}
.footer .link-contact .link {
  width: 790px;
  display: flex;
  justify-content: space-between;
  border-right: 1px solid #D3D3D3;
  padding-right: 48px;
  box-sizing: border-box;
}
.footer .link-contact .link ul .title {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}
.footer .link-contact .link ul li {
  line-height: 34px;
}
.footer .link-contact .link ul li a {
  color: #FFFFFF;
}
.footer .link-contact .link .qrcode {
  padding-top: 10px;
  box-sizing: border-box;
  text-align: center;
  color: #FFFFFF;
}
.footer .link-contact .link .qrcode img {
  width: 130px;
  margin-bottom: 8px;
}
.footer .link-contact .contact {
  width: calc(100% - 790px);
  height: 100%;
  padding-left: 48px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer .link-contact .contact .item {
  height: 100px;
  display: flex;
  margin-right: 24px;
}
.footer .link-contact .contact .item .icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .link-contact .contact .item .right {
  width: calc(100% - 50px);
  height: 100%;
}
.footer .link-contact .contact .item .right .key {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #FFFFFF;
}
.footer .link-contact .contact .item .right .value {
  line-height: 30px;
  color: #FFFFFF;
}
.footer .copyright {
  width: 100%;
  height: 80px;
  border-top: 1px solid #D3D3D3;
  text-align: center;
  align-items: center;
  color: #FFFFFF;
  padding-top: 20px;
  box-sizing: border-box;
  line-height: 30px;
  margin-top: 24px;
}
.footer .copyright span,
.footer .copyright a {
  margin-right: 8px;
  padding-right: 8px;
}
.footer .copyright span img,
.footer .copyright a img {
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.footer .copyright a {
  color: #FFFFFF;
  border-right: 1px solid #D3D3D3;
  margin-right: 8px;
  padding-right: 8px;
}
.footer .copyright a:last-child {
  border: none;
}
.page {
  width: 100%;
  min-width: 1365px !important;
}
@keyframes slideLeft {
  from {
    width: 60px;
    right: 0px;
  }
  to {
    width: 220px;
    right: 160px;
  }
}
.tools-fixed {
  width: 60px;
  position: fixed;
  z-index: 99;
  top: 600px;
  right: 50px;
  box-shadow: 0px 0px 10px #D3D3D3;
}
.tools-fixed .tools-fixed-item {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #D3D3D3;
  cursor: pointer;
  color: #333333;
  background: #FFFFFF;
  position: relative;
}
.tools-fixed .tools-fixed-item .tools-rectangle {
  width: 220px;
  height: 100%;
  display: flex;
}
.tools-fixed .tools-fixed-item .tools-rectangle .cousult-icon {
  width: 60px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: bold;
}
.tools-fixed .tools-fixed-item .tools-rectangle .tools-value {
  width: calc(100% - 60px);
  height: 100%;
  display: flex;
  align-items: center;
}
.tools-fixed .tools-fixed-item .tools-square {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: bold;
}
.tools-fixed .tools-fixed-item .tools-square img {
  width: 30px;
  height: 30px;
}
.tools-fixed .tools-fixed-item:hover {
  background: #F9F9F9;
}
.tools-fixed .slideLeft {
  overflow: hidden;
}
.tools-fixed .slideLeft:hover {
  animation: slideLeft 0.5s forwards;
  box-shadow: 0px 0px 10px #D3D3D3;
}
.tools-fixed .qrcode .tools-qrcode {
  width: 120px;
  height: 120px;
  padding: 10px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #D3D3D3;
  display: none;
  position: absolute;
  right: 60px;
  top: 0px;
  z-index: 99;
}
.tools-fixed .qrcode .tools-qrcode img {
  width: 100%;
  height: 100%;
}
.tools-fixed .qrcode:hover .tools-qrcode {
  display: block;
}
.page-consult {
  width: 100%;
  height: 280px;
  background: url(../img/page-consult-background.png) no-repeat;
  background-size: 100% 100%;
}
.page-consult .page-consult-title {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #FFFFFF;
  font-weight: bold;
}
.page-consult .page-consult-form {
  width: 100%;
  margin-top: 20px;
}
.page-consult .page-consult-form .page-consult-input {
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-consult .page-consult-form .page-consult-input .el-input {
  width: 250px;
  margin-right: 40px;
}
.page-consult .page-consult-form .page-consult-input .el-input:last-child {
  margin-right: 0px;
}
.page-consult .page-consult-form .page-consult-button {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-consult .page-consult-form .page-consult-button .el-button {
  width: 200px;
  border-radius: 40px;
  background: #fd8129;
  color: #FFFFFF;
  border: none;
}
.public-title {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.public-title .zh,
.public-title .en {
  width: 100%;
  text-align: center;
}
.public-title .zh {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
}
.public-title .en {
  color: #999999;
  font-size: 14px;
  margin-top: 10px;
}
.copyright-category {
  width: 100%;
  height: 50px;
  box-shadow: 0px 4px 4px #D3D3D3;
}
.copyright-category .fixation {
  height: 100%;
  display: flex;
}
.copyright-category .fixation .item {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-right: 28px;
  padding: 0px 10px;
  box-sizing: border-box;
  cursor: pointer;
  color: #333333;
}
.copyright-category .fixation .item-selected {
  padding-top: 2px;
  border-bottom: 2px solid #f58233;
}
.copyright-category .fixation .item:hover {
  background: linear-gradient(#F3F3F3, #F9F9F9);
  color: #0076FE;
}
.copyright-category .copyright-left-navigation {
  width: 60px;
  position: fixed;
  top: 600px;
  left: 50px;
  box-shadow: 0px 0px 10px #D3D3D3;
  z-index: 99;
  background: #FFFFFF;
}
.copyright-category .copyright-left-navigation .copyright-left-item {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #D3D3D3;
  font-size: 14px;
  padding: 15px;
  box-sizing: border-box;
  cursor: pointer;
}
.copyright-category .copyright-left-navigation .item-selected {
  background: #0076FE;
  color: #FFFFFF;
}
.agreement-button {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agreement-button .el-button {
  width: 200px;
}