@charset "utf-8"; * {
    margin: 0;
    padding: 0;
}

/* -webkit-text-size-adjust fix Chrome 12 px limit */
body, button, input, select, textarea, label {
    font-size: 14px;
    -webkit-text-size-adjust: none;
}

button, input, select, label {
    vertical-align: middle;
    list-style-type: none;
    border: none;
}

i {
    font-style: normal;
}

ul, ol, p {
    font-size: 100%;
}

ul {
    list-style: none;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 13px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 12px;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
}

small {
    font-size: 12px;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

img {
    border: 0 none;
}

a img, span img {
    vertical-align: bottom;
}

em {
    font-style: normal;
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: #484848;
}

a:hover {
    text-decoration: none;
}

body * {
    box-sizing: border-box;
    flex-shrink: 0;
}

body {
    font-family: STYuanti-SC-Regular, STYuanti-SC, Microsoft YaHei, PingFangSC-Regular, PingFang SC-Light, Geomanist, Open_Sans, Helvetica Neue, Helvetica, Tahoma, Arial!important;
}

input {
    background-color: transparent;
    border: 0;
}

button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.flex-center {
    align-items: center;
    justify-content: center;
    display: flex;
}

.over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arrow {
    border: solid #576a75;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
}

.right-arrow {
    transform: rotate(-45deg);
    border: solid #576a75;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    position: relative;
}

.left-arrow {
    transform: rotate(135deg);
    border: solid #576a75;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
}

.up-arrow {
    transform: rotate(-135deg);
    border: solid #576a75;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
}

.down-arrow {
    transform: rotate(45deg);
    border: solid #576a75;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
}

.close {
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
}

.close:before, .close:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.layui-laypage {
    font-size: 18px;
    color: #484848;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: 39.96px;
    vertical-align: middle;
}

.layui-laypage a[data-page], .layui-laypage .layui-laypage-curr {
    display: block;
    width: 39.96px;
    height: 39.96px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
}

.layui-laypage a[data-page]:hover:not(.layui-laypage-prev, .layui-laypage-next) {
    color: #fff;
    background-color: #667c88;
}

.layui-laypage .layui-laypage-curr {
    color: #fff;
    background-color: #667c88;
}

.layui-laypage .layui-laypage-prev.layui-disabled, .layui-laypage .layui-laypage-next.layui-disabled {
    cursor: not-allowed;
}

.select2.select2-container {
    border-bottom: 2px solid #2979ff;
}

.select2.select2-container.select2-container--open .select2-selection .select2-selection__arrow {
    transform: translateY(0px) rotateZ(-135deg);
}

.select2.select2-container .select2-selection {
    border: none;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
    width: 13px;
    height: 13px;
    top: 34%;
    transform: translateY(-50%) rotateZ(45deg);
    border-top: 2px solid transparent;
    border-right: 2px solid #2979ff;
    border-bottom: 2px solid #2979ff;
    border-left: 2px solid transparent;
}

.select2.select2-container .select2-selection .select2-selection__arrow b {
    display: none;
}

.select2.select2-container .select2-selection__rendered {
    font-size: 18px;
    /* font-weight: bold; */
    color: #2979ff;
}

.select2.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    /* font-weight: bold; */
    color: #2979ff;
}

body {
    min-width: 1200px;
}

.inc-header-notice {
    width: 100%;
    color: #fff;
    padding-top: 27px;
    padding-bottom: 20px;
    display: none;
    background: linear-gradient(180deg, rgba(170, 194, 237, 0) 0%, rgba(71, 126, 222, 0.5) 100%);
    background: linear-gradient(282deg, #7797f0, #7299db);
    background: linear-gradient(90deg, #bbd2f8 0%, #6f91dd 45%, #7797f0 82%, #7299db 100%);
}

.inc-header-notice .trs-container {
    position: relative;
}

.inc-header-notice a {
    color: #fff;
    text-decoration: underline;
}

.inc-header-notice .header-notice-box {
    width: 98%;
    padding-left: 97px;
}

.inc-header-notice .notice-tit {
    font-weight: bold;
    margin-bottom: 4px;
}

.inc-header-notice .notice-message {
    line-height: 24px;
    margin-bottom: 20px;
}

.inc-header-notice .notice-message:last-child {
    border: 1px solid red;
    margin-bottom: 0;
}

.inc-header-notice .close-notice-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.inc-header-notice .header-notice-icon {
    cursor: pointer;
    position: absolute;
    left: 59px;
    top: 0px;
    font-size: 14px;
}

.inc-header {
    width: 100%;
    height: auto;
    position: relative;
    line-height: 140px;
    z-index: 99;
}

.inc-header .spredicon {
    position: absolute;
    left: 50%;
    top: 0;
    height: 30px;
    line-height: 30px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
}

.inc-header .inc-logo {
    width: 18%;
    height: 140px;
}

.inc-header .inc-logo img {
    width: 148px;
    vertical-align: middle;
}

.inc-header .inc-header-right {
    width: 82%;
}

.inc-header .left-bar {
    width: 8px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #ef473a;
}

.inc-header .header-right-top {
    width: 100%;
    border-bottom: 1px solid #ebeff1;
    color: #7c909b;
    height: 60px;
    line-height: normal;
    padding: 18px 0px;
}

.inc-header .header-right-top .language {
    width: 37px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    background: #f4f4f4;
    color: #727d8b;
}

.inc-header .header-right-top .location {
    width: 200px;
    /* padding-left: 18px; */
    position: relative;
    height: auto;
}

.inc-header .header-right-top .location .down-arrow {
    display: block;
    margin-top: 4px;
    border-color: #576a75;
    border-width: 0 2px 2px 0;
    transition: 0.5s all;
}

.inc-header .header-right-top .location.active {
    padding-top: 18px;
    padding-left: 18px;
    background: #667c88;
    color: #fff;
    z-index: 999;
    top: -18px;
    left: -18px;
    width: 218px;
}

.inc-header .header-right-top .location.active .location-active {
    font-weight: bold;
}

.inc-header .header-right-top .location.active .down-arrow {
    border-color: #fff;
    display: block;
    transform: rotate(225deg);
    margin-top: 8px;
}

.inc-header .header-right-top .location.active .location-list {
    display: block;
}

.inc-header .header-right-top .location .location-active {
    margin-left: 76px;
    padding-right: 10px;
}

.inc-header .header-right-top .location .location-active .left {
    font-weight: 600;
}

.inc-header .header-right-top .location .location-list {
    width: 100%;
    padding-left: 18px;
    position: absolute;
    left: 0;
    top: 36px;
    color: #fff;
    background: #667c88;
    padding-bottom: 20px;
    padding-top: 15px;
    display: none;
}

.inc-header .header-right-top .location .location-list a {
    color: #fff;
}

.inc-header .header-right-top .location .location-list li {
    line-height: 31px;
}

.inc-header .header-right-top .to-page-link {
    display: inline-block;
    margin-right: 40px;
    color: #7c909b;
}

.inc-header .header-right-top .to-page-link.divide-line {
    border-right: 1px solid #d8d8d8;
    padding-right: 40px;
    margin-right: 25px;
}

.inc-header .header-right-bottom ul {
    padding-top: 1px;
    height: 72px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.inc-header .header-right-bottom .header-link-tit {
    float: left;
    font-size: 16px;
    color: #888;
    width: auto;
    height: 80px;
    line-height: 80px;
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}

.header-link-tit:last-child {
    margin-right: 0;
}

.inc-header .header-right-bottom li a {
    /* display:block; */
}

.inc-header .header-right-bottom li a.active span {
    transform: rotate(225deg);
    top: 0;
}

.inc-header .header-right-bottom li:last-child {
    margin-right: 0;
    font-size: 16px;
    width: 120px;
    float: right;
    height: 80px;
    line-height: 80px;
}

.inc-header .header-login-tit a {
    color: #851322;
    font-weight: bold;
}

.inc-header .header-login-tit .down-arrow {
    border-color: #851322;
    border-width: 0 2px 2px 0;
    position: relative;
    margin-left: 8px;
    top: -5px;
    transition: 0.5s all;
}

.contact .contact-box {
    width: 100%;
    padding-left: 40px;
    height: 128px;
    background: #ffffff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    position: relative;
}

.contact .contact-box .icon {
    width: 80px;
    height: 80px;
    margin-right: 32px;
    margin-top: 24px;
}

.contact .contact-box .icon img {
    width: 100%;
}

.contact .contact-box .tel-tit {
    font-size: 18px;
    font-weight: 500;
    margin-top: 36px;
    margin-bottom: 8px;
}

.contact .contact-box .contact-link {
    width: 80%;
}

.contact .contact-box .contact-number {
    font-size: 16px;
    color: #2979ff;
    margin-right: 120px;
    display: inline-block;
}

.contact .contact-box .link-page {
    /* display: none; */
    position: absolute;
    right: 2%;
    top: 50%;
    /* transform: translate(0px, -50%); */
    height: 26px;
    margin-top: -18px;
    font-size: 20px;
}

.contact-is-link .contact .contact-box:hover {
    cursor: pointer;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}

.contact-is-link .contact .contact-box .link-page {
    display: block;
}

.main_footer.trs-container {
    margin-top: 160px;
}

.main_footer .box-title {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
    line-height: 22px;
    letter-spacing: 6px;
    margin-bottom: 20px;
}

.main_footer .title-line {
    width: 60px;
    height: 2px;
    background: #cb2d3e;
    margin-bottom: 16px;
}

.main_footer .footer-content {
    height: auto;
    padding-bottom: 16px;
}

.main_footer .footer-content .left-cot {
    width: 220px;
}

.main_footer .footer-content .footer-logo {
    width: 148px;
    display: block;
    margin-bottom: 38px;
}

.main_footer .footer-content .footer-logo img {
    width: 100%;
}

.main_footer .footer-content h5 {
    font-size: 16px;
    font-weight: bold;
    color: #484848;
}

.main_footer .footer-content .location {
    margin-bottom: 28px;
    line-height: 28px;
    width: 220px;
}

.main_footer .footer-content .location-select {
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
    width: 110px;
    position: relative;
}

.main_footer .footer-content .location-select .left {
    color: #667c88;
}

.main_footer .footer-content .location-select .footer-location-options {
    position: absolute;
    left: -15px;
    top: 39px;
    width: 140px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    padding-left: 19px;
    line-height: 1;
    padding-top: 14px;
    padding-bottom: 2px;
    z-index: 999;
    display: none;
}

.main_footer .footer-content .location-select .options-item {
    line-height: 20px;
    margin-bottom: 12px;
}

.main_footer .footer-content .location-select .options-item a {
    display: block;
}

.main_footer .footer-content .loaction-line {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
}

.main_footer .footer-content .dt {
    font-size: 16px;
    font-weight: bold;
    color: #39474e;
    margin-bottom: 20px;
}

.main_footer .footer-content .quick {
    width: 200px;
    color: #39474e;
    font-size: 16px;
}

.main_footer .footer-content .quick dd {
    margin-bottom: 10px;
}

.main_footer .footer-content .link-box {
    width: 40px;
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.main_footer .footer-content .back-top {
    text-align: center;
    line-height: 40px;
}

.main_footer .footer-content .back-top .iconfont {
    color: #fff;
}

.main_footer .footer-content .link-bg {
    width: 40px;
    height: 40px;
    background: #495a63;
    border-radius: 50%;
    margin-bottom: 16px;
    cursor: pointer;
    position: relative;
}

.main_footer .footer-content .link-bg img {
    padding: 8px;
    display: block;
}

.main_footer .footer-content .link-bg .img {
    display: none;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -85px;
    width: 140px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding-bottom: 10px;
}

.main_footer .footer-content .link-bg .img img {
    width: 140px;
    height: 140px;
}

.main_footer .footer-content .content-top {
    height: 250px;
    position: relative;
}

.main_footer .footer-bottom-text {
    color: #495a63;
}

.main_footer .footer-bottom-text span {
    width: 80%;
    text-align: right;
}

.main_footer .footer-bottom-text .left {
    margin-right: 40px;
}

.header-sub {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 120px;
    min-height: 10px;
    background: #fff;
    padding: 20px;
}

.header-sub .sub-box-left {
    width: 58%;
    border-right: 1px solid #c8cdd0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-sub .sub-box-left li {
    float: left;
    width: 33%;
    line-height: 46px;
}

.header-sub .sub-box-left a {
    font-size: 16px;
    color: #484848;
}

a:hover .icon-link-more-blue {
    display: inline-block;
    animation: iconLinkMore 0.8s ease-in-out 0s infinite normal both;
}

.header-sub .sub-box-left .right-arrow {
    border-width: 0 2px 2px 0;
    padding: 3px;
    position: relative;
    top: -2px;
    margin-left: 6px;
}

.header-sub .sub-box-right {
    width: 42%;
}

.header-sub .sub-box-right .sub-img {
    margin-left: 10%;
    width: 43%;
    max-height: 184px;
}

.header-sub .sub-box-right .sub-message {
    line-height: 1;
    width: 42%;
    margin-left: 4%;
}

.header-sub .sub-box-right .sub-message .sub-tag {
    font-size: 16px;
    font-weight: 400;
    color: #94a4ad;
    line-height: 22px;
    margin-bottom: 8px;
}

.header-sub .sub-box-right .sub-message .sub-txt {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    line-height: 20px;
}

.header-sub .sub-box-right .sub-message .sub-more {
    font-size: 16px;
    font-weight: 400;
    color: #2979ff;
    margin-top: 25px;
    display: block;
}

.header-sub .sub-box-right .sub-message .sub-more .right-arrow {
    border-width: 0 2px 2px 0;
    padding: 3px;
    border-color: #2979ff;
    position: relative;
    top: -2.5px;
}

.header-login-tip {
    display: none;
    line-height: 1;
    width: 160px;
    height: auto;
    background: #ffffff;
    position: absolute;
    top: 140px;
    right: 0;
    padding: 20px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.header-login-tip .login-box {
    padding: 0 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #999999;
}

.header-login-tip .login-box:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.header-login-tip .login-line {
    width: 100%;
    height: 1px;
    background: #ebeff1;
    margin-bottom: 23px;
}

.header-login-tip .login-tit {
    color: #333330;
    margin-bottom: 10px;
    text-align: right;
}

.header-login-tip .login-tit:hover {
    color: #23527c;
}

.header-login-tip .login-desc {
    font-size: 12px;
    text-align: right;
    color: #888888;
    margin-bottom: 0;
}

.header-login-tip .login-desc:hover {
    color: #23527c;
}

.accouncement-box .accouncement-content {
    padding-left: 80px;
    flex: 1;
}

.accouncement-box .list-title {
    font-size: 18px;
    font-weight: 500;
    color: #484848;
    line-height: 30px;
    margin-bottom: 6px;
}

.accouncement-box .list-date {
    color: #888888;
}

.accouncement-box .list-message {
    margin-bottom: 30px;
}

.accouncement-box .list-desc {
    color: #484848;
    line-height: 26px;
    width: 100%;
}

.accouncement-box .list-left {
    width: 340px;
    margin-right: 40px;
}

.accouncement-box .list-right {
    flex: 1;
}

.accouncement-box .list-more {
    color: #2979ff;
    line-height: 26px;
}

.accouncement-box .list-more .iconfont {
    font-size: 12px;
    margin-left: 3px;
}

.title-box .title-line {
    width: 60px;
    height: 2px;
    background: #cb2d3e;
    margin-bottom: 16px;
}

.title-box .title-txt {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
    line-height: 22px;
    letter-spacing: 6px;
    margin-bottom: 20px;
}

.inc-header .spredicon {
    display: none;
}

.inc-header-notice {
    display: none;
}

.box_25 {
    height: 400px;
    max-width: 1372px;
    margin: 50px 0 0 0;
}

.box_25 .section_10 {
    height: 400px;
    background: url(../images/company_bottom_pc.png);
    background-size: 100% 100%;
    max-width: 1372px;
}

.box_25 .section_10 .box_26 {
    width: auto;
    height: 64px;
    margin: 168px auto;
}

.box_25 .section_10 .box_26 .text_61 {
    width: 80px;
    height: 34px;
    overflow-wrap: break-word;
    color: #ffffff;
    font-size: 20px;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 34px;
    margin: 17px 0 0 5px;
}

.box_25 .section_10 .box_27 {
    border-radius: 32px;
    width: auto;
    height: 64px;
    background-color: #ebeff1;
    margin-left: 0;
}

.box_25 .section_10 .box_27 .text_62 {
    width: auto;
    height: 64px;
    line-height: 64px;
    overflow-wrap: break-word;
    color: #667c88;
    font-size: 20px;
    font-weight: 400;
    text-align: right;
    white-space: nowrap;
    margin: 0 43px;
}

.box_25 .section_10 .box_27 .text_63 {
    width: auto;
    height: 64px;
    overflow-wrap: break-word;
    color: #667c88;
    font-size: 20px;
    text-align: right;
    white-space: nowrap;
    line-height: 64px;
    margin: 0 44px;
}

.box_25 .section_10 .box_27 .active_network_item {
    cursor: pointer;
}

.box_25 .section_10 .box_27 .active_network {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: 32px;
    height: 64px;
    width: auto;
}

.box_25 .section_10 .box_27 .active_network span {
    color: #667c88;
    font-weight: 600;
}

.box_25 .section_10 .box_27 .active_network.text-wrapper_27 {
}

.box_25 .section_10 .box_28 {
    width: 251px;
    height: 42px;
    margin: 11px 0 0 20px;
    border-bottom: 2px solid #d2d2d3;
}

.box_25 .section_10 .box_28 .text_64 {
    width: 100%;
    height: 34px;
    overflow-wrap: break-word;
    outline: medium;
    color: #ffffff;
    font-size: 20px;
    line-height: 34px;
}

.box_25 .section_10 .box_28 input.text_64::placeholder {
    color: #fff;
}

.box_25 .section_10 .box_28 input.text_64::-ms-input-placeholder {
    color: #fff;
}

.box_25 .section_10 .box_29 {
    height: 46px;
    width: 155px;
    margin: 9px 0 0 40px;
}

.box_25 .section_10 .box_29 .text-wrapper_28 {
    border-radius: 4px;
    height: 46px;
    border: 2px solid #ffffff;
    width: 155px;
    display: none;
}

.box_25 .section_10 .box_29 .text-wrapper_28.active {
    display: block
}

.box_25 .section_10 .box_29 .text_65 {
    overflow-wrap: break-word;
    color: #ffffff;
    font-size: 16px;
    font-weight: NaN;
    text-align: center;
    white-space: nowrap;
    line-height: 41px;
    cursor: pointer;
    display: block;
}

.box_30 {
    height: 165px;
    max-width: 1372px;
    margin: 80px 0 0 0;
}

.box_30 .box_67 {
    width: 70%;
    /* height: 73px; */
    margin-top: 1px;
    justify-content: space-between;
}

.box_30 .text-group_41 {
    width: 30%;
    margin: 2px 0 0 14%;
}

.box_30 .box_68 {
    /* margin: 1px 0 0 168px; */
    height: 100%;
}

@media screen (min-width: 750px) and (max-width: 1026px) {
    .box_30 .box_68 {
        margin: 1px 0 0 100px;
    }
}

.box_30 .box_68 .to-more {
    display: none;
}

.box_30 .box_69 {
    width: 468px;
    height: 71px;
    margin: 0 0 20px 379px;
}

.box_30 .section_11 {
    height: 46px;
    margin-top: 25px;
    width: 160px;
}

.box_30 .text_67 {
    width: 80px;
    height: 34px;
    overflow-wrap: break-word;
    color: #484848;
    font-size: 20px;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 34px;
}

.box_30 .text_68 {
    width: 220px;
    height: 34px;
    overflow-wrap: break-word;
    color: #484848;
    font-size: 14px;
    font-weight: NaN;
    text-align: left;
    line-height: 34px;
    margin-top: 20px;
}

.box_30 .text_69 {
    overflow-wrap: break-word;
    color: #2979ff;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    line-height: 41px;
    cursor: pointer;
}

.box_30 .text-wrapper_30 {
    height: 46px;
    border: 2px solid #2979ff;
    width: 160px;
}

@media screen and (min-width: 750px) {
    .trs-container {
        max-width: 1372px !important;
    }
}

@media screen and (max-width: 576px) {
    .box_25 .section_10 {
        width: 100%;
        background: url(../images/company_bottom_pc.png);
        height: 2.92rem;
    }

    .box_25 .section_10 .box_29 {
        margin: 0px !important;
    }
}

@media screen and (max-width: 750px) {
    .contact .contact-box .link-page {
        right: 4%;
    }

    .header-login-tip .login-box {
        padding: 0;
    }

    .title-box .title-line {
        width: 0.6rem;
        height: 0.04rem;
        background: #cb2d3e;
        margin-bottom: 0.12rem;
    }

    .title-box .title-txt {
        font-size: 0.16rem;
        font-weight: bold;
        color: #484848;
        line-height: 0.22rem;
        letter-spacing: 0.06rem;
    }

    .body {
        min-width: 320px;
    }

    .control {
        min-width: none;
    }

    .left-bar {
        width: 0.08rem;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: #d7363d;
        z-index: 1000;
    }

    .inc-menu {
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        background: #fff;
        width: 100%;
        z-index: 99;
    }

    .m-header-login-tip {
        width: 1.2rem;
        right: 0.64rem;
        top: 0.64rem;
        padding: 0.1rem;
        height: auto;
        padding-bottom: 0;
        padding-top: 0.2rem;
        position: fixed;
    }

    .m-header-login-tip .login-desc {
        margin-bottom: 0.15rem;
    }

    .menu-header {
        position: relative;
        height: 0.68rem;
    }

    .menu-header .location {
        width: 100%;
        position: relative;
        height: auto;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        font-size: 0.14rem;
        color: #7c909b;
    }

    .menu-header .location .location-in {
        height: 0.68rem;
    }

    .menu-header .location .down-arrow {
        display: block;
        border-color: #576a75;
        padding: 0.03rem;
        border-width: 0 0.02rem 0.02rem 0;
        position: relative;
        margin-left: 0.13rem;
        top: -0.03rem;
    }

    .menu-header .location .location-name {
        font-weight: bold;
    }

    .menu-header .location.active {
        background: #667c88;
        color: #fff;
    }

    .menu-header .location.active .location-active {
        font-weight: bold;
    }

    .menu-header .location.active .down-arrow {
        border-color: #fff;
        display: block;
    }

    .menu-header .location.active .location-list {
        display: none;
    }

    .menu-header .location.active .location-in {
        padding-left: 18px;
    }

    .menu-header .location .location-active {
        margin-left: 0.4rem;
        padding-right: 10px;
    }

    .menu-header .location .m-location-list {
        display: none;
        width: 100%;
        padding-left: 18px;
        color: #fff;
        background: #667c88;
        padding-bottom: 20px;
        padding-top: 5px;
        position: relative;
        top: -3px;
    }

    .menu-header .location .m-location-list a {
        color: #fff;
    }

    .menu-header .location .m-location-list div {
        line-height: 0.3rem;
        font-size: 0.14rem;
    }

    .menu-header .dl-menu {
        height: 100vh;
        padding-top: 0.68rem;
        position: fixed;
        left: 0;
        top: 0;
        overflow: auto;
        padding-bottom: 0.2rem;
    }

    .menu-header .dl-line {
        margin: 0 auto;
        height: 1px;
        background: #d8d8d8;
        width: 88%;
        position: absolute;
    }

    .menu-header .logo {
        display: block;
    }

    .menu-header .logo img {
        width: 0.89rem;
    }

    .menu-header .xs-login {
        width: 1.26rem;
        height: 0.68rem;
        color: #cb2d3e;
        font-weight: bold;
        margin-right: 0.4rem;
        line-height: 0.68rem;
        margin-left: auto;
        font-size: 0.15rem;
    }

    .menu-header .xs-login .icon-i-nav-more {
        font-size: 0.25rem;
        transition: 0.5s all;
    }

    .menu-header .xs-login.active .icon-i-nav-more {
        transform: rotate(180deg);
    }

    .menu-header .right-arrow {
        border-width: 0 0.02rem 0.02rem 0;
        padding: 0.03rem;
        border-color: #94a4ad;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -0.04rem;
    }

    .menu-header .left-arrow {
        border-width: 0 0.02rem 0.02rem 0;
        padding: 0.03rem;
        border-color: #94a4ad;
        position: absolute;
        left: -0.12rem;
        top: 50%;
        margin-top: -0.035rem;
    }

    .menu-header .dl-submenu a {
        font-size: 0.14rem;
        font-weight: bold;
        color: #39474e;
        display: flex;
    }

    .menu-header .dl-submenu .dl-back {
        font-size: 0.26rem;
    }

    .menu-header .dl-submenu .dl-back a {
        color: #484848;
        font-weight: 400;
    }

    .dl-menu {
        border-left: 0.04rem solid #d7363d;
    }

    .dl-menu .left-bar {
        position: fixed;
        left: 0;
        top: 0;
    }

    .dl-menu-box {
        background: #fff;
        width: 100%;
        height: 100vh;
        display: none;
    }

    .dl-menu-top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        background: #fff;
    }

    .submenu-box {
        padding-top: 0.2rem;
        display: none;
    }

    .sub-img {
        width: 100%;
    }

    .sub-tag {
        font-size: 0.15rem;
        font-weight: 400;
        color: #94a4ad;
        padding-top: 0.25rem;
        padding-bottom: 0.16rem;
    }

    .sub-txt {
        font-size: 0.14rem;
        font-weight: 400;
        color: #484848;
        padding-bottom: 0.24rem;
        line-height: 0.2rem;
    }

    .sub-more {
        font-size: 0.14rem;
        font-weight: 400;
        color: #2979ff;
    }

    .sub-more .right-arrow {
        position: relative;
        border-color: #2979ff;
        top: -0.021rem;
    }

    .contact {
        padding-bottom: 0.16rem;
    }

    .contact .contact-box {
        padding-left: 0.27rem;
        display: flex;
        height: auto;
        padding-bottom: 0.24rem;
        padding-top: 0.24rem;
    }

    .contact .contact-box .icon {
        width: 0.48rem;
        height: 0.48rem;
        margin-right: 0.18rem;
        margin-top: 0;
    }

    .contact .contact-box .icon img {
        width: 100%;
    }

    .contact .contact-box .left {
        float: none;
    }

    .contact .contact-box .left a {
        display: block;
    }

    .contact .contact-box .tel-tit {
        margin-top: 0.04rem;
        font-size: 0.16rem;
        margin-bottom: 0.16rem;
        line-height: 1;
    }

    .contact .contact-box .contact-link {
        width: 70%;
    }

    .contact .contact-box .contact-number {
        font-size: 0.14rem;
        margin-right: 0;
        margin-bottom: 0.02rem;
    }

    .contact .contact-box .contact-number span {
        display: block;
    }

    .main_footer {
        width: 100%;
        padding: 0 16px;
    }

    .main_footer.trs-container {
        margin-top: 40px;
    }

    .main_footer .title-line {
        width: 0.6rem;
        height: 0.04rem;
        margin-bottom: 0.12rem;
    }

    .main_footer .box-title {
        font-size: 0.16rem;
        letter-spacing: 0.06rem;
        margin-bottom: 0.24rem;
    }

    .main_footer .footer-content {
        height: auto;
    }

    .main_footer .footer-content .left, .main_footer .footer-content .right {
        float: none;
    }

    .main_footer .footer-content .content-top {
        height: auto;
    }

    .main_footer .footer-content .left-cot {
        width: 100%;
    }

    .main_footer .footer-content .footer-logo {
        width: 1.2rem;
        margin-bottom: 0.44rem;
    }

    .main_footer .footer-content h5 {
        font-size: 0.16rem;
        margin-bottom: 0.2rem;
    }

    .main_footer .footer-content .location {
        color: #39474e;
        font-size: 0.14rem;
        width: 100%;
        margin-bottom: 0.24rem;
    }

    .main_footer .footer-content .location .location-select {
        font-weight: bold;
        padding-left: 0.46rem;
    }

    .main_footer .footer-content .location .location-select-txt {
        width: 2rem;
    }

    .main_footer .footer-content .location .location-select-txt .iconfont {
        margin-left: 0.16rem;
    }

    .main_footer .footer-content .location .footer-location-options {
        left: 27px;
        top: 39px;
        font-size: 0.14rem;
    }

    .main_footer .footer-content .location .left {
        float: left;
    }

    .main_footer .footer-content .right-link {
        min-height: 1px;
        display: none;
        /* border-bottom: 1px solid #d9d9d9; */
    }

    .main_footer .footer-content .dt {
        font-size: 0.16rem;
        padding-bottom: 0.24rem;
        padding-top: 0.24rem;
        margin: 0;
        position: relative;
    }

    .main_footer .footer-content .dt .iconfont {
        position: absolute;
        right: 0.1rem;
        top: 0.22rem;
        display: block!important;
    }

    .main_footer .footer-content .dt.open .iconfont {
        transform: rotateX(180deg);
        /* display: none!important; */
    }

    .main_footer .footer-content .quick {
        width: 100%;
        font-size: 0.16rem;
        line-height: 1;
    }

    .main_footer .footer-content .quick dd {
        margin-bottom: 0.2rem;
    }

    .main_footer .footer-content .link-box {
        padding-top: 0.24rem;
        margin-left: 0;
        width: 100%;
        padding-bottom: 0.24rem;
        position: relative;
        top: 0;
        border-top: 1px solid #d9d9d9;
    }

    .main_footer .footer-content .link-box .link-bg {
        width: 1.4rem;
        height: auto;
        float: left;
        margin-right: 0.12rem;
        margin-bottom: 0;
        background: #FFF;
    }

    .main_footer .footer-content .link-box .link-bg .img {
        display: block;
        position: relative;
        right: 0;
        top: 0;
        margin: 0;
        width: 1.4rem;
        box-shadow: none;
    }

    .main_footer .footer-content .link-bg img {
        display: none;
    }

    .main_footer .footer-content .link-box .link-bg .img img {
        width: 100%;
        height: auto;
        display: block;
    }

    .main_footer .footer-content .link-box .back-top {
        text-align: center;
        line-height: 0.38rem;
        position: fixed;
        right: 0.16rem;
        bottom: 0.85rem;
        background: #cb2d3e;
        margin-right: 0;
        width: 0.38rem;
        height: 0.38rem;
        box-shadow: 0px 1px 5px 2px rgba(203, 45, 62, 0.5);
        z-index: 999;
    }

    .main_footer .footer-content .link-box .back-top .iconfont {
        color: #fff;
    }

    .main_footer .footer-content .footer-bottom-text {
        color: #495a63;
        font-size: 0.14rem;
    }

    .main_footer .footer-content .footer-bottom-text a {
        display: block;
        margin-bottom: 0.16rem;
    }

    .main_footer .footer-content .footer-bottom-text span {
        font-size: 0.13rem;
        line-height: 0.19rem;
        text-align: left;
    }

    .accouncement-box {
        padding: 0 0.16rem;
        flex-direction: column;
    }

    .accouncement-box .list-message {
        flex-direction: column;
        margin-bottom: 14px;
    }

    .accouncement-box .accouncement-content {
        padding: 0;
    }

    .accouncement-box .list-left {
        width: 100%;
        margin-bottom: 0.08rem;
    }

    .accouncement-box .list-title {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .accouncement-box .list-desc {
        line-height: 0.24rem;
        margin-bottom: 0.16rem;
    }

    .box_25 {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 0.24rem;
    }

    .box_25 .section_10 .box_26 {
        width: auto;
        height: auto;
        display: block;
        margin: 0.4rem auto 0;
    }

    .box_25 .section_10 .box_26 .text_61 {
        display: inline-block;
        width: 100%;
        height: 0.34rem;
        line-height: 0.34rem;
        font-size: 0.16rem;
        text-align: center;
        margin: 0;
    }

    .box_25 .section_10 .box_27 {
        height: 0.46rem;
        margin: 0.08rem auto 0.16rem;
    }

    .box_25 .section_10 .box_27 .active_network {
        height: 0.46rem;
        line-height: 0.46rem;
        font-weight: 600;
    }

    .box_25 .section_10 .box_27 .active_network.text-wrapper_27 {
    }

    .box_25 .section_10 .box_27 .text_62, .box_25 .section_10 .box_27 .text_63 {
        color: #667c88;
        font-size: 0.14rem;
        margin: 0px 0.2rem;
        line-height: 0.46rem;
        height: 0.46rem;
        vertical-align: middle;
    }

    .box_25 .section_10 .box_28 {
        width: 1.68rem;
        height: 0.46rem;
        line-height: 0.46rem;
    }

    .box_25 .section_10 .box_28 input {
        padding-left: 20px;
    }

    .box_25 .section_10 .box_28 input:-moz-placeholder, .box_25 .section_10 .box_28 textarea:-moz-placeholder {
        color: #fff;
        opacity: 0.5;
        font-size: 0.14rem;
    }

    .box_25 .section_10 .box_28 input:-ms-input-placeholder, .box_25 .section_10 .box_28 textarea:-ms-input-placeholder {
        color: #fff;
        opacity: 0.5;
        font-size: 0.14rem;
    }

    .box_25 .section_10 .box_28 input::-webkit-input-placeholder, .box_25 .section_10 .box_28 textarea::-webkit-input-placeholder {
        color: #fff;
        opacity: 0.5;
        font-size: 0.14rem;
    }

    .box_25 .section_10 .box_29 {
        width: 1.09rem;
        height: 0.44rem;
        line-height: 0.44rem;
        border-radius: 0.04rem;
        border: 0.02rem solid #ffffff;
    }

    .box_25 .section_10 .box_29 .text_65 {
        width: 100%;
        height: 100%;
        line-height: 0.42rem;
        text-align: center;
    }

    .box_25 .section_10 .box_29 .text-wrapper_28 {
        border: none;
        width: 100%;
        height: 100%;
    }

    .box_30 {
        width: auto;
        height: auto;
        margin-top: 0.2rem;
    }

    .box_30 .box_67 {
        width: auto;
        height: auto;
        display: block;
    }

    .box_30 .text_67 {
        font-size: 0.18rem;
    }

    .box_30 .text-group_41 {
        margin: 32px 0 0 0;
        width: auto;
    }

    .box_30 .text-group_41 .to-more {
        display: none;
    }

    .box_30 .text_68 {
        margin: 0;
    }

    .box_30 .box_68 {
        margin: 32px 0 0 0;
    }

    .box_30 .box_68 span {
        font-size: 0.14rem;
    }

    .box_30 .box_68 img {
        width: 0.12rem;
        height: 0.12rem;
    }

    .box_30 .box_68 .to-more {
        display: inline-block;
    }

    .box_30 .box_69 {
        width: 3.722rem;
        height: auto;
        margin: 0;
        display: block;
        padding-bottom: 0.5rem;
    }

    .box_30 .box_69 span {
        font-size: 0.14rem;
    }

    .box_30 .box_69 img {
        width: 0.12rem;
        height: 0.12rem;
    }

    .box_30 .section_11 {
        position: relative;
        top: 0.8rem;
        width: 1.29rem;
        height: 0.36rem;
    }

    .box_30 .section_11 .text-wrapper_30 {
        width: 100%;
        height: 100%;
        border-radius: 0.04rem;
    }

    .box_30 .section_11 .text-wrapper_30 span {
        font-size: 0.14rem;
        line-height: 0.32rem;
        font-weight: bold;
    }
}

.logo {
    padding: 0.22rem 0.24rem;
    background: #fff;
    display: block;
}

.dl-menuwrapper #menuname {
    width: 100%;
    height: 1rem;
    background: #b5060d;
    color: #fff;
    font-size: 0.4rem;
    line-height: 0.9rem;
    padding-left: 0.28rem;
    display: none !important;
    position: absolute;
}

.dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
}

.dl-menuwrapper .dl-submenu {
    padding: 0;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: #fff;
    border: none;
    width: 0.24rem;
    height: 0.24rem;
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0.24rem;
    cursor: pointer;
    outline: none;
    font-size: 0.24rem;
    line-height: 1;
}

.dl-menuwrapper button.dl-active {
    background: url(close.png);
    background-size: cover;
    color: #667c87;
    font-size: 0.14rem;
}

.dl-menuwrapper button.dl-active:before {
    content: "\e61e";
}

.dl-menuwrapper button.dl-active:after {
    display: none;
}

.dl-menuwrapper ul {
    background: #fff;
}

.dl-menuwrapper button:after {
    position: absolute;
    width: 0.24rem;
    height: 0.04rem;
    background: #667c87;
    top: 0.12rem;
    left: 16%;
    box-shadow: 0 0.1rem 0 #667c87, 0 0.2rem 0 #667c87;
    box-shadow: 0 0.1rem 0 #667c87;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    padding: 0 0.28rem;
    padding-left: 0.24rem;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 0;
    font-size: 0.14rem;
    line-height: 0.5rem;
    height: 0.5rem;
    font-weight: 300;
    color: #39474e;
    outline: none;
}

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0.34rem;
    line-height: 1rem;
    font-family: "icomoon";
    speak: none;
    height: 0.32rem;
    width: 0.32rem;
    -webkit-font-smoothing: antialiased;
    background: url(arrow.png);
    background-size: cover;
    content: " ";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 0;
    width: 100%;
    display: none;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    display: block;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.dl-animate-in-1,.dl-animate-out-1 {
    display: none;
}

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s linear forwards;
    -moz-animation: MenuAnimOut1 0.4s linear forwards;
    animation: MenuAnimOut1 0.4s linear forwards;
}

.dl-menu.dl-animate-in-1 li {
    display: none !important;
}

.dl-menu.dl-animate-out-1 li {
    display: none !important;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out forwards;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out forwards;
    animation: MenuAnimOut2 0.3s ease-in-out forwards;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease forwards;
    -moz-animation: MenuAnimOut3 0.4s ease forwards;
    animation: MenuAnimOut3 0.4s ease forwards;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease forwards;
    -moz-animation: MenuAnimOut4 0.4s ease forwards;
    animation: MenuAnimOut4 0.4s ease forwards;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease forwards;
    -moz-animation: MenuAnimOut5 0.4s ease forwards;
    animation: MenuAnimOut5 0.4s ease forwards;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut1 {
    50% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -moz-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut3 {
    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut4 {
    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut5 {
    100% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s linear forwards;
    -moz-animation: MenuAnimIn1 0.3s linear forwards;
    animation: MenuAnimIn1 0.3s linear forwards;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out forwards;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out forwards;
    animation: MenuAnimIn2 0.3s ease-in-out forwards;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease forwards;
    -moz-animation: MenuAnimIn3 0.4s ease forwards;
    animation: MenuAnimIn3 0.4s ease forwards;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease forwards;
    -moz-animation: MenuAnimIn4 0.4s ease forwards;
    animation: MenuAnimIn4 0.4s ease forwards;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease forwards;
    -moz-animation: MenuAnimIn5 0.4s ease forwards;
    animation: MenuAnimIn5 0.4s ease forwards;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn1 {
    0% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 1;
    }

    20% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn3 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn4 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn5 {
    0% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease forwards;
    -moz-animation: SubMenuAnimIn1 0.4s ease forwards;
    animation: SubMenuAnimIn1 0.4s ease forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
    animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease forwards;
    -moz-animation: SubMenuAnimIn3 0.4s ease forwards;
    animation: SubMenuAnimIn3 0.4s ease forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease forwards;
    -moz-animation: SubMenuAnimIn4 0.4s ease forwards;
    animation: SubMenuAnimIn4 0.4s ease forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease forwards;
    -moz-animation: SubMenuAnimIn5 0.4s ease forwards;
    animation: SubMenuAnimIn5 0.4s ease forwards;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn1 {
    0% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn3 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn4 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn5 {
    0% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease forwards;
    -moz-animation: SubMenuAnimOut1 0.4s ease forwards;
    animation: SubMenuAnimOut1 0.4s ease forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
    animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease forwards;
    -moz-animation: SubMenuAnimOut3 0.4s ease forwards;
    animation: SubMenuAnimOut3 0.4s ease forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease forwards;
    -moz-animation: SubMenuAnimOut4 0.4s ease forwards;
    animation: SubMenuAnimOut4 0.4s ease forwards;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease forwards;
    -moz-animation: SubMenuAnimOut5 0.4s ease forwards;
    animation: SubMenuAnimOut5 0.4s ease forwards;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut1 {
    0% {
        -moz-transform: translateX(0);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% {
        -moz-transform: translateX(0);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut3 {
    0% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut4 {
    0% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut5 {
    0% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: "";
}

.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}

.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul {
    background: #d35400;
}

.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
}

.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul {
    background: #79a002;
}

.demo-5 .dl-menuwrapper button {
    background: #744783;
}

.demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul {
    background: #643771;
}

body {
    background-color: #fff;
    min-width: auto;
}

.content-container {
    max-width: 1372px;
    min-width: 1200px;
    margin: 0px auto;
}

.content-container:not(.bread-crumbs-navs, .banner-container) {
    margin-top: 60px;
}

.content-container.graybg-banner-container {
    margin-top: 12px;
}

.content-container.banner-container {
    margin-top: 14px;
}

.content-container.productions-preview-container {
    margin-top: 40px;
}

.section-title {
    margin-bottom: 26px;
    font-size: 20px;
}

.section-title::before {
    content: '';
    display: block;
    width: 3.5em;
    height: 4px;
    background-color: #851322;
}

.section-title .section-title-text {
    margin-top: 18px;
    font-weight: 500;
    color: #484848;
    letter-spacing: 6px;
}

.go-morepage {
    display: block;
    text-align: right;
    margin-bottom: 16px;
}

.go-morepage .gomore-btu {
    color: #2979ff;
}

.go-morepage .gomore-btu .gomore-text {
    font-size: 14px;
    font-weight: 400;
}

.go-morepage .gomore-btu .gomore-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.go-morepage .gomore-btu:hover {
    cursor: pointer;
    color: #23527c!important;
}

.bread-crumbs-navs {
    margin: 15px auto;
}

.bread-crumbs-navs .icon-arrow {
    width: 12px;
    height: 12px;
    margin: 0px 8px;
    font-size: 12px;
}

.bread-crumbs-navs .bread-crumbs-link {
    font-size: 14px;
    color: #484848;
    font-weight: 400;
}

.bread-crumbs-navs .bread-crumbs-link:hover {
    cursor: pointer;
}

.bread-crumbs-navs .bread-crumbs-link.home-page {
    color: #2979ff;
}

.to-more {
    display: inline-block;
    border-radius: 4px;
    border: 2px solid rgb(0, 94, 253);
    font-size: 16px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    color: rgb(0, 94, 253);
    margin-top: 30px;
    font-weight: 500;
    text-align: center;
    width: 150px;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.to-more:hover {
    background-color: #2979ff!important;
    color: #ffffff!important;
    outline: none;
}

.same-row-links-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.same-row-links-container .section-title, .same-row-links-container .same-row-links {
    flex: 1;
}

.same-row-links-container .link-item .link-item-a .link-text {
    margin-right: 8px;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-picture {
    flex: 1.55;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-picture .samerow-bigimg-desc-s, .samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-picture .samerow-bigimg-desc-i {
    width: 100%;
    height: auto;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .video-wrapper {
    flex: 1.85;
    height: 0px;
    position: relative;
    padding-bottom: 35%;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .video-wrapper .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info {
    align-self: center;
    flex: 1;
    margin: 0px 33px 0px 33px;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info:first-child {
    margin-left: 0
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-title {
    font-size: 24px;
    /* font-weight: 600; */
    color: #484848;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-steps {
    margin: 24px 0px;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-steps .samerow-bigimg-desc-step {
    font-size: 16px;
    font-weight: 400;
    color: #484848;
    line-height: 28px;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-ul {
    list-style-type: disc;
    list-style-position: inside;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-ul .samerow-bigimg-desc-step::marker {
    color: #a3a3a3;
}

.samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .to-more {
    /* margin-top: 0px; */
    /* padding: 8px 20px; */
}

.productions-preview-container {
    margin-top: 32px;
}

.productions-preview-container .productions-preview-desc {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.productions-preview-container .productions-preview-list {
    margin-top: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.productions-preview-container .productions-preview-list .productions-preview-item {
    /* max-width: 440px; */
    margin: 0px 1% 1% 1%;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 32%;
}

.productions-preview-container .productions-preview-list .productions-preview-item:first-child {
    margin-left: 0px;
}

.productions-preview-container .productions-preview-list .productions-preview-item:last-child {
    margin-right: 0px;
}

.productions-preview-container .productions-preview-list .productions-preview-item .item-mask {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.productions-preview-container .productions-preview-list .productions-preview-item .product-img {
    width: 100%;
    /* height: 659px; */
}

.productions-preview-container .productions-preview-list .productions-preview-item .product-desc {
    position: absolute;
    left: 9%;
    top: unset;
    bottom: 10%;
    z-index: 2;
}

.productions-preview-container .productions-preview-list .productions-preview-item .product-desc .product-name {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 16px;
    /* font-weight: bold; */
}

.productions-preview-container .productions-preview-list .productions-preview-item .product-desc .product-more-info {
    font-size: 14px;
    /* font-weight: bold; */
    color: #ffffff!important;
    margin-bottom: 10px;
    /* min-height: 3.1em; */
    /* color: inherit; */
}

.graybg-banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 174px;
    background-color: #ebeff1;
    margin-top: 12px;
}

.graybg-banner-container .graybg-slogan {
    font-weight: 300;
    color: #484848;
    font-size: 30px;
    max-width: 83%;
    text-align: center;
}

.leftSlogon-rightImg-banner-container {
    position: relative;
}

.leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner {
    position: relative;
}

.leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-bg {
    width: 100%;
    display: block;
}

.leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-bg .leftSlogon-rightImg-bg-s, .leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-bg .leftSlogon-rightImg-bg-i {
    width: 100%;
    /* min-height: 300px; */
}

.leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-slogon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px auto;
    width: 100%;
    max-width: 1372px;
}

.leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-slogon .slogon-text {
    max-width: 720px;
    font-size: 48px;
    font-weight: 300;
    color: #484848;
    line-height: 60px;
}

.important-info-list-container .important-info-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.important-info-list-container .important-info-list .important-info-item {
    width: 50%;
    padding: 66px 0px 0px 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    justify-content: flex-start;
}

.important-info-list-container .important-info-list .important-info-item .important-info-img {
    width: 60px;
    height: 60px;
}

.important-info-list-container .important-info-list .important-info-item .important-info {
    /* flex: 1; */
    margin-left: 20px;
    width: 78%;
    text-align: justify;
}

.important-info-list-container .important-info-list .important-info-item .important-info .info-title {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
}

.important-info-list-container .important-info-list .important-info-item .important-info .info-notice {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    margin: 8px 0px 16px 0px;
    list-style-position: inside;
    min-height: 200px;
}

.important-info-list-container .important-info-list .important-info-item .important-info .go-morepage {
    text-align: left;
}

.banner-navs-container {
    position: relative;
}

.banner-navs-container * {
    box-sizing: content-box;
}

.banner-navs-container .banner-navs-bg-slogon {
    position: relative;
    margin-bottom: 0;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-bg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 300px;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-bg .banner-navs-bg-s, .banner-navs-container .banner-navs-bg-slogon .banner-navs-bg .banner-navs-bg-i {
    width: 100%;
    min-height: 300px;
    object-fit: cover;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px auto;
    width: 100%;
    max-width: 1372px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text {
    font-size: 48px;
    font-weight: 300;
    color: #484848;
    line-height: 60px;
    max-width: 880px;
    margin-bottom: 10px;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text.profile-doc-slogon {
    font-size: 32px;
    font-weight: 300;
    color: #484848;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text-subtitle {
    font-size: 20px;
    font-weight: 600;
    color: #484848;
    max-width: 800px;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-sign {
    margin-top: 24px;
    width: 280px;
}

.banner-navs-container .banner-navs {
    max-width: 1272px;
    /* min-width: 358px; */
    margin: 0px auto 0px auto;
    padding: 0px 16px;
    background-color: #ffffff;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    transform: translate(0px, -15px);
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
    overflow-x: auto;
}

.banner-navs-container .banner-navs .banner-navs-item {
    flex: 1;
    display: inline-block;
    min-width: 90px;
    margin: 0px 20px;
    padding: 30px 0px;
    opacity: 0.6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 2px solid transparent;
}

.banner-navs-container .banner-navs .banner-navs-item .navs-img {
    width: 80px;
    height: 80px;
}

.banner-navs-container .banner-navs .banner-navs-item .navs-item-text {
    width: 100%;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.banner-navs-container .banner-navs .banner-navs-item:hover {
    cursor: pointer;
    opacity: 1;
}

.banner-navs-container .banner-navs .banner-navs-item.active {
    opacity: 1;
    border-bottom-color: #4e6069;
}

.link-item {
    margin-bottom: 10px;
    line-height: 28px;
}

.function-overview .section-title {
    margin: 0px auto;
}

.function-overview .function-overview-list {
    margin-top: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.function-overview .function-overview-list .function-overview-item {
    flex: 1;
    margin-right: 20px;
    opacity: 0.5;
}

.function-overview .function-overview-list .function-overview-item:last-child {
    margin-right: 0px;
}

.function-overview .function-overview-list .function-overview-item.active {
    opacity: 1;
}

.function-overview .function-overview-list .function-overview-item:hover {
    cursor: pointer;
    opacity: 1;
}

.function-overview .function-overview-list .function-overview-item .function-img {
    display: block;
    width: 80px;
    margin: 0px auto;
}

.function-overview .function-overview-list .function-overview-item .function-name {
    margin: 24px auto;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #484848;
}

.img-box {
    /* height: 480px; */
    display: flex;
    margin-top: 40px;
}

.img-box img {
    width: 66%;
}

.content-box {
    padding-bottom: 0;
}

.accouncement-box {
    margin-top: 40px;
}

.img-box:nth-child(even) {
    flex-direction: row-reverse;
}

.img-box:nth-child(even) .img-content {
    padding-left: 0;
    padding-right: 40px;
}

.img-content {
    padding-left: 40px;
    justify-content: center;
    width: 34%;
}

.img-content .img-title {
    font-size: 24px;
    /* font-weight: 600; */
    color: #484848;
    line-height: 40px;
    margin-bottom: 0;
}

.img-content .img-desc {
    font-size: 16px;
    width: 100%;
    color: #484848;
    line-height: 28px;
    margin-top: 24px;
}

@keyframes iconLinkMore {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(50%);
    }
}

@keyframes iconReturnBack {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-50%);
    }
}

.link-item-a {
    font-size: 16px;
    font-weight: 400;
    color: rgb(0, 94, 253);
    /* display: flex; */
    /* justify-content: flex-start; */
    /* align-items: center; */
    /* text-decoration: none; */
    /* height: 30px; */
    line-height: 30px;
    display: block;
}

.link-item-a .link-img-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.link-item-a .link-text {
    max-width: 100%;
    /* display: inline-block; */
}

.link-item-a:hover {
    cursor: pointer;
    color: #23527c;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

.link-item-a:hover .icon-link-more-blue {
    animation: iconLinkMore 0.8s ease-in-out 0s infinite normal both;
}

.link-item-a:hover.return-back .icon-arrowback {
    animation: iconReturnBack 0.8s ease-in-out 0s infinite normal both;
}

.link-item-a.no-link:hover {
    cursor: none;
}

.link-item-a .link-icon {
    display: inline-block;
}

.common-link:hover {
    text-decoration: underline;
}

.tab-navs {
    width: 90%;
    max-width: 1180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 45px auto 40px auto;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    height: 70px;
    border-radius: 5px;
}

.tab-navs .tab-navs-item {
    display: inline-block;
    flex: 1;
    font-size: 18px;
    font-weight: 400;
    color: #484848;
    text-align: center;
    line-height: 3.7em;
    vertical-align: middle;
}

.tab-navs .tab-navs-item.active {
    font-weight: bold;
    color: #ffffff;
    background-color: #7c909b;
    height: 80px;
    border-radius: 5px;
    line-height: 80px;
}

.tab-navs .tab-navs-item:hover {
    font-weight: bold;
    color: #ffffff!important;
    background-color: #7c909b;
    cursor: pointer;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
}

.tab-buttons-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    max-width: 1180px;
    margin: 45px auto;
    height: 70px;
    border-radius: 5px;
}

.tab-buttons-container .tab-button {
    flex: 1;
    padding: 20px 0px;
    font-size: 18px;
    font-weight: 400;
    color: #484848;
    text-align: center;
    vertical-align: middle;
}

.tab-buttons-container .tab-button.active {
    font-weight: bold;
    color: #ffffff;
    background-color: #7c909b;
    height: 80px;
    line-height: 40px;
    border-radius: 5px;
}

.tab-buttons-container .tab-button:hover {
    font-weight: bold;
    color: #ffffff!important;
    background-color: #7c909b;
    height: 80px;
    line-height: 40px;
    border-radius: 5px;
}

.tab-buttons-container .divide-line {
    width: 1px;
    height: 32px;
    background-color: #ebeff1;
}

.tab-buttons-container .divide-line:last-child {
    display: none;
}

.expand-all-container {
    text-align: right;
    margin: 12px 0px;
    font-size: 14px;
}

.expand-all-container .link-item-a, .expand-all-container .link-text, .expand-all-container .link-icon {
    font-size: inherit;
}

.expand-all-container .link-item-a {
    justify-content: flex-end;
}

.expand-all-container .unfold-all.active .link-icon {
    transform: rotateZ(180deg);
}

.inc_panelList .inc_panelList-nav {
    font-size: 14px;
    font-weight: bold;
    color: #bcbcbc;
    padding: 5px 0px;
    margin-bottom: 10px;
    cursor: pointer;
}

.inc_panelList .inc_panelList-nav:hover, .inc_panelList .inc_panelList-nav.active {
    font-weight: bold;
    color: #484848;
}

.panel-list .panel-item {
    padding-right: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.panel-list .panel-item.active .panel-header .panel-icon {
    transform: rotate(180deg);
}

.panel-list .panel-item.active .panel-body {
    display: block;
}

.panel-list .panel-item .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 0px 21px 0px;
}

.panel-list .panel-item .panel-header:hover {
    cursor: pointer;
}

.panel-list .panel-item .panel-header .panel-title {
    font-size: 16px;
    font-weight: bold;
    color: #484848;
    width: 96%;
}

.panel-list .panel-item .panel-header .panel-title .panel-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
}

.panel-list .panel-item .panel-body {
    display: none;
    padding: 0 0 27px 0px;
}

.some-plan-banner-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 20px;
}

.banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text-subtitle {
    font-size: 32px;
    font-weight: 300;
    color: #484848;
}

.some-plan-banner-container .some-plan-illustration {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.some-plan-banner-container .some-plan-illustration.some-plan-illustration-pc {
    width: 47%;
    padding: 24px 53px;
    margin-top: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.08);
}

.some-plan-banner-container .some-plan-illustration.some-plan-illustration-pc .illutration-item.illutration-left {
    border-right: 1px solid #dfe2e6;
}

.some-plan-banner-container .some-plan-illustration.some-plan-illustration-pc .illutration-item.illutration-right {
    margin-left: 20px;
}

.some-plan-banner-container .some-plan-illustration.some-plan-illustration-m {
    display: none;
}

.some-plan-banner-container .some-plan-illustration .illutration-item-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    color: #484848;
}

.some-plan-banner-container .some-plan-illustration .illutration-item {
    flex: 1;
}

.some-plan-banner-container .some-plan-illustration .illutration-item .illutration-item-ul {
    list-style-type: disc;
    list-style-position: inside;
}

.some-plan-banner-container .some-plan-illustration .illutration-item .illutration-item-ul .illutration-item-li {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    margin: 12px 0px;
}

.some-plan-banner-container .some-plan-illustration .illutration-item .illutration-item-ul .illutration-item-li::marker {
    color: #a3a3a3;
}

.some-plan-banner-container .some-plan-illustration .illutration-item .illutration-item-ul .illutration-item-li .illutration-item-li-label {
    font-weight: bold;
}

.some-plan-banner-container .some-plan-illustration .illutration-btu-container {
    width: 100%;
    text-align: left;
    /* margin-top: 15px; */
}

.application-understand .understand-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.application-understand .understand-list .understand-item-title {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
    margin-right: 40px;
    flex: 1;
}

.application-understand .understand-list .understand-item-list {
    flex: 3;
    list-style-type: disc;
    list-style-position: inside;
}

.application-understand .understand-list .understand-item-list .understand-item-li {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    margin-bottom: 20px;
}

.application-understand .understand-list .understand-item-list .understand-item-li::marker {
    color: #a3a3a3;
}

.application-understand .understand-list .understand-item-list .understand-item-li-subul {
    margin-left: 2em;
    list-style-type: disc;
    list-style-position: inside;
}

.application-understand .understand-list .understand-item-list .understand-item-li-subul .understand-item-subli {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    margin-bottom: 20px;
}

.application-understand .understand-list .understand-item-list .understand-item-li-subul .understand-item-subli::marker {
    color: #a3a3a3;
    opacity: 0.5;
}

.application-understand .understand-list-divide {
    height: 1px;
    background-color: #dfe2e6;
    margin: 40px 0px;
}

.application-understand .selection-process {
    margin-top: 60px;
}

.application-understand .selection-process .selection-process-title {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
    margin-bottom: 8px;
}

.application-understand .selection-process .selection-process-desc {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.immdediate-applicaiton {
    padding: 65px;
    background-color: #ebf1f8;
}

.immdediate-applicaiton .immdediate-applicaiton-desc1 {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
}

.immdediate-applicaiton .immdediate-applicaiton-desc2 {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    margin: 10px 0px 0px 0px;
}

.inc_tab .inc_tab-headers .inc_tab-nav {
    font-size: 14px;
    font-weight: bold;
    color: #bcbcbc;
    padding: 5px 0px;
    margin-bottom: 10px;
}

.inc_tab .inc_tab-headers .inc_tab-nav[tab-from]:hover {
    cursor: pointer;
    font-weight: bold;
    color: #484848;
}

.inc_tab .inc_tab-headers .inc_tab-nav.active {
    font-weight: bold;
    color: #484848;
}

.inc_tab .inc_tab-headers .inc_tab-nav-children {
    padding-left: 1em;
}

.inc_tab .inc_tab-body .inc_tab-content {
    display: none;
}

.inc_tab .inc_tab-body .inc_tab-content.active {
    display: block;
}

.table-pc .common-table {
    width: 100%;
}

.table-pc td, .table-pc th {
    padding: 5px 10px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #d1cdc4;
}

.table-pc .table-thead tr {
    background-color: #777777;
}

.table-pc .table-thead tr th {
    color: #fff;
    white-space: nowrap;
}

.table-pc .table-tbody td {
    color: #484848;
}

.table-pc .table-tbody tr:nth-child(odd) {
    background-color: #fff;
}

.table-pc .table-tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.table-m {
    display: none;
}

.features_right {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 30%;
}

.features_right .features_item {
    width: 48%;
    min-height: 90px;
    border-radius: 6px;
    /* background: #F5F7F7; */
    font-size: 18px;
    /* font-weight: bold; */
    color: #484848;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 15px 8px rgba(0, 0, 0, 0.03);
}

.features-item-img {
    width: 60px;
    height: 60px;
    margin-right: 12px;
}

.features_right .features_item p {
    width: 70%;
}

.global-button-red {
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff!important;
    padding: 13px 30px;
    background-image: linear-gradient(270deg, #cb2d3e 0%, #ef473a 100%);
    border-radius: 5px;
    background: linear-gradient(to left, #ef473a, #cb2d3e);
    padding: 0px 30px;
    height: auto;
    min-height: 60px;
    font-size: 18px;
    font-weight: bold;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 60px;
}

@media screen and (max-width: 750px) {
    .samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-steps {
        margin: 24px 0px 0;
    }

    .tab-buttons-container .tab-button.active {
        font-weight: bold;
        color: #ffffff;
        background-color: #7c909b;
        height: 60px;
        line-height: 20px;
        /* padding: 10px 0; */
        border-radius: 5px;
    }

    .content-container {
        margin: 6px 16px;
        min-width: auto;
        line-height: 26px;
    }

    .content-container:not(.bread-crumbs-navs) {
        margin-top: 40px;
    }

    .section-title {
        margin-bottom: 32px;
    }

    .section-title .section-title-text {
        font-size: 16px;
        margin-top: 12px;
    }

    .to-more {
        /* font-weight: bold; */
        margin-top: 16px;
        padding: 0;
    }

    .same-row-links-container {
        flex-wrap: wrap;
    }

    .same-row-links-container .section-title, .same-row-links-container .same-row-links {
        width: 100%;
        flex: none;
    }

    .samerow-bigimg-desc-container .samerow-bigimg-desc {
        flex-wrap: wrap;
    }

    .samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-picture {
        width: 100%;
        flex: none;
        order: 1;
    }

    .samerow-bigimg-desc-container .samerow-bigimg-desc .video-wrapper {
        flex: none;
        width: 100%;
        order: 1;
        padding-bottom: 57%;
    }

    .samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info {
        order: 2;
        width: 100%;
        flex: none;
        margin: 16px 0px;
    }

    .samerow-bigimg-desc-container .samerow-bigimg-desc .samerow-bigimg-desc-info .samerow-bigimg-desc-title {
        font-size: 20px;
        line-height: 32px;
        font-weight: 500;
    }

    .productions-preview-container .productions-preview-list {
        justify-content: center;
        margin-top: 0;
    }

    .productions-preview-container .productions-preview-list .productions-preview-item {
        width: 100%;
        margin: 13px 0px 0;
    }

    .productions-preview-container .productions-preview-list .productions-preview-item:first-child {
        margin: 13px 0 0px;
    }

    .productions-preview-container .productions-preview-list .productions-preview-item:last-child {
        margin-bottom: 0px;
    }

    .productions-preview-container .productions-preview-list .productions-preview-item .product-desc {
        top: 67%;
        width: 82%;
    }

    .leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-slogon {
        /* max-width: 342px; */
        position: static;
        transform: translate(0px, 0px);
        margin: 24px 16px 30px 16px!important;
        width: auto;
        /* padding: 24px 16px 0; */
    }

    .leftSlogon-rightImg-banner-container .leftSlogon-rightImg-banner .leftSlogon-rightImg-banner-slogon .slogon-text {
        /* max-width: 358px; */
        font-size: 24px;
        /* font-weight: bold; */
        /* color: #484848; */
        line-height: 34px;
        /* padding: 0 16px; */
        /* text-align: center; */
    }

    .important-info-list-container .important-info-list .important-info-item {
        width: 100%;
        padding: 48px 0 0;
        flex-direction: column;
    }

    .important-info-list-container .important-info-list .important-info-item:first-child {
        padding: 0px;
        width: 100%;
    }

    .important-info-list-container .important-info-list .important-info-item .important-info {
        border: none;
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .important-info-list-container .important-info-list .important-info-item .important-info .info-title {
        font-size: 18px;
    }

    .important-info-list-container .important-info-list .important-info-item .important-info .info-notice {
        margin: 16px 0px 8px 0px;
        min-height: auto;
    }

    .banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon {
        justify-content: flex-start;
        width: auto;
        top: 10%;
        /* padding: 0 16px; */
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        margin: 24px 16px 30px 16px!important;
    }

    .banner-navs-container .banner-navs-bg-slogon .banner-navs-bg {
        min-height: auto;
    }

    .banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text {
        max-width: 100%;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 32px;
        font-weight: 500;
        /* padding: 20px 16px 0; */
    }

    .banner-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-sign {
        margin-top: 0;
    }

    .banner-navs-container .banner-navs {
        width: auto;
        padding: 0px;
        justify-content: flex-start;
        margin: 0 16px;
    }

    .banner-navs-container .banner-navs .banner-navs-item {
        width: 130px;
        height: 110px;
        flex: none;
        margin: 0;
        padding: 16px 0px;
    }

    .banner-navs-container .banner-navs .banner-navs-item .navs-img {
        width: 44px;
        height: 44px;
    }

    .banner-navs-container .banner-navs .banner-navs-item .navs-item-text {
        margin-top: 5px;
    }

    .banner-navs-container.career-life-navs-container .banner-navs-bg-slogon .banner-navs-slogon {
        /* position: static; */
        /* transform: none; */
        /* align-items: flex-start; */
        margin: 24px 16px 30px 16px!important;
        width: auto;
        /* padding-top: 0; */
    }

    .banner-navs-container.career-life-navs-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text {
        padding: 0;
    }

    .banner-navs-container.company-banner-nav-container .banner-navs-bg-slogon .banner-navs-slogon {
        position: static;
        transform: translate(0px);
        padding: 24px;
        background-color: #f9f9f9;
    }

    .banner-navs-container.company-banner-nav-container .banner-navs-bg-slogon .banner-navs-slogon .slogon-text {
        max-width: 342px;
        font-size: 24px;
        font-weight: bold;
        line-height: 34px;
        margin: 0px auto 0px 0px;
    }

    .tab-navs {
        width: auto;
        margin-left: 16px;
        margin-right: 16px;
        height: 56px;
    }

    .tab-navs .tab-navs-item {
        font-size: 14px;
    }

    .tab-navs .tab-navs-item.active {
        height: 60px;
        line-height: 60px;
    }

    .tab-navs .tab-navs-item:hover {
        height: 60px;
        line-height: 60px;
    }

    .tab-buttons-container {
        width: 100%;
    }

    .panel-list {
        width: 100%;
        padding-right: 0;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-pc {
        display: none;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m {
        display: flex;
        padding: 24px;
        margin: 0px 16px 0px 16px;
        box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.06);
        transform: translateY(-23px);
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item {
        display: none;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item.active {
        display: block;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title {
        font-size: 14px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.16rem;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title .TRS_UEDITOR {
        font-weight: 400;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title .left {
        width: 50%!important;
        padding-right: 0.1rem;
        border-right: 1px solid #d8d8d8;
        box-sizing: border-box;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title .right {
        width: 50%!important;
        padding-left: 0.1rem;
        box-sizing: border-box;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title .illutration-item-title-divide {
        width: 1px;
        height: 1.5em;
        background-color: #d8d8d8;
        margin: 0px 3%;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title .illutration-item-title-item {
        flex: 1;
        text-align: left;
        color: rgba(72, 72, 72, 0.5);
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-item-title .illutration-item-title-item.active {
        font-weight: 600;
        color: #484848;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-tabs-contents {
        width: 100%;
    }

    .some-plan-banner-container .some-plan-illustration.some-plan-illustration-m .illutration-btu-container .illutration-btu {
        display: block;
        text-align: center;
    }

    .application-understand .understand-list .understand-item-title {
        flex: none;
        width: 100%;
        margin-bottom: 21px;
    }

    .application-understand .understand-list .understand-item-title.application-title {
        margin-top: 7px;
    }

    .application-understand .understand-list .understand-item-list {
        flex: none;
        width: 100%;
    }

    .application-understand .understand-list-divide {
        margin: 0px;
        background-color: transparent;
    }

    .application-understand .selection-process {
        margin-top: 24px;
    }

    .inc_tab .inc_tab-headers {
        width: 100%;
        overflow-x: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 24px;
    }

    .inc_tab .inc_tab-headers .inc_tab-nav {
        display: none;
        min-width: 4em;
        max-width: 10em;
        border-bottom: 4px solid transparent;
        text-align: center;
        padding: 6px 0px;
        margin-bottom: 0px;
        margin-right: 10px;
    }

    .inc_tab .inc_tab-headers .inc_tab-nav[tab-from] {
        display: block;
    }

    .inc_tab .inc_tab-headers .inc_tab-nav.active {
        font-weight: bold;
        color: #484848;
        border-bottom-color: #851322;
    }

    .inc_tab .inc_tab-headers .inc_tab-nav-children {
        padding-left: 0px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .inc_tab .inc_tab-body {
        width: 100%;
    }

    .table-pc {
        display: none;
    }

    .table-m {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }

    .table-m .table-head {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 30%;
        height: 100%;
        box-shadow: 5px 0px 10px 4px rgba(0, 0, 0, 0.1);
    }

    .table-m .table-head .table-head-tr {
        width: 100%;
        height: 100%;
    }

    .table-m .table-head .table-head-tr .table-head-th {
        width: 100%;
        height: 136px;
        text-align: center;
        border: 1px solid rgba(217, 217, 217, 0.5);
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
    }

    .table-m .table-head .table-head-tr .table-head-th .table-head-text {
        flex: 1;
    }

    .table-m .table-body {
        width: 67%;
        margin-left: 30%;
    }

    .table-m .table-body .table-tbody-tr {
        width: 100%;
    }

    .table-m .table-body .table-tbody-tr .table-tbody-td {
        width: 100%;
        height: 136px;
        text-align: center;
        border: 1px solid rgba(217, 217, 217, 0.5);
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
    }

    .table-m .table-body .table-tbody-tr .table-tbody-td .table-tbody-text {
        flex: 1;
    }

    .table-m .swiper-pagination-term {
        text-align: center;
    }
}

@media (min-width: 751px) and (max-width: 991px) {
    .img-list .service .service-intro {
        /* width: 59% !important; */ /* left: 38% !important; */
    }

    .to-more {
        /* margin-top: 10px; */
    }

    .img-list .service .service-intro .service-title {
        font-size: 25px !important;
    }
}

@media only screen and (min-width: 751px) and (max-width:1120px) {
    .productions-preview-container .productions-preview-list .productions-preview-item .product-desc {
        /* top:53%; */
    }
}

@media only screen and (max-width: 1400px) and (min-width: 750px) {
    .trs-container, .content-container, .img-list .img-list-item .intro-desc, .article-block, .text_article, .production-banner {
        padding-left: 40px;
        padding-right: 40px;
        min-width: 1200px;
    }

    .banner_link .banner-text {
        margin: 0 40px;
    }

    .tab-buttons-container {
        margin-left: 40px!important;
        margin-right: 40px!important;
    }

    .slogon-text, .slogon-word, .slogon-sign,.slogon-text-subtitle {
        padding-left: 40px;
    }

    .accouncement-box .accouncement-content {
        padding-left: 80px;
        flex: 1;
    }

    .some-plan-illustration-pc {
        margin-left: 40px;
    }

    .inc-header-notice .close-notice-btn {
        right: 20px;
    }

    .banner-navs-container .banner-navs {
        margin: 0 40px;
    }
}

ol, ul, p, span, div, dl, a {
    margin: 0;
}

body {
    background: #fff;
}

a {
    cursor: pointer;
}

a:hover {
    color: #23527c!important;
    text-decoration: none;
}

.control {
    width: 100%;
    overflow: hidden;
    /* max-width: 2000px; */
    margin: 0 auto;
    position: relative;
}

.trs-container {
    margin: 0 auto;
    position: relative;
}

.container_fluid {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.main_body {
    background-color: #fff;
    overflow: hidden;
    min-height: 500px;
    position: relative;
    margin-top: 26px;
    padding: 13px;
}

.main_content {
    margin: 0 auto;
}

.banner {
    background: #f1f0ee;
}

.navbar {
    border-top: 1px solid #d7d7d7;
    border-bottom: 5px solid #ca3537;
    height: 45px;
}

.navbar ul {
    width: 1000px;
    height: 45px;
    margin: 0 auto;
}

.navbar ul:before, .navbar ul:after {
    content: " ";
    display: table;
}

.navbar ul:after {
    clear: both;
}

.navbar li {
    float: left;
    border-right: 1px solid #d7d7d7;
}

.navbar li:last-child {
    border-right: 0;
}

.navbar a {
    height: 45px;
    display: block;
    line-height: 45px;
    text-align: center;
    padding: 0 17px;
}

.navbar .active {
    background: #ca3537;
    color: #fff;
}

.left {
    float: left;
}

.main_footer .footer-content .content-top .right {
    padding-right: 40px;
}

.main_footer .footer-content .location .left .right {
    padding: 0;
}

.right {
    float: right;
}

.cur {
    cursor: pointer;
}

.dl-menuwrapper {
    position: relative;
    z-index: 999;
}

.accouncement-box .more_m {
    display: none;
}

.accouncement-box .more_pc {
    display: block;
    text-align: right;
    margin: 16px 0;
    color: #2979ff;
}

.accouncement-box .list-desc {
    text-align: justify;
}

@media screen and (max-width: 750px) {
    .accouncement-box .more_m {
        display:block;
        float: right;
        color: #2979ff;
    }

    .accouncement-box .more_pc {
        display: none;
    }

    .banner-navs-container .banner-navs-bg-slogon {
        min-height: auto;
        margin-bottom: 40px;
    }
}

.trs_web img,.TRS_UEDITOR img {
    max-width: 100%;
}

.trs_web a,.TRS_UEDITOR a {
    color: #2979ff;
}

.trs_web table,.TRS_UEDITOR table {
    width: 100%!important;
}

.trs_web table tr:first-child {
    background-color: #777777;
    color: #fff!important;
    white-space: nowrap;
    text-align: center;
}

.trs_web table tr:first-child td {
    background-color: #cb2d3e;
}

.trs_web table tr:first-child p {
    color: #fff!important;
}

.trs_web table tr:first-child span {
    color: #fff!important;
}

.TRS_UEDITOR table tr:first-child {
    background-color: #777777;
    color: #fff!important;
    white-space: nowrap;
    text-align: center;
    font-weight: 600;
}

.TRS_UEDITOR table table tr:first-child {
    text-align: left;
    font-weight: 400;
}

.TRS_UEDITOR table tr:first-child td {
    background-color: #cb2d3e;
    text-align: center;
}

.TRS_UEDITOR table table tr:first-child td {
    text-align: left;
    background-color: #FFFFFF;
}

.TRS_UEDITOR table tr:first-child p {
    color: #fff!important;
}

.TRS_UEDITOR table tr:first-child span {
    color: #fff!important;
}

p,span,button,a,table,tr,th,td,dd,dl,dt,label,select,h1,h2,h3,h4,h5,h6,input, ul,li,ol,div, textarea,address, cite, dfn, em, var,code, kbd, pre, samp,small,sup,sub {
    font-family: STYuanti-SC-Regular, STYuanti-SC, Microsoft YaHei, PingFangSC-Regular, PingFang SC-Light, Geomanist, Open_Sans, Helvetica Neue, Helvetica, Tahoma, Arial!important;
}

.red-common-btn {
    width: 180px;
    margin-top: 20px;
    background: linear-gradient(to left, #ef473a, #cb2d3e)!important;
    transition: color 0.3s linear;
    font-weight: bold!important;
    font-size: 18px!important;
    color: #FFFFFF!important;
    border-radius: 5px;
    text-align: center!important;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}

.red-common-btn:hover {
    background: #cb2d3e!important;
    color: #FFFFFF!important;
}

@media (min-width: 751px) and (max-width: 1201px) {
    body {
        min-width: 1200px;
    }
}

@media (max-width: 750px) {
    .graybg-banner-container .graybg-slogan {
        font-size: 20px;
        padding: 30px 0;
    }

    .graybg-banner-container {
        min-height: 120px;
        height: auto;
    }

    .function-overview .function-overview-list .function-overview-item:nth-child(3n+3) {
        margin-right: 0px;
    }

    .red-common-btn {
        width: 100%
    }

    .tab-buttons-container .tab-button:hover {
        height: 60px;
        line-height: 20px;
    }

    .mobile_features .features_item {
        min-height: 90px;
    }
}

.personal_selfService_tdfc {
    position: relative;
    display: none;
}

.personal_selfService_tdfc .swiper-slide {
    padding: 20px;
}

.personal_selfService_tdfc .personal_selfService_left {
    width: 50%;
    /* min-width: 179px; */
    position: absolute;
    top: 20px;
    left: 0px;
    background: #ffffff;
    z-index: 10;
    padding-left: 20px;
}

.personal_selfService_tdfc .personal_selfService_left .interest-rate {
    display: flex;
    flex-direction: column;
    box-shadow: 5px 3px 10px 4px rgba(0, 0, 0, 0.1);
}

.personal_selfService_tdfc .personal_selfService_left .interest-rate .interest-rate-top, .personal_selfService_tdfc .personal_selfService_left .interest-rate .interest-rate-bottom {
    width: 100%;
    /* min-width: 179px; */
    height: 136px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #eeeeee;
    flex-direction: column;
    /* white-space: pre-wrap; */
    word-break: break-all;
    padding: 0 5px;
}

.personal_selfService_tdfc .personal_selfService_left .interest-rate .interest-rate-bottom:first-child {
    font-weight: 600;
}

.interest-rate-slide .interest-rate-bottom:first-child {
    font-weight: 600;
}

.personal_selfService_tdfc .personal_selfService_left .interest-rate .interest-rate-top {
    border-bottom: 2px solid #eeeeee;
}

.interest-rate-slide {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 50%;
    box-shadow: 5px 3px 10px 4px rgba(0, 0, 0, 0.1);
}

.interest-rate-slide .interest-rate-top, .interest-rate-slide .interest-rate-bottom {
    width: 100%;
    height: 136px;
    background: #ffffff;
    border-bottom: 2px solid #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 5px;
}

.interest-rate-slide .interest-rate-top {
    border-bottom: 2px solid #eeeeee;
}

.co .trs_web b, .co .trs_web strong, .co .trs_web, .co .trs_web div, .co .trs_web p, .co .trs_web span, .co .TRS_UEDITOR, .co .TRS_UEDITOR div, .co .TRS_UEDITOR p, .co .TRS_UEDITOR span, .co .TRS_UEDITOR li, .co .trs_web a, .co .TRS_UEDITOR a, .co .TRS_UEDITOR b, .co .TRS_UEDITOR strong {
    font-size: 18px!important;
    line-height: 26px!important;
}

@media (max-width: 750px) {
    .personal_selfService_tdfc {
        display: block;
    }

    .staff-welfare-list .swiper-pagination .swiper-pagination-bullet {
        box-sizing: content-box;
        width: 12px;
        height: 12px;
        background-color: #94a4ad;
        border: 3px solid transparent;
    }

    .staff-welfare-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #eaedef;
    }

    .staff-welfare-list .swiper-wrapper {
        margin-bottom: 64px;
    }

    .main_footer .footer-content .content-top .right {
        padding-right: 0;
    }
}

/*# sourceMappingURL=global.css.map */