.ff {
    font-family: 'iconfont' !important;
}
body {
    font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;

    overflow-x: hidden;

    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
}
body::-webkit-scrollbar {
    position: absolute;
    left: 0;

    width: 4px;
}
body::-webkit-scrollbar-track {
    background-color: #fff;
}
body::-webkit-scrollbar-thumb {
    background-color: #ffd416;
}
@-ms-viewport {
    width: auto !important;
}
li,
ol,
ul {
    list-style: none;
}
a {
    color: inherit;
}
b,
strong {
    font-weight: bold;
}
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: 1350px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1470px) {
    .container {
        max-width: 1400px;
    }
    .con1300 {
        max-width: 1330px;
    }
}
@media (min-width: 1560px) {
    .container {
        max-width: 1530px;
    }
    .con1400 {
        max-width: 1440px;
    }
}
@media (min-width: 1350px) {
    .con1200 {
        max-width: 1110px;
    }
}
@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,
.ibox video {
    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;
}
.swiper-button-next,
.swiper-button-prev {
    line-height: 50px;

    position: relative;
    z-index: 8;
    top: 0;
    left: 0;

    display: inline-block;

    width: 50px;
    height: 50px;
    margin: 0;

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

    color: #006738;
    border-radius: 50%;
    background: rgba(18, 51, 43, .08);
}
@media (max-width: 1199px) {
    .swiper-button-next,
    .swiper-button-prev {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.swiper-button-next:before,
.swiper-button-prev:before {
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\e6ab';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.swiper-button-next.swiper-button-next,
.swiper-button-prev.swiper-button-next {
    right: 0;

    margin-left: 6px;
}
.swiper-button-next.swiper-button-next:before,
.swiper-button-prev.swiper-button-next:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #fff;
    background-color: #006738;
}
.button-white .swiper-button-prev,
.button-white .swiper-button-next {
    color: #222;
    background-color: #fff;
}
.button-white .swiper-button-prev:hover,
.button-white .swiper-button-next:hover {
    color: #fff;
    background-color: #006738;
}
.swiper-poa .swiper-button-prev,
.swiper-poa .swiper-button-next {
    position: absolute;
    z-index: 8;
    top: 50%;

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

    border: none;
}
.swiper-poa .swiper-button-prev:after,
.swiper-poa .swiper-button-next:after {
    display: none;
}
.swiper-poa .swiper-button-prev {
    left: -8%;
}
.swiper-poa .swiper-button-next {
    right: -8%;
    left: auto;

    margin-left: 0;
}
.slick-list {
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .slick-list {
        margin: 0 -5px;
    }
}
.slick-list .slick-slide {
    padding: 0 15px;
}
@media (max-width: 767px) {
    .slick-list .slick-slide {
        padding: 0 5px;
    }
}
.dipi-down {
    -webkit-animation: dipi-down-effect 10s linear infinite;
    animation: dipi-down-effect 10s linear infinite;
}
@-webkit-keyframes dipi-down-effect {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    75% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes dipi-down-effect {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    75% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes dipi-updown-effect {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
}
@keyframes dipi-updown-effect {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
}
@keyframes dipi-leftright-effect {
    0% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
}
@-webkit-keyframes dipi-leftright-effect {
    0% {
        -webkit-transform: translate3d(10px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-10px, 0, 0);
    }
}
@keyframes dipi-topleftright-effect {
    0% {
        -webkit-transform: translate3d(-10px, -10px, 0) scale3d(.95, .95, 1) rotateX(0deg);
        transform: translate3d(-10px, -10px, 0) scale3d(.95, .95, 1) rotateX(0deg);
    }
    to {
        -webkit-transform: translate3d(10px, 10px, 0) scaleX(1) rotate3d(0, 0, 0, 0deg);
        transform: translate3d(10px, 10px, 0) scaleX(1) rotate3d(0, 0, 0, 0deg);
    }
}
@-webkit-keyframes dipi-topleftright-effect {
    0% {
        -webkit-transform: translate3d(-10px, -10px, 0) scale3d(.95, .95, 1) rotateX(0deg);
    }
    to {
        -webkit-transform: translate3d(10px, 10px, 0) scaleX(1) rotate3d(0, 0, 0, 0deg);
    }
}
@keyframes dipi-toprightleft-effect {
    0% {
        -webkit-transform: translate3d(10px, 0, 0) scale3d(.95, .95, 1);
        transform: translate3d(10px, 0, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(-10px, 10px, 0) scaleX(1);
        transform: translate3d(-10px, 10px, 0) scaleX(1);
    }
}
@-webkit-keyframes dipi-toprightleft-effect {
    0% {
        -webkit-transform: translate3d(10px, 0, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(-10px, 10px, 0) scaleX(1);
    }
}
@keyframes dipi-rotate-effect {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-webkit-keyframes dipi-rotate-effect {
    0% {
        -webkit-transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-5deg);
    }
}
@keyframes dipi-zoom-effect {
    0% {
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes dipi-zoom-effect {
    0% {
        -webkit-transform: scale3d(.9, .9, 1);
    }
    to {
        -webkit-transform: scaleX(1);
    }
}
@keyframes dipi-zoomrotate-effect {
    0% {
        -webkit-transform: translate3d(0, 5px, 0) scale3d(.95, .95, 1) rotate(5deg);
        transform: translate3d(0, 5px, 0) scale3d(.95, .95, 1) rotate(5deg);
    }
    to {
        -webkit-transform: translate3d(0, -5px, 0) scaleX(1) rotate(-5deg);
        transform: translate3d(0, -5px, 0) scaleX(1) rotate(-5deg);
    }
}
@-webkit-keyframes dipi-zoomrotate-effect {
    0% {
        -webkit-transform: translate3d(0, 5px, 0) scale3d(.95, .95, 1) rotate(5deg);
    }
    to {
        -webkit-transform: translate3d(0, -5px, 0) scaleX(1) rotate(-5deg);
    }
}
@keyframes dipi-zoomtop-effect {
    0% {
        -webkit-transform: translate3d(0, 10px, 0) scale3d(.95, .95, 1);
        transform: translate3d(0, 10px, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(0, -10px, 0) scaleX(1);
        transform: translate3d(0, -10px, 0) scaleX(1);
    }
}
@-webkit-keyframes dipi-zoomtop-effect {
    0% {
        -webkit-transform: translate3d(0, 10px, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(0, -10px, 0) scaleX(1);
    }
}
@keyframes dipi-zoombottom-effect {
    0% {
        -webkit-transform: translate3d(0, -10px, 0) scale3d(.95, .95, 1);
        transform: translate3d(0, -10px, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(0, 10px, 0) scaleX(1);
        transform: translate3d(0, 10px, 0) scaleX(1);
    }
}
@-webkit-keyframes dipi-zoombottom-effect {
    0% {
        -webkit-transform: translate3d(0, -10px, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(0, 10px, 0) scaleX(1);
    }
}
@keyframes dipi-zoomleft-effect {
    0% {
        -webkit-transform: translate3d(10px, 0, 0) scale3d(.95, .95, 1);
        transform: translate3d(10px, 0, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(1);
        transform: translate3d(-10px, 0, 0) scaleX(1);
    }
}
@-webkit-keyframes dipi-zoomleft-effect {
    0% {
        -webkit-transform: translate3d(10px, 0, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(1);
    }
}
@keyframes dipi-zoomright-effect {
    0% {
        -webkit-transform: translate3d(-10px, 0, 0) scale3d(.95, .95, 1);
        transform: translate3d(-10px, 0, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(1);
        transform: translate3d(10px, 0, 0) scaleX(1);
    }
}
@-webkit-keyframes dipi-zoomright-effect {
    0% {
        -webkit-transform: translate3d(-10px, 0, 0) scale3d(.95, .95, 1);
    }
    to {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(1);
    }
}
.mt-30 {
    margin-top: 30px;
}
.hs-header-box {
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top: 0;

    width: 100%;

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

    background-color: #fff;
}
.hs-header-box .header-top {
    padding: 0 5%;

    color: #fff;
    background-color: #06474c;
}
@media (max-width: 767px) {
    .hs-header-box .header-top .txt {
        display: none;
    }
}
.hs-header-box .header-top .txt {
    flex-shrink: 0;
}
.hs-header-box .header-top .txt p {
    line-height: 40px;

    margin: 0;
}
@media (max-width: 1199px) {
    .hs-header-box .header-top .txt p {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .hs-header-box .header-top .language {
        width: 100%;
    }
}
.hs-header-box .header-top .language ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -20px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .hs-header-box .header-top .language ul {
        margin: 0 -10px;

        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.hs-header-box .header-top .language ul li a {
    font-weight: bold;
    line-height: 40px;

    display: block;

    padding: 0 20px;
}
@media (max-width: 1199px) {
    .hs-header-box .header-top .language ul li a {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .hs-header-box .header-top .language ul li a {
        padding: 0 10px;
    }
}
.hs-header-box .header {
    padding: 0 5%;
}
.hs-header-box .logo {
    display: block;
}
.hs-header-box .logo a {
    display: block;

    height: 66px;

    -webkit-transition: all .4s;
    transition: all .4s;
}
@media (max-width: 1400px) {}
@media (max-width: 1199px) {
    .hs-header-box .logo a {
        height: 60px;
        padding: 10px 0;
    }
}
@media (max-width: 767px) {
    .hs-header-box .logo .logo-white {
        display: none;
    }
}
.hs-header-box .logo .logo-color {
    display: none;
}
@media (max-width: 767px) {
    .hs-header-box .logo .logo-color {
        display: block;
    }
}
.hs-header-box .logo img {
    width: auto;
    height: 100%;

    -webkit-transition: all .4s;
    transition: all .4s;
}
.hs-header-box .header-right {
    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-header-box .pc-search {
    margin-left: 30px;
}
@media (max-width: 1400px) {
    .hs-header-box .pc-search {
        margin-left: 10px;
    }
}
.hs-header-box .pc-search .search-button {
    line-height: 40px;

    cursor: pointer;
}
@media (max-width: 1199px) {
    .hs-header-box .pc-search .search-button {
        line-height: 30px;
    }
}
.hs-header-box .pc-search .search-button img {
    width: 30px;
    margin-top: -4px;

    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
    .hs-header-box .pc-search .search-button img {
        -webkit-filter: brightness(1) invert(0);
        filter: brightness(1) invert(0);
    }
}
.hs-header-box .pc-search form {
    position: absolute;
    z-index: 2;
    top: 100%;
    right: 0;

    display: block;
    display: none;
    overflow: hidden;

    width: 100%;
    height: 90px;
    padding: 25px 5% 25px 5%;

    background-color: #006738;
}
@media (max-width: 1199px) {
    .hs-header-box .pc-search form {
        top: 30px;

        height: 80px;
        padding: 15px 30px 15px 15px;
    }
}
.hs-header-box .pc-search input {
    font-size: 16px;
    line-height: 30px;

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

    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    outline: none;
    background: none;
}
.hs-header-box .pc-search input::-webkit-input-placeholder,
.hs-header-box .pc-search textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.hs-header-box .pc-search input:-o-placeholder,
.hs-header-box .pc-search textarea:-o-placeholder {
    color: rgba(255, 255, 255, .5);
}
.hs-header-box .pc-search input::-moz-placeholder,
.hs-header-box .pc-search textarea::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
}
.hs-header-box .pc-search input:-ms-input-placeholder,
.hs-header-box .pc-search textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
}
.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 {
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;

    position: absolute;
    top: 10px;
    right: 3%;

    cursor: pointer;

    color: #fff;
}
@media (max-width: 1199px) {
    .hs-header-box .pc-search .close-search {
        right: 10px;
    }
}
.hs-header-box .pc-search .submit {
    font-size: 18px;
    line-height: 50px;

    position: absolute;
    top: 10px;
    right: 5%;

    width: 30px;
    padding: 0;

    text-align: center;

    color: #fff;
    outline: none;
    background: none;
    box-shadow: none;
}
@media (max-width: 1199px) {
    .hs-header-box .pc-search .submit {
        right: 50px;
    }
}
.hs-header-box .pc-search .submit img {
    width: 30px;

    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.hs-header-box .get {
    margin-left: 24px;
}
@media (max-width: 1400px) {
    .hs-header-box .get {
        margin-left: 10px;
    }
}
.hs-header-box .get a {
    font-weight: bold;
    line-height: 26px;

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

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 24px;

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

    color: #000;
    background-color: #006738;
}
@media (max-width: 1470px) {
    .hs-header-box .get a {
        line-height: 22px;

        padding: 10px;
    }
}
.hs-header-box .get a img {
    width: 16px;
    margin-right: 10px;

    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
}
@media (max-width: 767px) {
    .hs-header-box .get a img {
        display: none;
    }
}
.hs-header-box .get a:hover {
    background-color: #003a1e;
}
.hs-header-box .tel {
    margin-left: 24px;
}
@media (max-width: 1400px) {
    .hs-header-box .tel {
        margin-left: 10px;
    }
}
@media (max-width: 767px) {
    .hs-header-box .tel {
        display: none;
    }
}
.hs-header-box .tel p {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;
}
@media (max-width: 1470px) {
    .hs-header-box .tel p {
        font-size: 20px;
    }
}
@media (max-width: 1400px) {
    .hs-header-box .tel p {
        font-size: 18px;
    }
}
.hs-header-box .tel p a:hover {
    text-decoration: underline;
}
@media (max-width: 1199px) {
    .hs-header-box .header-nav {
        display: none;
    }
}
.hs-header-box .header-nav>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -1.5vw;

    color: #003a1e;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1400px) {
    .hs-header-box .header-nav>ul {
        margin: 0 -1vw;
    }
}
.hs-header-box .header-nav>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 0 1vw;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hs-header-box .header-nav>ul>li:last-child a {
    height: 50px;
    padding: 0 30px;

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

    color: #fff;
    border-radius: 5px;
    background-color: #006738;
}
.hs-header-box .header-nav>ul>li:last-child a:after {
    display: none;
}
.hs-header-box .header-nav>ul>li:last-child a:hover {
    background-color: #003a1e;
}
.hs-header-box .header-nav>ul>li>a {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;

    position: relative;

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

    height: 100px;

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

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hs-header-box .header-nav>ul>li>a:after {
    position: absolute;
    bottom: 20px;
    left: 50%;

    display: block;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background-color: #ffd416;
}
.hs-header-box .header-nav>ul>li:hover>a:after,
.hs-header-box .header-nav>ul>li.active>a:after {
    width: 100%;
}
.hs-header-box .pc-nav-down {
    font-size: 0;

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

    display: none;

    width: 90%;
    min-width: 100%;
    padding: 30px;

    color: #333;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 13px 0 rgba(0, 0, 0, .24);
}
.hs-header-box .pc-nav-down>li {
    font-size: 16px;

    display: inline-block;

    width: 75%;
    padding: 0 15px;

    vertical-align: top;
}
.hs-header-box .pc-nav-down>li:nth-child(1) {
    width: 25%;

    border-right: 1px solid #dcdcdc;
}
.hs-header-box .pc-nav-down>li:nth-child(1) .pc-nav-down2>li {
    width: 100%;
}
.hs-header-box .pc-nav-down h3 {
    font-size: 14px;

    padding: 0 15px;

    color: #478393;
}
.hs-header-box .pc-nav-down2 {
    font-size: 0;
}
.hs-header-box .pc-nav-down2>li {
    font-size: 14px;

    display: inline-block;

    width: 33.33333333%;
    padding: 0 15px;

    vertical-align: top;
}
.hs-header-box .pc-nav-down2>li>a {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

    display: block;

    padding: 10px 0;

    color: #003a1e;
    border-bottom: 1px solid #dcdcdc;
}
.hs-header-box .pc-nav-down3 {
    padding: 20px 0;
}
.hs-header-box .pc-nav-down3>li>a {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    display: block;

    padding: 10px 0;

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

    color: #006738;
}
.hs-header-box .pc-nav-down3>li:hover>a {
    color: #1a9543;
}
.hs-header-box .xs-phone {
    display: none;
}
@media (max-width: 1199px) {
    .hs-header-box .xs-phone {
        display: block;
    }
}
.hs-header-box .toggle-navigation {
    position: relative;
    right: 0;

    display: none;

    width: 36px;
    height: 36px;
    margin-left: 16px;
    margin-left: 10px;

    border-radius: 50%;
    background-color: #006738;
}
@media (max-width: 1199px) {
    .hs-header-box .toggle-navigation {
        display: inline-block;

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

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

    width: 70%;
    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-navigation a:before,
.hs-header-box .toggle-navigation a:after {
    display: block;

    height: 2px;

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

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

    height: 2px;
    margin: 4px 0;

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

    background: #fff;
}
.hs-header-box.stuck-header {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@-webkit-keyframes scroll-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes scroll-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.hc-mobile-nav .nav-wrapper {
    text-transform: uppercase;

    color: #333;
    background-color: brightness(.9, var(--color));
}
.hc-mobile-nav .nav-wrapper .nav-more {
    display: none;
}
.hc-mobile-nav .nav-wrapper .flaticon {
    display: none;
}
.hc-mobile-nav .nav-cate1>li>a .flaticon {
    display: block;
}
.hc-mobile-nav a {
    color: #666;
}
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {
    border-color: rgba(153, 153, 153, .2);
}
.hc-mobile-nav li.nav-back a {
    border-color: rgba(153, 153, 153, .2);
    background-color: rgba(153, 153, 153, .2);
}
.hc-mobile-nav .nav-container,
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper {
    width: 100%;

    background: #eef4fc;
    background-size: cover;
}
.hc-mobile-nav a[href]:not([href='#'])>span.nav-next {
    border-color: rgba(153, 153, 153, .2);
}
.hc-mobile-nav a {
    border-bottom-color: rgba(153, 153, 153, .2);
}
.hc-mobile-nav h2 {
    color: #666;
}
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover {
    background-color: rgba(153, 153, 153, .2);
}
.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: rgba(153, 153, 153, .2);
}
.hc-mobile-nav a[href]:not([href='#'])>span.nav-next {
    border-color: rgba(153, 153, 153, .2);
}
.hc-mobile-nav ul.nav-list2 {
    text-indent: 10px !important;
}
.hc-mobile-nav ul.nav-list3 {
    text-indent: 20px !important;
}
.hc-mobile-nav .title-nav {
    display: none;
}
.hc-mobile-nav img {
    display: inline-block;

    width: 30px;

    vertical-align: middle;

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.hc-mobile-nav li.nav-close a {
    background-color: rgba(153, 153, 153, .2);
}
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after {
    background: 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);
    }
}
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after,
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before {
    border-color: #999;
}
.customer-service {
    position: fixed;
    z-index: 9;
    top: 50%;
    right: 0;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 1199px) {
    .customer-service {
        display: none;
    }
}
.customer-service ul li {
    margin: 2px 0;
}
.customer-service a {
    position: relative;

    display: block;

    color: #fff;
    border-radius: 6px;
}
.customer-service a .flaticon {
    font-size: 20px;
    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: rgba(0, 0, 0, .6);
}
.customer-service a .flaticon img {
    width: 30px;
    margin: 0 auto;

    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.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: #003a1e;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.customer-service a p img {
    width: 120px;
}
.customer-service a:hover .flaticon {
    color: #fff;
    background-color: #006738;
}
.customer-service a:hover p {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.customer-service .service-wechat p {
    background-color: #006738;
}
.customer-service .service-top .flaticon {
    font-size: 30px;
}
.customer-service .service-top .flaticon:before {
    display: block;

    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.xs-customer-service {
    position: fixed;
    z-index: 9;
    bottom: 0;

    width: 100%;

    text-align: center;

    color: #fff;
    background-color: #006738;
}
.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 .flaticon {
    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;
}
.banner-box:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 58, 30, .5);
}
.banner-box video {
    width: 100%;
    /* height: -webkit-calc(100vh - 120px);
    height: calc(100vh - 120px); */
    height: 900px;
    object-fit: cover;
}
@media (max-width: 1199px) {
    .banner-box video {
        height: 600px;
    }
}
.banner-box .banner-text {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 50%;

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

    width: 90%;
    max-width: 620px;
    height: 100%;
    padding: 30px 5%;

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

    color: #fff;
    background: url(../images/bg-lighter-1.png) no-repeat top center;
    background-size: cover;

    -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;
}
@media (max-width: 1199px) {
    .banner-box .banner-text {
        max-width: 500px;
    }
}
@media (max-width: 767px) {
    .banner-box .banner-text {
        top: 50%;
        left: 0;

        width: 100%;
        max-width: 100%;
        height: auto;

        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.banner-box .banner-text span {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;

    letter-spacing: 6px;

    color: #ffd416;
}
@media (max-width: 767px) {
    .banner-box .banner-text span {
        font-size: 14px;
    }
}
.banner-box .banner-text h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.33333333;

    margin: 10px 0;
}
@media (max-width: 1199px) {
    .banner-box .banner-text h2 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .banner-box .banner-text h2 {
        font-size: 20px;
    }
}
.banner-box .banner-text h3 {
    font-size: 18px;
    line-height: 1.66666667;
}
@media (max-width: 991px) {
    .banner-box .banner-text h3 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .banner-box .banner-text h3 {
        font-size: 14px;
    }
}
.banner-box .banner-text .ban-more {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .banner-box .banner-text .ban-more {
        margin-top: 20px;
    }
}
.banner-box .banner-text .ban-more a {
    font-size: 16px;
    line-height: 30px;

    display: inline-block;

    padding: 10px 40px;

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

    color: #fff;
    border-radius: 5px;
    background-color: #006738;
}
@media (max-width: 767px) {
    .banner-box .banner-text .ban-more a {
        font-size: 14px;
        line-height: 24px;

        padding: 10px 20px;
    }
}
.banner-box .banner-text .ban-more a:hover {
    background-color: #003a1e;
}
@-webkit-keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
.banner-inner {
    position: relative;

    overflow: hidden;
}
.banner-inner img {
    width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .banner-inner img {
        width: 200%;
        margin-left: -50%;
    }
}
.banner-inner .banner-group {
    position: relative;
}
.banner-inner .group-text {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 0;

    width: 100%;

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

    color: #fff;
}
.banner-inner .group-text p {
    font-size: 18px;
    line-height: 1.66666667;

    margin: 0;
}
@media (max-width: 767px) {
    .banner-inner .group-text p {
        font-size: 16px;
    }
}
.banner-inner .cloud1 {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;

    -webkit-animation: cloud1 60s linear infinite;
    animation: cloud1 60s linear infinite;
}
.banner-inner .cloud2 {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 30%;

    -webkit-animation: cloud2 80s linear infinite;
    animation: cloud2 80s linear infinite;
}
.banner-inner .cloud3 {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;

    -webkit-animation: cloud3 50s linear infinite;
    animation: cloud3 50s linear infinite;
}
.banner-inner-solutions {
    font-size: 0;

    position: relative;

    overflow: hidden;
}
.banner-inner-solutions:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(18, 51, 43, .54);
}
.banner-inner-solutions:after {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: url(../images/banner_bg.png) repeat center;
}
.banner-inner-solutions video {
    width: 100%;
    height: 450px;

    object-fit: cover;
}
@media (max-width: 1199px) {
    .banner-inner-solutions video {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .banner-inner-solutions video {
        height: 250px;
    }
}
.banner-inner-solutions .group-text span {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;

    letter-spacing: 6px;

    color: #ffd416;
}
@media (max-width: 767px) {
    .banner-inner-solutions .group-text span {
        font-size: 14px;
    }
}
.banner-inner-solutions .group-text h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.33333333;

    margin: 10px 0;
}
@media (max-width: 1199px) {
    .banner-inner-solutions .group-text h2 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .banner-inner-solutions .group-text h2 {
        font-size: 20px;
    }
}
.banner-inner-solutions .group-text h3 {
    font-size: 18px;
    line-height: 1.66666667;
}
@media (max-width: 991px) {
    .banner-inner-solutions .group-text h3 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .banner-inner-solutions .group-text h3 {
        font-size: 14px;
    }
}
.banner-inner-solutions .mouse {
    position: absolute;
    z-index: 6;
    bottom: 3%;
    left: 50%;

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

    color: #fff;
}
.banner-inner-solutions .mouse a {
    font-size: 40px;

    display: block;
}
.banner-inner-solutions .mouse a .iconfont {
    font-size: inherit;
}
@-webkit-keyframes cloud1 {
    0% {
        -webkit-transform: translate3d(-30%, -40%, 0);
        transform: translate3d(-30%, -40%, 0);
    }
    50% {
        -webkit-transform: translate3d(50%, -40%, 0);
        transform: translate3d(50%, -40%, 0);
    }
    100% {
        -webkit-transform: translate3d(-30%, -40%, 0);
        transform: translate3d(-30%, -40%, 0);
    }
}
@keyframes cloud1 {
    0% {
        -webkit-transform: translate3d(-30%, -40%, 0);
        transform: translate3d(-30%, -40%, 0);
    }
    50% {
        -webkit-transform: translate3d(50%, -40%, 0);
        transform: translate3d(50%, -40%, 0);
    }
    100% {
        -webkit-transform: translate3d(-30%, -40%, 0);
        transform: translate3d(-30%, -40%, 0);
    }
}
@-webkit-keyframes cloud2 {
    0% {
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
    50% {
        -webkit-transform: translate3d(80%, -40%, 0);
        transform: translate3d(80%, -40%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}
@keyframes cloud2 {
    0% {
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
    50% {
        -webkit-transform: translate3d(80%, -40%, 0);
        transform: translate3d(80%, -40%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}
@-webkit-keyframes cloud3 {
    0% {
        -webkit-transform: translate3d(50%, -50%, 0);
        transform: translate3d(50%, -50%, 0);
    }
    50% {
        -webkit-transform: translate3d(-60%, -50%, 0);
        transform: translate3d(-60%, -50%, 0);
    }
    100% {
        -webkit-transform: translate3d(50%, -50%, 0);
        transform: translate3d(50%, -50%, 0);
    }
}
@keyframes cloud3 {
    0% {
        -webkit-transform: translate3d(50%, -50%, 0);
        transform: translate3d(50%, -50%, 0);
    }
    50% {
        -webkit-transform: translate3d(-60%, -50%, 0);
        transform: translate3d(-60%, -50%, 0);
    }
    100% {
        -webkit-transform: translate3d(50%, -50%, 0);
        transform: translate3d(50%, -50%, 0);
    }
}
.banner-scroll {
    overflow: hidden;

    max-height: 70px;

    background-color: #12332b;
}
@media (max-width: 1199px) {
    .banner-scroll {
        max-height: 54px;
    }
}
.banner-scroll .slide-banner-scroll .scroll-group {
    font-size: 18px;
    line-height: 30px;

    padding: 20px;

    text-align: center;
    white-space: nowrap;
    color: #1a9543;
}
@media (max-width: 1560px) {
    .banner-scroll .slide-banner-scroll .scroll-group {
        padding: 20px 10px;
        font-size: 16px;
    }
}
@media (max-width: 1199px) {
    .banner-scroll .slide-banner-scroll .scroll-group {
        font-size: 16px;
        line-height: 24px;

        padding: 15px;
    }
}
.banner-scroll .slide-banner-scroll .slick-slide:nth-child(7n+2) .scroll-group {
    color: #3b917c;
}
.banner-scroll .slide-banner-scroll .slick-slide:nth-child(7n+3) .scroll-group {
    color: #478393;
}
.banner-scroll .slide-banner-scroll .slick-slide:nth-child(7n+4) .scroll-group {
    color: #006738;
}
.banner-scroll .slide-banner-scroll .slick-slide:nth-child(7n+5) .scroll-group {
    color: #157f6c;
}
.banner-scroll .slide-banner-scroll .slick-slide:nth-child(7n+6) .scroll-group {
    color: #478393;
}
.banner-scroll .slide-banner-scroll .slick-slide:nth-child(7n+7) .scroll-group {
    color: #157f6c;
}
.ad-logo {
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(255, 255, 255, .9);
}
.ad-logo img {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.hs-pad {
    overflow: hidden;

    padding: 100px 0;
}
@media (max-width: 1560px) {
    .hs-pad {
        padding: 80px 0;
    }
}
@media (max-width: 1199px) {
    .hs-pad {
        padding: 60px 0;
    }
}
@media (max-width: 767px) {
    .hs-pad {
        padding: 40px 0;
    }
}
.hs-more a {
    font-size: 16px;
    line-height: 30px;

    display: inline-block;

    padding: 10px 40px;

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

    color: #fff;
    border-radius: 5px;
    background-color: #006738;
}
@media (max-width: 767px) {
    .hs-more a {
        font-size: 14px;
        line-height: 24px;

        padding: 10px 20px;
    }
}
.hs-more a .iconfont {
    font-size: 20px;

    display: inline-block;

    margin-left: 8px;

    vertical-align: middle;
}
.hs-more a:hover {
    background-color: #003a1e;
}
.title-home h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.66666667;

    color: #478393;
}
.title-home h2 {
    font-size: 40px;
    font-weight: light;
    line-height: 1.11111111;
}
@media (max-width: 991px) {
    .title-home h2 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .title-home h2 {
        font-size: 26px;
    }
}
.title-home h2 span {
    display: inline-block;

    color: transparent;
    background: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
    background: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}
.title-home h4 {
    font-size: 20px;
    line-height: 1.11111111;

    margin-top: 10px;
}
@media (max-width: 991px) {
    .title-home h4 {
        font-size: 18px;
    }
}
.title-home h4 span {
    display: inline-block;

    color: transparent;
    background: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
    background: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}
.title-home p {
    font-size: 18px;
    line-height: 1.55555556;

    margin: 10px 0 0 0;
}
@media (max-width: 991px) {
    .title-home p {
        font-size: 16px;
    }
}
.title-home.fz-24 h2 {
    font-size: 24px;
}
@media (max-width: 991px) {
    .title-home.fz-24 h2 {
        font-size: 20px;
    }
}
.hs-public-top {
    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;
}
@media (max-width: 991px) {
    .hs-public-top {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.public-note p {
    line-height: 30px;

    margin: 0;

    color: #333;
}
@media (max-width: 1199px) {
    .public-note p {
        line-height: 24px;
    }
}
@media (max-width: 767px) {
    .public-note p {
        font-size: 14px;
    }
}
.public-note p strong {
    color: #000;
}
.public-note h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.875;
}
.public-note img {
    max-width: 100%;
    height: auto !important;
}
.hs-pad-advertise {
    position: relative;

    padding: 30px 0;

    background: url(../images/topography-1.webp) no-repeat center #12332b;
    background-size: cover;
}
@media (min-width: 1200px) {
    .hs-pad-advertise {
        background-attachment: fixed;
    }
}
.hs-pad-advertise:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-image: -webkit-linear-gradient(290deg, rgba(1, 63, 39, .74) 0%, rgba(0, 49, 58, .74) 99%);
    background-image: linear-gradient(160deg, rgba(1, 63, 39, .74) 0%, rgba(0, 49, 58, .74) 99%);
}
.hs-pad-advertise .advertise {
    position: relative;
    z-index: 8;

    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-pad-advertise .advertise .title-advertise {
    width: 30%;
}
.hs-pad-advertise .advertise .title-advertise h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;

    margin: 0;

    color: #006738;
}
@media (max-width: 991px) {
    .hs-pad-advertise .advertise .title-advertise h2 {
        font-size: 20px;
    }
}
.hs-pad-advertise .advertise .public-note {
    width: 70%;
    padding-left: 3%;
}
.hs-pad-advertise .advertise .public-note p {
    color: #fff;
}
.hs-home-solutions-wrapper {
    position: relative;
}
.hs-home-solutions {
    width: 100%;
    height: -webkit-calc(100vh - 0px);
    height: calc(100vh - 0px);
    position: relative;
}
@media (max-width: 1199px) {
    .hs-home-solutions {
        height: auto;
        padding-top: 30px !important;
    }
}
.hs-home-solutions .swiper-solutions,
.hs-home-solutions .swiper-slide {
    height: -webkit-calc(100vh - 0px);
    height: calc(100vh - 0px);
}
@media (max-width: 1199px) {
    .hs-home-solutions .swiper-solutions,
    .hs-home-solutions .swiper-slide {
        height: auto;
    }
}
@media (max-width: 1199px) {
    .hs-home-solutions .swiper-wrapper {
        flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
}
@media (max-width: 1199px) {
    .hs-home-solutions .swiper-slide {
        margin: 10px 0;
    }
}
.hs-home-solutions .solutions-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    height: -webkit-calc(100vh - 0px);
    height: calc(100vh - 0px);

    -webkit-transition: all 1s;
    transition: all 1s;

    background-size: cover;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .hs-home-solutions .solutions-group {
        position: relative;

        overflow: hidden;

        height: auto;
        height: 300px;

        border-radius: 30px;
    }
}
@media (max-width: 767px) {
    .hs-home-solutions .solutions-group {
        height: 350px;

        border-radius: 10px;
    }
}
.hs-home-solutions .solutions-group .img {
    position: relative;

    overflow: hidden;

    width: 50%;
}
@media (max-width: 1199px) {
    .hs-home-solutions .solutions-group .img {
        width: 100%;
    }
}
.hs-home-solutions .solutions-group .img img {
    width: 100%;
}
.hs-home-solutions .solutions-group .img .imgpic {
    position: absolute;

    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-home-solutions .solutions-group .img .imgpic img {
    opacity: 0;
}
.hs-home-solutions .solutions-group .img .img1-1 {
    z-index: 11;
    top: 144.21px;
    left: 28.3567px;

    display: block;
    visibility: visible;

    width: 281px;
    height: 280px;

    -webkit-transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-1 {
        top: 15%;
        left: -4.9%;

        width: 29.1%;
        height: 29.1%;
    }
}
.hs-home-solutions .solutions-group .img .img1-1 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, -400px, 0) rotate(-120deg);
    transform: translate3d(0px, -400px, 0) rotate(-120deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img1-2 {
    z-index: 14;
    top: 0;
    left: 338.06px;

    display: block;
    visibility: visible;

    width: 202px;
    height: 269px;

    -webkit-transform: perspective(600px) rotate(-27deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-27deg) rotateY(0deg) rotateX(0deg);
    pointer-events: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-2 {
        top: 0;
        left: 35.208%;

        width: 21.0416%;
        height: 28%;
    }
}
.hs-home-solutions .solutions-group .img .img1-2 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, -300px, 0) rotate(-270deg);
    transform: translate3d(0px, -300px, 0) rotate(-270deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img1-3 {
    z-index: 16;
    top: 134.09px;
    left: 478.557px;

    display: block;

    width: 314px;
    height: 285px;

    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-3 {
        top: 13.9677%;
        left: 49.849%;

        width: 32.708%;
        height: 29.6875%;
    }
}
.hs-home-solutions .solutions-group .img .img1-3 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
.hs-home-solutions .solutions-group .img .img1-4 {
    position: absolute;
    z-index: 12;
    top: 205.773px;
    left: 345.45px;

    display: block;
    visibility: visible;

    width: 85px;
    height: 232px;

    -webkit-transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-4 {
        top: 23.43%;
        left: 29.984%;

        width: 8.854%;
        height: 24.167%;
    }
}
.hs-home-solutions .solutions-group .img .img1-4 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, -300px, 0) rotate(-180deg);
    transform: translate3d(0px, -300px, 0) rotate(-180deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img1-5 {
    z-index: 6;
    top: 528.38px;
    left: 20.7667px;

    display: block;
    visibility: visible;

    width: 441px;
    height: 441px;

    -webkit-transform: perspective(600px) rotate(90deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(90deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-5 {
        top: 55.03958%;
        left: -6.163%;

        width: 45.9375%;
        height: 45.9375%;
    }
}
.hs-home-solutions .solutions-group .img .img1-5 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-300px, 0px, 0);
    transform: translate3d(-300px, 0px, 0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img1-6 {
    z-index: 8;
    top: 388.993px;
    left: 361.473px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 358px;
    height: 261px;

    -webkit-transform: perspective(600px) rotate(130deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(130deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-6 {
        top: 40.52%;
        left: 37.65%;

        width: 37.291%;
        height: 27.1875%;
    }
}
.hs-home-solutions .solutions-group .img .img1-6 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-710px, 0px, 0);
    transform: translate3d(-710px, 0px, 0);
}
.hs-home-solutions .solutions-group .img .img1-7 {
    position: absolute;
    z-index: 7;
    top: 404.3px;
    left: 650.737px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 509px;
    height: 507px;
    padding: 0;

    pointer-events: auto;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-7 {
        top: 42.11458%;
        left: 67.785%;

        width: 53.02%;
        height: 53.02%;
    }
}
.hs-home-solutions .solutions-group .img .img1-7 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-1000px, 0, 0px);
    transform: translate3d(-1000px, 0, 0px);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img1-8 {
    z-index: 9;
    top: 44.3533px;
    left: 610.257px;

    display: block;
    visibility: visible;

    width: 252px;
    height: 252px;

    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: auto;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-8 {
        top: 4.6%;
        left: 63.568%;

        width: 26.25%;
        height: 26.25%;
    }
}
.hs-home-solutions .solutions-group .img .img1-8 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
.hs-home-solutions .solutions-group .img .img1-9 {
    z-index: 15;
    top: 16.35%;
    left: 80.6%;

    display: block;
    visibility: visible;

    width: 253px;
    height: 247px;
    padding: 0;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-9 {
        top: 16.35%;
        left: 80.6%;

        width: 26.354%;
        height: 26%;
    }
}
.hs-home-solutions .solutions-group .img .img1-9 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(0px, 0px);
    -webkit-transform: scale(.8);
    -ms-transform: translate(0px, 0px);
    -ms-transform: scale(.8);
    transform: translate(0px, 0px);
    transform: scale(.8);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img1-10 {
    z-index: 5;
    top: 669.263px;
    left: 446.65px;

    display: block;

    width: 252px;
    height: 252px;
    padding: 0;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-10 {
        top: auto;
        bottom: -10%;
        left: 46.526%;

        width: 26.25%;
        height: 26.25%;
    }
}
.hs-home-solutions .solutions-group .img .img1-10 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate(-700px, 0px) rotate(45deg);
    -ms-transform: translate(-700px, 0px) rotate(45deg);
    transform: translate(-700px, 0px) rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img1-11 {
    z-index: 13;
    top: -232.76px;
    left: 484.9px;

    display: block;
    visibility: visible;

    width: 303px;
    height: 389px;

    -webkit-transform: perspective(600px) rotate(90deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(90deg) rotateY(0deg) rotateX(0deg);
    pointer-events: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img1-11 {
        top: -24.2458%;
        left: 50.51%;

        width: 31.5625%;
        height: 40.521%;
    }
}
.hs-home-solutions .solutions-group .img .img1-11 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -160px, 0px) rotate(0deg);
    transform: translate3d(0, -160px, 0px) rotate(0deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img2-1 {
    z-index: 19;
    top: -12.65px;
    left: -14.3367px;

    display: block;
    visibility: visible;

    width: 238px;
    height: 356px;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-1 {
        top: -1.3178%;
        left: -1.4934%;

        width: 24.792%;
        height: 37.083%;
    }
}
.hs-home-solutions .solutions-group .img .img2-1 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -200px, 0) rotate(-180deg);
    transform: translate3d(0, -200px, 0) rotate(-180deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img2-2 {
    z-index: 13;
    top: -34.5767px;
    left: -89.3933px;

    display: block;

    width: 449px;
    height: 251px;

    -webkit-transform: perspective(600px) rotate(200deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(200deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-2 {
        top: -3.6017%;
        left: -9.3118%;

        width: 46.7708%;
        height: 26.1458%;
    }
}
.hs-home-solutions .solutions-group .img .img2-2 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -120px, 0px) rotate(-90deg);
    transform: translate3d(0, -120px, 0px) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-3 {
    z-index: 14;
    top: 0;
    left: 258.903px;

    display: block;

    width: 121px;
    height: 295px;

    -webkit-transform: perspective(600px) rotate(200deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(200deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-3 {
        top: 0;
        left: 26.97%;

        width: 12.6%;
        height: 30.729%;
    }
}
.hs-home-solutions .solutions-group .img .img2-3 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -300px, 0px) rotate(-90deg);
    transform: translate3d(0, -300px, 0px) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-4 {
    z-index: 15;
    top: 539.767px;
    left: 263.963px;

    display: block;
    visibility: visible;

    width: 132px;
    height: 312px;

    -webkit-transform: perspective(600px) rotate(20deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(20deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-4 {
        top: 56.226%;
        left: 27.496%;

        width: 13.75%;
        height: 13.75%;
    }
}
.hs-home-solutions .solutions-group .img .img2-4 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -800px, 0px) rotate(-90deg);
    transform: translate3d(0, -800px, 0px) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-5 {
    z-index: 11;
    top: 176.257px;
    left: 582.743px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 127px;
    height: 301px;

    -webkit-transform: perspective(600px) rotate(275deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(275deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-5 {
        top: 18.36%;
        left: 60.7%;

        width: 13.23%;
        height: 31.35%;
    }
}
.hs-home-solutions .solutions-group .img .img2-5 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -500px, 0px) rotate(-90deg);
    transform: translate3d(0, -500px, 0px) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-6 {
    z-index: 12;
    top: 180.473px;
    left: 197.867px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 299px;
    height: 299px;

    -webkit-transform: perspective(600px) rotate(40deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(40deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-6 {
        top: 18.8%;
        left: 20.61%;

        width: 31.15%;
        height: 31.15%;
    }
}
.hs-home-solutions .solutions-group .img .img2-6 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -480px, 0px) rotate(-90deg);
    transform: translate3d(0, -480px, 0px) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-7 {
    z-index: 17;
    top: 134.09px;
    left: 91.6067px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 299px;
    height: 330px;

    -webkit-transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-7 {
        top: 13.97%;
        left: 95.42%;

        width: 31.146%;
        height: 34.375%;
    }
}
.hs-home-solutions .solutions-group .img .img2-7 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -460px, 0px) rotate(-80deg);
    transform: translate3d(0, -460px, 0px) rotate(-80deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-8 {
    z-index: 7;
    top: 314.703px;
    left: 669.073px;

    display: block;
    visibility: visible;

    width: 498px;
    height: 445px;
    padding: 0;

    pointer-events: auto;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-8 {
        top: 32.78%;
        left: 69.67%;

        width: 51.875%;
        height: 46.354%;
    }
}
.hs-home-solutions .solutions-group .img .img2-8 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-1200px, 0px, 0px) rotate(0deg);
    transform: translate3d(-1200px, 0px, 0px) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img2-9 {
    z-index: 10;
    top: 612.493px;
    left: 644.75px;

    display: block;
    visibility: visible;

    width: 413px;
    height: 413px;

    -webkit-transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-9 {
        top: 63.8%;
        left: 67.16%;

        width: 43.02%;
        height: 43.02%;
    }
}
.hs-home-solutions .solutions-group .img .img2-9 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-1100px, 0px, 0px) rotate(-90deg);
    transform: translate3d(-1100px, 0px, 0px) rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img2-10 {
    z-index: 18;
    bottom: -80px;
    left: 314.563px;

    display: block;
    visibility: visible;

    width: 329px;
    height: 493px;

    -webkit-transform: perspective(600px) rotate(-90deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-90deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-10 {
        left: 32.77%;

        width: 34.27%;
        height: 51.35%;
    }
}
.hs-home-solutions .solutions-group .img .img2-10 img {
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transform: translate3d(0, -900px, 0) rotate(-90deg);
    transform: translate3d(0, -900px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img2-11 {
    z-index: 20;
    top: 435.16px;
    left: 0;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 283px;
    height: 425px;
    padding: 0;

    pointer-events: none;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-11 {
        top: 45.33%;
        left: 0;

        width: 29.48%;
        height: 44.27%;
    }
}
.hs-home-solutions .solutions-group .img .img2-11 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -860px, 0) rotate(-90deg);
    transform: translate3d(0, -860px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img2-12 {
    z-index: 6;
    top: 230px;
    left: 695.433px;

    display: block;
    visibility: visible;

    width: 299px;
    height: 299px;

    -webkit-transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    pointer-events: auto;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-12 {
        top: 23.96%;
        left: 72.44%;

        width: 31.15%;
        height: 31.15%;
    }
}
.hs-home-solutions .solutions-group .img .img2-12 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -530px, 0) rotate(-90deg);
    transform: translate3d(0, -530px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img2-13 {
    z-index: 22;
    top: 0;
    left: 940.55px;

    display: block;
    visibility: visible;

    width: 269px;
    height: 403px;

    -webkit-transform: perspective(600px) rotate(90deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(90deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img2-13 {
        top: 0;
        left: 97.97%;

        width: 28.02%;
        height: 41.98%;
    }
}
.hs-home-solutions .solutions-group .img .img2-13 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-268.871px, 0px, 0px) skew(44.9784deg, 0deg) scale(1, .7);
    transform: translate3d(-268.871px, 0px, 0px) skew(44.9784deg, 0deg) scale(1, .7);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img3-1 {
    z-index: 16;
    top: -96.9833px;
    left: -96.14px;

    visibility: visible;
    overflow: visible;

    width: 466px;
    height: 344px;
    padding: 0;

    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    pointer-events: auto;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-1 {
        top: -10.1%;
        left: -10%;

        width: 48.54%;
        height: 35.83%;
    }
}
.hs-home-solutions .solutions-group .img .img3-1 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -270px, 0) rotate(-90deg);
    transform: translate3d(0, -270px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img3-2 {
    z-index: 7;
    top: -131.56px;
    left: 126.263px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 435px;
    height: 383px;

    -webkit-transform: perspective(600px) rotate(150deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(150deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-2 {
        top: -13.7%;
        left: 13.15%;

        width: 45.315%;
        height: 39.89%;
    }
}
.hs-home-solutions .solutions-group .img .img3-2 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-267px, -20px, 0) rotate(-90deg);
    transform: translate3d(-267px, -20px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img3-3 {
    z-index: 13;
    top: 330.587px;
    left: 155.207px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 480px;
    height: 479px;

    -webkit-transform: perspective(600px) rotate(-27deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-27deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-3 {
        top: 34.44%;
        left: 16.17%;

        width: 50%;
        height: 50%;
    }
}
.hs-home-solutions .solutions-group .img .img3-3 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, 429px, 0) rotate(-90deg);
    transform: translate3d(0px, 429px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img3-4 {
    z-index: 15;
    top: 510.217px;
    left: 545.32px;

    display: block;
    visibility: visible;

    width: 124px;
    height: 296px;

    -webkit-transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-4 {
        top: 53.15%;
        left: 56.8%;

        width: 12.92%;
        height: 30.83%;
    }
}
.hs-home-solutions .solutions-group .img .img3-4 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, 250px, 0) rotate(-90deg);
    transform: translate3d(0px, 250px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img3-5 {
    z-index: 8;
    top: 12.65px;
    left: 508.933px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 120px;
    height: 270px;

    -webkit-transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-5 {
        top: 1.32%;
        left: 53.01%;

        width: 12.5%;
        height: 28.125%;
    }
}
.hs-home-solutions .solutions-group .img .img3-5 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, 282px, 0) rotate(-90deg);
    transform: translate3d(0px, 282px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img3-6 {
    z-index: 14;
    top: 391.307px;
    left: 622.907px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 477px;
    height: 477px;

    -webkit-transform: perspective(600px) rotate(-45deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-45deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-6 {
        top: 40.76%;
        left: 64.89%;

        width: 49.6875%;
        height: 49.6875%;
    }
}
.hs-home-solutions .solutions-group .img .img3-6 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, 368px, 0) rotate(-90deg);
    transform: translate3d(0px, 368px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img3-7 {
    z-index: 17;
    top: 558.69px;
    left: -102.043px;

    display: block;
    visibility: visible;

    width: 578px;
    height: 385px;

    -webkit-transform: perspective(600px) rotate(30deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(30deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-7 {
        top: 58.2%;
        left: -10.63%;

        width: 60.21%;
        height: 40.1%;
    }
}
.hs-home-solutions .solutions-group .img .img3-7 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, 50px, 0);
    transform: translate3d(0px, 50px, 0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img3-8 {
    z-index: 19;
    top: -160.58px;
    left: 669.29px;

    display: block;
    visibility: visible;

    width: 305px;
    height: 392px;

    -webkit-transform: perspective(600px) rotate(-20deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-20deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-8 {
        top: -16.73%;
        left: 69.72%;

        width: 31.77%;
        height: 40.83%;
    }
}
.hs-home-solutions .solutions-group .img .img3-8 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(940px, -10px, 0) rotate(10deg);
    transform: translate3d(940px, -10px, 0) rotate(10deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img3-9 {
    z-index: 11;
    top: -18.5533px;
    left: 530.77px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 358px;
    height: 357px;

    -webkit-transform: perspective(600px) rotate(200deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(200deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-9 {
        top: -1.93%;
        left: 55.29%;

        width: 37.29%;
        height: 37.1875%;
    }
}
.hs-home-solutions .solutions-group .img .img3-9 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, -339px, 0) rotate(-90deg);
    transform: translate3d(0px, -339px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img3-10 {
    z-index: 9;
    top: 259.153px;
    left: 726.387px;

    display: block;
    visibility: visible;

    width: 380px;
    height: 379px;

    -webkit-transform: perspective(600px) rotate(-27deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-27deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-10 {
        top: 27%;
        left: 75.67%;

        width: 39.58%;
        height: 39.58%;
    }
}
.hs-home-solutions .solutions-group .img .img3-10 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0px, -20px, 0) rotate(-90deg);
    transform: translate3d(0px, -20px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img3-11 {
    z-index: 10;
    top: 347.89px;
    left: 573.993px;

    display: block;
    visibility: visible;

    width: 133px;
    height: 129px;
    padding: 0;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-11 {
        top: 36.24%;
        left: 59.8%;

        width: 13.85%;
        height: 13.4375%;
    }
}
.hs-home-solutions .solutions-group .img .img3-11 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-700px, 0px, 0) rotate(0deg);
    transform: translate3d(-700px, 0px, 0) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img3-12 {
    z-index: 21;
    top: 218.423px;
    left: 370.75px;

    display: block;
    visibility: visible;

    width: 163px;
    height: 226px;

    -webkit-transform: perspective(600px) rotate(120deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(120deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img3-12 {
        top: 22.75%;
        left: 38.62%;

        width: 17%;
        height: 23.54%;
    }
}
.hs-home-solutions .solutions-group .img .img3-12 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-446px, 49px, 0) rotate(-90deg);
    transform: translate3d(-446px, 49px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img4-1 {
    z-index: 9;
    top: .843333px;
    left: -118.067px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 503px;
    height: 227px;

    -webkit-transform: perspective(600px) rotate(-90deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-90deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-1 {
        top: .3%;
        left: -12.3%;

        width: 52.4%;
        height: 23.65%;
    }
}
.hs-home-solutions .solutions-group .img .img4-1 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -227px, 0) rotate(-90deg);
    transform: translate3d(0, -227px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img4-2 {
    z-index: 7;
    top: 464.357px;
    left: -143.367px;

    display: block;
    visibility: visible;
    overflow: visible;

    width: 464px;
    height: 395px;
    padding: 0;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-2 {
        top: 48.37%;
        left: -14.93%;

        width: 48.33%;
        height: 41.15%;
    }
}
.hs-home-solutions .solutions-group .img .img4-2 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -859px, 0) rotate(-90deg);
    transform: translate3d(0, -859px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img4-3 {
    z-index: 6;
    top: 442.847px;
    left: 265.65px;

    display: block;
    visibility: visible;

    width: 261px;
    height: 247px;

    -webkit-transform: perspective(600px) rotate(180deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(180deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-3 {
        top: 46.13%;
        left: 27.67%;

        width: 27.1875%;
        height: 25.73%;
    }
}
.hs-home-solutions .solutions-group .img .img4-3 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -669px, 0) rotate(-90deg);
    transform: translate3d(0, -669px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img4-4 {
    z-index: 10;
    top: 215.06px;
    left: 309.187px;

    display: block;
    visibility: visible;

    width: 436px;
    height: 339px;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-4 {
        top: 22.4%;
        left: 32.21%;

        width: 45.42%;
        height: 35.31%;
    }
}
.hs-home-solutions .solutions-group .img .img4-4 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -270px, 0) rotate(-90deg);
    transform: translate3d(0, -270px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img4-5 {
    z-index: 13;
    top: 312.187px;
    left: 573.993px;

    display: block;
    visibility: visible;

    width: 468px;
    height: 391px;

    -webkit-transform: perspective(600px) rotate(-90deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-90deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-5 {
        top: 32.52%;
        left: 59.79%;

        width: 48.75%;
        height: 40.73%;
    }
}
.hs-home-solutions .solutions-group .img .img4-5 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -558px, 0) rotate(-90deg);
    transform: translate3d(0, -558px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img4-6 {
    z-index: 12;
    top: -86.02px;
    left: 622.907px;

    display: block;
    visibility: visible;

    width: 393px;
    height: 436px;

    -webkit-transform: perspective(600px) rotate(225deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(225deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-6 {
        top: -9%;
        left: 64.89%;

        width: 40.9375%;
        height: 45.42%;
    }
}
.hs-home-solutions .solutions-group .img .img4-6 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(17px, 245px, 0);
    transform: translate3d(17px, 245px, 0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img4-7 {
    z-index: 8;
    top: 645.1px;
    left: 724.107px;

    display: block;
    visibility: visible;

    width: 270px;
    height: 291px;

    -webkit-transform: perspective(600px) rotate(-45deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-45deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img4-7 {
        top: 67.2%;
        left: 75.43%;

        width: 28.125%;
        height: 30.3125%;
    }
}
.hs-home-solutions .solutions-group .img .img4-7 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-994px, 0, 0) rotate(0deg);
    transform: translate3d(-994px, 0, 0) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img5-1 {
    z-index: 14;
    top: -92.2044px;
    left: 39.2356px;

    display: block;
    visibility: visible;

    width: 537px;
    height: 438px;

    -webkit-transform: perspective(600px) rotate(-45deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(-45deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-1 {
        top: -9.6%;
        left: 4.1%;

        width: 55.94%;
        height: 45.625%;
    }
}
.hs-home-solutions .solutions-group .img .img5-1 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -346px, 0) rotate(0deg);
    transform: translate3d(0, -346px, 0) rotate(0deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img5-2 {
    z-index: 9;
    top: 419.289px;
    left: -44.2844px;

    display: block;
    visibility: visible;

    width: 244px;
    height: 245px;

    -webkit-transform: perspective(600px) rotate(45deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(45deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-2 {
        top: 43.68%;
        left: -4.6%;

        width: 25.42%;
        height: 25.42%;
    }
}
.hs-home-solutions .solutions-group .img .img5-2 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -429px, 0) rotate(-90deg);
    transform: translate3d(0, -429px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img5-3 {
    z-index: 11;
    top: 563.209px;
    left: 32.64px;

    display: block;
    visibility: visible;

    width: 537px;
    height: 526px;

    -webkit-transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-3 {
        top: 58.67%;
        left: 3.4%;

        width: 55.94%;
        height: 54.79%;
    }
}
.hs-home-solutions .solutions-group .img .img5-3 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -1089px, 0) rotate(-90deg);
    transform: translate3d(0, -1089px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img5-4 {
    z-index: 13;
    top: 76.8844px;
    left: 305.884px;

    display: block;
    visibility: visible;

    width: 597px;
    height: 698px;

    -webkit-transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(10deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-4 {
        top: 8%;
        left: 31.86%;

        width: 62.1875%;
        height: 72.71%;
    }
}
.hs-home-solutions .solutions-group .img .img5-4 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -772px, 0) rotate(-90deg);
    transform: translate3d(0, -772px, 0) rotate(-90deg);
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
}
.hs-home-solutions .solutions-group .img .img5-5 {
    z-index: 12;
    top: -152.64px;
    left: 549.224px;

    display: block;
    visibility: visible;

    width: 497px;
    height: 488px;

    -webkit-transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-5 {
        top: -15.9%;
        left: 57.21%;

        width: 51.77%;
        height: 50.83%;
    }
}
.hs-home-solutions .solutions-group .img .img5-5 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(0, -336px, 0) rotate(-90deg);
    transform: translate3d(0, -336px, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img5-6 {
    z-index: 10;
    top: 496.058px;
    left: 745.049px;

    display: block;
    visibility: visible;

    width: 292px;
    height: 278px;

    -webkit-transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(25deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-6 {
        top: 51.67%;
        left: 77.61%;

        width: 30.42%;
        height: 28.96%;
    }
}
.hs-home-solutions .solutions-group .img .img5-6 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-774px, 0, 0) rotate(-90deg);
    transform: translate3d(-774px, 0, 0) rotate(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
.hs-home-solutions .solutions-group .img .img5-7 {
    z-index: 8;
    top: 738.96px;
    left: 716.693px;

    display: block;
    visibility: visible;

    width: 251px;
    height: 252px;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-7 {
        top: 76.975%;
        left: 74.66%;

        width: 26.15%;
        height: 26.15%;
    }
}
.hs-home-solutions .solutions-group .img .img5-7 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-670px, 0, 0) rotate(0deg);
    transform: translate3d(-670px, 0, 0) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img5-8 {
    z-index: 7;
    top: 687.233px;
    left: 445.333px;

    display: block;
    visibility: visible;

    width: 358px;
    height: 265px;
    padding: 0;

    translate: none;
    rotate: none;
    scale: none;
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-8 {
        top: 71.58%;
        left: 46.39%;

        width: 37.292%;
        height: 27.6%;
    }
}
.hs-home-solutions .solutions-group .img .img5-8 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-790px, 0, 0) rotate(0deg);
    transform: translate3d(-790px, 0, 0) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .img .img5-9 {
    z-index: 6;
    top: 219.891px;
    left: 705.387px;

    display: block;
    visibility: visible;

    width: 358px;
    height: 265px;

    -webkit-transform: perspective(600px) rotate(50deg) rotateY(0deg) rotateX(0deg);
    transform: perspective(600px) rotate(50deg) rotateY(0deg) rotateX(0deg);
}
@media (max-width: 1560px) {
    .hs-home-solutions .solutions-group .img .img5-9 {
        top: 22.91%;
        left: 73.48%;

        width: 37.19%;
        height: 27.6%;
    }
}
.hs-home-solutions .solutions-group .img .img5-9 img {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translate3d(-1030px, 0, 0) rotate(0deg);
    transform: translate3d(-1030px, 0, 0) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .solutions-group .desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 50%;
    padding: 30px 80px;

    color: #fff;
    background: url(../images/solutions_bg.jpg) no-repeat center;
    background-size: cover;

    -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;
}
@media (max-width: 1199px) {
    .hs-home-solutions .solutions-group .desc {
        position: absolute;
        z-index: 6;
        top: 0;
        left: 0;

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

        background: rgba(0, 58, 30, .8);
    }
}
.hs-home-solutions .solutions-group .desc .title-solutions,
.hs-home-solutions .solutions-group .desc .public-note,
.hs-home-solutions .solutions-group .desc .hs-more {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);

    opacity: 0;
}
@media (max-width: 1199px) {
    .hs-home-solutions .solutions-group .desc .title-solutions,
    .hs-home-solutions .solutions-group .desc .public-note,
    .hs-home-solutions .solutions-group .desc .hs-more {
        opacity: 1;
    }
}
.hs-home-solutions .solutions-group .desc .title-solutions h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71428571;

    letter-spacing: 6px;

    color: #ffd416;
}
.hs-home-solutions .solutions-group .desc .title-solutions h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.11111111;
}
@media (max-width: 991px) {
    .hs-home-solutions .solutions-group .desc .title-solutions h2 {
        font-size: 24px;
    }
}
.hs-home-solutions .solutions-group .desc .public-note {
    margin-top: 20px;
}
.hs-home-solutions .solutions-group .desc .public-note p {
    color: #fff;
}
.hs-home-solutions .solutions-group .desc .hs-more {
    margin-top: 30px;
}
.hs-home-solutions .solutions-group .desc .hs-more a {
    width: 100%;

    text-align: center;
}
.hs-home-solutions .swiper-slide-active .solutions-group .desc .title-solutions,
.hs-home-solutions .swiper-slide-active .solutions-group .desc .public-note,
.hs-home-solutions .swiper-slide-active .solutions-group .desc .hs-more {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);

    opacity: 1;
}
.hs-home-solutions .swiper-slide-active .solutions-group .imgpic {
    opacity: 1;
}
.hs-home-solutions .swiper-slide-active .solutions-group .imgpic img {
    opacity: 1;
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-1 img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-2 img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-3 img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-4 img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-5 img {
    -webkit-transform: translate3d(0px, 0px, 0) rotate(45deg);
    transform: translate3d(0px, 0px, 0) rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-6 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-7 img {
    -webkit-transform: translate3d(0px, 0px, 0) rotate(45deg);
    transform: translate3d(0px, 0px, 0) rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-8 img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-9 img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-10 img {
    -webkit-transform: translate(-1px, 0px) rotate(45deg);
    -ms-transform: translate(-1px, 0px) rotate(45deg);
    transform: translate(-1px, 0px) rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img1-11 img {
    -webkit-transform: translate(-1px, 0px);
    -ms-transform: translate(-1px, 0px);
    transform: translate(-1px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-1 img {
    -webkit-transform: translate(-1px, 0px);
    -ms-transform: translate(-1px, 0px);
    transform: translate(-1px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-2 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-3 img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-4 img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-5 img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-6 img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-7 img {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-8 img {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(45deg);
    transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-9 img {
    -webkit-transform: translate3d(0px, 0px, 0px) rotate(45deg);
    transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-10 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-11 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-12 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img2-13 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-1 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-2 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-3 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-4 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-5 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-6 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-7 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-8 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-9 img {
    -webkit-transform: translate3d(0px, 0, 0) rotate(0deg);
    transform: translate3d(0px, 0, 0) rotate(0deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-10 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-11 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img3-12 img {
    -webkit-transform: translate(0px, -8px);
    -ms-transform: translate(0px, -8px);
    transform: translate(0px, -8px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-1 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-2 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-3 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-4 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-5 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-6 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img4-7 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-1 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-2 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-3 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-4 img {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-5 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-6 img {
    -webkit-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-7 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-8 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-home-solutions .swiper-slide-active .solutions-group .img .img5-9 img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-1 img {
    -webkit-transform: translate(-309px, 615px) rotate(90deg);
    -ms-transform: translate(-309px, 615px) rotate(90deg);
    transform: translate(-309px, 615px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-2 img {
    -webkit-transform: translate(300px, 780px) rotate(90deg);
    -ms-transform: translate(300px, 780px) rotate(90deg);
    transform: translate(300px, 780px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-3 img {
    -webkit-transform: translate(300px, 625px) rotate(90deg);
    -ms-transform: translate(300px, 625px) rotate(90deg);
    transform: translate(300px, 625px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-4 img {
    -webkit-transform: translate(-430px, 554px) rotate(90deg);
    -ms-transform: translate(-430px, 554px) rotate(90deg);
    transform: translate(-430px, 554px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-5 img {
    -webkit-transform: translate(1860px, 231px) rotate(90deg);
    -ms-transform: translate(1860px, 231px) rotate(90deg);
    transform: translate(1860px, 231px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-6 img {
    -webkit-transform: translate(1519px, 371px) rotate(90deg);
    -ms-transform: translate(1519px, 371px) rotate(90deg);
    transform: translate(1519px, 371px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-7 img {
    -webkit-transform: translate(1230px, 355px) rotate(90deg);
    -ms-transform: translate(1230px, 355px) rotate(90deg);
    transform: translate(1230px, 355px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-8 img {
    -webkit-transform: translate(1270px, 715px) rotate(90deg);
    -ms-transform: translate(1270px, 715px) rotate(90deg);
    transform: translate(1270px, 715px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-9 img {
    -webkit-transform: translate(300px, 602px) rotate(90deg);
    -ms-transform: translate(300px, 602px) rotate(90deg);
    transform: translate(300px, 602px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-10 img {
    -webkit-transform: translate(1434px, 90px) rotate(90deg);
    -ms-transform: translate(1434px, 90px) rotate(90deg);
    transform: translate(1434px, 90px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img1-11 img {
    -webkit-transform: translate(300px, 991px) rotate(90deg);
    -ms-transform: translate(300px, 991px) rotate(90deg);
    transform: translate(300px, 991px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-1 img {
    -webkit-transform: translate(300px, 771px) rotate(90deg);
    -ms-transform: translate(300px, 771px) rotate(90deg);
    transform: translate(300px, 771px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-2 img {
    -webkit-transform: translate(-360px, 793px) rotate(90deg);
    -ms-transform: translate(-360px, 793px) rotate(90deg);
    transform: translate(-360px, 793px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-3 img {
    -webkit-transform: translate(-379px, 759px) rotate(90deg);
    -ms-transform: translate(-379px, 759px) rotate(90deg);
    transform: translate(-379px, 759px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-4 img {
    -webkit-transform: translate(-395px, 220px) rotate(90deg);
    -ms-transform: translate(-395px, 220px) rotate(90deg);
    transform: translate(-395px, 220px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-5 img {
    -webkit-transform: translate(-709px, 583px) rotate(90deg);
    -ms-transform: translate(-709px, 583px) rotate(90deg);
    transform: translate(-709px, 583px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-6 img {
    -webkit-transform: translate(-496px, 579px) rotate(90deg);
    -ms-transform: translate(-496px, 579px) rotate(90deg);
    transform: translate(-496px, 579px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-7 img {
    -webkit-transform: translate(-390px, 625px) rotate(90deg);
    -ms-transform: translate(-390px, 625px) rotate(90deg);
    transform: translate(-390px, 625px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-8 img {
    -webkit-transform: translate(1211px, 445px) rotate(90deg);
    -ms-transform: translate(1211px, 445px) rotate(90deg);
    transform: translate(1211px, 445px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-9 img {
    -webkit-transform: translate(-1057px, 147px) rotate(90deg);
    -ms-transform: translate(-1057px, 147px) rotate(90deg);
    transform: translate(-1057px, 147px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-10 img {
    -webkit-transform: translate(300px, 385px) rotate(90deg);
    -ms-transform: translate(300px, 385px) rotate(90deg);
    transform: translate(300px, 385px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-11 img {
    -webkit-transform: translate(300px, 324px) rotate(90deg);
    -ms-transform: translate(300px, 324px) rotate(90deg);
    transform: translate(300px, 324px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-12 img {
    -webkit-transform: translate(-994px, 529px) rotate(90deg);
    -ms-transform: translate(-994px, 529px) rotate(90deg);
    transform: translate(-994px, 529px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img2-13 img {
    -webkit-transform: translate(300px, 759px) rotate(90deg);
    -ms-transform: translate(300px, 759px) rotate(90deg);
    transform: translate(300px, 759px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-1 img {
    -webkit-transform: translate(-370px, 855px) rotate(90deg);
    -ms-transform: translate(-370px, 855px) rotate(90deg);
    transform: translate(-370px, 855px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-2 img {
    -webkit-transform: translate(300px, 890px) rotate(90deg);
    -ms-transform: translate(300px, 890px) rotate(90deg);
    transform: translate(300px, 890px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-3 img {
    -webkit-transform: translate(300px, 429px) rotate(90deg);
    -ms-transform: translate(300px, 429px) rotate(90deg);
    transform: translate(300px, 429px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-4 img {
    -webkit-transform: translate(-669px, 249px) rotate(90deg);
    -ms-transform: translate(-669px, 249px) rotate(90deg);
    transform: translate(-669px, 249px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-5 img {
    -webkit-transform: translate(300px, 747px) rotate(90deg);
    -ms-transform: translate(300px, 747px) rotate(90deg);
    transform: translate(300px, 747px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-6 img {
    -webkit-transform: translate(-1099px, 368px) rotate(90deg);
    -ms-transform: translate(-1099px, 368px) rotate(90deg);
    transform: translate(-1099px, 368px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-7 img {
    -webkit-transform: translate(-476px, 201px) rotate(90deg);
    -ms-transform: translate(-476px, 201px) rotate(90deg);
    transform: translate(-476px, 201px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-8 img {
    -webkit-transform: translate(1211px, 919px) rotate(90deg);
    -ms-transform: translate(1211px, 919px) rotate(90deg);
    transform: translate(1211px, 919px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-9 img {
    -webkit-transform: translate(300px, 777px) rotate(90deg);
    -ms-transform: translate(300px, 777px) rotate(90deg);
    transform: translate(300px, 777px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-10 img {
    -webkit-transform: translate(300px, 500px) rotate(90deg);
    -ms-transform: translate(300px, 500px) rotate(90deg);
    transform: translate(300px, 500px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-11 img {
    -webkit-transform: translate(1307px, 412px) rotate(90deg);
    -ms-transform: translate(1307px, 412px) rotate(90deg);
    transform: translate(1307px, 412px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img3-12 img {
    -webkit-transform: translate(300px, 541px) rotate(90deg);
    -ms-transform: translate(300px, 541px) rotate(90deg);
    transform: translate(300px, 541px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-1 img {
    -webkit-transform: translate(300px, 759px) rotate(90deg);
    -ms-transform: translate(300px, 759px) rotate(90deg);
    transform: translate(300px, 759px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-2 img {
    -webkit-transform: translate(300px, 295px) rotate(90deg);
    -ms-transform: translate(300px, 295px) rotate(90deg);
    transform: translate(300px, 295px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-3 img {
    -webkit-transform: translate(300px, 317px) rotate(90deg);
    -ms-transform: translate(300px, 317px) rotate(90deg);
    transform: translate(300px, 317px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-4 img {
    -webkit-transform: translate(-745px, 544px) rotate(90deg);
    -ms-transform: translate(-745px, 544px) rotate(90deg);
    transform: translate(-745px, 544px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-5 img {
    -webkit-transform: translate(300px, 447px) rotate(90deg);
    -ms-transform: translate(300px, 447px) rotate(90deg);
    transform: translate(300px, 447px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-6 img {
    -webkit-transform: translate(300px, 845px) rotate(90deg);
    -ms-transform: translate(300px, 845px) rotate(90deg);
    transform: translate(300px, 845px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img4-7 img {
    -webkit-transform: translate(1156px, 114px) rotate(90deg);
    -ms-transform: translate(1156px, 114px) rotate(90deg);
    transform: translate(1156px, 114px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-1 img {
    -webkit-transform: translate(300px, 940px) rotate(90deg);
    -ms-transform: translate(300px, 940px) rotate(90deg);
    transform: translate(300px, 940px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-2 img {
    -webkit-transform: translate(-200px, 429px) rotate(90deg);
    -ms-transform: translate(-200px, 429px) rotate(90deg);
    transform: translate(-200px, 429px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-3 img {
    -webkit-transform: translate(300px, 285px) rotate(90deg);
    -ms-transform: translate(300px, 285px) rotate(90deg);
    transform: translate(300px, 285px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-4 img {
    -webkit-transform: translate(-902px, 772px) rotate(90deg);
    -ms-transform: translate(-902px, 772px) rotate(90deg);
    transform: translate(-902px, 772px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-5 img {
    -webkit-transform: translate(300px, 1000px) rotate(90deg);
    -ms-transform: translate(300px, 1000px) rotate(90deg);
    transform: translate(300px, 1000px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-6 img {
    -webkit-transform: translate(300px, 352px) rotate(90deg);
    -ms-transform: translate(300px, 352px) rotate(90deg);
    transform: translate(300px, 352px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-7 img {
    -webkit-transform: translate(1164px, 110px) rotate(90deg);
    -ms-transform: translate(1164px, 110px) rotate(90deg);
    transform: translate(1164px, 110px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-8 img {
    -webkit-transform: translate(1435px, 161px) rotate(90deg);
    -ms-transform: translate(1435px, 161px) rotate(90deg);
    transform: translate(1435px, 161px) rotate(90deg);
}
.hs-home-solutions .swiper-slide-leave .solutions-group .img .img5-9 img {
    -webkit-transform: translate(1435px, 161px) rotate(90deg);
    -ms-transform: translate(1435px, 161px) rotate(90deg);
    transform: translate(1435px, 161px) rotate(90deg);
}
.hs-home-solutions .solutions-pagination {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: -webkit-calc(50% + 30px);
    left: calc(50% + 30px);

    width: 10px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet {
    position: relative;

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

    opacity: 1;
    border-radius: 50%;
    background-color: #006738;
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet-active {
    background-color: #ffd416;
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet:before {
    font-size: 12px;
    line-height: 20px;

    position: absolute;
    top: -4px;
    right: 100%;

    padding: 0 10px;

    content: '食品饮料';
    white-space: nowrap;

    opacity: 0;
    border-radius: 10px;
    background-color: #ffd416;
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet:nth-child(2):before {
    content: '健康营养';
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet:nth-child(3):before {
    content: '家庭与个人护理';
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet:nth-child(4):before {
    content: '动物营养';
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet:nth-child(5):before {
    content: '农业产品';
}
.hs-home-solutions .solutions-pagination .swiper-pagination-bullet:hover:before {
    -webkit-animation: fadeInRight 1s 0s ease both;
    animation: fadeInRight 1s 0s ease both;
}
.hs-home-number {
    background: url(../images/number_bg.png) no-repeat center;
    background-size: cover;
}
.hs-home-number .number>ul>li {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .hs-home-number .number>ul>li {
        margin-top: 20px;
    }
}
.hs-home-number .number>ul>li:nth-child(2) .number-group .num {
    color: #009345;
}
.hs-home-number .number>ul>li:nth-child(3) .number-group .num {
    color: #3b917c;
}
.hs-home-number .number>ul>li:nth-child(4) .number-group .num {
    color: #478393;
}
.hs-home-number .number>ul>li:nth-child(5) .number-group .num {
    color: #5ebbc4;
}
.hs-home-number .number>ul>li:nth-child(6) .number-group .num {
    color: #579eba;
}
.hs-home-number .number .number-group {
    max-width: 320px;
    margin: 0 auto;

    text-align: center;
}
.hs-home-number .number .number-group .num {
    color: #006738;
}
.hs-home-number .number .number-group .num b {
    font-size: 50px;

    display: block;
}
@media (max-width: 1199px) {
    .hs-home-number .number .number-group .num b {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .hs-home-number .number .number-group .num b {
        font-size: 30px;
    }
}
.hs-home-number .number .number-group p {
    font-size: 16px;
    line-height: 1.5;

    margin: 10px 0 0 0;

    color: #006738;
}
@media (max-width: 767px) {
    .hs-home-number .number .number-group p {
        font-size: 14px;
    }
}
.hs-home-number .advantage {
    position: relative;

    margin-top: 80px;
}
@media (max-width: 1560px) {
    .hs-home-number .advantage {
        margin-top: 60px;
    }
}
@media (max-width: 1199px) {
    .hs-home-number .advantage {
        margin-top: 30px;
    }
}
.hs-home-number .advantage .advantage-group {
    text-align: center;
}
.hs-home-number .advantage .advantage-group .img {
    overflow: hidden;

    width: 70%;
    margin: 0 auto;

    border-radius: 80px 0 80px 0;
}
@media (max-width: 1199px) {
    .hs-home-number .advantage .advantage-group .img {
        width: 80%;

        border-radius: 40px 0 40px 0;
    }
}
.hs-home-number .advantage .advantage-group .img .ibox {
    padding-bottom: 66.66666667%;
}
.hs-home-number .advantage .advantage-group .img .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hs-home-number .advantage .advantage-group .title-advantage {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;

    margin-top: 20px;

    color: #006738;
}
@media (max-width: 1199px) {
    .hs-home-number .advantage .advantage-group .title-advantage {
        font-size: 20px;
    }
}
.hs-home-number .advantage .advantage-group .public-note {
    margin-top: 10px;
}
.hs-home-number .advantage-pagination {
    position: relative;

    margin-top: 40px;

    text-align: center;
}
.hs-home-number .advantage-pagination .swiper-pagination-bullet-active {
    background-color: #ffd416;
}
.hs-home-sustainability {
    position: relative;
    z-index: 6;
}
.hs-home-sustainability .sustainability {
    overflow: hidden;

    background-color: #0d4136;
}
.hs-home-sustainability .sustainability .sustainability-left {
    width: 55%;
    padding-right: 5%;
}
@media (max-width: 767px) {
    .hs-home-sustainability .sustainability .sustainability-left {
        width: 100%;
        padding-right: 0;
    }
}
.hs-home-sustainability .sustainability .sustainability-left .title-home h3 {
    color: #ffd416;
}
.hs-home-sustainability .sustainability .sustainability-left .title-home h2 span {
    color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background: -webkit-linear-gradient(left, #fff, #fff);
    background: linear-gradient(to right, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}
.hs-home-sustainability .sustainability .sustainability-left .public-note {
    margin-top: 20px;
}
.hs-home-sustainability .sustainability .sustainability-left .public-note h3 {
    font-size: 20px;
    line-height: 1.5;

    color: #3b917c;
}
.hs-home-sustainability .sustainability .sustainability-left .public-note p {
    color: #fff;
}
.hs-home-sustainability .sustainability .sustainability-right {
    width: 45%;
}
@media (max-width: 767px) {
    .hs-home-sustainability .sustainability .sustainability-right {
        width: 100%;
        margin-top: 30px;
    }
}
.hs-home-sustainability .sustainability .sustainability-right .dipi-down {
    overflow: hidden;

    border-radius: 80px 0 80px 0;
}
@media (max-width: 1560px) {
    .hs-home-sustainability .sustainability .sustainability-right .dipi-down {
        border-radius: 60px 0 60px 0;
    }
}
@media (max-width: 1400px) {
    .hs-home-sustainability .sustainability .sustainability-right .dipi-down {
        border-radius: 40px 0 40px 0;
    }
}
@media (max-width: 991px) {
    .hs-home-sustainability .sustainability .sustainability-right .dipi-down {
        border-radius: 20px 0 20px 0;
    }
}
@media (max-width: 767px) {
    .hs-home-sustainability .sustainability .sustainability-right .dipi-down {
        border-radius: 10px 0 10px 0;
    }
}
.hs-home-sustainability .sustainability .sustainability-right img {
    width: 100%;
}
.hs-home-sustainability .globe {
    position: absolute;
    z-index: 6;
    bottom: -200px;

    width: 100%;
}
@media (max-width: 1199px) {
    .hs-home-sustainability .globe {
        bottom: -150px;
    }
}
@media (max-width: 767px) {
    .hs-home-sustainability .globe {
        position: relative;
        bottom: 0;
    }
}
.hs-home-sustainability .globe img {
    max-width: 500px;
}
@media (max-width: 1199px) {
    .hs-home-sustainability .globe img {
        max-width: 300px;
    }
}
.hs-home-formulas {
    background: url(../images/formulas_bg.png) no-repeat center #f7f9f7;
    background-size: auto 100%;
}
.hs-home-formulas .formulas {
    position: relative;

    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-home-formulas .formulas {
        margin-top: 30px;
    }
}
.hs-home-formulas .formulas .formulas-group {
    position: relative;

    overflow: hidden;

    border-radius: 10px;
}
.hs-home-formulas .formulas .formulas-group .img {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.hs-home-formulas .formulas .formulas-group .img img {
    width: 100%;

    object-fit: cover;
}
.hs-home-formulas .formulas .formulas-group .desc {
    position: relative;
    z-index: 6;

    padding: 30px;

    color: #fff;
    background-color: rgba(11, 61, 58, .88);
}
@media (max-width: 767px) {
    .hs-home-formulas .formulas .formulas-group .desc {
        padding: 20px;
    }
}
.hs-home-formulas .formulas .formulas-group .desc .slogan {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;

    display: inline-block;
    overflow: hidden;

    padding: 0 10px;

    color: #fff;
    border-radius: 20px;
    background-color: #006c70;
}
.hs-home-formulas .formulas .formulas-group .desc .title-formulas {
    font-size: 20px;
    line-height: 1.5;

    display: block;

    margin-top: 10px;
}
@media (max-width: 1199px) {
    .hs-home-formulas .formulas .formulas-group .desc .title-formulas {
        font-size: 18px;
    }
}
.hs-home-formulas .formulas .formulas-group .desc .date {
    font-weight: bold;

    margin-top: 10px;

    color: #ffd416;
}
.hs-home-formulas .formulas .formulas-group .desc .public-note {
    display: -webkit-box;
    overflow: hidden;

    max-height: 96px;
    margin-top: 10px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.hs-home-formulas .formulas .formulas-group .desc .public-note p {
    line-height: 24px;

    color: #fff;
}
.hs-home-formulas .formulas .formulas-group:hover .desc .title-formulas {
    text-decoration: underline;
}
.hs-home-formulas .hs-more {
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-home-formulas .hs-more {
        margin-top: 30px;
    }
}
.public-news-group {
    display: block;
    overflow: hidden;

    height: 100%;

    border-radius: 10px;
    background-color: #fff;
}
.public-news-group .img {
    position: relative;
}
.public-news-group .img:before {
    font-size: 36px;

    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;

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

    opacity: 0;
    color: #ffd416;
    background-color: rgba(0, 103, 56, .2);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.public-news-group .ibox {
    padding-bottom: 66.32653061%;
}
.public-news-group .ibox img {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.public-news-group .desc {
    padding: 30px;
}
@media (max-width: 767px) {
    .public-news-group .desc {
        padding: 20px;
    }
}
.public-news-group .slogan {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;

    display: inline-block;
    overflow: hidden;

    padding: 0 10px;

    color: #fff;
    border-radius: 20px;
    background-color: #006738;
}
.public-news-group .title-news {
    font-size: 20px;
    line-height: 1.5;

    display: block;

    margin-top: 10px;

    -webkit-transition: all .2s;
    transition: all .2s;
}
@media (max-width: 1199px) {
    .public-news-group .title-news {
        font-size: 18px;
    }
}
.public-news-group .date {
    font-weight: bold;

    margin-top: 10px;

    color: #1a9543;
}
.public-news-group .public-note {
    display: -webkit-box;
    overflow: hidden;

    max-height: 96px;
    margin-top: 10px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.public-news-group .public-note p {
    line-height: 24px;
}
@media (min-width: 1200px) {
    .public-news-group:hover .img:before {
        opacity: 1;
    }
    .public-news-group:hover .ibox img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .public-news-group:hover .title-news {
        color: #006738;
    }
}
.hs-home-news {
    background: url(../images/news_bg.jpg) no-repeat center;
    background-size: cover;
}
.hs-home-news .title-home h3,
.hs-home-news .title-home p {
    color: #fff;
}
.hs-home-news .title-home h2 span {
    color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#1a9543), to(#50bcc4));
    background: -webkit-linear-gradient(left, #1a9543, #50bcc4);
    background: linear-gradient(to right, #1a9543, #50bcc4);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}
.hs-home-news .news {
    position: relative;

    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-home-news .news {
        margin-top: 30px;
    }
}
.hs-home-news .news .news-button {
    position: absolute;
    right: 0;
    bottom: 0;
}
.hs-home-news .hs-more {
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-home-news .hs-more {
        margin-top: 30px;
    }
}
.hs-home-contact {
    background-color: #f7f9f7;
}
.hs-home-contact .contact {
    overflow: hidden;

    padding: 80px 10%;

    color: #fff;
    border-radius: 80px 0 80px 0;
    background-color: #12332b;
}
@media (max-width: 1199px) {
    .hs-home-contact .contact {
        padding: 50px;

        border-radius: 40px 0 40px 0;
    }
}
@media (max-width: 767px) {
    .hs-home-contact .contact {
        padding: 20px;
    }
}
.hs-home-contact .title-home h3 {
    color: #006738;
}
.hs-home-contact .title-home h2 span {
    color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#1a9543), to(#50bcc4));
    background: -webkit-linear-gradient(left, #1a9543, #50bcc4);
    background: linear-gradient(to right, #1a9543, #50bcc4);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}
.hs-home-contact .title-home p {
    margin-top: 10px;
}
.hs-home-contact .contact-top {
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-home-contact .contact-top {
        margin-top: 30px;
    }
}
.hs-home-contact .contact-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -30px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .hs-home-contact .contact-top ul {
        margin: 0 -15px;
    }
}
.hs-home-contact .contact-top ul li {
    width: 50%;
    padding: 0 30px;
}
@media (max-width: 767px) {
    .hs-home-contact .contact-top ul li {
        padding: 0 15px;
    }
}
.hs-home-contact .contact-top ul li:nth-child(1) {
    text-align: right;

    border-right: 1px solid rgba(255, 255, 255, .2);
}
.hs-home-contact .contact-top .top-group span {
    display: block;

    color: #478393;
}
.hs-home-contact .contact-top .top-group p {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.66666667;

    margin: 10px 0 0 0;
}
@media (max-width: 767px) {
    .hs-home-contact .contact-top .top-group p {
        font-size: 16px;
    }
}
.hs-home-contact .contact-top .top-group p a:nth-child(1) {
    color: #1a9543;
}
.hs-home-contact .contact-title {
    margin-top: 50px;

    text-align: center;
}
@media (max-width: 1199px) {
    .hs-home-contact .contact-title {
        margin-top: 30px;
    }
}
.hs-home-contact .contact-title h3 {
    font-size: 24px;
    font-weight: bold;
}
@media (max-width: 767px) {
    .hs-home-contact .contact-title h3 {
        font-size: 20px;
    }
}
.hs-home-contact .contact-form form>ul>li {
    margin-top: 30px;
}
.hs-home-contact .contact-form form p {
    font-weight: bold;

    color: rgba(255, 255, 255, .3);
}
.hs-home-contact .contact-form form input,
.hs-home-contact .contact-form form textarea {
    line-height: 30px;

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

    color: #fff;
    background-color: #002312;
}
.hs-home-contact .contact-form form input::-webkit-input-placeholder,
.hs-home-contact .contact-form form textarea::-webkit-input-placeholder {
    color: #fff;
}
.hs-home-contact .contact-form form input:-o-placeholder,
.hs-home-contact .contact-form form textarea:-o-placeholder {
    color: #fff;
}
.hs-home-contact .contact-form form input::-moz-placeholder,
.hs-home-contact .contact-form form textarea::-moz-placeholder {
    color: #fff;
}
.hs-home-contact .contact-form form input:-ms-input-placeholder,
.hs-home-contact .contact-form form textarea:-ms-input-placeholder {
    color: #fff;
}
.hs-home-contact .contact-form form input:focus::-webkit-input-placeholder,
.hs-home-contact .contact-form form textarea:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-home-contact .contact-form form input:focus::-o-placeholder,
.hs-home-contact .contact-form form textarea:focus::-o-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-home-contact .contact-form form input:focus::-moz-placeholder,
.hs-home-contact .contact-form form textarea:focus::-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-home-contact .contact-form form input:focus::-ms-input-placeholder,
.hs-home-contact .contact-form form textarea:focus::-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-home-contact .contact-form form .send {
    line-height: 30px;

    margin-top: 30px;
    padding: 10px 40px;

    color: #fff;
    background-color: #006738;
}
.hs-home-contact .contact-form form .send .iconfont {
    font-size: 18px;

    display: inline-block;
    overflow: hidden;

    width: 0;

    -webkit-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
}
.hs-home-contact .contact-form form .send:hover {
    background-color: rgba(0, 0, 0, .05);
}
.hs-home-contact .contact-form form .send:hover .iconfont {
    width: 30px;
}
.pb-140 {
    padding-bottom: 130px;
}
@media (max-width: 767px) {
    .pb-140 {
        padding-bottom: 100px;
    }
}
.fb_iframe_widget {
    position: absolute !important;

    width: 100%;
    height: 100%;
}
.fb_iframe_widget span {
    width: 100% !important;
    height: 100% !important;
}
.gettop {
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 30px;

    display: none;

    cursor: pointer;

    color: var(--color);
}
.gettop .icon {
    font-size: 40px;

    display: block;

    width: 60px;

    -webkit-animation: Mouse 1.6s linear infinite;
    animation: Mouse 1.6s linear infinite;
    -webkit-animation-direction: alternate;
    text-align: center;
}
.hs-inner {
    overflow: hidden;

    padding: 100px 0;
}
@media (max-width: 1560px) {
    .hs-inner {
        padding: 80px 0;
    }
}
@media (max-width: 1199px) {
    .hs-inner {
        padding: 60px 0;
    }
}
.title-inner h2 {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.33333333;

    margin: 0;
}
@media (max-width: 1560px) {
    .title-inner h2 {
        font-size: 44px;
    }
}
@media (max-width: 1470px) {
    .title-inner h2 {
        font-size: 42px;
    }
}
@media (max-width: 1400px) {
    .title-inner h2 {
        font-size: 40px;
    }
}
@media (max-width: 1199px) {
    .title-inner h2 {
        font-size: 34px;
    }
}
@media (max-width: 991px) {
    .title-inner h2 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .title-inner h2 {
        font-size: 24px;
    }
}
.hs-inner-location {
    padding: 20px 0;

    color: #666;
}
.hs-inner-location .location {
    line-height: 30px;

    position: relative;

    padding-left: 30px;
}
.hs-inner-location .location .flaticon {
    font-size: 20px;

    position: absolute;
    top: 0;
    left: 0;
}
.hs-inner-location .location ul {
    position: relative;

    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-location .location ul li {
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-location .location ul li:after {
    display: inline-block;

    margin: 0 10px;

    content: '-';
    vertical-align: top;
}
.hs-inner-location .location ul li:last-child:after {
    display: none;
}
.hs-inner-location .location ul li a {
    line-height: 1.875;

    display: block;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: capitalize;
}
.hs-inner-location .location ul li a:hover {
    color: #006738;
}
.hs-inner-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    border-bottom: 1px solid #d1d1d1;

    -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;
}
.hs-inner-menu .inner-menu {
    position: relative;
}
.hs-inner-menu .inner-menu>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -30px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1560px) {
    .hs-inner-menu .inner-menu>ul {
        margin: 0 -20px;
    }
}
@media (max-width: 991px) {
    .hs-inner-menu .inner-menu>ul {
        margin: 0 -10px;
    }
}
.hs-inner-menu .inner-menu>ul>li>a {
    font-size: 20px;
    line-height: 1.5;

    position: relative;

    display: block;

    padding: 20px 30px;

    -webkit-transition: all .2s;
    transition: all .2s;
}
@media (max-width: 1560px) {
    .hs-inner-menu .inner-menu>ul>li>a {
        padding: 20px;
    }
}
@media (max-width: 991px) {
    .hs-inner-menu .inner-menu>ul>li>a {
        font-size: 16px;

        padding: 10px;
    }
}
.hs-inner-menu .inner-menu>ul>li>a span {
    -webkit-transition: background-size .56s;
    transition: background-size .56s;

    background-image: -webkit-gradient(linear, left top, right top, from(#006738), to(#006738));
    background-image: -webkit-linear-gradient(left, #006738 0%, #006738 100%);
    background-image: linear-gradient(to right, #006738 0%, #006738 100%);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 0 2px;
}
.hs-inner-menu .inner-menu>ul>li.active>a,
.hs-inner-menu .inner-menu>ul>li:hover>a {
    font-weight: bold;

    color: #006738;
}
.hs-inner-menu .inner-menu>ul>li.active>a span,
.hs-inner-menu .inner-menu>ul>li:hover>a span {
    background-size: 100% 1px;
}
.inner-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.inner-content .inner-left {
    width: 340px;
    padding-top: 30px;
}
@media (max-width: 1400px) {
    .inner-content .inner-left {
        width: 300px;
    }
}
@media (max-width: 1199px) {
    .inner-content .inner-left {
        width: 100%;
        padding-top: 0;
    }
}
.inner-content .inner-right {
    width: -webkit-calc(100% - 340px);
    width: calc(100% - 340px);
    padding: 70px;

    background-color: #fff;
}
@media (max-width: 1400px) {
    .inner-content .inner-right {
        width: -webkit-calc(100% - 300px);
        width: calc(100% - 300px);
        padding: 30px;
    }
}
@media (max-width: 1199px) {
    .inner-content .inner-right {
        width: 100%;

        border: none;
    }
}
@media (max-width: 767px) {
    .inner-content .inner-right {
        padding: 30px 15px;
    }
}
.inner-leftmenu {
    height: auto;
    padding: 50px;

    color: #fff;
    border-radius: 30px 0 0 30px;
    background-color: #006738;
}
@media (max-width: 1400px) {
    .inner-leftmenu {
        padding: 30px;
    }
}
@media (max-width: 1199px) {
    .inner-leftmenu {
        padding: 20px;

        border-radius: 20px 20px 0 0;
    }
}
@media (max-width: 767px) {
    .inner-leftmenu {
        padding: 10px 20px;
    }
}
.inner-leftmenu .title-menu {
    position: relative;

    display: none;
}
@media (max-width: 1199px) {
    .inner-leftmenu .title-menu {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;

        display: block;

        padding: 10px;
    }
}
@media (max-width: 767px) {
    .inner-leftmenu .title-menu {
        font-size: 18px;
        line-height: 24px;
    }
}
.inner-leftmenu .title-menu:after {
    position: absolute;
    top: 10px;
    right: 10px;

    content: '+';
}
.inner-leftmenu .title-menu.current:after {
    content: '-';
}
@media (max-width: 1199px) {
    .inner-leftmenu .menunav1 {
        display: none;
    }
}
.inner-leftmenu .menunav1>li {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.inner-leftmenu .menunav1>li:last-child {
    border-bottom: none;
}
.inner-leftmenu .menunav1>li>a {
    font-size: 18px;
    line-height: 1.66666667;

    position: relative;

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

    padding: 12px 20px 12px 0;

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

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1400px) {
    .inner-leftmenu .menunav1>li>a {
        font-size: 16px;
    }
}
@media (max-width: 1199px) {
    .inner-leftmenu .menunav1>li>a {
        line-height: 1.5;

        padding: 10px 20px 10px 0;
    }
}
.inner-leftmenu .menunav1>li>a .flaticon {
    font-size: 40px;

    margin-right: 10px;
}
.inner-leftmenu .menunav1>li>a:after {
    position: absolute;
    top: 40px;
    right: 0;

    display: block;

    width: 0;
    height: 0;

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

    opacity: 0;
    border-width: 5px 0 5px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #003a1e;
}
.inner-leftmenu .menunav1>li.active>a,
.inner-leftmenu .menunav1>li:hover>a {
    color: #003a1e;
}
.inner-leftmenu .menunav1>li.active>a:after,
.inner-leftmenu .menunav1>li:hover>a:after {
    opacity: 1;
}
.inner-leftmenu .menunav2 {
    display: none;
}
@media (max-width: 1199px) {
    .inner-leftmenu .menunav2>li {
        display: inline-block;

        margin-right: 20px;

        vertical-align: middle;
    }
}
.inner-leftmenu .menunav2>li>a {
    font-size: 16px;
    line-height: 1.5;

    display: block;

    padding: 8px 0;

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

    color: #666;
}
@media (max-width: 1400px) {
    .inner-leftmenu .menunav2>li>a {
        padding: 5px 0;
    }
}
@media (max-width: 1199px) {
    .inner-leftmenu .menunav2>li>a {
        font-size: 14px;
    }
}
.inner-leftmenu .menunav2>li>a:before {
    margin-right: 6px;

    content: '--';
}
.inner-leftmenu .menunav2>li.active>a,
.inner-leftmenu .menunav2>li:hover>a {
    color: #006738;
}
.title-product-details h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;

    position: relative;

    margin: 0;
}
@media (max-width: 767px) {
    .title-product-details h3 {
        font-size: 20px;
    }
}
.title-product-details h3:after {
    display: block;

    width: 100%;
    height: 6px;
    margin-top: 20px;

    content: '';

    background: url(../images/title-details.webp) repeat-x;
}
.public-listbox1>ul>li {
    margin-top: 30px;
}
.public-listbox1 .listbox-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.public-listbox1 .listbox-group .icon {
    width: 90px;
}
@media (max-width: 767px) {
    .public-listbox1 .listbox-group .icon {
        width: 60px;
    }
}
.public-listbox1 .listbox-group .icon .flaticon {
    font-size: 50px;
    line-height: 1;

    display: block;

    color: #006738;
}
@media (max-width: 767px) {
    .public-listbox1 .listbox-group .icon .flaticon {
        font-size: 40px;
    }
}
.public-listbox1 .listbox-group .desc {
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
}
@media (max-width: 767px) {
    .public-listbox1 .listbox-group .desc {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }
}
.public-listbox2>ul {
    margin: 0 -30px;
}
@media (max-width: 1560px) {
    .public-listbox2>ul {
        margin: 0 -20px;
    }
}
@media (max-width: 991px) {
    .public-listbox2>ul {
        margin: 0 -10px;
    }
}
.public-listbox2>ul>li {
    margin-top: 40px;
    padding: 0 30px;
}
@media (max-width: 1560px) {
    .public-listbox2>ul>li {
        padding: 0 20px;
    }
}
@media (max-width: 991px) {
    .public-listbox2>ul>li {
        margin-top: 20px;
        padding: 0 10px;
    }
}
.public-listbox2 .listbox-group {
    text-align: center;
}
.public-listbox2 .listbox-group .icon .flaticon {
    font-size: 50px;
    line-height: 1;

    display: block;

    color: #006738;
}
@media (max-width: 767px) {
    .public-listbox2 .listbox-group .icon .flaticon {
        font-size: 40px;
    }
}
.public-listbox2 .listbox-group .desc {
    margin-top: 14px;
}
.public-listbox3>ul>li {
    margin-top: 20px;
}
.public-listbox3 .listbox-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
}
.public-listbox3 .listbox-group .icon {
    width: 50px;

    color: #006738;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.public-listbox3 .listbox-group .icon .flaticon {
    font-size: 26px;
    line-height: 30px;
}
.public-listbox4>ul>li {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .public-listbox4>ul>li {
        margin-top: 20px;
    }
}
.public-listbox4 .listbox-group img {
    width: 100%;
}
.public-tuwen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-top: 30px;

    -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;
}
.public-tuwen .desc,
.public-tuwen .img {
    width: 50%;
}
@media (max-width: 767px) {
    .public-tuwen .desc,
    .public-tuwen .img {
        width: 100%;
    }
}
.public-tuwen .desc {
    padding-left: 5%;
}
@media (max-width: 767px) {
    .public-tuwen .desc {
        margin-top: 20px;
        padding: 0;
    }
}
.public-tuwen .img {
    border: 1px solid #dcdcdc;
}
.public-tuwen .img img {
    width: 100%;
}
.public-tuwen.tuwen-zuowen {
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.public-tuwen.tuwen-zuowen .desc {
    padding-right: 5%;
    padding-left: 0;
}
@media (max-width: 767px) {
    .public-tuwen.tuwen-zuowen .desc {
        padding: 0;
    }
}
.public-table1 {
    margin-top: 50px;
}
.public-table1 .table_a {
    overflow-x: auto;

    max-width: 100%;
}
.public-table1 table {
    font-size: 15px;
    line-height: 1.73333333;

    width: 100%;
    max-width: 100%;

    background-color: #fff;
}
@media (max-width: 767px) {
    .public-table1 table {
        font-size: 14px;
    }
}
.public-table1 table tr:nth-child(odd) {
    background: #f5f5f5;
}
.public-table1 table tr th {
    color: #fff;
    background: #006738;
}
.public-table1 table tr th,
.public-table1 table tr td {
    padding: 15px 20px;

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

    border: 1px solid #eaeaea;
}
@media (max-width: 767px) {
    .public-table1 table tr th,
    .public-table1 table tr td {
        padding: 10px;
    }
}
.public-txt1 {
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .public-txt1 {
        margin-top: 30px;
    }
}
.public-txt1 p {
    line-height: 30px !important;
}
.public-txt1 p a {
    line-height: 46px;

    display: inline-block;

    padding: 0 40px;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-decoration: underline;

    color: #fff;
    background-color: #006738;
}
.public-txt1 p a:hover {
    background-color: #003a1e;
}
.public-txt2 {
    margin-top: 50px;
    padding: 50px;

    color: #fff;
    background-color: #006738;
}
@media (max-width: 1199px) {
    .public-txt2 {
        margin-top: 30px;
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .public-txt2 {
        padding: 10px 20px 30px 20px;
    }
}
.public-txt2 h2 {
    font-size: 300px;
    line-height: 100px;

    overflow: hidden;

    height: 100px;
}
@media (max-width: 1199px) {
    .public-txt2 h2 {
        font-size: 200px;
        line-height: 80px;

        height: 80px;
    }
}
@media (max-width: 767px) {
    .public-txt2 h2 {
        font-size: 100px;
        line-height: 60px;

        height: 60px;
        margin-bottom: 20px;
    }
}
.public-txt2 h2 span {
    display: block;

    -webkit-transform: translateY(60%);
    -ms-transform: translateY(60%);
    transform: translateY(60%);
}
.public-txt2 h3 {
    font-size: 24px;
}
.public-txt2 p {
    font-style: italic;
    line-height: 30px !important;
}
.public-txt2 .sign {
    text-align: right;
}
.public-txt2 .sign span {
    font-family: 'Caveat';
}
.public-txt3 {
    margin-top: 30px;
}
.public-txt3 p {
    line-height: 30px !important;
}
.public-txt3 p a {
    line-height: 46px;

    display: inline-block;

    margin-right: 20px;
    padding: 0 40px;

    -webkit-transition: all .2s;
    transition: all .2s;
    text-decoration: underline;

    color: #fff;
    background-color: #006738;
}
.public-txt3 p a:hover {
    background-color: #003a1e;
}
.public-txt4 {
    margin-top: 50px;
    padding: 100px 5%;

    text-align: center;

    background: url(../images/project_film_bg.webp) no-repeat center;
    background-size: cover;
}
@media (max-width: 1199px) {
    .public-txt4 {
        margin-top: 30px;
        padding: 50px 30px;
    }
}
@media (max-width: 767px) {
    .public-txt4 {
        padding: 30px 20px;
    }
}
.public-txt4 h3 {
    font-family: 'Caveat';
    font-size: 30px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    .public-txt4 h3 {
        font-size: 24px;
    }
}
.public-txt4 h3,
.public-txt4 p {
    max-width: 500px;
    margin: 0 auto;
}
.hs-inner-about-overview .about-overview {
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-inner-about-overview .about-overview {
        margin-top: 30px;
    }
}
.hs-inner-about-overview .about-overview>ul>li:nth-child(2) {
    margin-top: 100px;
}
.hs-inner-about-overview .about-overview>ul>li:nth-child(2) .about-overview-group {
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.hs-inner-about-overview .about-overview>ul>li:nth-child(2) .about-overview-group .group-list {
    padding-right: 0;
    padding-left: 5%;
}
.hs-inner-about-overview .about-overview>ul>li:nth-child(2) .about-overview-group .about-img {
    border-radius: 0 80px;
}
@media (max-width: 1560px) {
    .hs-inner-about-overview .about-overview>ul>li:nth-child(2) .about-overview-group .about-img {
        border-radius: 0 60px;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about-overview .about-overview>ul>li:nth-child(2) .about-overview-group .about-img {
        border-radius: 0 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-overview .about-overview>ul>li:nth-child(2) .about-overview-group .about-img {
        border-radius: 0 20px;
    }
}
.hs-inner-about-overview .about-overview-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-about-overview .about-overview-group .group-list {
    width: 50%;
    padding-right: 5%;
}
.hs-inner-about-overview .about-overview-group .group {
    margin-top: 150px;
}
@media (max-width: 1560px) {
    .hs-inner-about-overview .about-overview-group .group {
        margin-top: 120px;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about-overview .about-overview-group .group {
        margin-top: 80px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-overview .about-overview-group .group {
        margin-top: 30px;
    }
}
.hs-inner-about-overview .about-overview-group .group:nth-child(1) {
    margin-top: 0;
}
.hs-inner-about-overview .about-overview-group .group h2 {
    font-size: 80px;
    line-height: 1.2;

    color: #1a9543;
}
@media (max-width: 1560px) {
    .hs-inner-about-overview .about-overview-group .group h2 {
        font-size: 60px;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about-overview .about-overview-group .group h2 {
        font-size: 50px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-overview .about-overview-group .group h2 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-overview .about-overview-group .group h2 {
        font-size: 30px;
    }
}
.hs-inner-about-overview .about-overview-group .group h3 {
    font-size: 24px;
    line-height: 1.25;

    color: #1a9543;
}
@media (max-width: 1560px) {
    .hs-inner-about-overview .about-overview-group .group h3 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-overview .about-overview-group .group h3 {
        font-size: 18px;
    }
}
.hs-inner-about-overview .about-overview-group .about-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 50%;
    padding: 0 5%;
    min-height: 100vh;
    border-radius: 80px 0 80px 0;
    background: url(../images/about-overview_bg.jpg) no-repeat center;
    background-size: cover;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1560px) {
    .hs-inner-about-overview .about-overview-group .about-img {
        border-radius: 60px 0 60px 0;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about-overview .about-overview-group .about-img {
        border-radius: 30px 0 30px 0;
        min-height: auto;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-overview .about-overview-group .about-img {
        border-radius: 20px 0 20px 0;
    }
}
@media (min-width: 1200px) {
    .hs-inner-about-overview .about-overview-group .about-img {
        background-attachment: fixed;
    }
}
.hs-inner-about-overview .about-overview-group .about-img .title-img {
    font-size: 30px;
    font-weight: bold;

    letter-spacing: 5px;

    color: #fff;
}
@media (max-width: 1560px) {
    .hs-inner-about-overview .about-overview-group .about-img .title-img {
        font-size: 24px;
    }
}
.hs-inner-about-mission {
    background: url(../images/formulas_bg.png) no-repeat center;
    background-size: auto 100%;
}
.hs-inner-about-mission .about-mission {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    margin-top: 50px;
    padding: 50px 50px 100px 50px;

    border-radius: 60px 0 60px 0;
    background-color: #006738;
    background-image: -webkit-linear-gradient(225deg, rgba(0, 103, 56, .63) 0%, rgba(0, 63, 114, .72) 100%), url(../images/about-mission_bg.webp);
    background-image: linear-gradient(225deg, rgba(0, 103, 56, .63) 0%, rgba(0, 63, 114, .72) 100%), url(../images/about-mission_bg.webp);
    background-repeat: no-repeat;
    background-position: center bottom 0;
    background-size: contain;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .hs-inner-about-mission .about-mission {
        margin-top: 30px;
        padding: 30px;

        border-radius: 30px 0 30px 0;
    }
}
.hs-inner-about-mission .about-mission .desc {
    width: 50%;
    padding-right: 5%;

    color: #fff;
}
@media (max-width: 767px) {
    .hs-inner-about-mission .about-mission .desc {
        width: 100%;
        padding-right: 0;
    }
}
.hs-inner-about-mission .about-mission .desc:before {
    font-family: Arial;
    font-size: 100px;
    font-weight: bold;
    line-height: 1;

    display: block;

    height: 60px;

    content: '“';

    color: #ffd416;
}
.hs-inner-about-mission .about-mission .desc p {
    font-size: 24px;
    line-height: 1.66666667;
}
@media (max-width: 1199px) {
    .hs-inner-about-mission .about-mission .desc p {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-mission .about-mission .desc p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-mission .about-mission .desc p {
        font-size: 16px;
    }
}
.hs-inner-about-mission .about-mission .img {
    width: 50%;
}
@media (max-width: 767px) {
    .hs-inner-about-mission .about-mission .img {
        width: 100%;
        margin-top: 20px;
    }
}
.hs-inner-about-mission .about-mission .img img {
    width: 100%;
}
.hs-inner-about-mission .about-mission-text {
    position: relative;
    z-index: 6;

    overflow: hidden;

    width: 60%;
    margin: 0 auto;
    margin-top: -80px;
    padding: 50px;

    text-align: center;

    color: #003a1e;
    border: 4px solid #478393;
    border-radius: 60px 0 60px 0;
    background-color: #fff;
}
@media (max-width: 1199px) {
    .hs-inner-about-mission .about-mission-text {
        width: 80%;
        margin-top: -30px;
        padding: 30px;

        border-radius: 30px 0 30px 0;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-mission .about-mission-text {
        padding: 20px 15px;

        border-radius: 20px 0;
    }
}
.hs-inner-about-mission .about-mission-text p {
    font-size: 20px;
    line-height: 1.66666667;
}
@media (max-width: 1199px) {
    .hs-inner-about-mission .about-mission-text p {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-mission .about-mission-text p {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-mission .about-mission-text p {
        font-size: 14px;
    }
}
.hs-inner-about-what .about-what {
    position: relative;

    margin-top: 30px;
}
.hs-inner-about-what .about-what>ul>li {
    margin: 15px 0;
}
.hs-inner-about-what .about-what>ul>li:nth-child(3) .what-group,
.hs-inner-about-what .about-what>ul>li:nth-child(4) .what-group {
    padding: 200px 50px 50px 50px;
}
@media (max-width: 1199px) {
    .hs-inner-about-what .about-what>ul>li:nth-child(3) .what-group,
    .hs-inner-about-what .about-what>ul>li:nth-child(4) .what-group {
        padding: 150px 30px 30px 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-what .about-what>ul>li:nth-child(3) .what-group,
    .hs-inner-about-what .about-what>ul>li:nth-child(4) .what-group {
        padding: 20px 15px;
    }
}
.hs-inner-about-what .about-what .what-group {
    height: 100%;
    padding: 50px 50px 200px 50px;
    min-height: 550px;
    -webkit-transition: background-color .6s;
    transition: background-color .6s;

    background-color: rgba(0, 147, 49, .06);
}
@media (max-width: 1560px) {
    .hs-inner-about-what .about-what .what-group {
        min-height: 500px;
    }
}
@media (max-width: 1199px) {
    .hs-inner-about-what .about-what .what-group {
        padding: 30px 30px 150px 30px;
        min-height: auto;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-what .about-what .what-group {
        padding: 20px 15px;
    }
}
.hs-inner-about-what .about-what .what-group h3 {
    font-size: 24px;
    line-height: 1.25;

    color: #1a9543;
}
@media (max-width: 1560px) {
    .hs-inner-about-what .about-what .what-group h3 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-what .about-what .what-group h3 {
        font-size: 18px;
    }
}
.hs-inner-about-what .about-what .active .what-group {
    overflow: hidden;

    border-radius: 60px 0 60px 0;
    background-color: #006738;
    background-image: -webkit-linear-gradient(194deg, rgba(0, 55, 107, .8) 1%, rgba(0, 112, 16, .54) 100%), url(../images/bg-1.png);
    background-image: linear-gradient(256deg, rgba(0, 55, 107, .8) 1%, rgba(0, 112, 16, .54) 100%), url(../images/bg-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    background-blend-mode: normal;
}
@media (max-width: 1199px) {
    .hs-inner-about-what .about-what .active .what-group {
        border-radius: 30px 0 30px 0;
    }
}
.hs-inner-about-what .about-what .active .what-group h3,
.hs-inner-about-what .about-what .active .what-group p {
    color: #fff;
}
.hs-inner-about-what .about-what-img {
    position: absolute;
    top: 50%;
    left: 25%;

    width: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .hs-inner-about-what .about-what-img {
        display: none;
    }
}
.hs-inner-about-what .about-what-img img {
    width: 100%;
}
.hs-inner-about-we .about-we {
    position: relative;

    margin-top: 40px;
}
.hs-inner-about-we .about-we .ibox {
    padding-bottom: 56.2%;
}
.hs-inner-about-we .about-we iframe {
    position: absolute;
    z-index: 1;

    width: 100%;
    height: 100%;
}
.hs-inner-about-we .video-cover {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.hs-inner-about-we .video-cover:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    background-color: rgba(0, 0, 0, 0);
}
.hs-inner-about-we .video-cover img {
    width: 100%;
}
.hs-inner-about-we .video-cover .play {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;

    cursor: pointer;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);

    color: #fff;
}
.hs-inner-about-we .video-cover .play .iconfont {
    font-size: 80px;
}
.hs-inner-about-we:hover .video-cover:before {
    background-color: rgba(0, 0, 0, .6);
}
.hs-inner-about-history .about-history {
    position: relative;

    margin-top: 60px;
}
@media (max-width: 1199px) {
    .hs-inner-about-history .about-history {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history>ul>li {
        padding: 10px 0;
    }
}
.hs-inner-about-history .about-history>ul>li:nth-child(2n) .history-group {
    flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.hs-inner-about-history .about-history>ul>li:nth-child(2n) .history-group .desc:before {
    right: -webkit-calc(100% - 50px);
    right: calc(100% - 50px);
    left: auto;

    width: 0;
    height: 0;

    border-width: 10px 18px 10px 0;
    border-style: solid;
    border-color: transparent #12332b transparent transparent;
}
.hs-inner-about-history .about-history>ul>li:nth-child(2n) .history-group .year {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.hs-inner-about-history .about-history>ul>li:nth-child(2n) .history-group .year:before {
    right: -10px;
    left: auto;
}
.hs-inner-about-history .about-history>ul>li:nth-child(2n) .history-group .year:after {
    right: -1px;
    left: auto;
}
.hs-inner-about-history .about-history>ul>li:nth-child(1) .history-group .year:after {
    top: 50%;

    height: 50%;
}
.hs-inner-about-history .about-history>ul>li:last-child .history-group .year:after {
    top: 0;

    height: 50%;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+2) .history-group .desc .note {
    background-color: #164f2c;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+3) .history-group .desc .note {
    background-color: #006738;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+4) .history-group .desc .note {
    background-color: #00684c;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+5) .history-group .desc .note {
    background-color: #1a4f4e;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+6) .history-group .desc .note {
    background-color: #005675;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+7) .history-group .desc .note {
    background-color: #294763;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+8) .history-group .desc .note {
    background-color: #0c7c7b;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+9) .history-group .desc .note {
    background-color: #0b5b55;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+10) .history-group .desc .note {
    background-color: #1a4556;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+11) .history-group .desc .note {
    background-color: #0d2d44;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+12) .history-group .desc .note {
    background-color: #164554;
}
.hs-inner-about-history .about-history>ul>li:nth-child(13n+13) .history-group .desc .note {
    background-color: #12332b;
}
.hs-inner-about-history .about-history .line {
    position: absolute;
    z-index: 1;
    left: 50%;

    width: 10px;
    height: 0;

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

    background-color: #006738;
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .line {
        left: 0;

        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.hs-inner-about-history .about-history .history-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-inner-about-history .about-history .history-group .desc {
    position: relative;

    width: 50%;
    padding: 0 50px;
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .history-group .desc {
        width: 100%;
        padding: 0 0 0 50px;
    }
}
.hs-inner-about-history .about-history .history-group .desc:before {
    position: absolute;
    top: 50%;
    left: -webkit-calc(100% - 50px);
    left: calc(100% - 50px);

    width: 0;
    height: 0;

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

    border-width: 10px 0 10px 18px;
    border-style: solid;
    border-color: transparent transparent transparent #12332b;
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .history-group .desc:before {
        right: -webkit-calc(100% - 50px);
        right: calc(100% - 50px);
        left: auto;

        width: 0;
        height: 0;

        border-width: 10px 18px 10px 0;
        border-style: solid;
        border-color: transparent #12332b transparent transparent;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .history-group .desc:after {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: -5px;

        display: block;

        width: 20px;
        height: 20px;

        content: '';
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);

        border-radius: 50%;
        background-color: #006738;
    }
}
.hs-inner-about-history .about-history .history-group .desc .note {
    overflow: hidden;

    padding: 30px;

    color: #fff;
    border-radius: 40px 0 40px 0;
    background-color: #12332b;
}
@media (max-width: 1199px) {
    .hs-inner-about-history .about-history .history-group .desc .note {
        padding: 20px 15px;

        border-radius: 20px 0;
    }
}
.hs-inner-about-history .about-history .history-group .desc .note img {
    max-width: 100%;
}
.hs-inner-about-history .about-history .history-group .desc .note .note-year {
    display: none;
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .history-group .desc .note .note-year {
        font-size: 20px;
        line-height: 24px;

        display: block;

        margin-top: 20px;

        color: #1a9543;
    }
}
.hs-inner-about-history .about-history .history-group .desc .note h3 {
    font-size: 22px;
    line-height: 1.36363636;

    margin-top: 20px;

    color: #ffd416;
}
@media (max-width: 1560px) {
    .hs-inner-about-history .about-history .history-group .desc .note h3 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .hs-inner-about-history .about-history .history-group .desc .note h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .history-group .desc .note h3 {
        margin-top: 0;
    }
}
.hs-inner-about-history .about-history .history-group .desc .note p {
    color: #fff;
}
.hs-inner-about-history .about-history .history-group .desc .note p span {
    color: #ffd416;
}
.hs-inner-about-history .about-history .history-group .year {
    font-size: 20px;
    font-weight: bold;

    position: relative;

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

    width: 50%;
    padding: 0 50px;

    color: #1a9543;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .hs-inner-about-history .about-history .history-group .year {
        display: none;
    }
}
.hs-inner-about-history .about-history .history-group .year:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: -10px;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 50%;
    background-color: #006738;
}
.hs-inner-about-history .about-history .history-group .year:after {
    position: absolute;
    top: 0;
    left: -1px;

    display: block;

    width: 2px;
    height: 100%;

    content: '';

    background-image: -webkit-repeating-linear-gradient(top, #ffd416, #ffd416 5px, transparent 5px, transparent 10px);
    background-image: repeating-linear-gradient(to bottom, #ffd416, #ffd416 5px, transparent 5px, transparent 10px);
}
.hs-inner-about-history .about-history .active .history-group .year:before {
    background-color: #ffd416;
}
.hs-inner-about-history .about-history .active .history-group .desc:after {
    background-color: #ffd416;
}
.hs-pad-advertise-in .advertise {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-pad-advertise-in .advertise .title-advertise {
    text-align: right;
}
@media (max-width: 767px) {
    .hs-pad-advertise-in .advertise .title-advertise {
        width: 100%;

        text-align: left;
    }
}
.hs-pad-advertise-in .advertise .title-advertise h2 {
    color: #ffd416;
}
.hs-pad-advertise-in .advertise .title-advertise h2 .iconfont {
    font-size: 30px;
    font-weight: normal;

    display: inline-block;

    margin-top: -4px;
    margin-right: 10px;

    vertical-align: middle;

    color: #fff;
}
@media (max-width: 767px) {
    .hs-pad-advertise-in .advertise .public-note {
        width: 100%;
        margin-top: 20px;
    }
}
.public-agriculture-group {
    position: relative;

    padding: 30px;

    border-radius: 10px;
    background-color: #f7f9f7;
    background-image: -webkit-linear-gradient(145deg, rgba(239, 247, 0, .12) 0%, rgba(122, 255, 228, .1) 99%);
    background-image: linear-gradient(305deg, rgba(239, 247, 0, .12) 0%, rgba(122, 255, 228, .1) 99%);
}
@media (max-width: 767px) {
    .public-agriculture-group {
        padding: 20px;
    }
}
.public-agriculture-group .num {
    line-height: 38px;

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

    width: 38px;
    height: 38px;

    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #478393;
}
.public-agriculture-group .icon {
    width: 50px;
}
.public-agriculture-group .icon img {
    width: 100%;
}
.public-agriculture-group .title-agriculture {
    font-size: 24px;
    line-height: 1.25;

    margin: 20px 0 0 0;

    color: #1a9543;
}
@media (max-width: 991px) {
    .public-agriculture-group .title-agriculture {
        font-size: 20px;
    }
}
.public-agriculture-group .public-note {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .public-agriculture-group .public-note {
        margin-top: 10px;
    }
}
.hs-inner-sustainable-agriculture .sustainable-agriculture {
    /*background: url(../images/sustainable-agriculture_bg.jpg) no-repeat center;*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .92)), to(rgba(255, 255, 255, .74))), url(../images/sustainable-agriculture_bg.jpg);*/
    /*background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .74) 100%), url(../images/sustainable-agriculture_bg.jpg);*/
    /*background-image: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .74) 100%), url(../images/sustainable-agriculture_bg.jpg);*/
    /*background-size: cover;*/
    /*background-size: contain;*/
}
.hs-inner-sustainable-agriculture .sustainable-agriculture ul {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture ul {
        margin-top: 30px;
    }
}
@media (max-width: 991px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture ul li:nth-child(2) {
        width: 100%;

        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .hs-inner-sustainable-agriculture .sustainable-agriculture ul li:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .hs-inner-sustainable-agriculture .sustainable-agriculture ul li:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}
.hs-inner-sustainable-agriculture .sustainable-agriculture .public-agriculture-group {
    margin: 50px 0;
    min-height: 350px;
}
@media (max-width: 767px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture .public-agriculture-group {
        margin: 20px 0 0 0;
        min-height: auto;
    }
}
.hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text .title-agriculture {
    font-size: 30px;
    line-height: 1.25;

    text-align: center;

    color: transparent;
    background-image: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
    background-image: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    -webkit-background-clip: text;
    background-clip: text;
}
@media (max-width: 1199px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text .title-agriculture {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text .title-agriculture {
        font-size: 20px;
    }
}
.hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text .agriculture-pic {
    overflow: hidden;

    margin-top: 30px;

    border-radius: 10px;
}
@media (max-width: 1199px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text .agriculture-pic {
        width: 50%;
        margin: 0 auto;
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text .agriculture-pic {
        width: 100%;
    }
}
.hs-inner-sustainable-agriculture .sustainable-agriculture .agriculture-text img {
    width: 100%;
}
.hs-inner-sustainable-care {
    position: relative;
    z-index: 6;

    overflow: visible;
}
.hs-inner-sustainable-care .sustainability {
    background: url(../images/sustainable-care_bg.jpg) no-repeat top center;
    background-size: auto 65%;
}
.hs-inner-sustainable-care .globe {
    position: relative;
    bottom: 0;

    margin-top: 30px;
}
.hs-inner-sustainable-care .sustainability-right {
    position: relative;
}
.hs-inner-sustainable-care .sustainability-right .public-agriculture-group {
    margin-top: 30px;
}
.hs-inner-sustainable-production {
    background: url(../images/sustainable-production_bg.webp) no-repeat bottom center;
    background-size: cover;
}
.hs-inner-sustainable-production .sustainable-production {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    padding: 20px 50px;

    border-radius: 10px 10px 0 0;
    background-color: rgba(247, 249, 247, .9);

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .hs-inner-sustainable-production .sustainable-production {
        padding: 0 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-sustainable-production .sustainable-production {
        padding: 0 20px;
    }
}
.hs-inner-sustainable-production .title-sustainable-production h3 {
    font-size: 30px;
    line-height: 1.33333333;

    color: #006738;
}
@media (max-width: 1199px) {
    .hs-inner-sustainable-production .title-sustainable-production h3 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .hs-inner-sustainable-production .title-sustainable-production h3 {
        font-size: 20px;
    }
}
.hs-inner-sustainable-production .img {
    margin-top: 30px;
}
.hs-inner-sustainable-production .sustainable-production-left {
    width: 50%;
    padding-right: 5%;
    padding-top: 30px;
}
@media (max-width: 767px) {
    .hs-inner-sustainable-production .sustainable-production-left {
        width: 100%;
        margin-top: 30px;
        padding-right: 0;
    }
}
.hs-inner-sustainable-production .sustainable-production-left .img img {
    width: 100%;
}
.hs-inner-sustainable-production .sustainable-production-right {
    width: 50%;
}
@media (max-width: 767px) {
    .hs-inner-sustainable-production .sustainable-production-right {
        width: 100%;
    }
}
.hs-inner-sustainable-production .sustainable-production-right .public-agriculture-group {
    margin: 30px 0;
}
.hs-inner-contact-partner .contact-partner {
    margin-top: 60px;

    background-color: #fafafa;
    background-image: -webkit-linear-gradient(120deg, rgba(29, 90, 147, .86) 0%, rgba(11, 124, 92, .82) 97%), url(../images/contact-partner_bg.jpg);
    background-image: linear-gradient(330deg, rgba(29, 90, 147, .86) 0%, rgba(11, 124, 92, .82) 97%), url(../images/contact-partner_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hs-inner-contact-partner .title-contact-partner {
    width: 40%;
    padding-right: 5%;
}
@media (max-width: 767px) {
    .hs-inner-contact-partner .title-contact-partner {
        width: 100%;
        padding-right: 0;
    }
}
.hs-inner-contact-partner .title-contact-partner h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.53333333;

    color: #fff;
}
@media (max-width: 1199px) {
    .hs-inner-contact-partner .title-contact-partner h3 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .hs-inner-contact-partner .title-contact-partner h3 {
        font-size: 20px;
    }
}
.hs-inner-contact-partner .contact-partner-right {
    width: 60%;
}
@media (max-width: 767px) {
    .hs-inner-contact-partner .contact-partner-right {
        width: 100%;
        margin-top: 30px;
    }
}
.hs-inner-contact-partner .contact-partner-right form>ul>li {
    margin-top: 20px;
}
.hs-inner-contact-partner .contact-partner-right form p {
    font-weight: bold;

    color: rgba(0, 0, 0, .8);
}
.hs-inner-contact-partner .contact-partner-right form input,
.hs-inner-contact-partner .contact-partner-right form textarea {
    line-height: 30px;

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

    background-color: #fff;
}
.hs-inner-contact-partner .contact-partner-right form input::-webkit-input-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea::-webkit-input-placeholder {
    color: #fff;
}
.hs-inner-contact-partner .contact-partner-right form input:-o-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea:-o-placeholder {
    color: #fff;
}
.hs-inner-contact-partner .contact-partner-right form input::-moz-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea::-moz-placeholder {
    color: #fff;
}
.hs-inner-contact-partner .contact-partner-right form input:-ms-input-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea:-ms-input-placeholder {
    color: #fff;
}
.hs-inner-contact-partner .contact-partner-right form input:focus::-webkit-input-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-inner-contact-partner .contact-partner-right form input:focus::-o-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea:focus::-o-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-inner-contact-partner .contact-partner-right form input:focus::-moz-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea:focus::-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-inner-contact-partner .contact-partner-right form input:focus::-ms-input-placeholder,
.hs-inner-contact-partner .contact-partner-right form textarea:focus::-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}
.hs-inner-contact-partner .contact-partner-right form .send {
    line-height: 30px;

    margin-top: 30px;
    padding: 10px 40px;

    color: #fff;
    background-color: #006738;
}
.hs-inner-contact-partner .contact-partner-right form .send .iconfont {
    font-size: 18px;

    display: inline-block;
    overflow: hidden;

    width: 0;

    -webkit-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
}
.hs-inner-contact-partner .contact-partner-right form .send:hover {
    background-color: rgba(0, 0, 0, .05);
}
.hs-inner-contact-partner .contact-partner-right form .send:hover .iconfont {
    width: 30px;
}
.hs-inner-contact .contact {
    margin-top: 50px;
    padding: 50px;

    background-color: #fafafa;
}
@media (max-width: 1199px) {
    .hs-inner-contact .contact {
        margin-top: 30px;
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .hs-inner-contact .contact {
        padding: 20px;
    }
}
.hs-inner-contact .contact ul {
    position: relative;

    margin: 0 -40px;
}
.hs-inner-contact .contact ul:before {
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1px;
    height: 100%;

    content: '';

    background-color: #d6d6d6;
}
@media (max-width: 767px) {
    .hs-inner-contact .contact ul:before {
        display: none;
    }
}
.hs-inner-contact .contact ul li {
    padding: 0 40px;
}
.hs-inner-contact .contact .contact-group {
    margin: 30px 0;
}
.hs-inner-contact .contact .contact-group .title-contact {
    padding-bottom: 10px;

    text-align: center;

    border-bottom: 1px solid #d6d6d6;
}
.hs-inner-contact .contact .contact-group .title-contact .icon .iconfont {
    font-size: 30px;

    color: #c9c9c9;
}
.hs-inner-contact .contact .contact-group .title-contact h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71428571;

    margin-top: 10px;

    color: #006738;
}
.hs-inner-contact .contact .contact-group .public-note {
    margin-top: 20px;

    text-align: center;
}
.hs-inner-contact .contact .contact-group .public-note h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;

    color: #006738;
}
.hs-inner-contact .contact .contact-group .public-note p a {
    font-weight: bold;

    color: #1a9543;
}
.hs-inner-contact .contact .contact-group .public-note p a:hover {
    text-decoration: underline;
}
.hs-inner-products-bg1 {
    overflow: hidden;

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .69)), to(rgba(255, 255, 255, .79))), url(../images/bg-1.png);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .69) 0%, rgba(255, 255, 255, .79) 100%), url(../images/bg-1.png);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .69) 0%, rgba(255, 255, 255, .79) 100%), url(../images/bg-1.png);
    background-repeat: repeat-y;
    background-size: contain;
}
.hs-inner-products-bg2 {
    overflow: hidden;

    background-color: #f7f9f7;
    background-image: url(../images/bg-1.png) !important;
    background-repeat: repeat-y;
    background-position: center;
    background-size: cover;
}
.products-parts-1 {
    overflow: hidden;

    padding: 30px;

    border-radius: 10px;
    background-color: #f7f9f7;
}
@media (max-width: 767px) {
    .products-parts-1 {
        padding: 20px 15px;
    }
}
.products-parts-1 .products-parts-1-left {
    width: 50%;
    padding: 30px;

    border-radius: 10px;
    background-color: #fff;
}
@media (max-width: 991px) {
    .products-parts-1 .products-parts-1-left {
        width: 100%;
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .products-parts-1 .products-parts-1-left {
        padding: 10px;
    }
}
.products-parts-1 .products-parts-1-left .note {
    margin-top: 40px;
}
@media (max-width: 1199px) {
    .products-parts-1 .products-parts-1-left .note {
        margin-top: 20px;
    }
}
.products-parts-1 .products-parts-1-right {
    width: 50%;
    padding-left: 3%;
}
@media (max-width: 991px) {
    .products-parts-1 .products-parts-1-right {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.products-parts-1 .products-parts-1-right img {
    width: 100%;

    border-radius: 10px;
}
.products-parts-1 .products-parts-1-right .img1 {
    width: 80%;

    -webkit-animation: dipi-down-effect 10s linear infinite;
    animation: dipi-down-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.products-parts-1 .products-parts-1-right .img2 {
    width: 70%;
    margin-top: -100px;
    margin-left: 30%;

    -webkit-animation: dipi-topleftright-effect 10s linear infinite;
    animation: dipi-topleftright-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.products-parts-1-1 .products-parts-1-right .img1 {
    width: 100%;
    margin-bottom: 30px;
}
.hs-inner-products-explore {
    padding: 0 5%;
}
.hs-inner-products-explore .explore {
    overflow: hidden;

    padding: 120px 0;

    color: #fff;
    border-radius: 16px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 29, 68, .74)), color-stop(99%, rgba(3, 56, 40, .69))), url(../images/explore_bg.jpg);
    background-image: -webkit-linear-gradient(top, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/explore_bg.jpg);
    background-image: linear-gradient(180deg, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/explore_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 1200px) {
    .hs-inner-products-explore .explore {
        background-attachment: fixed;
    }
}
@media (max-width: 1199px) {
    .hs-inner-products-explore .explore {
        padding: 50px 0;
    }
}
.hs-inner-products-explore .title-explore {
    max-width: 600px;
}
.hs-inner-products-explore .title-explore h2 {
    font-size: 30px;
    line-height: 1.66666667;
}
@media (max-width: 1199px) {
    .hs-inner-products-explore .title-explore h2 {
        font-size: 24px;
    }
}
.hs-inner-products-explore .public-note {
    max-width: 600px;
    margin-top: 20px;
}
@media (max-width: 1199px) {
    .hs-inner-products-explore .public-note {
        margin-top: 10px;
    }
}
.hs-inner-products-explore .public-note h4 {
    font-size: 20px;
    line-height: 1.5;
}
@media (max-width: 1199px) {
    .hs-inner-products-explore .public-note h4 {
        font-size: 18px;
    }
}
.hs-inner-products-explore .public-note p {
    color: #fff;
}
.products-parts-2 {
    overflow: hidden;

    padding: 30px 60px;

    border-radius: 10px 10px 10px 10px;
    background-color: #f7f9f7;
}
@media (max-width: 1199px) {
    .products-parts-2 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .products-parts-2 {
        padding: 20px 15px;
    }
}
.products-parts-2 .mask {
    margin-top: 20px;
}
.products-parts-2 .mask h3 {
    font-size: 20px;

    color: transparent;
    background-image: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
    background-image: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    -webkit-background-clip: text;
}
@media (max-width: 1199px) {
    .products-parts-2 .mask h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .products-parts-2 .mask h3 {
        font-size: 16px;
    }
}
.products-parts-2 .parts-2-list {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .products-parts-2 .parts-2-list {
        margin-top: 0;
    }
}
.products-parts-2 .parts-2-list>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -10px;
}
@media (max-width: 991px) {
    .products-parts-2 .parts-2-list>ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.products-parts-2 .parts-2-list>ul>li {
    margin-top: 30px;
    padding: 0 10px;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 991px) {
    .products-parts-2 .parts-2-list>ul>li {
        width: 33.33333333%;

        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
}
@media (max-width: 767px) {
    .products-parts-2 .parts-2-list>ul>li {
        width: 50%;
    }
}
.products-parts-2 .parts-2-list .parts-2-list-group {
    max-width: 200px;
    margin: 0 auto;

    text-align: center;
}
.products-parts-2 .parts-2-list .parts-2-list-group .icon {
    width: 50px;
    margin: 0 auto;
}
.products-parts-2 .parts-2-list .parts-2-list-group .icon img {
    width: 100%;
}
.products-parts-2 .parts-2-list .parts-2-list-group h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.66666667;

    margin: 16px 0 10px;
    color: #006738;
}
.products-parts-2 .parts-2-list .parts-2-list-group p {
    font-size: 14px;
    line-height: 1.71428571;

    margin: 0;

    color: #666;
}
.products-parts-2 .product-parts-text {
    margin-top: 30px;
}
.products-parts-2 .product-parts-text p {
    font-size: 18px;
    line-height: 1.66666667;

    margin: 0;
}
@media (max-width: 1199px) {
    .products-parts-2 .product-parts-text p {
        font-size: 16px;
    }
}
.products-parts-3>ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.products-parts-3>ul>li {
    margin-top: 30px;
}
.products-parts-3 .products-parts-3-group {
    display: block;
    overflow: hidden;

    height: 100%;
    padding: 30px;

    -webkit-transition: -webkit-transform 300ms ease 0ms;
    transition: -webkit-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
    text-align: center;

    border-radius: 10px;
    background-color: rgba(255, 250, 221, .55);
    background-image: -webkit-linear-gradient(133deg, rgba(59, 145, 106, .26) 0%, rgba(255, 208, 0, .13) 100%);
    background-image: linear-gradient(317deg, rgba(59, 145, 106, .26) 0%, rgba(255, 208, 0, .13) 100%);
}
@media (max-width: 767px) {
    .products-parts-3 .products-parts-3-group {
        padding: 20px;
    }
}
.products-parts-3 .products-parts-3-group .icon {
    width: 110px;
    margin: 0 auto;
}
@media (max-width: 1199px) {
    .products-parts-3 .products-parts-3-group .icon {
        width: 80px;
    }
}
.products-parts-3 .products-parts-3-group .icon img {
    width: 100%;
}
.products-parts-3 .products-parts-3-group .mask {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;

    margin-top: 10px;

    letter-spacing: 2px;

    color: #006738;
}
.products-parts-3 .products-parts-3-group h3 {
    font-size: 24px;
    line-height: 1.4;

    color: #478393;
}
@media (max-width: 1199px) {
    .products-parts-3 .products-parts-3-group h3 {
        font-size: 20px;
    }
}
.products-parts-3 .products-parts-3-group h3 span {
    font-size: 20px;
}
@media (max-width: 1199px) {
    .products-parts-3 .products-parts-3-group h3 span {
        font-size: 18px;
    }
}
.products-parts-3 .products-parts-3-group p {
    line-height: 1.5;

    margin: 0;

    color: #333;
}
.products-parts-3 .products-parts-3-group h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.66666667;

    margin-top: 20px;

    color: #006738;
}
.products-parts-3 .products-parts-3-group h5 {
    font-size: 16px;
    line-height: 1.875;

    margin: 0;

    color: #3b917c;
}
.products-parts-3 .products-parts-3-group:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.products-parts-3 .product-parts-text {
    margin-top: 30px;

    text-align: center;
}
.products-parts-3 .product-parts-text p {
    font-size: 18px;
    line-height: 1.66666667;

    margin: 0;
}
@media (max-width: 1199px) {
    .products-parts-3 .product-parts-text p {
        font-size: 16px;
    }
}
.products-parts-4 .products-parts-4-list {
    margin-top: 50px;
}
.products-parts-4 .products-parts-4-list .choose-group .icon {
    line-height: 50px;

    width: 50px;
    height: 50px;

    text-align: center;

    border-radius: 50%;
}
.products-parts-4 .products-parts-4-list .choose-group .icon span {
    display: block;
}
.products-parts-4 .products-parts-4-list .choose-group .icon span:after {
    font-size: inherit !important;

    content: attr(data-icon);
}
.products-parts-4 .products-parts-4-list-left {
    width: 60%;
    padding-right: 5%;
}
@media (max-width: 767px) {
    .products-parts-4 .products-parts-4-list-left {
        width: 100%;
        padding-right: 0;
    }
}
.products-parts-4 .products-parts-4-list-right {
    width: 40%;
}
@media (max-width: 767px) {
    .products-parts-4 .products-parts-4-list-right {
        width: 100%;
        margin-top: 30px;
    }
}
.products-parts-4 .products-parts-4-list-right img {
    width: 100%;

    border-radius: 10px;
}
.products-parts-4 .products-parts-4-list-right .img1 {
    -webkit-animation: dipi-updown-effect 10s linear infinite;
    animation: dipi-updown-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.products-parts-4 .products-parts-4-list-right .img2 {
    width: 70%;
    margin: 0 auto;
    margin-top: -60px;

    -webkit-animation: dipi-zoombottom-effect 10s linear infinite;
    animation: dipi-zoombottom-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.products-parts-4 .title-products-parts-4 {
    margin-top: 30px;
}
.products-parts-4 .title-products-parts-4 h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.25;

    color: #1a9543;
}
@media (max-width: 991px) {
    .products-parts-4 .title-products-parts-4 h4 {
        font-size: 18px;
    }
}
.products-parts-4 .title-products-parts-4 p {
    line-height: 1.5;

    margin: 10px 0 0 0;
}
.products-parts-5 {
    overflow: hidden;

    padding: 30px 60px;

    border-radius: 10px 10px 10px 10px;
    background-color: #f7f9f7;
}
@media (max-width: 1199px) {
    .products-parts-5 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .products-parts-5 {
        padding: 20px 15px;
    }
}
.products-parts-5 .parts-5-list-menu {
    margin-top: 40px;

    border-bottom: 2px solid #dcdcdc;
}
.products-parts-5 .parts-5-list-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -10px;
}
@media (max-width: 767px) {
    .products-parts-5 .parts-5-list-menu ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.products-parts-5 .parts-5-list-menu li {
    padding: 0 10px;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 767px) {
    .products-parts-5 .parts-5-list-menu li {
        width: 50%;

        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
}
.products-parts-5 .parts-5-list-menu .parts-5-list-group {
    position: relative;

    max-width: 200px;
    margin: 0 auto;
    padding-bottom: 20px;

    cursor: pointer;
    text-align: center;
}
.products-parts-5 .parts-5-list-menu .parts-5-list-group:after {
    position: absolute;
    bottom: -2px;
    left: 50%;

    display: block;

    width: 0;
    height: 2px;

    content: '';
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background-color: #1a9543;
}
@media (max-width: 767px) {
    .products-parts-5 .parts-5-list-menu .parts-5-list-group:after {
        display: none;
    }
}
.products-parts-5 .parts-5-list-menu .parts-5-list-group .img {
    overflow: hidden;

    max-width: 100px;
    margin: 0 auto;

    border-radius: 50%;
}
.products-parts-5 .parts-5-list-menu .parts-5-list-group .title-parts-5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #006738;
}
@media (max-width: 767px) {
    .products-parts-5 .parts-5-list-menu .parts-5-list-group .title-parts-5 {
        font-size: 14px;
    }
}
.products-parts-5 .parts-5-list-menu .active .parts-5-list-group:after {
    width: 100%;
}
.products-parts-5 .parts-5-list-menu .active .parts-5-list-group .title-parts-5 {
    font-weight: bold;
}
.products-parts-5 .parts-5-list-menu-noxuan {
    border-bottom: none;
}
.products-parts-5 .parts-5-list-menu-noxuan ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.products-parts-5 .parts-5-list-menu-noxuan ul li {
    margin: 20px 0;

    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}
.products-parts-5 .parts-5-list-menu-noxuan .parts-5-list-group {
    cursor: default;
}
.products-parts-5 .parts-5-list-menu-noxuan .parts-5-list-group .title-parts-5 {
    font-weight: bold;

    margin-top: 20px;
}
.products-parts-5 .parts-5-list-menu-noxuan .parts-5-list-group .public-note {
    margin-top: 10px;
}
.products-parts-5 .parts-5-list-menu-noxuan .parts-5-list-group .public-note p {
    font-size: 14px;
    line-height: 1.71428571;

    color: #666;
}
.products-parts-5 .parts-5-list-content {
    margin-top: 30px;
}
.products-parts-5 .parts-5-list-list h3 {
    font-size: 20px;
    line-height: 1.5;

    color: #006738;
}
@media (max-width: 1199px) {
    .products-parts-5 .parts-5-list-list h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .products-parts-5 .parts-5-list-list h3 {
        font-size: 16px;
    }
}
.products-parts-5 .parts-5-list-list ul {
    padding-left: 20px;
}
.products-parts-5 .parts-5-list-list ul li {
    margin: 5px 0;

    list-style: disc;
}
.products-parts-5 .parts-5-list-list p {
    line-height: 1.75;

    margin: 0;
}
.products-parts-6 {
    overflow: hidden;

    padding: 30px 60px;

    border-radius: 10px 10px 10px 10px;
    background-color: #f7f9f7;
}
@media (max-width: 1199px) {
    .products-parts-6 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .products-parts-6 {
        padding: 20px 15px;
    }
}
.products-parts-6 .parts-6-list {
    margin-top: 30px;
}
.products-parts-6 .parts-6-list>ul>li {
    margin-top: 20px;
}
.products-parts-6 .parts-6-list .parts-6-group {
    cursor: pointer;

    border: 1px solid #d9d9d9;
}
.products-parts-6 .parts-6-list .parts-6-group .title-parts-6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;

    position: relative;

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

    padding: 20px;

    color: #003a1e;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .products-parts-6 .parts-6-list .parts-6-group .title-parts-6 {
        font-size: 16px;
        line-height: 24px;

        padding: 15px;
    }
}
.products-parts-6 .parts-6-list .parts-6-group .title-parts-6:after {
    font-family: 'iconfont' !important;
    font-size: 30px;
    font-weight: normal;

    content: '\e84f';

    color: #006738;
}
.products-parts-6 .parts-6-list .parts-6-group .desc {
    display: none;

    padding: 0 20px 20px 20px;
}
.products-parts-6 .parts-6-list .current .parts-6-group .title-parts-6 {
    color: #006738;
}
.products-parts-6 .parts-6-list .current .parts-6-group .title-parts-6:after {
    display: none;
}
.products-parts-7 {
    overflow: hidden;

    padding: 30px 60px;

    border-radius: 10px 10px 10px 10px;
    background-color: #f7f9f7;
}
@media (max-width: 1199px) {
    .products-parts-7 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .products-parts-7 {
        padding: 20px 15px;
    }
}
.products-parts-7 .parts-7-list {
    margin-top: 30px;
}
.products-parts-7 .parts-7-list>ul>li {
    margin-top: 20px;
}
.products-parts-7 .parts-7-list .products-parts-7-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.products-parts-7 .parts-7-list .products-parts-7-group .icon {
    width: 40px;
}
.products-parts-7 .parts-7-list .products-parts-7-group .icon img {
    width: 100%;
}
.products-parts-7 .parts-7-list .products-parts-7-group .txt {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    padding-left: 20px;
}
.products-parts-7 .parts-7-list .products-parts-7-group .txt h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.625;

    color: #1a9543;
}
.products-parts-7 .parts-7-list .products-parts-7-group .txt p {
    margin: 4px 0 0 0;
}
.products-parts-8 {
    overflow: hidden;

    padding: 30px 60px;

    border-radius: 10px 10px 10px 10px;
    background-color: #f7f9f7;
}
@media (max-width: 1199px) {
    .products-parts-8 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .products-parts-8 {
        padding: 20px 15px;
    }
}
.products-parts-8 .parts-8-list>ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.products-parts-8 .parts-8-list>ul>li {
    margin-top: 30px;
}
.products-parts-8 .parts-8-list .products-parts-8-group {
    display: block;
    overflow: hidden;

    height: 100%;
    padding: 30px;

    -webkit-transition: -webkit-transform 300ms ease 0ms;
    transition: -webkit-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
    text-align: center;

    border-radius: 10px;
    background-color: rgba(255, 250, 221, .55);
    background-image: -webkit-linear-gradient(133deg, rgba(77, 158, 193, .4) 1%, rgba(37, 0, 249, .13) 100%);
    background-image: linear-gradient(317deg, rgba(77, 158, 193, .4) 1%, rgba(37, 0, 249, .13) 100%);
}
@media (max-width: 767px) {
    .products-parts-8 .parts-8-list .products-parts-8-group {
        padding: 20px;
    }
}
.products-parts-8 .parts-8-list .products-parts-8-group .icon {
    width: 110px;
    margin: 0 auto;
}
@media (max-width: 1199px) {
    .products-parts-8 .parts-8-list .products-parts-8-group .icon {
        width: 80px;
    }
}
.products-parts-8 .parts-8-list .products-parts-8-group .icon img {
    width: 100%;
}
.products-parts-8 .parts-8-list .products-parts-8-group .mask {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;

    margin-top: 10px;

    letter-spacing: 2px;

    color: #006738;
}
.products-parts-8 .parts-8-list .products-parts-8-group h3 {
    font-size: 24px;
    line-height: 1.4;

    color: #478393;
}
@media (max-width: 1199px) {
    .products-parts-8 .parts-8-list .products-parts-8-group h3 {
        font-size: 20px;
    }
}
.products-parts-8 .parts-8-list .products-parts-8-group p {
    line-height: 1.5;

    margin: 0;

    color: #333;
}
.products-parts-8 .parts-8-list .products-parts-8-group h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.66666667;

    margin-top: 20px;

    color: #006738;
}
.products-parts-8 .parts-8-list .products-parts-8-group h5 {
    font-size: 16px;
    line-height: 1.875;

    margin: 0;

    color: #3b917c;
}
.products-parts-8 .parts-8-list .products-parts-8-group:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.products-parts-9 {
    overflow: hidden;

    padding: 30px 60px;

    border-radius: 10px 10px 10px 10px;
    background-color: #f7f9f7;
}
@media (max-width: 1199px) {
    .products-parts-9 {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .products-parts-9 {
        padding: 20px 15px;
    }
}
.products-parts-9 .parts-9-list {
    margin-top: 30px;
}
.products-parts-9 .parts-9-list>ul>li {
    margin-top: 20px;
}
.products-parts-9 .parts-9-list .products-parts-9-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.products-parts-9 .parts-9-list .products-parts-9-group .icon {
    width: 26px;
}
.products-parts-9 .parts-9-list .products-parts-9-group .icon img {
    width: 100%;
}
.products-parts-9 .parts-9-list .products-parts-9-group .txt {
    width: -webkit-calc(100% - 26px);
    width: calc(100% - 26px);
    padding-left: 34px;
}
@media (max-width: 767px) {
    .products-parts-9 .parts-9-list .products-parts-9-group .txt {
        padding-left: 14px;
    }
}
.products-parts-9 .parts-9-list .products-parts-9-group .txt h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.625;

    color: #1a9543;
}
.products-parts-9 .parts-9-list .products-parts-9-group .txt p {
    margin: 4px 0 0 0;
}
.product-choose {
    position: relative;

    margin-top: -15px;
}
.product-choose>ul>li:nth-child(1) .choose-group:before {
    top: 50%;

    height: 50%;
}
.product-choose>ul>li:last-child .choose-group:before {
    top: 0;

    height: 50%;
}
.product-choose .line {
    position: absolute;
    z-index: 4;
    left: 24px;

    width: 2px;
    height: 0;

    background-color: #ffd416;
}
.product-choose .choose-group {
    position: relative;

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

    padding: 15px 0;

    -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;
}
.product-choose .choose-group:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 24px;

    display: none;
    display: block;

    width: 2px;
    height: 100%;

    content: '';

    background-color: #e0e5e2;
}
.product-choose .choose-group .icon {
    line-height: 50px;

    position: relative;
    z-index: 6;

    width: 50px;
    height: 50px;

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

    color: #006738;
    border-radius: 50%;
    background-color: #efefef;
}
.product-choose .choose-group .icon .iconfont {
    font-size: 26px;
}
.product-choose .choose-group .desc {
    overflow: hidden;

    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    margin-left: 20px;
    padding: 30px;

    border-radius: 10px 10px 10px 10px;
    background-color: rgba(192, 214, 197, .19);
}
@media (max-width: 767px) {
    .product-choose .choose-group .desc {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        margin-left: 10px;
        padding: 20px 15px;
    }
}
.product-choose .choose-group .desc h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;

    color: #006738;
}
@media (max-width: 991px) {
    .product-choose .choose-group .desc h3 {
        font-size: 18px;
    }
}
.product-choose .active .choose-group .icon,
.product-choose li:hover .choose-group .icon {
    color: #fff;
    background-color: #1a9543;
}
.product-choose .active:nth-child(2) .choose-group .icon,
.product-choose li:hover:nth-child(2) .choose-group .icon {
    background-color: #006738;
}
.product-choose .active:nth-child(3) .choose-group .icon,
.product-choose li:hover:nth-child(3) .choose-group .icon {
    background-color: #005b41;
}
.product-choose .active:nth-child(4) .choose-group .icon,
.product-choose li:hover:nth-child(4) .choose-group .icon {
    background-color: #1a9543;
}
.product-choose .active:nth-child(5) .choose-group .icon,
.product-choose li:hover:nth-child(5) .choose-group .icon {
    background-color: #478393;
}
.product-choose .active:nth-child(6) .choose-group .icon,
.product-choose li:hover:nth-child(6) .choose-group .icon {
    background-color: #ffd416;
}
.product-choose .active:nth-child(7) .choose-group .icon,
.product-choose li:hover:nth-child(7) .choose-group .icon {
    background-color: #ffb493;
}
.product-choose .active:nth-child(8) .choose-group .icon,
.product-choose li:hover:nth-child(8) .choose-group .icon {
    background-color: #1a9543;
}
.hs-inner-products-myo-inositol .products-parts-1 .products-parts-1-right .img1 {
    -webkit-animation-name: dipi-leftright-effect;
    animation-name: dipi-leftright-effect;
    -webkit-animation-direction: alternate;
}
@media (min-width: 1200px) {
    .hs-inner-products-myo-inositol .products-parts-1 .products-parts-1-right .img1 {
        width: 90%;
    }
}
.hs-inner-products-myo-inositol .products-parts-1 .products-parts-1-right .img2 {
    -webkit-animation-name: dipi-updown-effect;
    animation-name: dipi-updown-effect;
    -webkit-animation-direction: alternate;
}
@media (min-width: 1200px) {
    .hs-inner-products-myo-inositol .products-parts-1 .products-parts-1-right .img2 {
        width: 50%;
    }
}
.hs-inner-products-d-glucuronolactone-inositol .products-parts-1 .products-parts-1-right .img1 {
    -webkit-animation-name: dipi-leftright-effect;
    animation-name: dipi-leftright-effect;
    -webkit-animation-direction: alternate;
}
@media (min-width: 1200px) {
    .hs-inner-products-d-glucuronolactone-inositol .products-parts-1 .products-parts-1-right .img1 {
        width: 100%;
    }
}
.hs-inner-products-d-glucuronolactone-inositol .products-parts-1 .products-parts-1-right .img2 {
    -webkit-animation-name: dipi-updown-effect;
    animation-name: dipi-updown-effect;
    -webkit-animation-direction: alternate;
}
@media (min-width: 1200px) {
    .hs-inner-products-d-glucuronolactone-inositol .products-parts-1 .products-parts-1-right .img2 {
        width: 70%;
        margin-right: 15%;
        margin-left: 15%;
    }
}
@media (min-width: 1200px) {
    .hs-inner-products-d-chiro-inositol .products-parts-1 .products-parts-1-right .img1 {
        width: 100%;
    }
}
.hs-inner-products-d-chiro-inositol .products-parts-1 .products-parts-1-right .img2 {
    -webkit-animation-name: dipi-updown-effect;
    animation-name: dipi-updown-effect;
    -webkit-animation-direction: alternate;
}
@media (min-width: 1200px) {
    .hs-inner-products-d-chiro-inositol .products-parts-1 .products-parts-1-right .img2 {
        width: 50%;
        margin-left: 10%;
    }
}
@media (max-width: 1199px) {
    .hs-home-sustainability-product {
        overflow: hidden;
    }
}
.hs-home-sustainability-product .sustainability {
    background: url(../images/sustainability-product_bg.jpg) no-repeat center;
    background-size: cover;
}
.hs-home-sustainability-product .globe {
    -webkit-animation: dipi-leftright-effect 8s linear infinite;
    animation: dipi-leftright-effect 8s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (min-width: 1200px) {
    .hs-home-sustainability-product .globe {
        bottom: -100px;
    }
}
.hs-home-sustainability-product .globe img {
    max-width: 360px;
}
@media (max-width: 1199px) {
    .hs-home-sustainability-product .globe img {
        max-width: 300px;
    }
}
.hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right {
    width: 40%;
}
@media (max-width: 767px) {
    .hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right {
        width: 100%;
        margin-top: 30px;
    }
}
.hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right img {
    width: 100%;

    border-radius: 10px;
}
.hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right .img1 {
    -webkit-animation: dipi-updown-effect 10s linear infinite;
    animation: dipi-updown-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right .img2 {
    width: 70%;
    margin: 0 auto;
    margin-top: 30px;

    -webkit-animation: dipi-leftright-effect 10s linear infinite;
    animation: dipi-leftright-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right .img3 {
    width: 70%;
    margin-top: 30px;

    -webkit-animation: dipi-topleftright-effect 10s linear infinite;
    animation: dipi-topleftright-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.hs-inner-products-pqq-line .products-parts-4 .products-parts-4-list-right .img4 {
    width: 70%;
    margin: 0 auto;
    margin-top: 30px;

    -webkit-animation: dipi-toprightleft-effect 10s linear infinite;
    animation: dipi-toprightleft-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.hs-inner-products-baicalin .products-parts-1 .products-parts-1-left {
    height: 100%;
}
.hs-inner-products-baicalin .products-parts-1 .products-parts-1-right {
    position: relative;

    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}
.hs-inner-products-baicalin .products-parts-1 .products-parts-1-right .img1 {
    width: 100%;
}
.hs-inner-products-baicalin .products-parts-1 .products-parts-1-right .img2 {
    position: absolute;
    z-index: 6;
    bottom: -10%;
    left: 20%;

    width: 60%;
    margin: 0;

    -webkit-animation: dipi-down-effect 10s linear infinite;
    animation: dipi-down-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
.hs-inner-products-camellia .products-parts-1 .products-parts-1-left {
    height: 100%;
}
.hs-inner-products-camellia .products-parts-1 .products-parts-1-right {
    position: relative;

    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}
.hs-inner-products-camellia .products-parts-1 .products-parts-1-right .img1 {
    width: 100%;
    margin-top: -100px;
}
@media (max-width: 767px) {
    .hs-inner-products-camellia .products-parts-1 .products-parts-1-right .img1 {
        margin-top: -50px;
    }
}
.hs-inner-products-camellia .products-parts-1 .products-parts-1-right .img2 {
    width: 80%;
    margin-top: -200px;
    margin-left: 20%;

    -webkit-animation: dipi-rotate-effect 10s linear infinite;
    animation: dipi-rotate-effect 10s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 767px) {
    .hs-inner-products-camellia .products-parts-1 .products-parts-1-right .img2 {
        margin-top: -100px;
    }
}
.hs-pad-advertise-products .advertise-products {
    -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;
}
.hs-pad-advertise-products .advertise-products .advertise-products-desc {
    width: 50%;
    text-align: left;
}
@media (max-width: 767px) {
    .hs-pad-advertise-products .advertise-products .advertise-products-desc {
        width: 100%;
    }
}
.hs-pad-advertise-products .advertise-products .title-advertise {
    width: 100%;
}
.hs-pad-advertise-products .advertise-products .title-advertise h2 {
    color: #ffd416;
}
.hs-pad-advertise-products .advertise-products .title-advertise h2 .iconfont {
    font-size: 30px;
    font-weight: normal;

    display: inline-block;

    margin-top: -4px;
    margin-right: 10px;

    vertical-align: middle;

    color: #fff;
}
.hs-pad-advertise-products .advertise-products .public-note {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
}
@media (max-width: 767px) {
    .hs-pad-advertise-products .advertise-products .advertise-products-more {
        margin-top: 20px;
    }
}
.hs-pad-advertise-products .advertise-products .advertise-products-more a {
    font-size: 18px;
    line-height: 30px;

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

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;

    color: #fff;
    border-radius: 5px;
    background-color: #006738;
}
@media (max-width: 767px) {
    .hs-pad-advertise-products .advertise-products .advertise-products-more a {
        font-size: 16px;
        line-height: 24px;
    }
}
.hs-pad-advertise-products .advertise-products .advertise-products-more a .iconfont {
    font-size: 20px;

    display: block;
    overflow: hidden;

    width: 0;

    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    text-align: center;
}
.hs-pad-advertise-products .advertise-products .advertise-products-more a:hover {
    background-color: transparent;
}
.hs-pad-advertise-products .advertise-products .advertise-products-more a:hover .iconfont {
    width: 30px;

    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.products-parts-2-5 .products-parts-2 {
    padding-bottom: 0;
}
.products-parts-2-5 .products-parts-2 .parts-2-list {
    padding-bottom: 30px;

    border-bottom: 1px solid rgba(18, 51, 43, .14);
}
.products-parts-2-5 .title-products-parts-2-5 {
    margin-top: 30px;
}
.products-parts-2-5 .title-products-parts-2-5 h2 {
    font-size: 24px;
    line-height: 1.25;
}
.products-parts-2-5 .title-products-parts-2-5 h2 span {
    display: inline-block;

    color: transparent !important;
    background-image: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
    background-image: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    -webkit-background-clip: text;
    background-clip: text;
}
.products-parts-2-5 .products-parts-5 .parts-5-list-menu {
    border-bottom: none;
}
.hs-pad-advertise-products .advertise {
    text-align: center;
}
.hs-pad-advertise-products .advertise .public-note {
    width: 100%;
}
.hs-pad-advertise-products .advertise .public-note p {
    font-size: 20px;
}
@media (max-width: 1199px) {
    .hs-pad-advertise-products .advertise .public-note p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .hs-pad-advertise-products .advertise .public-note p {
        font-size: 16px;
    }
}
.products-sweeteners-menu {
    z-index: 9;

    width: 100%;

    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    opacity: 0;
    color: #006738;
    background-color: #ffd416;
}
@media (max-width: 1199px) {
    .products-sweeteners-menu {
        display: none;
    }
}
.products-sweeteners-menu.sticky {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);

    opacity: 1;
}
.products-sweeteners-menu .sweeteners-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -20px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.products-sweeteners-menu .sweeteners-menu ul li a {
    line-height: 24px;

    display: block;

    padding: 15px 20px;

    cursor: pointer;
}
.products-sweeteners-menu .sweeteners-menu .active a {
    color: #fff;
    background-color: #006738;
}
.products-parts-10 {
    overflow: hidden;

    padding: 50px 0;
}
@media (max-width: 1199px) {
    .products-parts-10 {
        padding: 30px 0;
    }
}
@media (max-width: 991px) {
    .products-parts-10 {
        padding: 30px 0;
    }
}
.products-parts-10 .parts-3-list {
    margin-top: 30px;
}
.products-parts-10 .parts-3-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.products-parts-10 .parts-3-group .icon {
    width: 50px;
}
.products-parts-10 .parts-3-group .icon img {
    width: 100%;

    opacity: .2;
}
.products-parts-10 .parts-3-group .desc {
    margin-top: 20px;
}
.products-parts-10 .parts-3-group .desc h3 {
    font-size: 20px;
    line-height: 1.5;

    color: #006738;
}
@media (max-width: 1199px) {
    .products-parts-10 .parts-3-group .desc h3 {
        font-size: 18px;
    }
}
.products-parts-10 .et-last-child .parts-3-group {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.products-parts-10 .et_pb_column ul li {
    margin: 100px 0;
}
@media (max-width: 1199px) {
    .products-parts-10 .et_pb_column ul li {
        margin: 50px 0;
    }
}
@media (max-width: 767px) {
    .products-parts-10 .et_pb_column ul li {
        margin: 30px 0;
    }
}
.products-parts-10 .et_pb_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.products-parts-10 .et_pb_row .et_pb_column {
    width: 26%;
}
@media (max-width: 767px) {
    .products-parts-10 .et_pb_row .et_pb_column {
        width: 100%;
    }
}
.products-parts-10 .et_pb_row .et_pb_column_1_2 {
    width: 48%;
}
@media (max-width: 991px) {
    .products-parts-10 .et_pb_row .et_pb_column_1_2 {
        width: 40%;
    }
}
@media (max-width: 767px) {
    .products-parts-10 .et_pb_row .et_pb_column_1_2 {
        width: 100%;
    }
}
.products-parts-10 .dipi-pi-item-image img {
    display: block;

    max-width: 100%;
}
.products-parts-10 .dipi-parallax-images {
    position: relative;
}
.products-parts-10 .dipi-parallax-images .dipi_parallax_images_item {
    position: absolute !important;
    top: 0;
    left: 0;
}
.products-parts-10 .dipi-parallax-images .dipi_parallax_images_item .et_pb_module_inner,
.products-parts-10 .dipi-parallax-images .dipi_parallax_images_item .et_pb_module_inner .dipi-pi-item-image,
.products-parts-10 .dipi_parallax_images .et_pb_module_inner,
.products-parts-10 .dipi_parallax_images .et_pb_module_inner .dipi-parallax-images {
    height: 100%;
}
.products-parts-10 .dipi_parallax_images_item_0.et_pb_module.dipi_parallax_images_item {
    top: 18% !important;
    left: .3% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_1.et_pb_module.dipi_parallax_images_item {
    top: 37.9% !important;
    left: 19.8% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_2.et_pb_module.dipi_parallax_images_item {
    top: -4% !important;
    left: 27.7% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_3.et_pb_module.dipi_parallax_images_item {
    top: 99.8% !important;
    left: 18.7% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_4.et_pb_module.dipi_parallax_images_item {
    top: 15% !important;
    left: 75% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_5.et_pb_module.dipi_parallax_images_item {
    top: 104.2% !important;
    left: 13.3% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_6.et_pb_module.dipi_parallax_images_item {
    top: 104% !important;
    left: 58.6% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_7.et_pb_module.dipi_parallax_images_item {
    top: 87.9% !important;
    left: 6.4% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_item_8.et_pb_module.dipi_parallax_images_item {
    top: 48% !important;
    left: 78% !important;

    max-width: 100% !important;
}
.products-parts-10 .dipi_parallax_images_0 {
    height: 800px;
    margin-left: -59px;
}
.products-parts-10 .dipi_parallax_images_item_1.et_pb_module {
    margin-right: auto !important;
    margin-left: auto !important;
}
@media only screen and (min-width: 981px) {
    .products-parts-10 .dipi_parallax_images_item_0 {
        width: 222px;
    }
    .products-parts-10 .dipi_parallax_images_item_1 {
        width: 65%;
    }
    .products-parts-10 .dipi_parallax_images_item_2,
    .products-parts-10 .dipi_parallax_images_item_6 {
        width: 220px;
    }
    .products-parts-10 .dipi_parallax_images_item_3 {
        width: 189%;
    }
    .products-parts-10 .dipi_parallax_images_item_4,
    .products-parts-10 .dipi_parallax_images_item_8 {
        width: 150px;
    }
    .products-parts-10 .dipi_parallax_images_item_5 {
        width: 188px;
    }
    .products-parts-10 .dipi_parallax_images_item_7 {
        width: 31%;
    }
}
@media only screen and (max-width: 980px) {
    .products-parts-10 .et_pb_section_1.et_pb_section {
        padding-top: 0;
        padding-bottom: 0vw;
    }
    .products-parts-10 .et_pb_row_0.et_pb_row {
        margin-top: -2px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-bottom: 29px !important;
    }
    .products-parts-10 .et_pb_text_0 {
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        padding-top: 24px !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dh-first-heading {
        font-size: 64px !important;

        letter-spacing: 0 !important;
    }
    .products-parts-10 .dipi_dual_heading_0.dipi_dual_heading {
        margin-bottom: 18px !important;
        margin-left: -7px !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-first-heading .dipi-dh-bg-container {
        padding-top: 0 !important;
        padding-right: 20px !important;
        padding-bottom: 5px !important;
        padding-left: 3px !important;

        background-image: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
        background-image: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dh-main {
        flex-direction: column;

        text-align: left;

        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-first-heading {
        margin-top: -5px !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-second-heading .dipi-dh-bg-container {
        padding-top: 0 !important;
        padding-right: 3px !important;
        padding-bottom: 0 !important;
        padding-left: 3px !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-second-heading {
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }
    .products-parts-10 .et_pb_text_1 h2 {
        font-size: 65px;

        letter-spacing: -4px;
    }
    .products-parts-10 .et_pb_text_1 {
        max-width: 350px;
    }
    .products-parts-10 .et_pb_row_1.et_pb_row {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .products-parts-10 .et_pb_blurb_0.et_pb_blurb,
    .products-parts-10 .et_pb_blurb_1.et_pb_blurb,
    .products-parts-10 .et_pb_blurb_2.et_pb_blurb,
    .products-parts-10 .et_pb_blurb_3.et_pb_blurb {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }
    .products-parts-10 .et_pb_blurb_0 .et_pb_blurb_content,
    .products-parts-10 .et_pb_blurb_1 .et_pb_blurb_content,
    .products-parts-10 .et_pb_blurb_2 .et_pb_blurb_content,
    .products-parts-10 .et_pb_blurb_3 .et_pb_blurb_content {
        max-width: 100%;
    }
    .products-parts-10 .dipi_parallax_images_item_0 {
        width: 150px;
    }
    .products-parts-10 .dipi_parallax_images_item_0.et_pb_module.dipi_parallax_images_item {
        top: 27.3% !important;
        left: 4.4% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_1,
    .products-parts-10 .dipi_parallax_images_item_2,
    .products-parts-10 .dipi_parallax_images_item_3,
    .products-parts-10 .dipi_parallax_images_item_5,
    .products-parts-10 .dipi_parallax_images_item_6 {
        width: 200px;
    }
    .products-parts-10 .dipi_parallax_images_item_1.et_pb_module.dipi_parallax_images_item {
        top: 15.7% !important;
        left: 36% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_2.et_pb_module.dipi_parallax_images_item,
    .products-parts-10 .dipi_parallax_images_item_3.et_pb_module.dipi_parallax_images_item {
        top: 53.9% !important;
        left: 32.3% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_4,
    .products-parts-10 .dipi_parallax_images_item_8 {
        width: 120px;
    }
    .products-parts-10 .dipi_parallax_images_item_4.et_pb_module.dipi_parallax_images_item {
        top: 15.8% !important;
        left: 76% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_5.et_pb_module.dipi_parallax_images_item {
        top: 37.3% !important;
        left: 62% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_6.et_pb_module.dipi_parallax_images_item {
        top: 72.6% !important;
        left: 30% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_7 {
        width: 110px;
    }
    .products-parts-10 .dipi_parallax_images_item_7.et_pb_module.dipi_parallax_images_item {
        top: 62.9% !important;
        left: 7.2% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_8.et_pb_module.dipi_parallax_images_item {
        top: 59.5% !important;
        left: 73.9% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_0 {
        height: 650px;
        margin-top: -80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .products-parts-10 .dipi_parallax_images_0 {
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .products-parts-10 .et_pb_section_1.et_pb_section {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0vw;
    }
    .products-parts-10 .et_pb_row_0.et_pb_row {
        margin-top: 24px !important;
        margin-right: auto !important;
        margin-bottom: 0 !important;
        margin-left: auto !important;
        padding-bottom: 0 !important;
    }
    .products-parts-10 .et_pb_text_0 {
        line-height: 1.4em;

        margin-top: 18px !important;
        margin-bottom: 0 !important;
        padding-top: 24px !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dh-first-heading {
        font-size: 55px !important;

        letter-spacing: 0 !important;
    }
    .products-parts-10 .dipi_dual_heading_0.dipi_dual_heading {
        margin-bottom: 18px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-first-heading .dipi-dh-bg-container {
        padding-right: 0 !important;
        padding-left: 0 !important;

        background-image: -webkit-linear-gradient(30deg, #006738 0%, #006738 37%, #006087 75%);
        background-image: linear-gradient(60deg, #006738 0%, #006738 37%, #006087 75%);
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dh-main {
        flex-direction: column;

        text-align: left;

        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-first-heading {
        margin-top: -5px !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-second-heading .dipi-dh-bg-container {
        padding-top: 0 !important;
        padding-right: 3px !important;
        padding-bottom: 0 !important;
        padding-left: 3px !important;
    }
    .products-parts-10 .dipi_dual_heading_0 .dipi-dual-heading .dipi-dh-second-heading {
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }
    .products-parts-10 .et_pb_text_1 h2 {
        font-size: 45px;

        letter-spacing: -3px;
    }
    .products-parts-10 .et_pb_row_1.et_pb_row {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .products-parts-10 .et_pb_blurb_0.et_pb_blurb,
    .products-parts-10 .et_pb_blurb_1.et_pb_blurb,
    .products-parts-10 .et_pb_blurb_2.et_pb_blurb,
    .products-parts-10 .et_pb_blurb_3.et_pb_blurb {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }
    .products-parts-10 .et_pb_blurb_0 .et_pb_blurb_content,
    .products-parts-10 .et_pb_blurb_1 .et_pb_blurb_content,
    .products-parts-10 .et_pb_blurb_2 .et_pb_blurb_content,
    .products-parts-10 .et_pb_blurb_3 .et_pb_blurb_content {
        max-width: 100%;
    }
    .products-parts-10 .dipi_parallax_images_item_0,
    .products-parts-10 .dipi_parallax_images_item_8 {
        width: 100px;
    }
    .products-parts-10 .dipi_parallax_images_item_0.et_pb_module.dipi_parallax_images_item {
        top: 5.6% !important;
        left: -1.8% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_1,
    .products-parts-10 .dipi_parallax_images_item_6 {
        width: 120px;
    }
    .products-parts-10 .dipi_parallax_images_item_1.et_pb_module.dipi_parallax_images_item {
        top: 13.2% !important;
        left: 33% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_2,
    .products-parts-10 .dipi_parallax_images_item_3,
    .products-parts-10 .dipi_parallax_images_item_5 {
        width: 150px;
    }
    .products-parts-10 .dipi_parallax_images_item_2.et_pb_module.dipi_parallax_images_item,
    .products-parts-10 .dipi_parallax_images_item_3.et_pb_module.dipi_parallax_images_item {
        top: 43.6% !important;
        left: 14.5% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_4 {
        width: 93px;
    }
    .products-parts-10 .dipi_parallax_images_item_4.et_pb_module.dipi_parallax_images_item {
        top: 5.4% !important;
        left: 76% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_5.et_pb_module.dipi_parallax_images_item {
        top: 34.9% !important;
        left: 62% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_6.et_pb_module.dipi_parallax_images_item {
        top: 72.8% !important;
        left: 35% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_7 {
        width: 76px;
    }
    .products-parts-10 .dipi_parallax_images_item_7.et_pb_module.dipi_parallax_images_item {
        top: 60% !important;
        left: 7.2% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_item_8.et_pb_module.dipi_parallax_images_item {
        top: 57.1% !important;
        left: 73.9% !important;

        max-width: 100% !important;
    }
    .products-parts-10 .dipi_parallax_images_0 {
        display: none !important;

        height: 500px;
        margin-top: 0;
    }
}
@media (min-width: 981px) {
    .products-parts-10 .et_pb_gutters3 .et_pb_column,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column {
        margin-right: 5.5%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_4_4,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_4_4 {
        width: 100%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
        margin-bottom: 2.75%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_3_4,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_3_4 {
        width: 73.625%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_3_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module {
        margin-bottom: 3.735%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_2_3,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_2_3 {
        width: 64.833%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_2_3 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module {
        margin-bottom: 4.242%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_3_5,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_3_5 {
        width: 57.8%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_3_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_module {
        margin-bottom: 4.758%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_2,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
        width: 47.25%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module {
        margin-bottom: 5.82%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_2_5,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_2_5 {
        width: 36.7%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_2_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_module {
        margin-bottom: 7.493%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_3,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
        width: 29.6667%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_3 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module {
        margin-bottom: 9.27%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
        width: 20.875%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module {
        margin-bottom: 13.174%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_5 {
        width: 15.6%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_module {
        margin-bottom: 17.628%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_6 {
        width: 12.0833%;
    }
    .products-parts-10 .et_pb_gutters3 .et_pb_column_1_6 .et_pb_module,
    .products-parts-10 .et_pb_gutters3.et_pb_row .et_pb_column_1_6 .et_pb_module {
        margin-bottom: 22.759%;
    }
    .products-parts-10 .et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product {
        width: 20.875%;
        margin-right: 5.5%;
        margin-bottom: 5.5%;
    }
    .products-parts-10 .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product,
    .products-parts-10 .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
        width: 28.353%;
        margin-right: 7.47%;
    }
    .products-parts-10 .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product,
    .products-parts-10 .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product {
        width: 100%;
        margin-right: 0;
    }
    .products-parts-10 .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product,
    .products-parts-10 .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product {
        width: 48%;
        margin-right: 4%;
    }
    .products-parts-10 .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2),
    .products-parts-10 .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2) {
        margin-right: 0;
    }
    .products-parts-10 .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1),
    .products-parts-10 .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1) {
        clear: none;
    }
}
@media (min-width: 981px) {
    .products-parts-10 .et_pb_gutter.et_pb_gutters1 #left-area {
        width: 75%;
    }
    .products-parts-10 .et_pb_gutter.et_pb_gutters1 #sidebar {
        width: 25%;
    }
    .products-parts-10 .et_pb_gutters1.et_right_sidebar #left-area {
        padding-right: 0;
    }
    .products-parts-10 .et_pb_gutters1.et_left_sidebar #left-area {
        padding-left: 0;
    }
    .products-parts-10 .et_pb_gutter.et_pb_gutters1.et_right_sidebar #main-content .container:before {
        right: 25% !important;
    }
    .products-parts-10 .et_pb_gutter.et_pb_gutters1.et_left_sidebar #main-content .container:before {
        left: 25% !important;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column {
        margin-right: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_4_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_4_4 {
        width: 100%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_4_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_3_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_3_4 {
        width: 75%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_3_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_2_3,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_2_3 {
        width: 66.667%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_2_3 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_3_5,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_3_5 {
        width: 60%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_3_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_3_5 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_2,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_2 {
        width: 50%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_2 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_2 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_2_5,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_2_5 {
        width: 40%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_2_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_2_5 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_3,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_3 {
        width: 33.3333%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_3 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_3 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
        width: 25%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_4 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_5 {
        width: 20%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_5 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_6 {
        width: 16.6667%;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column_1_6 .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column_1_6 .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_full_width_page.woocommerce-page ul.products li.product {
        width: 25%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1.et_left_sidebar.woocommerce-page #main-content ul.products li.product,
    .products-parts-10 .et_pb_gutters1.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
        width: 33.333%;
        margin-right: 0;
    }
}
@media (max-width: 980px) {
    .products-parts-10 .et_pb_gutters1 .et_pb_column,
    .products-parts-10 .et_pb_gutters1 .et_pb_column .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module {
        margin-bottom: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_4col>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_5col>.et_pb_column.et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters1.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters1.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 {
        width: 50%;
        margin-right: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1 .et_pb_row_6col>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 {
        width: 33.333%;
        margin-right: 0;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 {
        width: 50%;
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .products-parts-10 .et_pb_gutters1 .et_pb_column,
    .products-parts-10 .et_pb_gutters1 .et_pb_column .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module {
        margin-bottom: 0;
    }
}
@media (max-width: 479px) {
    .products-parts-10 .et_pb_gutters1 .et_pb_column,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column {
        margin: 0 !important;
    }
    .products-parts-10 .et_pb_gutters1 .et_pb_column .et_pb_module,
    .products-parts-10 .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module {
        margin-bottom: 0;
    }
}
@media (min-width: 981px) {
    .products-parts-10 .et_pb_gutter.et_pb_gutters2 #left-area {
        width: 77.25%;
    }
    .products-parts-10 .et_pb_gutter.et_pb_gutters2 #sidebar {
        width: 22.75%;
    }
    .products-parts-10 .et_pb_gutters2.et_right_sidebar #left-area {
        padding-right: 3%;
    }
    .products-parts-10 .et_pb_gutters2.et_left_sidebar #left-area {
        padding-left: 3%;
    }
    .products-parts-10 .et_pb_gutter.et_pb_gutters2.et_right_sidebar #main-content .container:before {
        right: 22.75% !important;
    }
    .products-parts-10 .et_pb_gutter.et_pb_gutters2.et_left_sidebar #main-content .container:before {
        left: 22.75% !important;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_4_4,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_4_4 {
        width: 100%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_4_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module {
        margin-bottom: 1.5%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_3_4,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_3_4 {
        width: 74.25%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_3_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_3_4 .et_pb_module {
        margin-bottom: 2.02%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_2_3,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_2_3 {
        width: 65.667%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_2_3 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_2_3 .et_pb_module {
        margin-bottom: 2.284%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_3_5,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_3_5 {
        width: 58.8%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_3_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_3_5 .et_pb_module {
        margin-bottom: 2.551%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_2,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_2 {
        width: 48.5%;
        margin: 0 3%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_2 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_module {
        margin-bottom: 3.093%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_2_5,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_2_5 {
        width: 38.2%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_2_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_2_5 .et_pb_module {
        margin-bottom: 3.927%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_3,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
        width: 31.3333%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_3 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_module {
        margin-bottom: 4.787%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_4,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
        width: 22.75%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_4 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module {
        margin-bottom: 6.593%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_5,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_5 {
        width: 17.6%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_5 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_5 .et_pb_module {
        margin-bottom: 8.523%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_6,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_6 {
        width: 14.1667%;
    }
    .products-parts-10 .et_pb_gutters2 .et_pb_column_1_6 .et_pb_module,
    .products-parts-10 .et_pb_gutters2.et_pb_row .et_pb_column_1_6 .et_pb_module {
        margin-bottom: 10.588%;
    }
    .products-parts-10 .et_pb_gutters2 .et_full_width_page.woocommerce-page ul.products li.product {
        width: 22.75%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .products-parts-10 .et_pb_gutters2.et_left_sidebar.woocommerce-page #main-content ul.products li.product,
    .products-parts-10 .et_pb_gutters2.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
        width: 30.64%;
        margin-right: 4.04%;
    }
}
.hs-inner-products-bg3 {
    background-color: #f7f9f7 !important;
}
.stevia-videos {
    position: relative;

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

    height: 100vh;
    margin-top: 30px;

    background: url(../images/products_stevia_bg.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1199px) {
    .stevia-videos {
        height: 500px;
    }
}
@media (max-width: 991px) {
    .stevia-videos {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .stevia-videos {
        height: 300px;
    }
}
.stevia-videos:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-image: -webkit-linear-gradient(230deg, rgba(0, 103, 56, .85) 0%, #134f77 97%);
    background-image: linear-gradient(220deg, rgba(0, 103, 56, .85) 0%, #134f77 97%);
}
.stevia-videos .play {
    position: relative;
    z-index: 7;

    width: 190px;

    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
}
@media (max-width: 1560px) {
    .stevia-videos .play {
        width: 140px;
    }
}
@media (max-width: 1199px) {
    .stevia-videos .play {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .stevia-videos .play {
        width: 80px;
    }
}
.stevia-videos .play img {
    width: 100%;
}
.stevia-videos .play:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.products-parts-11>ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.products-parts-11>ul>li {
    margin-top: 60px;
}
.products-parts-11 .products-parts-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.products-parts-11 .products-parts-group .imgleft,
.products-parts-11 .products-parts-group .imgright {
    width: 40px;
}
.products-parts-11 .products-parts-group .imgleft img,
.products-parts-11 .products-parts-group .imgright img {
    width: 100%;
}
.products-parts-11 .products-parts-group .imgright {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.products-parts-11 .products-parts-group .desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 0 5%;

    text-align: center;

    -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;
}
.products-parts-11 .products-parts-group .desc h4 {
    font-size: 16px;
    font-weight: bold;

    color: #006738;
}
.products-parts-11 .products-parts-group .desc p {
    font-size: 14px;
    line-height: 1.4;

    margin: 0;

    color: #1a9543;
}
.products-parts-11 .products-parts-11-img {
    margin-top: 60px;

    text-align: center;
}
@media (max-width: 767px) {
    .products-parts-11 .products-parts-11-img {
        margin-top: 30px;
    }
}
.products-parts-11 .products-parts-11-img img {
    max-width: 100%;
    margin-bottom: 30px;
}
.products-parts-11 .products-parts-11-img p {
    font-weight: bold;
    line-height: 1.71428571;

    margin: 0;

    color: #478393;
}
.hs-inner-products-explore .flavours {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 29, 68, .74)), color-stop(99%, rgba(3, 56, 40, .69))), url(../images/flavours_bg.jpg);
    background-image: -webkit-linear-gradient(top, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/flavours_bg.jpg);
    background-image: linear-gradient(180deg, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/flavours_bg.jpg);
}
.hs-inner-products-explore .flavours1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 29, 68, .74)), color-stop(99%, rgba(3, 56, 40, .69))), url(../images/flavours1_bg.jpg);
    background-image: -webkit-linear-gradient(top, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/flavours1_bg.jpg);
    background-image: linear-gradient(180deg, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/flavours1_bg.jpg);
}
.hs-inner-products-explore .flavours2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 29, 68, .74)), color-stop(99%, rgba(3, 56, 40, .69))), url(../images/flavours2_bg.jpg);
    background-image: -webkit-linear-gradient(top, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/flavours2_bg.jpg);
    background-image: linear-gradient(180deg, rgba(6, 29, 68, .74) 0%, rgba(3, 56, 40, .69) 99%), url(../images/flavours2_bg.jpg);
}
.hs-inner-products-explore .more {
    margin-top: 30px;
}
.hs-inner-products-explore .more a {
    font-size: 20px;
    line-height: 24px;

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

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;

    background-color: #006738;
}
.hs-inner-products-explore .more a span {
    -webkit-transition: all .6s;
    transition: all .6s;
}
.hs-inner-products-explore .more a .iconfont {
    font-size: 24px;

    display: inline-block;

    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    vertical-align: middle;

    opacity: 0;
}
.hs-inner-products-explore .more a:hover {
    background: transparent;
}
.hs-inner-products-explore .more a:hover span {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}
.hs-inner-products-explore .more a:hover .iconfont {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

    opacity: 1;
}
.hs-inner-solutions-bg1 {
    background-image: url(../images/bg-1.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hs-inner-solutions {
    background-color: #f7f9f7;
}
.solutions-parts-1 .solutions-parts-1-left {
    width: 410px;
}
@media (max-width: 1199px) {
    .solutions-parts-1 .solutions-parts-1-left {
        width: 300px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-1 .solutions-parts-1-left {
        width: 100%;
    }
}
.solutions-parts-1 .solutions-parts-1-left .parts-1-bg {
    overflow: hidden;

    min-height: 250px;
    padding: 40px 30px;

    color: #fff;
    border-radius: 60px 0 60px 0;
    background-color: #006738;
    background-image: -webkit-linear-gradient(229deg, rgba(0, 103, 56, .88) 0%, rgba(44, 66, 91, .93) 100%), url(../images/solutions-parts-1_bg.jpg);
    background-image: linear-gradient(221deg, rgba(0, 103, 56, .88) 0%, rgba(44, 66, 91, .93) 100%), url(../images/solutions-parts-1_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.solutions-parts-1 .solutions-parts-1-left .title-solutions-parts-1 h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;
}
.solutions-parts-1 .solutions-parts-1-left .desc {
    margin-top: 30px;
}
.solutions-parts-1 .solutions-parts-1-left .desc .typewriter-line {
    font-size: 18px;
    line-height: 2;

    margin: 0;
}
.solutions-parts-1 .solutions-parts-1-left .img img {
    width: 100%;
}
.solutions-parts-1 .solutions-parts-1-left .img1 {
    width: 41%;

    -webkit-animation: dipi-leftright-effect 3s linear infinite;
    animation: dipi-leftright-effect 3s linear infinite;
    -webkit-animation-direction: alternate;
}
.solutions-parts-1 .solutions-parts-1-left .img2 {
    width: 89%;
    margin-top: 100px;
    margin-left: -30%;

    -webkit-animation: dipi-zoomright-effect 3s linear infinite;
    animation: dipi-zoomright-effect 3s linear infinite;
    -webkit-animation-direction: alternate;
}
.solutions-parts-1 .solutions-parts-1-1-left .img1 {
    width: 70%;
}
.solutions-parts-1 .solutions-parts-1-1-left .img2 {
    position: relative;
    z-index: 6;

    width: 100%;
    margin: 0;
    margin-top: 0;

    -webkit-animation-name: dipi-topleftright-effect !important;
    animation-name: dipi-topleftright-effect !important;
}
@media (max-width: 767px) {
    .solutions-parts-1 .solutions-parts-1-1-left .img2 {
        margin-top: -100px;
    }
}
.solutions-parts-1 .solutions-parts-1-1-left .img2 img {
    -webkit-transform: translateX(-24px) translateY(-7px) rotateX(0deg) rotateY(0deg) rotateZ(43deg) scale(2);
    transform: translateX(-24px) translateY(-7px) rotateX(0deg) rotateY(0deg) rotateZ(43deg) scale(2);
}
@media (max-width: 767px) {
    .solutions-parts-1 .solutions-parts-1-1-left .img2 img {
        -webkit-transform: translateX(-24px) translateY(-7px) rotateX(0deg) rotateY(0deg) rotateZ(43deg) scale(1.5);
        transform: translateX(-24px) translateY(-7px) rotateX(0deg) rotateY(0deg) rotateZ(43deg) scale(1.5);
    }
}
.solutions-parts-1 .solutions-parts-1-1-left .img3 {
    position: relative;
    z-index: 2;

    width: 70%;
    margin-top: -100px;

    -webkit-animation: dipi-updown-effect 3s linear infinite;
    animation: dipi-updown-effect 3s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 1199px) {
    .solutions-parts-1 .solutions-parts-1-1-left .img3 {
        margin-top: -50px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-1 .solutions-parts-1-1-left .img3 {
        margin-top: -80px;
    }
}
.solutions-parts-1 .solutions-parts-1-2-left .img1 {
    width: 100%;
}
.solutions-parts-1 .solutions-parts-1-2-left .img2 {
    width: 100%;
    margin-top: -150px;
    margin-left: 0;
}
.solutions-parts-1 .solutions-parts-1-2-left .img2 img {
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
}
.solutions-parts-1 .solutions-parts-1-3-left .solutions-parts-1-flex {
    position: relative;
}
.solutions-parts-1 .solutions-parts-1-3-left .img1 {
    position: relative;
    z-index: 6;

    width: 80%;

    -webkit-animation: dipi-leftright-effect 3s linear infinite alternate;
    animation: dipi-leftright-effect 3s linear infinite alternate;
}
.solutions-parts-1 .solutions-parts-1-3-left .img2 {
    position: relative;
    z-index: 4;

    width: 100%;
    margin-top: -150px;
    margin-left: 0;

    -webkit-animation: dipi-topleftright-effect 3s linear infinite alternate;
    animation: dipi-topleftright-effect 3s linear infinite alternate;
}
.solutions-parts-1 .solutions-parts-1-3-left .img3 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    left: 15%;

    width: 70%;

    -webkit-animation: dipi-updown-effect 3s linear infinite alternate;
    animation: dipi-updown-effect 3s linear infinite alternate;
}
.solutions-parts-1 .cursor {
    margin-left: 2px;

    -webkit-animation: blink 1s steps(1) infinite;
    animation: blink 1s steps(1) infinite;

    border-right: 2px solid #fff;
}
.solutions-parts-1 .solutions-parts-1-right {
    width: -webkit-calc(100% - 410px);
    width: calc(100% - 410px);
    padding-left: 5%;
}
@media (max-width: 1199px) {
    .solutions-parts-1 .solutions-parts-1-right {
        width: -webkit-calc(100% - 300px);
        width: calc(100% - 300px);
    }
}
@media (max-width: 767px) {
    .solutions-parts-1 .solutions-parts-1-right {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.solutions-parts-1 .solutions-parts-1-right .note {
    margin-top: 20px;
}
.solutions-parts-2 {
    overflow: hidden;

    padding: 50px 0;

    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@media (max-width: 1199px) {
    .solutions-parts-2 {
        padding: 30px 0;
    }
}
.solutions-parts-2 .parts-2-list {
    margin-top: 20px;
}
.solutions-parts-2 .parts-2-list>ul>li {
    margin-top: 30px;
}
.solutions-parts-2 .parts-2-list .parts-2-group {
    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;
}
.solutions-parts-2 .parts-2-list .parts-2-group .icon {
    width: 50px;
}
.solutions-parts-2 .parts-2-list .parts-2-group .icon img {
    width: 100%;

    opacity: .2;
}
.solutions-parts-2 .parts-2-list .parts-2-group .desc {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-left: 20px;
}
.solutions-parts-2 .parts-2-list .parts-2-group .desc h3 {
    font-size: 20px;
    line-height: 1.5;

    color: #006738;
}
@media (max-width: 1199px) {
    .solutions-parts-2 .parts-2-list .parts-2-group .desc h3 {
        font-size: 18px;
    }
}
.solutions-parts-3 {
    overflow: hidden;

    padding: 50px 0 520px;
}
@media (max-width: 1199px) {
    .solutions-parts-3 {
        padding: 30px 0 560px;
    }
}
@media (max-width: 991px) {
    .solutions-parts-3 {
        padding: 30px 0;
    }
}
.solutions-parts-3 .parts-3-list {
    margin-top: 30px;
}
.solutions-parts-3 .parts-3-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (max-width: 767px) {
    .solutions-parts-3 .parts-3-group {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.solutions-parts-3 .parts-3-group .icon {
    width: 50px;
}
.solutions-parts-3 .parts-3-group .icon img {
    width: 100%;

    opacity: .2;
}
.solutions-parts-3 .parts-3-group .desc {
    margin-top: 20px;

    text-align: right;
}
.solutions-parts-3 .parts-3-group .desc h3 {
    font-size: 18px;
    line-height: 1.5;

    color: #006738;
}
@media (max-width: 1199px) {
    .solutions-parts-3 .parts-3-group .desc h3 {
        font-size: 16px;
    }
}
.solutions-parts-3 .et-last-child .parts-3-group {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.solutions-parts-3 .et_pb_column ul li {
    margin: 100px 0;
}
@media (max-width: 1199px) {
    .solutions-parts-3 .et_pb_column ul li {
        margin: 50px 0;
    }
}
@media (max-width: 767px) {
    .solutions-parts-3 .et_pb_column ul li {
        margin: 30px 0;
    }
}
.solutions-parts-3 .et_pb_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.solutions-parts-3 .et_pb_row .et_pb_column {
    width: 26%;
}
@media (max-width: 767px) {
    .solutions-parts-3 .et_pb_row .et_pb_column {
        width: 100%;
    }
}
.solutions-parts-3 .et_pb_row .et_pb_column_1_2 {
    width: 48%;
}
@media (max-width: 991px) {
    .solutions-parts-3 .et_pb_row .et_pb_column_1_2 {
        width: 40%;
    }
}
@media (max-width: 767px) {
    .solutions-parts-3 .et_pb_row .et_pb_column_1_2 {
        width: 100%;
    }
}
.solutions-parts-3 .et_pb_blurb_4 .et_pb_main_blurb_image,
.solutions-parts-3 .et_pb_blurb_5 .et_pb_main_blurb_image,
.solutions-parts-3 .et_pb_blurb_6 .et_pb_main_blurb_image,
.solutions-parts-3 .et_pb_blurb_7 .et_pb_main_blurb_image {
    width: 50px;

    -webkit-filter: opacity(30%);
    filter: opacity(30%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.solutions-parts-3 .dipi-pi-item-image img {
    display: block;

    max-width: 100%;
}
.solutions-parts-3 .dipi-parallax-images {
    position: relative;
}
.solutions-parts-3 .dipi-parallax-images .dipi_parallax_images_item {
    position: absolute !important;
    top: 0;
    left: 0;
}
.solutions-parts-3 .dipi-parallax-images .dipi_parallax_images_item .et_pb_module_inner,
.solutions-parts-3 .dipi-parallax-images .dipi_parallax_images_item .et_pb_module_inner .dipi-pi-item-image,
.solutions-parts-3 .dipi_parallax_images .et_pb_module_inner,
.solutions-parts-3 .dipi_parallax_images .et_pb_module_inner .dipi-parallax-images {
    height: 100%;
}
.solutions-parts-3 .dipi-parallax-images {
    height: 426px !important;
}
@media only screen and (min-width: 992px) {
    .solutions-parts-3 .dipi_parallax_images_item_0 {
        width: 149px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_1 {
        width: 222px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_2 {
        width: 57%;
    }
    .solutions-parts-3 .dipi_parallax_images_item_3,
    .solutions-parts-3 .dipi_parallax_images_item_7 {
        width: 220px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_4 {
        width: 360px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_5,
    .solutions-parts-3 .dipi_parallax_images_item_9 {
        width: 150px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_6 {
        width: 188px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_8 {
        width: 90px;
    }
    .solutions-parts-3 .et_pb_divider_2,
    .solutions-parts-3 .et_pb_row_10,
    .solutions-parts-3 .et_pb_section_21,
    .solutions-parts-3 .et_pb_section_22,
    .solutions-parts-3 .et_pb_section_24,
    .solutions-parts-3 .et_pb_row_20,
    .solutions-parts-3 .et_pb_divider_3,
    .solutions-parts-3 .et_pb_section_26,
    .solutions-parts-3 .et_pb_row_27 {
        display: none !important;
    }
    .solutions-parts-3 .et_pb_image_0,
    .solutions-parts-3 .et_pb_image_1 {
        width: 32%;
    }
}
.solutions-parts-3 .dipi_parallax_images_item_0.et_pb_module.dipi_parallax_images_item {
    top: 42.3% !important;
    left: 52% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_1.et_pb_module.dipi_parallax_images_item {
    top: 12.4% !important;
    left: 2.6% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_2.et_pb_module.dipi_parallax_images_item {
    top: 74.6% !important;
    left: 30.6% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_3.et_pb_module.dipi_parallax_images_item {
    top: -4% !important;
    left: 27.7% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_4.et_pb_module.dipi_parallax_images_item {
    top: 139.4% !important;
    left: 7.4% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_5.et_pb_module.dipi_parallax_images_item {
    top: 15% !important;
    left: 75% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_6.et_pb_module.dipi_parallax_images_item {
    top: 124.5% !important;
    left: 10.8% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_7.et_pb_module.dipi_parallax_images_item {
    top: 130.2% !important;
    left: 66% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_8.et_pb_module.dipi_parallax_images_item {
    top: 73.5% !important;
    left: 9.8% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_item_9.et_pb_module.dipi_parallax_images_item {
    top: 48% !important;
    left: 78% !important;

    max-width: 100% !important;
}
.solutions-parts-3 .dipi_parallax_images_0 {
    height: auto;
    margin-left: -59px;
}
@media (max-width: 1199px) {
    .solutions-parts-3 .dipi_parallax_images_0 {
        margin-left: -30px;
    }
}
@media (max-width: 991px) {
    .solutions-parts-3 .dipi_parallax_images_item_0,
    .solutions-parts-3 .dipi_parallax_images_item_1 {
        width: 120px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_0.et_pb_module.dipi_parallax_images_item {
        top: 5% !important;
        left: 29.2% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_1.et_pb_module.dipi_parallax_images_item {
        top: 27.3% !important;
        left: 4.4% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_2,
    .solutions-parts-3 .dipi_parallax_images_item_3,
    .solutions-parts-3 .dipi_parallax_images_item_4,
    .solutions-parts-3 .dipi_parallax_images_item_6,
    .solutions-parts-3 .dipi_parallax_images_item_7 {
        width: 150px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_2.et_pb_module.dipi_parallax_images_item {
        top: 15.7% !important;
        left: 36% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_3.et_pb_module.dipi_parallax_images_item,
    .solutions-parts-3 .dipi_parallax_images_item_4.et_pb_module.dipi_parallax_images_item {
        top: 53.9% !important;
        left: 32.3% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_5,
    .solutions-parts-3 .dipi_parallax_images_item_9 {
        width: 100px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_5.et_pb_module.dipi_parallax_images_item {
        top: 15.8% !important;
        left: 76% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_6.et_pb_module.dipi_parallax_images_item {
        top: 37.3% !important;
        left: 62% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_7.et_pb_module.dipi_parallax_images_item {
        top: 72.6% !important;
        left: 30% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_8 {
        width: 90px;
    }
    .solutions-parts-3 .dipi_parallax_images_item_8.et_pb_module.dipi_parallax_images_item {
        top: 62.9% !important;
        left: 7.2% !important;

        max-width: 100% !important;
    }
    .solutions-parts-3 .dipi_parallax_images_item_9.et_pb_module.dipi_parallax_images_item {
        top: 59.5% !important;
        left: 73.9% !important;

        max-width: 100% !important;
    }
}
@-webkit-keyframes blink {
    0%,
    100% {
        border-color: white;
    }
    50% {
        border-color: transparent;
    }
}
@keyframes blink {
    0%,
    100% {
        border-color: white;
    }
    50% {
        border-color: transparent;
    }
}
.solutions-parts-4 {
    overflow: hidden;
}
.solutions-parts-4 .products-parts-4-list-right .img1 {
    width: 63%;

    -webkit-animation: dipi-zoomrotate-effect 5s linear infinite;
    animation: dipi-zoomrotate-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
.solutions-parts-4 .products-parts-4-list-right .img2 {
    width: 74%;
    margin-top: -150px;

    -webkit-animation: dipi-rotate-effect 5s linear infinite;
    animation: dipi-rotate-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 1199px) {
    .solutions-parts-4 .products-parts-4-list-right .img2 {
        margin-top: -50px;
    }
}
.solutions-parts-4 .products-parts-4-list-right .img3 {
    position: relative;
    z-index: 5;

    width: 90%;
    margin-top: -200px;

    -webkit-animation: dipi-zoomright-effect 5s linear infinite;
    animation: dipi-zoomright-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 1199px) {
    .solutions-parts-4 .products-parts-4-list-right .img3 {
        margin-top: -100px;
    }
}
.solutions-parts-4 .products-parts-4-list-right .img4 {
    position: relative;
    z-index: 3;

    width: 70%;
    margin-top: -100px;

    -webkit-animation: dipi-zoomright-effect 5s linear infinite;
    animation: dipi-zoomright-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 1199px) {
    .solutions-parts-4 .products-parts-4-list-right .img4 {
        margin-top: -50px;
    }
}
.solutions-parts-4 .products-parts-4-list-right .img5 {
    position: relative;
    z-index: 4;

    width: 95%;
    margin-top: -100px;

    -webkit-animation: dipi-zoomright-effect 5s linear infinite;
    animation: dipi-zoomright-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 1199px) {
    .solutions-parts-4 .products-parts-4-list-right .img5 {
        margin-top: -50px;
    }
}
.solutions-parts-4-1 .products-parts-4-list-right .img {
    width: 100%;
}
.solutions-parts-4-1 .products-parts-4-list-right .img2 {
    padding-left: 10%;
}
@media (min-width: 1200px) {
    .solutions-parts-4-1 .products-parts-4-list-right .img2 {
        margin-top: -200px;
    }
}
.solutions-parts-4-2 .products-parts-4-list-right .img {
    width: 100%;
}
.solutions-parts-4-2 .products-parts-4-list-right .img1 {
    -webkit-animation-name: dipi-zoomrotate-effect;
    animation-name: dipi-zoomrotate-effect;
}
.solutions-parts-4-2 .products-parts-4-list-right .img2 {
    width: 70%;
    margin-top: -200px;

    -webkit-animation-name: dipi-rotate-effect;
    animation-name: dipi-rotate-effect;
}
.solutions-parts-4-2 .products-parts-4-list-right .img3 {
    width: 100%;

    -webkit-animation-name: dipi-zoomrotate-effect;
    animation-name: dipi-zoomrotate-effect;
}
.solutions-parts-4-2 .products-parts-4-list-right .img3 img {
    -webkit-transform: scale(1.2) translateX(20%);
    -ms-transform: scale(1.2) translateX(20%);
    transform: scale(1.2) translateX(20%);
}
@media (max-width: 767px) {
    .solutions-parts-4-2 .products-parts-4-list-right .img3 img {
        -webkit-transform: scale(1) translateX(20%);
        -ms-transform: scale(1) translateX(20%);
        transform: scale(1) translateX(20%);
    }
}
.solutions-parts-4-2 .products-parts-4-list-right .img4 {
    position: relative;
    z-index: 3;

    margin-top: -200px;

    -webkit-animation-name: dipi-zoomrotate-effect;
    animation-name: dipi-zoomrotate-effect;
}
.solutions-parts-4-2 .products-parts-4-list-right .img4 img {
    -webkit-transform: scale(1.2) translateX(-109px) translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(49deg);
    transform: scale(1.2) translateX(-109px) translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(49deg);
}
@media (max-width: 767px) {
    .solutions-parts-4-2 .products-parts-4-list-right .img4 img {
        -webkit-transform: scale(1) translateX(-39px) translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(49deg);
        transform: scale(1) translateX(-39px) translateY(0) rotateX(0deg) rotateY(0deg) rotateZ(49deg);
    }
}
.solutions-parts-4-3 .product-choose .active:nth-child(4) .choose-group .icon,
.solutions-parts-4-3 .product-choose li:hover:nth-child(4) .choose-group .icon {
    background-color: #ffb493;
}
.solutions-parts-4-3 .product-choose .active:nth-child(5) .choose-group .icon,
.solutions-parts-4-3 .product-choose li:hover:nth-child(5) .choose-group .icon {
    background-color: #ffd416;
}
.solutions-parts-4-3 .products-parts-4-list-right .img2 {
    position: relative;
    z-index: 3;

    width: 60%;
}
.solutions-parts-4-3 .products-parts-4-list-right .img3 {
    position: relative;
    z-index: 2;

    width: 100%;
    margin-top: -100px;

    -webkit-animation-name: dipi-zoomrotate-effect;
    animation-name: dipi-zoomrotate-effect;
}
.solutions-parts-4-4 .products-parts-4-list-right .img {
    width: 100%;
    margin-top: -200px;
}
@media (max-width: 1199px) {
    .solutions-parts-4-4 .products-parts-4-list-right .img {
        margin-top: -100px;
    }
}
.solutions-parts-4-4 .products-parts-4-list-right .img2 {
    width: 70%;
    margin-top: -250px;
    margin-left: 30%;

    -webkit-animation-name: dipi-updown-effect;
    animation-name: dipi-updown-effect;
}
@media (max-width: 1199px) {
    .solutions-parts-4-4 .products-parts-4-list-right .img2 {
        margin-top: -150px;
    }
}
.solutions-parts-4-4 .products-parts-4-list-right .img3 {
    margin-top: -250px;

    -webkit-animation-name: dipi-rotate-effect;
    animation-name: dipi-rotate-effect;
}
@media (max-width: 1199px) {
    .solutions-parts-4-4 .products-parts-4-list-right .img3 {
        margin-top: -150px;
    }
}
.solutions-parts-4-4 .products-parts-4-list-right .img4 {
    margin-top: -250px;

    -webkit-animation-name: dipi-zoomright-effect;
    animation-name: dipi-zoomright-effect;
}
@media (max-width: 1199px) {
    .solutions-parts-4-4 .products-parts-4-list-right .img4 {
        margin-top: -150px;
    }
}
.solutions-parts-4-4 .products-parts-4-list-right .img5 {
    width: 80%;
    margin-top: -250px;

    -webkit-animation-name: dipi-leftright-effect;
    animation-name: dipi-leftright-effect;
}
@media (max-width: 1199px) {
    .solutions-parts-4-4 .products-parts-4-list-right .img5 {
        margin-top: -150px;
    }
}
.solutions-parts-5 {
    overflow: hidden;
}
.solutions-parts-5 .parts-5-list {
    margin-top: 30px;
}
.solutions-parts-5 .parts-5-list>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0 -15px;
}
@media (max-width: 767px) {
    .solutions-parts-5 .parts-5-list>ul {
        margin: 0;

        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.solutions-parts-5 .parts-5-list>ul>li {
    overflow: hidden;

    -webkit-transition: -webkit-box-flex .5s ease, -webkit-flex .5s ease;
    transition: -webkit-box-flex .5s ease, -webkit-flex .5s ease;
    transition: flex .5s ease;
    transition: flex .5s ease, -webkit-box-flex .5s ease, -webkit-flex .5s ease, -ms-flex .5s ease;
}
@media (min-width: 768px) {
    .solutions-parts-5 .parts-5-list>ul>li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (max-width: 767px) {
    .solutions-parts-5 .parts-5-list>ul>li {
        width: 100%;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .solutions-parts-5 .parts-5-list>ul>li.active {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}
@media (max-width: 991px) {
    .solutions-parts-5 .parts-5-list>ul>li.active {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .solutions-parts-5 .parts-5-list>ul>li.active {
        width: 100%;
    }
}
.solutions-parts-5 .parts-5-list>ul>li.active .parts-5-group:before {
    opacity: 1;
}
.solutions-parts-5 .parts-5-list>ul>li.active .parts-5-group:after {
    opacity: 0;
}
.solutions-parts-5 .parts-5-list>ul>li.active .parts-5-group .title-parts-5 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    opacity: 1;
}
.solutions-parts-5 .parts-5-group {
    position: relative;

    height: 32vw;

    -webkit-transition: all 1s;
    transition: all 1s;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.solutions-parts-5 .parts-5-group:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    opacity: 0;
    background-image: -webkit-linear-gradient(203deg, rgba(52, 75, 109, .7) 0%, rgba(0, 103, 56, .77) 100%) !important;
    background-image: linear-gradient(247deg, rgba(52, 75, 109, .7) 0%, rgba(0, 103, 56, .77) 100%) !important;
}
@media (max-width: 767px) {
    .solutions-parts-5 .parts-5-group:before {
        opacity: 1;
    }
}
.solutions-parts-5 .parts-5-group:after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    background-color: rgba(3, 43, 56, .5);
}
.solutions-parts-5 .parts-5-group .title-parts-5 {
    position: absolute;
    z-index: 6;
    top: 50%;

    width: 100%;
    padding: 0 5%;

    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    text-align: center;

    opacity: 0;
    color: #fff;
}
@media (max-width: 767px) {
    .solutions-parts-5 .parts-5-group .title-parts-5 {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);

        opacity: 1;
    }
}
.solutions-parts-5 .parts-5-group .title-parts-5 h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;
}
@media (max-width: 1199px) {
    .solutions-parts-5 .parts-5-group .title-parts-5 h3 {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-5 .parts-5-group .title-parts-5 h3 {
        font-size: 18px;
    }
}
.solutions-parts-5 .parts-5-group .title-parts-5 p {
    line-height: 1.33333333;

    margin: 0;
}
.hs-inner-solutions-bg3 {
    background-image: url(../images/bg-1.png) !important;
    background-repeat: repeat-y;
}
.solutions-parts-6 .parts-6-top {
    position: relative;
}
.solutions-parts-6 .parts-6-top .parts-6-img1 {
    position: absolute;
    top: -90px;
    left: 90%;

    width: 380px;

    -webkit-animation: dipi-updown-effect 5s linear infinite;
    animation: dipi-updown-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
@media (max-width: 1199px) {
    .solutions-parts-6 .parts-6-top .parts-6-img1 {
        left: 80%;

        width: 300px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-top .parts-6-img1 {
        display: none;

        width: 200px;
    }
}
.solutions-parts-6 .parts-6-top .parts-6-img1 img {
    width: 100%;
}
.solutions-parts-6 .parts-6-top .title-home img {
    max-height: 75px;
    margin: 10px 0;
}
@media (max-width: 991px) {
    .solutions-parts-6 .parts-6-top .title-home img {
        max-height: 60px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-top .title-home img {
        max-height: 40px;
    }
}
.solutions-parts-6 .parts-6-top .title-home h2 {
    font-weight: normal;

    margin-top: 30px;
}
.solutions-parts-6 .parts-6-top .parts-6-list {
    position: relative;
}
.solutions-parts-6 .parts-6-top .parts-6-list .parts-6-img2 {
    position: absolute;
    top: 0;
    right: 95%;

    width: 230px;

    -webkit-animation: dipi-updown-effect 5s linear infinite;
    animation: dipi-updown-effect 5s linear infinite;
    -webkit-animation-direction: alternate;
}
.solutions-parts-6 .parts-6-top .parts-6-list .parts-6-img2 img {
    width: 100%;
}
.solutions-parts-6 .parts-6-list {
    overflow: hidden;

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

    border-radius: 12px 12px 12px 12px;
    background-color: rgba(0, 229, 45, .11);
}
@media (max-width: 991px) {
    .solutions-parts-6 .parts-6-list {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list {
        padding: 20px;
    }
}
@media (min-width: 1200px) {
    .solutions-parts-6 .parts-6-list ul li {
        width: 20%;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list ul li {
        margin: 10px 0;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group {
    position: relative;

    overflow: hidden;

    text-align: center;

    border-radius: 0 0 200px 200px;
}
@media (max-width: 1199px) {
    .solutions-parts-6 .parts-6-list .parts-6-group {
        border-radius: 0 0 100px 100px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list .parts-6-group {
        border-radius: 0 0 50px 50px;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    min-height: 330px;
    padding: 60px 30px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)) !important;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%) !important;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1199px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content {
        min-height: 250px;
        padding: 30px 15px;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content .icon {
    width: 50px;
    margin: 0 auto;

    opacity: .2;
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content .icon img {
    width: 100%;
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content h3 {
    font-size: 20px;
    line-height: 1.5;

    margin: 20px 0 0 0;

    color: #006738;
}
@media (max-width: 1199px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-content h3 {
        font-size: 16px;

        margin-top: 10px;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover {
    position: absolute;
    top: 0;
    left: 0;

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

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

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

    opacity: 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover {
        padding: 30px;

        opacity: 1;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .5));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover h3,
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover .more {
    position: relative;
    z-index: 6;
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover h3 {
    font-size: 20px;
    line-height: 1.5;
}
@media (max-width: 1199px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover h3 {
        font-size: 16px;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover .more {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover .more {
        margin-top: 20px;
    }
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover .more a {
    font-size: 14px;
    line-height: 24px;

    display: inline-block;

    padding: 8px 20px;

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

    color: #fff;
    border-radius: 5px;
    background-color: #006738;
}
.solutions-parts-6 .parts-6-list .parts-6-group .parts-6-group-hover .more a:hover {
    background-color: rgba(255, 255, 255, .3);
}
.solutions-parts-6 .parts-6-list .parts-6-group:hover .parts-6-group-hover {
    opacity: 1;
}
.solutions-parts-6 .parts-6-text {
    margin-top: 30px;

    text-align: center;
}
.solutions-parts-6 .parts-6-text p {
    font-size: 18px;
    line-height: 1.66666667;

    margin: 0;

    color: #395277;
}
@media (max-width: 1199px) {
    .solutions-parts-6 .parts-6-text p {
        font-size: 16px;
    }
}
.solutions-parts-6 .parts-6-bottom {
    padding-top: 60px;
}
.solutions-parts-6 .parts-6-bottom .parts-6-list {
    width: 65%;
    margin: 0 auto;
    margin-top: 30px;

    background-color: rgba(0, 190, 211, .11);
}
@media (max-width: 991px) {
    .solutions-parts-6 .parts-6-bottom .parts-6-list {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .solutions-parts-6 .parts-6-bottom .parts-6-list ul li {
        width: 33.33333333%;
    }
}
.solutions-parts-6 .parts-6-bottom .parts-6-list .parts-6-group .parts-6-group-hover:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(160, 160, 160, .93)), color-stop(99%, rgba(0, 0, 0, .67)));
    background-image: -webkit-linear-gradient(rgba(160, 160, 160, .93) 0%, rgba(0, 0, 0, .67) 99%);
    background-image: linear-gradient(rgba(160, 160, 160, .93) 0%, rgba(0, 0, 0, .67) 99%);
}
.solutions-parts-7 {
    padding: 30px 0;
}
.solutions-parts-7 .title-home img {
    max-height: 200px;
    margin: 10px 0;
}
@media (max-width: 991px) {
    .solutions-parts-7 .title-home img {
        max-height: 120px;
    }
}
@media (max-width: 767px) {
    .solutions-parts-7 .title-home img {
        max-height: 80px;
    }
}
.solutions-parts-7 .title-home h2 {
    font-weight: normal;

    margin-top: 30px;
}
.solutions-parts-8 {
    padding: 30px 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: none;
}
.solutions-parts-9 .products-parts-3-group .icon {
    width: 150px;
}
.solutions-parts-9 .products-parts-3-group:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hs-footer {
    overflow: hidden;
}
.hs-footer .foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 50px 0;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-footer .foot-text {
    width: 35%;
}
@media (max-width: 991px) {
    .hs-footer .foot-text {
        width: 100%;
    }
}
.hs-footer .foot-text .foot-logo img {
    height: 60px;
}
.hs-footer .foot-text .public-note {
    margin-top: 20px;
}
.hs-footer .title-foot h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;

    color: #006738;
}
.hs-footer .foot-message {
    width: 40%;
    padding: 0 5%;
}
@media (max-width: 991px) {
    .hs-footer .foot-message {
        width: 100%;
        margin: 20px 0;
        padding: 0;
    }
}
.hs-footer .send-email {
    margin-top: 20px;
    padding: 30px;

    color: #fff;
    border-radius: 5px;
    background-color: #12332b;
}
@media (max-width: 767px) {
    .hs-footer .send-email {
        padding: 20px 15px;
    }
}
.hs-footer .send-email .required {
    font-size: 14px;

    text-align: right;
}
.hs-footer .send-email .required p {
    margin: 0;
}
.hs-footer .send-email .required p span {
    color: red;
}
.hs-footer .send-email .title-send-email {
    font-weight: bold;
}
.hs-footer .send-email .title-send-email span {
    color: red;
}
.hs-footer .send-email form {
    margin-top: 10px;
}
.hs-footer .send-email form input {
    line-height: 30px;

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

    color: #333;
}
.hs-footer .send-email form .send {
    line-height: 30px;

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

    color: #fff;
    border-radius: 4px;
    background-color: #006738;
}
.hs-footer .send-email form .send:hover {
    background-color: #003a1e;
}
.hs-footer .foot-contact {
    width: 25%;
}
@media (max-width: 991px) {
    .hs-footer .foot-contact {
        width: 100%;
    }
}
.hs-footer .foot-contact .contact-txt p {
    line-height: 1.875;

    margin: 0;
}
.hs-footer .foot-contact .contact-txt p a {
    font-weight: bold;

    color: #1a9543;
}
.hs-footer .foot-contact .contact-txt p a:hover {
    text-decoration: underline;
}
.hs-footer .share {
    margin-top: 30px;
}
.hs-footer .share .share-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -4px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hs-footer .share .share-list li {
    padding: 0 4px;
}
.hs-footer .share .share-list li a {
    line-height: 32px;

    display: block;

    width: 32px;
    height: 32px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #007bb6;
}
.hs-footer .share .share-list li a .iconfont {
    font-size: 20px;
}
.hs-footer .share .share-list li.facebook a {
    background-color: #3b5998;
}
.hs-footer .share .share-list li.twitter a {
    background-color: #000;
}
.hs-footer .copyright {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;

    padding: 20px 0;

    text-align: center;

    color: #fff;
    background-color: #12332b;
}
.hs-footer .copyright p {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;

    margin: 0;
}
.hs-footer .copyright .policy {
    font-weight: bold;

    color: #1a9543;
}
.hs-footer .copyright .policy:before {
    margin: 0 6px;

    content: '|';

    color: #fff;
}
.hs-footer .copyright .policy:hover {
    text-decoration: underline;
}
.hs-backtop {
    position: fixed;
    z-index: 10;
    right: 10px;
    bottom: 3%;

    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);

    opacity: 0;
}
.hs-backtop a {
    line-height: 1.4;

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

    width: 50px;
    padding: 20px 10px;

    text-align: center;

    color: #fff;
    border-radius: 20px 0 20px 0;
    background-color: #006738;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}
@media (max-width: 767px) {
    .hs-backtop a {
        width: 40px;
    }
}
.hs-backtop a .iconfont {
    font-size: 24px;
}
.hs-backtop.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

    opacity: 1;
}
.hs-inner-news {
    background-image: url(../images/leaves-2.png), -webkit-linear-gradient(136deg, #00441c 0%, #0b424f 100%) !important;
    background-image: url(../images/leaves-2.png), linear-gradient(314deg, #00441c 0%, #0b424f 100%) !important;
    background-repeat: no-repeat;
    background-position: center;
}
.hs-inner-news .title-home h2 span {
    color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#1a9543), to(#207e9b));
    background: -webkit-linear-gradient(left, #1a9543, #207e9b);
    background: linear-gradient(to right, #1a9543, #207e9b);
    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}
.hs-inner-news .title-home p {
    color: #fff;
}
.hs-inner-news .news>ul>li {
    margin-top: 30px;
}
.hs-inner-faqs {
    position: relative;
    z-index: 6;

    margin-top: -30px;
}
.hs-inner-faqs .faqs>ul {
    margin-top: -30px;
}
.hs-inner-faqs .faqs>ul>li {
    margin-top: 30px;

    border: 1px solid #e7e7e7;
}
.hs-inner-faqs .faqs-group {
    cursor: pointer;

    background-color: #fff;
}
.hs-inner-faqs .title-faqs {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    position: relative;

    padding: 30px -webkit-calc(40px + 5%) 30px 5%;
    padding: 30px calc(40px + 5%) 30px 5%;
}
@media (max-width: 1199px) {
    .hs-inner-faqs .title-faqs {
        padding: 20px -webkit-calc(30% + 3%) 20px 3%;
        padding: 20px calc(30% + 3%) 20px 3%;
    }
}
.hs-inner-faqs .title-faqs:after {
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;

    position: absolute;
    top: 30px;
    right: 5%;

    width: 24px;
    height: 24px;

    content: '+';
    text-align: center;
}
@media (max-width: 1199px) {
    .hs-inner-faqs .title-faqs:after {
        top: 20px;
        right: 3%;
    }
}
.hs-inner-faqs .faqs-ques {
    display: none;

    margin-top: 10px;
    padding: 0 5% 40px 5%;
}
@media (max-width: 1199px) {
    .hs-inner-faqs .faqs-ques {
        padding: 0 3% 30px 3%;
    }
}
.hs-inner-faqs .faqs-ques p {
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 1199px) {
    .hs-inner-faqs .faqs-ques p {
        font-size: 14px;
    }
}
.hs-inner-faqs .current {
    box-shadow: 0 12px 18px 0 rgba(0, 0, 0, .14);
}
.hs-inner-faqs .current .title-faqs:after {
    content: '-';
}
.hs-inner-download .download>ul>li {
    margin-top: 30px;
}
.hs-inner-download .download .down-group {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.hs-inner-download .download .down-group .group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 40px 40px 80px 40px;

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

    border-bottom: 2px solid #e3e3e3;
    background: #f6f6f6;
}
@media (max-width: 1199px) {
    .hs-inner-download .download .down-group .group {
        padding: 20px 20px 60px 20px;
    }
}
@media (max-width: 767px) {
    .hs-inner-download .download .down-group .group {
        padding-bottom: 40px;
    }
}
.hs-inner-download .download .down-group .group .icon {
    font-size: 70px;

    width: 80px;

    opacity: .2;
}
@media (max-width: 1199px) {
    .hs-inner-download .download .down-group .group .icon {
        font-size: 50px;

        width: 60px;
    }
}
.hs-inner-download .download .down-group .group .public-note {
    display: -webkit-box;
    overflow: hidden;

    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    height: 120px;
    padding-left: 5%;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
@media (max-width: 1199px) {
    .hs-inner-download .download .down-group .group .public-note {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        height: 96px;
    }
}
.hs-inner-download .download .down-group .down {
    position: relative;
    z-index: 6;

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

    margin-top: -26px;
    padding: 0 3%;

    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1199px) {
    .hs-inner-download .download .down-group .down {
        margin-top: -20px;
    }
}
.hs-inner-download .download .down-group .down a {
    line-height: 52px;

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

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 30px;

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

    border-radius: 7px;
    background: #e3e3e3;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .hs-inner-download .download .down-group .down a {
        line-height: 40px;
    }
}
.hs-inner-download .download .down-group .down a .flaticon {
    margin-right: 10px;
}
@media (min-width: 1200px) {
    .hs-inner-download .download .down-group:hover .group {
        border-bottom-color: #006738;
    }
    .hs-inner-download .download .down-group:hover .down a {
        color: #fff;
        background-color: #006738;
    }
}
.hs-inner-videos {
    padding-top: 40px;
}
.hs-inner-videos .videos 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-videos .videos ul li {
    margin-top: 40px;
}
@media (max-width: 1199px) {
    .hs-inner-videos .videos ul li {
        margin-top: 30px;
    }
}
.hs-inner-videos .videos .videos-group {
    position: relative;

    display: block;

    cursor: pointer;
    -webkit-transition: all .6s;
    transition: all .6s;
    text-align: center;
}
.hs-inner-videos .videos .videos-group .img .ibox {
    padding-bottom: 79.06976744%;
}
.hs-inner-videos .videos .videos-group .title-videos {
    font-size: 16px;
    line-height: 24px;

    margin: 10px 0 0 0;
}
.hs-inner-videos .videos .videos-group:hover .title-videos {
    color: #006738;
}
.hs-inner-news-show .news-show-top {
    padding: 50px 0;

    background-image: url(../images/leaves-2.png), -webkit-gradient(linear, left top, left bottom, from(rgba(184, 216, 216, .33)), color-stop(99%, rgba(196, 196, 196, 0))) !important;
    background-image: url(../images/leaves-2.png), -webkit-linear-gradient(top, rgba(184, 216, 216, .33) 0%, rgba(196, 196, 196, 0) 99%) !important;
    background-image: url(../images/leaves-2.png), linear-gradient(180deg, rgba(184, 216, 216, .33) 0%, rgba(196, 196, 196, 0) 99%) !important;
    background-size: contain;
}
.hs-inner-news-show .news-show-top .title-news-show {
    max-width: 600px;
}
.hs-inner-news-show .news-show-top .title-news-show h2 {
    font-size: 24px;
    line-height: 1.25;

    color: #006738;
}
@media (max-width: 1199px) {
    .hs-inner-news-show .news-show-top .title-news-show h2 {
        font-size: 20px;
    }
}
.hs-inner-news-show .news-show-top .title-news-show p {
    font-size: 16px;
    line-height: 1.5;

    margin: 0;

    color: #666;
}
.hs-inner-news-show .news-show-top .date {
    line-height: 1.8;

    margin-top: 15px;

    color: #666;
}
.hs-inner-news-show .news-show-top .mask {
    line-height: 1.8;

    margin-top: 15px;

    color: #006738;
}
.hs-inner-news-show .news-show-top .desc {
    width: 50%;
    padding-right: 5%;
}
@media (max-width: 767px) {
    .hs-inner-news-show .news-show-top .desc {
        width: 100%;
        padding-right: 0;
    }
}
.hs-inner-news-show .news-show-top .img {
    overflow: hidden;

    width: 50%;

    border-radius: 50px 0 50px 0;
}
@media (max-width: 767px) {
    .hs-inner-news-show .news-show-top .img {
        width: 100%;
        margin-top: 20px;

        border-radius: 30px 0 30px;
    }
}
.hs-inner-news-show .news-show-top .img img {
    width: 100%;
}
.hs-inner-news-show .news-show {
    padding: 50px 0;

    background-color: #f9f6f5;
}
.hs-inner-news-show .news-show .public-note {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px;

    background-color: #fff;
}
.hs-inner-news-show .news-show .public-note h3 {
    font-size: 20px;
    line-height: 1.5;

    margin: 10px 0;

    color: #1a9543;
}
@media (max-width: 767px) {
    .hs-inner-news-show .news-show .public-note h3 {
        font-size: 18px;
    }
}
.hs-inner-news-show .news-bottom {
    border-bottom: 1px solid rgba(0, 103, 56, .5);
}
.hs-inner-news-show .button-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 20px 0;

    -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-inner-news-show .button-news a {
    line-height: 30px;

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

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 15px;

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

    color: #fff;
    border-radius: 40px;
    background-color: #006738;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hs-inner-news-show .button-news a .iconfont {
    font-size: 20px;

    display: block;

    margin: 0 6px;
}
.hs-inner-news-show .button-news a.news-prev .iconfont {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.hs-inner-news-show .button-news a:hover {
    background-color: #003a1e;
}
.public-related-news {
    padding-top: 80px;
}
@media (max-width: 1560px) {
    .public-related-news {
        padding-top: 60px;
    }
}
@media (max-width: 991px) {
    .public-related-news {
        padding-top: 40px;
    }
}
.public-related-news .news-list {
    margin-top: 20px;
}
.public-related-news .swiper-news-related {
    padding: 0 10px;
}
@media (max-width: 767px) {
    .public-related-news .swiper-news-related {
        padding: 0 5px;
    }
}
.public-related-news .swiper-slide {
    padding: 20px 0;
}
@media (max-width: 767px) {
    .public-related-news .swiper-slide {
        padding: 10px 0;
    }
}
.public-related-news .news-related-scrollbar {
    height: 16px;
    margin-top: 60px;
    padding: 3px;

    border: 1px solid #e7e7e7;
    border-radius: 8px;
    background: none;
}
@media (max-width: 1199px) {
    .public-related-news .news-related-scrollbar {
        margin-top: 30px;
    }
}
.public-related-news .news-related-scrollbar .swiper-scrollbar-drag {
    background-color: #006738;
}
.hs-inner-public-details .title-home {
    text-align: center;
}
.hs-inner-public-details .title-home h2 {
    font-size: 36px;

    text-transform: capitalize;
}
.hs-inner-public-details .public-details {
    position: relative;

    max-width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .hs-inner-public-details .public-details {
        margin-top: 30px;
    }
}
.hs-inner-public-details .public-details .public-note {
    max-width: 800px;
    margin: 0 auto;
}
.hs-inner-public-details .public-details .public-note img {
    max-width: 100%;
}
.hs-inner-public-details .public-details .swiper-button-prev {
    left: 0;
}
.hs-inner-public-details .public-details .swiper-button-next {
    right: 0;
}
.hs-inner-public-details .public-details .swiper-button-prev,
.hs-inner-public-details .public-details .swiper-button-next {
    color: #333;
    border-radius: 50%;
}
.hs-inner-public-details .public-details .swiper-button-prev .flaticon,
.hs-inner-public-details .public-details .swiper-button-next .flaticon {
    font-size: 20px;
}
@media (min-width: 1200px) {
    .hs-inner-public-details .public-details .swiper-button-prev,
    .hs-inner-public-details .public-details .swiper-button-next {
        line-height: 60px;

        width: 60px;
        height: 60px;
    }
}
.hs-inner-public-details .public-details .swiper-button-prev:hover,
.hs-inner-public-details .public-details .swiper-button-next:hover {
    color: #fff;
    background-color: #006738;
}
.hs-inner-public-details .return {
    margin-top: 80px;

    text-align: center;
}
@media (max-width: 1199px) {
    .hs-inner-public-details .return {
        margin-top: 50px;
    }
}
.hs-inner-public-details .return a {
    font-size: 16px;
    line-height: 36px;

    display: inline-block;

    padding: 0 50px;

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

    color: #777;
    border-radius: 24px;
}
.hs-inner-public-details .return a .flaticon {
    font-size: 24px;
}
.hs-inner-public-details .return a:hover {
    color: #fff;
    border-color: #006738;
    background-color: #006738;
}
.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;
}
.hideh1 {
    font-size: 0;
}
.hideh1 h1 {
    font-size: 0;

    margin: 0;
}
.flaticon:before {
    line-height: inherit !important;

    display: block;
}
.hs-inner-policy .policy {
    margin-top: 30px;
}

.hs-inner-formulas {
    background-image: none !important;
}
.hs-inner-formulas .title-home p {
    color: #333333;
}
.hs-inner-formulas .public-news-group {
    position: relative;
}
.hs-inner-formulas .public-news-group .img {
    border-radius: 10px;
    overflow: hidden;
    display: block;
}
.hs-inner-formulas .public-news-group .desc {
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(11, 61, 58, 0.88);
    z-index: 6;
    padding: 30px;
    color: #fff;
}
.hs-inner-formulas .public-news-group .date {
    color: #f4d122;
}
.hs-inner-formulas .public-news-group .public-note p {
    color: #fff;
}
.hs-inner-formulas .public-news-group .img:before {
    display: none;
}
.hs-inner-formulas .public-news-group:hover .title-news {
    color: #ffffff;
    text-decoration: underline;
}
.hs-inner-formulas .public-news-group .ibox {
    padding-bottom: 100%;
}
.hs-inner-formulas .public-news-group .ibox img {
    height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}
.hs-inner-products-sweeteners .products-parts-1 .products-parts-1-left .title-home {
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}
.page_info {
    text-align: center;
    margin: 10px auto;
    padding: 50px;
    color: #999;
    clear: both
}

.page_info span {
    padding: 0 2px;
    font-weight: bold
}
.page_list {
    height: 40px;
    line-height: 40px;
    width: 40px;

    text-align: center;
    clear: both;
    letter-spacing: 0;
    font-size: 14px;
    margin: 50px auto;
    padding: 30px;
    clear: both;
    width: 100%
}
.page_list a,
.page_list span {
    display: inline-block;
    color: #000;
    border: 1px solid #fff;
    background: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin: 0 1px;
    border-radius: 50%;
}
.page_list a:hover {
    color: #000;
    border: 1px solid #ffd416;
    background: #ffd416
}
.page_list .on {
    color: #000;
    border: 1px solid #ffd416;
    background: #ffd416
}
.page_list a.on {
    color: #000;
    border: 1px solid #ffd416;
    background: #ffd416
}
.no-break {
    white-space: nowrap;
    /* 让这两个字始终在一行 */
}