/**
 * style.less
 * 层叠样式表
 */
.ff {
    font-family: 'iconfont' !important;
}
@font-face {
    font-family: 'Verdana';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/Verdana-Bold.eot');
    src: local('Verdana Bold'), local('Verdana-Bold'), url('../fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Verdana-Bold.woff2') format('woff2'), url('../fonts/Verdana-Bold.woff') format('woff'), url('../fonts/Verdana-Bold.ttf') format('truetype'), url('../fonts/Verdana-Bold.svg#Verdana-Bold') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Verdana';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/Verdana.eot');
    src: local('Verdana'), url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'), url('../fonts/Verdana.woff2') format('woff2'), url('../fonts/Verdana.woff') format('woff'), url('../fonts/Verdana.ttf') format('truetype'), url('../fonts/Verdana.svg#Verdana') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Verdana';
    font-weight: bold;
    font-style: normal;

    src: url('../fontsVerdana-Bold.eot');
    src: local('Verdana Bold'), local('Verdana-Bold'), url('../fontsVerdana-Bold.eot?#iefix') format('embedded-opentype'), url('../fontsVerdana-Bold.woff2') format('woff2'), url('../fontsVerdana-Bold.woff') format('woff'), url('../fontsVerdana-Bold.ttf') format('truetype'), url('../fontsVerdana-Bold.svg#Verdana-Bold') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Objectivity';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/Objectivity-Medium.eot');
    src: local('Objectivity Medium'), local('Objectivity-Medium'), url('../fonts/Objectivity-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Objectivity-Medium.woff2') format('woff2'), url('../fonts/Objectivity-Medium.woff') format('woff'), url('../fonts/Objectivity-Medium.ttf') format('truetype'), url('../fonts/Objectivity-Medium.svg#Objectivity-Medium') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Objectivity';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/Objectivity-Bold.eot');
    src: local('Objectivity Bold'), local('Objectivity-Bold'), url('../fonts/Objectivity-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Objectivity-Bold.woff2') format('woff2'), url('../fonts/Objectivity-Bold.woff') format('woff'), url('../fonts/Objectivity-Bold.ttf') format('truetype'), url('../fonts/Objectivity-Bold.svg#Objectivity-Bold') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Objectivity';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/Objectivity-Light.eot');
    src: local('Objectivity Light'), local('Objectivity-Light'), url('../fonts/Objectivity-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Objectivity-Light.woff2') format('woff2'), url('../fonts/Objectivity-Light.woff') format('woff'), url('../fonts/Objectivity-Light.ttf') format('truetype'), url('../fonts/Objectivity-Light.svg#Objectivity-Light') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'D-DIN Condensed';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/D-DINCondensed.eot');
    src: local('D-DIN Condensed'), local('D-DINCondensed'), url('../fonts/D-DINCondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/D-DINCondensed.woff2') format('woff2'), url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), url('../fonts/D-DINCondensed.svg#D-DINCondensed') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: local('Calibri'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.fdin {
    font-family: 'D-DIN Condensed';
}
body {
    font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 14px;
    font-weight: normal;

    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@-ms-viewport {
    width: auto !important;
}
li,
ol,
ul {
    list-style: none;
}
a {
    color: inherit;
}
a:hover,
a:link,
a:visited {
    text-decoration: none;

    color: inherit;
}
input[type='number'] {
    -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}
ul {
    margin: 0;
    padding: 0;
}
button,
input,
textarea {
    border: none;
    outline: none;
}
a[data-fancybox] {
    outline: none;
}
a[data-fancybox] img {
    outline: none !important;
}
.slick-slide {
    outline: none;
}
.slick-slide a {
    outline: none !important;
}
@media (min-width: 1200px) {
    .wow {
        visibility: hidden;
    }
}
.lazy {
    /* background-image: url(../js/slick/ajax-loader.gif); */
    background-repeat: no-repeat;
    background-position: center;
}
.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list,
.slick-slide img,
.slick-slider .slick-track img,
.slick-slider .slick-list img {
    -webkit-transform: translateZ(1px);
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translateZ(1px);
    transform: translate3d(0, 0, 1px);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
}
.transform-0 {
    -webkit-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    transform: translate(0) !important;
}
.slick-disabled {
    cursor: no-drop;

    opacity: .5;
}
body.fixed {
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
body.searchactive {
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
@media (min-width: 1470px) {
    .container {
        width: 1440px;
    }
}
@media (min-width: 1660px) {
    .container {
        width: 1630px;
    }
}
@media (max-width: 767px) {
    .col-xs-6:nth-child(2n + 1) {
        padding-right: 7.5px;
    }
    .col-xs-6:nth-child(2n) {
        padding-left: 7.5px;
    }
}
input[type='number'] {
    -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    margin: 0;

    -webkit-appearance: none;
}
.ibox {
    position: relative;
    z-index: 1;

    display: block;
    overflow: hidden;

    height: 0;
    padding-bottom: 100%;
}
.ibox img,
.ibox iframe {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}
.fancybox-slide--iframe .fancybox-content {
    width: 733px !important;
    max-width: 80%;
    height: 500px !important;
    max-height: 50% !important;
    margin: 0;
}
.fancybox-caption {
    font-size: 16px;

    text-align: center;

    border: none;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: #ebebeb;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.tranform-0 {
    -webkit-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    transform: translate(0) !important;
}
.fp-auto-height {
    height: auto;
}
.fp-scrollable {
    height: auto;
}
.slick-arrow {
    font-size: 30px;
    line-height: 1;
    line-height: 52px;

    position: absolute;
    z-index: 9;
    top: 50%;
    left: -5%;

    overflow: hidden;

    width: 52px;
    height: 52px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    color: #999;
    border: none;
    outline: none;
    background: none;
}
@media (max-width: 991px) {
    .slick-arrow {
        font-size: 30px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.slick-arrow:before {
    font-family: 'iconfont' !important;

    display: block;

    content: '\e687';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slick-arrow.slick-next {
    right: -5%;
    left: auto;
}
.slick-arrow.slick-next:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.slick-arrow:hover {
    color: #2491cc;
}
.slick-dots {
    margin-top: 60px;

    text-align: center;
}
@media (max-width: 991px) {
    .slick-dots {
        margin-top: 20px;
    }
}
.slick-dots li {
    display: inline-block;

    width: 18px;
    height: 18px;
    margin: 0 10px;

    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;

    border-radius: 50%;
    background-color: #d6d6d6;
}
@media (max-width: 991px) {
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
}
.slick-dots li button {
    display: none;
}
.slick-dots li.slick-active {
    background-color: #2491cc;
}
.pt-170 {
    padding-top: 170px;
}
@media (max-width: 1199px) {
    .pt-170 {
        padding-top: 60px;
    }
}
.hs-header-box {
    position: fixed;
    z-index: 10;
    top: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 110px;
    padding: 0 5%;

    -webkit-transition: all .4s;
    transition: all .4s;
    font-family: 'Calibri';
    background-color: #fff;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1470px) {
    .hs-header-box {
        padding: 0 15px;
    }
}
@media (max-width: 1199px) {
    .hs-header-box {
        height: 70px;
    }
}
.hs-header-box .logo {
    height: 80px;

    -webkit-transition: all .4s;
    transition: all .4s;
}
@media (max-width: 1350px) {
    .hs-header-box .logo {
        height: 60px;
    }
}
@media (max-width: 767px) {
    .hs-header-box .logo {
        height: 50px;
    }
}
@media (max-width: 375px) {
    .hs-header-box .logo {
        height: 45px;
    }
}
.hs-header-box .logo a {
    display: block;

    height: 100%;
}
.hs-header-box .logo img {
    display: inline-block;

    height: 100%;
    margin-right: 18px;

    vertical-align: middle;
}
@media (max-width: 1199px) {
    .hs-header-box .logo img {
        margin-right: 8px;
    }
}
@media (max-width: 1199px) {
    .hs-header-box .header-nav {
        display: none;
    }
}
.hs-header-box .header-nav .xs-down {
    display: none;
}
.hs-header-box .header-nav>ul>li {
    display: inline-block;

    vertical-align: middle;
}
.hs-header-box .header-nav>ul>li>a {
    font-size: 20px;
    line-height: 110px;

    position: relative;

    display: block;

    padding: 0 2vw;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-transform: uppercase;
}
@media (max-width: 1860px) {
    .hs-header-box .header-nav>ul>li>a {
        /* padding: 0 20px; */
    }
}
@media (max-width: 1660px) {
    .hs-header-box .header-nav>ul>li>a {
        /* padding: 0 14px; */
    }
}
@media (max-width: 1560px) {
    .hs-header-box .header-nav>ul>li>a {
        /* padding: 0 10px; */
        font-size: 18px;
    }
}
@media (max-width: 1350px) {
    .hs-header-box .header-nav>ul>li>a {
        /* padding: 0 8px; */
        font-size: 17px;
    }
}
.hs-header-box .header-nav>ul>li>a:after {
    position: absolute;
    top: 70%;
    left: 50%;

    display: block;

    width: 0;
    height: 0;
    margin-left: -6px;

    content: '';

    opacity: 0;
    border-width: 10px 6px 0 6px;
    border-style: solid;
    border-color: #55ba17 transparent transparent transparent;
}
.hs-header-box .header-nav>ul>li:hover>a,
.hs-header-box .header-nav>ul>li.active>a {
    color: #55ba17;
}
.hs-header-box .header-nav>ul>li:hover>a:after {
    opacity: 1;
}
.hs-header-box .header-nav>ul>li .pc-navdown {
    font-size: 0;

    position: absolute;
    top: 100%;
    left: 0;

    display: none;

    width: 100%;
    padding: 30px 0;

    background-color: #fff;
    box-shadow: 0 9px 9px 0 rgba(31, 104, 179, .15);
}
.hs-header-box .header-nav>ul>li .pc-navdown .tit-nav,
.hs-header-box .header-nav>ul>li .pc-navdown .nav-list {
    font-size: 14px;

    display: inline-block;

    width: 50%;

    vertical-align: middle;
}
.hs-header-box .header-nav>ul>li .pc-navdown .tit-nav {
    position: relative;
}
.hs-header-box .header-nav>ul>li .pc-navdown .tit-nav h2 {
    font-family: 'Objectivity';
    font-size: 170px;
    font-weight: bold;
    line-height: 1;

    color: #fafafa;
}
@media (max-width: 1560px) {
    .hs-header-box .header-nav>ul>li .pc-navdown .tit-nav h2 {
        font-size: 140px;
    }
}
@media (max-width: 1470px) {
    .hs-header-box .header-nav>ul>li .pc-navdown .tit-nav h2 {
        font-size: 100px;
    }
}
.hs-header-box .header-nav>ul>li .pc-navdown .tit-nav h3 {
    font-family: 'Objectivity';
    font-size: 48px;
    font-weight: bold;

    position: absolute;
    z-index: 2;
    top: 50%;

    margin: 0;
    padding: 0 30px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    color: #2491cc;
}
@media (max-width: 1470px) {
    .hs-header-box .header-nav>ul>li .pc-navdown .tit-nav h3 {
        font-size: 40px;
    }
}
.hs-header-box .header-nav>ul>li .pc-navdown .nav-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-header-box .header-nav>ul>li .pc-navdown .nav-list ul li {
    width: 50%;
    margin: 5px 0;
}
.hs-header-box .header-nav>ul>li .pc-navdown .nav-list ul li a {
    font-size: 20px;
    line-height: 2;

    position: relative;

    display: block;

    padding-left: 20px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #777;
}
@media (max-width: 1470px) {
    .hs-header-box .header-nav>ul>li .pc-navdown .nav-list ul li a {
        font-size: 18px;
    }
}
.hs-header-box .header-nav>ul>li .pc-navdown .nav-list ul li a:before {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: -6px;

    content: '';

    border-width: 6px 0 6px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #55ba17;
}
.hs-header-box .header-nav>ul>li .pc-navdown .nav-list ul li a:hover {
    color: #55ba17;
}
.hs-header-box .pc-search {
    display: inline-block;

    vertical-align: middle;
}
.hs-header-box .pc-search .search-button {
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;

    display: inline-block;
    overflow: hidden;

    width: 50px;
    height: 50px;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
@media (max-width: 1199px) {
    .hs-header-box .pc-search .search-button {
        line-height: 30px;

        width: 30px;
        height: 30px;
    }
}
.hs-header-box .pc-search .search-button:before {
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\e660';
    text-align: center;
    vertical-align: middle;
}
.hs-header-box .pc-search .search-button:hover {
    color: #2491cc;
}
.hs-header-box .pc-search form {
    position: relative;

    width: 100%;
    width: 200px;
    height: 33px;

    border: 1px solid #ccc;
    border-radius: 17px;
    background: #fff;
}
.hs-header-box .pc-search input {
    line-height: 30px;

    width: 100%;
    height: 30px;
    padding: 0 30px 0 10px;

    outline: none;
    background: none;
}
.hs-header-box .pc-search input::-webkit-input-placeholder,
.hs-header-box .pc-search textarea::-webkit-input-placeholder {
    color: #999;
}
.hs-header-box .pc-search input:-o-placeholder,
.hs-header-box .pc-search textarea:-o-placeholder {
    color: #999;
}
.hs-header-box .pc-search input::-moz-placeholder,
.hs-header-box .pc-search textarea::-moz-placeholder {
    color: #999;
}
.hs-header-box .pc-search input:-ms-input-placeholder,
.hs-header-box .pc-search textarea:-ms-input-placeholder {
    color: #999;
}
.hs-header-box .pc-search input:focus::-webkit-input-placeholder,
.hs-header-box .pc-search textarea:focus::-webkit-input-placeholder {
    color: #c5c5c5;
}
.hs-header-box .pc-search input:focus::-o-placeholder,
.hs-header-box .pc-search textarea:focus::-o-placeholder {
    color: #c5c5c5;
}
.hs-header-box .pc-search input:focus::-moz-placeholder,
.hs-header-box .pc-search textarea:focus::-moz-placeholder {
    color: #c5c5c5;
}
.hs-header-box .pc-search input:focus::-ms-input-placeholder,
.hs-header-box .pc-search textarea:focus::-ms-input-placeholder {
    color: #c5c5c5;
}
.hs-header-box .pc-search .close-search {
    line-height: 60px;

    position: absolute;
    top: 0;
    right: 20px;

    cursor: pointer;

    color: #fff;
}
@media (max-width: 1199px) {
    .hs-header-box .pc-search .close-search {
        right: 10px;
    }
}
.hs-header-box .pc-search .close-search:before {
    font-family: 'iconfont' !important;
    font-size: 30px;

    display: block;

    content: '\e629';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-header-box .pc-search .submit {
    font-size: 18px;
    line-height: 30px;

    position: absolute;
    top: 0;
    right: 10px;

    width: 30px;
    padding: 0;

    text-align: center;

    color: #9f9f9f;
    outline: none;
    background: none;
    box-shadow: none;
}
.hs-header-box .pc-search .submit:before {
    font-family: 'iconfont' !important;

    content: '\e660';
}
.hs-header-box .whatsapp,
.hs-header-box .language {
    display: inline-block;

    vertical-align: middle;
}
.hs-header-box .whatsapp a {
    line-height: 34px;

    display: inline-block;

    width: 34px;
    height: 34px;

    -webkit-animation: movedown 5s linear infinite;
    animation: movedown 5s linear infinite;
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #55ba17;
}
.hs-header-box .language {
    position: relative;

    margin-left: 20px;
}
@media (max-width: 767px) {
    .hs-header-box .language {
        margin-left: 10px;
    }
}
.hs-header-box .language p {
    line-height: 34px;

    margin: 0;
    padding: 0 14px;

    border: 1px solid #333;
    border-radius: 17px;
}
@media (max-width: 767px) {
    .hs-header-box .language p {
        font-size: 12px;

        padding: 0 10px;
    }
}
.hs-header-box .language p:after {
    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 10px;

    content: '';
    vertical-align: middle;

    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #818588 transparent transparent transparent;
}
.hs-header-box .language ul {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;

    display: none;

    min-width: 100%;
    padding: 10px 0;

    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.hs-header-box .language ul li a {
    line-height: 30px;

    display: block;

    padding: 0 10px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #666;
}
.hs-header-box .language ul li a:hover {
    color: #fff;
    background-color: #2491cc;
}
.hs-header-box .toggle-menu {
    position: relative;
    right: 0;

    display: none;

    width: 30px;
    height: 60px;
    margin-left: 16px;
}
@media (max-width: 1199px) {
    .hs-header-box .toggle-menu {
        display: inline-block;

        height: 60px;
        margin-left: 0;

        vertical-align: middle;
    }
}
.hs-header-box .toggle-menu a {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hs-header-box .toggle-menu a:before,
.hs-header-box .toggle-menu a:after {
    display: block;

    height: 2px;

    content: '';
    -webkit-transition: all .4s;
    transition: all .4s;

    background: #999;
}
.hs-header-box .toggle-menu a span {
    display: block;

    height: 2px;
    margin: 7px 0;

    -webkit-transition: all .4s;
    transition: all .4s;

    background: #999;
}
.hs-header-box .toggle {
    display: inline-block;

    vertical-align: middle;
}
.hs-header-box .pc-toggle {
    display: inline-block;

    margin-left: 20px;

    cursor: pointer;
    vertical-align: middle;
}
.hs-header-box .pc-toggle:before,
.hs-header-box .pc-toggle:after {
    display: block;

    width: 26px;
    height: 3px;
    margin: 4px 0;

    content: '';

    background: #777;
}
.hs-header-box .pc-toggle span {
    display: block;

    width: 26px;
    height: 3px;

    background: #777;
}
.stuck-header {
    height: 80px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 1199px) {
    .stuck-header {
        height: 70px;
    }
}
.stuck-header .header-top {
    height: 70px;
}
.stuck-header .header-top .logo {
    height: 70px;
}
.stuck-header .header-nav>ul>li>a {
    line-height: 80px;
}
.hc-mobile-nav .nav-wrapper {
    color: #fff;
    background-color: #2491cc;
}
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {
    border-color: #bae82f;
    background-color: #bae82f;
}
.hc-mobile-nav a {
    border-bottom-color: #bae82f;
}
.hc-mobile-nav h2 {
    color: #fff;
}
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover {
    background-color: #bae82f;
}
.hc-mobile-nav.side-right span.nav-next::before {
    -webkit-transform: translate(0%, 0%) rotate(135deg);
    -ms-transform: translate(0%, 0%) rotate(135deg);
    transform: translate(0%, 0%) rotate(135deg);
}
.hc-mobile-nav:not(.touch-device) a:hover {
    background-color: #bae82f;
}
.hc-mobile-nav a[href]:not([href='#'])>span.nav-next {
    border-color: #bae82f;
}
.hc-mobile-nav ul.nav-list2 {
    text-indent: 10px !important;
}
.hc-mobile-nav ul.nav-list3 {
    text-indent: 20px !important;
}
.hc-mobile-nav .tit-nav {
    display: none;
}
@-webkit-keyframes movedown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes movedown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.customer-service {
    position: fixed;
    z-index: 9;
    top: 50%;
    right: 0;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.customer-service ul li {
    margin: 2px 0;
}
.customer-service a {
    position: relative;

    display: block;

    color: #fff;
    border-radius: 6px;
}
.customer-service a .icon {
    font-size: 30px;
    line-height: 50px;

    position: relative;
    z-index: 3;

    display: block;

    width: 50px;
    height: 50px;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;

    border-radius: 6px;
    background-color: #000;
}
@media (max-width: 1470px) {
    .customer-service a .icon {
        line-height: 50px;

        width: 50px;
        height: 50px;
    }
}
.customer-service a .icon img {
    width: 30px;
    margin: 0 auto;
}
.customer-service a p {
    font-size: 16px;
    line-height: 30px;

    position: absolute;
    top: 0;
    right: 50px;

    margin: 0;
    padding: 10px;

    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(180%);
    -ms-transform: translateX(180%);
    transform: translateX(180%);
    white-space: nowrap;

    border-radius: 6px;
    background-color: #2491cc;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.customer-service a p img {
    width: 120px;
}
.customer-service a:hover .icon {
    color: #fff;
    background-color: #2491cc;
}
.customer-service a:hover p {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.customer-service .service-wechat p {
    background-color: #2491cc;
}
.xs-customer-service {
    position: fixed;
    z-index: 9;
    bottom: 0;

    width: 100%;

    text-align: center;

    color: #2491cc;
    background-color: #bae82f;
}
.xs-customer-service ul {
    font-size: 0;
}
.xs-customer-service ul li {
    display: inline-block;

    width: 33.33333333%;

    vertical-align: top;
}
.xs-customer-service a {
    display: block;

    padding: 7px;
}
.xs-customer-service a .icon {
    font-size: 24px;
    line-height: 1;

    display: block;
}
.xs-customer-service a span {
    font-size: 12px;
    line-height: 1.5;

    display: block;
}
.banner-box {
    font-size: 0;

    position: relative;

    clear: both;
    overflow: hidden;

    width: 100%;
    padding-top: 110px;
}
@media (max-width: 1199px) {
    .banner-box {
        padding-top: 70px;
    }
}
.banner-box .banner {
    font-size: 0;
}
.banner-box .bpart {
    position: relative;

    overflow: hidden;
}
.banner-box .bpart img {
    display: block;

    width: 100%;
}
@media (max-width: 767px) {
    .banner-box .bpart img {
        width: 140%;
        margin-left: -20%;
    }
}
.banner-box .bpart .video-box {
    position: relative;

    display: block;

    padding-bottom: 42.76041667%;
}
@media (max-width: 767px) {
    .banner-box .bpart .video-box {
        padding-bottom: 60%;
    }
}
.banner-box .bpart .video-box .fluid_video_wrapper {
    position: absolute;
    z-index: 1;
}
.banner-box .bpart .video-box video {
    position: absolute;

    width: 100%;

    object-fit: cover;
}
.banner-box .bpart .txt {
    position: absolute;
    z-index: 2;
    top: 35%;
    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-box .bpart .txt h2 {
    font-family: 'Objectivity';
    font-size: 52px;
    font-weight: 500;

    color: #bae82f;
}
.banner-box .bpart .txt h2 sup {
    font-size: 20px;
    top: 20px;
    vertical-align: top;

}
@media (max-width: 1560px) {
    .banner-box .bpart .txt h2 {
        font-size: 44px;
    }
}
@media (max-width: 1199px) {
    .banner-box .bpart .txt h2 {
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    .banner-box .bpart .txt h2 {
        font-size: 24px;
    }
}
.banner-box .bpart .txt p {
    font-size: 32px;
    line-height: 1.5;
    font-family: 'Objectivity';
    margin: 0;
    font-weight: 500;
    color: #fff;
}
@media (max-width: 1560px) {
    .banner-box .bpart .txt p {
        font-size: 26px;
    }
}
.banner-box .bpart .txt p span:after {

    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #f08107;
    margin: 0 20px;

}
.banner-box .bpart .txt p span:last-child:after {
    display: none;
}
@media (max-width: 1470px) {
    .banner-box .bpart .txt p {
        font-size: 20px;
    }
}
@media (max-width: 1199px) {
    .banner-box .bpart .txt p {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .banner-box .bpart .txt p {
        font-size: 16px;
    }
}
.banner-box .bpart .txt .banimg {
    margin-top: 90px;
}
.banner-box .bpart .txt .banimg img {
    width: auto;
}
.banner-box .slick-active .desc .txt h3,
.banner-box .active-class .desc .txt h3 {
    -webkit-animation: fadeInDown 1s 0s ease both;
    animation: fadeInDown 1s 0s ease both;
}
.banner-box .slick-active .desc .txt .ban-link,
.banner-box .active-class .desc .txt .ban-link,
.banner-box .slick-active .desc .txt .more,
.banner-box .active-class .desc .txt .more {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}
.banner-box .slick-arrow {
    line-height: 60px;

    top: auto;
    bottom: 5%;
    left: 50%;

    width: 60px;
    height: 60px;

    -webkit-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    transform: translateX(-120%);
    text-align: center;

    opacity: .5;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
}
@media (max-width: 1199px) {
    .banner-box .slick-arrow {
        line-height: 40px;
    }
}
@media (max-width: 991px) {
    .banner-box .slick-arrow {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.banner-box .slick-arrow:before {
    font-size: 30px;

    display: block;

    content: '\e687';
}
@media (max-width: 1199px) {
    .banner-box .slick-arrow:before {
        font-size: 20px;
    }
}
.banner-box .slick-arrow.slick-next {
    right: 50%;
    left: auto;

    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
}
.banner-box .slick-arrow.slick-next:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.banner-box .slick-arrow:hover {
    opacity: 1;
}
.banner-box .slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 50px;

    display: none !important;

    width: 100%;

    text-align: center;
}
@media (max-width: 1199px) {
    .banner-box .slick-dots {
        bottom: 10px;
    }
}
.banner-box .slick-dots li {
    line-height: 1;

    width: auto;
    height: auto;
    margin: 0 10px;

    color: #fff;
    background: none;
}
.banner-box .slick-dots li button {
    font-size: 28px;

    display: block;

    background: none;
}
@media (max-width: 1199px) {
    .banner-box .slick-dots li button {
        font-size: 20px;
    }
}
.banner-box .slick-dots li button:before {
    content: '0';
}
.banner-box .slick-dots li.slick-active {
    color: #2491cc;
}
.banner-inner {
    position: relative;
}
.banner-inner .item {
    overflow: hidden;
}
.banner-inner .item img {
    width: 100%;
}
@media (max-width: 991px) {
    .banner-inner .item img {
        width: 160%;
        margin-left: -30%;
    }
}
@media (max-width: 767px) {
    .banner-inner .item img {
        width: 200%;
        margin-left: -50%;
    }
}
.banner-inner .banner-txt {
    position: absolute;
    z-index: 2;
    top: -webkit-calc(50% + 30px);
    top: calc(50% + 30px);
    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
@media (max-width: 767px) {
    .banner-inner .banner-txt {
        top: -webkit-calc(50% + 30px);
        top: calc(50% + 30px);
    }
}
.banner-inner .banner-txt h2 {
    font-family: 'Objectivity';
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 1199px) {
    .banner-inner .banner-txt h2 {
        font-size: 40px;
    }
}
@media (max-width: 991px) {
    .banner-inner .banner-txt h2 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .banner-inner .banner-txt h2 {
        font-size: 24px;
    }
}
.banner-inner .banner-txt h3 {
    font-size: 18px;
    line-height: 34px;

    display: inline-block;

    margin: 10px 0 0 0;
    padding: 0 30px;

    color: #fff;
    border-radius: 5px;
    background-color: #55ba17;
}
@media (max-width: 767px) {
    .banner-inner .banner-txt h3 {
        font-size: 16px;
        line-height: 28px;
    }
}
.banner-inner p {
    font-size: 18px;
    line-height: 2;

    margin: 0;
}
@media (max-width: 767px) {
    .banner-inner p {
        font-size: 16px;
    }
}
.banner-products {
    height: 140px;

    background-color: #002859;
}
@media (max-width: 1199px) {
    .banner-products {
        height: 60px;
    }
}
.hs-pad {
    overflow: hidden;

    padding: 80px 0;
}
@media (max-width: 767px) {
    .hs-pad {
        padding: 40px 0;
    }
}
.hs-main {
    overflow: hidden;
}
.title-home h2 {
    font-family: 'Objectivity';
    font-size: 30px;
    font-weight: bold;
    line-height: 1;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 991px) {
    .title-home h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .title-home h2 {
        font-size: 26px;
    }
}
.hs-home-product {
    position: relative;
}
.hs-home-product .container {
    position: relative;
    z-index: 4;
}
.hs-home-product .product-sort {
    position: relative;
    z-index: 4;

    text-align: center;
}
.hs-home-product .product-sort ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;

    padding: 10px 20px;

    color: #fff;
    border-radius: 100px;
    background-color: #3477c5;
}
@media (max-width: 1199px) {
    .hs-home-product .product-sort ul {
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .hs-home-product .product-sort ul {
        border-radius: 10px;
    }
}
.hs-home-product .product-sort ul li {
    display: inline-block;

    vertical-align: top;
}
.hs-home-product .product-sort ul li a {
    font-size: 20px;
    line-height: 40px;

    display: block;

    padding: 20px 20px;

    -webkit-transition: all .2s;
    transition: all .2s;

    border-radius: 50px;
}
@media (max-width: 1660px) {
    .hs-home-product .product-sort ul li a {
        font-size: 18px;

        padding: 10px 10px;
    }
}
@media (max-width: 1470px) {
    .hs-home-product .product-sort ul li a {
        font-size: 15px;

    }
}
@media (max-width: 1199px) {
    .hs-home-product .product-sort ul li a {
        font-size: 15px;

        padding: 10px 10px;
    }
}
@media (max-width: 991px) {
    .hs-home-product .product-sort ul li a {
        font-size: 14px;

        padding: 5px;
    }
}
.hs-home-product .product-sort ul li a img {
    display: inline-block;

    width: 46px;
    height: 46px;
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle;

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-right: 5px;
}
@media (max-width: 1470px) {
    .hs-home-product .product-sort ul li a img {
        width: 40px;
        height: 40px;
    }
}
.hs-home-product .product-sort ul li.active a {
    color: #2491cc;
    background-color: #bae82f;
}
.hs-home-product .product-sort ul li.active a img {
    -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
}
.hs-home-product .product {
    position: relative;
    z-index: 4;
}
.hs-home-product .product .product-slide {
    max-width: 1440px;
    margin: 0 auto;
}
.hs-home-product .product .product-group {
    display: block;

    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    text-align: center;
}
@media (max-width: 767px) {
    .hs-home-product .product .product-group {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.hs-home-product .product .product-group .img {
    position: relative;
}
.hs-home-product .product .product-group .img:after {
    position: absolute;
    bottom: -20px;
    left: 0;

    display: block;

    width: 100%;
    height: 134px;

    content: '';
    -webkit-transition: all .2s;
    transition: all .2s;

    opacity: 0;
    background: url(../images/product_bg.webp) no-repeat center;
    background-size: contain;
}
@media (max-width: 1199px) {
    .hs-home-product .product .product-group .img:after {
        bottom: -40px;
    }
}
@media (max-width: 991px) {
    .hs-home-product .product .product-group .img:after {
        bottom: -50px;
    }
}
@media (max-width: 767px) {
    .hs-home-product .product .product-group .img:after {
        opacity: .2;
    }
}
.hs-home-product .product .product-group .img .ibox {
    -webkit-transition: all .6s;
    transition: all .6s;
}
.hs-home-product .product .product-group .tit-product {
    margin-top: 30px;

    -webkit-transition: all .2s;
    transition: all .2s;

    opacity: 0;
}
@media (max-width: 767px) {
    .hs-home-product .product .product-group .tit-product {
        opacity: 1;
    }
}
.hs-home-product .product .product-group .tit-product h3 {
    font-size: 18px;
    line-height: 40px;

    display: inline-block;

    margin: 0;
    padding: 0 30px;

    color: #fff;
    border-radius: 15px;
    background-color: #3477c5;
}
.hs-home-product .product .product-group:hover .img .ibox {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hs-home-product .product .slick-center .product-group {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hs-home-product .product .slick-center .product-group .img:after {
    opacity: .2;
}
.hs-home-product .product .slick-center .product-group .tit-product {
    opacity: 1;
}
.hs-home-product .product .slick-arrow {
    font-size: 40px;

    left: 0;
}
.hs-home-product .product .slick-arrow:before {
    content: '\e625';
}
.hs-home-product .product .slick-arrow.slick-next {
    right: 0;
    left: auto;
}
.hs-home-product .product-canvas {
    position: absolute;
    z-index: 2;
    bottom: -40%;
    left: -20%;

    width: 140%;
    height: 100%;
}
.hs-home-product .product-canvas canvas {
    width: 100%;
    height: 60%;
}
.hs-home-about {
    position: relative;

    padding: 150px 0 100px;

    background: url(../images/about_bg.webp) no-repeat bottom right #f8f8f8;
}
@media (max-width: 1560px) {
    .hs-home-about {
        background-position: 400px 160px;
    }
}
@media (max-width: 767px) {
    .hs-home-about {
        padding: 80px 0 50px;
    }
}
.hs-home-about .slogan {
    position: absolute;
    top: 0;

    width: 100%;

    text-align: center;
}
@media (max-width: 1199px) {
    .hs-home-about .slogan {
        top: 30px;
    }
}
.hs-home-about .slogan span {
    font-family: 'Objectivity';
    font-size: 315px;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    vertical-align: middle;

    opacity: .7;
    color: #fff;
}
@media (max-width: 1560px) {
    .hs-home-about .slogan span {
        font-size: 240px;
    }
}
@media (min-width: 1200px) {
    .hs-home-about .slogan span {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
}
@media (max-width: 1199px) {
    .hs-home-about .slogan span {
        font-size: 180px;
    }
}
@media (max-width: 767px) {
    .hs-home-about .slogan span {
        font-size: 80px;
    }
}
.hs-home-about .about {
    position: relative;
    z-index: 2;
}
.hs-home-about .title-home {
    color: #3477c5;
}
.hs-home-about .about-text {
    max-width: 620px;
    margin-top: 90px;
}
@media (max-width: 1199px) {
    .hs-home-about .about-text {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .hs-home-about .about-text {
        margin-top: 20px;
    }
}
.hs-home-about .about-text h3 {
    font-family: 'Objectivity';
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;

    color: #bae82f;
}
@media (max-width: 991px) {
    .hs-home-about .about-text h3 {
        font-size: 20px;
    }
}
.hs-home-about .about-text p {
    font-size: 16px;
    line-height: 1.5;

    color: #777;
}
@media (max-width: 767px) {
    .hs-home-about .about-text p {
        font-size: 14px;
    }
}
.hs-home-about .number {
    width: 100%;
    max-width: 800px;
    margin-top: 120px;
}
@media (max-width: 1560px) {
    .hs-home-about .number {
        max-width: 700px;
        margin-top: 80px;
    }
}
@media (max-width: 1199px) {
    .hs-home-about .number {
        margin-top: 30px;
    }
}
.hs-home-about .number ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .hs-home-about .number ul li {
        width: 50%;
    }
    .hs-home-about .number ul li:nth-child(3) {
        width: 100%;
    }
}
.hs-home-about .number .num-group {
    -webkit-transition: all .6s;
    transition: all .6s;
    text-align: center;
}
.hs-home-about .number .num-group h3 {
    font-family: 'Objectivity';
    font-size: 60px;
    font-weight: 300;

    color: #bae82f;
}
@media (max-width: 767px) {
    .hs-home-about .number .num-group h3 {
        font-size: 50px;
    }
}
.hs-home-about .number .num-group p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px) {
    .hs-home-about .number .num-group p {
        font-size: 14px;
    }
}
.hs-home-about .number .num-group:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hs-home-about .more {
    margin-top: 60px;
}
@media (max-width: 767px) {
    .hs-home-about .more {
        text-align: center;
    }
}
.hs-home-about .more a {
    line-height: 36px;

    display: inline-block;

    padding: 0 28px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #2491cc;
    border: 2px solid #2491cc;
    border-radius: 15px;
}
.hs-home-about .more a:hover {
    color: #fff;
    background-color: #2491cc;
}
.hs-home-choose {
    background: url(../images/choose_bg.webp) no-repeat bottom center;
    background-size: cover;
}
.hs-home-choose .choose ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1200px) {
    .hs-home-choose .choose ul li {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@media (min-width: 1200px) {
    .hs-home-choose .choose ul li:nth-child(2n) {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}
.hs-home-choose .choose ul li:nth-child(2n) .choose-group {
    background-color: #7ecc20;
}
@media (max-width: 1199px) {
    .hs-home-choose .choose ul li {
        margin: 20px 0;
    }
}
@media (max-width: 767px) {
    .hs-home-choose .choose ul li {
        margin: 10px 0;
    }
}
.hs-home-choose .choose .choose-group {
    height: 100%;
    padding: 120px 30px;

    text-align: center;

    color: #fff;
    border-radius: 15px;
    background-color: #045480;
}
@media (max-width: 1560px) {
    .hs-home-choose .choose .choose-group {
        padding: 80px 20px;
    }
}
@media (max-width: 767px) {
    .hs-home-choose .choose .choose-group {
        padding: 30px 20px;
    }
}
.hs-home-choose .choose .choose-group .iconimg {
    width: 40px;
    margin: 0 auto;
}
.hs-home-choose .choose .choose-group .iconimg img {
    width: 100%;
}
.hs-home-choose .choose .choose-group h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    margin-top: 30px;
}
@media (max-width: 767px) {
    .hs-home-choose .choose .choose-group h3 {
        margin-top: 20px;
    }
}
.hs-home-choose .choose .choose-group p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
@media (max-width: 767px) {
    .hs-home-choose .choose .choose-group p {
        font-size: 14px;
    }
}
.hs-home-news {
    padding-bottom: 150px;
}
@media (max-width: 767px) {
    .hs-home-news {
        padding-bottom: 100px;
    }
}
.hs-home-news .title-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hs-home-news .title-home .more {
    line-height: 30px;

    display: inline-block;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #999;
}
.hs-home-news .title-home .more:hover {
    color: #2491cc;
}
.hs-home-news .news ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -15px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-home-news .news ul li {
    width: 33.33333333%;
    margin-top: 30px;
    padding: 0 15px;
}
@media (max-width: 991px) {
    .hs-home-news .news ul li {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .hs-home-news .news ul li {
        width: 100%;
    }
}
.hs-home-news .news ul li:nth-child(1) {
    width: 100%;
}
.hs-home-news .news ul li:nth-child(1) .news-group .ibox {
    padding-bottom: 30%;

    opacity: 1;
}
.hs-home-news .news ul li:nth-child(1) .news-group .news-desc {
    top: 50%;

    display: block;

    height: auto;
    padding: 0 8%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1199px) {
    .hs-home-news .news ul li:nth-child(1) .news-group .news-desc {
        padding: 0 3%;
    }
}
.hs-home-news .news ul li:nth-child(1) .news-group .news-desc .more {
    display: none;
}
.hs-home-news .news ul li:nth-child(1) .news-group .news-desc h3 {
    font-size: 30px;
    line-height: 40px;

    max-width: 530px;
    height: 80px;
    margin-top: 20px;
}
@media (max-width: 1199px) {
    .hs-home-news .news ul li:nth-child(1) .news-group .news-desc h3 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .hs-home-news .news ul li:nth-child(1) .news-group .news-desc h3 {
        font-size: 16px;
        line-height: 24px;

        height: 48px;
    }
}
.hs-home-news .news ul li:nth-child(3) .news-group {
    background-color: #85ce2d;

}

.hs-home-news .news .news-group {
    position: relative;

    display: block;

    background-color: #2491cc;
}
.hs-home-news .news .news-group .ibox {
    padding-bottom: 50.98039216%;

    opacity: .2;
}
.hs-home-news .news .news-group .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-home-news .news .news-group .news-desc {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 30px;

    color: #fff;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}
@media (max-width: 1199px) {
    .hs-home-news .news .news-group .news-desc {
        padding: 20px 14px;
    }
}

.hs-home-news .news .news-group .news-desc .date {
    font-size: 20px;
}
@media (max-width: 991px) {
    .hs-home-news .news .news-group .news-desc .date {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-home-news .news .news-group .news-desc .date {
        font-size: 16px;
    }
}
.hs-home-news .news .news-group .news-desc .date:before {
    display: inline-block;

    width: 24px;
    height: 24px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    opacity: .8;
    background: url(../images/calendar.webp) no-repeat center;
    background-size: cover;

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.hs-home-news .news ul li:nth-child(3) .news-group .news-desc .date:before {
    background-image: url(../images/calendar.webp);
    -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);
}
.hs-home-news .news .news-group .news-desc h3 {
    font-family: 'Objectivity';
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 60px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 1199px) {
    .hs-home-news .news .news-group .news-desc h3 {
        font-size: 18px;
        line-height: 24px;

        height: 48px;
    }
}
.hs-home-news .news .news-group .news-desc .more:before {
    display: inline-block;

    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    height: 1px;

    content: '';
    vertical-align: middle;

    background-color: rgba(198, 198, 198, .3);
}
.hs-home-news .news .news-group .news-desc .more span {
    display: inline-block;

    width: 100px;

    text-align: right;
    vertical-align: middle;

    color: rgba(198, 198, 198, .5);
}
.hs-home-news .news .news-group .news-desc .more:hover:before {
    background-color: rgba(198, 198, 198, .6);
}
.hs-home-news .news .news-group .news-desc .more:hover span {
    color: rgba(198, 198, 198, .7);
}
.hs-home-news .news .news-group:hover .ibox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hs-home-news .news ul li:nth-child(3) .news-group .news-desc {
    color: #053858;
}
.hs-home-news .news ul li:nth-child(3) .news-group .news-desc .more span {
    color: rgba(5, 56, 88, .5);
}
.hs-home-news .news ul li:nth-child(3) .news-group .news-desc .more:before {
    background-color: rgba(5, 56, 88, .5);
}
.hs-home-faq {
    padding-bottom: 140px;

    background: #f2f2f2;
}
.hs-home-faq .flex {
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.hs-home-faq .faq {
    overflow: hidden;

    width: 650px;
    padding-right: 3%;

    background-color: #fff;
}
@media (max-width: 1560px) {
    .hs-home-faq .faq {
        width: 40%;
    }
}
@media (max-width: 991px) {
    .hs-home-faq .faq {
        width: 100%;
        padding-right: 0;
    }
    .hs-home-faq .faq img {
        width: 100%;
    }
}
.hs-home-faq .faq .txt {
    padding: 100px 5%;
}
@media (max-width: 1560px) {
    .hs-home-faq .faq .txt {
        padding: 30px 3%;
    }
}
.hs-home-faq .faq .txt h3 {
    font-size: 18px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 60px;
    margin-top: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.hs-home-faq .faq .txt p {
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 96px;
    margin: 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
@media (max-width: 767px) {
    .hs-home-faq .faq .txt p {
        font-size: 14px;
    }
}
.hs-home-faq .social {
    width: -webkit-calc(100% - 650px);
    width: calc(100% - 650px);
    padding-left: 50px;
}
@media (max-width: 1560px) {
    .hs-home-faq .social {
        width: 60%;
        padding-left: 30px;
    }
}
@media (max-width: 991px) {
    .hs-home-faq .social {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.hs-home-faq .social .iframe-box {
    width: 100%;
    height: 670px;
    padding: 20px;

    background-color: #fff;
}
@media (max-width: 1560px) {
    .hs-home-faq .social .iframe-box {
        height: 540px;
    }
}
@media (max-width: 991px) {
    .hs-home-faq .social .iframe-box {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .hs-home-faq .social .iframe-box {
        height: 300px;
        margin: 10px 0;
    }
}
.hs-home-faq .social .iframe-box .title-follow {
    padding: 10px 0;
}
.hs-home-faq .social .iframe-box .title-follow h3 {
    font-size: 18px;
    line-height: 30px;

    margin: 0;

    color: #0570c2;
}
.hs-home-faq .social .iframe-box .title-follow h3 .icon {
    font-size: 30px;

    display: inline-block;

    margin-right: 10px;

    vertical-align: middle;
}
.hs-home-faq .social .iframe-box iframe {
    width: 100%;
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    margin-top: 20px;
}
.hs-home-faq .social .iframe-twitter .title-follow h3 {
    color: #03a9f4;
}
.gettop {
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 30px;

    display: none;

    cursor: pointer;

    color: #2491cc;
}
.gettop .icon {
    font-size: 40px;

    display: block;

    width: 60px;

    -webkit-animation: Mouse 1.6s linear infinite;
    animation: Mouse 1.6s linear infinite;
    text-align: center;
}
@-webkit-keyframes Mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes Mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.inner-wrap {
    padding-bottom: 60px;
}
@media (max-width: 1199px) {
    .inner-wrap {
        padding-bottom: 40px;
    }
}
.hs-inner {
    overflow: hidden;

    padding: 70px 0;
}
@media (max-width: 991px) {
    .hs-inner {
        padding: 50px 0;
    }
}
@media (max-width: 767px) {
    .hs-inner {
        padding: 40px 0;
    }
}
.title-inner h2 {
    font-family: 'Objectivity';
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;

    margin: 0;

    text-transform: uppercase;

    color: #2491cc;
}
@media (max-width: 991px) {
    .title-inner h2 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .title-inner h2 {
        font-size: 20px;
    }
}
.inner-location {
    margin-top: 110px;
    padding: 30px 0;

    color: #fff;
    background-color: #2491cc;
}
@media (max-width: 1199px) {
    .inner-location {
        margin-top: 70px;
    }
}
@media (max-width: 1199px) {
    .inner-location {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.inner-location .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.inner-location .title-inner h2 {
    text-transform: capitalize;

    color: #fff;
}
.inner-location .location {
    font-size: 16px;
    line-height: 40px;

    position: relative;

    display: inline-block;

    padding-left: 30px;
}
@media (max-width: 767px) {
    .inner-location .location {
        display: block;

        width: 100%;
    }
}
.inner-location .location:before {
    font-family: 'iconfont' !important;
    font-size: 20px;

    position: absolute;
    top: 0;
    left: 0;

    content: '\e6c8';

    /* color: #999; */
}
.inner-location .location ul li {
    display: inline-block;

    vertical-align: top;
    text-transform: capitalize;
}
.inner-location .location ul li:after {
    display: inline-block;

    margin: 0 4px;

    content: '>';
    vertical-align: top;
}
.inner-location .location ul li:last-child:after {
    display: none;
}
.inner-location .location ul li a {
    display: inline-block;

    vertical-align: top;
    text-transform: capitalize;
}
.inner-location .location ul li a:hover {
    text-decoration: underline;

    color: #2491cc;
}
.inner-location-other {
    margin-top: 0;
    padding: 15px 0;

    color: #333;
    background-color: #f5f5f5;
}
@media (max-width: 1199px) {
    .inner-location-other {
        margin: 0;
    }
}
.inner-location-other .title-inner h2 {
    color: #333;
}
@media (min-width: 1200px) {
    .inner-info {
        font-size: 0;
    }
    .inner-info .inner-left,
    .inner-info .inner-right {
        font-size: 14px;

        position: relative;

        display: inline-block;

        vertical-align: top;
    }
    .inner-left {
        width: 330px;
    }
    .inner-right {
        width: -webkit-calc(100% - 330px);
        width: calc(100% - 330px);
    }
}
@media (min-width: 1200px) and (max-width: 1470px) {
    .inner-left {
        width: 280px;
    }
}
@media (min-width: 1200px) and (max-width: 1470px) {
    .inner-right {
        width: -webkit-calc(100% - 280px);
        width: calc(100% - 280px);
    }
}
.inner-right {
    padding-left: 3%;
}
@media (max-width: 1199px) {
    .inner-right {
        margin-top: 30px;
        padding-left: 0;
    }
}
.inner-right .title-product {
    padding: 10px 0;

    border-bottom: 1px solid rgba(41, 55, 66, .2);
}
.inner-right .title-product h2 {
    font-size: 30px;
    line-height: 1.4;

    margin: 0;
}
@media (max-width: 991px) {
    .inner-right .title-product h2 {
        font-size: 24px;
    }
}
.inner-right .title-product h2 img {
    display: inline-block;

    width: 30px;
    margin-right: 10px;

    vertical-align: middle;
}
.catalog-menu {
    position: relative;
    z-index: 6;
}
.catalog-menu .tit-menu {
    position: relative;

    background-color: #2491cc;
}
@media (max-width: 1199px) {
    .catalog-menu .tit-menu {
        padding: 15px;
    }
}
.catalog-menu .tit-menu h2 {
    font-family: 'D-DIN Condensed';
    font-size: 48px;
    line-height: 1;

    margin: 0;

    color: #fff;
}
@media (max-width: 1470px) {
    .catalog-menu .tit-menu h2 {
        font-size: 40px;
    }
}
@media (max-width: 1199px) {
    .catalog-menu .tit-menu h2 {
        font-size: 30px;
    }
}
.catalog-menu .tit-menu .btn-toggle {
    position: absolute;
    top: 5px;
    right: 15px;

    display: none;

    width: 30px;
    height: 60px;
}
@media (max-width: 1199px) {
    .catalog-menu .tit-menu .btn-toggle {
        display: block;

        height: 50px;
    }
}
.catalog-menu .tit-menu .btn-toggle span {
    position: absolute;

    display: block;

    width: 30px;
    height: 2px;

    border-radius: 5px;
    background-color: #fff;
}
.catalog-menu .tit-menu .btn-toggle .line1 {
    top: 35%;
    left: 50%;

    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateX(-50%) rotateZ(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotateZ(0deg);
}
.catalog-menu .tit-menu .btn-toggle .line2 {
    top: 50%;
}
.catalog-menu .tit-menu .btn-toggle .line3 {
    top: 65%;
    left: 50%;

    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateX(-50%) rotateZ(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotateZ(0deg);
}
.catalog-menu .tit-menu .btn-toggle.active .line2 {
    opacity: 0;
}
.catalog-menu .tit-menu .btn-toggle.active .line1 {
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotateZ(-45deg);
}
.catalog-menu .tit-menu .btn-toggle.active .line3 {
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotateZ(45deg);
}
.catalog-menu .menu-nav {
    padding: 50px 40px;

    border: 1px solid #d4d4d4;
}
@media (max-width: 1470px) {
    .catalog-menu .menu-nav {
        padding: 30px 20px;
    }
}
@media (max-width: 1199px) {
    .catalog-menu .menu-nav {
        position: absolute;
        z-index: 2;
        top: 60px;
        left: 0;

        display: none;

        width: 100%;
        margin-top: 0;
        padding: 10px;

        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
}
.catalog-menu .menu-nav .menu-nav1>li {
    position: relative;

    -webkit-transition: all .2s;
    transition: all .2s;
}
@media (max-width: 1199px) {
    .catalog-menu .menu-nav .menu-nav1>li .icon {
        line-height: 30px;

        position: absolute;
        top: 0;
        right: 0;
    }
}
@media (max-width: 1199px) {
    .catalog-menu .menu-nav .menu-nav1>li.active .icon:before {
        content: '\e628';
    }
}
.catalog-menu .menu-nav .menu-nav1>li>a {
    font-size: 18px;
    line-height: 60px;

    position: relative;
    border-bottom: 1px solid #ddd;
    display: block;

    padding: 10px 30px 10px 0;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: capitalize;
}
@media (max-width: 991px) {
    .catalog-menu .menu-nav .menu-nav1>li>a {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .catalog-menu .menu-nav .menu-nav1>li>a {
        font-size: 16px;
    }
}
.catalog-menu .menu-nav .menu-nav1>li>a:after {
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;

    position: absolute;
    top: 12px;
    right: 0;

    width: 30px;
    height: 30px;

    content: '\e629';
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
}
@media (max-width: 1199px) {
    .catalog-menu .menu-nav .menu-nav1>li>a:after {
        display: none;
    }
}
.catalog-menu .menu-nav .menu-nav1>li:last-child>a {
    border-bottom: none;
}
.catalog-menu .menu-nav .menu-nav1>li.active>a,
.catalog-menu .menu-nav .menu-nav1>li:hover>a {
    color: #2491cc;
    border-bottom: 1px solid #2491cc;
}
.catalog-menu .menu-nav .menu-nav1>li.active>a:after,
.catalog-menu .menu-nav .menu-nav1>li:hover>a:after {
    content: '\e628';
}
.catalog-menu .menu-nav .menu-nav2 {
    display: none;

    padding-bottom: 10px;
}
.catalog-menu .menu-nav .menu-nav2>li {
    position: relative;

    border-bottom: 1px solid rgba(41, 55, 66, .2);
}
.catalog-menu .menu-nav .menu-nav2>li>a {
    font-size: 16px;
    line-height: 30px;

    position: relative;

    display: block;

    padding: 10px 0;

    color: #777;
}
@media (max-width: 991px) {
    .catalog-menu .menu-nav .menu-nav2>li>a {
        font-size: 14px;
    }
}
.catalog-menu .menu-nav .menu-nav2>li.active>a,
.catalog-menu .menu-nav .menu-nav2>li:hover>a {
    color: #2491cc;
}
.side-news {
    margin-top: 20px;
}
@media (max-width: 1199px) {
    .side-news {
        display: none;
    }
}
.side-news .list .news-item {
    display: block;

    padding: 20px 0;

    border-top: 1px solid #dfdfdf;
}
.side-news .list .news-item .img {
    width: 82px;
}
.side-news .list .news-item .img .ibox {
    padding-bottom: 75%;
}
.side-news .list .news-item .img .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.side-news .list .news-item h3 {
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;
    margin: 6px 0;

    -webkit-transition: all .2s;
    transition: all .2s;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.side-news .list .news-item p {
    font-size: 14px;
    line-height: 20px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 40px;
    margin: 0;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.side-news .list .news-item .date {
    font-size: 14px;
    line-height: 24px;

    display: block;

    color: #2491cc;
}
.side-news .list .news-item:hover h3 {
    color: #2491cc;
}
.catalog-menu-news {
    padding-top: 0;
}
.catalog-menu-news .menu-nav {
    margin-top: 30px;
}
.inner-menu {
    position: relative;
    z-index: 2;

    margin-top: -90px;

    text-align: center;

    background-color: rgba(0, 99, 182, .8);
}
@media (max-width: 1199px) {
    .inner-menu {
        margin-top: 0;

        background-color: #2491cc;
    }
}
@media (max-width: 767px) {
    .inner-menu {
        padding: 10px 0;
    }
}
.inner-menu ul li {
    display: inline-block;

    vertical-align: middle;
}
.inner-menu ul li a {
    font-size: 18px;
    line-height: 30px;

    display: block;

    padding: 30px 40px;

    -webkit-transition: all .2s;
    transition: all .2s;

    opacity: .8;
    color: #fff;
}
@media (max-width: 1199px) {
    .inner-menu ul li a {
        font-size: 16px;
        line-height: 24px;

        padding: 10px;
    }
}
@media (max-width: 767px) {
    .inner-menu ul li a {
        font-size: 15px;

        padding: 5px;
    }
}
.inner-menu ul li:hover a,
.inner-menu ul li.active a {
    opacity: 1;
}
.hs-inner-about {
    position: relative;
    z-index: 2;

    margin-top: -30px;
    padding: 0;
}
@media (max-width: 767px) {
    .hs-inner-about .title-inner h2 img {
        display: inline-block;

        height: 20px;
        margin-top: -2px;

        vertical-align: middle;
    }
}
.hs-inner-about .about {
    padding: 70px;

    border-radius: 10px;
    background: url(../images/about_in_bg.webp) no-repeat top center #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 1560px) {
    .hs-inner-about .about {
        padding: 50px;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about .about {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about .about {
        padding: 30px 10px;
    }
}
.hs-inner-about .about .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-top: 50px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .hs-inner-about .about .flex {
        margin-top: 20px;
    }
}
.hs-inner-about .about .flex .desc {
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    padding-right: 10%;

    color: #333;
}
@media (max-width: 1560px) {
    .hs-inner-about .about .flex .desc {
        padding-right: 5%;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about .about .flex .desc {
        width: 100%;
        padding-right: 0;
    }
}
.hs-inner-about .about .flex .desc p {
    font-size: 16px;
    line-height: 2.25;

    margin: 0;
}
@media (max-width: 1560px) {
    .hs-inner-about .about .flex .desc p {
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about .about .flex .desc p {
        font-size: 14px;
        line-height: 24px;
    }
}
.hs-inner-about .about .flex .number {
    width: 200px;
}
@media (max-width: 1199px) {
    .hs-inner-about .about .flex .number {
        width: 100%;
    }
    .hs-inner-about .about .flex .number ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .hs-inner-about .about .flex .number ul li {
        max-width: 33.33333%;
    }
}
@media (max-width: 1199px) and (max-width: 767px) {
    .hs-inner-about .about .flex .number ul li {
        width: 50%;
        max-width: 50%;
    }
}
.hs-inner-about .about .flex .number .num-group {
    margin: 30px 0;

    -webkit-transition: all .6s;
    transition: all .6s;
}
@media (max-width: 767px) {
    .hs-inner-about .about .flex .number .num-group {
        margin: 10px 0;
    }
}
.hs-inner-about .about .flex .number .num-group h3 {
    font-family: 'Objectivity';
    font-size: 60px;
    font-weight: 300;

    margin-top: 0;

    color: #bae82f;
}
@media (max-width: 767px) {
    .hs-inner-about .about .flex .number .num-group h3 {
        font-size: 50px;
    }
}
.hs-inner-about .about .flex .number .num-group p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px) {
    .hs-inner-about .about .flex .number .num-group p {
        font-size: 14px;
    }
}
.hs-inner-about .about .flex .number .num-group:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hs-inner-about .about .about-imgbox {
    margin-top: 20px;
}
.hs-inner-about .about .about-imgbox ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -15px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .hs-inner-about .about .about-imgbox ul {
        margin: 0 -5px;
    }
}
.hs-inner-about .about .about-imgbox ul li {
    width: 29%;
    margin-top: 30px;
    padding: 0 15px;
}
.hs-inner-about .about .about-imgbox ul li:nth-child(1) {
    width: 42%;
}
@media (max-width: 767px) {
    .hs-inner-about .about .about-imgbox ul li:nth-child(1) {
        width: 100%;
        padding: 0 5px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about .about .about-imgbox ul li {
        width: 50%;
        margin-top: 10px;
    }
}
.hs-inner-about .about .about-imgbox .about-img img {
    width: 100%;
}
.hs-inner-choose {
    position: relative;
    z-index: 1;

    margin-top: -30px;
    padding: 0;

    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #2491cc), color-stop(50%, #7ecc20));
    background-image: -webkit-linear-gradient(left, #2491cc 50%, #7ecc20 50%);
    background-image: linear-gradient(90deg, #2491cc 50%, #7ecc20 50%);
}
@media (max-width: 767px) {
    .hs-inner-choose .container {
        padding-right: 0;
        padding-left: 0;
    }
}
.hs-inner-choose .choose ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-choose .choose ul li {
    padding: 0;
}
.hs-inner-choose .choose ul li:nth-child(2n) .choose-group {
    color: #2491cc;
    background-color: #7ecc20;
}
@media (max-width: 767px) {
    .hs-inner-choose .choose ul li:nth-child(1) .choose-group {
        padding-top: 60px;
    }
}
.hs-inner-choose .choose .choose-group {
    height: 100%;
    padding: 120px 30px;

    text-align: center;

    color: #fff;
    background-color: #2491cc;
}
@media (max-width: 1560px) {
    .hs-inner-choose .choose .choose-group {
        padding: 80px 20px;
    }
}
@media (max-width: 767px) {
    .hs-inner-choose .choose .choose-group {
        padding: 30px 20px;
    }
}
.hs-inner-choose .choose .choose-group .iconimg {
    width: 40px;
    margin: 0 auto;
}
.hs-inner-choose .choose .choose-group .iconimg img {
    width: 100%;
}
.hs-inner-choose .choose .choose-group h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    margin-top: 30px;
}
@media (max-width: 767px) {
    .hs-inner-choose .choose .choose-group h3 {
        margin-top: 20px;
    }
}
.hs-inner-choose .choose .choose-group p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
@media (max-width: 767px) {
    .hs-inner-choose .choose .choose-group p {
        font-size: 14px;
    }
}
.hs-inner-vision .vision {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hs-inner-vision .vision .vision-left {
    width: 55%;
    padding-right: 5%;
}
@media (max-width: 767px) {
    .hs-inner-vision .vision .vision-left {
        width: 100%;
        padding-right: 0;
    }
}
.hs-inner-vision .vision .vision-left .desc {
    margin-top: 30px;

    color: #333;
}
.hs-inner-vision .vision .vision-left .desc p {
    font-size: 16px;
    line-height: 2.25;

    margin: 0;
}
@media (max-width: 1560px) {
    .hs-inner-vision .vision .vision-left .desc p {
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-vision .vision .vision-left .desc p {
        font-size: 14px;
        line-height: 24px;
    }
}
.hs-inner-vision .vision .vision-right {
    position: relative;

    width: 45%;
    padding-top: 50px;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .hs-inner-vision .vision .vision-right {
        width: 100%;
        margin-top: 30px;
        padding-top: 30px;
        padding-right: 30px;
    }
}
.hs-inner-vision .vision .vision-right:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    display: block;

    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);

    content: '';

    background-color: #2491cc;
}
.hs-inner-vision .vision .vision-right img {
    position: relative;
    z-index: 2;

    width: 100%;
}
.hs-inner-history {
    /*padding-bottom: 280px;*/

    /*background: url(../images/history_bg.webp) no-repeat bottom center;*/
    /*background-size: cover;*/
}
@media (max-width: 767px) {
    .hs-inner-history {
        padding-bottom: 180px;
    }
}
.hs-inner-history .history {
    position: relative;

    margin-top: 80px;
}
@media (max-width: 991px) {
    .hs-inner-history .history {
        margin-top: 30px;
    }
}
.hs-inner-history .history:before {
    position: absolute;
    top: 83px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: rgba(15, 111, 209, .2);
}
.hs-inner-history .history .slick-slide {
    padding: 0 40px;
}
@media (max-width: 1560px) {
    .hs-inner-history .history .slick-slide {
        padding: 0 20px;
    }
}
.hs-inner-history .history .slick-slide:nth-child(2n) .history-item .year {
    color: #bae82f;
}
.hs-inner-history .history .slick-slide:nth-child(2n) .history-item .year:after {
    background: #bae82f;
}
.hs-inner-history .history .history-item .year {
    font-family: 'Objectivity';
    font-size: 60px;
    line-height: 60px;

    margin: 0;

    color: #2491cc;
}
@media (max-width: 1560px) {
    .hs-inner-history .history .history-item .year {
        font-size: 50px;
    }
}
@media (max-width: 991px) {
    .hs-inner-history .history .history-item .year {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .hs-inner-history .history .history-item .year {
        font-size: 30px;
    }
}
.hs-inner-history .history .history-item .year span {
    display: block;

    -webkit-transition: all .6s;
    transition: all .6s;
}
.hs-inner-history .history .history-item .year:after {
    display: block;

    width: 14px;
    height: 14px;
    margin-top: 16px;

    content: '';

    border-radius: 50%;
    background: #2491cc;
}
.hs-inner-history .history .history-item .desc {
    margin-top: 20px;
}
.hs-inner-history .history .history-item .desc p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;
    text-align: justify;
    color: #333;
}
@media (max-width: 1560px) {
    .hs-inner-history .history .history-item .desc p {
        font-size: 14px;
    }
}
.hs-inner-history .history .history-item:hover .year span {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hs-inner-history .slick-dots {
    margin-top: 80px;
}
@media (max-width: 767px) {
    .hs-inner-history .slick-dots {
        margin-top: 40px;
    }
}
.hs-inner-factory .factory {
    position: relative;
}
.hs-inner-factory .factory .slick-dots {
    position: absolute;
    top: -70px;
    right: 0;

    display: inline-block;

    margin: 0;
}
.hs-inner-factory .factory-slide {
    margin: 0 -20px;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .hs-inner-factory .factory-slide {
        margin: 0 -10px;
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-factory .factory-slide {
        margin: 0 -5px;
        margin-top: 20px;
    }
}
.hs-inner-factory .factory-slide .slick-slide {
    padding: 0 20px;
}
@media (max-width: 991px) {
    .hs-inner-factory .factory-slide .slick-slide {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .hs-inner-factory .factory-slide .slick-slide {
        padding: 0 5px;
    }
}
.hs-inner-factory .factory-slide .factory-item {
    position: relative;

    display: block;
}
.hs-inner-factory .factory-slide .factory-item .ibox {
    padding-bottom: 75%;
}
.hs-inner-factory .factory-slide .factory-item .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-inner-factory .factory-slide .factory-item .title-factory {
    position: relative;

    margin-top: 20px;
    padding-right: 30px;
}
.hs-inner-factory .factory-slide .factory-item .title-factory:after {
    font-family: 'iconfont' !important;
    font-size: 12px;
    line-height: 20px;

    position: absolute;
    top: 0;
    right: 0;

    width: 20px;
    height: 20px;

    content: '\e625';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #2491cc;
}
.hs-inner-factory .factory-slide .factory-item .title-factory h3 {
    font-size: 16px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 10px 0 0 0;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1560px) {
    .hs-inner-factory .factory-slide .factory-item .title-factory h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-factory .factory-slide .factory-item .title-factory h3 {
        font-size: 16px;
    }
}
.hs-inner-factory .factory-slide .factory-item:hover .ibox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hs-inner-factory .factory-slide .factory-item:hover .title-factory h3 {
    color: #2491cc;
}
.hs-inner-certificates {
    padding-bottom: 200px;

    background: url(../images/certificates_bg.webp) no-repeat center;
    background-size: cover;
}
@media (max-width: 1199px) {
    .hs-inner-certificates {
        padding-bottom: 100px;
    }
}
/* .hs-inner-certificates .certificates {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
} */
/* .hs-inner-certificates .certificates .certificates-left {
    width: 55%;
    padding-right: 5%;
}
@media (max-width: 767px) {
    .hs-inner-certificates .certificates .certificates-left {
        width: 100%;
        padding-right: 0;
    }
} */
.hs-inner-certificates .certificates .certificates-left .desc {
    margin-top: 30px;

    color: #333;
}
.hs-inner-certificates .certificates .certificates-left .desc p {
    font-size: 16px;
    line-height: 2.25;

    margin: 0;
}
@media (max-width: 1560px) {
    .hs-inner-certificates .certificates .certificates-left .desc p {
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-certificates .certificates .certificates-left .desc p {
        font-size: 14px;
        line-height: 24px;
    }
}
.hs-inner-certificates .certificates .certificates-right {
    position: relative;
    margin-top: 30px;
    /*
    width: 45%; */
}
/* @media (max-width: 767px) {
    .hs-inner-certificates .certificates .certificates-right {
        width: 100%;
        margin-top: 30px;
    }
}
.hs-inner-certificates .certificates .certificates-right img {
    max-width: 100%;
} */
.hs-inner-certificates .certificates .certificates-right .certificates-group {
    text-align: center;
}
.hs-inner-certificates .certificates .certificates-right .certificates-group .ibox {
    padding-bottom: 135%;
}
.hs-inner-certificates .certificates .certificates-right .certificates-group .ibox img {
    transition: all 1s;
}
.hs-inner-certificates .certificates .certificates-right .certificate-slide {
    margin: 0 -20px;
}
.hs-inner-certificates .certificates .certificates-right .certificate-slide .slick-slide {
    padding: 0 20px;
}
.hs-inner-certificates .certificates .certificates-right .certificates-group .ibox {
    border: 1px solid #dcdcdc;
}
.hs-inner-certificates .certificates .certificates-right .certificates-group:hover .ibox img {
    transform: scale(1.1);
}
@media (max-width: 991px) {
    .hs-inner-certificates .certificates .certificates-right .certificate-slide {
        margin: 0 -8px;
    }
    .hs-inner-certificates .certificates .certificates-right .certificate-slide .slick-slide {
        padding: 0 8px;
    }
}
.hs-inner-certificates .certificates .certificates-right .certificates-group h3 {
    font-size: 16px;
    line-height: 1.5;
    margin: 14px 0 0 0;
}
#about-about,
#about-choose,
#about-vision,
#about-history,
#about-factory,
#about-certificates {
    position: relative;
    top: -120px;
}
@media (max-width: 1560px) {
    .hs-inner-products .products ul li {
        width: 33.33333333%;
    }
}
@media (max-width: 767px) {
    .hs-inner-products .products ul li {
        width: 100%;
    }
}
.hs-inner-products .product-item,
.hs-inner-product-show .relate-product-slide .product-item {
    display: block;

    margin-top: 40px;

    -webkit-transition: all .2s;
    transition: all .2s;

    box-shadow: 0 3px 6px 0 rgba(113, 113, 113, .21);
}
@media (max-width: 1199px) {
    .hs-inner-products .product-item,
    .hs-inner-product-show .relate-product-slide .product-item {
        margin-top: 30px;
    }
}
.hs-inner-products .product-item .ibox,
.hs-inner-product-show .relate-product-slide .product-item .ibox {
    -webkit-transition: all .6s;
    transition: all .6s;
}
.hs-inner-products .product-item .ibox img,
.hs-inner-product-show .relate-product-slide .product-item .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-inner-products .product-item .title-product,
.hs-inner-product-show .relate-product-slide .product-item .title-product {
    padding: 20px;
}
@media (max-width: 991px) {
    .hs-inner-products .product-item .title-product,
    .hs-inner-product-show .relate-product-slide .product-item .title-product {
        padding: 10px;
    }
}
.hs-inner-products .product-item .title-product h3,
.hs-inner-product-show .relate-product-slide .product-item .title-product h3 {
    font-size: 18px;
    line-height: 22px;

    display: -webkit-box;
    overflow: hidden;

    height: 44px;
    margin: 0;

    -webkit-transition: all .2s;
    transition: all .2s;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 1199px) {
    .hs-inner-products .product-item .title-product h3,
    .hs-inner-product-show .relate-product-slide .product-item .title-product h3 {
        font-size: 16px;
    }
}
.hs-inner-products .product-item .title-product .size,
.hs-inner-product-show .relate-product-slide .product-item .title-product .size {
    font-size: 14px;
    line-height: 24px;

    display: block;

    margin-top: 10px;

    color: #2491cc;
}
.hs-inner-products .product-item .title-product .mask,
.hs-inner-product-show .relate-product-slide .product-item .title-product .mask {
    margin-top: 10px;
}
.hs-inner-products .product-item .title-product .mask span,
.hs-inner-product-show .relate-product-slide .product-item .title-product .mask span {
    line-height: 26px;

    display: inline-block;

    height: 26px;
    margin-right: 14px;
    padding: 0 14px;

    vertical-align: middle;

    color: #2491cc;
    background: #f2f8ff;
}
.hs-inner-products .product-item:hover .ibox img,
.hs-inner-product-show .relate-product-slide .product-item:hover .ibox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hs-inner-products .product-item:hover .title-product h3,
.hs-inner-product-show .relate-product-slide .product-item:hover .title-product h3 {
    color: #2491cc;
}
.hs-inner-product-show .product-show {
    margin-top: 50px;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .product-show .pro-left,
    .hs-inner-product-show .product-show .pro-right {
        width: 50%;
    }
}
@media (max-width: 1560px) and (max-width: 991px) {
    .hs-inner-product-show .product-show .pro-left,
    .hs-inner-product-show .product-show .pro-right {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .hs-inner-product-show .product-show {
        margin-top: 30px;
    }
}
.hs-inner-product-show .product-show .products-show-big-scroll {
    font-size: 0;

    background-color: #f5f6f6;
}
.hs-inner-product-show .product-show .products-show-big-scroll .slick-arrow {
    font-size: 30px;
    line-height: 40px;

    left: 0;

    width: 40px;
    height: 40px;

    text-align: center;

    border: none;
    border-radius: 50%;
    background: none;
    background-color: #fff;
    box-shadow: none;
}
.hs-inner-product-show .product-show .products-show-big-scroll .slick-arrow:before {
    content: '\e625';
}
.hs-inner-product-show .product-show .products-show-big-scroll .slick-arrow.slick-next {
    right: 0;
    left: auto;
}
.hs-inner-product-show .product-show .products-show-big-scroll .slick-arrow:hover {
    color: #2491cc;
}
.hs-inner-product-show .product-show .products-show-small-scroll {
    padding: 20px 30px;
}
.hs-inner-product-show .product-show .products-show-small-scroll .slick-slide {
    padding: 0 10px;
}
.hs-inner-product-show .product-show .products-show-small-scroll .itempack {
    border: 1px solid #dcdcdc;
}
.hs-inner-product-show .product-show .products-show-small-scroll .slick-current .itempack {
    border: 1px solid #2491cc;
}
.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow {
    font-size: 30px;

    left: 0;

    width: 40px;

    text-align: center;

    border: none;
    background: none;
    box-shadow: none;
}
.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow:before {
    content: '\e625';
}
.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow.slick-next {
    right: 0;
    left: auto;
}
.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow:hover {
    color: #2491cc;
}
.hs-inner-product-show .product-show .title-product-show {
    position: relative;
}
.hs-inner-product-show .product-show .title-product-show h2 {
    font-size: 24px;
    line-height: 1.4;

    margin: 0;

    color: #2491cc;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .product-show .title-product-show h2 {
        font-size: 20px;
    }
}
.hs-inner-product-show .product-show .title-product-show p {
    margin: 10px 0 0 0;
}
.hs-inner-product-show .product-show .title-product-show p span {
    line-height: 26px;

    display: inline-block;

    height: 26px;
    margin-right: 14px;
    padding: 0 14px;

    vertical-align: middle;

    color: #2491cc;
    background: #f2f8ff;
}
.hs-inner-product-show .product-show .product-info {
    padding-left: 3%;
}
@media (max-width: 991px) {
    .hs-inner-product-show .product-show .product-info {
        margin-top: 20px;
        padding-left: 0;
    }
}
.hs-inner-product-show .product-show .product-info .desc {
    padding: 20px 0;

    word-break: break-word;

    color: #333;
    border-bottom: 1px solid rgba(41, 55, 66, .2);
}
.hs-inner-product-show .product-show .product-info .desc p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
@media (max-width: 767px) {
    .hs-inner-product-show .product-show .product-info .desc p {
        font-size: 14px;
    }
}
.hs-inner-product-show .product-show .product-info .txt {
    padding: 20px 0;

    border-top: 1px solid rgba(41, 55, 66, .2);
}
.hs-inner-product-show .product-show .product-info .txt p {
    line-height: 24px;

    position: relative;

    margin: 0;
    padding-left: 20px;
}
.hs-inner-product-show .product-show .product-info .txt p:before {
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    content: '';

    background: #aeaeae;
}
.hs-inner-product-show .product-show .product-info .link-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-top: 30px;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .product-show .product-info .link-share {
        margin-top: 10px;
    }
}
.hs-inner-product-show .product-show .product-info .link-share .share .a2a_svg {
    line-height: 30px;

    width: 30px;
    height: 30px;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .product-show .product-info .link {
        margin-top: 10px;
    }
}
.hs-inner-product-show .product-show .product-info .link>div {
    display: inline-block;

    vertical-align: top;
}
.hs-inner-product-show .product-show .product-info .link a {
    font-size: 16px;
    line-height: 50px;

    display: inline-block;

    padding: 0 20px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #2491cc;
    border: 2px solid #2491cc;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .product-show .product-info .link a {
        line-height: 40px;
    }
}
.hs-inner-product-show .product-show .product-info .link a img {
    display: inline-block;

    width: 24px;

    vertical-align: middle;
}
.hs-inner-product-show .product-show .product-info .link a:hover {
    color: #fff;
    background-color: #2491cc;
}
.hs-inner-product-show .product-show .product-info .link a:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.hs-inner-product-show .product-show .product-info .link .btn-contact {
    margin-right: 40px;
}
@media (max-width: 1470px) {
    .hs-inner-product-show .product-show .product-info .link .btn-contact {
        margin-right: 20px;
    }
}
.hs-inner-product-show .product-show-desc {
    padding-top: 40px;
}
.hs-inner-product-show .product-show-desc .desc-sort {
    padding: 10px 3% 0 3%;

    background-color: #2491cc;
}
.hs-inner-product-show .product-show-desc .desc-sort>ul>li {
    position: relative;

    display: inline-block;

    padding: 0 10px;

    vertical-align: top;
}
.hs-inner-product-show .product-show-desc .desc-sort>ul>li>a {
    font-size: 16px;
    line-height: 30px;

    display: inline-block;

    padding: 10px 20px;

    color: #fff;
}
@media (max-width: 991px) {
    .hs-inner-product-show .product-show-desc .desc-sort>ul>li>a {
        line-height: 24px;

        padding: 10px;
    }
}
.hs-inner-product-show .product-show-desc .desc-sort>ul>li.active>a {
    color: #2491cc;
    background-color: #fff;
}
.hs-inner-product-show .product-show-desc .desc-list {
    margin-top: 30px;
}
@media (max-width: 991px) {
    .hs-inner-product-show .product-show-desc .desc-list {
        margin-top: 20px;
    }
}
.hs-inner-product-show .product-show-desc .desc-list p {
    font-size: 16px;
    line-height: 30px;

    margin: 0;

    color: #666;
}
@media (max-width: 991px) {
    .hs-inner-product-show .product-show-desc .desc-list p {
        font-size: 14px;
        line-height: 24px;
    }
}
.hs-inner-product-show .product-show-desc .desc-list img {
    max-width: 100%;
    height: auto !important;
}
.hs-inner-product-show .title-pro-desc {
    position: relative;

    border-bottom: 1px solid rgba(41, 55, 66, .2);
}
.hs-inner-product-show .title-pro-desc h3 {
    font-size: 30px;
    line-height: 1.4;

    position: relative;

    display: inline-block;

    margin: 0;
    padding: 10px 0;

    text-transform: capitalize;
}
@media (max-width: 1470px) {
    .hs-inner-product-show .title-pro-desc h3 {
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    .hs-inner-product-show .title-pro-desc h3 {
        font-size: 24px;
    }
}
.hs-inner-product-show .title-pro-desc h3 img {
    width: 30px;
}
.hs-inner-product-show .parameter {
    padding-top: 80px;
}
@media (max-width: 991px) {
    .hs-inner-product-show .parameter {
        padding-top: 30px;
    }
}
.hs-inner-product-show .parameter .desc {
    margin-top: 20px;
}
.hs-inner-product-show .parameter .desc p {
    font-size: 20px;
    line-height: 1.5;

    margin: 0;

    color: #666;
}
@media (max-width: 1470px) {
    .hs-inner-product-show .parameter .desc p {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .hs-inner-product-show .parameter .desc p {
        font-size: 16px;
    }
}
.hs-inner-product-show .parameter .desc img {
    max-width: 100%;
    height: auto !important;
}
.hs-inner-product-show .inquiry {
    padding-top: 80px;
}
@media (max-width: 991px) {
    .hs-inner-product-show .inquiry {
        padding-top: 30px;
    }
}
.hs-inner-product-show .inquiry .feedback {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-top: 20px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-product-show .inquiry .feedback form {
    width: 100%;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .inquiry .feedback form {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .hs-inner-product-show .inquiry .feedback form {
        width: 100%;
    }
}
.hs-inner-product-show .inquiry .feedback form ul {
    margin: 0 -10px;
}
.hs-inner-product-show .inquiry .feedback form ul li {
    padding: 0 10px;
}
.hs-inner-product-show .inquiry .feedback form .itempack {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .hs-inner-product-show .inquiry .feedback form .itempack {
        margin-top: 14px;
    }
}
.hs-inner-product-show .inquiry .feedback form .itempack input,
.hs-inner-product-show .inquiry .feedback form .itempack textarea {
    font-size: 16px;
    line-height: 30px;

    width: 100%;
    min-height: 60px;
    padding: 15px 15px;

    resize: vertical;

    color: #666;
    border: 1px solid #eee;
    outline: none;
    background: #f8f8f8;
}
@media (max-width: 1350px) {
    .hs-inner-product-show .inquiry .feedback form .itempack input,
    .hs-inner-product-show .inquiry .feedback form .itempack textarea {
        padding: 10px;
    }
}
@media (max-width: 991px) {
    .hs-inner-product-show .inquiry .feedback form .itempack input,
    .hs-inner-product-show .inquiry .feedback form .itempack textarea {
        font-size: 16px;
        line-height: 24px;

        min-height: 50px;
        padding: 10px;
    }
}
.hs-inner-product-show .inquiry .feedback form .itempack input::-webkit-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea::-webkit-input-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack input:-o-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea:-o-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack input::-moz-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea::-moz-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack input:-ms-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea:-ms-input-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-webkit-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-webkit-input-placeholder {
    color: #c5c5c5;
}
.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-o-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-o-placeholder {
    color: #c5c5c5;
}
.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-moz-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-moz-placeholder {
    color: #c5c5c5;
}
.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-ms-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-ms-input-placeholder {
    color: #c5c5c5;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input::-webkit-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea::-webkit-input-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input:-o-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea:-o-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input::-moz-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea::-moz-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input:-ms-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea:-ms-input-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input:focus::-webkit-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea:focus::-webkit-input-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input:focus::-o-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea:focus::-o-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input:focus::-moz-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea:focus::-moz-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .itempack.read input:focus::-ms-input-placeholder,
.hs-inner-product-show .inquiry .feedback form .itempack.read textarea:focus::-ms-input-placeholder {
    color: #a2a2a2;
}
.hs-inner-product-show .inquiry .feedback form .submit {
    font-size: 18px;
    line-height: 50px;

    margin-top: 30px;
    padding: 0 70px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #fff;
    border-radius: 0;
    outline: none;
    background-color: #2491cc;
}
@media (max-width: 767px) {
    .hs-inner-product-show .inquiry .feedback form .submit {
        font-size: 16px;
        line-height: 40px;
    }
}
.hs-inner-product-show .inquiry .feedback form .submit .icon {
    margin-right: 10px;
}
.hs-inner-product-show .inquiry .feedback form .submit:hover {
    background-color: #bae82f;
}
.hs-inner-product-show .inquiry .feedback .img {
    width: 60%;
    padding-left: 5%;
}
@media (max-width: 1560px) {
    .hs-inner-product-show .inquiry .feedback .img {
        width: 50%;
        padding-left: 3%;
    }
}
@media (max-width: 767px) {
    .hs-inner-product-show .inquiry .feedback .img {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.hs-inner-product-show .inquiry .feedback .img img {
    width: 100%;
}
.hs-inner-product-show .relate-product {
    padding-top: 80px;
}
@media (max-width: 991px) {
    .hs-inner-product-show .relate-product {
        padding-top: 30px;
    }
}
.hs-inner-product-show .relate-product .relate-product-slide {
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .hs-inner-product-show .relate-product .relate-product-slide {
        margin: 0 -10px;
    }
}
.hs-inner-product-show .relate-product .relate-product-slide .slick-slide {
    padding: 20px 15px;
}
@media (max-width: 767px) {
    .hs-inner-product-show .relate-product .relate-product-slide .slick-slide {
        padding: 20px 10px;
    }
}
.hs-inner-product-show .relate-product .slick-arrow {
    left: 0;
}
.hs-inner-product-show .relate-product .slick-arrow:before {
    content: '\e625';
}
.hs-inner-product-show .relate-product .slick-arrow.slick-next {
    right: 0;
    left: auto;
}
.hs-inner-cases {
    padding-top: 0;
}
@media (min-width: 1200px) {
    .hs-inner-cases .cases ul {
        margin: 0 -20px;
    }
    .hs-inner-cases .cases ul li {
        padding: 0 20px;
    }
}
.hs-inner-cases .cases .cases-group {
    position: relative;

    display: block;

    margin-top: 40px;

    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
}
@media (max-width: 991px) {
    .hs-inner-cases .cases .cases-group {
        margin-top: 20px;
    }
}
.hs-inner-cases .cases .cases-group .img .ibox {
    padding-bottom: 75%;
}
.hs-inner-cases .cases .cases-group .img .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-inner-cases .cases .cases-group .tit-case {
    padding: 14px;

    color: #fff;
    background-color: #2491cc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hs-inner-cases .cases .cases-group h3 {
    font-size: 18px;
    line-height: 26px;

    display: -webkit-box;
    overflow: hidden;

    height: 52px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
    .hs-inner-cases .cases .cases-group h3 {
        font-size: 16px;
    }
}
.hs-inner-cases .cases .cases-group-video .img {
    position: relative;

    background-color: #000;
}
.hs-inner-cases .cases .cases-group-video .img img {
    opacity: .6;
}
.hs-inner-cases .cases .cases-group-video .img:before {
    font-family: 'iconfont' !important;
    font-size: 20px;
    line-height: 1;
    line-height: 60px;

    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 60px;
    height: 60px;

    content: '\ea82';
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: rgba(15, 111, 209, .8);
}
@media (max-width: 767px) {
    .hs-inner-cases .cases .cases-group-video .img:before {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.hs-inner-cases .cases .cases-group:hover .img .ibox img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hs-inner-cases .cases .cases-group:hover .desc {
    color: #fff;
    background-color: #2491cc;
}
.hs-inner-news .news {
    margin-top: -40px;
}
@media (max-width: 767px) {
    .hs-inner-news .news {
        margin-top: -20px;
    }
}
.hs-inner-news .news .news-group {
    display: block;

    margin-top: 40px;
}
@media (max-width: 767px) {
    .hs-inner-news .news .news-group {
        margin-top: 20px;
    }
}
.hs-inner-news .news .news-group .img {
    position: relative;
}
.hs-inner-news .news .news-group .img .date {
    line-height: 30px;

    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 10px 20px;

    color: #fff;
    background-color: rgba(36, 145, 204, .8);
}
@media (max-width: 767px) {
    .hs-inner-news .news .news-group .img .date {
        line-height: 20px;

        padding: 10px;
    }
}
.hs-inner-news .news .news-group .img .date img {
    display: inline-block;

    width: 30px;

    vertical-align: middle;

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
    .hs-inner-news .news .news-group .img .date img {
        width: 20px;
    }
}
.hs-inner-news .news .news-group .img .date span {
    font-family: 'D-DIN Condensed';
    font-size: 20px;

    display: inline-block;

    vertical-align: middle;
}
@media (max-width: 991px) {
    .hs-inner-news .news .news-group .img .date span {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-news .news .news-group .img .date span {
        font-size: 16px;
    }
}
.hs-inner-news .news .news-group .ibox {
    padding-bottom: 75%;
}
.hs-inner-news .news .news-group .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-inner-news .news .news-group .tit-news {
    padding: 14px 20px;

    background-color: #f5f5f5;
}
@media (max-width: 767px) {
    .hs-inner-news .news .news-group .tit-news {
        padding: 10px;
    }
}
.hs-inner-news .news .news-group .tit-news h3 {
    font-size: 18px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 48px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 991px) {
    .hs-inner-news .news .news-group .tit-news h3 {
        font-size: 16px;
    }
}
.hs-inner-faqs .faqs .faqs-item {
    position: relative;

    padding: 30px 0;

    border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 767px) {
    .hs-inner-faqs .faqs .faqs-item {
        padding: 10px 0;
    }
}
.hs-inner-faqs .faqs .faqs-item .title-faq {
    position: relative;

    padding: 10px 30px 10px 0;

    cursor: pointer;
}
.hs-inner-faqs .faqs .faqs-item .title-faq:after {
    font-family: 'iconfont' !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;

    position: absolute;
    top: 0;
    right: 0;

    width: 50px;

    content: '\e629';
    -webkit-transition: all .6s;
    transition: all .6s;
    text-align: center;
}
.hs-inner-faqs .faqs .faqs-item .title-faq h3 {
    font-size: 20px;
    line-height: 1.5;

    margin: 0;
}
@media (max-width: 991px) {
    .hs-inner-faqs .faqs .faqs-item .title-faq h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-faqs .faqs .faqs-item .title-faq h3 {
        font-size: 16px;
    }
}
.hs-inner-faqs .faqs .faqs-item .txt {
    margin-top: 10px;
}
.hs-inner-faqs .faqs .faqs-item .txt p {
    font-size: 16px;
    line-height: 30px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px) {
    .hs-inner-faqs .faqs .faqs-item .txt p {
        font-size: 14px;
        line-height: 24px;
    }
}
.hs-inner-faqs .faqs .current .faqs-item {
    border-bottom-color: #2491cc;
}
.hs-inner-faqs .faqs .current .faqs-item .title-faq {
    color: #2491cc;
}
.hs-inner-faqs .faqs .current .faqs-item .title-faq:after {
    content: '\e628';
}
.hs-inner-news-show .title-news-show {
    margin-top: 30px;
}
.hs-inner-news-show .title-news-show h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;

    margin: 0;
}
@media (max-width: 991px) {
    .hs-inner-news-show .title-news-show h1 {
        font-size: 20px;
    }
}
.hs-inner-news-show .news-info {
    margin-top: 20px;
    padding: 10px 0;

    border-top: 1px solid rgba(62, 58, 57, .2);
    border-bottom: 1px solid rgba(62, 58, 57, .2);
}
.hs-inner-news-show .news-info p,
.hs-inner-news-show .news-info .a2a_kit {
    display: inline-block;

    margin: 10px 0;

    vertical-align: middle;
}
.hs-inner-news-show .news-info p {
    font-family: 'D-DIN Condensed';
    font-size: 20px;
    line-height: 30px;

    margin: 0;
    padding: 0 14px;

    color: #2491cc;
}
.hs-inner-news-show .news-info p img {
    display: inline-block;

    width: 30px;

    vertical-align: middle;
}
.hs-inner-news-show .wechat-qrcode {
    top: 40px;
}
.hs-inner-news-show .wechat-qrcode:after {
    top: -13px;
    bottom: auto;

    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hs-inner-news-show .text-top {
    overflow: hidden;

    margin-top: 30px;
    padding: 20px 5%;

    color: #666;
    background-color: #f8f4ee;
}
.hs-inner-news-show .text-top p {
    font-size: 16px;
    line-height: 30px;
}
@media (max-width: 767px) {
    .hs-inner-news-show .text-top p {
        font-size: 14px;
    }
}
.hs-inner-news-show .text {
    margin-top: 30px;
}
.hs-inner-news-show .text p {
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: #666;
}
@media (max-width: 767px) {
    .hs-inner-news-show .text p {
        font-size: 16px;
    }
}
.hs-inner-news-show .text img {
    max-width: 100%;
    height: auto !important;
}
.hs-inner-news-show .button-news {
    margin-top: 50px;
}
.hs-inner-news-show .button-news a {
    font-size: 18px;
    line-height: 60px;

    position: relative;

    display: block;
    display: -webkit-box;
    overflow: hidden;

    height: 60px;
    margin-top: 10px;
    padding: 0 10px 0 50px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #666;
    background-color: #f5f5f5;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
    .hs-inner-news-show .button-news a {
        font-size: 16px;
    }
}
.hs-inner-news-show .button-news a:before {
    font-family: 'iconfont' !important;
    font-size: 30px;
    line-height: 60px;

    position: absolute;
    top: 0;
    left: 0;

    width: 50px;

    content: '\eb60';
    text-align: center;
}
@media (max-width: 767px) {
    .hs-inner-news-show .button-news a:before {
        font-size: 24px;
    }
}
.hs-inner-news-show .button-news a.next {
    padding: 0 50px 0 10px;

    text-align: right;
}
@media (max-width: 767px) {
    .hs-inner-news-show .button-news a.next {
        padding: 0 10px 0 50px;

        text-align: left;
    }
}
.hs-inner-news-show .button-news a.next:before {
    right: 0;
    left: auto;

    content: '\e625';
}
@media (max-width: 767px) {
    .hs-inner-news-show .button-news a.next:before {
        right: auto;
        left: 0;
    }
}
.hs-inner-news-show .button-news a:hover {
    color: #fff;
    background-color: #2491cc;
}
.hs-inner-news-show .news-article {
    padding: 20px;

    border-top: 1px solid #ddd;
}
.hs-inner-news-show .news-article .article-title h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;

    margin: 0;

    color: #fff;
}
.hs-inner-news-show .news-article .listbox ul li:last-child .subject {
    border-bottom: none;
}
.hs-inner-news-show .news-article .listbox .subject {
    display: block;

    padding: 20px 0;

    color: #fff;
    border-bottom: 1px solid #fff;
}
.hs-inner-news-show .news-article .listbox .subject h3 {
    font-size: 16px;
    line-height: 28px;

    display: -webkit-box;
    overflow: hidden;

    height: 28px;
    margin: 0;

    -webkit-transition: all .2s;
    transition: all .2s;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.hs-inner-news-show .news-article .listbox .subject p {
    line-height: 18px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 36px;
    margin: 6px 0;

    opacity: .8;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.hs-inner-news-show .news-article .listbox .subject .date {
    line-height: 24px;

    display: block;

    color: #fff;
}
.hs-inner-news-show .news-article .listbox .subject:hover h3 {
    text-decoration: underline;
}
.a2a_svg {
    background-color: #2491cc !important;
}
.hs-inner-contact {
    background: #f7f7f7;
}
.hs-inner-contact .flex {
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1199px) {
    .hs-inner-contact .flex {
        display: block;
    }
}
.hs-inner-contact .title-contact h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;
}
.hs-inner-contact .title-contact h2 {
    font-family: 'Objectivity';
    font-size: 30px;
    font-weight: bold;

    margin: 0;

    color: #2491cc;
}
@media (max-width: 767px) {
    .hs-inner-contact .title-contact h2 {
        font-size: 24px;
    }
}
.hs-inner-contact .contact,
.hs-inner-contact .message {
    width: 50%;
}
@media (max-width: 1199px) {
    .hs-inner-contact .contact,
    .hs-inner-contact .message {
        width: 100%;
    }
}
.hs-inner-contact .contact .desc ul li {
    margin: 30px 0;
}
.hs-inner-contact .contact .desc .contact-item {
    position: relative;

    padding-left: 80px;

    color: #333;
}
@media (max-width: 1470px) {
    .hs-inner-contact .contact .desc .contact-item {
        padding-left: 70px;
    }
}
.hs-inner-contact .contact .desc .contact-item .icon {
    font-size: 20px;
    line-height: 1;
    line-height: 60px;

    position: absolute;
    top: 0;
    left: 0;

    width: 60px;
    height: 60px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #2491cc;
}
@media (max-width: 1199px) {
    .hs-inner-contact .contact .desc .contact-item .icon {
        line-height: 50px;

        width: 50px;
        height: 50px;
    }
}
.hs-inner-contact .contact .desc .contact-item h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    text-transform: capitalize;
}
@media (max-width: 1470px) {
    .hs-inner-contact .contact .desc .contact-item h3 {
        font-size: 18px;
    }
}
.hs-inner-contact .contact .desc .contact-item p {
    font-size: 16px;
    line-height: 30px;

    margin: 0;
}
@media (max-width: 767px) {
    .hs-inner-contact .contact .desc .contact-item p {
        font-size: 14px;
    }
}
.hs-inner-contact .contact .desc .contact-item a:hover {
    text-decoration: underline;
}
@media (max-width: 1199px) {
    .hs-inner-contact .message {
        padding-top: 0;
    }
}
.hs-inner-contact .message form {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .hs-inner-contact .message form {
        margin-top: 10px;
    }
}
.hs-inner-contact .message form input,
.hs-inner-contact .message form textarea {
    font-size: 18px;
    line-height: 30px;

    width: 100%;
    margin-top: 20px;
    padding: 10px 20px;

    resize: none;

    outline: none;
    background-color: #fff;
}
.hs-inner-contact .message form input::-webkit-input-placeholder,
.hs-inner-contact .message form textarea::-webkit-input-placeholder {
    color: #666;
}
.hs-inner-contact .message form input:-o-placeholder,
.hs-inner-contact .message form textarea:-o-placeholder {
    color: #666;
}
.hs-inner-contact .message form input::-moz-placeholder,
.hs-inner-contact .message form textarea::-moz-placeholder {
    color: #666;
}
.hs-inner-contact .message form input:-ms-input-placeholder,
.hs-inner-contact .message form textarea:-ms-input-placeholder {
    color: #666;
}
.hs-inner-contact .message form input:focus::-webkit-input-placeholder,
.hs-inner-contact .message form textarea:focus::-webkit-input-placeholder {
    color: #c5c5c5;
}
.hs-inner-contact .message form input:focus::-o-placeholder,
.hs-inner-contact .message form textarea:focus::-o-placeholder {
    color: #c5c5c5;
}
.hs-inner-contact .message form input:focus::-moz-placeholder,
.hs-inner-contact .message form textarea:focus::-moz-placeholder {
    color: #c5c5c5;
}
.hs-inner-contact .message form input:focus::-ms-input-placeholder,
.hs-inner-contact .message form textarea:focus::-ms-input-placeholder {
    color: #c5c5c5;
}
.hs-inner-contact .message form .submit {
    font-size: 20px;
    line-height: 50px;

    display: inline-block;

    margin-top: 20px;
    padding: 0 46px;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;

    color: #fff;
    border-radius: 0;
    outline: none;
    background-color: #2491cc;
}
.hs-inner-contact .message form .submit:hover {
    background-color: #bae82f;
}
.hs-inner-map {
    position: relative;

    padding: 0;
}
.hs-inner-map .map {
    font-size: 14px;

    position: relative;

    clear: both;
}
.hs-inner-map .map .mapwrap {
    height: 640px;
}
@media (max-width: 1199px) {
    .hs-inner-map .map .mapwrap {
        height: 500px;
    }
}
@media (max-width: 767px) {
    .hs-inner-map .map .mapwrap {
        height: 300px;
        margin-top: 40px;
    }
}
.footer {
    position: relative;

    overflow: hidden;

    margin-top: -70px;
    padding-top: 70px;

    color: #fff;
}
@media (max-width: 1199px) {
    .footer {
        overflow: hidden;
    }
}
@media (max-width: 767px) {
    .footer {
        margin-top: -40px;
        padding-top: 40px;
        padding-bottom: 55px;
    }
}
.footer .waveWrapper {
    overflow: hidden;
}
.footer .waveWrapperInner {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 70px;
}
@media (max-width: 767px) {
    .footer .waveWrapperInner {
        height: 40px;
    }
}
.footer .bgTop {
    z-index: 4;
}
.footer .bgBottom {
    z-index: 2;
}
.footer .wave {
    position: absolute;
    left: 0;

    width: 200%;
    height: 100%;

    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;

    background-repeat: repeat;
    background-position: 0 bottom;
}
.footer .waveTop {
    background-size: 50% 74px;
}
@media (max-width: 767px) {
    .footer .waveTop {
        background-size: 50% 40px;
    }
}
.footer .waveAnimation .waveTop {
    -webkit-animation: move_wave1 5s linear infinite;
    animation: move_wave1 5s linear infinite;
}
.footer .waveBottom {
    background-size: 50% 74px;
}
@media (max-width: 767px) {
    .footer .waveBottom {
        background-size: 50% 40px;
    }
}
.footer .waveAnimation .waveBottom {
    -webkit-animation: move_wave 15s linear infinite;
    animation: move_wave 15s linear infinite;
}
.footer .foot {
    background-color: #2491cc;
}
.footer .foot-flex {
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 40px 0;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (max-width: 767px) {
    .footer .foot-flex {
        padding: 30px 0;
    }
}
.footer .foot-follow {
    width: 40%;
    padding-right: 5%;
}
@media (max-width: 991px) {
    .footer .foot-follow {
        width: 100%;
        padding-right: 0;
    }
}
.footer .foot-follow .foot-logo img {
    height: 71px;
}
.footer .foot-follow .foot-txt {
    max-width: 400px;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .footer .foot-follow .foot-txt {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .footer .foot-follow .foot-txt {
        font-size: 14px;
    }
}
.footer .foot-follow .foot-txt p {
    font-size: 16px;
    line-height: 1.625;

    position: relative;

    margin: 30px 0 0 0;
    padding-left: 30px;
}
@media (max-width: 991px) {
    .footer .foot-follow .foot-txt p {
        font-size: 14px;

        margin-top: 10px;
    }
}
.footer .foot-follow .foot-txt p .icon {
    position: absolute;
    left: 0;
}
.footer .foot-follow .foot-txt p a:hover {
    text-decoration: underline;

    color: #bae82f;
}
.footer .foot-nav {
    width: 60%;
}
@media (max-width: 991px) {
    .footer .foot-nav {
        width: 100%;
    }
}
.footer .foot-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .footer .foot-nav ul li {
        width: 100%;
        margin-top: 20px;
    }
}
.footer .foot-nav .title-foot h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 1199px) {
    .footer .foot-nav .title-foot h3 {
        font-size: 16px;
    }
}
.footer .foot-nav .info {
    margin-top: 20px;
}
@media (max-width: 991px) {
    .footer .foot-nav .info {
        margin-top: 0;
    }
}
.footer .foot-nav .info a {
    font-size: 16px;
    line-height: 2.25;

    display: block;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: capitalize;

    color: rgba(255, 255, 255, .88);
}
@media (max-width: 1199px) {
    .footer .foot-nav .info a {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .footer .foot-nav .info a {
        display: inline-block;

        margin-right: 20px;

        vertical-align: top;
    }
}
.footer .foot-nav .info a:hover {
    text-decoration: underline;

    color: #bae82f;
}
.footer .copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, .3);

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .footer .copyright {
        display: block;

        padding: 20px 0;
    }
}
.footer .copyright p {
    font-size: 16px;
    line-height: 30px;

    margin: 0;

    color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px) {
    .footer .copyright p {
        font-size: 14px;
        line-height: 24px;
    }
}
.footer .copyright p a {
    margin: 0 10px;
}
@media (max-width: 767px) {
    .footer .copyright p a {
        display: block;

        margin: 0;
    }
}
.footer .copyright p a:hover {
    text-decoration: underline;

    color: #fff;
}
@media (max-width: 1199px) {
    .footer .copyright .share {
        margin-top: 10px;
    }
}
.footer .copyright .share ul {
    margin: 0 -5px;
}
.footer .copyright .share ul li {
    display: inline-block;

    padding: 0 5px;

    vertical-align: middle;
}
.footer .copyright .share ul li a {
    line-height: 40px;

    position: relative;

    display: block;

    width: 40px;
    height: 40px;

    text-align: center;

    color: #fff;
    border-radius: 8px;
    background-color: #7ecc20;
}
@media (max-width: 1350px) {
    .footer .copyright .share ul li a {
        line-height: 34px;

        width: 34px;
        height: 34px;
    }
}
.footer .copyright .share ul li a .flaticon {
    font-size: 20px;

    display: block;
}
.footer .copyright .share ul li a .flaticon:before {
    line-height: 40px;

    display: block;
}
@media (max-width: 1350px) {
    .footer .copyright .share ul li a .flaticon:before {
        line-height: 34px;
    }
}
.footer .copyright .share ul li a:hover .tooltip {
    top: -35px;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.footer .copyright .share .tooltip {
    font-size: 15px;

    position: absolute;
    top: 0;
    left: 50%;

    padding: 5px 8px;

    -webkit-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: capitalize;
    pointer-events: none;

    opacity: 0;
    color: #333;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
.footer .copyright .share .tooltip::before {
    position: absolute;
    bottom: -3px;
    left: 50%;

    width: 8px;
    height: 8px;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);

    background: #fff;
}
.footer .copyright .share .facebook a:hover {
    background-color: #0055db;
}
.footer .copyright .share .facebook:hover .tooltip,
.footer .copyright .share .facebook:hover .tooltip::before {
    color: #fff;
    background: #0055db;
}
.footer .copyright .share .twitter:hover .tooltip::before {
    color: #fff;
    background: #3ea2f7;
}
.footer .copyright .share .instagram:hover a {
    background: #e75151;
}
.footer .copyright .share .instagram:hover .tooltip,
.footer .copyright .share .instagram:hover .tooltip::before {
    color: #fff;
    background: #e75151;
}
.footer .copyright .share .linkedin:hover a {
    background: #0a66c2;
}
.footer .copyright .share .linkedin:hover .tooltip,
.footer .copyright .share .linkedin:hover .tooltip::before {
    color: #fff;
    background: #0a66c2;
}
.footer .copyright .share .youtube:hover a {
    background: #b50b0b;
}
.footer .copyright .share .youtube:hover .tooltip,
.footer .copyright .share .youtube:hover .tooltip::before {
    color: #fff;
    background: #b50b0b;
}
.footer .copyright .share .twitter:hover a {
    background: #3ea2f7;
}
.footer .copyright .share .twitter:hover .tooltip,
.footer .copyright .share .twitter:hover .tooltip::before {
    color: #fff;
    background: #3ea2f7;
}
@-webkit-keyframes move_wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(.55);
        transform: translateX(-25%) translateZ(0) scaleY(.55);
    }
    100% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1);
    }
}
@keyframes move_wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(.55);
        transform: translateX(-25%) translateZ(0) scaleY(.55);
    }
    100% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1);
    }
}
@-webkit-keyframes move_wave1 {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -webkit-transform: translateX(0%) translateZ(0) scaleY(.55);
        transform: translateX(0%) translateZ(0) scaleY(.55);
    }
    100% {
        -webkit-transform: translateX(0%) translateZ(0) scaleY(1);
        transform: translateX(0%) translateZ(0) scaleY(1);
    }
}
@keyframes move_wave1 {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
        -webkit-transform: translateX(0%) translateZ(0) scaleY(.55);
        transform: translateX(0%) translateZ(0) scaleY(.55);
    }
    100% {
        -webkit-transform: translateX(0%) translateZ(0) scaleY(1);
        transform: translateX(0%) translateZ(0) scaleY(1);
    }
}
.hc-mobile-nav.nav-levels-overlap ul ul .iconimg {
    display: none;
}
.hc-mobile-nav.nav-levels-overlap ul ul b {
    font-weight: normal;
}
.fluid_pseudo_poster,
.fluid_controls_container {
    display: none;
}
.zoom:after {
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 33px;
    height: 33px;

    content: '';

    background: url(../images/icon.png);
}
.zoom img {
    display: block;
}
.zoom img::-moz-selection {
    background-color: transparent;
}
.zoom img::selection {
    background-color: transparent;
}
.section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.fix-side {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 360px;
    height: 100%;
    padding: 30px 3%;

    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .fix-side {
        display: none;
    }
}
.fix-side .logo {
    height: 90px;

    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
}
@media (max-width: 1199px) {
    .fix-side .logo {
        height: 60px;
    }
}
.fix-side .logo a {
    display: block;

    height: 100%;
}
.fix-side .logo img {
    display: inline-block;

    height: 100%;

    vertical-align: middle;
}
.fix-side .txt .whatsapp,
.fix-side .txt .email {
    position: relative;

    display: inline-block;

    padding-left: 40px;

    vertical-align: top;
}
.fix-side .txt .whatsapp:before,
.fix-side .txt .email:before {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 30px;
    height: 30px;

    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: url(../images/email.webp) no-repeat center;
    background-size: cover;
}
.fix-side .txt .whatsapp p,
.fix-side .txt .email p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;
}
.fix-side .txt .whatsapp a,
.fix-side .txt .email a {
    font-size: 20px;
    line-height: 24px;

    display: block;

    color: #2491cc;
}
.fix-side .txt .whatsapp:hover a,
.fix-side .txt .email:hover a {
    color: #bae82f;
}
.fix-side .txt .whatsapp:before {
    background-image: url(../images/whatsapp.webp);
}
.fix-side .txt .email {
    margin-top: 20px;
}
.fix-side .product-nav>ul>li {
    display: block;
}
.fix-side .product-nav>ul>li>a {
    font-size: 24px;
    line-height: 30px;

    display: block;

    padding: 15px 0;

    text-transform: uppercase;

    border-bottom: 1px solid #ddd;
}
@media (max-width: 1660px) {
    .fix-side .product-nav>ul>li>a {
        font-size: 20px;
        line-height: 24px;

        padding: 10px 0;
    }
}
.fix-side .product-nav>ul>li>ul {
    padding: 10px 0;
}
.fix-side .product-nav>ul>li>ul>li>a {
    font-size: 20px;
    line-height: 36px;

    display: block;

    color: #555;
}
@media (max-width: 1660px) {
    .fix-side .product-nav>ul>li>ul>li>a {
        font-size: 18px;
        line-height: 30px;
    }
}
.fix-side .product-nav>ul>li>ul>li.active>a,
.fix-side .product-nav>ul>li>ul>li:hover>a {
    color: #2491cc;
}
.fix-side .product-nav>ul>li.active>a,
.fix-side .product-nav>ul>li:hover>a {
    color: #2491cc;
}
.fix-side.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
@media (min-width: 1200px) {
    .fancybox-slide>* {
        width: 60%;
    }
}
h1 {
    font-size: 0;

    margin: 0;
}
.hs-inner-service {
    background: #f7f7f7;
}
.hs-inner-service .service ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-service .service .group {
    max-width: 300px;
    margin: 30px auto;

    text-align: center;
}
@media (max-width: 767px) {
    .hs-inner-service .service .group {
        margin: 14px auto;
    }
}
.hs-inner-service .service .group .icon {
    width: 60px;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .hs-inner-service .service .group .icon {
        width: 40px;
    }
}
.hs-inner-service .service .group .icon img {
    width: 100%;
}
.hs-inner-service .service .group h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
@media (max-width: 767px) {
    .hs-inner-service .service .group h3 {
        font-size: 16px;
        line-height: 24px;
    }
}
.hs-inner-service .service .group p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px) {
    .hs-inner-service .service .group p {
        font-size: 14px;
    }
}
.hs-inner-buyer .buyer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-buyer .buyer .icon-shoucang {
    display: inline-block;

    margin: 0 4px;

    vertical-align: middle;

    color: #fe9a00;
}
.hs-inner-buyer .buyer .buyer-left {
    width: 45%;
    padding-right: 5%;
}
@media (max-width: 991px) {
    .hs-inner-buyer .buyer .buyer-left {
        width: 100%;
        padding-right: 0;
    }
}
.hs-inner-buyer .buyer .buyer-left .buyer-list {
    margin-top: 20px;
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group {
    padding: 40px 0;

    border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-left .buyer-list .group {
        padding: 20px 0;
    }
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .group-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .group-top .img {
    width: 66px;
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .group-top .img img {
    width: 100%;
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .group-top .tit-group {
    width: -webkit-calc(100% - 66px);
    width: calc(100% - 66px);
    padding-left: 16px;
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .group-top .tit-group h4 {
    font-size: 18px;
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-left .buyer-list .group .group-top .tit-group h4 {
        font-size: 16px;
    }
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .desc {
    margin-top: 20px;
}
.hs-inner-buyer .buyer .buyer-left .buyer-list .group .desc p {
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 48px;
    margin: 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-left .buyer-list .group .desc p {
        font-size: 14px;
    }
}
.hs-inner-buyer .buyer .buyer-left .more {
    margin-top: 30px;
}
.hs-inner-buyer .buyer .buyer-left .more a {
    line-height: 48px;

    display: inline-block;

    padding: 0 20px;

    -webkit-transition: all .2s;
    transition: all .2s;

    color: #fff;
    background-color: #2491cc;
}
.hs-inner-buyer .buyer .buyer-left .more a:hover {
    background-color: #bae82f;
}
.hs-inner-buyer .buyer .buyer-right {
    position: relative;

    width: 55%;
    padding-left: 5%;
}
@media (max-width: 991px) {
    .hs-inner-buyer .buyer .buyer-right {
        width: 100%;
        margin-top: 30px;
    }
}
.hs-inner-buyer .buyer .buyer-right .img img {
    width: 100%;
}
.hs-inner-buyer .buyer .buyer-right .alibaba {
    position: absolute;
    z-index: 2;
    top: 5%;
    left: 0;

    max-width: 430px;
    padding: 30px;

    background: #fff;
    box-shadow: 0 9px 9px 0 rgba(31, 104, 179, .15);
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba {
        max-width: 80%;
        padding: 10px;
    }
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .alibaba-img {
    display: inline-block;

    width: 76px;
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .alibaba-img {
        width: 50px;
    }
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .alibaba-img img {
    width: 100%;
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt {
    width: -webkit-calc(100% - 76px);
    width: calc(100% - 76px);
    padding-left: 20px;
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        padding-left: 10px;
    }
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt h4 {
    font-size: 20px;
    line-height: 30px;

    margin: 0;

    color: #2491cc;
}
@media (max-width: 991px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt h4 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt h4 {
        font-size: 16px;
    }
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt p {
    font-size: 20px;
    font-weight: bold;

    color: #50ab25;
}
@media (max-width: 991px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-top .txt p {
        font-size: 16px;
    }
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-star {
    margin-top: 10px;
}
.hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-star p span {
    font-size: 20px;

    display: inline-block;

    width: 76px;

    text-align: center;
    vertical-align: middle;

    color: #fe9a00;
}
@media (max-width: 767px) {
    .hs-inner-buyer .buyer .buyer-right .alibaba .alibaba-star p span {
        font-size: 16px;

        width: 60px;
    }
}

.hs-home-product {
    background: url(../images/index_product.webp) no-repeat bottom center;
    background-size: cover;
}

.page_info {
    text-align: center;
    margin: 10px auto;
    padding: 50px 0;
    color: #999;
    clear: both
}
.page_info span {
    padding: 0 2px;
    font-weight: bold
}
.page_list {
    height: 24px;
    line-height: 24px;
    text-align: center;
    clear: both;
    letter-spacing: 0;
    font-size: 10px;
    margin: 50px auto;
    padding: 50px 0;
    clear: both;
    width: 100%
}
.page_list a {
    display: inline-block;
    color: #898989;
    border: 1px solid #e8e8e8;
    background: #f8f8f8;
    text-align: center;
    padding: 0 8px;
    margin: 0 1px
}
.page_list a:hover {
    color: #fff;
    border: 1px solid #898989;
    background: #898989
}
.page_list a.on {
    color: #333;
    border: 1px solid #ccc;
    background: #E5EDF2
}
.table_a {
    overflow-x: auto;
    width: 100%;
}
.table_a table {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%
}
.table_a table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: left;
    font-size: 14px;
    height: 40px;
    color: #555;
    line-height: 40px;
    padding: 0 0 0 5px;
}
.table_a table tr:nth-child(odd) {
    background: #f5f5f5
}
.table_a table th {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background: #2491cc;
    color: #fff;
    /*font-weight: bold;*/
    text-align: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 5px;
}
.biao2 {
    background: #f1f1f1
}
@media(max-width:767px) {
    .table_a table th {
        line-height: 20px;
        height: auto;
    }
}

.hs-header-box .header-nav>ul>li:nth-child(2),
.hs-header-box .header-nav>ul>li:nth-child(4) {
    position: relative;
}
.hs-header-box .header-nav>ul>li .xinnav {
    font-size: 16px;
    width: auto;
    min-width: 100%;
}
.hs-header-box .header-nav>ul>li .xinnav>li>a {
    line-height: 30px;
    padding: 5px 20px;
    white-space: nowrap;
    display: block;
    font-size: 18px;
    color: #666;
}
.hs-header-box .header-nav>ul>li .xinnav>li>a:hover {
    color: #55ba17;
}
.hs-inner-product-show .product-show .products-show-small-scroll .itempack-video {
    background-color: #000;
}
.hs-inner-product-show .product-show .products-show-small-scroll .itempack-video .ibox {
    opacity: .7;
}
.hs-inner-product-show .product-show .products-show-small-scroll .itempack-video:before {
    font-family: 'iconfont' !important;
    content: '\e644';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 6;
    font-size: 24px;
    color: #ffffff;
}
@media (min-width: 1200px) {
    .hs-home-video .video {
        max-width: 80%;
        margin: 0 auto;
    }
}
.hs-home-video .video:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}
.hs-home-video .video {
    position: relative;
    cursor: pointer;
}
.hs-home-video .video:after {
    font-family: 'iconfont' !important;
    content: '\ea82';
    width: 60px;
    height: 60px;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 6;
    border-radius: 50%;
    color: #3477c5;
    font-size: 20px;
}
.hs-home-video .video .ibox {
    padding-bottom: 50%;
}
.hs-home-video .video .ibox video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.video-hide:before,
.video-hide:after {
    display: none !important;
}