/*!
 * Yamm! - Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm
 *
 * @geedmo - Licensed under the MIT license
 */

:root {
    --color-brand01: #0f62fe;
    --color-brand02: #14e2bd;
    --color-brand03: #1b1825;
}

.bluebackcolor {
    background-color: var(--color-brand01) !important;
}

.btn-outline-secondary {
    border-radius: 8px;
    border-color: #7b7981;
}

.fc-msg-icon {
    font-size: 50px;
    width: 80px
}

.yamm .main-menu-wrapper .main-menu-wrapper-inner .main-menu-wrapper__left .main-menu-wrapper__main-menu,
.yamm .main-menu-wrapper .main-menu-wrapper-inner .main-menu-wrapper__left .main-menu-wrapper__main-menu .main-menu__list > li,
.yamm .main-menu-wrapper .main-menu-wrapper-inner .main-menu-wrapper__left,
.yamm .main-menu-wrapper .main-menu-wrapper-inner,
.yamm .main-menu-wrapper,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .main-menu-wrapper .main-menu-wrapper-inner .main-menu-wrapper__left .main-menu-wrapper__main-menu .main-menu__list li ul {
    min-width: 100%;
    flex-direction: row;
    padding: 0px 80px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.yamm .main-menu-wrapper .main-menu-wrapper-inner .main-menu-wrapper__left .main-menu-wrapper__main-menu .main-menu__list li ul li.dropdown-submenu ul {
    min-width: 100%;
    flex-direction: column;
    top: 100%;
    left: 0;
    padding: 0px 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.yamm .yamm-fw .col {
    font-size: 16px;
    margin: 2rem 0 3rem 0;
    border-right: 1px solid var(--thm-bdr-color);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.yamm .yamm-fw .colf {
    width: 251px;
    height: 100%;
}

.yamm .yamm-fw .col:nth-last-of-type(-n+2) {
    border-right: none;
}

.yamm .yamm-fw .col img {
    width: 60px;
    height: auto;
    margin-right: 20px;
}

.yamm .yamm-fw .col .nav-link {
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--thm-black);
}

.yamm .yamm-fw .col .dropdown-submenu2 {
    padding: 0 0 0 60px;
    flex: 1 1 auto;
}

.yamm .yamm-fw .col .dropdown-submenu2.nosub .dropdown-submenu3 {
    flex: 1 1 auto;
}

.yamm .yamm-fw .col .dropdown-submenu2.nosub .dropdown-submenu3.submore {
    flex: 0 1 auto !important;
}

.yamm .yamm-fw .col .dropdown-submenu2 .dropdown-submenu3 a {
    color: var(--thm-gray);
}

.yamm .yamm-fw .col .dropdown-submenu2 .dropdown-submenu3 a:hover {
    color: var(--thm-extra);
}

.yamm .yamm-fw .col .dropdown-submenu2 .dropdown-submenu3 a.btn-outline-secondary {
    font-size: 0.8rem;
}

.yamm .yamm-fw .col .dropdown-submenu2 .dropdown-submenu3 a:hover.btn-outline-secondary {
    color: #ffffff;
    background-color: #7b7981;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 1rem;
}

.yamm .dropdown.yamm-fw .dropdown-menu,
.yamm .dropup.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.yamm .yamm-fw .col a svg {
    width: 40px;
    height: auto;
    margin-right: 20px;
}

.gradient__brand03 {
    stop-color: var(--color-brand03);
}

.gradient__brand02 {
    stop-color: var(--color-brand02);
}

.gradient__brand01 {
    stop-color: var(--color-brand01);
}

.yamm .yamm-fw .col .cls-1 .cls {
    fill: url(#grad1);
}

.yamm .yamm-fw .col .cls-2 .cls {
    fill: url(#grad2);
}

.yamm .yamm-fw .col svg .cls-1 .cls {
    transition: all 0.3s linear;
    opacity: 0;
}

.yamm .yamm-fw .col svg .cls-2 .cls {
    transition: all 0.3s linear;
    opacity: 100;
}

.yamm .yamm-fw .col:hover a svg .cls-1 .cls {
    transition: all 0.3s linear;
    opacity: 100;
}

.yamm .yamm-fw .col:hover a svg .cls-2 .cls {
    transition: all 0.3s linear;
    opacity: 0;
}

.yamm .yamm-fw .col a.nav-link {
    color: var(--color-brand03);
    align-items: center;
}

.yamm .yamm-fw .col:hover a.nav-link {
    color: var(--color-brand01);
}

/*- mobile style -*/

.mobile-nav__content .main-menu__list li.yamm-fw ul .container-fluid {
    padding-bottom: 1rem;
}

.mobile-nav__content .main-menu__list li.yamm-fw a {
    padding-left: 0px;
    padding-right: 0px;
}

.mobile-nav__content .main-menu__list li.yamm-fw a button {
    background-color: transparent;
    border: 1px solid #7b7981;
    border-radius: 100%;
    color: #7b7981;
}

.mobile-nav__content .main-menu__list li.yamm-fw a button.expanded {
    background-color: var(--color-brand01);
    border: 1px solid #1989fb;
}

.mobile-nav__content .main-menu__list li.yamm-fw a.expanded {
    color: var(--color-brand01);
    font-weight: 600;
}

.mobile-nav__content .main-menu__list li.yamm-fw a svg, .mobile-nav__content .main-menu__list li.yamm-fw a img {
    display: none;
}

.mobile-nav__content .main-menu__list li.yamm-fw .col {
    flex: 0 0 100%;
}

.mobile-nav__content .main-menu__list li.yamm-fw .col a.nav-link {
    font-weight: 600;
    color: var(--color-brand01);
}

.mobile-nav__content .main-menu__list li.yamm-fw .col .dropdown-submenu2 p {
    font-size: 14px;
    margin-bottom: 0.1rem;
}

.mobile-nav__content .main-menu__list li.yamm-fw .col .dropdown-submenu2 .dropdown-submenu3 a {
    font-weight: normal;
    color: var(--thm-secondary);
}

.mobile-nav__content .main-menu__list li.yamm-fw .col .dropdown-submenu2 .dropdown-submenu3 a.btn {
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    display: inline-block;
    font-weight: 400;
    line-height: 28px;
    height: 28px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ffffff;
    padding: 0rem 0rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 20px;
}

.mobile-nav__content .btn {
    border-radius: 8px;
    margin-right: 0.5rem;
}

.mobile-nav__content .btn-primary {
    background-color: var(--thm-primary);
    border-color: var(--thm-primary);
}

.mobile-nav__content a:hover.btn-primary, .mobile-nav__content a:active.btn-primary, .mobile-nav__content a:focus.btn-primary {
    background-color: #1575d6;
    border-color: #1575d6;
    color: #78bbff;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    box-shadow: none;
}

.mobile-nav__content .btn-primary.prstyle {
    background-color: var(--thm-extra);
    border-color: var(--thm-extra);
}

.mobile-nav__content a:hover.btn-primary.prstyle, .mobile-nav__content a:active.btn-primary.prstyle, .mobile-nav__content a:focus.btn-primary.prstyle {
    background-color: #38b9a2;
    border-color: #38b9a2;
    color: #7fe9d6;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    box-shadow: none;
}

.mobile-nav__content .btn-primary.prstyle2 {
    background-color: transparent;
    border-color: #ffffff;
}

.mobile-nav__content a:hover.btn-primary.prstyle2, .mobile-nav__content a:active.btn-primary.prstyle2, .mobile-nav__content a:focus.btn-primary.prstyle2 {
    background-color: #7b7981;
    border-color: #7b7981;
    color: #c3c2c7;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    box-shadow: none;
}

.mobile-nav__contact li > a.fab {
    font-size: 16px;
    color: var(--thm-primary);
    transition: 500ms;
}

.mobile-nav__contact li > a.fab + a.fab {
    margin-left: 20px;
}

/*-------------- pc style ---------------*/

/*------- hstbtn -------*/
.hst-style .hstbtn {
    border-radius: 8px;
    padding: 8px 40px 8px 40px;
    color: #ffffff;
}

.hst-style .hstbtn:hover {
    color: #ffffff;
    background-color: var(--color-brand03);
}

.hst-style .hstbtn::before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
    background-color: var(--color-brand01);
}

.hst-style .hstbtn::after {
    color: #ffffff;
    background-color: var(--color-brand03);
}

.hst-style .hstbtn.btnfluid {
    width: 100%;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

/*- green -*/
.hst-style .hstbtn.greenbtn {
    background-color: var(--color-brand02);
    border-color: var(--color-brand02);
    color: #ffffff;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.greenbtn:hover {
    background-color: var(--color-brand03);
    border-color: var(--color-brand03);
    color: #ffffff;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.greenbtn::before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
    background-color: var(--color-brand02);
}

.hst-style .hstbtn.greenbtn::after {
    color: #ffffff;
    background-color: var(--color-brand03);
}

/*- black -*/
.hst-style .hstbtn.blackbtn {
    background-color: var(--color-brand03);
    border-color: var(--color-brand03);
    color: #ffffff;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.blackbtn:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--color-brand03);
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.blackbtn::before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
    background-color: var(--color-brand03);
}

.hst-style .hstbtn.blackbtn::after {
    color: var(--color-brand03);
    background-color: #ffffff;
}

/*- white -*/
.hst-style .hstbtn.whitebtn {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
    color: var(--thm-black);
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.whitebtn:hover {
    background-color: var(--thm-black);
    border-color: var(--thm-black);
    color: var(--thm-base);
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.whitebtn::before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
    background-color: var(--thm-base);
}

.hst-style .hstbtn.whitebtn::after {
    color: var(--thm-base);
    background-color: var(--thm-black);
}

/*- gradient -*/
.hst-style .hstbtn.gradientbtn {
    background-image: linear-gradient(to right, var(--thm-primary), var(--thm-extra));
    color: var(--thm-base);
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.gradientbtn:hover {
    background-color: var(--thm-black);
    color: var(--thm-base);
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.gradientbtn:hover:after {
    position: absolute;
    height: unset;
    width: unset;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background-color: var(--thm-black);
    content: '';
    z-index: -1;
    border-radius: 8px;
}

/*- line -*/
.hst-style .hstbtn.linebtn {
    background-color: transparent;
    border: 1px solid #7b7981;
    color: #7b7981;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.linebtn:hover {
    background-color: #7b7981;
    border: 1px solid #7b7981;
    color: #ffffff;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.hst-style .hstbtn.linebtn::before {
    bottom: 0px;
    left: 0;
    right: 0;
    height: 0px;
    background-color: #7b7981;
}

.hst-style .hstbtn.linebtn::after {
    color: #ffffff;
    background-color: #7b7981;
}

/*------- hstbtn end -------*/


.hst-style .feature-one {
    background-color: #eef3f7;
    margin-top: 0px;
}

.hst-style .feature-one div[class^="col"] {
    margin-top: -125px;
}

.hst-style .feature-one .feature-one__bottom {
    margin-top: 125px;
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.hst-style .testimonial-one .testimonial-one__text {
    font-size: 18px;
    line-height: 34px;
}

.hst-style .testimonial-one__right, .hst-style .testimonial-one__carousel, .hst-style .owl-stage-outer, .hst-style .owl-stage, .hst-style .owl-item, .hst-style .testimonial-one__single {
    height: 100%;
}

.hst-style .thm-btn {
    line-height: 2rem;
}

.hst-style .site-footer {
    margin-top: 0px;
}

.hst-style .brand-two {
    background-color: #eef3f7;
}

.hst-style .masklayer .owl-stage-outer .owl-item:not(.active):before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(238, 243, 247, 0.2) 0%, rgba(238, 243, 247, 1) 20%, rgba(238, 243, 247, 1) 80%, rgba(238, 243, 247, 0.2) 100%);
    border-radius: 8px;
}

.hst-style .hstcustomer .swiper-pagination {
    bottom: 0px;
}

.hst-style .hstcustomer {
    padding-bottom: 100px;
}

.hst-style .hstcustomer .brand-two__inner {
    border: none;
    padding: 0px;
}

.hst-style .hstcustomer .brand-two__inner .swiper-container {
    padding-bottom: 50px;
}

.hst-style .hstcustomer .swiper-slide {
    border-radius: 8px;
    background-color: #ffffff;
}

.hst-style .share-the-joy-map {
    background-size: contain;
}

.hst-style .site-footer__top {
    max-width: 1595px;
    width: 100%;
    margin: 0px auto;
}

.hst-style .footer-widget__officetitle {
    font-size: 20px;
    color: var(--thm-base);
    line-height: 30px;
    margin-bottom: 0px;
}

.hst-style .row.cnoffice {
    margin-bottom: 30px;
}

.hst-style .row.cnoffice .footer-widget__links-list li {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(173, 168, 186, 0.2);
}

.hst-style .row.cnoffice .footer-widget__links-list a {
    margin-left: 24px;
}

.hst-style .site-footer__top-inner {
    padding-top: 120px;
}

.hst-style .footer-widget__title.base {
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 0px;
}

.hst-style .footer-widget__title.base2 {
    font-size: calc(1rem + .3vw);
    margin-top: 20px;
    margin-bottom: 0px;
}

.hst-style .footer-widget__title.footsubnav {
    margin-top: 50px;
    margin-bottom: 15px;
}

.hst-style .footer-widget__about-text.base {
    border-bottom: 1px solid rgba(173, 168, 186, 0.2);
}

.hst-style .footer-widget__about-text.base .text-white {
    font-size: 1.2rem;
}

.hst-style .footer-widget__about-social.base {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(173, 168, 186, 0.2);
}

.hst-style .site-footer__bottom {
    background-color: #100d16;
}

.hst-style .site-footer__bottom-container {
    max-width: 1595px;
    width: 100%;
    margin: 0px auto;
    padding-top: 50px;
}

.hst-style .site-footer__bottom .breadcrumb {
    font-size: 16px;
    margin-bottom: 0px;
}

.hst-style .site-footer__bottom .breadcrumb a {
    color: #ada8ba;
}

.hst-style .site-footer__bottom .breadcrumb a:hover {
    color: #ffffff;
}

.hst-style .site-footer__bottom .site-footer__bottom-inner {
    padding-top: 0px;
    padding-bottom: 100px;
}

.hst-style .site-footer__bottom .site-footer__bottom-container .footer-widget__newsletter a.hstbtn {
    margin-bottom: 20px;
}

.hst-style .services-two.pscstyle::before {
    display: none;
}

.hst-style .page-header-bg.pscstyle {
    mix-blend-mode: normal;
    opacity: 1;
}

.hst-style .page-header__inner h2 {
    margin-bottom: 20px;
}

.hst-style .page-header__inner p {
    color: #ffffff;
}

.hst-style .page-header__inner .thm-breadcrumb li a, .hst-style .page-header__inner .thm-breadcrumb li span {
    color: #ffffff;
    opacity: 0.5;
}

.hst-style .page-header__inner .thm-breadcrumb li a:hover {
    color: #ffffff;
    opacity: 1;
}

.hst-style .page-header-color.pscstyle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 300px;
    content: "";
    z-index: -1;
}

.hst-style .services-two .services-one__single.pscstyle {
    width: 100%;
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .02);
    padding: 30px;
}

.hst-style .services-two .services-one__single.pscstyle:hover {
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);
}

.hst-style .services-two .services-one__single.pscstyle:hover .services-one__icon.pscstyle .tips {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 50%;
    transform-origin: 50% 100%;
    transform: rotate(-105deg);
    animation: tipsanimation 1s both ease-in-out;
}

@keyframes tipsanimation {
    0% {
        transform: rotate3D(0, 0, 1, -105deg);
    }
    to {
        transform: rotate3D(0, 0, 1, 255deg);
    }
}

.hst-style .services-two .services-one__single.pscstyle:hover .services-one__icon.pscstyle .tips:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 9;
    left: 0px;
    top: -20px;
    border-radius: 50%;
}

.hst-style .services-two .services-one__icon::after, .hst-style .services-two .services-one__icon::before {
    display: none;
}

.hst-style .services-two .services-one__icon .iconfont {
    font-size: 60px;
}

.hst-style .video-one.pscstyle {
    padding-bottom: 100px;
}

.hst-style .video-one.pscstyle .video-one__inner h2 {
    margin-top: 0px;
    display: inline-block;
    width: auto;
    margin-bottom: 20px;
}

.hst-style .video-one.pscstyle .video-one__inner .keyimgm {
    display: none;
}

.hst-style .why-choose.pscstyle .why-choose__right .why-choose__right-text-box .alert {
    border-radius: var(--thm-bdr-radius);
    box-shadow: 0px 10px 10px 0px rgb(0, 0, 0, 0.1);
    transition: 700ms;
}

.hst-style .why-choose.pscstyle .why-choose__right .why-choose__right-text-box .alert:hover {
    transition: 700ms;
}

.hst-style .why-choose.pscstyle .why-choose__right .why-choose__right-text-box .alert .alerttitle {
    font-weight: 800;
    margin-right: 10px;
}

.hst-style .help.pscstyle .help__box, .hst-style .help.pscstyle .help__box .help__box-one, .hst-style .help.pscstyle .help__box .help__box-two {
    height: 100%;
}

.hst-style .help.pscstyle .help__box .help__box-one .help__box-one-content {
    height: 60%;
}

.hst-style .help.pscstyle .help__box .help__box-one .help__box-one-img {
    height: 40%;
    background-image: url("../../../assets/images/resources/help-box-one-img-11.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.hst-style .help.pscstyle .help__box .help__single .help__box-two-content .help__box-two-icon .iconfont {
    font-size: 35px;
    line-height: 35px;
}

.hst-style .help.pscstyle .help__box .help__single .help__box-two-content .help__box-two-icon .iconfont:before {
    font-size: 35px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.hst-style .brand-two.hstcustomer .hiddencontent {
    display: none;
}

.hst-style .brand-two.hstcustomer.hstcustomer-product {
    padding-top: 100px;
}

.hst-style .brand-two.hstcustomer .swiper-wrapper.hstcustomer-product .swiper-slide {
    flex-direction: column;
}

/*-------------------------------- xunrui通用页面 --------------------------------*/
.hst-style .xunruistyle .page-content {
    padding: 32px 40px 39px;
    border-radius: var(--thm-bdr-radius);
    background-color: #eef3f7;
}

.hst-style .xunruistyle .page-content .search-pagination {
    padding-bottom: 0;
}

.hst-style .xunruistyle .page-content.listmode {
    padding: 0;
}

.hst-style .xunruistyle .page-wrapper-row {
    width: 100%;
}

.hst-style .xunruistyle .xunruistyle-submenu {
    background-color: rgb(var(--thm-gray-rgb), 0.1);
}

.hst-style .xunruistyle .page-wrapper-bottom, .page-wrapper .page-wrapper-top {
    width: 100%;
}

.hst-style .xunruistyle .page-wrapper-middle {
    background: #eff3f8;
    width: 100%;
    display: table-cell;
    height: 100%;
}

.hst-style .xunruistyle .page-head .container {
    position: relative;
}

.hst-style .xunruistyle .page-head .page-title {
    display: inline-block;
    float: left;
    padding: 19px 0;
    margin: 0;
    font-size: 14px;
}

.hst-style .xunruistyle .page-head .page-title > h1 {
    color: #697882;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}

.hst-style .xunruistyle .page-head .page-title > h1 > small {
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400;
}

.hst-style .xunruistyle .page-head .page-toolbar {
    display: inline-block;
    float: right;
}

.hst-style .xunruistyle .page-head .page-title {
    display: inline-block;
    float: left;
    padding: 19px 0;
    margin: 0;
    font-size: 14px;
}

.hst-style .xunruistyle .page-head .page-title > h1 {
    color: #697882;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}

.hst-style .xunruistyle .page-head .page-title > h1 > small {
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400;
}

.hst-style .xunruistyle .breadcrumb {
    background: 0 0;
    padding: 30px 0;
    margin: 0;
    color: #a7b2c0;
}

.hst-style .xunruistyle .breadcrumb > li {
    padding: 0px 5px;
}

.hst-style .xunruistyle .breadcrumb > li:nth-child(1) {
    padding-left: 0;
}

.hst-style .xunruistyle .breadcrumb > li + li:before {
    display: none;
}

.hst-style .xunruistyle .breadcrumb > li a {
    color: var(--thm-gray);
}

.hst-style .xunruistyle .breadcrumb > li a:hover {
    color: var(--thm-black);
}

.hst-style .xunruistyle .breadcrumb > .active {
    color: #9eacb4;
}

.hst-style .xunruistyle .resulttext {
    color: var(--thm-base);
}

.hst-style .xunruistyle .portlet-title {
    margin: 0 0 36px 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--thm-black);
    line-height: 1.2;
}

.hst-style .xunruistyle .portlet-title .caption-subject, .hst-style .xunruistyle .portlet-body .caption-subject, .hst-style .xunruistyle .caption-subject {
    color: var(--thm-extra);
}

.hst-style .xunruistyle .portlet-body .list-unstyled li {
    padding: 15px 0;
}

.hst-style .xunruistyle .portlet-body .list-unstyled a.title {
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    color: var(--thm-black);
}

.hst-style .xunruistyle .portlet-body .list-unstyled a.title:hover {
    color: var(--thm-extra);
}

.hst-style .xunruistyle .portlet-body .list-unstyled.tagul li {
    display: block;
    float: left;
    width: auto;
    height: auto;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--thm-base);
    border-radius: var(--thm-bdr-radius3);
    transition: background-color 500ms ease;
}

.hst-style .xunruistyle .portlet-body .list-unstyled.tagul li:hover a.tagtitle {
    color: var(--thm-base);
    transition: background-color 500ms ease;
}

.hst-style .xunruistyle .portlet-body .list-unstyled.tagul li a.tagtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: var(--thm-black);
}

.hst-style .xunruistyle .portlet-body .list-unstyled.tagul li a.tagtitle.tagtitlesize01 {
    font-size: 16px;
    font-weight: 500;
}

.hst-style .xunruistyle .portlet-body .list-unstyled.tagul li a.tagtitle.tagtitlesize02 {
    font-size: 24px;
}

.hst-style .xunruistyle .portlet-body .list-unstyled.tagul li a.tagtitle.tagtitlesize03 {
    font-size: 36px;
}

.hst-style .xunruistyle .resulttext .portlet-title {
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
}

.hst-style .xunruistyle .resulttext .portlet-title .caption-subject {
    color: var(--thm-base);
}

.hst-style .xunruistyle .resulttext .portlet-body {
    opacity: 0.7;
}

/* 列表模式 */
.hst-style .xunruistyle .page-content.portlet-listmode {
    padding: 0;
    border-radius: 0;
    background-color: var(--thm-base);
}

.hst-style .xunruistyle .page-content.portlet-listmode .project-one__content {
    margin: 0;
}

.hst-style .xunruistyle .page-content.portlet-listmode .project-one__content p.project-one__tagline {
    width: 85%;
}

.hst-style .xunruistyle .page-content.portlet-listmode .project-one__content .search-post-meta p.project-one__tagline {
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--thm-gray-rgb), 0.5);
}

.hst-style .xunruistyle .page-content.portlet-listmode .project-one__single:hover .project-one__content .search-post-meta p.project-one__tagline {
    color: rgb(var(--thm-base-rgb), 0.5);
}

.hst-style .xunruistyle .page-content.portlet-listmode .portlet-title i {
    font-size: 24px;
    margin-right: 10px;
    color: var(--thm-extra);
}

.hst-style .xunruistyle .page-content.portlet-listmode .project-one__content .search-content .search-post-top .project-one__title {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1;
}

/* 通用搜索模式 */
.hst-style .xunruistyle .product-keysearch.search-popup {
    background-color: var(--thm-base);
}

.hst-style .xunruistyle .product-keysearch.search-popup .search-popup-box {
    position: relative;
    display: block;
    width: 100%;
    background-color: #eef3f7;
    border-radius: var(--thm-bdr-radius3);
    z-index: 1;
    padding: 20px;
}

.hst-style .xunruistyle .product-linkage .product-linkage-box {
    background-color: #eef3f7;
    border: 1px solid #eef3f7;
}

.hst-style .xunruistyle .product-linkage.group-linkage .product-linkage-box {
    border-radius: 0px;
}

.hst-style .xunruistyle .product-linkage.group-linkage .container div.product-linkage-box:only-child {
    border-radius: var(--thm-bdr-radius3);
}

.hst-style .xunruistyle .product-linkage.group-linkage .container div:first-child {
    border-radius: var(--thm-bdr-radius3) var(--thm-bdr-radius3) 0px 0px;
}

.hst-style .xunruistyle .product-linkage.group-linkage .container div:last-child {
    border-radius: 0px 0px var(--thm-bdr-radius3) var(--thm-bdr-radius3);
}

.hst-style .xunruistyle .product-linkage .product-linkage-box .product-linkage-cell a.label-success {
    padding: 5px 20px;
    background-color: var(--thm-base);
    border-radius: var(--thm-bdr-radius3);
}

/*-------------------------------- 网站首页 --------------------------------*/
.hst-style .brand-one .swiper-slide .mb-auto {
    width: 135px;
    height: 90px;
    display: table;
    text-align: center;
}

.hst-style .brand-one .swiper-slide .mb-auto a {
    display: table-cell;
    vertical-align: middle;
}

.hst-style .main-slider .image-layer{
    mix-blend-mode: unset;
}

.hst-style .indexlinkage:hover p a, .hst-style .indexlinkage p a:hover{
    color: var(--thm-base);
}

.hst-style .main-menu-wrapper__left{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hst-style .indexcsrfb.testimonial-one .testimonial-one__single{
    padding: 40px 50px;
}

.hst-style .indexcsrfb.testimonial-one .testimonial-one__client-info .testimonial-one__client-details{
    width: 55%
}

.hst-style .indexcsrfb.testimonial-one .testimonial-one__client-info .testimonial-one__client-details{
    width: 55%
}

.hst-style .indexcsrfb.testimonial-one .testimonial-one__client-info .testimonial-one__client-img{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 2px solid #eef3f7;
}

.hst-style .indexcsrfb.testimonial-one .testimonial-one__client-info .testimonial-one__client-img img{
    border-radius: 40px;
}

/*-------------------------------- 404页面 --------------------------------*/
.hst-style .hstpage404 .page404img{
    padding-top: 100px;
}

.hst-style .hstpage404 .page404img img{
    width: 100%;
    height: auto;
}

.hst-style .hstpage404.service-list .news-details__left, .hst-style .service-show .news-details__left{
    padding:0;
}

/*-------------------------------- 解决方案页面 --------------------------------*/
.hst-style .page-header.solution-header .page-header-shape {
    width: 45%;
}

.hst-style .why-choose.solution-advantages .why-choose__inner .why-choose__left {
    z-index: -1;
}

.hst-style .why-choose.solution-advantages .why-choose__inner .why-choose__left .why-choose__img img {
    max-height: 750px;
    width: auto;
    right: 50px;
    opacity: 1;
}

.hst-style .help.solution-scenarios .help__box {
    padding-bottom: 100px;
}

.hst-style .help.solution-scenarios .help__box .services-one__single {
    text-align: left;
    padding: 20px 42px 20px;
    margin-bottom: 0;
}

.hst-style .help.solution-scenarios .help__box .services-one__single .services-one__text{
    padding-bottom: 0;
}

.hst-style .share-the-joy.solution-help {
    margin-top: -150px;
}

.hst-style .share-the-joy.solution-help .share-the-joy__right .share-the-joy__img-box .share-the-joy__img {
    top: -161px;
}

.hst-style .news-two.solution-cases .news-two__right,
.hst-style .news-two.solution-cases .news-two__right .news-two__carousel,
.hst-style .news-two.solution-cases .news-two__right .news-two__carousel .news-one__content {
    height: 100%;
}

.hst-style .news-two.solution-cases {
    padding: 100px 0 100px 0;
}

/*-------------------------------- 核心优势页面 --------------------------------*/
.hst-style .core-advantages{
    position: relative;
    display: block;
    padding: 100px 0 100px;
    background-color: var(--thm-black);
    z-index: 1;
}

.hst-style .core-advantages .core-advantages-shape-1{
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hst-style .core-advantages .core-advantages-shape-2{
    position: absolute;
    opacity: 1;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    text-align: center;
    z-index: -1;
}

.hst-style .core-advantages .core-advantages-shape-2 img{
    max-height: 100%;
    display: block;
    margin: auto;
}

.hst-style .core-advantages .core-advantages_text .core-advantages_title{
    margin-top: 0;
}

.hst-style .core-advantages .core-advantages_text .core-advantages_title h2{
    font-size: 8rem;
    line-height: 1;
    color: var(--thm-base);
    margin-bottom: 20px;
}

.hst-style .core-advantages .core-advantages_text .core-advantages_title h3{
    font-size: 3rem;
    line-height: 1;
    color: var(--thm-base);
    margin-bottom: 20px;
}

.hst-style .core-advantages .core-advantages_text .core-advantages_title p{
    font-size: 1rem;
    line-height: 1.6;
    color: var(--thm-base);
    margin-bottom: 20px;
}

.hst-style .core-advantages .core-advantages_img{

}

.hst-style .core-advantages .core-advantages_img img{
    max-width: 100%;
    max-height: 100%;
}

.hst-style .syqcell01.core-advantages{
    padding-bottom: 0;
}

.hst-style .syqcell02.core-advantages, .hst-style .syqcell03.core-advantages{
    padding-bottom: 0;
}

.hst-style .core-advantages .syqhv02.core-advantages_hv{
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
}

.hst-style .core-advantages .syqtitle02.core-advantages_text{
}

.hst-style .core-advantages .syqimg02.core-advantages_img{
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 644px;
}

.hst-style .core-advantages .syqimg02.core-advantages_img img{
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
}

.hst-style .core-advantages .syqimg02.core-advantages_img .beforeImage{
    overflow: hidden;
}

.hst-style .core-advantages .syqimg02.core-advantages_img .afterImage{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    bottom: 0;
    transform: translate(100%, 0px);
}

.hst-style .core-advantages .syqimg02.core-advantages_img .afterImage img{
    transform: translate(-100%, 0px);
}

.imgbgbefore, .imgbgafter{
    width:100%;
    height:0;
    padding-bottom: 100%;
    overflow:hidden;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    -webkit-background-size:auto;
    -moz-background-size:auto;
    background-size:auto;
}

.hst-style .core-advantages .syqimg02.core-advantages_img .afterImage .imgbgafter{
    transform: translate(-100%, 0px);
}

.hst-style .core-advantages .syqimg02.core-advantages_img .imgbgbefore,
.hst-style .core-advantages .syqimg02.core-advantages_img .imgbgafter {
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
}

.hst-style .core-advantages .syqimg03.core-advantages_img{
    max-height: 385px;
}

.hst-style .core-advantages .syqimg03.core-advantages_img img{
    height: 100%;
}

.hst-style .core-advantages .syqimg03.core-advantages_img .ball1,
.hst-style .core-advantages .syqimg03.core-advantages_img .ball2{
    width: 100%;
    height: 100%;
}

.hst-style .core-advantages canvas {
    width: 100%;
    height: 100%;
}

.hst-style .syqcell04.core-advantages{
    padding-bottom: 0;
}

.hst-style .syqcell04.core-advantages .syqimg04.core-advantages_img .core-advantages_subimg{
    min-height: 385px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hst-style .syqcell04.core-advantages .syqimg04.core-advantages_img .core-advantages_subimg img{
    margin-top: 30px;
}

.hst-style .qgchcell01.core-advantages{
    padding-bottom: 0;
}

.hst-style .core-advantages .qgchimg01.core-advantages_img .qgchimg01-top{
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
}

.hst-style .core-advantages .qgchimg01.core-advantages_img .qgchimg01-bottom img{
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.hst-style .core-advantages .qgchimg03.core-advantages_img{
    max-height: unset;
}

.hst-style .ypsfcell01.core-advantages{
    padding-bottom: 0;
}

/*-------------------------------- 软件产品页面 --------------------------------*/
.hst-style .saaspd{
    padding: 100px 0 300px 0;
}

.hst-style .saaspd .project-one__single .project-one__content{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
    margin-right: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    margin-top: -90px;
}

.hst-style .saaspd .project-one__single:hover .project-one__content:after{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.hst-style .saaspd .project-one__single:hover .project-one__title{
    color: var(--thm-base);
}

.hst-style .improve-one.saaspd2{
    padding: 100px 0;
}

.hst-style .improve-one.saaspd2 .improve-one__cell{
    height: 100%;
    padding-bottom: 30px;
}

.hst-style .improve-one.saaspd2 .improve-one__cell .improve-one__points{
    position: relative;
    display: block;
    background-color: var(--thm-base);
    border-radius: var(--thm-bdr-radius);
    padding: 0;
    text-align: center;
    margin-bottom: 0;
    transition: all 500ms ease;
    z-index: 2;
    height: 100%;
}

.hst-style .improve-one.saaspd2 .improve-one__cell .improve-one__points .text{
    padding: 40px;
    color: var(--thm-base);
}

.hst-style .improve-one.saaspd2 .improve-one__cell .improve-one__points .text h3{
    opacity: 1 !important;
    color: var(--thm-base);
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.hst-style .improve-one.saaspd2 .improve-one__cell .improve-one__points .text p{
    opacity: 0.7 !important;
}

.hst-style .improve-one.saaspd2 .improve-one__cell .improve-one__points img{
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--thm-bdr-radius);
}

/*-------------------------------- 硬件产品页面 --------------------------------*/
.hst-style .page-header.hw_page-header {
    padding: 80px 0px;
}

/* 产品系列菜单 */
.hst-style .product-menu {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px auto 0px auto;
    background-color: var(--thm-gray);
    padding: 50px 0;
    z-index: 1;
    color: var(--thm-base);
}

.hst-style .product-menu .product-menu-box {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--thm-gray);
    border-radius: var(--thm-bdr-radius3);
    z-index: 1;
}

.hst-style .product-menu .product-menu-box .product-menu-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 5px 0;
    height: 100%;
    border-radius: var(--thm-bdr-radius);
    transition: background-color 500ms ease;
}

.hst-style .product-menu .product-menu-box .product-menu-cell.active {
    border-radius: var(--thm-bdr-radius);
    background: var(--thm-primary) linear-gradient(to right, var(--thm-primary), var(--thm-extra));
    color: var(--thm-black);
}

.hst-style .product-menu .product-menu-box .product-menu-cell.active span a {
    color: var(--thm-base);
}

.hst-style .product-menu .product-menu-box .product-menu-cell.active p {
    color: var(--thm-base);
}

.hst-style .product-menu .row span {
    font-size: 22px;
}

.hst-style .product-menu .row a p {
    padding: 0px;
    margin: 0px;
    opacity: 0.5;
    color: var(--thm-base);
}

.hst-style .product-menu .row a span  {
    color: var(--thm-base);
}

.hst-style .product-menu .row a:hover span  {
    color: var(--thm-base);
}

.hst-style .product-menu .product-menu-cell:hover {
    border-radius: var(--thm-bdr-radius);
    background-color: rgb(var(--thm-base-rgb), 0.2);
    transition: background-color 500ms ease;
}

/* 产品类型筛选菜单 */
.hst-style .product-linkage {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px auto 0px auto;
    background-color: var(--thm-base);
    padding: 50px 0 0 0;
    z-index: 1;
    color: var(--thm-black);
}

.hst-style .product-linkage.plchannel {
    background-color: rgb(var(--thm-gray-rgb), 0.1);
    padding-bottom: 50px;
}

.hst-style .product-linkage.plchannel .product-linkage-box {
    border: none;
}

.hst-style .product-linkage .product-linkage-box {
    position: relative;
    display: block;
    width: 100%;
    background-color: var(--thm-base);
    border: 1px solid rgb(var(--thm-black-rgb), 1);
    border-radius: var(--thm-bdr-radius3);
    z-index: 1;
    padding: 20px;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell {
    padding: 10px 0;
    width: 100%;
    height: 100%;
    border-radius: var(--thm-bdr-radius3);
    transition: background-color 500ms ease;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell span a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
    min-height: 100%;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell a.label-success {
    color: var(--thm-black);
    font-weight: 600;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell:before {
    content: "";
    display: block;
    position: absolute;
    height: 20%;
    width: 1px;
    border-left: 1px solid rgb(var(--thm-gray-rgb), 0.2);
    margin-left: -1.3%;
    top: 50%;
    transform: translateY(-50%);
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell.firstcell:before {
    border: none;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell a img {
    width: auto;
    max-height: 90px;
    transition: all 300ms ease;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell a span {
    align-self: flex-end;
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell a {
    color: var(--thm-gray);
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell a:hover {
    color: var(--thm-black);
}

.hst-style .product-linkage .product-linkage-box .product-linkage-cell a:hover img {
    transform: translateY(-10px);
    filter: drop-shadow(#e0e0e0 0 10px);
    transition: all 300ms ease;
}

.hst-style .product-linkage .product-linkage-box .row > div:nth-of-type(1) label:before {
    display: none;
}

/* 产品搜索 */
.hst-style .product-keysearch.search-popup {
    position: relative;
    display: flex;
    color: var(--thm-gray);
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    z-index: 1;
    margin: 0px auto 0px auto;
    padding: 50px 0 50px 0;
    background-color: var(--thm-black);
    justify-content: center;
    align-items: center;
    transform: unset;
    transition: transform 300ms ease, opacity 300ms ease;
}

.hst-style .product-keysearch.search-popup .search-popup__content form input[type="text"] {
    border-top-left-radius: var(--thm-bdr-radius);
    border-bottom-left-radius: var(--thm-bdr-radius);
    padding-right: 30px;
    width: 100%;
    margin-right: 68px;
}

.hst-style .product-keysearch.search-popup .search-popup__content {
    position: relative;
    margin: 0 auto;
}

.hst-style .product-keysearch.search-popup .search-popup__content .thm-btn{
    border-top-right-radius: var(--thm-bdr-radius);
    border-bottom-right-radius: var(--thm-bdr-radius);
}

.hst-style .product-keysearch.search-popup .search-popup__content form {
    border-radius: var(--thm-bdr-radius);
}

.hst-style .product-keysearch.search-popup .search-popup__btn .btn.btn-link {
    margin-top: 10px;
    color: var(--thm-primary);
    text-decoration: none;
}

.hst-style .product-keysearch.search-popup .search-popup__btn .btn.btn-link:hover {
    color: var(--thm-extra);
}

.hst-style .product-keysearch.search-popup .search-tag__content {
    text-align: center;
    margin-top: 10px;
}

.hst-style .product-keysearch.search-popup .search-tag__content a {
    margin: 0 5px;
}

.hst-style .product-result .btn {
    border-radius: 8px;
}

.hst-style .product-result .btn-group > .btn-group:not(:first-child) > .btn,
.hst-style .product-result .btn-group > .btn:nth-child(n+3),
.hst-style .product-result .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.hst-style .portlet-body.search-container {
    padding-top: 50px;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0px;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .project-one__img {
    float: left;
    width: 40%;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 55%;
    height: 100%;
    padding: 22px 30px 29px 30px;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content .search-post-top {
    position: relative;
    height: 30%;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content .search-post-mid {
    position: relative;
    height: 50%;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content .search-post-mid .project-one__tagline {
    color: rgb(var(--thm-gray-rgb), 0.5);;
}

.hst-style .portlet-body.search-container .project-one__single:hover .project-one__content .search-content .search-post-mid .project-one__tagline {
    color: rgb(var(--thm-base-rgb), 0.5);;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content .search-post-foot {
    position: relative;
    height: 20%;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content .search-post-foot > .project-one__arrow {
    bottom: 0;
    right: 0;
}

.hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content .search-post-meta > .project-one__tagline {
    font-weight: 600;
}

/* 硬件产品详情页 */
.hst-style .page-header.hw_showpage-header {
    padding: 20px 0px;
    background-color: rgb(var(--thm-gray-rgb), 0.1);
}

.hst-style .hw_showpage-header .page-header__inner .thm-breadcrumb li a, .hst-style .hw_showpage-header .page-header__inner .thm-breadcrumb li span {
    color: var(--thm-gray);
}

.hst-style .project-details.hw_showpage-show {
    padding: 50px 0px 100px 0px;
}

.hst-style .project-details.hw_showpage-show .project-details__img-box .carousel-inner {
    border-radius: var(--thm-bdr-radius);
}

.hst-style .project-details.hw_showpage-show .project-details__title {
    margin-bottom: 0px;
    font-size: 50px;
    line-height: 60px;
}

.hst-style .project-details.hw_showpage-show .project-details__description {
    margin-bottom: 30px;
}

.hst-style .project-details.hw_showpage-show .project-details__content.fcpdc img {
    width: 100%;
    height: auto;
}

.hst-style .project-details.hw_showpage-show .project-details__img-box .carousel .carousel-indicators {
    bottom: 100px;
}

.hst-style .project-details.hw_showpage-show .project-details__img-box .project-details__details-box {
}

.hst-style .project-details.hw_showpage-show .project-details__social-list a {
    font-size: 16px;
}

.project-details__social-list a.otherbtn {
    color: var(--thm-base);
    background-color: var(--thm-gray);
}

.project-details__social-list a.consultbtn {
    color: var(--thm-base);
    background-color: var(--thm-extra);
}


/* 产品详情页二维码海报 */
.hst-style .project-details.hw_showpage-show .qpcontainer {
    position: absolute;
    z-index: -999;
    opacity: 0;
    display: block;
}

.hst-style .project-details.hw_showpage-show .qpcontainer .qrcodeposter-url {
    overflow: hidden;
}

.hst-style .project-details.hw_showpage-show .qpcontainer .project-details__title {
    display: inline-flex;
    background-color: var(--thm-black);
    padding: 0 15px 5px 15px;
    color: var(--thm-base);
    line-height: 65px;
    margin-bottom: 30px;
    margin-top: -20px;
}

.hst-style .project-details.hw_showpage-show .qpcontainer .qrcodeposter-container {
    padding: 20px;
    overflow: hidden;
}

.hst-style .project-details.hw_showpage-show .qpcontainer .qrcodeposter-container .qrcodeposter-img img {
    width: 100%;
    height: auto;
}

.hst-style .project-details.hw_showpage-show .qpcontainer .qrcodeposter-url, .hst-style .project-details.hw_showpage-show .qpcontainer .qrcodeposter-title {
    position: absolute;
    z-index: -999;
    opacity: 0;
    display: block;
}

.hst-style .project-details.hw_showpage-show .qpmodal .downposter {
}

.hst-style .project-details.hw_showpage-show .qpmodal .saveposter {
    display: none;
}

.hst-style .project-details.hw_showpage-show .project-details__content.fcpdc .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hst-style .project-details.hw_showpage-show .project-details__content.fcpdc .row .arrtext {
    height: 100%;
    padding: 30px;
    border-radius: var(--thm-bdr-radius);

    background: #ffffff linear-gradient(-45deg, rgb(var(--thm-gray-rgb), 0.1), #ffffff);
}

.hst-style .project-details.hw_showpage-show .project-details__content.fcpdc .row .arrtext h5 {
    line-height: 1.75;
    color: var(--thm-gray);
}

/* 其它 */
.hst-style .section-title__tagline.pscstyle.hwproduct:before {
    background-color: var(--thm-gray);
}

.hst-style .project-page hr {
    margin: 50px 0px;
}

.hst-style .feature-one__bottom-inner.hwproduct {
    margin-top: 30px;
}

/*-------------------------------- 服务与支持页面 --------------------------------*/
.hst-style .industries-we-serve.service-menu .section-title__tagline:before {
    background-color: var(--thm-base);
}

.hst-style .industries-we-serve.service-menu .industries-we-serve-shape-1 .float-bob-y {
    width: 85%;
    height: auto;
}

.hst-style .industries-we-serve.service-menu .industries-we-serve-shape-1 {
    top: 30px;
}

.hst-style .subcontent {
    padding: 100px 0 100px;
}

.hst-style .subcontent .sbtab button {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    width: 100%;
}

.hst-style .subcontent .sbtab .navbar-toggler-icon {
    width: 100%;
    height: auto;
}

.hst-style .subcontent .sbtab .navbar-collapse .nav-pills {
    width: 100%;
}

.hst-style .subcontent .sbtab .navbar-collapse .nav-pills .nav-link {
    border-radius: 8px;
    color: var(--thm-gray);
}

.hst-style .subcontent .sbtab .navbar-collapse .nav-pills .nav-link.active {
    background-color: var(--thm-primary);
    color: var(--thm-base);
}

.hst-style .subcontent .sbtab .navbar-toggler {
    color: var(--thm-base);
    padding: .25rem .75rem;
    font-size: 16px;
    line-height: 32px;
    background-color: var(--thm-gray);
    border: 1px solid transparent;
    border-radius: 8px;
    transition: box-shadow .15s ease-in-out;
}

.hst-style .subcontent .sbtab .navbar-toggler {
    color: var(--thm-base);
    padding: .25rem .75rem;
    font-size: 16px;
    line-height: 32px;
    background-color: rgb(var(--thm-gray-rgb), 0.5);
    border: 1px solid transparent;
    border-radius: 8px;
    transition: box-shadow .15s ease-in-out;
}

.hst-style .subcontent .sbtab .navbar-toggler.collapsed {
    background-color: var(--thm-gray);
}

.hst-style .news-two.service-support .news-one__content {
    border-radius: 8px;
}

.hst-style .news-two.service-support .news-two__carousel.owl-theme .owl-nav {
    bottom: 80px;
}

.hst-style .business-growth__bottom {
    margin-top: 0;
}

.hst-style .business-growth__bottom .business-growth__single .business-growth__img {
    color: var(--thm-base);
    font-size: 50px;
    font-weight: 600;
    line-height: 0.8;
    padding: 20px 42px 30px;
}

.hst-style .business-growth__bottom .business-growth__single .business-growth__img .service-updates:after {
    content: '\f017';
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 0;
    font-family: "Font Awesome 5 Free";
    font-size: 2em;
    font-weight: 400;
    left: unset;
    right: 1em;
    transition: all 500ms ease;
}

.hst-style .business-growth__bottom .business-growth__single:hover .business-growth__img .service-updates:after {
    left: unset;
    right: 1.5em;
    transition: all 500ms ease;
}

.hst-style .business-growth__bottom .business-growth__single .business-growth__content {
    padding: 20px 42px 30px;
}

.hst-style .business-growth__bottom .business-growth__single .business-growth__content:before {
    display: none;
}

.hst-style .faq-one-accrodion .accrodion .accrodion-content a {
    margin-left: 10px;
    font-weight: 600;
    color: var(--thm-primary);
    white-space: nowrap;
}

.hst-style .faq-one-accrodion .accrodion .accrodion-content a:hover {
    color: var(--thm-extra);
}

/* list模式 */
.hst-style .service-list .comment-one__image img {
    border-radius: 8px;
    min-width: 250px;
    height: auto;
}

.hst-style .service-list .comment-one__content .comment-one__btn {
    position: relative;
    float: right;
    margin-top: 20px;
}

.hst-style .service-list .comment-one__content h3 {
    margin-bottom: 20px;
}

.hst-style .service-list .comment-one__content h3 a {
    color: var(--thm-black);
}

.hst-style .service-list .comment-one__content h3 a:hover {
    color: var(--thm-extra);
}

.hst-style .service-list .news-details__left, .hst-style .service-show .news-details__left {
    padding-left: 30px;
}

.hst-style .service-list .comment-one__single {
    padding-bottom: 30px;
    margin-bottom: 38px;
}

.hst-style .service-list .list-date-dark-right {
    padding-left: 110px;
}

/* show模式 */
.hst-style .service-show .qpcontainer {
    position: absolute;
    z-index: -999;
    opacity: 0;
    display: block;
}

.hst-style .service-show h3.news-details__title {
    line-height: 46px !important;
}

.hst-style .service-show .project-details__pagination-box {
    margin-top: 50px;
}

.hst-style .service-show .news-details__pagenation-box {
    border-top: 1px solid var(--thm-bdr-color);
    padding: 30px 0 30px;
}

.hst-style .service-show .project-details__pagination-box .project-details__pagination li.next, .hst-style .service-show .project-details__pagination-box .project-details__pagination li.previous {
    float: none;
    width: 100%;
}

.hst-style .service-show .news-details__pagenation li {
    max-width: none;
    height: 100%;
    padding: 32px 40px 39px;
}

.hst-style .service-show .news-details__pagenation li a {
    color: var(--thm-black);
}

.hst-style .service-show .news-details__pagenation li:hover a {
    color: var(--thm-base);
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .active {
    background-color: var(--thm-primary) !important;
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .active:hover {
    background-color: var(--thm-base) !important;
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list li.active a {
    color: var(--thm-base) !important;
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list li.active a span {
    transform: translateY(-50%) scale(1);
    color: var(--thm-base) !important;
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list li.active:hover a span, .hst-style .sidebar .sidebar__categories .sidebar__categories-list li.active:hover a {
    color: var(--thm-black) !important;
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .c1-title {
    background-color: rgb(var(--thm-base-rgb), 1);
    border-radius: var(--thm-bdr-radius);
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .c2-title {
    background-color: rgb(var(--thm-base-rgb), 0.5);
    border-radius: var(--thm-bdr-radius);
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .c3-title {
    background-color: rgb(var(--thm-base-rgb), 0);
    border-radius: var(--thm-bdr-radius);
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .c4-title {
    background-color: rgb(var(--thm-base-rgb), 0);
    border-radius: var(--thm-bdr-radius);
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .c1-title a {
    color: var(--thm-black);
    font-weight: 600;
    font-size: 22px;
}

.hst-style .sidebar .sidebar__categories .sidebar__categories-list.list-unstyled .c2-title a {
    color: var(--thm-black);
    font-weight: 500;
    font-size: 18px;
}

.hst-style .sidebar .sidebar__search .sidebar__search-form input[type="text"] {
    display: block;
    border: none;
    outline: none;
    background-color: var(--thm-extra);
    color: var(--thm-base);
    font-size: 16px;
    font-weight: 500;
    padding-left: 30px;
    height: 80px;
    border-radius: var(--thm-bdr-radius);
    width: 100%;
    padding-right: 60px;
}

.hst-style .sidebar .sidebar__search .sidebar__search-form button[type="button"] {
    background-color: transparent;
    color: var(--thm-base);
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
}

/*-------------------------------- 下载中心页面 --------------------------------*/
.hst-style .industries-we-serve.downloadsw .industries-we-serve-shape-1 {
    opacity: 0.5;
    top: unset;
    bottom: -40px;
    z-index: -4;
}

.hst-style .industries-we-serve.downloadsw .industries-we-serve-shape-1 img.float-bob-y {
    width: 100%;
}

.hst-style .industries-we-serve.downloadsw .industries-we-serve-shape-2 {
    width: 50%;
    height: 80%;
}

.hst-style .industries-we-serve.downloadsw .industries-we-serve-shape-2 img {
    height: 100%;
}

.hst-style .industries-we-serve.downloadsw .industries-we-serve__points li .icon {
    margin-bottom: 10px;
}

.hst-style .industries-we-serve.downloadsw .industries-we-serve__points li .text {
    margin-bottom: 50px;
}

.hst-style .industries-we-serve.downloadsw .industries-we-serve__points li .text p {
    font-size: 16px;
    line-height: 1.2rem;
}

.hst-style .services-two.downloadswsub:before {
    display: none;
}

.hst-style .services-two.downloadswsub .services-one__single {
    background-color: var(--thm-black);
}

.hst-style .services-two.downloadswsub .services-one__title a {
    color: var(--thm-base);
}

.hst-style .services-two.downloadswsub .section-title__title {
    color: var(--thm-base);
}

.hst-style .help.downloadswsub02 {
    margin-top: 0;
    padding-top: 100px;
}

.hst-style .help.downloadswsub02 .help__box .help__single {
    max-width: unset;
    padding: 20px 42px 30px;
    display: flex;
    flex-direction: column;
}

.hst-style .help.downloadswsub02 .help__box .help__single .help__box-two-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 22px;
}

.hst-style .help.downloadswsub02 .help__box .help__single .help__box-two-content a {
    display: block;
    font-weight: 600;
    color: var(--thm-black);
    width: 100%;
}

.hst-style .help.downloadswsub02 .help__box .help__single .help__box-two-content a:hover {
    color: var(--thm-primary);
}

.hst-style .help.downloadswsub02 .help__box .help__single .help__box-two-content {
    padding: 0;
    margin-bottom: 30px;
}

.hst-style .help.downloadswsub02 .help__box .help__single:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(var(--thm-bdr-color-rgb), 0.4);
    display: block !important;
}

.hst-style .help.downloadswsub02 .help__box .row > div:nth-of-type(-n+1) div.help__single:before {
    display: none !important;
}

.hst-style .news-details.downloadlist .news-details__date-box.list-date-dark p {
    font-size: 16px;
    font-weight: 500;
}

.hst-style .news-details.downloadlist .news-details__date-box.list-date-dark p i {
    font-size: 30px;
    font-weight: 500;
}

.hst-style .news-details.downloadlist .list-date-dark-right > h3 {
    margin-bottom: 10px;
}

.hst-style .news-details.downloadlist .comment-one__content > .list-date-dark-right > p > span {
    margin-right: 20px;
}

.hst-style .news-details.downloadlist .comment-one__single > .comment-one__content {
    width: 100%;
}

.hst-style .news-details.downloadlist .comment-one__single > .comment-one__content {
    width: 100%;
}

/*-------------------------------- 关于好视通 --------------------------------*/
.hst-style .company_introduction_header {
    padding: 147px 0 185px;
    min-height: 530px;
}

.hst-style .company_introduction_header:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 530px;
    z-index: 1;
    top: 0;
}

.hst-style .company_introduction_header .page-header__inner h2 {
    color: var(--thm-black);
}

.hst-style .company_introduction_header .page-header__inner .thm-breadcrumb li a, .hst-style .company_introduction_header .page-header__inner .thm-breadcrumb li span {
    color: var(--thm-black);
}

.hst-style .news-one.company_about {
    background-color: #eef3f7;
}

.hst-style .about-two.company_about {
    background-color: rgb(var(--thm-gray-rgb), 0.1);
}

.hst-style .team-one.company_about {
    padding: 100px 0 100px;
    background-color: var(--thm-base);
}

.hst-style .team-one__name a {
    color: var(--thm-black);
}

.hst-style .team-one__name a:hover {
    color: var(--thm-extra);
}

.hst-style h5.team_show_title {
    margin-bottom: 24px;
}

.hst-style .company_values_content .row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hst-style .company_values_content .row .arrtext {
    height: 100%;
    padding: 30px;
    background: none;
}

.hst-style .company_values_content .row .order-lg-2 .arrtext {
    text-align: right;
}

.hst-style .company_values_content .row .arrtext h2 {
    color: var(--thm-base);
    font-weight: 600;
    margin-bottom: 5px;
}

.hst-style .company_values_content .row .arrtext h5 {
    color: var(--thm-base);
    font-weight: 300;
}

.hst-style .company_values_content img {
    width: 100%;
    height: auto;
    border-radius: var(--thm-bdr-radius);
}

.hst-style .company_values_content .pdcdcontent_cor {
    border-radius: var(--thm-bdr-radius);
    box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, 0.1);
}

.hst-style .company_values_content .project-details__content {
    margin-top: 0;
}

.hst-style .company_vision .modal-header {
    border-bottom: none;
}

.hst-style .company_vision .modal-header h5 {
    font-weight: 600;
}

.hst-style .company_vision .modal-footer {
    border-top: none;
}

.hst-style .company_showpage .news-details__meta li {
    opacity: 0.5;
}

.hst-style .company_showpage .news-details__meta li + li {
    margin-left: 20px;
}

.hst-style .business-growth.company_job_liveinhst,
.hst-style .business-growth.company_job_workinhst {
    padding-top: 0;
    background-color: transparent;
}

.hst-style .business-growth.company_job_liveinhst .business-growth__bottom .business-growth__single .business-growth__img,
.hst-style .business-growth.company_job_workinhst .business-growth__bottom .business-growth__single .business-growth__img {
    padding: 0;
}

.hst-style .business-growth.company_job_liveinhst .team-one__single:hover .team-one__img {
    border-radius: var(--thm-bdr-radius);
}

.hst-style .business-growth.company_job_workinhst .team-one__single:hover .team-one__img {
    border-radius: var(--thm-bdr-radius);
}

.hst-style .business-growth.company_job_liveinhst .feature-one__single {
    box-shadow: none;
    background-color: var(--thm-base);
    padding: 10px 30px;
    margin-bottom: 0;
    border: 1px solid rgb(var(--thm-gray-rgb), 0.3);
}

.hst-style .business-growth.company_job_workinhst .feature-one__single {
    box-shadow: none;
    background-color: var(--thm-base);
    padding: 10px 30px;
    margin-bottom: 30px;
    border: 1px solid rgb(var(--thm-gray-rgb), 0.3);
    height: 100%;
}

.hst-style .business-growth.company_job_liveinhst .section-title, .hst-style .business-growth.company_job_workinhst .section-title {
    margin-top: 0;
}

.hst-style .business-growth.company_job_liveinhst .business-growth__top {
    padding: 0 0 0 0;
}

.hst-style .business-growth.company_job_workinhst .business-growth__top {
    padding: 0 0 0 0;
}

.hst-style .business-growth.company_job_liveinhst .feature-one__single .feature-one__content, .hst-style .business-growth.company_job_workinhst .feature-one__single .feature-one__content {
    margin: 20px 0;
}

.hst-style .business-growth.company_job_workinhst .feature-one__single .feature-one__content h5 {
    margin-bottom: 10px;
}

.hst-style .business-growth.company_job_workinhst .company_job_workinhst_img img {
    width: 100%;
}

/*-------------------------------- 联系我们 --------------------------------*/
.hst-style .contact-page .contact-page__right img {

}

.hst-style .contact-page .contact-page__right img {
    width: 100%;
    border-radius: var(--thm-bdr-radius3);
}

.hst-style .contact-details .footer-widget__officetitle {
    font-size: 20px;
    color: var(--thm-black);
    line-height: 30px;
    margin-bottom: 0px;
    font-weight: 600;
}

.hst-style .contact-details .footer-widget__links-list li a {
    color: var(--thm-gray);
}

.hst-style .contact-details .footer-widget__links-list li a:after {
    content: '';
    position: absolute;
    top: 110%;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scale(0, 1);
    transform-origin: left center;
    background-color: currentColor;
    transition: transform 500ms ease;
}

.hst-style .contact-details .footer-widget__links-list li:hover > a:after {
    transform: scale(1, 1);
    transform-origin: right center;
}

.hst-style .contact-details .footer-widget__links-list li a:hover {
    color: var(--thm-gray);
}

.hst-style .contact-details .cnoffice {
    border: 1px solid rgb(var(--thm-gray-rgb), 0.3);
    padding: 20px 30px;
    min-height: 160px;
    background-color: var(--thm-base);
    border-radius: var(--thm-bdr-radius);
    margin-bottom: 30px;
}

.hst-style .contact-details .cnoffice ul {
    float: unset;
    margin-right: 0;
    margin-left: 24px;
}

.hst-style .contact-details__inner {
    background-color: var(--thm-base);
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
    border-radius: var(--thm-bdr-radius);
    padding: 40px 40px;
    border-top: none;
    margin-top: -50px;
}

.hst-style .contact-page {
    padding-bottom: 150px;
}

.hst-style .contact-page__social-list a {
    color: var(--thm-black);
    background-color: var(--thm-base);
}

/*-------------------------------- pagination --------------------------------*/
.hst-style .search-pagination {
    text-align: center;
    padding: 100px 0 50px 0;
}

.hst-style .pagination {
    padding-left: 0;
    border-radius: 4px;
    display: inline-block;
}

.hst-style .pagination > li {
    display: inline;
    list-style-type: none;
}

.hst-style .pagination > li > a, .hst-style .pagination > li > span {
    position: relative;
    float: left;
    padding: 12px 18px;;
    line-height: 1.42857;
    text-decoration: none;
    color: var(--thm-gray);
    background-color: var(--thm-base);
    border: 1px solid rgb(var(--thm-black-rgb), 0.1);
    border-radius: var(--thm-bdr-radius);
    margin: 0 5px;
    transition: all 500ms ease;
}

.hst-style .pagination > li > a:hover {
    background-color: rgb(var(--thm-extra-rgb), 1);
    border-color: var(--thm-base);
    color: var(--thm-base);
    transition: all 500ms ease;
}

.hst-style .pagination > .active > a, .hst-style .pagination > .active > a:focus, .hst-style .pagination > .active > a:hover, .hst-style .pagination > .active > span, .hst-style .pagination > .active > span:focus, .hst-style .pagination > .active > span:hover {
    z-index: 3;
    color: var(--thm-base);
    background-color: var(--thm-primary);
    border-color: var(--thm-primary);
    cursor: default;
}

/*--------------------------------------------------------------
# HST Responsive Css
/////////
--------------------------------------------------------------*/

/* Large screen  */
@media only screen and (min-width: 1200px) and (max-width: 1695px) {
    .hst-style .feature-one div[class^="col"] {
        margin-top: -125px;
    }

    .hst-style .share-the-joy {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hst-style .site-footer__top {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hst-style .site-footer__top .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-container {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-container .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .yamm .yamm-fw .colf {
        display: none;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgpc {
        display: block;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgm {
        display: none;
    }

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: 45px !important;
    }

    .main-menu-wrapper__call {
        margin-right: 60px !important;
    }

    .main-menu-wrapper__search-box-cart-box:before {
        left: -30px !important;
    }

    .imgbgbefore, .imgbgafter{
        padding-bottom: 40%;
        background-position: bottom center;
        -webkit-background-size:150%;
        -moz-background-size:150%;
        background-size:150%;
    }

    .hst-style .core-advantages .syqhv02.core-advantages_hv{
        display: block;
        position: relative;
        width: 100%;
        height: 300px;
    }
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hst-style .feature-one div[class^="col"] {
        margin-top: -125px;
    }

    .hst-style .share-the-joy {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hst-style .site-footer__top {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hst-style .site-footer__top .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-container {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-container .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgpc {
        display: block;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgm {
        display: none;
    }

    .hst-style .why-choose.pscstyle .why-choose__img {
        padding-top: 50%;
    }

    .hst-style .why-choose.pscstyle .why-choose__img img {
        width: 200%;
        border-radius: 0px;
    }

    .hst-style .help.pscstyle .help__box, .hst-style .help.pscstyle .help__box .help__box-one, .hst-style .help.pscstyle .help__box .help__box-two {
        height: auto;
    }

    .hst-style .help.pscstyle .help__box .help__box-one .help__box-one-img {
        height: 160px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .hst-style .share-the-joy.solution-help{
        padding-left: 30px;
        padding-right: 30px;
    }

    .hst-style .share-the-joy.solution-help .share-the-joy__inner{
        padding-bottom: 200px;
    }

    .hst-style .share-the-joy.solution-help .share-the-joy__inner .share-the-joy__img-box .share-the-joy__img{
        right: 0;
        left: unset;
        text-align: right;
    }

    .hst-style .share-the-joy.solution-help .share-the-joy__inner .share-the-joy__img-box .share-the-joy__img img{
        width: 75%;
        text-align: right;
    }

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: 45px !important;
    }

    .hst-style .news-two.solution-cases{
        padding-bottom: 200px;
    }

    .hst-style .news-two.solution-cases .news-two__carousel.owl-theme .owl-nav{
        bottom: -120px;
        left: 0;
    }

    .imgbgbefore, .imgbgafter{
        padding-bottom: 100%;
        background-position: 50% 0%;
        -webkit-background-size:150%;
        -moz-background-size:150%;
        background-size:150%;
    }

    .hst-style .core-advantages .syqimg02.core-advantages_img{
        max-height: 400px !important;
    }

    .hst-style .core-advantages .syqhv02.core-advantages_hv{
        display: none;
    }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hst-style .feature-one div[class^="col"] {
        margin-top: 0px;
    }

    .hst-style .feature-one div[class^="col"]:first-child {
        margin-top: -125px;
    }

    .hst-style .share-the-joy {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hst-style .site-footer__top {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hst-style .site-footer__top .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-container {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-container .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .hst-style .section-title {
        text-align: center !important;
    }

    .hst-style .share-the-joy__img {
        display: block;
        top: -100px;
        right: -100px;
        left: 0;
        text-align: right;
    }

    .hst-style .share-the-joy__img img {
        width: 75%;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-inner {
        flex-direction: column !important;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgpc {
        display: block;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgm {
        display: none;
    }

    .hst-style .why-choose.pscstyle .why-choose__img {
        padding-top: 50%;
    }

    .hst-style .why-choose.pscstyle .why-choose__img img {
        width: 200%;
        border-radius: 0px;
    }

    .hst-style .help.pscstyle .help__box, .hst-style .help.pscstyle .help__box .help__box-one, .hst-style .help.pscstyle .help__box .help__box-two {
        height: auto;
    }

    .hst-style .help.pscstyle .help__box .help__box-one .help__box-one-img {
        height: 160px;
        border-bottom-right-radius: 8px;
    }

    .hst-style .product-menu .row span {
        font-size: 1.1rem;
    }

    .hst-style .product-menu .row p {
        font-size: 0.8rem;
    }

    .hst-style .product-linkage .product-linkage-box .product-linkage-cell:before {
        height: 1px;
        width: 50%;
        border-bottom: 1px solid rgb(var(--thm-gray-rgb), 0.2);
        border-left: none;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: unset;
        transform: unset;
    }

    .hst-style .product-linkage .product-linkage-box .product-linkage-cell > span {
        margin-top: 10px;
        padding: 20px 0;
    }

    .hst-style .product-linkage .product-linkage-box .product-linkage-cell.firstcell::before {
        display: none !important;
    }

    .hst-style .product-linkage .product-linkage-box .row > div:nth-child(2n) label:before {
        display: none;
    }

    .hst-style .product-linkage .product-linkage-box .row > div:nth-child(2n+1) label:before {
        content: "";
        display: block;
        position: absolute;
        height: 10%;
        width: 1px;
        border-left: 1px solid var(--thm-gray);
        left: 0;
        right: 0;
        margin: 7% auto;
    }

    .hst-style .product-linkage .product-linkage-box .product-linkage-cell > span {
        margin-top: 10px;
        padding: 20px 0;
    }

    .hst-style .project-details.hw_showpage-show .project-details__img-box .project-details__details-box {
        padding: 38px 15px 30px;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 30px;
    }

    .hst-style .project-details.hw_showpage-show .project-details__img-box .carousel .carousel-indicators {
        bottom: 0px;
    }

    .hst-style .project-details.hw_showpage-show .qpmodal .downposter {
        display: block;
    }

    .hst-style .project-details.hw_showpage-show .qpmodal .saveposter {
        display: none;
    }

    .hst-style .project-details.hw_showpage-show .project-details__img-box .project-details__details-info li:not(.unused) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .hst-style .product-keysearch.search-popup .search-popup__btn .btn.btn-link {
        display: block;
        margin: 30px auto 0 auto;
    }

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

    .sidebar {
        margin-top: 0px !important;
    }

    .hst-style .service-show .news-details__pagenation li {
        height: auto;
        margin-bottom: 30px;
    }

    .hst-style .service-list .news-details__left, .hst-style .service-show .news-details__left {
        padding-left: 0px;
    }

    .sidebar__categories {
        margin-bottom: 60px;
    }

    .hst-style .help.downloadswsub02 .help__box .row > div:nth-child(1) .help__single:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background-color: var(--thm-bdr-color);
        display: block !important;
    }

    .hst-style .help.downloadswsub02 .help__box .help__single:last-child:before {
        display: none !important;
    }

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: 45px !important;
    }

    .hst-style .news-two.solution-cases{
        padding-bottom: 200px;
    }

    .hst-style .news-two.solution-cases .news-two__carousel.owl-theme .owl-nav{
        bottom: -120px;
        left: 0;
        right: 0;
    }

    .imgbgbefore, .imgbgafter{
        padding-bottom: 100%;
        background-position: 50% 0%;
        -webkit-background-size:150%;
        -moz-background-size:150%;
        background-size:150%;
    }

    .hst-style .core-advantages .syqimg02.core-advantages_img{
        max-height: 300px !important;
    }

    .hst-style .core-advantages .syqhv02.core-advantages_hv{
        display: none;
    }

    .hst-style .core-advantages .syqimg03.core-advantages_img img{
        min-width: 100%;
        height: 100%;
        max-width: unset;
        max-height: unset;
    }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .hst-style .feature-one div[class^="col"] {
        margin-top: 0px;
    }

    .hst-style .feature-one div[class^="col"]:first-child {
        margin-top: -125px;
    }

    .main-slider .swiper-slide {
        height: auto;
    }

    .hst-style .share-the-joy {
        padding-bottom: 100px;
    }

    .hst-style .share-the-joy__inner {
        border-radius: 0px;
    }

    .hst-style .section-title {
        text-align: center !important;
    }

    .hst-style .share-the-joy__img {
        display: block;
        top: 0px;
        right: -100px;
        left: 0;
        text-align: right;
    }

    .hst-style .share-the-joy__img img {
        width: 90%;
    }

    .hst-style .site-footer__bottom .site-footer__bottom-inner {
        flex-direction: column !important;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgpc {
        display: none;
    }

    .hst-style .video-one.pscstyle .video-one__inner .keyimgm {
        display: block;
    }

    .hst-style .why-choose.pscstyle .why-choose__img {
        padding-top: 50%;
    }

    .hst-style .why-choose.pscstyle .why-choose__img img {
        width: 200%;
        border-radius: 0px;
    }

    .hst-style .help.pscstyle .help__box, .hst-style .help.pscstyle .help__box .help__box-one, .hst-style .help.pscstyle .help__box .help__box-two {
        height: auto;
    }

    .hst-style .help.pscstyle .help__box .help__box-one .help__box-one-img {
        height: 140px;
        border-bottom-right-radius: 8px;
    }

    .hst-style .product-menu .row .col-md {
        margin: 10px auto;
    }

    .hst-style .pagination > li > a, .hst-style .pagination > li > span {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hst-style .product-linkage .product-linkage-box .product-linkage-cell:before {
        height: 1px;
        width: 50%;
        border-bottom: 1px solid rgb(var(--thm-gray-rgb), 0.2);
        border-left: none;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: unset;
        transform: unset;
    }

    .hst-style .product-linkage .product-linkage-box .product-linkage-cell > span {
        margin-top: 10px;
        padding: 20px 0;
    }

    .hst-style .portlet-body.search-container .project-one__single .project-one__content .project-one__img {
        width: 100%;
    }

    .hst-style .portlet-body.search-container .project-one__single .project-one__content .search-content {
        position: relative;
        width: 100%;
        float: left;
        height: auto;
        top: unset;
        right: unset;
        padding-left: 0px;
        padding-right: 0px;
    }

    .hst-style .project-details.hw_showpage-show .project-details__img-box .project-details__details-box {
        margin-top: 30px;
    }

    .hst-style .project-details.hw_showpage-show .project-details__img-box .carousel .carousel-indicators {
        bottom: 0px;
    }

    .hst-style .project-details.hw_showpage-show .qpmodal .downposter {
        display: none;
    }

    .hst-style .project-details.hw_showpage-show .qpmodal .saveposter {
        display: block;
    }

    .hst-style .project-details.hw_showpage-show .project-details__img-box .project-details__details-info li:not(.unused) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .hst-style .project-details.hw_showpage-show .project-details__content {
        margin: 0;
    }

    .hst-style .industries-we-serve.service-menu .industries-we-serve__points li {
        align-items: center;
    }

    .hst-style .faq-one-accrodion .accrodion h4 span {
        display: block;
        width: 85%;
    }

    .hst-style .product-keysearch.search-popup .search-popup__btn .btn.btn-link {
        display: block;
        margin: 30px auto 0 auto;
    }

    .hst-style .btn-funnel {
        display: none;
    }

    .hst-style .xunruistyle .page-content.listmode .project-one__content .search-content a img {
        margin-bottom: 20px;
    }

    .hst-style .xunruistyle .page-content.listmode .project-one__content .project-one__arrow {
        display: none;
    }

    .hst-style .xunruistyle .page-content.listmode .project-one__content p.project-one__tagline {
        width: 100%;
    }

    .hst-style .news-details.service-show .news-details__content p img {
        width: 100%;
    }

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

    .sidebar {
        margin-top: 0px !important;
    }

    .hst-style .service-show .news-details__pagenation li {
        height: auto;
        margin-bottom: 30px;
    }

    .hst-style .service-list .news-details__left, .hst-style .service-show .news-details__left {
        padding-left: 0px;
    }

    .sidebar__categories {
        margin-bottom: 60px;
    }

    #doyoo_monitor, #doyoo_panel, #doyoo_share {
        display: none !important;
    }

    /*手机网页隐藏乐语弹窗、左侧、分享*/
    .hst-style .industries-we-serve.downloadsw .industries-we-serve-shape-2 {
        display: none;
    }

    .hst-style .industries-we-serve.downloadsw .industries-we-serve-shape-1 img.float-bob-y {
        height: 20%;
        width: auto;
    }

    .hst-style .industries-we-serve.downloadsw .industries-we-serve__points li .text p {
        text-align: center;
    }

    .hst-style .news-details.downloadlist .comment-one__content > .list-date-dark-right > p > span {
        display: block;
        float: left;
        width: 100%;
        margin-right: 0px;
    }

    .hst-style .help.downloadswsub02 .help__box .row > div:nth-child(1) .help__single:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background-color: var(--thm-bdr-color);
        display: block !important;
    }

    .hst-style .help.downloadswsub02 .help__box .help__single:last-child:before {
        display: none !important;
    }

    .timeline .timeline-label .label-end {
        margin-left: 120px;
    }

    .hst-style .page-header-bg.pscstyle {
        background-position: 55% 50%;
    }

    .hst-style .company_introduction_header:before {
        background-position: 30% 50% !important;
    }

    .hst-style .why-choose.solution-advantages .why-choose__inner .why-choose__left .why-choose__img img {
        max-height: 300px;
        width: auto;
    }

    .main-menu .main-menu__list > li + li,
    .stricky-header .main-menu__list > li + li {
        margin-left: 45px !important;
    }

    .hst-style .share-the-joy.solution-help{
        margin-top: 0;
        padding-bottom: 0;
    }

    .hst-style .share-the-joy.solution-help .share-the-joy__right{
        display: none;
    }

    .hst-style .core-advantages .core-advantages_text .core-advantages_title h2{
        font-size: 4rem;
    }

    .hst-style .core-advantages .core-advantages_text .core-advantages_title h3{
        font-size: 2rem;
    }

    .imgbgbefore, .imgbgafter{
        padding-bottom: 50%;
        background-position: bottom center;
        -webkit-background-size:150%;
        -moz-background-size:150%;
        background-size:150%;
    }

    .hst-style .core-advantages .syqhv02.core-advantages_hv{
        display: none;
    }

    .hst-style .core-advantages .syqimg03.core-advantages_img img{
        min-width: 100%;
        height: 100%;
        max-width: unset;
        max-height: unset;
    }

    .hst-style .saaspd{
        padding-bottom: 100px;
    }

    .hst-style .main-menu-wrapper__logo{
        margin-right: auto !important;
    }
}