@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  overflow: hidden;
  font-size: 14px; }

body,
html {
  -webkit-text-size-adjust: none;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto; }

div,
p,
ul,
li {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

li {
  list-style: none; }

img {
  border: 0; }

#contant_us {
  position: relative;
  width: 100%;
  overflow: hidden; }
  #contant_us > #language {
    background: #ffde00;
    height: 30px; }
    #contant_us > #language > .language_choose {
      width: 1200px;
      max-width: 1200px;
      margin: auto;
      display: flex; }
      #contant_us > #language > .language_choose > .choose_language {
        width: 85.2%;
        display: flex; }
        #contant_us > #language > .language_choose > .choose_language > li {
          color: #b6b6b6;
          font-size: 14px;
          width: 50px;
          line-height: 30px;
          cursor: pointer; }
        #contant_us > #language > .language_choose > .choose_language > .lang_active {
          color: #333; }
      #contant_us > #language > .language_choose > .user_login {
        display: flex;
        background: #034fa2;
        /*width: 100px;*/
        justify-content: center;
        align-items: center;
        cursor:pointer;
        padding: 0 15px;
        color: #fff;
        }
        #contant_us > #language > .language_choose > .user_login > img {
          display: block;
          width: 16px;
          height: 18px;
          margin-right: 5px;}
        #contant_us > #language > .language_choose > .user_login > a {
          color: #fff;
          font-size: 12px;
          margin-left: 5px; }
  #contant_us > #headers {
    height: 60px;
    width: 100%;
    display: flex; }
    #contant_us > #headers > .logo_img {
      margin-left: 20%; }
      #contant_us > #headers > .logo_img > img {
        display: block;
        height: 60px; }
    #contant_us > #headers > .menu {
      margin: auto; }
      #contant_us > #headers > .menu > nav {
        height: 100%; }
        #contant_us > #headers > .menu > nav > .navigation {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          #contant_us > #headers > .menu > nav > .navigation > li {
            font-size: 16px;
            padding: 10px 15px;
            border-bottom: 3px solid transparent; }
            #contant_us > #headers > .menu > nav > .navigation > li > a {
              color: #bababa;
              cursor: pointer; }
          #contant_us > #headers > .menu > nav > .navigation > .border_bottom {
            border-bottom: 3px solid #034fa2; }
            #contant_us > #headers > .menu > nav > .navigation > .border_bottom > a {
              color: #333; }
  #contant_us > #content {
    position: relative; }
    #contant_us > #content > .login_banner > img {
      display: block; }
    #contant_us > #content > .user_information {
      width: 350px;
      height: 300px;
      background: #fff;
      z-index: 10;
      position: absolute;
      top: 20%;
      right: 23%;
      border-top: 5px solid #034fa2;
      padding: 3%; }
      #contant_us > #content > .user_information > h4 {
        font-size: 30px;
        color: #034fa2; }
      #contant_us > #content > .user_information > .messages{
        color: red; }
      #contant_us > #content > .user_information> form > .uesr_news {
        border: 2px solid #ffde00;
        height: 40px;
        display: flex;
        margin-top: 30px;
        border-radius: 10px;
        align-items: center;
            position: relative;}
      #contant_us > #content > .user_information> form > .name_user{
        margin-top: 20px;
      }
        #contant_us > #content > .user_information > form > .uesr_news > img {
          width: 20px;
          height: 23px;
          display: block;
          margin: 0 12px; }
        #contant_us > #content > .user_information > form > .uesr_news > .border_right {
          width: 2px;
          height: 30px;
          background: #ffde00; }
        #contant_us > #content > .user_information > form > .uesr_news > label > .user_name {
              height: 40px;
              border: 0;
              outline: none;
              padding-left: 10px;
              width: 290px;
            background: #fff;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;}
        #contant_us > #content > .user_information > form > .uesr_news > label >#id_username {
              background: #fff !important; }
        #contant_us > #content > .user_information > form > .uesr_news > label > .errorlist {
            margin-top:5px;
            position: absolute;
            left: 0;
            color:red}
      #contant_us > #content > .user_information > form > p {
        display: block;
        text-align: end;
        margin-top: 10px;
            cursor: pointer;
        }
      #contant_us > #content > .user_information > form > .login-button {
        width: 100%;
        height: 40px;
        background: #034fa2;
        color: #fff;
        border: 0;
        outline: none;
        cursor: pointer;
        margin-top: 20px;
        border-radius: 10px;
        font-size: 20px; }
  #contant_us > #footers {
    background: #034fa2;
    height: 480px; }
    #contant_us > #footers > .footer_content {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto 50px;
      font-size: 16px;
      display: flex; }
      #contant_us > #footers > .footer_content > .media {
        width: 20%;
        margin-left: 6%;
        /* text-align: center; */
        margin-top: 50px; }
        #contant_us > #footers > .footer_content > .media > h4 {
          font-size: 22px;
          font-weight: bold;
          color: #fff; }
        #contant_us > #footers > .footer_content > .media > ul {
          margin-top: 20px; }
          #contant_us > #footers > .footer_content > .media > ul > li {
            height: 30px; }
            #contant_us > #footers > .footer_content > .media > ul > li > a {
              color: #fff; }
        #contant_us > #footers > .footer_content > .media > img {
          width: 184px;
          margin-top: 20px; }
    #contant_us > #footers > p {
      color: #fff;
      text-align: center;
      font-size: 16px;
      line-height: 30px; }

.layui-carousel-ind li {
  width: 15px;
  height: 15px;
  margin: 0 8px;
  background: #fff; }

.layui-carousel-ind {
  top: -75px; }

.layui-carousel-ind li.layui-this {
  background-color: #ffdb0b; }

.layui-carousel {
  background: #fff; }

@media screen and (max-width: 1440px) {
#contant_us > #language > .language_choose > .choose_language {
    width: 65.2%;
    margin-left: 15%;
}
  #contant_us > #content > .login_banner > img {
    width: 100%;
    display: block;
    height: 500px; }
  #contant_us > #content > .user_information {
    top: 12%;
    right: 15%; }
  #contant_us > #footers > .footer_content {
    max-width: 1000px; } }

.ui-autocomplete-loading {
    background: white url("/static/img/ui-anim_basic_16x16.gif?b1389ed73da0") right center no-repeat;
}