/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1.data_desc 
* Browsers: last 4 version
*/

@charset "utf-8";
/*@font-face {*/
/*  font-family: 'sourcel';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url('../font/18270f1fa427e33c08033a1ad4c76f3e.otf') format('truetype');*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "sourceh";*/
/*  src: url('../font/SC-Heavy.otf') format('truetype');*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'sourceb';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url('../font/SC-Bold.otf') format('truetype');*/
/*  font-display: swap;*/
/*}*/
.message-tit {font-size:20px;font-weight:600}
.message-desc {font-size:18px;line-height:1.8em;margin-top:15px;}
.banner-word {position:absolute;top:50%;transform:translate(0,-50%);width:100%;}
.banner-word-en {font-size:48px}
.banner-word-tit {font-size:72px;}
.banner-word-item {font-style:italic;color:#04127c;font-weight:600;margin-right:2.60vw}
.banner-word-bott {font-size:30px;line-height:2em;margin-top:50px;color:#333}
/* usually */
html{ color: #000;font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;-webkit-text-size-adjust: 100%;line-height: 1.625;}
body {font-size: 14px;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{margin:0;padding:0;box-sizing: border-box;}
.hide-pc {display: none;}
ul,ol,li{list-style:none;}

a{text-decoration: none;color: #000;}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.rel{position:relative;}.abs{position:absolute;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: inline-block;height: auto;max-width: 100%;}
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mr25 {margin-right: 25px;} .pb40 {padding-bottom: 40px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb40 {margin-bottom: 40px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}
.block {display: block;width: 100%;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {pointer-events: all;}
.pages {
  /* text-align: center; */
  padding: 108px 0;
}
.page2 {
  /* text-align: center; */
  padding: 30px 0;
}
.pages-ul {display: inline;}
.pages li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5%;
  color: #333;
  font-size: 22px;
  background-color: #fff;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}


.pages li .iconfont {font-size: 20px;}



.pages li a {
  
  display: inline-block;
  color: #333;
}

.pages li span {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-block;
  color: #333;
}

.pages li.thisclass {
  background:#04127c;
  color: #fff;
}
.pages li.thisclass a {
  color: #fff;
}
.pages li.noborder {border: none;background-color: transparent;padding: 0;}
.pages li .turn-input {color: #666666;padding: 8px 12px 7px;background-color: #fff;width: 48px;}

input[type="date"].full:before {
  color: #666;
  content: ""!important;
}

input[type="date"] {
  direction: ltr;
}

input[type="date"]:before {
  color: #999;
  content: attr(placeholder);
}

input[type="text"],textarea,button,input[type="password"],input[type="date"],input[type="number"],input[type="email"] {
  border: none;
  outline: none;
  background-color: transparent;
}
input[type="text"],input[type="password"],input[type="date"] {
  -webkit-appearance: none;
}
/* ::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}  */

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-stretch {
  align-items: stretch;
}
.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inline-flex {
  display: inline-flex;
}
.no {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
          z-index: 9;
}

.menu {
  cursor: pointer;
  position: relative;
  z-index: 9999;
  /* display: none; */
}

.menu i {
  display: block;
  width: 46px;
  height: 3px;
  background-color: #04127c;
  border-radius: 2px;
  margin-top:9px;
  -webkit-transform-origin: 8% center;
      -ms-transform-origin: 8% center;
          transform-origin: 8% center;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  -o-transition:transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s;
}
.menu i:first-child {
  margin-top: 0;
}
.menu.rotate i {
  background-color: #fff;
}
.menu.rotate i:nth-of-type(1) {
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}

.menu.rotate i:nth-of-type(2){
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.white-img {display: none;}

.head.change-bj {background-color: #626262;}
.head.change-bj .white-img {display: block;}
.head.change-bj .black-img {display: none;}
.head.change-bj::before {content: "";display: block;width: 100%;height: 100%;background-color: #04127c;top: 0;left: 0;z-index: 98;position: absolute;}
.head-drop {position: absolute;bottom: 1px;transform: translate(0,100%);left: 0;width: 100%;background-color: #04127c;z-index: 99;color: #fff;display: none;}
.head-drop a {color: #fff;}
.head-drop-mid-link {line-height: 2.14em;}
.banner {position: relative;}
.banner-i {
  width: 100%;
  display: block;
}
label.error {font-size:12px;color:#f00}
.ques-input-box .ques-val.error {border:1px solid #f00}
[class*=btn] {cursor: pointer;}
.head-drop-top {padding: 60px 0 108px;}
.gx {
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
  background: transparent;
  border: none;
  outline: none;
  margin-right: 5px;
}

.gx:checked::after {
  background: #0582e6 url(../img/gx.png) no-repeat 0px 0px;
  background-size: 100%;
  border: 1px solid #0582e6;
}

.gx:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
}

.normal-select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  width: 100%;
}

.normal-place ::-webkit-input-placeholder{
  font-size: 14px;
  color: #757575;
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
}
.normal-place ::-moz-placeholder{
  font-size: 14px;
  color: #757575;
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
}
.normal-place :-ms-input-placeholder{
  font-size: 14px;
  color: #757575;
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,Verdana,Arial,Helvetica,sans-serif;
}


.icon_plus {display: inline-block;width: 18px;height: 18px;position: relative;display: none;}
.icon_plus::before,.icon_plus:after {content: "";display: block;width: 100%;height: 2px;background-color: #04127c;border-radius: 4px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;transition: transform .3s ease-in;}
.icon_plus:after {transform: translate(-50%,-50%) rotate(90deg);}
.icon_plus.rotate:after {transform: translate(-50%,-50%) rotate(0);}

.head .icon_plus::before,.head .icon_plus:after {background-color:#fff}

@keyframes hideIndex{
  0%{ opacity: 0; padding-top: 18px;}
  100%{opacity: 1; padding-top: 10px; }
}

@keyframes hideIndex1{
  0%{ opacity: 0;padding-top: 18px;}
  100%{opacity: 1; padding-top: 0;}
}

@-webkit-keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

.lg_sfdh {
  animation: play_btn 0.5s infinite alternate;
}

@keyframes play_btn{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}


@keyframes btn01_border_02 {
  from {
    height: 0;
    top:  0;
  }
  100% {
    height: 100%;
    top:  0;
  }
}
.responsive {overflow-y: auto;}
.responsive::-webkit-scrollbar {
  width: 2px;
  background-color: #e2e2e2;
}
.responsive::-webkit-scrollbar-thumb {
  background-color: #2a65bd;
}
/*#04127c*/
@media (min-width:992px) {
  
}
.full-screen {height: 100%;display: flex;flex-direction: column;}
.full-screen .full-media {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.head-left {width: 415px;position: relative;z-index: 9999;}
.head {background-color: #ffffff;padding: 26px 0 20px;position: relative;}
.head:after {
    content:"";
    display: block;
    width:100%;
    height: 6px;
    position: absolute;
    top:0;
    left: 0;
    background-image: radial-gradient(circle at 100% 100%,#a0d8ad 0,#65b3a4 10%,#50919b 20%,#2f5b8e 35%,#183384 45%,#091a7e 60%,#04127c 65%);
}
.head {
    /*border-top:5px solid #04127c;*/
    position: sticky;position: -webkit-sticky;background-color: #fff;top: 0;z-index: 999;}
/*.center-box {padding-left: 3.125vw;padding-right: 3.125vw;}*/
.center-box {
    /*max-width: 1590px;*/
    max-width: 1300px;
    margin-left: auto;margin-right: auto;}
.center-box3 {max-width: 1300px;margin-left: auto;margin-right: auto;}
.intel-box {padding-left: calc(calc(100vw - 1300px) / 2);}
.head-fixed {position: sticky;position: -webkit-sticky;background-color: #fff;top: 0;z-index: 99;}
.head-nav-ul>li {font-size: 15px;margin-right: 25px;position: relative;font-weight:600}
.head-nav-ul>li.on {color: #04127c;}
.head-nav-ul>li.on a,.head-nav-ul>li:hover a {color: #04127c;}
.head-nav-ul>li::after {content: "";display: block;width: 100%;height: 3px;background-color: #04127c;bottom: -12px;left: 50%;transition: width .3s ease;width: 0;transform: translate(-50%,0);position: absolute;}
.head-nav-ul>li.on::after,.head-nav-ul>li:hover::after {width: 100%;}
.banner .video-js {width: 100%;height: 100%;object-fit: cover;}

.turn-box {position: absolute;bottom: 2.60vw;width: 100%;}
.trun-text {font-size: 18px;text-transform: uppercase;font-weight: 600;font-family: sans-serif;color: #666;margin-top: 2.08vw;}
.turn-box .iconfont {font-size: 24px;color:#04127c}
.normal-bj {background-repeat: no-repeat;background-position: center;background-size: cover;}

.about-us {padding: 72px 0;}
.normal-tit-en {font-size: 36px;color: #04127c;font-weight: 600;text-transform: uppercase;}
.normal-tit {font-size: 18px;font-weight: 600;}
/*.intel-pd {padding-left: 6.51vw;}*/
.intel-pd {padding-left: 80px;}
.intel-prd {padding-right: 80px;}
.center-box2 {max-width: 1300px;margin-left: auto;margin-right: auto;}
.banner-list-word {position: absolute;top: 50%;transform: translate(0,-50%);width: 100%;}
.banner-list-tit {font-size: 36px;font-weight:600;}
.question-box {padding: 50px 0 50px;}
.ques-dl {font-size: 17px;}
.ques-dl + .ques-dl {margin-top: 20px;}
.ques-dl + .ques-dl2 {margin-top: 30px;}
.ques-dl>dt {width: 240px;line-height: 2.5em;}
.ques-tit {font-weight:600;font-size: 28px;padding-bottom: 20px;margin-bottom: 40px;}
.ques-tit::after {content: "";display: block;width: 78px;height: 3px;background-color: #04127c;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.ques-desc {font-size: 17px;}
.ques-form {margin-top: 60px;}
.ques-input-box .ques-val {font-size: 16px;color: #2b2b2b;width: 100%;padding: 0 25px;background-color: #ffffff;height: 55px;border: 1px solid #dddddd;}
.ques-input-box {position: relative;}
.ques-input-width {width: 468px;max-width: 100%;}
.ques-select-box {height: 55px;line-height: 55px;border: 1px solid #dddddd;background:#fff url(../img/arrow-down.png) no-repeat 94% center;padding:0 25px;font-size:16px;}
.zip{position: absolute;right: 25px;top: 50%;transform: translate(0,-50%);pointer-events: none;}
.load-file {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;}
.load-file-btn {display: inline-flex;align-items: center;justify-content: center;text-align: center;justify-content: center;color: #fff;background-color: #04127c;height: 50px;border-radius: 999px;font-size: 16px;width: 240px;font-weight:600;}
.load-file-btn2 {height: 50px;width: 240px;}
.fontb {font-weight:600;}
.ques-text-box {}
.ques-input-box .ques-text-val {width: 100%;height: 235px;resize: none;padding: 25px;}
.ques-check{width: 20px;height: 20px;vertical-align: middle;}
.underline {text-decoration: underline;}
.ques-info {padding: 40px;background-color: #fff;line-height: 2.27em;font-size: 18px;color: #2b2b2b;margin: 50px 0 0;}
.footer {background-color: #fff;}
.footer-top {padding: 50px 0 35px;}
.footer-add {line-height: 1.78em;margin-top: 26px;font-size:15px;font-weight:600}
.footer-mid-top {font-size: 16px;color:#000000;font-weight:600}
.footer-mid-link {line-height: 2.14em;}
.footer-logo {width: 415px;}
.footer-mid-ul>li {font-size:13px;font-weight:600}
/*.step {width:80px;}*/
/* .footer-mid-ul>li {flex: 1;} */
.footer-mid-links {margin-top: 28px;}
.footer-mid-ul>li .icon-arrowright {font-size: 14px;color: #04127c;}
/*.footer-mid-link {color: #666666;}*/
.footer-mid {padding-bottom: 35px;}
.line-span{position: relative;display: inline-block;padding: 2px 0 2px;}
.line-span::after {content: "";display: block;width: 100%;height: 1px;position: absolute;background-color: #bcbcbc;bottom: 0;left: 0;}
/*.fb-right-links {color: rgba(0,0,0,0.3);}*/
.fb-right-links:hover {color: #04127c;}
.fb-right-links + .fb-right-links {margin-left: 3.64vw;}
.footer-bottom,.head-drop-bott {padding: 35px 0;font-size: 12px;}
.footer-bottom .fb-left,.footer-bottom .fb-left a {color: #000;}
.marks {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.7);z-index: 999;display: none;}
.alert-info-box {width: 1550px;max-width: 96%;border-radius: 10px;}
.marks .icon-close {position: absolute;right: 35px;top: 35px;font-size: 40px;color: #c6c6c6;cursor: pointer;transition: color .3s ease;}
.marks .icon-close:hover {color: #04127c;}
.alert-tit {font-size: 48px;text-align: center;margin-bottom: 60px;}
.alert-box {padding: 66px 40px 90px;max-height: 90vh;}
.alert-desc {font-size: 16px;line-height: 1.875em;color: #000;}
.responsive-y {overflow-y: auto;}
.secret-ul>li {font-size: 18px;font-weight:600;}

.secret-ul>li + li {margin-top: 30px;}
.secret-ul>li .iconfont{color: #7d7d7d;font-size: 28px;}
.secret-ul>li a {color: #2a2a2a;}
/* .alert-desc p {margin: 30px 0;} */
.sec-line {padding: 6px 0;position: relative;display: inline-block;}
.sec-line::after {content: "";display: block;width: 100%;height: 1px;background-color: #2a2a2a;bottom: 0;position: absolute;left: 0;transition: width .3s ease;}
.secret-left {width: 400px;padding-right: 3.64vw;}
.secret-right {width: calc(100% - 400px);}
.secret-ul>li.on a,.secret-ul>li:hover a{color: #04127c;}
.secret-ul>li.on .iconfont,.secret-ul>li:hover .iconfont{color: #04127c;}
.secret-ul>li.on .sec-line::after, .secret-ul>li:hover .sec-line::after{background-color: #04127c;}
.secret-box {padding: 35px 0 60px;}
.secret-desc {font-size: 17px;color: #666;}
.secret-desc strong {color: #000000;}
.secret-tit {font-size: 30px;padding-bottom: 25px;margin-bottom: 50px;font-weight:600;}
.secret-rinner {padding: 60px 35px 120px;}
.secret-underline {position: relative;}
.secret-underline::after {content: "";display: block;width: 78px;height: 3px;background-color: #04127c;left: 50%;transform: translate(-50%,0);bottom: 0;position: absolute;max-width:100%}
.partner-box {padding: 50px 0 50px;}
.partner-box1 {padding: 50px 0 50px;}
.partner-box2 {padding: 50px 0 30px;}
.partner-tit {font-size: 28px;padding-bottom: 20px;margin-bottom:40px;}
.partner-link-btn {display: inline-flex;align-items: center;justify-content: center;height: 40px;width: 220px;border-radius: 38.5px;text-align: center;color: #fff;font-size: 12px;background-color: #04127c;}
.partner-link-btn .iconfont {font-size: 20px;margin-left: 25px;}
.part-vice-tit {font-size: 18px;}
.square-icon {display: inline-block;width: 20px;height: 20px;background:linear-gradient(to bottom,#04127c,#0526a1);border-radius: 3px;margin-right: 15px;vertical-align: middle;}
.square-icon2 {width: 20px;height: 20px;margin-right: 5px;}
.partner-item {padding: 30px 0;}
.partner-item:last-child {padding-bottom:0}
.partner-item + .partner-item {border-top: 1px solid #1b1b1b;}
.part-vice-desc {font-size: 17px;}
.partner-iul>li {width: 31.35%;margin-left: 2.96%;margin-top: 42px;color: #000;}
.partner-iul>li a {color: #000;}
.partner-iul>li:nth-of-type(3n+1){margin-left: 0;}
.part-ib-tit {font-size: 18px;padding-bottom: 15px;margin: 15px 0 20px;}
.part-ib-tit.secret-underline::after {left: 0;height: 3px;width: 71px;transform: none;}
.part-ib-desc {font-size: 16px;}
.noraml-table {width: 100%;border-collapse: collapse;}
.part-table {font-size:16px;}
.part-table th,.part-table td{border:1px solid #dedede;padding: 20px;}
/*.part-table td {font-size: 16px;}*/
.ex-desc {font-size:16px;line-height:1.8em}
.part-table th {background-color: #d2d2d2;font-size: 17px;font-weight:600;}
.step-ul>li {width: 12.12%;margin-left: 17.17%;margin-top: 46px;position: relative;}
.step-ul>li:last-child .step-img {display: none;}
.step-ul>li:nth-of-type(4n+1) {margin-left: 0;}
.rl-mode {writing-mode: vertical-rl;}
.lr-mode {writing-mode: vertical-lr;}
.step-ubott {width: 100%;font-size: 21px;height: 600px;border: 1px solid #000000;border-radius: 45px;background-color: #e5e5e5;display: flex;align-items: center;padding: 60px 0;position: relative;}
.step-utop {font-size: 35px;text-align: center;background: linear-gradient(to bottom, #04127c, #0526a1);
  background-clip: text;
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent;margin-bottom: 25px;}
.step-img {position: absolute;right: 0;top: 48%;width: 140.8%;transform: translate(100%,0);display: flex;align-items: center;justify-content: center;}
.infomation-box {padding: 60px 50px;}
.info-table {font-size: 16px;color: #000;margin-top: 46px;font-weight: 500;}
.info-table th {background-color: #eeeeee;font-weight:600;}
.info-table td {background-color: #fff;}
.info-table th,.info-table td {border: 1px solid #dedede;padding: 20px;}
.info-inner {padding: 75px 65px;}
.sys-tab-ul>li {display: inline-block;padding: 0 2.18vw;position: relative;font-weight:600;font-size: 16px;margin-bottom: 5px;}
.sys-tab-ul>li:first-child {padding-left: 0;}
.sys-tab-ul>li:last-child {padding-right: 0;}
.sys-tab-ul>li::before {content: "";display: block;width: 1px;height: 100%;background-color: #999999;position: absolute;top: 50%;transform: translate(0,-50%);left: 0;}
.sys-tab-ul>li>a {position: relative;}
.sys-tab-ul>li>a::after {content: "";display: block;width: 100%;height: 3px;background-color: #04127c;left: 50%;transform: translate(-50%,0);bottom: -15px;position: absolute;width: 0;transition: width .3s ease;}
.sys-tab-ul>li.on>a::after,.sys-tab-ul>li:hover>a::after {width: 100%;}

.sys-tab-ul>li.on,.sys-tab-ul>li.on>a,.sys-tab-ul>li:hover>a {color: #04127c;}
.sys-tab-ul>li:first-child::before{display: none;}
.sys-tab {padding: 32px 0;}
.sys-cont-ul {margin-top: -46px;}
.sys-cont-ul>li {width: 23.87%;margin-left: 1.50%;border: 1px solid #000000;border-radius: 25px;margin-top: 46px;overflow: hidden;}
.sys-cont-ul>li:nth-of-type(4n+1){margin-left: 0;}
.sys-cont-tit {font-size: 18px;position: relative;font-weight:600;text-align: center;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.summary-tit {font-size: 17px;position: relative;font-weight:600;line-height: 1.66em;}
.sy-cont-btop {height: 90px;display: flex;justify-content: center;align-items: center;}
.sys-cont-desc {font-size: 15px;margin-top: 25px;}
.summary-desc{font-size: 15px;line-height: 1.80em;margin-top: 15px;display: -webkit-box;-webkit-line-clamp: 6;overflow: hidden;-webkit-box-orient: vertical;font-weight: 500;}
.sys-cont-bott {padding: 0 20px 30px;}
.people-box{padding: 50px 050px;}
.people-inner {padding: 46px 56px 225px;}
.people-tit {font-size: 30px;padding-bottom: 20px;margin: 70px 0 25px;font-weight:600;}
.people-tit-underline {position: relative;}
.people-tit-underline::after {content: "";display: block;width: 50px;height: 4px;background-color: #04127c;position: absolute;left: 50%;transform: translate(-50%,0);bottom: 0;}
.people-desc {max-width: 1035px;margin-left: auto;margin-right: auto;line-height: 2.14em;color: #000;}
.people-img {width: 371px;}
.people-img-box {margin-top: 60px;}
.people-return {font-size: 16px;color: #999;}
.people-return-mb {margin-bottom:40px;}
.people-return .iconfont {font-size: 24px;}
.pavatar-ul>li {width: 31.61%;margin-left: 2.57%;margin-top: 46px;background-color: #fbe8e6;border-radius: 10px;overflow: hidden;}
.pavatar-ul>li>a {padding-top: 100px;display: flex;flex-direction:column;height:100%}
.pavatar-ul>li:nth-of-type(3n+1) {margin-left: 0;}
.pavatar-ul{margin-top: -46px;}
.pe-bott {padding: 70px 25px 30px;flex:1}
.pe-img {width: 108px;height: 108px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 0;border-radius:50%}
.pe-tit {text-align: center;font-size: 18px;padding-bottom: 15px;}
.pe-desc {font-size: 15px;line-height: 1.8em;margin-top: 20px;text-indent: 1em;display: -webkit-box;-webkit-line-clamp: 9;overflow: hidden;-webkit-box-orient: vertical;}
.talent-desc {font-size: 16px;line-height: 2em;}
/* .talent-desc p {margin: 40px 0;} */
.talent-word {position: absolute;right: 0;top: 50%;transform: translate(0,-50%);font-size: 20px;font-weight:600;width: 100%;line-height:2em}
.required-ul>li {width: 48.06%;font-size: 17px;border-radius: 10px;background-color: #fff;border: 1px solid #000;margin-top: 35px;
  /* transition: background-color .3s ease,color .3s ease; */
  font-weight:600;}
.required-ul>li>a {padding:15px 20px;}
.required-ul {margin-top: -35px;}
.required-left{display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;}
.required-ul>li .iconfont {font-size: 26px;color:#04127c}
.required-ul>li:hover {background-color: #04127c;color: #fff;border-color: #04127c;}
.required-ul>li:hover a {color: #fff;}
.required-ul>li:hover .iconfont {color: #fff;}
.welfare-ul {margin-top: -46px;}
.welfare-ul>li {text-align: center;width: 31.48%;margin-left: 2.769%;border: 1px solid #000;border-radius: 25px;background-color: #fff;padding: 35px 25px 40px;margin-top: 46px;}
.welfare-ul>li:nth-of-type(3n+1){margin-left: 0;}
.wel-desc {font-size: 15px;margin-top: 20px;}
.wel-btop {padding: 30px 0 20px;}
.welfare-img {height: 88px;width: auto;}
.example-box {padding-top: 50px;}
.example-flag {min-width: 87px;height: 31px;display: inline-flex;align-items: center;text-align: center;justify-content: center;font-size: 16px;color: #fff;border-radius: 5px;background-color: #04127c;margin: 15px 0;padding: 0 20px;}
.example-right {padding-left: 35px;}
/* .example-ul>li .ex-table .ex-table-desc{line-height: 1.7em;} */
.ex-table {font-size: 16px;color: #040404;}
.ex-table th{background-color: #e4e4e4;font-weight:600;}
.ex-table th,.ex-table td {padding: 15px;border: 1px solid #dedede;}
.ex-table th:first-child,.ex-table td:first-child {width:120px;text-align:center}
.e-img {border: 1px solid #000;display: block;width: 100%;}
.ex-table ul,.ex-table ul li {list-style: disc;}
.ex-table ul::marker,.ex-table ul li::marker {color: #04127c;}
.ex-table ul {padding-left: 1em;}
.example-left {width: 34%;}
.example-right {width: 66%;}
.example-ul>li {padding: 60px 0;}
.example-ul>li +li {border-top: 1px solid #000;}
.example-ul>li:first-child {padding-top: 30px;}
.example-ul>li:last-child {padding-bottom: 0;}
.import-right {padding-left: 30px;}
.import-left {width: 29.8%;}
.import-right {width: 70.2%;}
.import-step-ul>li {margin-left: 6.97%;display: flex;flex-direction: column;}
.import-step-ul>li:nth-of-type(3n+1) {width: 26.45%;margin-left: 0;}
/* .import-step-ul>li:nth-of-type(3n+2) {width: 66.58%;} */
.import-step-ul>li:nth-of-type(3n+2) {width: 45.35%;}
.import-step-ul>li:nth-of-type(3n+3) {width: 21.48%;}
.import-step-table {color: #000000;font-size: 17px;}
.import-step-table th,.import-step-table td{border: 1px solid #dedede;padding: 16px;}
.import-step-table th {background-color: #e4e4e4;font-weight:600;}
.import-step-bott {margin-top: 50px;display: flex;flex: 1;}
.import-step-result {background-color: #e4e4e4;font-weight:600;font-size: 28px;display: flex;justify-content: center;align-items: center;padding: 83px 32px;width: 100%;}
.import-step-box {position: absolute;right: 0;top: 50%;transform: translate(100%,-50%);width: 4.7vw;display: flex;align-items: center;justify-content: center;}
.business-icon {width:36px;vertical-align:middle}
.import-step-left {width: 52.81%;}
.import-step-right {width: 32.26%;}
.business-desc {font-size: 17px;color: #666;}
.business-desc strong {color: #333;}
.business-vice-desc {font-size: 16px;color: #666666;text-indent:2em}
.business-vice-ul>li {width: 46.83%;border: 1px solid #000;margin-top: 35px;font-size: 18px;font-weight:600;background-color: #fff;}
.business-vice-ul>li a {padding: 25px 0 25px 4vw;}
.business-vice-ul {margin-top: 15px;}
.business-icon-box {width: 60px;}
.summary-ul {margin-top: -50px;}
.summary-ul>li {width: 23.61%;margin-left: 1.84%;border-radius: 15px;overflow: hidden;background-color: #fff;margin-top: 50px;border: 1px solid #000;transition: transform .3s ease;}
.summary-ul>li a {display:flex;height:100%;flex-direction:column;}
.summary-bott {flex:1}
.summary-ul>li:nth-of-type(4n+1) {margin-left: 0;}
.summary-ul>li .sys-cont-desc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.tr {text-align: right;}
.summary-top {border-bottom: 1px solid #d3d3d4;}
.summary-ul>li:hover {box-shadow: 0 0 10px rgba(4, 18, 124, .7);border-color: #04127c;transform: scale(1.03);}
.summary-bott {padding: 20px 20px 40px;font-size: 15px;position: relative;}
.summary-ul>li:hover>a {color: #04127c;}
.more-details {position: absolute;bottom: 15px;right: 16px;}
.more-details .iconfont {margin-left: 15px;}
.info-desc {font-size: 16px;color: #000;line-height: 1.5em;}
.info-left{width: 17.09%;display: flex;align-items: center;justify-content: center;}
.info-left a {display:flex;align-items:center;justify-content:center}
.info-left img {max-width: 71.8%;max-height: 81.66%;}
.info-ul>li {font-size: 16px;background-color: #fff;padding:30px 0;margin-top: 30px;}
.info-rdesc {}
.info-right {padding-right: 52px;padding-left: 30px;position: relative;}
.info-right::before {content: "";display: block;width: 9px;height: 9px;background-color: #04127c;left: 0;top: 0.625em;border-radius: 50%;position: absolute;}
.add-table {text-align: left;font-size: 17px;line-height: 1.6em;}
.add-table th {width: 18%;font-weight:600;vertical-align: top;}
.add-table th,.add-table td {padding: 47.5px 0;border-top: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;}
/* .add-table tr:first-child th,.add-table tr:first-child td {border-top: none;} */
.add-left{width: 62.03%;}
.map-box {height: 500px;margin-top: 50px;}
.add-right {width: 37.97%;}
.map-iframe {width: 100%;height: 100%;}
.brand-tit {display: inline-block;color: #04127c;font-size: 20px;font-weight:600;padding-bottom: 15px;position: relative;}
.brand-tit::after {content: "";display: block;background-color: #04127c;height: 1px;width: 100%;bottom: 0;}
.connect-left {width: 27.22%;}
.brand-text {font-size: 18px;font-weight:600;}
.connect-right {padding-left: 40px;}
.brand-desc {font-size: 16px;margin-top: 5px;}
.connect-ul>li {padding: 55px 0;border-bottom: 1px solid #1b1b1b;}
.connect-ul>li:first-child {padding-top: 36px;}
.along-dl {font-size:17px;color: #666666;line-height: 40px;}
.along-dl + .along-dl {border-top: 1px solid #bfbfbf;}
.along-dl>dt {font-size: 26px;font-weight:600;width: 190px;padding: 25px 0;color: #32353a;}
.along-dl>dd {position: relative;padding: 25px 0;flex: 1;}
.along-dl>dd::before {content: "";display: block;width: 1px;height: 100%;background-color: #04127c;position: absolute;top: 0;}
.along-dl:first-child>dd::before {content: "";display: block;width: 1px;height: 90%;background-color: #04127c;position: absolute;bottom: 0;top:unset}
.along-dl:nth-of-type(1)>dd,.along-dl:nth-of-type(1)>dt {padding-top: 0;}
.along-msg-item{position: relative;}
.along-msg-item::after {content: "";display: block;width: 12px;height: 12px;border-radius: 50%;background-color: #04127c;position: absolute;top: 50%;transform: translate(-50%,-50%);}
.along-msg-item + .along-msg-item {margin-top: 20px;}
.along-msg-left {width: 148px;font-size: 18px;color: #000000;font-weight:600;padding-left: 50px;}
.president-text {font-size: 20px;font-weight:600;}
.president-desc {font-size: 17px;line-height: 2em;font-weight: 500;}
.pr-show-box {padding: 48px 9.89vw 78px  3.48vw;margin-top: 46px;}
.pr-posi {font-size: 22px;line-height: 2.47em;}
.pr-right {padding-top: 50px;font-weight:600;}
.pr-name {font-size: 36px;}
.pr-sleft {width: 54.59%;}

.news-itime {width: 140px;display: inline-block;color: #000;}
.news-iflag {width: 120px;display: inline-block;color: #04127c;}
.news-info-mid {font-size: 18px;color: #999999;font-weight:600;}
.news-info-box {padding: 48px 36px 80px;box-shadow: 0 0 8px rgba(0, 0, 0, .2);}
.news-info-tit {font-size: 24px;color: #003333;font-weight:600;}
.news-info-mid {margin: 30px 0;}
.news-info-flag {margin-left: 50px;}
.news-info-desc {font-size: 17px;line-height: 2.95em;font-weight: 500;}
.prev-next-box {font-size: 17px;}
.prev-next-box {padding: 60px 0;}

.prev-links,.prev-links a {color: #4d4c4c;}
.prev-next:hover a {color: #04127c;}
.swiper-intel-box {padding: 35px 0 40px 0;margin-top: 70px;}

.contact-img {width:40px;}
.swiper-intel-box .swiper-intel-pagination {position: absolute;right: 8.33vw;left: unset;width: auto;bottom: unset;top: 0;}
.swiper-intel {margin-top: 25px;}
.swiper-intel-text {font-size:15px;font-weight:600;color:#04127c}
.swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #04127c;}
.index-contact-email-btn {display: inline-flex;min-width: 250px;height: 54px;justify-content: center;font-size: 15.39px;text-align: center;align-items: center;color: #000;border: 1px solid #000;justify-content: center;max-width: 100%;}
.index-contact {padding: 90px 0 90px;}
.index-contact-tit {font-size: 40px;font-weight:600;}
.index-contact-ul>li {text-align: center;color: #000;padding: 0 10.41vw;position: relative;margin-top: 70px;max-width: 50%;}
.index-contact-ul>li:nth-of-type(1) {padding-left: 0;}
.index-contact-ul>li:nth-of-type(2) {padding-right: 0;}
.index-contact-ul>li::after {content: "";display: block;width: 1px;height: 100%;background-color: #a19b97;position: absolute;top: 50%;transform: translate(0,-50%);left: 0;}
.index-contact-ul>li:first-child::after {display: none;}
.index-contact-tel {font-size: 32.54px;font-weight:600;}
.index-contact-icon {margin-bottom: 30px;}
.index-contact-time {margin-top: 20px;}
.apply-desc {font-size: 16px;line-height: 2.25em;font-weight:600;margin-top: 45px;max-width:595px}
.join-us {padding: 80px 0 20.83vw;position:relative}
.join-btn {display: inline-flex;align-items: center;width: 180px;height: 40px;justify-content: center;font-size: 12px;font-weight:600;border: 1px solid #04127c;border-radius: 40px;color: #04127c;margin-top: 60px;}
.join-btn .iconfont {font-size: 20px;margin-left: 15px;}
.join-btn.on {background-color: #04127c;color: #fff;}
/*.thumbs-inner-box {border: 1px solid #dcdcdc;padding: 67px 80px 48px 0;background-color: #fff;}*/
.apply-pd {padding-left: 80px;}
.swiper-thumbs {margin-top: 106px;}
.swiper-thumbs .swiper-slide {text-align: center;height: 55px;font-size: 16px;font-weight:600;background-color: #04127c;color: #ffffff;cursor: pointer;align-items: center;justify-content: center;display:flex;padding:0 15px;}
.swiper-thumbs .swiper-slide-thumb-active.swiper-slide {background-color: #fff;color: #04127c;border-color: #04127c;}
.swiper-thumbs-inner {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.br10 {border-radius: 10px;}
.swiper-thumbs-next {right: 3.125vw;}
.swiper-thumbs-prev {left: 3.125vw;}
.swiper-thumbs-next,.swiper-thumbs-prev {width: 24px;height: 24px;border-radius: 50%;background-color: #fff;color: #04127c;margin:0;top:50%;transform:translate(0,-50%)}
.swiper-thumbs-next::after, .swiper-thumbs-prev::after {font-size: 12px;}
.swiper-thumbs-next.swiper-button-disabled,.swiper-thumbs-prev.swiper-button-disabled {border: 1px solid #7e7c7c;color: #7e7c7c;}
.thumbs-inner-tit {font-size: 30px;font-weight:600;}
.thumbs-inner-desc {margin-top: 30px;font-weight:600;line-height: 2.14em;max-width: 1000px;font-size:16px;}
.solution-box {background-color: #fcfcfc;padding-top: 80px;}
.big-img {margin-top: 62px;}
.news-index-box {padding-top: 122px;background-color: #fcfcfc;}
.news-index-ul>li {min-width: 160px;height: 40px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;text-align: center;font-weight:600;border: 1px solid #434343;border-radius: 28px;margin-left: 45px;color: #04127c;background-image: linear-gradient(to right,#04127c 0,#6069ac 50%,#04127c 100%);color:#fff;cursor:pointer;border-color:transparent}
.news-index-ul>li a {display: block;color: #fff;}
.news-index-ul>li:first-child {margin-left: 26px;}
.news-index-ul>li.on {background: transparent;color: #04127c;border-color: #04127c;}
.news-index-ul>li.on a {color: #04127c;}
.news-index-ul2 {max-width: 980px;}
/*.mySwiper2 {margin-top: 130px;}*/
.mySwiper2 .swiper-slide {
    padding: 120px 0 24.89vw;
    position: relative;
    height: auto;
}
.mySwiper2 .swiper-slide:before,.join-us::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(237,237,237,0.8) 60%,rgba(237,237,237,0.5));
    top: 0;
    left: 0;
}
.img-li {margin-bottom:25px}
.img-li .news-index-time {font-size: 12px;color: #04127c;font-weight:600}
.img-li .news-index-tit {font-size: 18px;color: #464646;margin: 6px 0 20px;}
.news-index-ul2>li {transition: all .3s ease;font-weight:600}
.news-index-ul2>li a {transition: all .3s ease;}
.news-index-ul2 {margin-top: 80px;}

.news-index-ul2>li:not(.img-li) {border-bottom: 1px solid #bfbfbf;}
.news-index-ul2>li:not(.img-li) a{padding: 25px 0;display: flex;align-items: center;}
.news-index-ul2>li:not(.img-li) {font-size: 16px;}
.news-index-ul2>li:not(.img-li) a {}
.news-index-ul2>li:not(.img-li):hover {border-bottom-color: transparent;}
.news-index-ul2>li:not(.img-li):hover>a {transform: translate(65px,0);background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, .2);padding-left: 40px;padding-right: 40px;}


.news-iul>li {
    /*margin-top: 15px;*/
    border-bottom: 1px solid #bfbfbf;font-size: 16px;transition: all .3s ease;font-weight:600}
.news-iul>li a {padding: 25px 0;display: flex;display: flex;align-items: center;transition: all .3s ease;}
.news-iul>li:hover a{background-color: #fff;transform: translate(52px,0);padding-left: 40px;padding-right: 40px;}
.news-iul>li:hover {border-bottom-color: transparent;}


.sec-tit {display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;}
.member-ul>li{width: 48.38%;border: 1px solid #000;border-radius: 10px;color: #333;font-size: 15px;background-color: #fff;padding: 30px 30px;margin-top: 46px;}
.member-ul {margin-top: -50px;}
.member-ul>li a {color: #333;}
.member-top {font-weight:600;}
.mem-name {font-size: 22px;}
.mem-desc {line-height: 1.890em;margin-top: 20px;}
.mem-posi {font-size: 17px;color: #999999;margin-left: 25px;}
.swiper-intel-tit {font-size: 17px;margin: 12px 0 10px;text-transform: uppercase;color:#04127c;font-weight:700}
.swiper-intel-desc {color: #04127c;font-weight:600}
.along-msg-right {flex: 1;}
.swiper-intel .swiper-slide {height: auto;position: relative;padding-bottom: 30px;}
.swiper-intel .swiper-slide::after {content: "";display: block;width: 100%;height: 2px;background-color: #04127c;left: 0;bottom: 0;position: absolute;width: 0;transition: width .3s ease;}
.swiper-intel .swiper-slide:hover::after {width: 100%;}
.intel-img {transition: transform .3s ease;}
.swiper-intel .swiper-slide:hover .intel-img {transform: scale(1.08);}
.swiper-intel-top {overflow:hidden}
.news-index-item {display: none;}
.news-index-item:first-child {display: block;}
.br12 {border-radius: 12px;}
[class*=btn] {cursor: pointer;}
/* .scroll-swiper>.swiper-wrapper>.swiper-slide {height: auto;} */
.scroll-swiper-inner>.swiper-wrapper>.swiper-slide {height: auto;}
.ex-table-desc .col-red {color:inherit}
.col-red {color: #f00;}
dd .col-red {color:#04127c}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line2 {
  -webkit-line-clamp: 2;
}
.col-000 {color: #000;}
.col-333 {
  color: #333!important;
}
.col-666 {
  color: #666!important;
}
.col-999 {
  color: #999!important;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.col-fff {
  color: #fff;
}
.bgfff {
  background-color: #fff;
}
.mobile-img {display: none;}
.theme {
  color: #C48B59;
}
input[type='submit'] {border:none;outline:none}
.tl {text-align: left;}
.tc {text-align: center;}
@keyframes myfirst {
  0% {
      transform: translate(0px, 0px);
  }

  50% {
      transform: translate(0px, -10px);
  }
  100% {
      transform: translate(0px, 0px);
  }
}
@keyframes test {
  0% {
      transform: translate(0, 0);
  }
  50% {
      transform: translate(0, 5px);
  }

  100% {
      transform: translate(0, 0);
  }
}