.QX-11228584 {
    width    : 100%;
    max-width: 1200px;
    margin   : auto;
    padding  : 32px 0 5px 0
}

.QX-11228584 .contTop {
    width        : 100%;
    border-style : solid;
    border-width : 0 0 1px 0;
    border-color : rgba(255, 255, 255, 0.16);
    transition   : background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin-top   : 0;
    margin-bottom: 0;
    padding      : 0 0 46px 0;
    display      : flex;
    flex-wrap    : nowrap
}

.QX-11228584 .logoBox {
    width : 21.282%;
    height: 46px
}

.QX-11228584 .imgBox,
.QX-11228584 .backstage-componet,
.QX-11228584 .backstage-componet-bd {
    width : 100%;
    height: 100%
}

.QX-11228584 .imgBox img {
    height    : 100%;
    object-fit: contain
}

.QX-11228584 .iconLeft {
    width    : 24.615%;
    display  : flex;
    flex-wrap: nowrap
}

.QX-11228584 .icon {
    width       : 16%;
    margin-right: 20px
}

.QX-11228584 .text {
    width: calc(85% - 20px)
}

.QX-11228584 .textTop {
    color         : #acb0bb;
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 14px;
    font-weight   : 300;
    line-height   : 1.6em;
    letter-spacing: 0;
    width         : 100%;
    word-break    : break-word
}

.QX-11228584 .textBottom {
    color             : #fff;
    font-family       : Arial,"Poppins", Sans-serif;
    font-size         : 14px;
    font-weight       : 400;
    line-height       : 1em;
    letter-spacing    : 0;
    width             : 100%;
    transition        : .3s;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden;
    word-break        : break-word
}

.QX-11228584 .iconCenter {
    width    : 27.691%;
    display  : flex;
    flex-wrap: nowrap
}

.QX-11228584 .icon2 {
    width       : 9.4%;
    margin-right: 20px
}

.QX-11228584 .iconRight {
    width    : 26.412%;
    display  : flex;
    flex-wrap: nowrap
}

.QX-11228584 .icon3 {
    width       : 15%;
    margin-right: 20px
}

.QX-11228584 .iconBox {
    display        : flex;
    justify-content: center
}

.QX-11228584 .iconBox i {
    color    : #b45f06;
    font-size: 40px
}

.QX-11228584 .contBottom {
    width    : 100%;
    padding  : 56px 0 0 0;
    display  : flex;
    flex-wrap: nowrap
}

.QX-11228584 .textLeft {
    width       : calc(30.684% - 87px);
    margin-right: 87px
}

.QX-11228584 .textTitle {
    width        : 100%;
    margin-bottom: 16px
}

.QX-11228584 .textContent {
    color         : #bcc1cb;
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 14px;
    font-weight   : 300;
    line-height   : 1.642em;
    letter-spacing: 0
}

.QX-11228584 .textStyle {
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 16px;
    font-weight   : 500;
    line-height   : 1.5em;
    letter-spacing: 0;
    color         : #fff;
    white-space   : nowrap;
    overflow      : hidden
}

.QX-11228584 .navWra {
    width: 15.641%
}

.QX-11228584 .navTitle {
    width        : 100%;
    margin-bottom: 17px
}

.QX-11228584 .navBox {
    width: 100%
}

.QX-11228584 .navTile {
    padding-bottom: calc(8.6px / 2);
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 14px;
    font-weight   : 300;
    line-height   : 1.5em;
    letter-spacing: 0;
    color         : #a7abb3;
    transition    : .3s
}

.QX-11228584 .aStyleColor {
    color     : inherit;
    transition: .3s
}

.QX-11228584 .articleWra {
    width       : calc(28.462% - 93px);
    margin-right: 93px
}

.QX-11228584 .articleTitle {
    width        : 100%;
    margin-bottom: 16px
}

.QX-11228584 .articleTile {
    padding: 4px 0 20px 0
}

.QX-11228584 .h5Style {
    font-family       : Arial,"Poppins", Sans-serif;
    font-size         : 16px;
    font-weight       : 500;
    line-height       : 1.437em;
    letter-spacing    : 0;
    text-align        : left;
    padding           : 0;
    margin            : 0 0 2px 0;
    color             : #dfe1e5;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow          : hidden;
    transition        : .3s
}

.QX-11228584 .h5StyleColor {
    color     : inherit;
    transition: .3s
}

.QX-11228584 .time {
    color         : #a7abb3;
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 14px;
    font-weight   : 300;
    line-height   : 1.5em;
    letter-spacing: .28px;
    text-align    : left;
    padding       : 0;
    margin        : 0
}

.QX-11228584 .emailWra {
    width   : 25.213%;
    position: relative
}

.QX-11228584 .emailTitle {
    width        : 100%;
    margin-bottom: 17px
}

.QX-11228584 .mailCollection-wrap {
    width           : 100%;
    display         : flex;
    flex-wrap       : nowrap;
    border          : 1px solid #e0e0e8;
    margin          : 0;
    border-radius   : 6px 6px 6px 6px;
    background-color: rgba(0, 0, 0, 0);
    color           : #a7abb3;
    font-family     : Arial,"Poppins", Sans-serif;
    font-size       : 14px;
    font-weight     : 300;
    line-height     : 1.5em;
    letter-spacing  : 0;
    border-style    : solid;
    border-width    : 1px 1px 1px 1px;
    border-color    : #d2d2d2;
    box-shadow      : 0 0 0 0 rgba(0, 0, 0, 0);
    transition      : .3s
}

.QX-11228584 .mailCollection-wrap>input {
    background-color: rgba(0, 0, 0, 0);
    border          : unset;
    width           : calc(100% - 55px);
    padding         : 10px 40px 7px 15px;
    outline         : 0;
    color           : #a7abb3
}

.QX-11228584 .submitBtn1 {
    color          : #d2d2d2;
    position       : relative;
    width          : 52px;
    height         : 47px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transition     : .3s
}

.QX-11228584 .submitBtn1 span {
    -webkit-box-sizing   : border-box;
    box-sizing           : border-box;
    position             : absolute;
    visibility           : hidden;
    top                  : 50%;
    left                 : 50%;
    width                : 26px;
    height               : 26px;
    margin-top           : -13px;
    margin-left          : -13px;
    -webkit-border-radius: 50%;
    border-radius        : 50%;
    border               : 3px solid #fff;
    border-top-color     : #000;
    content              : '';
    -webkit-animation    : jet-spinner .6s linear infinite;
    animation            : jet-spinner .6s linear infinite
}

@keyframes jet-spinner {
    0% {
        -webkit-transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes jet-spinner {
    0% {
        -webkit-transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.QX-11228584 .spinfo {
    color   : red;
    position: absolute
}

.QX-11228584 .inputbot {
    margin-top    : 15px;
    color         : #a8abb3;
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 14px;
    font-weight   : 300;
    line-height   : 1.642em;
    letter-spacing: 0
}

.QX-11228584 .footerTitle {
    position      : relative;
    margin-top    : 57px;
    color         : #bcc1cb;
    font-family   : Arial,"Poppins", Sans-serif;
    font-size     : 12px;
    font-weight   : 300;
    line-height   : 1.642em;
    letter-spacing: 0;
    width         : 100%;
    margin-bottom : 10px
}

.QX-11228584 .textHover {
    transition: .3s
}

.QX-11228584 .textHover>a {
    color: inherit
}

.QX-11228584 .focus {
    border-color: #ff8329
}

.QX-11228584 .submitBtn1:hover {
    color: #ff8329
}

@media screen and (max-width:1200px) {
    .QX-11228584 {
        margin-right: 10px;
        margin-left : 10px;
        width       : calc(100% - 20px)
    }
}

@media screen and (max-width:900px) {
    .QX-11228584 .iconBox i {
        font-size: 35px !important
    }
}

@media screen and (max-width:700px) {
    .QX-11228584 {
        margin-right: 10px;
        margin-left : 10px;
        width       : calc(100% - 20px)
    }

    .QX-11228584 .contTop {
        display: block;
        padding: 0 0 30px 0
    }

    .QX-11228584 .logoBox {
        width        : 100%;
        height       : 46px;
        margin-bottom: 20px
    }

    .QX-11228584 .iconLeft {
        width        : 100%;
        margin-bottom: 20px;
        display      : block
    }

    .QX-11228584 .iconCenter {
        width        : 100%;
        margin-bottom: 20px;
        display      : block
    }

    .QX-11228584 .iconRight {
        width  : 100%;
        display: block
    }

    .QX-11228584 .contBottom {
        padding: 30px 0 0 0;
        display: block
    }

    .QX-11228584 .textLeft {
        width        : 100%;
        margin-right : 0;
        margin-bottom: 30px
    }

    .QX-11228584 .navWra {
        width        : 100%;
        margin-bottom: 30px
    }

    .QX-11228584 .navBox {
        margin-left: 0
    }

    .QX-11228584 .articleWra {
        width        : 100%;
        margin-right : 0;
        margin-bottom: 10px
    }

    .QX-11228584 .emailWra {
        width: 100%
    }

    .QX-11228584 .footerTitle {
        margin-top: 20px
    }

    .QX-11228584 .icon {
        width       : calc(15% - 20px);
        margin-right: 20px
    }

    .QX-11228584 .text {
        width: calc(85% - 20px)
    }

    .QX-11228584 .icon2 {
        width       : calc(15% - 20px);
        margin-right: 20px
    }

    .QX-11228584 .icon3 {
        width: calc(15% - 20px)
    }

    .QX-11228584 .iconBox i {
        font-size: 35px !important
    }

    .QX-11228584 .imgBox img {
        width: unset
    }
}

.QX-11228584 ::-webkit-input-placeholder {
    color: #a8abb3
}

.QX-11228584 :-moz-placeholder {
    color: #a8abb3
}

.QX-11228584 ::-moz-placeholder {
    color: #a8abb3
}

.QX-11228584 :-ms-input-placeholder {
    color: #a8abb3
}

.QX-11228584 .textTop a {
    color: inherit
}

.QX-11228584 .textStyle a {
    color: inherit
}

.QX-11228584 .textContent a {
    color: inherit
}