* {
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 0;
}

a,
a:hover {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pb10 {
    padding-bottom: 10px;
}

.inner {
    max-width: 100%;
    width: 1156px;
    margin: 0 auto;
}

.inner-big {
    max-width: 100%;
    width: 1440px;
}

h3 {
    font-weight: normal;
    padding: 40px 0;
    text-align: center;
}

body {
    overflow-x: hidden;
    user-select: none;
    box-sizing: border-box;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Semibold;
}

.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #252d40;
    z-index: 3;
}

.iconmb {
    font-weight: normal;
    font-style: normal;
}

.ml4 {
    margin-left: 4px;
}

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

section,
footer {
    transition: 0.5s linear all;
}

.section {
    transform: translateY(80px);
    /* opacity: 0.5; */
}

.z4 {
    z-index: 4 !important;
}

.page-footer.section {
    transform: translateY(0);
}


/* end of total reset */

.container {
    padding-left: 0;
    padding-right: 0;
}

.row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
}

.col {
    padding-left: 0;
    padding-right: 0;
}


/* end of botstrap reset */

.head {
    background: #fafafa;
}

.nav-bar {
    height: 64px;
    z-index: 4;
    position: relative;
    margin: 0 auto;
}

.nav-bar.fixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.nav-bar nav,
.nav-bar .nav-item,
.nav-bar .logo,
.nav-bar .action {
    background: transparent;
}

.nav-bar.fixed,
.nav-bar.fixed nav,
.nav-bar.fixed .nav-item,
.nav-bar.fixed .logo,
.nav-bar.fixed .action {
    background: #252d40;
}

.nav-bar .nav-link {
    color: #ffffff;
}

.nav-bar .light-logo,
.nav-bar.dark .dark-logo {
    display: block;
}

.nav-bar.dark .light-logo,
.nav-bar .dark-logo {
    display: none;
}

.nav-bar.fixed .light-logo {
    display: block;
}

.nav-bar.dark .nav-link {
    color: #4e5969;
}

.nav-bar.fixed .nav-link {
    color: #ffffff;
}

.nav-bar.fixed .dark-logo {
    display: none;
}

.nav-bar .nav-item~.nav-item {
    padding-left: 12px;
}

.nav-bar .nav-link.button {
    color: #fff;
    height: 30px;
    background: #f19240;
    border-radius: 4px;
    line-height: 30px;
    margin-top: 15px;
}

.nav-links {
    color: #fff;
    height: 36px;
    border-radius: 4px;
    line-height: 64px;
    margin-top: 12px;
    margin-right: 20px;
}

.nav-links:hover {
    color: #fff;
}

.nav-bar .nav-link.button:hover {
    color: #fff;
}

.nav-bar .nav-item.active a.nav-link.button {
    color: #fff;
}

.nav-bar .nav-link:hover,
.nav-bar .nav-link.active {
    color: #f19240;
}

.nav-link {
    padding: 0 16px;
    font-size: 14px;
    height: 64px;
    line-height: 64px;
    position: relative;
}

.nav-item .nav-link:after {
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #f19240;
    border-radius: 100px;
    bottom: 0;
    position: absolute;
    transition: 0.2s ease-in-out all;
}

.nav-item.active .nav-link:after {
    width: 70%;
}

.nav-bar .logo {
    /* display: inline-block;
    padding: 19px 0;
    width: 168px;
    height: 64px;
    margin: 0 0 0 48px; */
    /* 调整logo拉伸 */
    display: inline-block;
    padding: 16px 0 22px 0;
    width: 168px;
    height: 66px;
    margin: 0 0px -1px 48px;
    transform: scale(0.8);
}

.nav-bar .menu {
    padding-left: 146px;
}

.nav-bar .action {
    padding-right: 64px;
}

.carousel .carousel-indicators {
    bottom: 0px;
    padding: 30px 0;
    margin-bottom: 0;
}

.carousel .carousel-indicators li {
    width: 60px;
    height: 6px;
    padding: 0;
    /* background: #e5e6eb; */
    border-radius: 100px;
    border: 0;
}

.carousel .carousel-indicators li.active {
    background: #f19240;
}

.carousel.dark .carousel-indicators li,
.carousel.dark .carousel-indicators li.active {
    background: rgba(78, 89, 105, 0.2);
}

.nav-bar .nav-item .iconmb {
    display: inline-block;
    margin-left: 2px;
    transition: 0.2s linear all;
}

.nav-bar .nav-item {
    position: relative;
}

.sub-nav {
    position: absolute;
    left: 0;
    top: 0px;
    width: 1156px;
    height: 441px;
    background: #ffffff;
    top: 64px;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: -1;
    opacity: 0;
    transition: none;
    transform: translateY(-100%);
}

.sub-nav-single {
    width: 90px;
    height: auto;
    background: #ffffff;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    left: 50% !important;
    margin-left: -38px;
}

.sub-nav-single a {
    padding-right: 0;
    margin-right: 0;
    text-align: center;
    white-space: nowrap;
    display: block;
    height: 48px;
    line-height: 48px;
    color: #1d2129;
}

.sub-nav-single a:hover {
    color: #f19240;
}

.nav-bar .nav-item.active .sub-nav {
    transition: 0.2s opacity ease-in-out;
    opacity: 1;
    top: 64px;
    transform: translateY(0);
}

.nav-bar .nav-item.active .icon-xiala {
    transform: rotateZ(180deg);
    transform-origin: center;
}

.sub-nav .col {
    flex: none;
    width: 385px;
    padding: 32px 92.5px 0 92.5px;
}

.sub-nav .hd {
    color: #86909c;
    line-height: 24px;
    font-size: 18px;
    height: 37px;
    border-bottom: 1px solid #e5e6eb;
    text-align: left;
}

.sub-nav .sub-item a {
    opacity: 0;
    transform: translateX(20px);
    transition: none;
}

.nav-bar .nav-item a.desc {
    transform: translateX(0);
    opacity: 0;
}

.nav-bar .nav-item.active a.desc {
    transition-delay: 0.8s;
    text-align: left;
}

.nav-bar .nav-item.active a,
.nav-bar .nav-item.active a.desc {
    transition: 0.3s ease-in transform 0.3s, 0.3s ease-in opacity 0.3s;
    opacity: 1;
    transform: translateX(0);
}

.nav-bar .nav-item.active a.nav-link {
    color: #f19240;
    transition-duration: 0.1s;
    transition-delay: 0s;
}

.sub-nav .sub-item a {
    color: #4e5969;
    line-height: 22px;
    margin-top: 24px;
    font-weight: 500;
}

.sub-nav .sub-item a:hover {
    color: #f19240;
}

.sub-nav .sub-item .desc {
    display: block;
    color: #86909c;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    font-weight: normal;
}

.sub-nav .sub-item .desc:hover {
    color: #86909c;
}

.col-tag {
    font-size: 12px;
    padding: 0 8px;
    width: 42px;
    height: 18px;
    background: #ffefed;
    border-radius: 2px;
    color: #ff4930;
}

.col-tag b {
    height: 18px;
}

.col-tag.new {
    background: #edf4ff;
    color: #387ffa;
}

.sub-nav .sub-item~.hd {
    margin-top: 80px;
}


/* end of nav-bar */

.carousel {
    position: relative;
    z-index: 1;
    height: 604px;
    margin-top: -65px;
    background: #1e1f24;
}

.carousel-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 1200px;
}

.carousel-item img {
    height: 640px;
    object-fit: cover;
    width: 100%;
}

.carousel .carousel-indicators li,
.carousel .carousel-indicators li.active {
    background: rgba(225, 229, 230, 0.5);
}

.carousel .carousel-indicators li {
    overflow: hidden;
    position: relative;
}

.carousel .carousel-indicators li:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f19240;
}

.carousel .carousel-indicators li.move::after {
    animation: indicator-grow 5s linear;
    width: 100%;
}

.carousel .carousel-indicators li.pause-animatioin::after {
    animation-play-state: paused;
}

@keyframes indicator-grow {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}


/* end of carousel */

.solution {
    background: #fff;
    padding-bottom: 40px;
}

.solution h3,
.solution h2 {
    background: url(../image/solution_bg.png) no-repeat center;
    background-size: auto 48px;
    font-size: 35px;
}

.solution h2 {
    font-weight: normal;
    padding: 40px 0;
    text-align: center;
}

.section.solution {
    transform: translateY(0);
}

.section.solution .sidebar {
    transform: translateX(-30px);
}

.section.solution .content {
    transform: translateX(30px);
}

.solution .sidebar {
    transition: 0.5s linear all;
    width: 232px;
    box-sizing: border-box;
    padding-top: 10px;
    height: 660px;
    box-shadow: 0px 0px 20px rgba(208, 208, 208, 0.25);
}

.solution .sidebar .item {
    cursor: pointer;
    height: 64px;
    line-height: 64px;
    padding-left: 30px;
    font-size: 16px;
    color: #1d2129;
    border-left: 4px solid transparent;
    transition: 0.2s ease-in-out all;
}

.solution .sidebar .item.active {
    color: #f19240;
    font-size: 18px;
    background: #fef4ec;
    border-color: #f19240;
}

.solution .sidebar .item .icon {
    opacity: 1;
    width: 30px;
    transition: 0.2s linear all;
}

.solution .sidebar .item .icon-active {
    opacity: 0;
    width: 0;
    margin-right: 0;
}

.solution .sidebar .item.active .icon {
    opacity: 0;
    width: 0;
    margin-right: 0;
}

.solution .sidebar .item.active .icon-active {
    opacity: 1;
    width: 30px;
    margin-right: 12px;
}

.solution .sidebar .icon {
    width: 30px;
    height: 30px;
    margin-top: 17px;
    margin-right: 12px;
    object-fit: contain;
}

.solution .content {
    transition: 0.5s linear all;
    margin-left: 20px;
    height: 660px;
    width: 904px;
    position: absolute;
    left: 235px;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: 0.4s linear all;
}

.solution .content.active {
    opacity: 1;
    z-index: 2;
}

.solution .content .des {
    height: 182px;
    background: url(../image/solution-bg.png) no-repeat center;
    background-size: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 20px;
    text-align: LEFT;
    color: #4e5969;
    line-height: 30px;
    margin-bottom: 20px;
}

.solution .content .des .txt {
    width: 567px;
    display: block;
    padding: 33px 0 20px 50px;
    box-sizing: content-box;
}

.solution .content .des .button {
    display: block;
    width: 100px;
    height: 34px;
    background: #f19240;
    border-radius: 4px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    margin-left: 50px;
}

.solution .content .grid {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 20px 0px rgba(208, 208, 208, 0.25);
}

.solution .content .grid .container {
    padding-right: 0;
    padding-left: 0;
}

.solution .content .grid .row {
    margin-left: 0;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
}

.solution .content .grid .item {
    box-sizing: border-box;
    padding: 36px;
    height: 229px;
}

.solution .content .grid.small .item {
    padding: 5px 15px;
    height: 153px;
}

.solution .content .grid.small .icon {
    margin-bottom: 10px;
}

.solution .content .grid.small .item:nth-child(n + 4) {
    border-bottom: 2px solid #f0f2f5;
}

.solution .content .grid.small .item:nth-child(n + 7) {
    border-bottom-width: 0;
}

.solution .content .grid .item {
    border-bottom: 2px solid #f0f2f5;
    border-right: 2px solid #f0f2f5;
}

.solution .content .grid .item:nth-child(3n + 3) {
    border-right: 0;
}

.solution .content .grid .item:nth-child(n + 4) {
    border-bottom: 0;
}

.solution .content .grid .icon {
    display: block;
    width: 49px;
    height: 48px;
    margin-bottom: 20px;
}

.solution .content .grid .item-tit {
    font-size: 18px;
    color: #1d2129;
    line-height: 24px;
    margin-bottom: 8px;
}

.solution .content .grid .item-des {
    font-size: 14px;
    color: #1d2129;
    line-height: 21px;
    color: #86909c;
    line-height: 22px;
}


/* end of solution */

.demand {
    background: #f7f8fa;
    padding-bottom: 40px;
}

.demand h3,
.demand h2 {
    background: url(../image/demand_bg.png) no-repeat center;
    background-size: auto 48px;
    font-size: 35px;
}

.demand h2 {
    font-weight: normal;
    padding: 40px 0;
    text-align: center;
}

.row-demand .row {
    width: 100%;
    height: auto;
}

.row-demand .col {
    flex: none;
    width: 270px;
    height: 640px;
    background: #fff;
    transition: 0.2s linear all;
}

.row-demand .col:hover {
    transform: translateY(-2%);
}

.row-demand .col~.col {
    margin-left: 24px;
}

.row-demand .hd {
    height: 138px;
    background: linear-gradient(90deg, #ff9e0c, rgba(255, 158, 12, 0.7) 100%);
    border-radius: 6px 6px 0px 0px;
}

.row-demand .col:last-child {
    margin-right: 0;
    padding-right: 0;
}

.row-demand .hd {
    color: #fff;
    padding: 24px;
}

.row-demand .hd.hd-erp {
    background: linear-gradient(90deg, #ff6c3e, rgba(255, 92, 40, 0.6) 100%);
}

.row-demand .hd.hd-wms {
    background: linear-gradient(90deg, #ff7f22 100%, rgba(255, 128, 35, 0.6) 100%);
}

.row-demand .hd.hd-tms {
    background: linear-gradient(90deg, #ff7222, rgba(254, 116, 38, 0.6) 100%);
}

.row-demand .hd .top {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    z-index: 2;
}

.row-demand .hd .bot {
    font-size: 13px;
    line-height: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.row-demand .hd .icon {
    width: 64px;
    height: auto;
    position: absolute;
    right: 16px;
    top: 24px;
}

.row-demand .list {
    padding-top: 20px;
}

.row-demand .list li {
    position: relative;
    padding: 0 20px 20px 40px;
}

.row-demand .list .top {
    color: #1d2129;
    line-height: 22px;
    padding-bottom: 0;
}

.row-demand .list .bot {
    font-size: 12px;
    color: #86909c;
    line-height: 18px;
}

.row-demand .list li::before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: 20px;
    width: 8px;
    height: 8px;
    background: rgba(241, 146, 64, 0.2);
    border-radius: 50%;
}

.row-demand .button {
    width: 211px;
    height: 40px;
    border: 1px solid #f19240;
    font-size: 14px;
    color: #ff8d22;
    line-height: 40px;
    border-radius: 6px;
    transition: 0.2s linear all 0.15s;
}

.row-demand .button:hover,
.row-demand .col:hover .button {
    background: #ff8d22;
    border-color: #ff8d22;
    color: #fff;
}


/* end of demand */

.support {
    padding-bottom: 60px;
}

.support h3,
.support h2 {
    background: url(../image/support_bg.png) no-repeat center;
    background-size: auto 48px;
    font-size: 35px;
}

.support h2 {
    font-weight: normal;
    padding: 40px 0;
    text-align: center;
}

.support-row .icon {
    width: 120px;
    height: 100px;
    margin-bottom: 20px;
}

.support-row .col {
    position: relative;
    height: 350px;
    padding: 32px 24px;
    border-radius: 6px;
    width: 274px;
    flex: none;
    transition: 0.4s linear all;
}

.support.section {
    transform: translateY(0);
}


/* .support.section .support-row .col {
    transform: translateY(20%);
    transition-delay: 0.2s;
} */


/* .support.section .support-row .col:nth-child(odd) {
    transform: translateY(-20%);
} */

.support-row .col~.col {
    margin-left: 24px;
}

.support-row .col:hover {
    box-shadow: 4px 4px 24px 0px rgba(219, 222, 227, 0.36);
}

.support-row .tit {
    color: #1d2129;
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 16px;
}

.support-row .desc {
    width: 202px;
    color: #86909c;
    line-height: 22px;
}

.support-row .link {
    position: absolute;
    bottom: 24px;
    left: 24px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    color: #f19240;
    transform: translateX(-10px);
    opacity: 0;
    transition: 0.5s linear all;
}

.support-row .col:hover .link {
    opacity: 1;
    transform: translateX(0);
}


/* end of support */

.trust {
    height: 720px;
    position: relative;
    overflow: hidden;
}

.trust:after,
.trust:before {
    top: 0;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    display: block;
}

.trust:before {
    left: 0;
    background: #252d40;
}

.trust:after {
    right: 0;
    background: #2c3343;
}

.trust .col-num {
    position: relative;
    z-index: 2;
    height: 720px;
}

.trust .col-num .tit {
    font-size: 40px;
    color: #fff;
    line-height: 48px;
}

.trust .col-num .desc {
    margin-top: 12px;
    line-height: 24px;
    font-size: 20px;
    color: #86909c;
    margin-bottom: 64px;
}

.trust .row-num .num {
    font-family: DIN Alternate, DIN Alternate-Bold;
    font-size: 40px;
    line-height: 48px;
    color: #f19240;
    margin-bottom: 4px;
}

.trust .row-num .for {
    color: rgba(255, 255, 255, 0.6);
    line-height: 22px;
}

.trust .row-num .col {
    flex: none;
    width: 181px;
    padding-bottom: 24px;
}

.trust .row-num .col:nth-child(3n + 3) {
    width: auto;
}

.trust .free {
    width: 120px;
    height: 40px;
    border: 1px solid #f19240;
    border-radius: 4px;
    color: #f19240;
    line-height: 14px;
    margin-top: 64px;
    position: relative;
}

.trust .free:hover {
    color: #fff;
}

.trust .free:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f19240;
    width: 0;
    transition: 0.1s ease-in all;
    z-index: -1;
}

.trust .free:hover:after {
    width: 100%;
}

.trust .col-company {
    position: relative;
    z-index: 2;
}

.trust .col-company .list {
    display: block;
    width: 368px;
    margin: 0 auto;
}

.trust .list li {
    background: #252d40;
    border-radius: 8px;
    padding: 24px;
}

.trust .list li~li {
    margin-top: 24px;
}

.trust .list li .top {
    padding-bottom: 16px;
    line-height: 22px;
    color: #fff;
    border-bottom: 1px solid rgba(217, 217, 217, 0.1);
}

.trust .list li .name {
    display: inline-block;
}

.trust .list li .split {
    display: block;
    width: 1px;
    height: 14px;
    background: rgba(217, 217, 217, 0.2);
    margin: 0 12px;
}

.trust .list li .bot {
    padding-top: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.trust .list li .bot .mark {
    background: none;
    color: #ce8040;
}


/* end of trust */

.company {
    padding-bottom: 40px;
}

.company h3,
.company h2 {
    background: url(../image/company_bg.png) no-repeat center;
    background-size: auto 48px;
    font-size: 35px;
}

.company h2,
.news h2 {
    font-weight: normal;
    padding: 40px 0;
    text-align: center;
}

.company .tab {
    padding-bottom: 16px;
    border-bottom: 2px solid #f0f2f5;
}

.company .tab .col {
    padding-top: 17px;
    flex: none;
    width: 128px;
    border-radius: 6px;
    height: 128px;
    cursor: pointer;
    transition: 0.3s ease-in-out all;
}

.company .tab .col~.col {
    margin-left: 38px;
}

.company .tab .col:hover {
    background: #f7f8fa;
}

.company .tab .icon {
    display: block;
    width: 56px;
    height: 54px;
    margin: 0 auto;
    transition: 0.3s ease-in-out all;
}

.company .tab .icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.company .tab .icon.icon-beauty {
    background-image: url(../image/cate_beauty.png);
}

.company .tab .icon.icon-bag {
    background-image: url(../image/cate_bag.png);
}

.company .tab .icon.icon-home {
    background-image: url(../image/cate_home.png);
}

.company .tab .icon.icon-3c {
    background-image: url(../image/cate_3c.png);
}

.company .tab .icon.icon-logistic {
    background-image: url(../image/cate_logistic.png);
}

.company .tab .icon.icon-factory {
    background-image: url(../image/cate_factory.png);
}

.company .tab .icon.icon-car {
    background-image: url(../image/cate_car.png);
}

.company .tab .col.active .icon.icon-beauty,
.company .tab .col:hover .icon.icon-beauty {
    background-image: url(../image/cate_beauty_active.png);
}

.company .tab .col.active .icon.icon-bag,
.company .tab .col:hover .icon.icon-bag {
    background-image: url(../image/cate_bag_active.png);
}

.company .tab .col.active .icon.icon-home,
.company .tab .col:hover .icon.icon-home {
    background-image: url(../image/cate_home_active.png);
}

.company .tab .col.active .icon.icon-3c,
.company .tab .col:hover .icon.icon-3c {
    background-image: url(../image/cate_3c_active.png);
}

.company .tab .col.active .icon.icon-logistic,
.company .tab .col:hover .icon.icon-logistic {
    background-image: url(../image/cate_logistic_active.png);
}

.company .tab .col.active .icon.icon-factory,
.company .tab .col:hover .icon.icon-factory {
    background-image: url(../image/cate_factory_active.png);
}

.company .tab .col.active .icon.icon-car,
.company .tab .col:hover .icon.icon-car {
    background-image: url(../image/cate_car_active.png);
}

.company .tab .name {
    font-size: 16px;
    line-height: 24px;
    color: #1d2129;
    margin-top: 21px;
}

.company .tab .col.active {
    position: relative;
}

.company .tab .col.active:after {
    position: absolute;
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    left: 4px;
    bottom: -19px;
    background: #f19240;
    border-radius: 100px;
}

.company .tab-con {
    padding-top: 32px;
    background: #ffffff;
    border-radius: 6px;
    margin-bottom: 5px;
}

.company .tab-con .col {
    flex: none;
    height: 251px;
    padding: 36px 36px 0 36px;
    padding-top: 32px;
    position: relative;
    border: 2px solid #f0f2f5;
    border-radius: 6px;
    position: relative;
    width: 369px;
}

.company .tab-con .col~.col {
    margin-left: 32px;
    margin-bottom: 32px;
}

.company .tab-con .col:nth-child(3n + 4) {
    margin-left: 0;
}

.company .tab-con .icon {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.company .tab-con .col .top {
    width: 365px;
    margin-left: -36px;
    padding: 0 36px;
    height: 50px;
    position: relative;
    transition: 0.3s ease-in all;
    overflow: hidden;
}

.company .tab-con .tag {
    position: absolute;
    right: 36px;
    top: 12.5px;
    padding: 0 8px;
    background: #fff6ee;
    line-height: 25px;
    color: #f19240;
    font-size: 12px;
}

.company .tab-con .tit {
    margin-top: 24px;
    color: #1d2129;
    font-size: 22px;
    white-space: nowrap;
}

.company .tab-con .desc {
    margin-top: 8px;
    color: #4e5969;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.company .tab-con .col:hover {
    box-shadow: 4px 4px 24px 0px rgba(219, 222, 227, 0.36);
}

.company .tab-con .button {
    position: absolute;
    bottom: 36px;
    left: 36px;
    width: 292px;
    height: 40px;
    border: 1px solid #f19240;
    border-radius: 4px;
    line-height: 40px;
    color: #f19240;
    background: #fff;
    opacity: 0;
    transition-duration: 0;
}

.company .tab-con .col .tag,
.company .tab-con .icon,
.company .tab-con .col .tit {
    transition: 0.2s ease-in all;
}

.company .tab-con .col:hover .tag,
.company .tab-con .col:hover .icon {
    margin-top: -80px;
}

.company .tab-con .col:hover .tit {
    margin-top: -55px;
}

.company .tab-con .col:hover .button {
    transition: 0.2s linear all 0.1s;
    opacity: 1;
}

.company .tab-con .button {
    transition: 0.2s linear all 0;
}

.company .tab-con .button:hover {
    background: #f19240;
    border: 1px solid #f19240;
    border-radius: 4px;
    color: #fff;
}

.company .tab-con .col:after {
    width: 0;
}

.company .tab-con .col:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 0%;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: linear-gradient(90deg, #ffaf70 0%, #ff8c23 100%);
    transition-duration: 0s;
}

.company .tab-con .col:hover:after {
    width: 99%;
    transition: 0.2s linear all 0.2s;
}

.company .more {
    width: 180px;
    height: 38px;
    border: 1px solid #f19240;
    border-radius: 4px;
    color: #f19240;
}


/* end of company */

.news {
    background: #f7f8fa;
    padding-bottom: 40px;
}

.news h3,
.news h2 {
    background: url(../image/news_bg.png) no-repeat center;
    background-size: auto 48px;
    font-size: 35px;
}

.news .col {
    flex: none;
}

.news .col-card {
    width: 774px;
    height: 634px;
    background: #ffffff;
    border-radius: 0px 0px 6px 6px;
}

.news .col-card .pic {
    width: 774px;
    height: 480px;
}

.news .col-card .tit {
    padding: 0 24px;
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 24px;
    color: #1d2129;
    line-height: 36px;
}

.news .col-card .desc {
    padding: 0 24px;
    color: #86909c;
    line-height: 24px;
    font-size: 16px;
}

.news .col-card .date {
    margin-top: 14px;
    padding: 0 24px;
    color: #8e9aab;
    line-height: 24px;
    font-size: 16px;
}

.news .col-list {
    box-sizing: border-box;
    margin-left: 40px;
    width: 342px;
    height: 634px;
    background: #f9fafc;
    border: 2px solid #f0f2f5;
    border-radius: 8px;
    overflow: hidden;
}

.news .col-date {
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 8px;
    padding: 10px 18px;
}

.news li.active .col-date {
    margin-top: 18px;
}

.news .col-list .col {
    flex: none;
}

.news .col-list .col-txt {
    margin-left: 16px;
    width: 224px;
}

.news .col-list .pic {
    width: 300px;
    height: 200px;
    border-radius: 6px;
}

.news .col-date .day {
    font-size: 28px;
    font-weight: 700;
    color: #1d2129;
    line-height: 28px;
}

.news .col-date .month {
    margin-top: 2px;
    font-size: 16px;
    color: #8e9aab;
    line-height: 16px;
}

.news .col-txt .tit {
    margin-right: 10px;
    margin-top: 6px;
    margin-bottom: 8px;
    font-size: 18px;
    color: #1d2129;
    line-height: 24px;
}

.news li.col.active .col-txt .tit {
    margin-top: 0;
}

.news li.active .col-txt .tit {
    margin-top: 24px;
}

.news .col-txt .desc {
    margin-right: 10px;
    color: #86909c;
    font-size: 14px;
    line-height: 22px;
}

.news .col-list .list li {
    padding: 19px 20px;
}

.news .col-list .list li~li {
    padding-top: 0;
}

.news .col-list .list li:first-child {
    padding-top: 18px;
}

.news .col-list .list li .pic {
    /* transition: .3s linear all; */
    height: 0;
}

.news .col-list .list li.active {
    padding-top: 19px;
    background: #fff;
}

.news .col-list .list li:first-child:not(.active) {
    padding-top: 0;
}

.news .col-list .list li.active .pic {
    height: 200px;
}

.news .col-list .list li.active .col-date {
    background: #f9fafc;
}


/* end of news */

.cooperator {
    position: relative;
}

.cooperator h3,
.cooperator h2 {
    background: url(../image/cooperator_bg.png) no-repeat center;
    background-size: auto 48px;
    font-size: 35px;
}

.cooperator h2 {
    font-weight: normal;
    padding: 40px 0;
    text-align: center;
}

.cooperator .trigger {
    display: block;
    width: 72px;
    height: 72px;
    background: url(../image/icon-trigger.png) no-repeat center;
    background-size: 72px auto;
    border-radius: 50%;
    position: absolute;
    padding-bottom: 6px;
    padding-right: 5px;
    top: 290px;
    left: 50%;
    cursor: pointer;
}

.cooperator .trigger.left {
    transform: scaleX(-1);
}

.cooperator .trigger .iconmb {
    font-size: 24px;
    font-weight: normal;
    color: #4e5969;
}

.cooperator .trigger.disabled {
    cursor: default;
}

.cooperator .trigger.disabled .iconmb {
    color: #e5e6eb;
}

.cooperator .slider {
    overflow: hidden;
    height: 345px;
}

.cooperator .trigger.left {
    margin-left: -650px;
}

.cooperator .trigger.right {
    margin-left: 570px;
}

.cooperator .list {
    width: 20000px;
    padding-top: 5px;
    white-space: nowrap;
}

.cooperator .list li {
    float: left;
    width: 290px;
    height: 328px;
}

.cooperator .list li .box {
    padding: 30px;
    width: 271px;
    height: 328px;
    background: linear-gradient(180deg, #f2f3f7, #ffffff 100%);
    border: 2px solid #ffffff;
    border-radius: 6px;
    box-shadow: -3px -3px 9px 0px rgba(255, 255, 255, 0.66), 6px 6px 12px 0px rgba(226, 231, 239, 0.66);
    position: relative;
}

.cooperator .list li .box:after {
    content: "";
    width: 58px;
    height: 53px;
    display: block;
    position: absolute;
    left: 12px;
    top: 146px;
    background: url(../image/icon_colon.png) no-repeat center;
    background-size: contain;
}

.cooperator .pic-box {
    width: 180px;
    height: 66px;
}

.cooperator .pic-box .icon {
    width: 180px;
    height: 66px;
}

.cooperator .name {
    color: #1d2129;
    line-height: 22px;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.cooperator .link-box a {
    color: #4e5969;
    line-height: 22px;
    display: block;
    margin-bottom: 8px;
    position: relative;
    padding-left: 0;
    min-height: 44px;
    white-space: normal;
}


/* .cooperator .link-box a:before {
    margin-right: 10px;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    opacity: 0.6;
    background: #4e5969;
} */

.cooperator .link-container {
    padding-top: 39px;
}

.cooperator .link-channel {
    width: 100px;
    height: 30px;
    background: #ffffff;
    border: 1px solid #f19240;
    border-radius: 2px;
    color: #f19240;
    line-height: 30px;
    transition: 0.2s linear all;
}

.cooperator .link-channel:hover {
    background: #f19240;
    color: #fff;
}

.cooperator .link-detail {
    margin-left: 11px;
    width: 100px;
    height: 30px;
    background: #ffffff;
    border: 1px solid #c9cdd4;
    border-radius: 2px;
    color: #4e5969;
    line-height: 30px;
    transition: 0.2s linear all;
}

.cooperator .link-detail:hover {
    background-color: #fff3e9;
    border-color: #f19240;
    color: #f19240;
}


/* end of cooperator */

.transfer {
    background: #e5e6eb;
    height: 240px;
}

.transfer h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    padding: 0;
    margin-bottom: 15px;
    color: #4e5969;
    transition: 1s linear all;
}

.transfer .ipt-group {
    transition: 1s linear all 0.2s;
}

.transfer h4 {
    font-size: 14px;
    line-height: 22px;
    color: #4e5969;
    font-weight: normal;
}

.transfer .search-box {
    width: 420px;
    height: 48px;
    border: 2px solid #f19240;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 30px;
}

.transfer input {
    height: 44px;
    width: 388px;
    border: 0;
    outline: 0;
    padding: 10px;
}

.transfer .button {
    display: block;
    width: 86px;
    height: 44px;
    background: #f19240;
    color: #fff;
}

.transfer.section {
    opacity: 1;
    transform: translateY(0);
}

.transfer input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #86909c;
}

.transfer input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #86909c;
}

.transfer input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #86909c;
}

.transfer.section h3 {
    opacity: 0.5;
    transform: translateX(-50px);
}

.transfer.section .ipt-group {
    opacity: 0.5;
    transform: translateX(50px);
}

.link-button-box {
    padding: 40px 0;
}

.link-button {
    color: #f19240;
    height: 38px;
    border: 1px solid #f19240;
    border-radius: 4px;
    padding: 0 38px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.link-button:hover {
    color: #fff;
}

.link-button:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: 100%;
    transition: 0.1s ease-in all;
    z-index: -1;
}

.link-button:hover:after {
    background: #f19240;
}

.link-button .icon-arrow-right {
    margin-left: 2px;
}

.link-button b {
    font-weight: normal;
    height: 38px;
}


/* end of transfer */

.target-side {
    z-index: 2;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 700px;
    position: fixed;
}

.target-side .inner {
    width: 50px;
    height: 235px;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0px 2px 20px 0px rgba(76, 89, 108, 0.1);
    padding-left: 15px;
}

.target-side .iconmb {
    cursor: pointer;
    font-size: 26px;
    color: #4c586b;
}

.target-side .icon-target-free {
    animation: 0.8s scalePic infinite alternate;
}

@keyframes scalePic {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

.target-side .iconmb.active,
.target-side .iconmb:hover {
    color: #f19240;
}

.target-side .backtop {
    margin-top: 16px;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 2px 20px 0px rgba(76, 89, 108, 0.1);
    position: relative;
}

.target-side .item {
    width: 20px;
    height: 1px;
    position: relative;
}

.target-side .item~.item {
    border-top: 1px solid #e5e6eb;
}

.target-side .popup {
    pointer-events: none;
    min-width: 80px;
    padding: 0 10px;
    position: absolute;
    right: 50px;
    top: 10px;
    display: inline-block;
    line-height: 38px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
    opacity: 0;
    transition: 0.2s linear all;
    color: #333;
}

.target-side .popup a {
    color: #333;
}

.target-side .popup:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -5px;
    background: #fff;
    display: block;
    width: 8px;
    height: 8px;
    transform: rotateZ(45deg);
}

.target-side .backtop .popup {
    right: 60px;
}

.target-side .backtop .icon-backtop {
    font-size: 13px;
}

.target-side .item:hover .popup,
.target-side .backtop:hover .popup {
    transform: translateX(0);
    opacity: 1;
}


/* end of target-side */

.login-modal {
    padding: 30px;
    z-index: 3;
    width: 484px;
    height: 557px;
    background: #ffffff;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.login-modal .switch-tab {
    border-bottom: 1px solid #e5e6eb;
    color: #1d2129;
    font-size: 20px;
}

.login-modal .switch-tab span {
    height: 50px;
    display: block;
    color: #86909c;
    position: relative;
    cursor: pointer;
}

.login-modal .switch-tab span~span {
    margin-left: 60px;
}

.login-modal .switch-tab span.active,
.login-modal .switch-tab span:hover {
    color: #1d2129;
}

.login-modal .switch-tab span:after {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    background: #f19240;
    border-radius: 5px;
    transition: 0.2s linear all;
}

.login-modal .switch-tab span.active:after {
    width: 100%;
}

.login-modal .board {
    width: 424px;
    display: none;
}

.login-modal .board.account {
    padding-top: 20px;
    display: block;
}

.login-modal .board.phone {
    padding-top: 20px;
}

.login-modal .board .text-input {
    display: block;
    width: 424px;
    height: 48px;
    background: #f2f3f5;
    border-radius: 4px;
    padding: 0 16px;
    border: 0;
    box-sizing: border-box;
    color: #1d2129;
}

.login-modal .board .text-input.error {
    background: #ffefed;
}

.login-modal .board .text-input:hover {
    background: #e5e6eb !important;
}

.login-modal .board .text-input:focus {
    border: 1px solid #f19240;
    background: #fff !important;
}

.login-modal .phone-prefix {
    width: 108px;
    height: 48px;
    border-right: 1px solid #e5e6eb;
    background: #f2f3f5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #1d2129;
    position: relative;
}

.login-modal .phone-prefix-menu {
    position: absolute;
    top: 56px;
    left: 0;
    min-width: 200px;
    max-width: 400px;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    z-index: 100;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border-radius: 4px;
}

.login-modal .phone-prefix-menu li {
    padding: 12px;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
}

.login-modal .phone-prefix-menu li:hover {
    background: #f2f3f5;
    cursor: pointer;
}

.login-modal .board .line-phone .text-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.login-modal .board .line-verify .text-input {
    width: 264px;
}

.login-modal .board .line-phone .icon-xiangxia {
    margin-left: 6px;
    font-size: 12px;
    transform: scale(0.8);
}

.login-modal .board .line-verify .query-code {
    margin-left: 16px;
    display: block;
    width: 144px;
    height: 48px;
    background: #f2f3f5;
    border-radius: 4px;
    line-height: 48px;
    color: #1d2129;
}

.login-modal .board .line-verify .query-code.disabled {
    color: #c9cdd4;
}

.login-modal .board .text-input.error {
    background: #ffefed;
}

.login-modal .board .line {
    height: 70px;
    position: relative;
}

.login-modal .board .error {
    display: block;
    position: absolute;
    bottom: 2px;
    left: 16px;
    color: #ff4930;
    font-size: 12px;
    display: none;
}

.login-modal .board .text-input.error {
    display: block;
    position: static;
}

.login-modal .remember-checkbox {
    margin-right: 6px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 2px solid #e5e6eb;
    border-radius: 2px;
}

.login-modal .remember-line {
    color: #4e5969;
}

.login-modal .remember-line label {
    margin-bottom: 0;
}

.login-modal .line-btn {
    padding-top: 20px;
}

.login-modal .button {
    display: block;
    width: 424px;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    background: #f19240;
}

.login-modal .button.disabled {
    background: #f8c89f;
}

.login-modal input.text-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #86909c;
}

.login-modal input.text-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #86909c;
}

.login-modal input.text-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #86909c;
}

.login-modal a {
    color: #387ffa;
}

.login-modal a:hover {
    text-decoration: underline;
}

.login-modal .line-link {
    color: #86909c;
    padding: 0px 0 25px;
}

.login-modal .line-exchange {
    color: #86909c;
    font-size: 12px;
    position: relative;
}

.login-modal .line-exchange span {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
}

.login-modal .qrcode {
    padding-bottom: 12px;
}

.login-modal .line-exchange::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    border: 1px dashed #e5e6eb;
    z-index: -1;
}

.login-modal .line-icons {
    padding: 20px 0 18px 0;
}

.login-modal .line-icons .item {
    width: 60px;
    height: 60px;
}

.login-modal .line-icons img {
    width: 60px;
    height: auto;
}

.login-modal .line-icons .item~.item {
    margin-left: 60px;
}

.login-modal .icon-pwd {
    position: absolute;
    box-sizing: content-box;
    padding: 5px;
    right: 10px;
    top: 12px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../image/icon_pwd_see.png) no-repeat center;
    background-size: 16px auto;
    background-position: 5px 4px;
}

.login-modal .icon-pwd-hide {
    background-image: url(../image/icon_pwd.png);
    background-position: 4px 4px;
}

.login-modal .code {
    width: 200px;
    height: 200px;
    padding: 15px;
    position: relative;
}

.login-modal .close-icon {
    cursor: pointer;
    position: absolute;
    right: -30px;
    top: -30px;
    width: 30px;
    padding-left: 1px;
    padding-bottom: 2px;
    height: 30px;
    background: rgba(78, 89, 105, 0.6);
    border-radius: 50%;
}

.login-modal .code .refresh {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.9);
}

.login-modal .close-icon .iconmb {
    color: #fff;
}

.login-modal .code .refresh .icon {
    display: block;
    width: 23px;
    height: 23px;
    background: #387ffa;
    margin-bottom: 10px;
    border-radius: 50%;
    color: #fff;
}

.login-modal .code .refresh .icon:hover {
    text-decoration: none;
}

.login-modal .code .refresh .iconmb {
    margin-left: 2px;
    margin-bottom: 2px;
}

.login-modal .code img {
    width: 100%;
    height: 100%;
}

.login-modal .corner {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 54px;
}

.login-modal .corner img {
    width: 54px;
    cursor: pointer;
    display: none;
}

.login-modal #for-qrcode {
    display: block;
}


/* end of login-modal */

.hide {
    display: none !important;
}

.opacity-hide {
    opacity: 0;
}

.relative {
    position: relative;
}

.nowrap {
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}


/* end of global */

.mb-alert {
    width: 320px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    background: #fff;
    border-radius: 2px;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 20px 30px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #333;
    display: none;
}

.mb-alert .icon {
    width: 60px;
    height: 60px;
    background: url(../image/icon-success.png) no-repeat center;
    background-size: contain;
}

.mb-alert.fail .icon {
    background-image: url(../image/icon-fail.png);
}

.mb-alert .tit {
    font-size: 18px;
    padding: 20px 0 15px 0;
}

.mb-alert .desc {
    line-height: 1.5;
    font-size: 14px;
    color: #666;
}

.mb-alert .btn-box {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.mb-alert .btn-box .btn {
    background-color: #f19240;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 30px;
    margin: 0;
    cursor: pointer;
}

.mb-alert.fail .btn-box .btn {
    color: #555;
    background-color: #efefef;
}


/* end of alert*/

@media screen and (max-width: 1200px) {
    body {
        -webkit-overflow-scrolling: touch;
    }

    html,
    body,
    section,
    header,
    footer {
        width: 1156px;
        overflow-x: hidden;
    }

    body.mobile-body section,
    body.mobile-body header,
    body.mobile-body footer {
        width: 0;
    }

    .mask {
        opacity: 1;
    }

    .target-side {
        right: 0;
        margin-left: 0;
    }

    body.mobile-body {
        width: 100%;
        height: 100%;
        overflow-x: visible;
        margin: 0 auto;
    }

    .login-modal {
        position: absolute;
        left: 5%;
        width: 90%;
        transform: translate(0, -50%);
        /* width: 90vw; */
    }

    .login-modal .board .line,
    .login-modal .board,
    .login-modal .board.account,
    .login-modal .board .line,
    .login-modal .board .text-input {
        width: 100%;
    }

    .login-modal .button {
        width: 100%;
    }

    .login-modal .close-icon {
        top: -40px;
        right: 0;
    }

    .carousel {
        height: 500px;
    }

    .carousel-inner,
    .carousel-inner .carousel-item {
        height: 500px !important;
    }
}

.login-hide {
    display: none !important;
}

.carousel-item {
    pointer-events: none;
}

.swiper-banner,
.banner-title {
    margin-top: -64px !important;
}

.page-footer .right-nav dl h2 {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 16px;
}

@media only screen and (min-width: 761px) and (max-width: 1225px) {
    .nav-bar .menu {
        padding-left: 0px;
    }

    .nav-bar .action {
        padding-right: 0;
        width: 310px;
    }
}

@media only screen and (min-width: 1226px) and (max-width: 1280px) {
    .nav-bar .menu {
        padding-left: 80px;
    }

    .nav-bar .action {
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .nav-bar .menu {
        padding-left: 100px;
    }

    .nav-bar .action {
        padding-right: 50px;
    }
}