@charset 'utf-8';
.tOH
{
    overflow: hidden;
}
.tTO
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.tPosRel{
    position: relative;
}
.tPosAbs{
    position: absolute;
}
.tClearB{
    clear: both;
}
.tClear:after
{
    font-size: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: ' ';
}
.tClear
{
    zoom: 1; /* for IE6 IE7 */
}
.tLeft
{
    float: left;
}
.tRight
{
    float: right;
}
.tNone{
    float: none!important;
}
.tCenter
{
    margin: auto;
}
.tMga
{
    margin: auto;
}
.tDisInline{
    display: inline-block;
}
.tvaTT{
    vertical-align: text-top;
}
.tVaMd
{
    vertical-align: middle;
}
.tTaL
{
    text-align: left;
}
.tTaR
{
    text-align: right;
}
.tTaC
{
    text-align: center;
}
.tHide
{
    display: none;
}
.tShow
{
    display: block !important;
}
.tHideV
{
    visibility: hidden;
}
.tBgf{
    background-color: #fff;
}
.tFGreen{
    color:#46F581;
}

.tFC0268be3{
    color: #268BE3;
}
.tFC80{
    color: #808080;
}
.tFC3{
    color: #333;
}
.tFC6{
    color: #666;
}
.tFC9{
    color:#999;
}
.tFCred{
    color: red;
}
/* red */
.tFCf22d13{
    color: #F22D13;
}
.tFCinherit{
    color: inherit;
}
/* blue */
.tFC0277de{
    color: #0277DE;
}
.tFC36{
    color: #363636;
}
.tMg5
{
    margin: 5px;
}

.tMg10
{
    margin: 10px;
}
.tMg20
{
    margin: 20px;
}
.tMg30
{
    margin: 30px;
}
.tMgt1
{
    margin-top: 1px;
}
.tMgt5
{
    margin-top: 5px;
}
.tMgt8{
    margin-top: 8px;
}
.tMgt10
{
    margin-top: 10px;
}
.tMgt15
{
    margin-top: 15px;
}
.tMgt20
{
    margin-top: 20px;
}
.tMgt30
{
    margin-top: 30px;
}
.tMgt60
{
    margin-top: 60px;
}
.tMgb1
{
    margin-bottom: 1px;
}
.tMgb5
{
    margin-bottom: 5px;
}
.tMgb10
{
    margin-bottom: 10px;
}
.tMgb15
{
    margin-bottom: 15px;
}
.tMgb20
{
    margin-bottom: 20px;
}
.tMgb25
{
    margin-bottom: 25px;
}
.tMgb30
{
    margin-bottom: 30px;
}
.tMgl5
{
    margin-left: 5px;
}
.tMgl10
{
    margin-left: 10px;
}
.tMgl15
{
    margin-left: 15px;
}
.tMgl20
{
    margin-left: 20px;
}
.tMgl30
{
    margin-left: 30px;
}
.tMgl110
{
    margin-left: 110px;
}
.tMgl190
{
    margin-left: 190px;
}
.tMgr5
{
    margin-right: 5px;
}

.tMgr10
{
    margin-right: 10px;
}
.tMgr15
{
    margin-right: 15px;
}
.tMgr20
{
    margin-right: 20px;
}
.tMgr30
{
    margin-right: 30px;
}
.tPdr4{padding-right: 4px;}
.tPd5
{
    padding: 5px;
}
.tPd10
{
    padding: 10px;
}
.tPd15
{
    padding: 15px;
}
.tPd20
{
    padding: 20px;
}
.tPd30
{
    padding: 30px;
}
.tPdt5
{
    padding-top: 5px;
}
.tPdt10
{
    padding-top: 10px;
}
.tPdt20
{
    padding-top: 20px;
}
.tPdt30
{
    padding-top: 30px;
}
.tPdb5
{
    padding-bottom: 5px;
}
.tPdb10
{
    padding-bottom: 10px;
}
.tPdb20
{
    padding-bottom: 20px;
}
.tPdb30
{
    padding-bottom: 30px;
}
.tPdb150
{
    padding-bottom: 150px;
}
.tPdl5
{
    padding-left: 5px;
}
.tPdl10
{
    padding-left: 10px;
}
.tPdl20
{
    padding-left: 20px;
}
.tPdl30
{
    padding-left: 30px;
}
.tPdl190
{
    padding-left: 190px;
}
.tPdr5
{
    padding-right: 5px;
}
.tPdr10
{
    padding-right: 10px;
}
.tPdr20
{
    padding-right: 20px;
}
.tPdr30
{
    padding-right: 30px;
}


/*font style start*/
.tFontBold
{
    font-weight: bold;
}
.tFontNormal
{
    font-weight: normal;
}
.tFont6
{
    font-size: 6px;
}
.tFont12
{
    font-size: 12px;
}
.tFont13
{
    font-size: 13px;
}
.tFont14
{
    font-size: 14px;
}
.tFont16
{
    font-size: 16px;
}
.tFont18
{
    font-size: 18px;
}
.tFont24
{
    font-size: 24px;
}
.tFont30
{
    font-size: 30px;
}
.tFont36
{
    font-size: 36px;
}
.tFont50
{
    font-size: 50px;
}
.tFontUnLine
{
    text-decoration: underline;
}
.tFontThrough
{
    text-decoration: line-through;
}

/*font style end*/

/*other cursor start*/
.tCurP{
    cursor: pointer;
}
/*other cursor end*/

.tLineHeight28 {
    line-height: 28px;
}

.tLineHeight34 {
    line-height: 34px;
}

.tWidthPer100{
    width: 100%;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  overflow-x: hidden; }

#home_box {
  width: 100vw;
  min-width: 1024px;
  min-height: 630px; }
  #home_box .foot-line {
    text-align: center;
    font-size: 14px;
    z-index: 99;
    color: #000;
    position: absolute;
    width: 100%;
    bottom: 15px;
    line-height: 24px; }
    #home_box .foot-line img {
      width: 20px;
      height: 20px;
      vertical-align: middle;
      padding-right: 5px; }
  #home_box .page-title {
    position: absolute;
    color: #fff;
    width: 100vw;
    text-align: center;
    font-size: 34px;
    top: 1.5vh; }
  #home_box .page-title-child {
    padding-left: 9vw;
    position: absolute;
    color: #fff;
    width: 100vw;
    text-align: center;
    font-size: 14px;
    top: 6vh; }
  #home_box .page-title2 {
    position: absolute;
    color: #fff;
    width: 100vw;
    text-align: center;
    font-size: 34px;
    top: 8vh; }
  #home_box .page-title2-child {
    position: absolute;
    color: #fff;
    width: 100vw;
    text-align: center;
    font-size: 14px;
    top: 12.5vh; }
  #home_box .page-container {
    position: relative;
    min-height: 104.79167vw;
    width: 100vw;
    background-image: url(../images/0804e006.technicalBg-new.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0; }
  #home_box .page-content {
    position: absolute;
    background-color: #fff;
    width: 67.70833vw;
    min-height: 63.80208vw;
    padding: 2.08333vw 2.60417vw;
    left: 50%;
    margin-left: -33.85417vw;
    top: 39.42708vw;
    line-height: 28px; }
    #home_box .page-content .page-content-text {
      font-family: MicrosoftYaHei;
      font-size: 1.25vw;
      color: rgba(0, 0, 0, 0.85);
      letter-spacing: 0.15px;
      line-height: 1.875vw;
      font-weight: 400; }
    #home_box .page-content .page-content-image-video {
      margin: 3.125vw 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #home_box .page-content .page-content-image {
      width: 15.20833vw;
      height: 19.89583vw; }
    #home_box .page-content .page-content-video {
      margin-right: 30px;
      width: 35.41667vw;
      height: 19.89583vw; }
    #home_box .page-content .page-content-links {
      margin-top: 3.125vw;
      font-family: MicrosoftYaHeiUI-Bold;
      font-size: 1.04167vw;
      color: #1179E0;
      height: 1.77083vw;
      line-height: 1.04167vw;
      font-weight: 700;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAADCAYAAAErcyt7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAeqADAAQAAAABAAAAAwAAAABS3BT3AAABMUlEQVQ4EWPkq3o/5R8DUxADEeBLG78UT9XHZxCl//8xMTKGMCIEiDABqgRmEFmaCVkDMlyk8zXvj49sN2FqmRgYyj618S+BOZYRJMFT9eExAwMjM0zRYKWBjv35uY1fEeQ+3qpPlf8Z/uficqsJG5/cgQbGPw4N/1nO/Pr0CFkdTUIb2QJqsRkZGXZ9buVPAJnHW/Xh1H8GRhlcZoNiGyTHV/3R7N9/hg1I6v4D5aSZWJj/eSMJDlrm//8MbryVnzRADvzcJmCGz6G8VR+3geQ/tfKfAqaOC0hqGYEBMZVRtOE/z49fn/b8Z2CQQ5IcZVIYAowMjFWf2/gWIBvDV/nR/B8jwzqgGLhYQZYjxGZk+P+d6R+D68cOgXvIaoGpvhyY6vORxZDZQH1PWdn+OgMA4e9msT8+XlQAAAAASUVORK5CYII=);
      background-size: 6.35417vw 0.15625vw;
      background-repeat: no-repeat;
      background-position-x: left;
      background-position-y: bottom;
      border-bottom: 1px solid #1179E0; }
    #home_box .page-content .page-content-file {
      font-family: MicrosoftYaHeiUI;
      font-size: 1.04167vw;
      line-height: 1.25vw;
      font-weight: 400;
      margin-top: 1.04167vw; }
      #home_box .page-content .page-content-file:before {
        display: inline-block;
        content: " ";
        width: 0.3125vw;
        height: 0.3125vw;
        line-height: 1.25vw;
        border-radius: 50%;
        margin-right: 8px;
        background-color: rgba(12, 122, 241, 0.9);
        vertical-align: middle; }
    #home_box .page-content .page-content-link {
      font-family: MicrosoftYaHeiUI;
      font-size: 1.04167vw;
      line-height: 1.25vw;
      font-weight: 400;
      margin-top: 1.04167vw; }
      #home_box .page-content .page-content-link:before {
        display: inline-block;
        content: " ";
        width: 0.3125vw;
        height: 0.3125vw;
        line-height: 1.25vw;
        border-radius: 50%;
        margin-right: 8px;
        background-color: rgba(12, 122, 241, 0.9);
        vertical-align: middle; }
  #home_box .head-image {
    position: absolute;
    height: 15vh;
    width: 100vw;
    top: 0;
    background-image: url(../images/86b8d3d6.technicalHead.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0; }
  #home_box .body-image {
    position: absolute;
    top: 0;
    min-height: 104.79167vw;
    width: 100vw;
    background-image: url(../images/0804e006.technicalBg-new.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0; }
  #home_box a {
    text-decoration: none; }
  #home_box .video_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #001031; }
  #home_box .video_bg {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    -o-object-fit: fill;
       object-fit: fill; }
  #home_box .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 80px 10px 40px;
    position: relative;
    background-image: url(../images/ee994940.doorBg.png);
    background-repeat: no-repeat;
    height: 130px;
    background-size: 100% 130px;
    z-index: 2; }
    #home_box .header .logo_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #home_box .header .logo_box i {
        color: #ffffff;
        font-size: 28px;
        cursor: pointer;
        margin-left: 25px; }
    #home_box .header .btn_box {
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      #home_box .header .btn_box .search_box {
        width: 240px;
        height: 34px;
        border-radius: 4px;
        border: 1px solid #ddd;
        margin-right: 40px;
        position: relative;
        transition: width 1s;
        -webkit-transition: width 1s;
        cursor: pointer; }
        #home_box .header .btn_box .search_box:hover {
          width: 280px; }
        #home_box .header .btn_box .search_box .fp-search-down-box {
          position: absolute;
          top: 36px;
          left: 0;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 0 0 4px 4px;
          width: 100%;
          max-height: 350px;
          overflow: auto; }
          #home_box .header .btn_box .search_box .fp-search-down-box .fp-search-item {
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 16px;
            list-style: none;
            padding-left: 16px;
            -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
                    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25); }
            #home_box .header .btn_box .search_box .fp-search-down-box .fp-search-item:hover {
              background: #0C83FA;
              color: #fff; }
            #home_box .header .btn_box .search_box .fp-search-down-box .fp-search-item.active {
              background: #0C83FA;
              color: #fff; }
        #home_box .header .btn_box .search_box .fp-search-input {
          position: relative;
          height: 100%; }
          #home_box .header .btn_box .search_box .fp-search-input .fp-form-input {
            background: none;
            outline: none;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            border: none;
            height: 100%;
            width: 100%;
            color: #fff;
            text-indent: 6px;
            font-size: 15px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          #home_box .header .btn_box .search_box .fp-search-input .icon-search {
            position: absolute;
            top: 50%;
            right: 12px;
            -webkit-transform: translate3d(0, -50%, 0);
                    transform: translate3d(0, -50%, 0);
            color: #fff; }
      #home_box .header .btn_box .gohome-box {
        margin-right: 30px;
        color: #fff;
        cursor: pointer; }
        #home_box .header .btn_box .gohome-box span {
          color: #fff;
          font-size: 16px;
          padding-left: 5px;
          display: inline-block; }
      #home_box .header .btn_box .user-info-btn {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 30px;
        display: inline-block;
        cursor: pointer;
        font-size: 16px; }
        #home_box .header .btn_box .user-info-btn .head-img {
          height: 36px;
          line-height: 36px;
          width: 150px;
          text-align: center; }
          #home_box .header .btn_box .user-info-btn .head-img .head-radius {
            display: inline-block;
            margin-right: 2px; }
            #home_box .header .btn_box .user-info-btn .head-img .head-radius img {
              vertical-align: middle; }
          #home_box .header .btn_box .user-info-btn .head-img .head-name {
            height: 30px;
            line-height: 30px;
            color: #fff;
            display: inline-block;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle; }
          #home_box .header .btn_box .user-info-btn .head-img i.iconfont {
            color: #fff;
            font-size: 14px; }
        #home_box .header .btn_box .user-info-btn .user-info {
          position: absolute;
          top: 34px;
          right: 0;
          width: 258px;
          background: #1A2640;
          z-index: 999; }
          #home_box .header .btn_box .user-info-btn .user-info .user-name {
            height: 44px;
            border-bottom: 1px solid #000;
            padding-left: 15px; }
            #home_box .header .btn_box .user-info-btn .user-info .user-name .user-img {
              float: left;
              margin: 5px;
              padding: 5px; }
              #home_box .header .btn_box .user-info-btn .user-info .user-name .user-img img {
                vertical-align: middle; }
            #home_box .header .btn_box .user-info-btn .user-info .user-name .org-info {
              float: left;
              height: 44px;
              line-height: 44px;
              font-weight: bold;
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 16px;
              color: #fff; }
          #home_box .header .btn_box .user-info-btn .user-info .option {
            display: block;
            min-height: 90px; }
            #home_box .header .btn_box .user-info-btn .user-info .option .opt-item {
              width: 50%;
              padding: 10px;
              text-align: center;
              font-size: 16px;
              color: #fff; }
              #home_box .header .btn_box .user-info-btn .user-info .option .opt-item img {
                display: block;
                margin: 0 auto 5px; }
          #home_box .header .btn_box .user-info-btn .user-info .logout {
            text-align: center;
            height: 40px;
            line-height: 40px;
            border-top: 1px solid #000;
            font-size: 16px; }
            #home_box .header .btn_box .user-info-btn .user-info .logout a {
              color: #fff; }
      #home_box .header .btn_box .language-box {
        position: relative;
        z-index: 999; }
        #home_box .header .btn_box .language-box .select-box {
          position: relative;
          width: 183px;
          cursor: pointer; }
          #home_box .header .btn_box .language-box .select-box .select-language {
            display: inline-block;
            width: 100%;
            height: 35px;
            color: #fff;
            text-indent: 25px;
            line-height: 35px;
            font-size: 16px; }
          #home_box .header .btn_box .language-box .select-box i {
            position: absolute;
            top: 50%;
            right: 5px;
            -webkit-transform: translate3d(0, -50%, 0);
                    transform: translate3d(0, -50%, 0);
            color: #fff;
            font-size: 18px;
            font-weight: 600; }
        #home_box .header .btn_box .language-box #language {
          background: #1A2640;
          margin: 0;
          padding: 0;
          position: absolute; }
          #home_box .header .btn_box .language-box #language li {
            list-style: none;
            color: #fff;
            text-align: left;
            padding: 8px 25px 8px 25px;
            cursor: pointer;
            font-size: 16px; }
            #home_box .header .btn_box .language-box #language li:hover {
              color: #0C83FA; }
            #home_box .header .btn_box .language-box #language li.active {
              color: #0C83FA; }
      #home_box .header .btn_box a.login {
        font-size: 16px;
        color: #FFFFFF;
        margin-left: 20px;
        cursor: pointer;
        text-decoration: none; }
  #home_box .aseanHome {
    width: 420px;
    height: 420px;
    position: absolute;
    left: 70px;
    top: 50%;
    z-index: 99;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
    #home_box .aseanHome .aseanHome1 {
      position: absolute;
      left: 0;
      top: 0;
      width: 420px;
      height: 420px;
      -webkit-animation: round_animate1 8s linear infinite;
      animation: round_animate1 8s linear infinite; }
    #home_box .aseanHome .aseanHome2 {
      position: absolute;
      left: 0;
      top: 0;
      width: 420px;
      height: 420px;
      -webkit-animation: round_animate2 8s linear infinite;
      animation: round_animate2 8s linear infinite; }
    #home_box .aseanHome .aseanHome3 {
      position: absolute;
      left: 0;
      top: 0;
      width: 420px;
      height: 420px;
      -webkit-animation: round_animate3 8s linear infinite;
      animation: round_animate3 8s linear infinite; }
    #home_box .aseanHome .aseanHome4 {
      position: absolute;
      left: 0;
      top: 0;
      width: 420px;
      height: 420px;
      -webkit-animation: round_animate4 8s linear infinite;
      animation: round_animate4 8s linear infinite; }
    #home_box .aseanHome .aseanHome5 {
      position: absolute;
      left: 0;
      top: 0;
      width: 420px;
      height: 420px; }

@-webkit-keyframes round_animate1 {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg); } }

@keyframes round_animate1 {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg); } }

@-webkit-keyframes round_animate2 {
  to {
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); } }

@keyframes round_animate2 {
  to {
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg); } }

@-webkit-keyframes round_animate3 {
  to {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg); } }

@keyframes round_animate3 {
  to {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg); } }

@-webkit-keyframes round_animate4 {
  to {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); } }

@keyframes round_animate4 {
  to {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); } }
    #home_box .aseanHome img {
      width: 100%;
      height: 100%; }
    #home_box .aseanHome .txt-box {
      position: relative;
      width: 206px;
      height: 206px;
      text-align: center;
      word-break: break-word;
      left: 50%;
      top: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0);
      z-index: 100; }
      #home_box .aseanHome .txt-box .aseanHome-txt {
        position: absolute;
        left: 50%;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        display: inline-block;
        width: 92px;
        text-align: center;
        word-break: break-word;
        font-size: 40px;
        font-weight: 500;
        color: transparent;
        cursor: pointer;
        z-index: 1001; }
        #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-en, #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-fil, #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-id, #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-ms, #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-vi {
          width: 188px;
          font-size: 38px;
          font-weight: 500; }
        #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-lo {
          width: 188px;
          font-size: 38px;
          font-weight: 600; }
        #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-my {
          width: 188px;
          font-size: 30px;
          font-weight: 600; }
        #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-th {
          width: 188px;
          font-size: 40px;
          font-weight: 600; }
        #home_box .aseanHome .txt-box .aseanHome-txt.aseanHome-txt-km {
          width: 188px;
          font-size: 45px;
          font-weight: 600; }
  #home_box .nav_list {
    position: relative;
    z-index: 1;
    float: right;
    top: 40px;
    right: 80px;
    bottom: 20px; }
    #home_box .nav_list #nav_ul_list li {
      list-style: none;
      width: 590px;
      min-height: 73px;
      margin-bottom: 20px;
      transition: height 1s;
      -webkit-transition: height 1s; }
      #home_box .nav_list #nav_ul_list li.hasChild:hover {
        min-height: 143px; }
        #home_box .nav_list #nav_ul_list li.hasChild:hover .small_title_box {
          display: block; }
      #home_box .nav_list #nav_ul_list li .big_title_box {
        background-image: url(../images/f98b8c17.title-nav.png);
        background-size: cover;
        display: block;
        width: 590px;
        height: 73px;
        position: relative;
        cursor: pointer;
        overflow: hidden; }
        #home_box .nav_list #nav_ul_list li .big_title_box.big_title_fil a, #home_box .nav_list #nav_ul_list li .big_title_box.big_title_id a, #home_box .nav_list #nav_ul_list li .big_title_box.big_title_en a {
          font-size: 24px; }
        #home_box .nav_list #nav_ul_list li .big_title_box.big_title_lo a {
          font-size: 22px; }
        #home_box .nav_list #nav_ul_list li .big_title_box.big_title_vi a {
          font-size: 20px; }
        #home_box .nav_list #nav_ul_list li .big_title_box img {
          position: absolute;
          right: 15px;
          top: 30.5px;
          transform: scale(0.5);
          -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
          -o-transform: scale(0.5);
          -moz-transform: scale(0.5); }
        #home_box .nav_list #nav_ul_list li .big_title_box a {
          font-size: 26px;
          color: #00B8FF;
          line-height: 73px;
          text-shadow: 0 5px 5px rgba(0, 20, 37, 0.5);
          font-weight: 700;
          padding-left: 25px;
          max-width: 500px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          display: inline-block; }
      #home_box .nav_list #nav_ul_list li .small_title_box {
        width: 532px;
        border: 1px solid #0078FF;
        display: none;
        text-align: left;
        line-height: 30px;
        padding: 15px 28px;
        cursor: pointer; }
        #home_box .nav_list #nav_ul_list li .small_title_box a {
          display: inline-block;
          font-weight: normal;
          margin-right: 40px;
          font-size: 16px;
          color: #FFFFFF; }
          #home_box .nav_list #nav_ul_list li .small_title_box a:hover {
            color: #00B8FF; }
          #home_box .nav_list #nav_ul_list li .small_title_box a:last-child {
            margin-right: 0; }
    #home_box .nav_list .platformVedio {
      background-image: url(../images/6d62ece0.vedioBorder.png);
      width: 590px;
      height: 379px;
      background-size: cover;
      position: relative;
      margin-top: 10px; }
      #home_box .nav_list .platformVedio .platform-txt {
        position: absolute;
        left: 178px;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        font-weight: 700;
        width: 236px;
        height: 30px;
        display: inline-block;
        line-height: 30px; }
        #home_box .nav_list .platformVedio .platform-txt.platform-txt-fil {
          width: 246px;
          font-size: 13px; }
      #home_box .nav_list .platformVedio #video_platform {
        width: 94%;
        margin: 40px 3% 20px; }
      #home_box .nav_list .platformVedio img {
        vertical-align: middle;
        width: 94%;
        margin: 40px 3% 20px; }
      #home_box .nav_list .platformVedio .specialAction {
        cursor: pointer; }
  #home_box .door-footer {
    padding: 20px 0;
    background-color: #333333;
    line-height: 30px;
    font-size: 13px; }
    #home_box .door-footer .copyRight {
      letter-spacing: 0;
      font-weight: 400;
      text-align: center;
      z-index: 99;
      width: 100%;
      color: #fff; }
      #home_box .door-footer .copyRight .footer-text .footer-text-span {
        cursor: pointer; }
        #home_box .door-footer .copyRight .footer-text .footer-text-span .footer-text-span-image {
          margin: 0px 4px;
          verticalAlign: text-top; }
        #home_box .door-footer .copyRight .footer-text .footer-text-span .footer-text-span-a {
          text-decoration: none;
          color: #FFFFFF !important; }

@media only screen and (min-width: 960px) and (max-width: 1680px) {
  #home_box .aseanHome {
    width: 312px;
    height: 312px;
    left: 40px; }
    #home_box .aseanHome .aseanHome1 {
      position: absolute;
      left: 0;
      top: 0;
      width: 312px;
      height: 312px;
      -webkit-animation: round_animate1 8s linear infinite;
      animation: round_animate1 8s linear infinite; }
    #home_box .aseanHome .aseanHome2 {
      position: absolute;
      left: 0;
      top: 0;
      width: 312px;
      height: 312px;
      -webkit-animation: round_animate2 8s linear infinite;
      animation: round_animate2 8s linear infinite; }
    #home_box .aseanHome .aseanHome3 {
      position: absolute;
      left: 0;
      top: 0;
      width: 312px;
      height: 312px;
      -webkit-animation: round_animate3 8s linear infinite;
      animation: round_animate3 8s linear infinite; }
    #home_box .aseanHome .aseanHome4 {
      position: absolute;
      left: 0;
      top: 0;
      width: 312px;
      height: 312px;
      -webkit-animation: round_animate4 8s linear infinite;
      animation: round_animate4 8s linear infinite; }
    #home_box .aseanHome .aseanHome5 {
      position: absolute;
      left: 0;
      top: 0;
      width: 312px;
      height: 312px; }
    #home_box .aseanHome .txt-box {
      width: 178px;
      height: 178px; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-id, #home_box .aseanHome .aseanHome-txt.aseanHome-txt-en {
      font-size: 24px; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-ms {
      font-size: 28px;
      font-weight: 600; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-km {
      font-size: 34px;
      font-weight: 600; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-lo {
      font-size: 26px;
      font-weight: 600;
      width: 160px; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-my {
      font-size: 24px;
      font-weight: 600;
      width: 160px; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-vi {
      font-size: 32px;
      font-weight: 600; }
    #home_box .aseanHome .aseanHome-txt.aseanHome-txt-fil, #home_box .aseanHome .aseanHome-txt.aseanHome-txt-th {
      font-size: 28px; }
  #home_box .nav_list {
    right: 40px; }
    #home_box .nav_list #nav_ul_list .nav-li {
      width: 500px; }
      #home_box .nav_list #nav_ul_list .nav-li .big_title_box {
        width: 500px;
        height: 62px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box a {
          line-height: 62px;
          max-width: 410px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_vi a {
          font-size: 17px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_my a {
          font-size: 24px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_id a {
          font-size: 20px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_en a, #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_fil a {
          font-size: 19px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_ms a {
          font-size: 22px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_th a {
          font-size: 21px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box.big_title_lo a {
          font-size: 18px; }
        #home_box .nav_list #nav_ul_list .nav-li .big_title_box img {
          right: 10px;
          top: 27px; }
      #home_box .nav_list #nav_ul_list .nav-li .small_title_box {
        width: 454px;
        padding: 15px 22px; }
        #home_box .nav_list #nav_ul_list .nav-li .small_title_box a {
          margin-right: 30px; }
    #home_box .nav_list .platformVedio {
      width: 500px;
      height: 322px; }
      #home_box .nav_list .platformVedio .platform-txt {
        left: 152px;
        font-size: 16px;
        font-weight: 500;
        width: 200px;
        height: 25px;
        line-height: 25px; }
        #home_box .nav_list .platformVedio .platform-txt.platform-txt-fil {
          width: 200px;
          font-size: 12px; }
      #home_box .nav_list .platformVedio img {
        margin: 35px 3% 20px; }
  #home_box .foot-line p {
    margin: 0 auto; } }

@media only screen and (min-width: 960px) and (max-width: 1440px) {
  .copyRight {
    width: 50%; } }
.sidebarFixed_wrap {
  height: 400px;
  width: 80px;
  top: 35%;
  right: 0;
  position: fixed;
  z-index: 99;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#f2fafc), to(#f2fafc));
  background-image: linear-gradient(#fff, #fff), linear-gradient(#f2fafc, #f2fafc);
  background-blend-mode: normal,normal;
  -webkit-box-shadow: 0 6px 9px 1px rgba(177, 177, 177, 0.39);
          box-shadow: 0 6px 9px 1px rgba(177, 177, 177, 0.39);
  border-radius: 5px;
  border: 0 solid #000; }
  .sidebarFixed_wrap * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .sidebarFixed_wrap .box .item {
    height: 80px;
    width: 80px;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #ededed;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .sidebarFixed_wrap .box .item .img {
    height: 36px;
    width: 100%;
    margin-top: 4px; }
  .sidebarFixed_wrap .box .item .img img {
    height: 36px;
    width: 36px;
    margin: 0 auto; }
  .sidebarFixed_wrap .box .item .img .showAndHide1 {
    display: block; }
  .sidebarFixed_wrap .box .item .img .showAndHide2 {
    display: none; }
  .sidebarFixed_wrap .box .item .title {
    font-family: MicrosoftYaHei;
    font-size: 10px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #333; }
  .sidebarFixed_wrap .box .item .content1 {
    position: absolute;
    top: 0;
    left: -210px;
    height: 80px;
    width: 210px;
    display: none;
    text-align: left; }
  .sidebarFixed_wrap .box .item .content1 .content_box {
    width: 200px;
    height: 80px;
    padding: 18px 20px;
    background-color: #f2fafc; }
  .sidebarFixed_wrap .box .item .content1 .title {
    font-size: 10px;
    color: #333;
    margin-bottom: 2px; }
  .sidebarFixed_wrap .box .item .content1 .text, .sidebarFixed_wrap .box .item .content1 .title {
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0; }
  .sidebarFixed_wrap .box .item .content1 .text {
    font-size: 20px;
    color: #2468f2; }
  .sidebarFixed_wrap .box .item .content2 {
    position: absolute;
    top: 0;
    left: -170px;
    height: 180px;
    width: 170px;
    display: none; }
  .sidebarFixed_wrap .box .item .content2 .content_box {
    width: 160px;
    height: 180px;
    background-color: #f2fafc;
    padding: 10px; }
  .sidebarFixed_wrap .box .item .content2 .content_box img {
    width: 140px;
    height: 140px; }
  .sidebarFixed_wrap .box .item .content2 .content_box .content_title {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #2468f2; }
  .sidebarFixed_wrap .box .item:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#4a81df), to(#0626a2)), -webkit-gradient(linear, left top, left bottom, from(#f2fafc), to(#f2fafc));
    background-image: linear-gradient(90deg, #4a81df, #0626a2), linear-gradient(#f2fafc, #f2fafc);
    background-blend-mode: normal,normal;
    height: 80px;
    width: 80px;
    padding: 10px 0;
    text-align: center; }
  .sidebarFixed_wrap .box .item:hover .img {
    height: 36px;
    width: 100%;
    margin-top: 4px; }
  .sidebarFixed_wrap .box .item:hover .img img {
    height: 36px;
    width: 36px;
    margin: 0 auto; }
  .sidebarFixed_wrap .box .item:hover .img .showAndHide1 {
    display: none; }
  .sidebarFixed_wrap .box .item:hover .img .showAndHide2 {
    display: block; }
  .sidebarFixed_wrap .box .item:hover .title {
    font-family: MicrosoftYaHei;
    font-size: 10px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #f2fafc; }
  .sidebarFixed_wrap .box .item:hover .content1 {
    position: absolute;
    top: 0;
    left: -210px;
    height: 80px;
    width: 210px;
    display: block;
    text-align: left; }
  .sidebarFixed_wrap .box .item:hover .content1 .content_box {
    width: 200px;
    height: 80px;
    padding: 18px 20px;
    background-color: #f2fafc; }
  .sidebarFixed_wrap .box .item:hover .content1 .title {
    font-size: 10px;
    color: #333;
    margin-bottom: 2px; }
  .sidebarFixed_wrap .box .item:hover .content1 .text, .sidebarFixed_wrap .box .item:hover .content1 .title {
    font-family: MicrosoftYaHei;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0; }
  .sidebarFixed_wrap .box .item:hover .content1 .text {
    font-size: 20px;
    color: #2468f2; }
  .sidebarFixed_wrap .box .item:hover .content2 {
    position: absolute;
    top: 0;
    left: -170px;
    height: 180px;
    width: 170px;
    display: block; }
  .sidebarFixed_wrap .box .item:hover .content2 .content_box {
    width: 160px;
    height: 180px;
    background-color: #f2fafc;
    padding: 10px; }
  .sidebarFixed_wrap .box .item:hover .content2 .content_box img {
    width: 140px;
    height: 140px; }
  .sidebarFixed_wrap .box .item:hover .content2 .content_box .content_title {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #2468f2; }
  .sidebarFixed_wrap .box .lastItem {
    height: 80px;
    width: 80px;
    padding: 20px; }
  .sidebarFixed_wrap .box .lastItem img {
    padding: 20%;
    height: 100%;
    width: 100%; }
  .sidebarFixed_wrap .box .lastItem:hover {
    height: 80px;
    width: 80px;
    padding: 20px;
    cursor: pointer; }
  .sidebarFixed_wrap .box .lastItem:hover img {
    height: 100%;
    width: 100%;
    vertical-align: middle; }
  .sidebarFixed_wrap .otherLangBox .item .img {
    width: 100%;
    height: 100%;
    padding: 20%;
    margin-top: 0; }
  .sidebarFixed_wrap .otherLangBox .item:hover .img {
    margin-top: 0;
    height: 100%; }
  .sidebarFixed_wrap .otherLangBox .item:hover .content1 .text {
    line-height: 44px; }
  .sidebarFixed_wrap .otherLangBox .item:hover .content2 .content_box {
    height: 160px; }