.green {
 color:#036564;
}
.dark-blue {
 color:#003;
}
.gray {
 color:#969696;
}
html body {
 font-size:16px;
 line-height:1.6;
 color:#003;
 background-color:#fff;
 font-family:NunitoSans;
 font-weight:400;
}
@media(min-width:1600px) {
 .container,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  max-width:1417px;
 }
}
a {
 color:inherit;
}
a.disabled {
 cursor:not-allowed;
}
a:hover {
 color:#036564;
 text-decoration:none;
}
@font-face {
 font-family:'iconfont';
 src:url('//at.alicdn.com/t/font_2403071_zy1p55u8rdo.woff2?t=1628064424626') format('woff2'),
 url('//at.alicdn.com/t/font_2403071_zy1p55u8rdo.woff?t=1628064424626') format('woff'),
 url('//at.alicdn.com/t/font_2403071_zy1p55u8rdo.ttf?t=1628064424626') format('truetype');
}
.iconfont {
 font-family:'iconfont';
 font-style:normal;
}
.form-control {
 font-family:NunitoSans;
 font-weight:700;
}
table,
.table {
 display:table;
 width:100%;
 border-collapse:collapse;
}
table tr,
.table tr,
table .table-head,
.table .table-head {
 display:table-header-group;
 font-weight:600;
}
table tr th,
.table tr th,
table .table-head th,
.table .table-head th,
table tr>li,
.table tr>li,
table .table-head>li,
.table .table-head>li {
 display:table-cell;
 padding:.75rem;
 vertical-align:top;
 border:1px solid #e6e6e6;
 border-bottom:1px solid #999;
}
table .table-row,
.table .table-row,
table tr,
.table tr {
 display:table-row;
}
table .table-row td,
.table .table-row td,
table tr td,
.table tr td,
table .table-row>li,
.table .table-row>li,
table tr>li,
.table tr>li {
 display:table-cell;
 padding:.5rem;
 vertical-align:top;
 border:1px solid #e6e6e6;
 font-weight:300;
}
@keyframes back {
 0% {
  background-size:100%;
 }
 100% {
  background-size:105%;
 }
}
@keyframes back-out {
 0% {
  background-size:105%;
 }
 100% {
  background-size:100%;
 }
}
.typed-cursor {
 font-size:5.75rem;
 line-height:1;
 letter-spacing:-.75px;
 font-family:WorkSans;
 font-weight:700;
 margin-bottom:0;
 vertical-align:middle;
}
@media only screen and (max-width:450px) {
 #homeFri .container {
  top:50%;
  margin-top:-120px;
  position:absolute;
 }
}
.btn-n3 {
 display:flex;
 justify-content:center;
 align-items:center;
 padding:10px 30px;
 border-radius:4px;
 font-size:1.125rem;
 line-height:1.15;
 text-transform:uppercase;
 white-space:nowrap;
 color:#003;
 background-color:#036564;
 cursor:pointer;
}
.btn-n3.dark-blue {
 color:#036564;
 background-color:#003;
}
.navbar {
 display:flex;
 align-items:center;
 background-color:#fff;
 user-select:none;
 text-align:center;
 align-items:normal;
 -ms-user-select:none;
 -moz-user-select:none;
 -webkit-user-select:none;
 z-index:1;
}
.navbar #whitelogo {
 display:none;
}
.navbar #darklogo {
 display:block;
}
.navbar>a {
 padding:6px 0;
}
.navbar.show {
 padding-bottom:5rem;
 height:100%;
}
.navbar.show>a,
.navbar.show .navbar-toggler {
 height:50px;
}
.navbar.show .nav-item {
 border:none;
}
.navbar .container {
 align-items:start;
}
.navbar img {
 height:60px;
}
.navbar .nav-item {
 min-width:50px;
 padding:0 .5rem;
 font-size:1rem;
}
@media only screen and (max-width:991px) {
 .navbar .nav-item {
  line-height:3.5rem;
  padding:0;
 }
}
.navbar .nav-item .nav-link {
 cursor:pointer;
}
@media only screen and (max-width:991px) {
 .navbar .nav-item .nav-link {
  width:100%;
  padding:0 2rem;
 }
}
@media only screen and (max-width:991px) {
 .navbar .nav-item.nav-lang .nav-link {
  width:auto;
  padding:0;
 }
}
@media only screen and (min-width:992px) {
 .navbar .nav-item.nav-lang .nav-link:first-child {
  padding-left:2rem;
 }
}
.navbar .nav-item a {
 display:inline-block;
 color:#003;
}
.navbar .nav-item a:hover {
 text-decoration:underline;
}
.navbar .navbar-toggler {
 position:relative;
 border:none;
 outline:none;
 padding:0;
 transform:scale(.72);
 -webkit-transform:scale(.72);
 -moz-transform:scale(.72);
 -ms-transform:scale(.72);
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:active,
.navbar .navbar-toggler:focus {
 outline:none;
}
.navbar .dropdown-menu {
 border:none;
 border-radius:0;
 margin:0;
 background-color:#f0f5f6;
}
.navbar .dropdown-menu .iconfont {
 width:100%;
 text-align:center;
 position:absolute;
 margin-top:-30px;
 font-size:30px;
 color:#f0f5f6;
}
.navbar .dropdown-menu a:hover {
 text-decoration:none;
}
.navbar .dropdown-menu img {
 width:50px;
 height:auto;
 margin-right:.5rem;
}
.navbar .dropdown-menu .dropdown-item div {
 display:inline-block;
 width:calc(100% - 100px);
 vertical-align:middle;
}
.navbar .dropdown-menu .dropdown-item div strong {
 display:block;
 height:1.5rem;
}
@media only screen and (min-width:992px) {
 .navbar .dropdown-menu {
  width:700px;
  margin-left:-350px;
  left:50%;
 }
}
.navbar .special-button {
 width:50px;
 height:50px;
 display:block;
}
.navbar .top,
.navbar .bottom {
 pointer-events:none;
 width:27px;
 background-color:#003;
 height:3px;
 border-radius:3px;
 position:absolute;
 left:12px;
 transition:transform .6s ease,top .6s ease;
}
.navbar .top {
 top:15px;
}
.navbar .top.active {
 transform:rotate(45deg);
 top:24px;
}
.navbar .bottom {
 top:32px;
}
.navbar .bottom.active {
 transform:rotate(-45deg);
 top:24px;
}
.navbar.smart-scroll {
 position:fixed;
 top:0;
 right:0;
 left:0;
 z-index:1030;
}
.navbar.scrolled-down {
 transform:translateY(-100%);
 transition:transform .3s ease-in-out;
}
.navbar.scrolled-down .dropdown-menu {
 visibility:hidden;
}
.navbar.scrolled-up {
 background-color:#fff;
 transform:translateY(0);
 transition:transform .3s ease-in-out;
}
@media only screen and (max-width:767.98px) {
 html[data-code-window-open] .navbar {
  display:none;
 }
}
.bread-crumb .bg1-div {
 height:5.625rem;
 background-color:#003;
}
.bread-crumb .bg2-div {
 height:5.625rem;
 background-color:#036564;
}
.bread-crumb .page-title {
 font-size:1.125rem;
}
.bread-crumb .text-div {
 position:relative;
 margin-top:-6.375rem;
}
footer {
 background-color:#fff;
}
footer .container-fluid {
 background-color:#f0f5f6;
 padding:1rem 0;
}
footer div.mce_inline_error {
 color:#f00 !important;
 background-color:transparent !important;
 font-size:.8rem;
 position:absolute;
 top:42px;
 font-family:NunitoSans;
 font-weight:400;
}
@media only screen and (min-width:1600px) {
 footer br {
  display:none;
 }
}
footer form {
 float:none;
 width:100%;
}
@media only screen and (min-width:992px) {
 footer form {
  float:right;
  margin-top:-1.95rem;
  max-width:100%;
  width:auto;
 }
}
@media only screen and (min-width:1600px) {
 footer form {
  margin-top:-.5rem;
 }
}
footer input.form-control,
footer button.form-control {
 border-radius:0;
 height:46px;
 margin-right:1rem;
}
@media only screen and (max-width:768px) {
 footer input.form-control,
 footer button.form-control {
  margin:.5rem 0;
  width:100% !important;
  max-width:100%;
 }
}
footer #mc_embed_signup_scroll .btn-2 {
 min-width:148px;
 height:46px;
 width:auto;
}
footer a {
 display:block;
 color:#003;
 font-size:1rem;
 font-family:WorkSans;
 font-weight:600;
}
footer a .iconfont {
 font-size:1.8rem;
 margin-right:.8rem;
}
.btn-1,
.btn-2,
.btn-3,
.btn-4 {
 display:inline-block;
 border-radius:0;
 padding:0 2rem;
 line-height:2.24;
 transition:opacity .2s;
 font-size:.938rem;
 text-align:center;
 cursor:pointer;
 vertical-align:middle;
 text-transform:uppercase;
 word-break:keep-all;
 width:fit-content;
 font-family:WorkSans;
 font-weight:600;
}
.btn-1.btn-small,
.btn-2.btn-small,
.btn-3.btn-small,
.btn-4.btn-small {
 font-size:.875rem;
 padding:.5rem 1.5rem;
}
.btn-1.disabled,
.btn-2.disabled,
.btn-4.disabled,
.btn-1.disabled:hover,
.btn-2.disabled:hover,
.btn-4.disabled:hover,
.btn-1.disabled:focus,
.btn-2.disabled:focus,
.btn-4.disabled:focus,
.btn-1.disabled:active,
.btn-2.disabled:active,
.btn-4.disabled:active {
 background-color:rgba(0,0,51,.26);
 border:1px solid transparent;
 cursor:not-allowed;
 color:#fff;
}
.btn-3.disabled,
.btn-3.disabled:hover,
.btn-3.disabled:focus,
.btn-3.disabled:active {
 color:rgba(0,0,51,.26);
 border:1px solid rgba(0,0,51,.26);
 cursor:not-allowed;
}
.btn-1 {
 background:#e9eeed;
 color:#003;
 border:1px solid #e9eeed;
}
.btn-1:hover,
.btn-1:focus,
.btn-1:active {
 background:#fff;
 color:#003;
 border:1px solid #003;
}
.btn-2 {
 background:#036564;
 color:#fff;
 border:1px solid #036564;
}
.btn-2:hover,
.btn-2:focus,
.btn-2:active {
 background:#036564;
 color:#003;
 border:1px solid #036564;
}
.btn-3 {
 background:#fff;
 color:#003;
 border:1px solid #003;
}
.btn-3:hover,
.btn-3:focus,
.btn-3:active {
 background:#fff;
 color:#036564;
 border:1px solid #036564;
}
.btn-4 {
 background:#003;
 color:#fff;
 border:1px solid #003;
}
.btn-4:hover,
.btn-4:focus,
.btn-4:active {
 background:#003;
 color:#036564;
 border:1px solid #003;
}
.article-tag1 {
 display:inline-block;
 font-size:.8rem;
 color:#fff;
 border-radius:12px;
 padding:.12rem .6rem;
 background-color:#003;
 cursor:pointer;
}
.article-tag1:hover {
 color:#036564;
 background-color:#003;
}
.article-tag2 {
 display:inline-block;
 font-size:.8rem;
 color:#003;
 border-radius:12px;
 padding:.12rem .6rem;
 background-color:#036564;
 cursor:pointer;
}
.article-tag2:hover {
 color:#fff;
 background-color:#036564;
}
img.img-max {
 width:100%;
}
h1,
.h1 {
 font-size:5.75rem;
 line-height:1;
 letter-spacing:-.75px;
 font-family:WorkSans;
 font-weight:700;
}
h2,
.h2 {
 font-size:2.25rem;
 line-height:1.24;
 letter-spacing:-.29px;
 font-family:NunitoSans;
 font-weight:800;
}
h3,
.h3 {
 font-size:1.75rem;
 letter-spacing:-.23px;
 font-family:NunitoSans;
 font-weight:700;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
 font-size:1.125rem;
 line-height:1.2;
 letter-spacing:-.15px;
 font-family:NunitoSans;
 font-weight:600;
}
p {
 margin-top:.7rem;
 margin-bottom:.7rem;
}
small,
.small {
 font-size:80%;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
 margin-bottom:0;
 vertical-align:middle;
}
.work-sans-light {
 font-family:WorkSans;
 font-weight:300;
}
.work-sans-semibold {
 font-family:WorkSans;
 font-weight:600;
}
.work-sans-bold {
 font-family:WorkSans;
 font-weight:700;
}
.nunito-sans-extrabold {
 font-family:NunitoSans;
 font-weight:800;
}
.nunito-sans-bold {
 font-family:NunitoSans;
 font-weight:700;
}
.nunito-sans-regular {
 font-family:NunitoSans;
 font-weight:400;
}
.nunito-sans-semibold {
 font-family:NunitoSans;
 font-weight:600;
}
.uppercase {
 text-transform:uppercase;
}
.bold {
 font-weight:bold;
}
.border-bottom {
 border-bottom:1px solid #003 !important;
}
hr {
 background-color:#003;
}
.migration-div {
 position:fixed;
 top:15rem;
 right:0;
 background:linear-gradient(0deg,#2b373f,#2b373f),linear-gradient(180deg,#003 11.63%,#003 72.05%);
 width:3rem;
 height:14rem;
 border-radius:.75rem 0 0 .75rem;
 box-shadow:-11px 2px 40px 0 rgba(6,20,29,.36);
 z-index:1000;
}
.migration-text {
 transform:rotate(90deg);
 display:block;
 width:11rem;
 top:6.7rem;
 position:absolute;
 right:-4rem;
 color:#fff;
 text-align:center;
}
.migration-text img {
 width:1.2rem;
 margin-right:.5rem;
}
.bg-img {
 display:block;
 width:100%;
 background-position:center;
 background-size:cover;
 animation:back-out ease-out .15s;
}
.bg-img::before {
 content:" ";
 display:block;
 padding-top:56.25%;
}
.bg-img:hover {
 animation:back linear .25s;
 animation-fill-mode:forwards;
}
.list2 {
 margin-bottom:1.25rem;
}
.list2 div[class|=col],
.list2>li {
 margin-top:5.3rem;
 list-style:none;
}
.list2 div[class|=col] a.img,
.list2>li a.img {
 display:block;
 width:100%;
 background-position:center;
 background-size:cover;
 animation:back-out ease-out .15s;
 border:1px solid #dfe3e3;
}
.list2 div[class|=col] a.img::before,
.list2>li a.img::before {
 content:" ";
 display:block;
 padding-top:56.25%;
}
.list2 div[class|=col] a.img:hover,
.list2>li a.img:hover {
 animation:back linear .25s;
 animation-fill-mode:forwards;
}
.list2 div[class|=col] .list-title a,
.list2>li .list-title a,
.list2 div[class|=col] .list-summary a,
.list2>li .list-summary a {
 color:#003;
 text-shadow:none;
 transition:text-shadow .2s;
 background-size:cover;
 animation:back-out ease-out .25s;
}
.list2 div[class|=col] .list-title a.img,
.list2>li .list-title a.img,
.list2 div[class|=col] .list-summary a.img,
.list2>li .list-summary a.img {
 display:block;
 width:100%;
 background-position:center;
 background-size:cover;
 animation:back-out ease-out .15s;
}
.list2 div[class|=col] .list-title a.img::before,
.list2>li .list-title a.img::before,
.list2 div[class|=col] .list-summary a.img::before,
.list2>li .list-summary a.img::before {
 content:" ";
 display:block;
 padding-top:56.25%;
}
.list2 div[class|=col] .list-title a.img:hover,
.list2>li .list-title a.img:hover,
.list2 div[class|=col] .list-summary a.img:hover,
.list2>li .list-summary a.img:hover {
 animation:back linear .25s;
 animation-fill-mode:forwards;
}
.list2 div[class|=col] .list-title a:hover,
.list2>li .list-title a:hover,
.list2 div[class|=col] .list-summary a:hover,
.list2>li .list-summary a:hover {
 text-shadow:0 0 .1px #003;
 transition:text-shadow .2s;
}
.list2 div[class|=col] div,
.list2>li div,
.list2 div[class|=col] .list-title,
.list2>li .list-title {
 margin-top:8px;
 overflow:hidden;
}
.wechat1,
.wechat2 {
 position:absolute;
 display:none;
}
.wechat1 img,
.wechat2 img {
 width:150px;
}
.wechat1 {
 margin:190px 0 0 60px !important;
}
.wechat2 {
 margin:-150px 0 0 -110px;
}
.introduction {
 position:relative;
 display:flex;
 padding:3rem 0 6.25rem;
}
@media(max-width:991.98px) {
 .introduction {
  display:none;
 }
}
.introduction-content {
 display:flex;
 flex-direction:column;
 width:50%;
}
.introduction-title {
 font-size:5.75rem;
 font-family:WorkSans;
 font-weight:bold;
 line-height:.85;
 text-transform:uppercase;
}
.introduction-title em {
 font-style:normal;
 color:#036564;
}
.introduction-description {
 margin-top:2.25rem;
 font-size:1.25rem;
 font-family:NunitoSans;
 font-weight:bold;
}
.introduction-img {
 position:absolute;
 right:0;
 top:0;
 max-width:50%;
 height:100%;
 object-fit:contain;
 z-index:-1;
}