/**
 * style.less
 * 层叠样式表
 */
:root
{
    --pad: -webkit-calc(50vw - 705px);
    --pad:         calc(50vw - 705px);
}
@media (max-width: 1470px)
{
    :root
    {
        --pad: -webkit-calc(50vw - 650px);
        --pad:         calc(50vw - 650px);
    }
}
@media (max-width: 1400px)
{
    :root
    {
        --pad: -webkit-calc(50vw - 585px);
        --pad:         calc(50vw - 585px);
    }
}
@media (max-width: 1199px)
{
    :root
    {
        --pad: 6vw;
    }
}
@media (max-width: 991px)
{
    :root
    {
        --pad: 7.5vw;
    }
}
@media (max-width: 767px)
{
    :root
    {
        --pad: 15px;
    }
}
.ff
{
    font-family: 'iconfont' !important;
}
@font-face
{
    font-family: 'Goldman';
    font-weight: normal;
    font-style: normal;

    src: local('Goldman Regular'), local('Goldman-Regular'), url('../fonts/Goldman-Regular.woff2') format('woff2'), url('../fonts/Goldman-Regular.woff') format('woff'), url('../fonts/Goldman-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;

    src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Red Hat Display';
    font-weight: 600;
    font-style: normal;

    src: local('Red Hat Display SemiBold'), local('RedHatDisplay-SemiBold'), url('../fonts/RedHatDisplay-SemiBold.woff2') format('woff2'), url('../fonts/RedHatDisplay-SemiBold.woff') format('woff'), url('../fonts/RedHatDisplay-SemiBold.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Red Hat Display Medium';
    font-weight: 500;
    font-style: normal;

    src: local('Red Hat Display Medium'), local('RedHatDisplay-Medium'), url('../fonts/RedHatDisplay-Medium.woff2') format('woff2'), url('../fonts/RedHatDisplay-Medium.woff') format('woff'), url('../fonts/RedHatDisplay-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Poppins Regular';
    font-weight: normal;
    font-style: normal;

    src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Poppins SemiBold';
    font-weight: 600;
    font-style: normal;

    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-display: swap;
}
ul.row
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus
{
    outline: none !important;
}
.slick-slide a
{
    outline: none !important;
}
.header a,
.footer a
{
    color: inherit;
}
.header ul,
.footer ul
{
    margin: 0;
    padding: 0;
}
.header ul li,
.footer ul li
{
    list-style: none;
}
.header button,
.footer button
{
    border: none;
    outline: none;
}
@-ms-viewport
{
    width: auto !important;
}
body
{
    font-family: 'Red Hat Display', Arial, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Heiti SC', 'Hiragino Sans GB', sans-serif;
    font-size: 16px;
    font-weight: normal;

    color: #333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container
{
    width: 100%;
    max-width: 1830px;
    padding: 0 3%;
}
@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;
    }
}
ul
{
    margin: 0;
    padding: 0;
}
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;
}
a:active,
a:link,
a:visited,
a:focus
{
    text-decoration: none;

    color: inherit;
}
.imgw
{
    position: relative;

    display: block;
    overflow: hidden;

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

    display: block;

    width: 100%;
    height: 100%;
}
.imgw img[src=''],
.imgw img:not([src])
{
    opacity: 0;
    border: 0;
}
ul
{
    margin: 0;
    padding: 0;
}
ul li
{
    list-style: none;
}
.slick-dots
{
    font-size: 0;

    margin-top: 30px;

    text-align: center;
}
.slick-dots li
{
    display: inline-block;

    width: 14px;
    height: 14px;
    margin: 0 8px;

    vertical-align: middle;

    border-radius: 50%;
    background: #e6e6e6;
}
@media (max-width: 767px)
{
    .slick-dots li
    {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }
}
.slick-dots li button
{
    display: none;
}
.slick-dots li.slick-active
{
    background-color: #004abb;
}
.slick-arrow
{
    font-size: 0;
    line-height: 60px;

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

    width: 60px;
    height: 60px;

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

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

        left: 0;

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

    display: inline-block;

    content: '\e6ca';
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
@media (max-width: 1199px)
{
    .slick-arrow:before
    {
        font-size: 30px;
    }
}
.slick-arrow.slick-next
{
    right: -5%;
    left: auto;
}
@media (max-width: 991px)
{
    .slick-arrow.slick-next
    {
        right: 0;
    }
}
.slick-arrow.slick-next:before
{
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.slick-arrow:hover
{
    color: #333;
}
.arrow-button
{
    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;
}
.arrow-button .slick-arrow
{
    position: relative;
    top: 0;
    left: 0;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.arrow-button .slick-next
{
    margin-left: 10px;
}
@media (max-width: 767px)
{
    .arrow-top
    {
        padding-bottom: 60px;
    }
}
.arrow-top .slick-arrow
{
    top: -120px;
    right: 60px;
    left: auto;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    text-align: right;
}
@media (max-width: 767px)
{
    .arrow-top .slick-arrow
    {
        top: auto;
        bottom: 0;
        left: 50%;

        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
.arrow-top .slick-next
{
    right: 0;

    text-align: left;
}
@media (max-width: 767px)
{
    .arrow-top .slick-next
    {
        right: 50%;
        left: auto;

        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
    }
}
.flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.slick-list
{
    margin: 0 -15px;
}
@media (max-width: 1199px)
{
    .slick-list
    {
        margin: 0 -10px;
    }
}
@media (max-width: 767px)
{
    .slick-list
    {
        margin: 0 -5px;
    }
}
.slick-list .slick-slide
{
    padding: 0 15px;
}
@media (max-width: 1199px)
{
    .slick-list .slick-slide
    {
        padding: 0 10px;
    }
}
@media (max-width: 767px)
{
    .slick-list .slick-slide
    {
        padding: 0 5px;
    }
}
a:focus,
a:hover
{
    text-decoration: none;
}
.hyh-form
{
    margin-top: 30px;
}
.hyh-form ul
{
    margin: 0 -7px;
}
.hyh-form ul li
{
    padding: 0 7px;
}
.hyh-form .form-group input,
.hyh-form .form-group textarea,
.hyh-form .form-group select
{
    font-size: 16px;
    line-height: 30px;

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

    resize: vertical;

    color: #666;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    outline: none;
    background: #fff;
}
@media (max-width: 767px)
{
    .hyh-form .form-group input,
    .hyh-form .form-group textarea,
    .hyh-form .form-group select
    {
        min-height: 50px;
        padding: 10px 20px;
    }
}
.hyh-form .form-group input::-webkit-input-placeholder,
.hyh-form .form-group textarea::-webkit-input-placeholder
{
    color: #666;
}
.hyh-form .form-group input:-o-placeholder,
.hyh-form .form-group textarea:-o-placeholder
{
    color: #666;
}
.hyh-form .form-group input::-moz-placeholder,
.hyh-form .form-group textarea::-moz-placeholder
{
    color: #666;
}
.hyh-form .form-group input:-ms-input-placeholder,
.hyh-form .form-group textarea:-ms-input-placeholder
{
    color: #666;
}
.hyh-form .form-group input:focus::-webkit-input-placeholder,
.hyh-form .form-group textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.hyh-form .form-group input:focus::-o-placeholder,
.hyh-form .form-group textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.hyh-form .form-group input:focus::-moz-placeholder,
.hyh-form .form-group textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.hyh-form .form-group input:focus::-ms-input-placeholder,
.hyh-form .form-group textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.hyh-form select
{
    /* Firefox */
    padding-right: 50px !important;
    /* 给箭头留空间 */

    background: url(../imgs/select_bg.webp) no-repeat right center !important;

            appearance: none;
    /* 标准 */
    -webkit-appearance: none;
    /* Chrome / Safari */
       -moz-appearance: none;
}
.hyh-form .form-group-read input
{
    background-color: #fff;
}
.hyh-form .form-group-read input::-webkit-input-placeholder,
.hyh-form .form-group-read textarea::-webkit-input-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input:-o-placeholder,
.hyh-form .form-group-read textarea:-o-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input::-moz-placeholder,
.hyh-form .form-group-read textarea::-moz-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input:-ms-input-placeholder,
.hyh-form .form-group-read textarea:-ms-input-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input:focus::-webkit-input-placeholder,
.hyh-form .form-group-read textarea:focus::-webkit-input-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input:focus::-o-placeholder,
.hyh-form .form-group-read textarea:focus::-o-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input:focus::-moz-placeholder,
.hyh-form .form-group-read textarea:focus::-moz-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .form-group-read input:focus::-ms-input-placeholder,
.hyh-form .form-group-read textarea:focus::-ms-input-placeholder
{
    color: rgba(0, 45, 130, .8);
}
.hyh-form .mask
{
    font-family: 'Poppins SemiBold';
    font-size: 20px;
    line-height: 1.5;

    margin-top: 20px;

    color: #004abb;
}
@media (max-width: 1199px)
{
    .hyh-form .mask
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .hyh-form .mask
    {
        font-size: 16px;

        margin-top: 10px;
    }
}
.hyh-form .submit
{
    font-size: 16px;
    line-height: 30px;

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

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

    color: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    background-color: #004abb;
}
@media (max-width: 1199px)
{
    .hyh-form .submit
    {
        margin-top: 30px;
    }
}
.hyh-form .submit:hover
{
    background-color: #002260;
}
.header
{
    position: -webkit-sticky;
    position:         sticky;
    z-index: 9;
    top: 0;
    left: 0;

    width: 100%;

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

    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
}
.header .header-flex
{
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.header .logo
{
    display: block;

    height: 52px;

    -webkit-transition: all .4s;
            transition: all .4s;
}
@media (max-width: 1199px)
{
    .header .logo
    {
        height: 60px;
        padding: 5px 0;
    }
}
@media (max-width: 767px)
{
    .header .logo
    {
        padding: 10px 0;
    }
}
.header .logo a
{
    display: block;

    height: 100%;
}
.header .logo img
{
    display: block;

    height: 100%;

    -webkit-transition: all .2s;
            transition: all .2s;
}
.header .nav
{
    display: inline-block;

    -webkit-transition: all .4s;
            transition: all .4s;
    vertical-align: middle;
}
@media (max-width: 1199px)
{
    .header .nav
    {
        display: none;
    }
}
.header .nav .nav-list1
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
@media (min-width: 1200px)
{
    .header .nav .nav-list1 > li
    {
        position: relative;

        padding: 0 25px;
    }
    .header .nav .nav-list1 > li > a
    {
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;

        position: relative;

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

        height: 70px;

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

        -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;
    }
    .header .nav .nav-list1 > li > a span
    {
        -webkit-transition: background-size .56s;
                transition: background-size .56s;

        background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333));
        background-image: -webkit-linear-gradient(left, #333 0%, #333 100%);
        background-image:         linear-gradient(to right, #333 0%, #333 100%);
        background-repeat: no-repeat;
        background-position: 0 95%;
        background-size: 0 1px;
    }
    .header .nav .nav-list1 > li:hover > a span,
    .header .nav .nav-list1 > li.active > a span
    {
        background-size: 100% 1px;
    }
    .header .nav .nav-list1 .nav-list2
    {
        position: absolute;
        z-index: 50;
        top: 96%;
        left: 0;

        display: none;

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

        color: #666;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .header .nav .nav-list1 .nav-list2 > li
    {
        position: relative;
    }
    .header .nav .nav-list1 .nav-list2 > li > a
    {
        font-size: 16px;
        line-height: 32px;

        display: block;

        padding: 0 20px;

        white-space: nowrap;
    }
    .header .nav .nav-list1 .nav-list2 > li > a:hover
    {
        text-decoration: underline;

        color: #004abb;
    }
    .header .nav .nav-list1 .nav-list3
    {
        position: absolute;
        top: 0;
        left: 100%;

        display: none;

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

        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .header .nav .nav-list1 .nav-list3 > li
    {
        position: relative;
    }
    .header .nav .nav-list1 .nav-list3 > li > a
    {
        font-size: 16px;
        line-height: 32px;

        display: block;

        padding: 0 20px;

        white-space: nowrap;
    }
    .header .nav .nav-list1 .nav-list3 > li > a:hover
    {
        text-decoration: underline;

        color: #004abb;
    }
}
@media (min-width: 1200px) and (max-width: 1470px)
{
    .header .nav .nav-list1 > li
    {
        padding: 0 15px;
    }
}
.header .nav-right
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 100px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199px)
{
    .header .nav-right
    {
        height: 60px;
    }
}
.header .language
{
    position: relative;
}
.header .language p
{
    margin: 0;
    padding: 0 20px;
}
@media (max-width: 767px)
{
    .header .language p
    {
        padding: 0 10px;
    }
}
.header .language p a
{
    font-size: 14px;
    line-height: 30px;

    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;
}
.header .language p a:after
{
    width: 0;
    height: 0;
    margin-left: 10px;

    content: '';

    border-width: 7px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
.header .language ul
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: none;

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

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

    color: #fff;
    border-radius: 5px;
    background: #333;
}
.header .language ul li a
{
    font-weight: normal;
    line-height: 1.71428571;

    display: block;

    padding: 5px 10px;
}
.header .language ul li a:hover
{
    text-decoration: underline;
}
.header .find
{
    line-height: 70px;

    position: relative;

    padding: 0 20px 0 0;

    cursor: pointer;
}
@media (max-width: 767px)
{
    .header .find
    {
        padding: 0 10px 0 0;
    }
}
.header .find:after
{
    position: absolute;
    top: 50%;
    right: 0;

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

    color: rgba(51, 51, 51, .3);
}
.header .find .iconfont
{
    font-size: 20px;
}
.header .open-search
{
    font-size: 14px;

    position: fixed;
    z-index: 2;
    top: 100px;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    padding: 50px 0;

    background-color: rgba(255, 255, 255, .96);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
@media (max-width: 1199px)
{
    .header .open-search
    {
        top: 60px;
    }
}
.header .open-search form
{
    position: relative;

    display: block;

    width: 90%;
    margin: 0 auto;

    border-bottom: 1px solid #000;
}
@media (max-width: 1199px)
{
    .header .open-search form
    {
        width: 80%;
    }
}
@media (max-width: 767px)
{
    .header .open-search form
    {
        width: 90%;
    }
}
.header .open-search form input
{
    font-size: 16px;
    line-height: 30px;

    width: 100%;
    padding: 15px 50px 15px 0;

    color: #333;
    border: none;
    outline: none;
    background: none;
}
.header .open-search form input::-webkit-input-placeholder,
.header .open-search form textarea::-webkit-input-placeholder
{
    color: #999;
}
.header .open-search form input:-o-placeholder,
.header .open-search form textarea:-o-placeholder
{
    color: #999;
}
.header .open-search form input::-moz-placeholder,
.header .open-search form textarea::-moz-placeholder
{
    color: #999;
}
.header .open-search form input:-ms-input-placeholder,
.header .open-search form textarea:-ms-input-placeholder
{
    color: #999;
}
.header .open-search form input:focus::-webkit-input-placeholder,
.header .open-search form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.header .open-search form input:focus::-o-placeholder,
.header .open-search form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.header .open-search form input:focus::-moz-placeholder,
.header .open-search form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.header .open-search form input:focus::-ms-input-placeholder,
.header .open-search form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
@media (max-width: 991px)
{
    .header .open-search form input::-webkit-input-placeholder,
    .header .open-search form textarea::-webkit-input-placeholder
    {
        color: #666;
    }
    .header .open-search form input:-o-placeholder,
    .header .open-search form textarea:-o-placeholder
    {
        color: #666;
    }
    .header .open-search form input::-moz-placeholder,
    .header .open-search form textarea::-moz-placeholder
    {
        color: #666;
    }
    .header .open-search form input:-ms-input-placeholder,
    .header .open-search form textarea:-ms-input-placeholder
    {
        color: #666;
    }
    .header .open-search form input:focus::-webkit-input-placeholder,
    .header .open-search form textarea:focus::-webkit-input-placeholder
    {
        color: #c5c5c5;
    }
    .header .open-search form input:focus::-o-placeholder,
    .header .open-search form textarea:focus::-o-placeholder
    {
        color: #c5c5c5;
    }
    .header .open-search form input:focus::-moz-placeholder,
    .header .open-search form textarea:focus::-moz-placeholder
    {
        color: #c5c5c5;
    }
    .header .open-search form input:focus::-ms-input-placeholder,
    .header .open-search form textarea:focus::-ms-input-placeholder
    {
        color: #c5c5c5;
    }
}
.header .open-search form .submit
{
    line-height: 60px;

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

    width: 50px;
    padding: 0;

    text-align: center;

    outline: none;
    background: none;
}
@media (max-width: 1199px)
{
    .header .open-search form .submit
    {
        font-size: 18px;
        line-height: 40px;

        top: 10px;
    }
}
.header .open-search form .submit .icon
{
    font-size: 24px;
}
.header .open-search form .submit:hover
{
    color: #222;
}
.header .open-search .search-close
{
    font-size: 30px;
    line-height: 60px;

    position: absolute;
    top: -50px;
    right: -30px;

    width: 40px;

    cursor: pointer;
    text-align: center;
}
@media (max-width: 1199px)
{
    .header .open-search .search-close
    {
        line-height: 40px;
    }
}
@media (max-width: 767px)
{
    .header .open-search .search-close
    {
        right: 10px;
    }
}
.header .open-search .search-close:before
{
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\e629';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.header .quote
{
    margin-left: 20px;
}
@media (max-width: 1199px)
{
    .header .quote
    {
        margin: 0;
    }
}
.header .quote a
{
    line-height: 26px;

    display: inline-block;

    padding: 5px 30px;

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

    color: #fff;
    border-radius: 60px;
    background: #333;
}
@media (max-width: 767px)
{
    .header .quote a
    {
        font-size: 12px;

        padding: 5px;
    }
}
.header .quote a:hover
{
    background-color: #004abb;
}
.header .back-btn
{
    position: absolute;
    left: 15px;
}
.header .open-menu
{
    position: relative;

    display: none;

    width: 30px;
    height: 30px;
}
@media (max-width: 1199px)
{
    .header .open-menu
    {
        display: inline-block;

        margin-left: 10px;

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

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

    width: 100%;
    height: 100%;

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

    height: 2px;

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

    background: #666;
}
.header .open-menu a span
{
    display: block;

    height: 2px;
    margin: 5px 0;

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

    background: #666;
}
.header.fixedh
{
    color: #333;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.hc-mobile-nav .nav-container
{
    width: 100%;
}
.hc-mobile-nav .nav-wrapper
{
    background: -webkit-linear-gradient(332deg, #046fb8 21.57%, #024c9a 72.91%);
    background:         linear-gradient(118deg, #046fb8 21.57%, #024c9a 72.91%);
}
.banner
{
    font-size: 0;

    position: relative;

    overflow: hidden;

    width: 100%;
}
.banner .b-itempack
{
    position: relative;
}
.banner .banner-shuff
{
    overflow: hidden;
}
.banner .swiper-slide
{
    overflow: hidden;
}
.banner .imgw
{
    padding-bottom: 47.39583333%;
}
.banner .imgw .video-box
{
    position: absolute;
    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.banner .imgw video
{
    object-fit: cover;
}
.banner .banner-itempack
{
    position: relative;
}
.banner .banner-text
{
    position: absolute;
    z-index: 6;
    bottom: 6vw;
    left: 3%;

    width: 50%;

    color: #fff;
}
@media (max-width: 1199px)
{
    .banner .banner-text
    {
        bottom: 80px;
    }
}
@media (max-width: 767px)
{
    .banner .banner-text
    {
        bottom: 20px;

        width: 80%;
    }
}
.banner .banner-text h3
{
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;

    position: relative;

    padding-left: 30px;
}
@media (max-width: 1199px)
{
    .banner .banner-text h3
    {
        font-size: 20px;

        padding-left: 20px;
    }
}
@media (max-width: 767px)
{
    .banner .banner-text h3
    {
        font-size: 14px;

        padding-left: 10px;
    }
}
.banner .banner-text h3:before
{
    position: absolute;
    left: 0;

    display: block;

    width: 4px;
    height: 31px;

    content: '';

    background-color: #fff;
}
@media (max-width: 767px)
{
    .banner .banner-text h3:before
    {
        height: 20px;
    }
}
.banner .banner-text h2
{
    font-family: 'Goldman';
    font-size: 70px;
    line-height: 1;

    margin: 2vw 0 0 0;
}
@media (max-width: 1560px)
{
    .banner .banner-text h2
    {
        font-size: 60px;
    }
}
@media (max-width: 1470px)
{
    .banner .banner-text h2
    {
        font-size: 50px;
    }
}
@media (max-width: 1400px)
{
    .banner .banner-text h2
    {
        font-size: 40px;
    }
}
@media (max-width: 1199px)
{
    .banner .banner-text h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .banner .banner-text h2
    {
        font-size: 18px;
    }
}
.banner .banner-text h4
{
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.66666667;

    margin: 1vw 0 0 0;
}
@media (max-width: 1199px)
{
    .banner .banner-text h4
    {
        font-size: 16px;
    }
}
@media (max-width: 767px)
{
    .banner .banner-text h4
    {
        font-size: 14px;
    }
}
.banner .banner-text .ban-more
{
    margin-top: 3vw;
}
.banner .banner-text .ban-more a
{
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;

    display: inline-block;

    padding: 15px 40px;

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

    color: #333;
    background-color: #fff;
}
@media (max-width: 1470px)
{
    .banner .banner-text .ban-more a
    {
        font-size: 16px;

        padding: 10px 30px;
    }
}
@media (max-width: 767px)
{
    .banner .banner-text .ban-more a
    {
        font-size: 14px;

        padding: 6px 20px;
    }
}
.banner .banner-text .ban-more a:hover
{
    color: #fff;
    background-color: #004abb;
}
.banner img
{
    display: block;

    width: 100%;
}
@media (max-width: 767px)
{
    .banner img
    {
        width: 120%;
        margin-left: -10%;
    }
}
.banner .swiper-slide-active .banner-text h3,
.banner .swiper-slide-active .banner-text h2
{
    -webkit-animation: fadeInDown 1s 0s ease both;
            animation: fadeInDown 1s 0s ease both;
}
.banner .swiper-slide-active .banner-text h4,
.banner .swiper-slide-active .banner-text .ban-more
{
    -webkit-animation: fadeInUp 1s 0s ease both;
            animation: fadeInUp 1s 0s ease both;
}
.banner .banner-swiper-pagination-top
{
    font-size: 16px;
    line-height: 30px;

    position: absolute;
    z-index: 6;
    bottom: -webkit-calc(5% + 20px);
    bottom:         calc(5% + 20px);
    left: 3%;

    color: rgba(255, 255, 255, .7);
}
.banner .banner-swiper-pagination-top .swiper-pagination-current
{
    font-size: 20px;

    color: #fff;
}
@media (max-width: 767px)
{
    .banner .banner-swiper-pagination-top
    {
        right: 3%;
        bottom: 10px;
        left: auto;
    }
}
.banner .banner-swiper-pagination-bottom
{
    position: absolute;
    z-index: 6;
    bottom: 5%;
    left: 3%;
}
@media (max-width: 767px)
{
    .banner .banner-swiper-pagination-bottom
    {
        display: none;
    }
}
.banner .banner-swiper-pagination-bottom span
{
    position: relative;

    width: 50px;
    height: 6px;

    opacity: 1;
    border-radius: 0;
    background-color: rgba(255, 255, 255, .4);
}
.banner .banner-swiper-pagination-bottom span:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 0;
    height: 100%;

    content: '';

    background-color: #004abb;
}
.banner .banner-swiper-pagination-bottom .swiper-pagination-bullet-active
{
    background-color: #fff;
}
.banner .banner-swiper-pagination-bottom .swiper-pagination-bullet-active:before
{
    width: 100%;

    -webkit-transition: all 4s;
            transition: all 4s;
}
.banner-inpage
{
    position: relative;

    overflow: hidden;
}
.banner-inpage .b-itempack img
{
    width: 100%;
}
@media (max-width: 767px)
{
    .banner-inpage .b-itempack img
    {
        width: 160%;
        margin-left: -30%;
    }
}
.banner-inpage .ban-txt
{
    position: absolute;
    z-index: 4;
    top: 50%;

    width: 100%;

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

    color: #fff;
}
.banner-inpage .ban-txt h2
{
    font-family: 'Goldman';
    font-size: 80px;
    line-height: 1;

    max-width: 770px;
}
@media (max-width: 1560px)
{
    .banner-inpage .ban-txt h2
    {
        font-size: 70px;
    }
}
@media (max-width: 1470px)
{
    .banner-inpage .ban-txt h2
    {
        font-size: 60px;
    }
}
@media (max-width: 1400px)
{
    .banner-inpage .ban-txt h2
    {
        font-size: 50px;
    }
}
@media (max-width: 1199px)
{
    .banner-inpage .ban-txt h2
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .banner-inpage .ban-txt h2
    {
        font-size: 30px;
    }
}
.index
{
    overflow: hidden;

    padding: 120px 0;
}
@media (max-width: 1560px)
{
    .index
    {
        padding: 80px 0;
    }
}
@media (max-width: 991px)
{
    .index
    {
        padding: 50px 0;
    }
}
.pb-0
{
    padding-bottom: 0 !important;
}
.pt-0
{
    padding-top: 0 !important;
}
.p-0
{
    padding: 0 !important;
}
.hyh-txt p
{
    font-size: 16px;
    line-height: 28px;

    margin: 0;

    color: #666;
}
@media (max-width: 1199px)
{
    .hyh-txt p
    {
        line-height: 24px;
    }
}
@media (max-width: 767px)
{
    .hyh-txt p
    {
        font-size: 14px;
        line-height: 20px;
    }
}
.hyh-txt.fz15 p
{
    font-size: 15px;
}
.hyh-txt.c9 p
{
    color: #999;
}
.hyh-txt.lh24 p
{
    line-height: 24px;
}
.t-index
{
    max-width: 50%;
}
@media (max-width: 1199px)
{
    .t-index
    {
        max-width: 70%;
    }
}
@media (max-width: 767px)
{
    .t-index
    {
        max-width: 100%;
    }
}
.t-index h2
{
    font-family: 'Goldman';
    font-size: 48px;
    line-height: 1;

    margin: 0;
}
@media (max-width: 1560px)
{
    .t-index h2
    {
        font-size: 40px;
    }
}
@media (max-width: 1199px)
{
    .t-index h2
    {
        font-size: 36px;
    }
}
@media (max-width: 991px)
{
    .t-index h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .t-index h2
    {
        font-size: 24px;
    }
}
@media (min-width: 1560px)
{
    .t-index h2.fz44
    {
        font-size: 44px;
    }
}
.t-index h2.fz70
{
    font-size: 70px;
}
@media (max-width: 1560px)
{
    .t-index h2.fz70
    {
        font-size: 60px;
    }
}
@media (max-width: 1470px)
{
    .t-index h2.fz70
    {
        font-size: 50px;
    }
}
@media (max-width: 1199px)
{
    .t-index h2.fz70
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .t-index h2.fz70
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .t-index h2.fz70
    {
        font-size: 26px;
    }
}
.t-index h3
{
    font-family: 'Goldman';
    font-size: 24px;
    line-height: 1.25;

    margin: 0;
}
@media (max-width: 1560px)
{
    .t-index h3
    {
        font-size: 20px;
    }
}
@media (max-width: 1199px)
{
    .t-index h3
    {
        font-size: 18px;
    }
}
.t-index .hyh-txt
{
    margin-top: 16px;
}
@media (max-width: 767px)
{
    .t-index .hyh-txt
    {
        margin-top: 8px;
    }
}
.t-index.w60
{
    max-width: 60%;
}
@media (max-width: 1199px)
{
    .t-index.w60
    {
        max-width: 80%;
    }
}
@media (max-width: 767px)
{
    .t-index.w60
    {
        max-width: 100%;
    }
}
.t-index.w70
{
    max-width: 70%;
}
@media (max-width: 1199px)
{
    .t-index.w70
    {
        max-width: 90%;
    }
}
@media (max-width: 767px)
{
    .t-index.w70
    {
        max-width: 100%;
    }
}
.hyh-more
{
    margin-top: 40px;
}
@media (max-width: 767px)
{
    .hyh-more
    {
        margin-top: 20px;
    }
}
.hyh-more a,
.hyh-more span
{
    line-height: 22px;

    display: inline-block;

    padding: 15px 40px;

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

    color: #fff;
    border-radius: 50px;
    background-color: #004abb;
}
@media (max-width: 1199px)
{
    .hyh-more a,
    .hyh-more span
    {
        padding: 10px 30px;
    }
}
.hyh-more a:hover,
.hyh-more span:hover
{
    color: #fff;
    background-color: #002260;
}
.i-products .products
{
    margin-top: 60px;
}
@media (max-width: 767px)
{
    .i-products .products
    {
        margin-top: 30px;
    }
}
.i-products .products .slick-track
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
}
.i-products .products .slick-list
{
    width: 110%;
}
@media (max-width: 767px)
{
    .i-products .products .slick-list
    {
        width: 100%;
    }
}
.i-products .products .slick-slide
{
    height: auto;
}
.i-products .products .slick-slide > div
{
    height: 100%;
}
.i-products .products .slick-slide > div > div
{
    height: 100%;
}
.i-products .products-itempack
{
    position: relative;

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

    height: 100%;
    padding-bottom: 240px;

    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.i-products .products-itempack:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    opacity: 0;
    background-color: rgba(0, 74, 187, .8);
}

.i-products .products-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.i-products .products-itempack .desc
{
    position: absolute;
    z-index: 5;
    bottom: 0;

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

    -webkit-transition:         transform .6s;
    -webkit-transition: -webkit-transform .6s;
            transition: -webkit-transform .6s;
            transition:         transform .6s;
            transition:         transform .6s, -webkit-transform .6s;
    -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
            transform: translateY(60px);
}
@media (max-width: 1470px)
{
    .i-products .products-itempack .desc
    {
        padding: 20px;
    }
}
.i-products .products-itempack .t-products
{
    font-family: 'Goldman';
    font-size: 28px;
    line-height: 1;
}
@media (max-width: 1470px)
{
    .i-products .products-itempack .t-products
    {
        font-size: 24px;
    }
}
.i-products .products-itempack .hyh-txt
{
    display: -webkit-box;
    overflow: hidden;

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

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

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.i-products .products-itempack .p-more
{
    font-size: 30px;
    line-height: 40px;

    margin-top: 20px;

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

    opacity: 0;
}
.i-products .products-itempack .p-more .iconfont
{
    font-size: inherit;
}
@media (min-width: 1200px)
{
    .i-products .products-itempack:hover:before
    {
        opacity: 1;
    }
    .i-products .products-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .i-products .products-itempack:hover .desc
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        color: #fff;
    }
    .i-products .products-itempack:hover .hyh-txt
    {
        display: -webkit-box;
        overflow: hidden;

        max-height: 480px;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 20;
    }
    .i-products .products-itempack:hover .hyh-txt p
    {
        color: #fff;
    }
    .i-products .products-itempack:hover .p-more
    {
        opacity: 1;
    }
}
.i-solution
{
    background: url(../imgs/solution_bg.webp) no-repeat top right;

    background-blend-mode: luminosity;
}
.i-solution .solution
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 80px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 1560px)
{
    .i-solution .solution
    {
        margin-top: 60px;
    }
}
@media (max-width: 1199px)
{
    .i-solution .solution
    {
        margin-top: 40px;
    }
}
@media (max-width: 991px)
{
    .i-solution .solution
    {
        margin-top: 20px;
    }
}
.i-solution .solution-sort
{
    width: 35%;
    padding-right: 5%;
}
@media (max-width: 991px)
{
    .i-solution .solution-sort
    {
        width: 100%;
        padding-right: 0;
    }
}
@media (max-width: 991px)
{
    .i-solution .solution-sort > ul
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin: 0 -10px;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
.i-solution .solution-sort > ul > li
{
    margin-bottom: 30px;
}
@media (max-width: 991px)
{
    .i-solution .solution-sort > ul > li
    {
        width: 50%;
        margin: 10px 0 0 0;
        padding: 0 10px;
    }
}
.i-solution .solution-sort > ul > li > a
{
    font-size: 18px;
    line-height: 28px;

    position: relative;

    display: block;

    padding-left: 34px;

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

    color: #666;
}
@media (max-width: 991px)
{
    .i-solution .solution-sort > ul > li > a
    {
        font-size: 16px;
        line-height: 20px;

        padding-left: 0;

        -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
                transform: translateX(0px);
    }
}
.i-solution .solution-sort > ul > li > a:before
{
    font-family: 'iconfont' !important;

    position: absolute;
    left: 0;

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

    opacity: 0;
}
@media (max-width: 991px)
{
    .i-solution .solution-sort > ul > li > a:before
    {
        display: none;
    }
}
.i-solution .solution-sort > ul > li.active > a
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    color: #333;
}
.i-solution .solution-sort > ul > li.active > a:before
{
    opacity: 1;
}
.i-solution .solution-sort .hyh-more
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .i-solution .solution-sort .hyh-more
    {
        margin-top: 30px;
    }
}
.i-solution .solution-list
{
    width: 65%;
}
@media (max-width: 991px)
{
    .i-solution .solution-list
    {
        width: 100%;
        margin-top: 30px;
    }
}
.i-solution .solution-content
{
    position: relative;

    display: block;
}
.i-solution .solution-content .img .imgw
{
    padding-bottom: 59.82905983%;
}
.i-solution .solution-content .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.i-solution .solution-content .desc
{
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 40px;

    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(34, 34, 34, .8)), to(rgba(34, 34, 34, 0)));
    background: -webkit-linear-gradient(bottom, rgba(34, 34, 34, .8) 0%, rgba(34, 34, 34, 0) 100%);
    background:         linear-gradient(0deg, rgba(34, 34, 34, .8) 0%, rgba(34, 34, 34, 0) 100%);

    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
}
@media (max-width: 1199px)
{
    .i-solution .solution-content .desc
    {
        padding: 20px;
    }
}
@media (max-width: 767px)
{
    .i-solution .solution-content .desc
    {
        position: relative;

        padding: 20px 15px;

        background-color: #000;
    }
}
.i-solution .solution-content .t-solution
{
    font-family: 'Goldman';
    font-size: 36px;
    line-height: 1;
}
@media (max-width: 1560px)
{
    .i-solution .solution-content .t-solution
    {
        font-size: 30px;
    }
}
@media (max-width: 1199px)
{
    .i-solution .solution-content .t-solution
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .i-solution .solution-content .t-solution
    {
        font-size: 20px;
    }
}
.i-solution .solution-content .hyh-txt
{
    margin-top: 10px;
}
.i-solution .solution-content .hyh-txt p
{
    color: #fff;
}
.i-solution .solution-content .s-more
{
    margin-top: 20px;
}
.i-solution .solution-content .s-more .iconfont
{
    font-size: 30px;
    line-height: 1;

    display: block;
}
.i-why .why > ul
{
    align-items: stretch;
}
.i-why .why > ul > li
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .i-why .why > ul > li
    {
        margin-top: 20px;
    }
}
.i-why .why > ul > li:nth-child(2) .w-itempack
{
    padding: 70px 30px;
}
@media (max-width: 991px)
{
    .i-why .why > ul > li:nth-child(2) .w-itempack
    {
        padding: 50px 20px;
    }
}
@media (max-width: 767px)
{
    .i-why .why > ul > li:nth-child(2) .w-itempack
    {
        padding: 20px 15px;
    }
}
.i-why .why > ul > li:nth-child(3) .w-itempack
{
    padding: 70px 30px;
}
@media (max-width: 991px)
{
    .i-why .why > ul > li:nth-child(3) .w-itempack
    {
        padding: 30px 20px;
    }
}
@media (max-width: 767px)
{
    .i-why .why > ul > li:nth-child(3) .w-itempack
    {
        padding: 20px 15px;
    }
}
.i-why .why .w-itempack
{
    padding: 60px 30px;
    height: 100%;
    background: #f8f8f8;
}
@media (max-width: 991px)
{
    .i-why .why .w-itempack
    {
        padding: 30px 20px;
    }
}
@media (max-width: 767px)
{
    .i-why .why .w-itempack
    {
        padding: 20px 15px;
    }
}
.i-why .why .w-itempack .icon
{
    width: 60px;
}
@media (max-width: 1400px)
{
    .i-why .why .w-itempack .icon
    {
        width: 50px;
    }
}
@media (max-width: 991px)
{
    .i-why .why .w-itempack .icon
    {
        width: 40px;
    }
}
.i-why .why .w-itempack .icon img
{
    width: 100%;
}
.i-why .why .w-itempack .t-why
{
    font-family: 'Poppins';
    font-size: 24px;
    line-height: 1.25;

    margin-top: 30px;
}
@media (max-width: 1400px)
{
    .i-why .why .w-itempack .t-why
    {
        font-size: 20px;

        margin-top: 20px;
    }
}
@media (max-width: 991px)
{
    .i-why .why .w-itempack .t-why
    {
        font-size: 18px;
    }
}
.i-why .why .w-itempack .hyh-txt
{
    font-family: 'Red Hat Display Medium';

    margin-top: 16px;
}
@media (min-width: 1200px)
{
    .i-why .why .w-itempack:hover .icon
    {
        -webkit-animation: swing 1s 0s ease both;
                animation: swing 1s 0s ease both;
    }
}
.i-about .about-flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.i-about .img
{
    width: 60%;
}
@media (max-width: 1400px)
{
    .i-about .img
    {
        width: 55%;
    }
}
@media (max-width: 991px)
{
    .i-about .img
    {
        width: 100%;
    }
}
.i-about .img img
{
    width: 100%;
}
.i-about .about
{
    width: 40%;
    padding: 30px 6% 30px 3%;
}
@media (max-width: 1400px)
{
    .i-about .about
    {
        width: 45%;
        padding: 20px 5% 20px 3%;
    }
}
@media (max-width: 991px)
{
    .i-about .about
    {
        width: 100%;
        padding: 20px 15px 0 15px;
    }
}
@media (max-width: 1400px)
{
    .i-about .about .hyh-txt p
    {
        line-height: 24px;
    }
}
.i-about .t-index
{
    max-width: 100%;
}
.i-certificate .certificate
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .i-certificate .certificate
    {
        margin-top: 30px;
    }
}
.i-certificate .certificate .slick-list
{
    width: 120%;
}
.i-certificate .certificate .c-itempack
{
    cursor: pointer;
    text-align: center;

    border-bottom: 2px solid #004abb;
    background-color: #f6f6f6;
}
.i-certificate .certificate .c-itempack .img
{
    padding: 60px 60px 20px 60px;
}
@media (max-width: 1560px)
{
    .i-certificate .certificate .c-itempack .img
    {
        padding: 30px 30px 10px 30px;
    }
}
@media (max-width: 767px)
{
    .i-certificate .certificate .c-itempack .img
    {
        padding: 10px;
    }
}
.i-certificate .certificate .c-itempack .img .imgw
{
    padding-bottom: 132.8358209%;
}
.i-certificate .certificate .c-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.i-certificate .certificate .c-itempack .desc
{
    padding: 30px 5%;
}
@media (max-width: 1560px)
{
    .i-certificate .certificate .c-itempack .desc
    {
        padding: 20px;
    }
}
@media (max-width: 767px)
{
    .i-certificate .certificate .c-itempack .desc
    {
        padding: 10px 10px 20px 10px;
    }
}
.i-certificate .certificate .c-itempack .desc h3
{
    font-family: 'Poppins';
    line-height: 30px;

    z-index: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

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

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1560px)
{
    .i-certificate .certificate .c-itempack .desc h3
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .i-certificate .certificate .c-itempack .desc h3
    {
        font-size: 18px;
        line-height: 24px;

        height: 24px;
    }
}
.i-certificate .certificate .c-itempack .desc p
{
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 24px;
    margin: 6px 0 0 0;

    color: #999;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (min-width: 1200px)
{
    .i-certificate .certificate .c-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .i-certificate .certificate .c-itempack:hover .desc h3
    {
        color: #004abb;
    }
}
.i-cases
{
    position: relative;

    overflow: hidden;

    border-radius: 20px;
}
.i-cases .cases-bgbox
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #000;
}
.i-cases .cases-bgbox:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: -webkit-gradient(linear, right top, left top, color-stop(44.43%, rgba(0, 0, 0, 0)), color-stop(66.89%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 44.43%, rgba(0, 0, 0, .7) 66.89%);
    background:         linear-gradient(270deg, rgba(0, 0, 0, 0) 44.43%, rgba(0, 0, 0, .7) 66.89%);
}
.i-cases .cases-bgbox .case-bg
{
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.i-cases .cases
{
    position: relative;
    z-index: 6;

    color: #fff;
}
.i-cases .cases .hyh-txt p
{
    color: #fff;
}
.i-cases .cases .hyh-more a
{
    border: 1px solid #fff;
    background: none;
}
.i-cases .cases .cases-sort
{
    margin-top: 80px;
}
@media (max-width: 1199px)
{
    .i-cases .cases .cases-sort
    {
        margin-top: 60px;
    }
}
@media (max-width: 767px)
{
    .i-cases .cases .cases-sort
    {
        margin-top: 30px;
    }
}
.i-cases .cases .cases-sort > ul > li
{
    position: relative;

    max-width: 350px;
    padding-bottom: 50px;
}
@media (max-width: 767px)
{
    .i-cases .cases .cases-sort > ul > li
    {
        padding-bottom: 20px;
    }
}
.i-cases .cases .cases-sort > ul > li:before
{
    position: absolute;
    top: 50%;
    left: 14px;

    display: block;

    width: 1px;
    height: 40%;

    content: '';

    border-left: 1px dashed #fff;
}
@media (max-width: 767px)
{
    .i-cases .cases .cases-sort > ul > li:before
    {
        top: 60%;
    }
}
.i-cases .cases .cases-sort > ul > li:last-child:before
{
    display: none;
}
.i-cases .cases .cases-sort > ul > li .sort-itempack
{
    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;
}
.i-cases .cases .cases-sort > ul > li .dot
{
    position: relative;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}
.i-cases .cases .cases-sort > ul > li .dot:before
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

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

    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
}
.i-cases .cases .cases-sort > ul > li .dot span
{
    position: relative;

    display: block;

    width: 27px;
    height: 27px;

    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
}
.i-cases .cases .cases-sort > ul > li .dot span:before
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    display: block;

    width: 13px;
    height: 13px;

    content: '';
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);

    border-radius: 50%;
    background-color: #fff;
}
.i-cases .cases .cases-sort > ul > li p
{
    font-family: 'Poppins';
    line-height: 24px;

    margin: 0;
    padding-left: 20px;
}
.i-cases .cases .cases-sort > ul > li.active .dot:before
{
    -webkit-animation: dot 3s linear infinite;
            animation: dot 3s linear infinite;
}
@-webkit-keyframes dot
{
    0%
    {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-50%, -50%) scale(3.5);
                transform: translate(-50%, -50%) scale(3.5);

        opacity: 0;
    }
}
@keyframes dot
{
    0%
    {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-50%, -50%) scale(3.5);
                transform: translate(-50%, -50%) scale(3.5);

        opacity: 0;
    }
}
.hyh-new-itempack
{
    display: block;
}
.hyh-new-itempack .img .imgw
{
    padding-bottom: 86.95652174%;
}
.hyh-new-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.hyh-new-itempack .date
{
    font-size: 14px;
    line-height: 22px;
}
.hyh-new-itempack .t-news
{
    font-family: 'Goldman';
    font-size: 30px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

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

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

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 1560px)
{
    .hyh-new-itempack .t-news
    {
        font-size: 24px;
        line-height: 24px;

        max-height: 48px;
    }
}
@media (max-width: 767px)
{
    .hyh-new-itempack .t-news
    {
        font-size: 20px;
    }
}
.hyh-new-itempack .hyh-txt
{
    display: -webkit-box;
    overflow: hidden;

    max-height: 88px;
    margin-top: 20px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
@media (max-width: 1560px)
{
    .hyh-new-itempack .hyh-txt
    {
        margin-top: 10px;
    }
}
.hyh-new-itempack .hyh-txt p
{
    line-height: 22px;
}
.hyh-new-itempack .more
{
    margin-top: 20px;
}
@media (max-width: 767px)
{
    .hyh-new-itempack .more
    {
        margin-top: 10px;
    }
}
.hyh-new-itempack .more .iconfont
{
    font-size: 30px;
}
@media (max-width: 767px)
{
    .hyh-new-itempack .more .iconfont
    {
        font-size: 24px;
    }
}
@media (min-width: 1200px)
{
    .hyh-new-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .hyh-new-itempack:hover .t-news
    {
        color: #004abb;
    }
    .hyh-new-itempack:hover .more
    {
        color: #004abb;
    }
}
@media (max-width: 1199px)
{
    .i-news .index-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;
    }
}
.i-news .hyh-more
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .i-news .hyh-more
    {
        margin: 0;
    }
    .i-news .hyh-more a
    {
        padding-right: 10px;
        padding-left: 10px;
    }
}
.i-news .news
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 40px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 1199px)
{
    .i-news .news
    {
        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .i-news .news
    {
        margin-top: 0;
    }
}
.i-news .news-left
{
    width: 49%;
    padding-right: 20px;
}
@media (max-width: 991px)
{
    .i-news .news-left
    {
        width: 100%;
        padding-right: 0;
    }
}
.i-news .news-left .hyh-new-itempack .img .imgw
{
    padding-bottom: 68.18181818%;
}
.i-news .news-left .hyh-new-itempack .desc
{
    margin-top: 40px;
}
@media (max-width: 1560px)
{
    .i-news .news-left .hyh-new-itempack .desc
    {
        margin-top: 20px;
    }
}
.i-news .hyh-new-itempack
{
    margin-top: 20px;
}
.i-news .news-right
{
    width: 51%;
}
@media (max-width: 991px)
{
    .i-news .news-right
    {
        width: 100%;
    }
}
.i-news .news-right .hyh-new-itempack
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.i-news .news-right .hyh-new-itempack .img
{
    width: 50%;
}
@media (max-width: 767px)
{
    .i-news .news-right .hyh-new-itempack .img
    {
        width: 100%;
    }
}
.i-news .news-right .hyh-new-itempack .desc
{
    width: 50%;
    padding-left: 3%;
}
@media (max-width: 767px)
{
    .i-news .news-right .hyh-new-itempack .desc
    {
        width: 100%;
        padding: 20px 0 0 0;
    }
}
.footer-box
{
    font-family: 'Poppins';
    font-size: 14px;

    overflow: hidden;

    color: rgba(255, 255, 255, .7);
    background: url(../imgs/footer_bg.webp) no-repeat center;
    background-size: cover;
}
.footer-box .foot
{
    padding: 80px 0;
}
@media (max-width: 1199px)
{
    .footer-box .foot
    {
        padding: 60px 0;
    }
}
@media (max-width: 767px)
{
    .footer-box .foot
    {
        padding: 30px 0;
    }
}
.footer-box .foot > ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -15px;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 767px)
{
    .footer-box .foot > ul
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
.footer-box .foot > ul > li
{
    padding: 0 15px;
}
.footer-box .t-foot
{
    font-family: 'Goldman';
    font-size: 20px;
    line-height: 1.5;

    color: #fff;
}
@media (max-width: 767px)
{
    .footer-box .foot-nav
    {
        width: 100%;
        margin: 10px 0;
    }
}
.footer-box .foot-nav:nth-child(2)
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .footer-box .foot-nav:nth-child(2)
    {
        margin-top: 30px;
    }
}
.footer-box .foot-nav .foot-info
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .footer-box .foot-nav .foot-info
    {
        margin-top: 10px;
    }
}
@media (max-width: 767px)
{
    .footer-box .foot-nav .foot-info
    {
        margin: 0;
    }
}
@media (max-width: 767px)
{
    .footer-box .foot-nav .foot-info > ul
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
@media (max-width: 767px)
{
    .footer-box .foot-nav .foot-info > ul > li
    {
        margin-right: 20px;
    }
}
.footer-box .foot-nav .foot-info > ul > li > a
{
    line-height: 24px;

    display: block;

    padding: 5px 0;
}
@media (max-width: 767px)
{
    .footer-box .foot-nav .foot-info > ul > li > a
    {
        padding: 2px 0;
    }
}
.footer-box .foot-nav .foot-info > ul > li > a span
{
    -webkit-transition: background-size .56s;
            transition: background-size .56s;

    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
    background-image:         linear-gradient(to right, #fff 0%, #fff 100%);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 0 1px;
}
.footer-box .foot-nav .foot-info > ul > li:hover > a
{
    color: #fff;
}
.footer-box .foot-nav .foot-info > ul > li:hover > a span
{
    background-size: 100% 1px;
}
.footer-box .foot-text
{
    max-width: 360px;
}
@media (max-width: 767px)
{
    .footer-box .foot-text
    {
        width: 100%;
        max-width: 100%;
    }
}
.footer-box .foot-text .foot-txt > ul > li
{
    margin-top: 20px;
}
@media (max-width: 767px)
{
    .footer-box .foot-text .foot-txt > ul > li
    {
        margin-top: 10px;
    }
}
.footer-box .foot-text .foot-txt .txt-itempack
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.footer-box .foot-text .foot-txt .txt-itempack .icon
{
    color: #fff;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}
.footer-box .foot-text .foot-txt .txt-itempack .icon .iconfont
{
    font-size: 20px;
}
.footer-box .foot-text .foot-txt .txt-itempack .txt
{
    padding-left: 12px;
}
.footer-box .foot-text .foot-txt .txt-itempack .txt p
{
    line-height: 22px;

    margin: 0;
}
.footer-box .foot-text .foot-txt .txt-itempack .txt p:nth-child(2)
{
    margin-top: 10px;
}
@media (max-width: 767px)
{
    .footer-box .foot-text .foot-txt .txt-itempack .txt p:nth-child(2)
    {
        margin: 0;
    }
}
.footer-box .foot-text .foot-txt .txt-itempack .txt a
{
    line-height: 24px;

    display: block;

    padding: 5px 0;
}
@media (max-width: 767px)
{
    .footer-box .foot-text .foot-txt .txt-itempack .txt a
    {
        padding: 3px 0;
    }
}
.footer-box .foot-text .foot-txt .txt-itempack .txt a span
{
    -webkit-transition: background-size .56s;
            transition: background-size .56s;

    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
    background-image:         linear-gradient(to right, #fff 0%, #fff 100%);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 0 1px;
}
.footer-box .foot-text .foot-txt .txt-itempack .txt a:hover
{
    color: #fff;
}
.footer-box .foot-text .foot-txt .txt-itempack .txt a:hover span
{
    background-size: 100% 1px;
}
.footer-box .foot-contact
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding-bottom: 30px;

    border-bottom: 1px solid #fff;

    -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;
}
.footer-box .foot-contact .foot-logo
{
    font-family: 'Goldman';
    font-size: 70px;
    line-height: 1;

    color: #fff;
}
@media (max-width: 1560px)
{
    .footer-box .foot-contact .foot-logo
    {
        font-size: 60px;
    }
}
@media (max-width: 1199px)
{
    .footer-box .foot-contact .foot-logo
    {
        font-size: 50px;
    }
}
@media (max-width: 767px)
{
    .footer-box .foot-contact .foot-logo
    {
        font-size: 40px;
    }
}
.footer-box .foot-contact .hyh-more
{
    margin: 0;
}
@media (max-width: 767px)
{
    .footer-box .foot-contact .hyh-more
    {
        width: 100%;
        margin-top: 10px;
    }
}
.footer-box .foot-contact .hyh-more a
{
    font-family: 'Poppins';
    font-size: 18px;
}
@media (max-width: 767px)
{
    .footer-box .foot-contact .hyh-more a
    {
        font-size: 16px;
    }
}
.footer-box .copyright
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 30px 0;

    color: #fff;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.footer-box .copyright p
{
    line-height: 24px;

    margin: 0;
}
.footer-box .copyright .link
{
    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;
}
@media (max-width: 1199px)
{
    .footer-box .copyright .link
    {
        width: 100%;
        margin: 0 -20px;
    }
}
.footer-box .copyright .link a
{
    line-height: 24px;

    display: block;

    padding: 0 20px;
}
.footer-box .copyright .link a:hover
{
    text-decoration: underline;
}
.footer-box .copyright .link span
{
    opacity: .2;
}
.footer-box .copyright-left
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199px)
{
    .footer-box .copyright-share
    {
        width: 100%;
        margin-top: 20px;
    }
}
.footer-box .copyright-share > ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -5px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.footer-box .copyright-share > ul > li
{
    padding: 0 5px;
}
.footer-box .copyright-share > ul > li > a
{
    line-height: 36px;

    display: block;

    width: 36px;
    height: 36px;

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

    color: #000;
    border-radius: 50%;
    background-color: #fff;
}
.footer-box .copyright-share > ul > li > a:hover
{
    color: #fff;
    background-color: #004abb;
}
.online-message
{
    display: none;

    width: 96%;
    max-width: 1000px;
    padding: 50px;
}
@media (max-width: 1199px)
{
    .online-message
    {
        padding: 30px;
    }
}
@media (max-width: 767px)
{
    .online-message
    {
        padding: 30px 15px;
    }
}
.inpage
{
    overflow: hidden;

    padding: 120px 0;
}
@media (max-width: 1560px)
{
    .inpage
    {
        padding: 80px 0;
    }
}
@media (max-width: 991px)
{
    .inpage
    {
        padding: 50px 0;
    }
}
.t-inpage h2
{
    font-family: 'Akzidenz-Grotesk BQ Extra Conde';
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;

    color: #004abb;
}
@media (max-width: 1560px)
{
    .t-inpage h2
    {
        font-size: 40px;
    }
}
@media (max-width: 1470px)
{
    .t-inpage h2
    {
        font-size: 36px;
    }
}
@media (max-width: 1199px)
{
    .t-inpage h2
    {
        font-size: 30px;
    }
}
@media (max-width: 991px)
{
    .t-inpage h2
    {
        font-size: 24px;
    }
}
.t-inpage p
{
    font-size: 16px;
    line-height: 24px;

    margin: 10px 0 0 0;
}
@media (max-width: 767px)
{
    .t-inpage p
    {
        font-size: 14px;
    }
}
.t-inpage-line h2
{
    padding-bottom: 20px;

    border-bottom: 1px solid rgba(217, 217, 217, .4);
}
.pad-top-240
{
    padding-top: 240px;
}
@media (max-width: 1199px)
{
    .pad-top-240
    {
        padding-top: 130px;
    }
}
@media (max-width: 767px)
{
    .pad-top-240
    {
        padding-top: 90px;
    }
}
.hyh-location .location > ul > li
{
    display: inline-block;

    vertical-align: top;
}
.hyh-location .location > ul > li:after
{
    display: inline-block;

    content: '/';
    vertical-align: middle;
}
.hyh-location .location > ul > li > a
{
    font-size: 18px;
    line-height: 30px;

    display: inline-block;

    vertical-align: middle;
    text-transform: capitalize;
}
@media (max-width: 991px)
{
    .hyh-location .location > ul > li > a
    {
        font-size: 16px;
        line-height: 24px;
    }
}
@media (max-width: 767px)
{
    .hyh-location .location > ul > li > a
    {
        font-size: 14px;
    }
}
.hyh-location .location > ul > li:last-child:after
{
    display: none;
}
.hyh-location .location > ul > li:hover > a
{
    color: #004abb;
}
.inpage-l
{
    position: relative;
    left: 320px;

    width: -webkit-calc(100% - 320px);
    width:         calc(100% - 320px);
    padding-left: 5%;
}
@media (max-width: 991px)
{
    .inpage-l
    {
        left: 0;

        width: 100%;
        padding-left: 0;
    }
}
.inpage-r
{
    position: relative;
    right: -webkit-calc(100% - 320px);
    right:         calc(100% - 320px);

    width: 320px;
}
@media (max-width: 991px)
{
    .inpage-r
    {
        right: 0;

        width: 100%;
        margin-top: 30px;
    }
}
.inpage-r .detail-search,
.inpage-r .detail-posts,
.inpage-r .inpage-form
{
    position: relative;

    margin-bottom: 30px;

    border: 1px solid #ededed;
    background: #fff;
}
@media (max-width: 1560px)
{
    .inpage-r .detail-search,
    .inpage-r .detail-posts,
    .inpage-r .inpage-form
    {
        margin-bottom: 40px;
    }
}
.inpage-r .t-inpage-r
{
    padding: 12px 20px;

    border: 1px solid #ededed;
    border-left: 3px solid #004abb;
    background: #f5f5f5;
}
.inpage-r .t-inpage-r h3
{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: capitalize;
}
@media (max-width: 1199px)
{
    .inpage-r .t-inpage-r h3
    {
        font-size: 22px;
    }
}
@media (max-width: 991px)
{
    .inpage-r .t-inpage-r h3
    {
        font-size: 20px;
    }
}
.inpage-r .detail-search form
{
    position: relative;

    overflow: hidden;

    padding-right: 50px;

    border-left: 3px solid #004abb;
    background: #fff;
}
@media (max-width: 767px)
{
    .inpage-r .detail-search form
    {
        margin-top: 20px;
    }
}
.inpage-r .detail-search form input
{
    line-height: 60px;

    width: 100%;
    height: 60px;
    padding: 0 20px;

    border: none;
    outline: none;
}
@media (max-width: 767px)
{
    .inpage-r .detail-search form input
    {
        line-height: 50px;

        height: 50px;
    }
}
.inpage-r .detail-search form input::-webkit-input-placeholder,
.inpage-r .detail-search form textarea::-webkit-input-placeholder
{
    color: #838383;
}
.inpage-r .detail-search form input:-o-placeholder,
.inpage-r .detail-search form textarea:-o-placeholder
{
    color: #838383;
}
.inpage-r .detail-search form input::-moz-placeholder,
.inpage-r .detail-search form textarea::-moz-placeholder
{
    color: #838383;
}
.inpage-r .detail-search form input:-ms-input-placeholder,
.inpage-r .detail-search form textarea:-ms-input-placeholder
{
    color: #838383;
}
.inpage-r .detail-search form input:focus::-webkit-input-placeholder,
.inpage-r .detail-search form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inpage-r .detail-search form input:focus::-o-placeholder,
.inpage-r .detail-search form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inpage-r .detail-search form input:focus::-moz-placeholder,
.inpage-r .detail-search form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inpage-r .detail-search form input:focus::-ms-input-placeholder,
.inpage-r .detail-search form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inpage-r .detail-search form .send
{
    line-height: 60px;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    width: 50px;
    height: 60px;
    padding: 0;

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

    border: none;
    background: none;
}
@media (max-width: 767px)
{
    .inpage-r .detail-search form .send
    {
        line-height: 50px;

        height: 50px;
    }
}
.inpage-r .detail-search form .send .icon
{
    font-size: 20px;
}
.inpage-r .detail-search form .send:hover
{
    color: #004abb;
}
.inpage-r .detail-posts .posts-list
{
    padding: 20px;
}
@media (max-width: 991px)
{
    .inpage-r .detail-posts .posts-list
    {
        padding: 10px;
    }
}
.inpage-r .detail-posts .posts-list ul li
{
    padding: 20px 0;

    border-bottom: 1px solid #eee;
}
.inpage-r .detail-posts .posts-list ul li:last-child
{
    border: none;
}
.inpage-r .detail-posts .posts-list .posts-itempack
{
    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;
}
.inpage-r .detail-posts .posts-list .posts-itempack .img
{
    overflow: hidden;

    width: 80px;
    height: 100%;

    border-radius: 10px;
}
.inpage-r .detail-posts .posts-list .posts-itempack .img .imgw
{
    padding-bottom: 95%;
}
.inpage-r .detail-posts .posts-list .posts-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-r .detail-posts .posts-list .posts-itempack .txt
{
    width: -webkit-calc(100% - 80px);
    width:         calc(100% - 80px);
    padding-left: 14px;
}
.inpage-r .detail-posts .posts-list .posts-itempack .txt p
{
    font-size: 14px;
    line-height: 20px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 40px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inpage-r .detail-posts .posts-list .posts-itempack .txt .date
{
    font-size: 12px;
    line-height: 30px;

    display: block;

    color: #707070;
}
.inpage-r .detail-posts .posts-list .posts-itempack .txt .date:before
{
    display: inline-block;

    width: 25px;
    height: 1px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background: #acacac;
}
.inpage-r .detail-posts .posts-list .posts-itempack:hover .img .imgw img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inpage-r .detail-posts .posts-list .posts-itempack:hover .txt p
{
    color: #004abb;
}
.inpage-r .detail-posts .posts-list1
{
    padding: 20px;
}
@media (max-width: 991px)
{
    .inpage-r .detail-posts .posts-list1
    {
        padding: 10px;
    }
}
.inpage-r .detail-posts .posts-list1 ul li
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .inpage-r .detail-posts .posts-list1 ul li
    {
        display: inline-block;

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

        vertical-align: top;
    }
}
.inpage-r .detail-posts .posts-list1 a
{
    font-size: 18px;
    line-height: 24px;

    position: relative;

    display: block;

    padding-left: 30px;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 1199px)
{
    .inpage-r .detail-posts .posts-list1 a
    {
        font-size: 18px;
    }
}
@media (max-width: 991px)
{
    .inpage-r .detail-posts .posts-list1 a
    {
        font-size: 16px;
    }
}
.inpage-r .detail-posts .posts-list1 a:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;

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

    content: '\eec1';

    color: #004abb;
}
.inpage-r .detail-posts .posts-list1 a:hover
{
    color: #004abb;
}
.inpage-r .inpage-form form
{
    padding: 20px;
}
.inpage-r .inpage-form form input,
.inpage-r .inpage-form form textarea
{
    line-height: 24px;

    width: 100%;
    margin-top: 16px;
    padding: 5px 10px;

    resize: vertical;

    border: 1px solid #eee;
    outline: none;
}
.inpage-r .inpage-form form input::-webkit-input-placeholder,
.inpage-r .inpage-form form textarea::-webkit-input-placeholder
{
    color: #999;
}
.inpage-r .inpage-form form input:-o-placeholder,
.inpage-r .inpage-form form textarea:-o-placeholder
{
    color: #999;
}
.inpage-r .inpage-form form input::-moz-placeholder,
.inpage-r .inpage-form form textarea::-moz-placeholder
{
    color: #999;
}
.inpage-r .inpage-form form input:-ms-input-placeholder,
.inpage-r .inpage-form form textarea:-ms-input-placeholder
{
    color: #999;
}
.inpage-r .inpage-form form input:focus::-webkit-input-placeholder,
.inpage-r .inpage-form form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inpage-r .inpage-form form input:focus::-o-placeholder,
.inpage-r .inpage-form form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inpage-r .inpage-form form input:focus::-moz-placeholder,
.inpage-r .inpage-form form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inpage-r .inpage-form form input:focus::-ms-input-placeholder,
.inpage-r .inpage-form form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inpage-r .inpage-form form .send
{
    font-size: 18px;
    line-height: 36px;

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

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

    color: #fff;
    border-radius: 0;
    background-color: #004abb;
}
.inpage-r .inpage-form form .send:hover
{
    background-color: #002260;
}
.inpage-about .hyh-txt
{
    max-width: 64%;
    margin-top: 20px;
}
@media (max-width: 1199px)
{
    .inpage-about .hyh-txt
    {
        max-width: 80%;
    }
}
@media (max-width: 767px)
{
    .inpage-about .hyh-txt
    {
        max-width: 100%;
    }
}
.inpage-about .about
{
    margin-top: 70px;
}
@media (max-width: 1560px)
{
    .inpage-about .about
    {
        margin-top: 50px;
    }
}
@media (max-width: 1199px)
{
    .inpage-about .about
    {
        margin-top: 30px;
    }
}
.inpage-about .about ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -10px;

    -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;
}
.inpage-about .about ul li
{
    max-width: 30%;
    padding: 0 10px;
}
@media (max-width: 1560px)
{
    .inpage-about .about ul li
    {
        max-width: 23%;
    }
}
@media (max-width: 1199px)
{
    .inpage-about .about ul li
    {
        width: 50%;
        max-width: 50%;
    }
    .inpage-about .about ul li.line
    {
        display: none;
    }
}
.inpage-about .about .a-itempack
{
    padding: 20px 0;
}
@media (max-width: 767px)
{
    .inpage-about .about .a-itempack
    {
        padding: 10px 0;
    }
}
.inpage-about .about .a-itempack .icon
{
    line-height: 46px;

    width: 46px;
    height: 46px;

    text-align: center;

    color: #fff;
    background-color: #333;
}
.inpage-about .about .a-itempack .icon .iconfont
{
    font-size: 24px;
}
.inpage-about .about .a-itempack .title-about
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 20px;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
            align-items: flex-end;
}
.inpage-about .about .a-itempack .title-about b
{
    font-size: 80px;
    line-height: 1;
}
@media (max-width: 1560px)
{
    .inpage-about .about .a-itempack .title-about b
    {
        font-size: 70px;
    }
}
@media (max-width: 1470px)
{
    .inpage-about .about .a-itempack .title-about b
    {
        font-size: 60px;
    }
}
@media (max-width: 1400px)
{
    .inpage-about .about .a-itempack .title-about b
    {
        font-size: 50px;
    }
}
@media (max-width: 1199px)
{
    .inpage-about .about .a-itempack .title-about b
    {
        font-size: 40px;
    }
}
@media (max-width: 767px)
{
    .inpage-about .about .a-itempack .title-about b
    {
        font-size: 30px;
    }
}
.inpage-about .about .a-itempack .title-about span
{
    font-family: Arial;
    font-size: 30px;
}
@media (max-width: 1400px)
{
    .inpage-about .about .a-itempack .title-about span
    {
        font-size: 24px;
    }
}
@media (max-width: 1199px)
{
    .inpage-about .about .a-itempack .title-about span
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inpage-about .about .a-itempack .title-about span
    {
        font-size: 18px;
    }
}
.inpage-about .about .a-itempack p
{
    font-size: 20px;
    line-height: 1.5;

    margin: 10px 0 0 0;
}
@media (max-width: 1400px)
{
    .inpage-about .about .a-itempack p
    {
        font-size: 18px;
    }
}
@media (max-width: 1199px)
{
    .inpage-about .about .a-itempack p
    {
        font-size: 16px;
    }
}
@media (min-width: 1200px)
{
    .inpage-about .about .a-itempack:hover .icon
    {
        -webkit-animation: swing 1s 0s ease both;
                animation: swing 1s 0s ease both;
    }
}
.inpage-who .who-flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.inpage-who .img
{
    width: 60%;
}
@media (max-width: 1400px)
{
    .inpage-who .img
    {
        width: 55%;
    }
}
@media (max-width: 991px)
{
    .inpage-who .img
    {
        width: 100%;
    }
}
.inpage-who .img img
{
    width: 100%;
}
.inpage-who .who
{
    width: 40%;
    padding: 30px 6% 30px 3%;
}
@media (max-width: 1400px)
{
    .inpage-who .who
    {
        width: 45%;
        padding: 20px 5% 20px 3%;
    }
}
@media (max-width: 991px)
{
    .inpage-who .who
    {
        width: 100%;
        padding: 30px 15px 0 15px;
    }
}
.inpage-who .who .hyh-txt
{
    margin-top: 20px;
}
.inpage-who .who .hyh-txt h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.33333333;
}
@media (max-width: 1400px)
{
    .inpage-who .who .hyh-txt p
    {
        line-height: 24px;
    }
}
.inpage-who .t-index
{
    max-width: 100%;
}
.inpage-what .who-flex
{
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}
.inpage-what .who
{
    padding: 30px 3% 30px 6%;
}
@media (max-width: 1400px)
{
    .inpage-what .who
    {
        padding: 20px 3% 20px 5%;
    }
}
@media (max-width: 991px)
{
    .inpage-what .who
    {
        padding: 20px 15px 0 15px;
    }
}
.inpage-history .history-top
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 767px)
{
    .inpage-history .history-top .history-button
    {
        display: none;
    }
}
.inpage-history .history-button
{
    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;
}
.inpage-history .slick-arrow
{
    position: relative;

    text-align: right !important;
}
.inpage-history .slick-arrow.slick-next
{
    text-align: left !important;
}
.inpage-history .history
{
    margin-top: 40px;
}
@media (max-width: 767px)
{
    .inpage-history .history
    {
        margin-top: 20px;
    }
}
.inpage-history .history .history-button
{
    display: none;
}
@media (max-width: 767px)
{
    .inpage-history .history .history-button
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin-top: 30px;
    }
}
.inpage-history .history .swiper-history
{
    width: 120%;
}
@media (max-width: 991px)
{
    .inpage-history .history .swiper-history
    {
        width: 100%;
    }
}
.inpage-history .history .h-itempack .img .imgw
{
    padding-bottom: 59.21052632%;
}
.inpage-history .history .h-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-history .history .h-itempack .desc
{
    margin-top: 30px;
}
.inpage-history .history .h-itempack .year
{
    font-family: 'Goldman';
    font-size: 60px;
    line-height: 1;

    -webkit-transition: all .6s;
            transition: all .6s;
}
@media (max-width: 1560px)
{
    .inpage-history .history .h-itempack .year
    {
        font-size: 50px;
    }
}
@media (max-width: 1400px)
{
    .inpage-history .history .h-itempack .year
    {
        font-size: 40px;
    }
}
@media (max-width: 1199px)
{
    .inpage-history .history .h-itempack .year
    {
        font-size: 36px;
    }
}
@media (max-width: 991px)
{
    .inpage-history .history .h-itempack .year
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .inpage-history .history .h-itempack .year
    {
        font-size: 24px;
    }
}
.inpage-history .history .h-itempack .t-history
{
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.66666667;
}
.inpage-history .history .h-itempack .hyh-txt
{
    margin-top: 14px;
}
.inpage-history .history .h-itempack .hyh-txt p
{
    font-size: 14px;
}
.inpage-history .history .swiper-slide-active .h-itempack .year
{
    font-size: 80px;
}
@media (max-width: 1560px)
{
    .inpage-history .history .swiper-slide-active .h-itempack .year
    {
        font-size: 70px;
    }
}
@media (max-width: 1400px)
{
    .inpage-history .history .swiper-slide-active .h-itempack .year
    {
        font-size: 60px;
    }
}
@media (max-width: 1199px)
{
    .inpage-history .history .swiper-slide-active .h-itempack .year
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .inpage-history .history .swiper-slide-active .h-itempack .year
    {
        font-size: 46px;
    }
}
@media (max-width: 767px)
{
    .inpage-history .history .swiper-slide-active .h-itempack .year
    {
        font-size: 30px;
    }
}
.inpage-global .global-top
{
    padding: 90px 5% 0 5%;

    background: url(../imgs/global_bg_01.webp) no-repeat bottom center;
    background-size: cover;
}
@media (max-width: 767px)
{
    .inpage-global .global-top
    {
        padding: 50px 5px 0 5px;
    }
}
.inpage-global .global-top .t-index
{
    max-width: 100%;
}
.inpage-global .global-list
{
    margin-top: 3px;
}
.inpage-global .global-list ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 767px)
{
    .inpage-global .global-list ul
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
.inpage-global .global-list ul li
{
    max-width: 20%;
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inpage-global .global-list ul li
    {
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
    }
}
.inpage-global .global-list ul li:nth-child(1)
{
    margin-top: 60px;
}
@media (max-width: 767px)
{
    .inpage-global .global-list ul li:nth-child(1)
    {
        margin-top: 15px;
    }
}
.inpage-global .global-list ul li:nth-child(4)
{
    margin-top: 50px;
}
@media (max-width: 767px)
{
    .inpage-global .global-list ul li:nth-child(4)
    {
        margin-top: 15px;
    }
}
.inpage-global .global-list .g-itempack h3
{
    font-family: 'Goldman';
    font-size: 30px;
    line-height: 1;
}
@media (max-width: 1470px)
{
    .inpage-global .global-list .g-itempack h3
    {
        font-size: 24px;
    }
}
@media (max-width: 1199px)
{
    .inpage-global .global-list .g-itempack h3
    {
        font-size: 20px;
    }
}
.inpage-global .global-list .g-itempack p
{
    font-family: 'Poppins Regular';
    font-size: 14px;
    line-height: 22px;

    margin: 0;
}
.inpage-global .global
{
    position: relative;
}
.inpage-global .global img
{
    width: 100%;
}
@media (max-width: 767px)
{
    .inpage-global .global img
    {
        width: 140%;
        margin-left: -20%;
    }
}
.inpage-global .global .country
{
    line-height: 4;

    position: absolute;

    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;
}
.inpage-global .global .country .iconfont
{
    font-size: 20px;

    color: #004abb;
}
@media (max-width: 1199px)
{
    .inpage-global .global .country .iconfont
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inpage-global .global .country .iconfont
    {
        font-size: 12px;
    }
}
.inpage-global .global .country span
{
    font-family: 'Poppins Regular';

    display: block;

    margin-left: 6px;
}
@media (max-width: 1560px)
{
    .inpage-global .global .country span
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .inpage-global .global .country span
    {
        font-size: 12px;

        margin-left: 4px;
    }
}
.inpage-global .global .country-canada
{
    top: 33%;
    left: 22%;
}
.inpage-global .global .country-united
{
    top: 41%;
    left: 19%;
}
.inpage-global .global .country-chile
{
    top: 78%;
    left: 25%;
}
.inpage-global .global .country-brazil
{
    top: 70%;
    left: 30%;
}
.inpage-global .global .country-kingdom
{
    top: 30%;
    left: 41%;

            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}
.inpage-global .global .country-kingdom span
{
    margin-right: 6px;
    margin-left: 0;
}
.inpage-global .global .country-germany
{
    top: 26%;
    left: 51%;
}
.inpage-global .global .country-france
{
    top: 33%;
    left: 50%;
}
.inpage-global .global .country-bulgaria
{
    top: 37%;
    left: 54.5%;
}
.inpage-global .global .country-russia
{
    top: 31%;
    left: 65%;
}
.inpage-global .global .country-pakistan
{
    top: 49%;
    left: 69%;
}
.inpage-global .global .country-india
{
    top: 57%;
    left: 71%;
}
.inpage-global .global .country-thailand
{
    top: 56%;
    left: 77%;
}
.inpage-global .global .country-korea
{
    top: 53%;
    left: 82%;
}
.inpage-global .global .country-japan
{
    top: 49%;
    left: 86%;
}
.inpage-global .global .country-australia
{
    top: 84%;
    left: 89%;
}
.inpage-global .global .country-china
{
    z-index: 1;
    top: 48%;
    left: 80%;
}
.inpage-global .global .country-china .iconfont
{
    position: relative;
    z-index: 2;

    width: 27px;
    height: 27px;

    border: 8px solid #004abb;
    border-radius: 50%;
    background-color: #fff;
}
.inpage-global .global .country-china span
{
    position: relative;
    z-index: 2;
}
.inpage-global .global .country-china::before,
.inpage-global .global .country-china::after
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 100px;
    height: 100px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: china 3s linear infinite;
            animation: china 3s linear infinite;

    border-radius: 50%;
    background: rgba(0, 98, 173, .18);
}
.inpage-global .global .country-china::after
{
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
.inpage-global .global .country-china::before
{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
@-webkit-keyframes china
{
    0%
    {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-50%, -50%) scale(9);
                transform: translate(-50%, -50%) scale(9);

        opacity: 0;
    }
}
@keyframes china
{
    0%
    {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translate(-50%, -50%) scale(9);
                transform: translate(-50%, -50%) scale(9);

        opacity: 0;
    }
}
.inpage-quality .quality
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .inpage-quality .quality
    {
        margin-top: 30px;
    }
}
.inpage-quality .quality .scroll-quality .slick-track
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.inpage-quality .quality .scroll-quality .slick-slide
{
    height: auto;
}
.inpage-quality .quality .scroll-quality .slick-slide > div
{
    height: 100%;
}
.inpage-quality .quality .scroll-quality .slick-slide > div > div
{
    height: 100%;
}
.inpage-quality .quality .q-itempack
{
    height: 100%;
    padding: 70px 30px;

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

    background: #f8f8f8;
}
@media (max-width: 1560px)
{
    .inpage-quality .quality .q-itempack
    {
        padding: 50px 30px;
    }
}
@media (max-width: 1199px)
{
    .inpage-quality .quality .q-itempack
    {
        padding: 30px;
    }
}
@media (max-width: 767px)
{
    .inpage-quality .quality .q-itempack
    {
        padding: 20px 15px;
    }
}
.inpage-quality .quality .q-itempack .icon
{
    width: 60px;
}
@media (max-width: 1400px)
{
    .inpage-quality .quality .q-itempack .icon
    {
        width: 50px;
    }
}
@media (max-width: 991px)
{
    .inpage-quality .quality .q-itempack .icon
    {
        width: 40px;
    }
}
.inpage-quality .quality .q-itempack .icon img
{
    width: 100%;
}
.inpage-quality .quality .q-itempack .t-quality
{
    font-family: 'Poppins';
    font-size: 24px;
    line-height: 1.25;

    margin-top: 30px;
}
@media (max-width: 1400px)
{
    .inpage-quality .quality .q-itempack .t-quality
    {
        font-size: 20px;

        margin-top: 20px;
    }
}
@media (max-width: 991px)
{
    .inpage-quality .quality .q-itempack .t-quality
    {
        font-size: 18px;
    }
}
.inpage-quality .quality .q-itempack .hyh-txt
{
    font-family: 'Red Hat Display Medium';

    margin-top: 16px;
}
@media (min-width: 1200px)
{
    .inpage-quality .quality .q-itempack:hover
    {
        color: #fff;
        background-color: #004abb;
    }
    .inpage-quality .quality .q-itempack:hover .icon
    {
        -webkit-animation: swing 1s 0s ease both;
                animation: swing 1s 0s ease both;

        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
    }
    .inpage-quality .quality .q-itempack:hover .hyh-txt p
    {
        color: #fff;
    }
}
.inpage-quality .quality-slogan
{
    max-width: 45%;
    margin-top: 30px;
}
@media (max-width: 991px)
{
    .inpage-quality .quality-slogan
    {
        max-width: 80%;
    }
}
@media (max-width: 767px)
{
    .inpage-quality .quality-slogan
    {
        max-width: 100%;
    }
}
.inpage-quality .quality-slogan p
{
    font-family: 'Poppins Regular';
    font-size: 14px;
    line-height: 1.57142857;

    margin: 0;

    color: #999;
}
.inpage-work
{
    background: #f8f8f8;
}
.inpage-work .work
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.inpage-work .work-left
{
    width: 36%;
}
@media (max-width: 991px)
{
    .inpage-work .work-left
    {
        width: 100%;
        padding: 30px 0;
    }
}
.inpage-work .work-left .t-index
{
    max-width: 100%;
}
.inpage-work .work-left .work-text h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.55555556;
}
.inpage-work .work-left .work-text ul li
{
    font-family: 'Poppins Regular';
    line-height: 26px;

    position: relative;

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

    background: rgba(0, 98, 173, .1);
}
@media (max-width: 767px)
{
    .inpage-work .work-left .work-text ul li
    {
        padding-left: 20px;
    }
}
.inpage-work .work-left .work-text ul li:before
{
    position: absolute;
    top: 21px;
    left: 20px;

    width: 3px;
    height: 3px;

    content: '';

    border-radius: 50%;
    background-color: #333;
}
@media (max-width: 767px)
{
    .inpage-work .work-left .work-text ul li:before
    {
        left: 10px;
    }
}
.inpage-work .work-left .work-text ul li p
{
    font-size: 14px;

    margin: 0;
}
.inpage-work .work-left .work-text .txt
{
    font-family: 'Poppins Regular';

    margin-top: 30px;

    color: #004abb;
}
.inpage-work .work-left .work-text .txt p
{
    font-size: 14px;
    line-height: 1.57142857;
}
.inpage-work .work-right
{
    width: 64%;
    padding-top: 40px;
    padding-left: 5%;
}
@media (max-width: 991px)
{
    .inpage-work .work-right
    {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
    }
    .inpage-work .work-right img
    {
        width: 100%;
    }
}
.inpage-factory-tour .t-index
{
    max-width: 100%;
}
.inpage-factory-tour .hyh-txt
{
    max-width: 63%;
}
@media (max-width: 1199px)
{
    .inpage-factory-tour .hyh-txt
    {
        max-width: 80%;
    }
}
@media (max-width: 767px)
{
    .inpage-factory-tour .hyh-txt
    {
        max-width: 100%;
    }
}
.inpage-factory-tour .hyh-txt h3
{
    font-family: 'Goldman';
    font-size: 24px;
    line-height: 1.25;
}
@media (max-width: 1199px)
{
    .inpage-factory-tour .hyh-txt h3
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inpage-factory-tour .hyh-txt h3
    {
        font-size: 18px;
    }
}
.inpage-factory-tour .img
{
    margin-top: 70px;
}
@media (max-width: 1560px)
{
    .inpage-factory-tour .img
    {
        margin-top: 50px;
    }
}
@media (max-width: 1199px)
{
    .inpage-factory-tour .img
    {
        margin-top: 30px;
    }
}
.inpage-factory-tour .img img
{
    width: 100%;
}
.inpage-factory-glance .t-index
{
    max-width: 100%;
}
.inpage-factory-glance .hyh-txt
{
    max-width: 63%;
}
@media (max-width: 1199px)
{
    .inpage-factory-glance .hyh-txt
    {
        max-width: 80%;
    }
}
@media (max-width: 767px)
{
    .inpage-factory-glance .hyh-txt
    {
        max-width: 100%;
    }
}
.inpage-factory-glance .hyh-txt h3
{
    font-family: 'Goldman';
    font-size: 24px;
    line-height: 1.25;
}
@media (max-width: 1199px)
{
    .inpage-factory-glance .hyh-txt h3
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inpage-factory-glance .hyh-txt h3
    {
        font-size: 18px;
    }
}
.inpage-factory-glance .factory-glance
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 50px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 1199px)
{
    .inpage-factory-glance .factory-glance
    {
        margin-top: 30px;
    }
}
.inpage-factory-glance .factory-glance .factory-glance-text
{
    width: 30%;
    padding-right: 5%;
}
@media (max-width: 991px)
{
    .inpage-factory-glance .factory-glance .factory-glance-text
    {
        width: 100%;
        padding-right: 0;
    }
}
.inpage-factory-glance .factory-glance .factory-glance-text h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.33333333;
}
.inpage-factory-glance .factory-glance .factory-glance-text p
{
    font-family: 'Red Hat Display Medium';
    font-size: 14px;
    line-height: 1.57142857;

    color: #666;
}
.inpage-factory-glance .factory-glance .factory-glance-imgbox
{
    width: 70%;
}
@media (max-width: 991px)
{
    .inpage-factory-glance .factory-glance .factory-glance-imgbox
    {
        width: 100%;
    }
}
@media (max-width: 991px)
{
    .inpage-factory-glance .factory-glance .factory-glance-imgbox > ul > li
    {
        margin-top: 20px;
    }
}
.inpage-factory-glance .factory-glance .factory-glance-imgbox > ul > li:nth-child(2) img
{
    border-radius: 20px;
}
@media (max-width: 767px)
{
    .inpage-factory-glance .factory-glance .factory-glance-imgbox > ul > li:nth-child(2) img
    {
        border-radius: 10px;
    }
}
.inpage-factory-glance .factory-glance .factory-glance-imgbox img
{
    width: 100%;
}
.inpage-factory-warehouse .warehouse-flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.inpage-factory-warehouse .img
{
    width: 60%;
}
@media (max-width: 1400px)
{
    .inpage-factory-warehouse .img
    {
        width: 55%;
    }
}
@media (max-width: 991px)
{
    .inpage-factory-warehouse .img
    {
        width: 100%;
    }
}
.inpage-factory-warehouse .img img
{
    width: 100%;
}
.inpage-factory-warehouse .warehouse
{
    width: 40%;
    padding: 30px 6% 30px 3%;
}
@media (max-width: 1400px)
{
    .inpage-factory-warehouse .warehouse
    {
        width: 45%;
        padding: 20px 5% 20px 3%;
    }
}
@media (max-width: 991px)
{
    .inpage-factory-warehouse .warehouse
    {
        width: 100%;
        padding: 30px 15px 0 15px;
    }
}
.inpage-factory-warehouse .warehouse .hyh-txt
{
    margin-top: 20px;
}
.inpage-factory-warehouse .warehouse .warehouse-listbox > ul > li
{
    margin-top: 40px;
}
@media (max-width: 991px)
{
    .inpage-factory-warehouse .warehouse .warehouse-listbox > ul > li
    {
        margin-top: 20px;
    }
}
.inpage-factory-warehouse .warehouse .warehouse-listbox .warehouse-itempack
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.inpage-factory-warehouse .warehouse .warehouse-listbox .warehouse-itempack .icon
{
    width: 50px;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}
.inpage-factory-warehouse .warehouse .warehouse-listbox .warehouse-itempack .icon img
{
    width: 100%;
}
.inpage-factory-warehouse .warehouse .warehouse-listbox .warehouse-itempack .desc
{
    width: 100%;
    padding-left: 20px;
}
.inpage-factory-warehouse .warehouse .warehouse-listbox .warehouse-itempack .desc h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.33333333;

    margin-top: 0;
}
.inpage-factory-warehouse .warehouse .warehouse-listbox .warehouse-itempack .desc p
{
    font-family: 'Red Hat Display Medium';
    font-size: 14px;
    line-height: 1.57142857;

    margin: 0;

    color: #666;
}
.inpage-factory-warehouse .t-index
{
    max-width: 100%;
}
.inpage-factory-quality .t-index
{
    max-width: 100%;
}
.inpage-factory-quality .factory-quality
{
    margin-top: 20px;
}
.inpage-factory-quality .factory-quality > ul
{
    margin: 0 -10px;
}
.inpage-factory-quality .factory-quality > ul > li
{
    margin-top: 20px;
    padding: 0 10px;
}
.inpage-factory-quality .factory-quality .factory-quality-itempack .imgw
{
    padding-bottom: 103.44827586%;
}
.inpage-factory-quality .factory-quality .factory-quality-itempack .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-factory-quality .factory-quality .factory-quality-itempack .desc
{
    max-width: 80%;
}
@media (max-width: 767px)
{
    .inpage-factory-quality .factory-quality .factory-quality-itempack .desc
    {
        max-width: 100%;
    }
}
.inpage-factory-quality .factory-quality .factory-quality-itempack h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.33333333;
}
.inpage-factory-quality .factory-quality .factory-quality-itempack p
{
    font-family: 'Red Hat Display Medium';
    font-size: 14px;
    line-height: 1.57142857;

    margin: 0;

    color: #666;
}
.inpage-export
{
    background: #f8f8f8;
}
.inpage-export .export-flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row-reverse;

    -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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}
.inpage-export .t-index
{
    max-width: 100%;
}
.inpage-export .img
{
    width: 60%;
}
@media (max-width: 1400px)
{
    .inpage-export .img
    {
        width: 55%;
    }
}
@media (max-width: 991px)
{
    .inpage-export .img
    {
        width: 100%;
    }
}
.inpage-export .img img
{
    width: 100%;
}
.inpage-export .export
{
    width: 40%;
    padding: 30px 6% 30px 3%;
}
@media (max-width: 1400px)
{
    .inpage-export .export
    {
        width: 45%;
        padding: 20px 5% 20px 3%;
    }
}
@media (max-width: 991px)
{
    .inpage-export .export
    {
        width: 100%;
        padding: 30px 15px 0 15px;
    }
}
.inpage-export .export .hyh-txt
{
    margin-top: 20px;
}
.inpage-export .export .hyh-txt p
{
    font-size: 14px;
    line-height: 22px;
}
.inpage-export .export .hyh-txt ul li
{
    font-family: 'Red Hat Display Medium';

    position: relative;

    margin-top: 20px;
    padding-left: 20px;
}
.inpage-export .export .hyh-txt ul li:before
{
    position: absolute;
    top: 10px;
    left: 10px;

    display: block;

    width: 3px;
    height: 3px;

    content: '';

    border-radius: 50%;
    background-color: #999;
}
.inpage-export .export .hyh-txt ul li p
{
    font-size: 14px;

    color: #999;
}
.inpage-certificates-in
{
    padding-bottom: 10.8vw;

    background: url(../imgs/honor_bg.webp) no-repeat bottom center;
    background-size: 100% auto;
}
.inpage-certificates-in .t-index
{
    max-width: 80%;
    margin: 0 auto;
}
@media (max-width: 767px)
{
    .inpage-certificates-in .t-index
    {
        max-width: 100%;
    }
}
.inpage-certificates-in .t-index .hyh-txt img
{
    max-width: 100%;
    height: auto !important;
}
.inpage-certificates-in .certificates-in
{
    margin-top: 80px;
}
@media (max-width: 1199px)
{
    .inpage-certificates-in .certificates-in
    {
        margin-top: 60px;
    }
}
@media (max-width: 767px)
{
    .inpage-certificates-in .certificates-in
    {
        margin-top: 30px;
    }
}
.inpage-certificates-in .certificates-in .slick-list
{
    margin: 0 -30px;
}
@media (max-width: 1560px)
{
    .inpage-certificates-in .certificates-in .slick-list
    {
        margin: 0 -20px;
    }
}
@media (max-width: 1199px)
{
    .inpage-certificates-in .certificates-in .slick-list
    {
        margin: 0 -10px;
    }
}
@media (max-width: 767px)
{
    .inpage-certificates-in .certificates-in .slick-list
    {
        margin: 0 -5px;
    }
}
.inpage-certificates-in .certificates-in .slick-list .slick-slide
{
    padding: 0 30px;
}
@media (max-width: 1560px)
{
    .inpage-certificates-in .certificates-in .slick-list .slick-slide
    {
        padding: 0 20px;
    }
}
@media (max-width: 1199px)
{
    .inpage-certificates-in .certificates-in .slick-list .slick-slide
    {
        padding: 0 10px;
    }
}
@media (max-width: 767px)
{
    .inpage-certificates-in .certificates-in .slick-list .slick-slide
    {
        padding: 0 5px;
    }
}
.inpage-certificates-in .certificates-in .c-itempack
{
    cursor: pointer;
}
.inpage-certificates-in .certificates-in .c-itempack .imgw
{
    padding-bottom: 134.09090909%;
}
.inpage-certificates-in .certificates-in .c-itempack .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-news
{
    max-width: 1920px;
    margin: 0 auto;
}
.inpage-news .news
{
    margin-top: -30px;
}
.inpage-news .news > ul > li
{
    margin-top: 30px;
}
.inpage-news .news .hyh-new-itempack
{
    position: relative;

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

    padding-left: 3%;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 1199px)
{
    .inpage-news .news .hyh-new-itempack
    {
        padding: 0 15px;
    }
}
.inpage-news .news .hyh-new-itempack:before
{
    position: absolute;
    right: 0;
    bottom: 0;

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

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

    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 74, 187, 0)), to(rgba(0, 74, 187, .1)));
    background: -webkit-linear-gradient(left, rgba(0, 74, 187, 0) 0%, rgba(0, 74, 187, .1) 100%);
    background:         linear-gradient(90deg, rgba(0, 74, 187, 0) 0%, rgba(0, 74, 187, .1) 100%);
}
.inpage-news .news .hyh-new-itempack:after
{
    position: absolute;
    z-index: 3;
    right: 30px;
    bottom: 30px;

    display: block;

    width: 234px;
    height: 159px;

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

    opacity: 0;
    background: url(../imgs/logo.webp) no-repeat center;
    background-size: cover;
}
.inpage-news .news .hyh-new-itempack .img
{
    width: 460px;
}
@media (max-width: 1199px)
{
    .inpage-news .news .hyh-new-itempack .img
    {
        width: 400px;
    }
}
@media (max-width: 991px)
{
    .inpage-news .news .hyh-new-itempack .img
    {
        width: 300px;
    }
}
@media (max-width: 767px)
{
    .inpage-news .news .hyh-new-itempack .img
    {
        width: 100%;
    }
}
.inpage-news .news .hyh-new-itempack .desc
{
    width: -webkit-calc(95% - 460px);
    width:         calc(95% - 460px);
    padding: 0 20% 0 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@media (max-width: 1560px)
{
    .inpage-news .news .hyh-new-itempack .desc
    {
        width: -webkit-calc(97% - 460px);
        width:         calc(97% - 460px);
        padding-right: 10%;
    }
}
@media (max-width: 1199px)
{
    .inpage-news .news .hyh-new-itempack .desc
    {
        width: -webkit-calc(97% - 400px);
        width:         calc(97% - 400px);
    }
}
@media (max-width: 991px)
{
    .inpage-news .news .hyh-new-itempack .desc
    {
        width: -webkit-calc(97% - 300px);
        width:         calc(97% - 300px);
    }
}
@media (max-width: 767px)
{
    .inpage-news .news .hyh-new-itempack .desc
    {
        width: 100%;
        padding: 20px 0;
    }
}
.inpage-news .news .hyh-new-itempack .desc .more
{
    margin-top: 70px;
}
@media (max-width: 1560px)
{
    .inpage-news .news .hyh-new-itempack .desc .more
    {
        margin-top: 50px;
    }
}
@media (max-width: 1199px)
{
    .inpage-news .news .hyh-new-itempack .desc .more
    {
        margin-top: 30px;
    }
}
@media (max-width: 767px)
{
    .inpage-news .news .hyh-new-itempack .desc .more
    {
        margin-top: 10px;
    }
}
@media (min-width: 1200px)
{
    .inpage-news .news .hyh-new-itempack:hover:before
    {
        width: 30%;
    }
    .inpage-news .news .hyh-new-itempack:hover:after
    {
        opacity: .1;
    }
}
.hyh-message
{
    padding: 30px;

    border-radius: 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#046fb8), to(#024c9a));
    background: -webkit-linear-gradient(top, #046fb8 0%, #024c9a 100%);
    background:         linear-gradient(180deg, #046fb8 0%, #024c9a 100%);
}
@media (max-width: 1199px)
{
    .hyh-message
    {
        padding: 20px;

        border-radius: 5px;
    }
}
.hyh-message .t-inpage h2
{
    color: #fff;
}
.hyh-message .send-group
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.hyh-message .send
{
    background-color: #fff;
}
.inpage-details-show .details-top .date
{
    font-size: 18px;
    line-height: 1.33333333;
}
.inpage-details-show .details-top h1
{
    font-family: 'Goldman';
    font-size: 32px;
    line-height: 1;
}
@media (max-width: 1560px)
{
    .inpage-details-show .details-top h1
    {
        font-size: 28px;
    }
}
@media (max-width: 1400px)
{
    .inpage-details-show .details-top h1
    {
        font-size: 24px;
    }
}
@media (max-width: 1199px)
{
    .inpage-details-show .details-top h1
    {
        font-size: 20px;
    }
}
.inpage-details-show .details-top .share
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 30px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px)
{
    .inpage-details-show .details-top .share
    {
        width: 100%;
    }
}
.inpage-details-show .details-top .share span
{
    font-size: 18px;

    margin-right: 10px;
}
.inpage-details-show .details-top .share ul
{
    margin: 0 -10px;
}
@media (max-width: 767px)
{
    .inpage-details-show .details-top .share ul
    {
        margin: 0 -5px;

        text-align: center;
    }
}
.inpage-details-show .details-top .share ul li
{
    display: inline-block;

    padding: 0 10px;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .inpage-details-show .details-top .share ul li
    {
        padding: 0 5px;
    }
}
.inpage-details-show .details-top .share ul li a
{
    position: relative;

    display: block;

    color: #666;
}
.inpage-details-show .details-top .share ul li a .icon
{
    font-size: 24px;
    line-height: 50px;

    display: inline-block;

    width: 50px;
    height: 50px;

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

    border-radius: 50%;
    background-color: rgba(217, 217, 217, .8);
}
@media (max-width: 991px)
{
    .inpage-details-show .details-top .share ul li a .icon
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.inpage-details-show .details-top .share ul li a:hover
{
    color: #fff;
}
.inpage-details-show .details-top .share ul li a:hover .icon
{
    background-color: #004abb;
}
.inpage-details-show .details-show
{
    margin-top: 30px;
}
.inpage-details-show .details-show img
{
    max-width: 100%;
    height: auto !important;
}
.inpage-details-show .related-detials
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

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

    border-top: 1px solid #dcdcdc;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 991px)
{
    .inpage-details-show .related-detials
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
.inpage-details-show .related-detials .prev,
.inpage-details-show .related-detials .next
{
    font-size: 18px;
    line-height: 30px;

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

    height: 60px;

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

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 767px)
{
    .inpage-details-show .related-detials .prev,
    .inpage-details-show .related-detials .next
    {
        font-size: 16px;
    }
}
.inpage-details-show .related-detials .prev:hover,
.inpage-details-show .related-detials .next:hover
{
    color: #004abb;
}
.inpage-details-show .related-detials .return
{
    font-weight: 500;
    line-height: 50px;

    display: block;

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

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

    color: #004abb;
    border: 1px solid #004abb;
    border-radius: 50px;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}
@media (max-width: 767px)
{
    .inpage-details-show .related-detials .return
    {
        margin: 10px 0;
    }
}
.inpage-details-show .related-detials .return .iconfont
{
    line-height: 30px;

    display: inline-block;

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

    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #004abb;
}
.inpage-details-show .related-detials .return:hover
{
    color: #fff;
    background-color: #004abb;
}
.inpage-details-show .related-detials .return:hover .iconfont
{
    color: #004abb;
    background-color: #fff;
}
.inpage-content
{
    font-size: 0;
}
.inpage-content .inpage-left
{
    font-size: 16px;

    display: inline-block;

    width: 470px;
    margin-bottom: -9999px;
    padding-bottom: 9999px;

    vertical-align: top;

    background: #f2f2f2;
}
@media (max-width: 1560px)
{
    .inpage-content .inpage-left
    {
        width: 400px;
    }
}
@media (max-width: 1400px)
{
    .inpage-content .inpage-left
    {
        width: 300px;
    }
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left
    {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}
.inpage-content .inpage-left .title-inpage-lefttop
{
    padding: 25px 3% 25px 10%;

    color: #fff;
    background: #003281;
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .title-inpage-lefttop
    {
        padding: 10px 15px;
    }
}
.inpage-content .inpage-left .title-inpage-lefttop h3
{
    font-family: 'Goldman';
    font-size: 30px;
    line-height: 1;
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .title-inpage-lefttop h3
    {
        font-size: 24px;
    }
}
.inpage-content .inpage-left .inpage-sidenav,
.inpage-content .inpage-left .inpage-latest-products,
.inpage-content .inpage-left .inpage-left-contact
{
    padding: 48px 8% 48px 10%;
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .inpage-sidenav,
    .inpage-content .inpage-left .inpage-latest-products,
    .inpage-content .inpage-left .inpage-left-contact
    {
        padding: 30px 15px 0 15px;
    }
}
.inpage-content .inpage-left .title-inpage-left h4
{
    font-family: 'Poppins SemiBold';
    font-size: 24px;
    line-height: 1.25;

    padding: 0 10px;

    text-decoration: underline;

    color: #003281;
    border-left: 3px solid #003281;
}
@media (max-width: 1560px)
{
    .inpage-content .inpage-left .title-inpage-left h4
    {
        font-size: 20px;
    }
}
.inpage-content .inpage-left .inpage-sidenav
{
    padding-bottom: 0;
}
.inpage-content .inpage-left .inpage-sidenav .sidenav
{
    margin-top: 20px;
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .inpage-sidenav .sidenav > ul
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .inpage-sidenav .sidenav > ul > li
    {
        margin-right: 10px;
    }
}
.inpage-content .inpage-left .inpage-sidenav .sidenav > ul > li > a
{
    font-family: 'Poppins SemiBold';
    line-height: 26px;

    display: block;

    padding: 20px;

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

    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
@media (max-width: 1560px)
{
    .inpage-content .inpage-left .inpage-sidenav .sidenav > ul > li > a
    {
        padding: 15px 10px;
    }
}
@media (max-width: 767px)
{
    .inpage-content .inpage-left .inpage-sidenav .sidenav > ul > li > a
    {
        padding: 10px;
    }
}
.inpage-content .inpage-left .inpage-sidenav .sidenav > ul > li.active > a,
.inpage-content .inpage-left .inpage-sidenav .sidenav > ul > li:hover > a
{
    color: #003281;
}
.inpage-content .inpage-left .inpage-latest-products
{
    padding-bottom: 0;
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .inpage-latest-products
    {
        display: none;
    }
}
.inpage-content .inpage-left .inpage-latest-products .latest-products-list
{
    margin-top: 30px;
}
.inpage-content .inpage-left .inpage-latest-products .latest-products-list > ul > li
{
    margin-top: 10px;
}
.inpage-content .inpage-left .inpage-latest-products .latest-products-list .latest-products-itempack
{
    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;
}
.inpage-content .inpage-left .inpage-latest-products .latest-products-list .latest-products-itempack .img
{
    width: 110px;

    border: 1px solid rgba(0, 0, 0, .1);
}
.inpage-content .inpage-left .inpage-latest-products .latest-products-list .latest-products-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-content .inpage-left .inpage-latest-products .latest-products-list .latest-products-itempack .title-latest-products
{
    font-family: 'Poppins SemiBold';
    font-size: 18px;
    line-height: 1.33333333;

    width: -webkit-calc(100% - 110px);
    width:         calc(100% - 110px);
    padding-left: 5%;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (min-width: 1200px)
{
    .inpage-content .inpage-left .inpage-latest-products .latest-products-list .latest-products-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .inpage-content .inpage-left .inpage-latest-products .latest-products-list .latest-products-itempack:hover .title-latest-products
    {
        color: #004abb;
    }
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-left .inpage-left-contact
    {
        display: none;
    }
}
.inpage-content .inpage-left .inpage-left-contact .contact
{
    margin-top: 30px;
}
.inpage-content .inpage-left .inpage-left-contact .contact form > ul > li
{
    margin-top: 10px;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea
{
    font-family: 'Poppins SemiBold';
    font-size: 18px;
    line-height: 28px;

    width: 100%;
    padding: 15px;

    border: none;
    border-radius: 6px;
    background: #fff;
}
@media (max-width: 1560px)
{
    .inpage-content .inpage-left .inpage-left-contact .contact form input,
    .inpage-content .inpage-left .inpage-left-contact .contact form textarea
    {
        font-size: 16px;
        line-height: 24px;
    }
}
.inpage-content .inpage-left .inpage-left-contact .contact form input::-webkit-input-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea::-webkit-input-placeholder
{
    color: #999;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input:-o-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea:-o-placeholder
{
    color: #999;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input::-moz-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea::-moz-placeholder
{
    color: #999;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input:-ms-input-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea:-ms-input-placeholder
{
    color: #999;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input:focus::-webkit-input-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input:focus::-o-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input:focus::-moz-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inpage-content .inpage-left .inpage-left-contact .contact form input:focus::-ms-input-placeholder,
.inpage-content .inpage-left .inpage-left-contact .contact form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inpage-content .inpage-left .inpage-left-contact .contact form .submit
{
    font-family: 'Poppins SemiBold';
    font-size: 18px;
    line-height: 42px;

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

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

    border-radius: 10px;
    background: #fedc00;
}
@media (max-width: 1560px)
{
    .inpage-content .inpage-left .inpage-left-contact .contact form .submit
    {
        font-size: 16px;
    }
}
.inpage-content .inpage-left .inpage-left-contact .contact form .submit .iconfont
{
    font-size: 20px;
    font-weight: bold;
}
.inpage-content .inpage-left .inpage-left-contact .contact form .submit:hover
{
    color: #fff;
    background-color: #004abb;
}
.inpage-content .inpage-right
{
    font-size: 16px;

    display: inline-block;

    width: -webkit-calc(100% - 470px);
    width:         calc(100% - 470px);
    padding: 50px 3% 60px 50px;

    vertical-align: top;
}
@media (max-width: 1560px)
{
    .inpage-content .inpage-right
    {
        width: -webkit-calc(100% - 400px);
        width:         calc(100% - 400px);
    }
}
@media (max-width: 1400px)
{
    .inpage-content .inpage-right
    {
        width: -webkit-calc(100% - 300px);
        width:         calc(100% - 300px);
    }
}
@media (max-width: 1199px)
{
    .inpage-content .inpage-right
    {
        width: 100%;
        padding: 30px 15px;
    }
}
.inpage-products .products
{
    margin-top: 20px;
}
.inpage-products .products > ul > li
{
    margin-top: 20px;
}
.inpage-products .products .p-itempack
{
    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;
}
@media (max-width: 767px)
{
    .inpage-products .products .p-itempack
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
.inpage-products .products .p-itempack .img
{
    width: 400px;

    border: 1px solid rgba(0, 0, 0, .1);
}
@media (max-width: 1560px)
{
    .inpage-products .products .p-itempack .img
    {
        width: 350px;
    }
}
@media (max-width: 767px)
{
    .inpage-products .products .p-itempack .img
    {
        width: 100%;
    }
}
.inpage-products .products .p-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-products .products .p-itempack .desc
{
    width: -webkit-calc(100% - 430px);
    width:         calc(100% - 430px);
    padding: 40px 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@media (max-width: 1560px)
{
    .inpage-products .products .p-itempack .desc
    {
        width: -webkit-calc(100% - 380px);
        width:         calc(100% - 380px);
        padding: 20px 0;
    }
}
@media (max-width: 767px)
{
    .inpage-products .products .p-itempack .desc
    {
        width: 100%;
    }
}
.inpage-products .products .p-itempack .t-product
{
    font-family: 'Goldman';
    font-size: 32px;
    line-height: 1;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 1560px)
{
    .inpage-products .products .p-itempack .t-product
    {
        font-size: 26px;
    }
}
@media (max-width: 767px)
{
    .inpage-products .products .p-itempack .t-product
    {
        font-size: 22px;
    }
}
.inpage-products .products .p-itempack .hyh-txt
{
    margin-top: 20px;
}
.inpage-products .products .p-itempack .hyh-more
{
    margin-top: 40px;
}
@media (max-width: 767px)
{
    .inpage-products .products .p-itempack .hyh-more
    {
        margin-top: 20px;
    }
}
@media (min-width: 1200px)
{
    .inpage-products .products .p-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .inpage-products .products .p-itempack:hover .t-product
    {
        color: #004abb;
    }
}
.inpage-machines-what .t-index
{
    max-width: 100%;
}
.inpage-machines-what .hyh-txt
{
    max-width: 70%;
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inpage-machines-what .hyh-txt
    {
        max-width: 100%;
        margin-top: 20px;
    }
}
.inpage-machines-what .hyh-txt h3
{
    font-family: 'Goldman';
    font-size: 24px;
    line-height: 1;
}
@media (max-width: 1199px)
{
    .inpage-machines-what .hyh-txt h3
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inpage-machines-what .hyh-txt h3
    {
        font-size: 18px;
    }
}
.inpage-machines-what .machines
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inpage-machines-what .machines
    {
        margin: 0 -15px;
        margin-top: 0;
    }
}
.inpage-machines-what .machines > ul
{
    width: 100%;
}
@media (max-width: 767px)
{
    .inpage-machines-what .machines > ul
    {
        margin: 0;
    }
}
.inpage-machines-what .machines > ul > li
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inpage-machines-what .machines > ul > li
    {
        width: 100%;
    }
}
.inpage-machines-what .machines .m-itempack .imgw
{
    padding-bottom: 55.68181818%;
}
.inpage-machines-what .machines .m-itempack .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-machines-what .machines .m-itempack .title-machines
{
    font-family: 'Poppins';
    font-size: 22px;
    line-height: 1.25;

    margin-top: 20px;
}
@media (max-width: 1560px)
{
    .inpage-machines-what .machines .m-itempack .title-machines
    {
        font-size: 20px;
    }
}
@media (max-width: 1199px)
{
    .inpage-machines-what .machines .m-itempack .title-machines
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inpage-machines-what .machines .m-itempack .title-machines
    {
        font-size: 16px;

        margin-top: 10px;
    }
}
.inpage-choose
{
    background: #f8f8f8;
}
.inpage-choose .t-index
{
    max-width: 100%;
}
.inpage-choose .choose
{
    margin-top: 40px;
}
.inpage-choose .choose > ul
{
    margin: 0 -10px;
}
.inpage-choose .choose > ul > li
{
    margin-top: 20px;
    padding: 0 10px;
}
.inpage-choose .choose .c-itempack
{
    height: 100%;
    padding: 50px 30px;

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

    background: #fff;
}
@media (max-width: 991px)
{
    .inpage-choose .choose .c-itempack
    {
        padding: 30px 20px;
    }
}
@media (max-width: 767px)
{
    .inpage-choose .choose .c-itempack
    {
        padding: 20px 15px;
    }
}
.inpage-choose .choose .c-itempack .icon
{
    width: 60px;
}
@media (max-width: 1400px)
{
    .inpage-choose .choose .c-itempack .icon
    {
        width: 50px;
    }
}
@media (max-width: 991px)
{
    .inpage-choose .choose .c-itempack .icon
    {
        width: 40px;
    }
}
.inpage-choose .choose .c-itempack .icon img
{
    width: 100%;
}
.inpage-choose .choose .c-itempack .t-choose
{
    font-family: 'Poppins';
    font-size: 24px;
    line-height: 1.25;

    margin-top: 30px;
}
@media (max-width: 1400px)
{
    .inpage-choose .choose .c-itempack .t-choose
    {
        font-size: 20px;

        margin-top: 20px;
    }
}
@media (max-width: 991px)
{
    .inpage-choose .choose .c-itempack .t-choose
    {
        font-size: 18px;
    }
}
.inpage-choose .choose .c-itempack .hyh-txt
{
    font-family: 'Red Hat Display Medium';

    margin-top: 10px;
}
@media (min-width: 1200px)
{
    .inpage-choose .choose .c-itempack:hover
    {
        color: #fff;
        background-color: #004abb;
    }
    .inpage-choose .choose .c-itempack:hover .icon
    {
        -webkit-animation: swing 1s 0s ease both;
                animation: swing 1s 0s ease both;

        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
    }
    .inpage-choose .choose .c-itempack:hover .hyh-txt p
    {
        color: #fff;
    }
}
.inpage-machines-when .t-index
{
    max-width: 100%;
}
.inpage-machines-when .hyh-txt
{
    max-width: 70%;
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inpage-machines-when .hyh-txt
    {
        max-width: 100%;
        margin-top: 20px;
    }
}
.inpage-machines-when .hyh-txt h3
{
    font-family: 'Goldman';
    font-size: 24px;
    line-height: 1;
}
@media (max-width: 1199px)
{
    .inpage-machines-when .hyh-txt h3
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inpage-machines-when .hyh-txt h3
    {
        font-size: 18px;
    }
}
.inpage-machines-when .machines
{
    margin-top: 30px;
}
.inpage-machines-when .machines > ul > li
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inpage-machines-when .machines > ul > li
    {
        width: 100%;
    }
}
.inpage-machines-when .machines .m-itempack .imgw
{
    padding-bottom: 59.09090909%;
}
.inpage-machines-when .machines .m-itempack .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-machines-when .machines .m-itempack .title-machines
{
    font-family: 'Poppins';
    font-size: 22px;
    line-height: 1.25;

    margin-top: 20px;
}
@media (max-width: 1560px)
{
    .inpage-machines-when .machines .m-itempack .title-machines
    {
        font-size: 20px;
    }
}
@media (max-width: 1199px)
{
    .inpage-machines-when .machines .m-itempack .title-machines
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inpage-machines-when .machines .m-itempack .title-machines
    {
        font-size: 16px;

        margin-top: 10px;
    }
}
.inpage-application
{
    border-radius: 0;
}
.inpage-application .cases-bgbox:before
{
    background: -webkit-radial-gradient(48.73% -18.41%, 129.69% 118.97%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50.68%, rgba(0, 0, 0, .9) 78.72%);
    background:         radial-gradient(129.69% 118.97% at 48.73% -18.41%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50.68%, rgba(0, 0, 0, .9) 78.72%);
}
.inpage-application .cases .hyh-txt
{
    max-width: 590px;
}
.inpage-application .cases .hyh-txt p
{
    font-size: 18px;
    line-height: 1.77777778;
}
@media (max-width: 767px)
{
    .inpage-application .cases .hyh-txt p
    {
        font-size: 16px;
    }
}
.inpage-application .cases-text
{
    max-width: 590px;
    margin-top: 30px;
}
.inpage-application .cases-text p
{
    font-size: 18px;
    line-height: 1.77777778;

    margin: 0;
}
@media (max-width: 767px)
{
    .inpage-application .cases-text p
    {
        font-size: 16px;
    }
}
.inpage-faqs .faqs
{
    margin-top: 30px;
}
.inpage-faqs .faqs > ul > li
{
    margin-top: 10px;
}
.inpage-faqs .faqs .f-itempack
{
    padding: 20px 40px;

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

    background: #f7f7f7;
}
@media (max-width: 1199px)
{
    .inpage-faqs .faqs .f-itempack
    {
        padding: 20px;
    }
}
.inpage-faqs .faqs .f-itempack .t-faqs
{
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 1.5;

    position: relative;
}
@media (max-width: 1199px)
{
    .inpage-faqs .faqs .f-itempack .t-faqs
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inpage-faqs .faqs .f-itempack .t-faqs
    {
        font-size: 16px;
    }
}
.inpage-faqs .faqs .f-itempack .t-faqs:after
{
    font-family: 'iconfont' !important;

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

    content: '\e602';
}
@media (max-width: 1199px)
{
    .inpage-faqs .faqs .f-itempack .t-faqs:after
    {
        right: -10px;
    }
}
.inpage-faqs .faqs .f-itempack .faqs-txt
{
    display: none;

    margin-top: 10px;
}
.inpage-faqs .faqs .f-itempack .faqs-txt p
{
    font-size: 15px;
    line-height: 1.6;

    margin: 0;
}
@media (max-width: 767px)
{
    .inpage-faqs .faqs .f-itempack .faqs-txt p
    {
        font-size: 14px;
    }
}
.inpage-faqs .faqs .current .f-itempack
{
    color: #fff;
    background: #003281;
}
.inpage-faqs .faqs .current .f-itempack .t-faqs:after
{
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.inpage-product-show .inpage-right
{
    padding-top: 0;
}
.inpage-product-show .product-show
{
    position: relative;

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

    padding: 70px 5% 70px 0;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-show
    {
        padding: 50px 0;
    }
}
.inpage-product-show .product-show:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: -50px;

    display: block;

    width: 200%;
    height: 100%;

    content: '';

    background: #f8f8f8;
}
.inpage-product-show .product-show-left,
.inpage-product-show .product-show-right
{
    position: relative;
    z-index: 6;
}
.inpage-product-show .product-show-left
{
    width: 480px;
}
@media (max-width: 1560px)
{
    .inpage-product-show .product-show-left
    {
        width: 400px;
    }
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-show-left
    {
        width: 100%;
    }
}
.inpage-product-show .product-show-left .product-show-bigbox
{
    font-size: 0;

    overflow: hidden;

    border: 1px solid rgba(0, 0, 0, .1);
}
.inpage-product-show .product-show-left .product-show-smallbox
{
    margin-top: 16px;
}
.inpage-product-show .product-show-left .product-show-smallbox .p-itempack
{
    border: 1px solid rgba(0, 0, 0, .1);
}
.inpage-product-show .product-show-left .product-show-smallbox .slick-current .p-itempack
{
    border-color: #004abb;
}
.inpage-product-show .product-show-left .slick-list
{
    margin: 0 -10px;
}
.inpage-product-show .product-show-left .slick-slide
{
    padding: 0 10px;
}
.inpage-product-show .product-show-left .slick-arrow
{
    left: 0;
}
.inpage-product-show .product-show-left .slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
.inpage-product-show .product-show-right
{
    width: -webkit-calc(100% - 480px);
    width:         calc(100% - 480px);
    padding-top: 60px;
    padding-left: 3%;
}
@media (max-width: 1560px)
{
    .inpage-product-show .product-show-right
    {
        width: -webkit-calc(100% - 400px);
        width:         calc(100% - 400px);
        padding-top: 30px;
    }
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-show-right
    {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }
}
.inpage-product-show .product-show-right .title-product-show h1
{
    font-family: 'Goldman';
    font-size: 32px;
    line-height: 1;
}
@media (max-width: 1560px)
{
    .inpage-product-show .product-show-right .title-product-show h1
    {
        font-size: 28px;
    }
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-show-right .title-product-show h1
    {
        font-size: 24px;
    }
}
@media (max-width: 991px)
{
    .inpage-product-show .product-show-right .title-product-show h1
    {
        font-size: 20px;
    }
}
.inpage-product-show .product-show-right .hyh-txt
{
    margin-top: 20px;
}
.inpage-product-show .product-show-right .link
{
    margin-top: 40px;
}
.inpage-product-show .product-show-right .link a
{
    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 22px;

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

    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 72px;
    background: #274faa;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.inpage-product-show .product-show-right .link a .iconfont
{
    font-size: 24px;

    margin-right: 10px;
}
.inpage-product-show .product-show-right .link a:hover
{
    background-color: #002260;
}
.inpage-product-show .product-parameter
{
    padding: 0 10% 0 0;
}
@media (max-width: 1400px)
{
    .inpage-product-show .product-parameter
    {
        padding-right: 7%;
    }
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-parameter
    {
        padding: 0;
    }
}
.inpage-product-show .product-parameter .pt-60
{
    padding-top: 60px;
}
@media (max-width: 767px)
{
    .inpage-product-show .product-parameter .pt-60
    {
        padding-top: 40px;
    }
}
.inpage-product-show .product-parameter .title-product-show h3
{
    font-family: 'Goldman';
    font-size: 32px;
    line-height: 1;
}
@media (max-width: 1560px)
{
    .inpage-product-show .product-parameter .title-product-show h3
    {
        font-size: 28px;
    }
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-parameter .title-product-show h3
    {
        font-size: 24px;
    }
}
@media (max-width: 991px)
{
    .inpage-product-show .product-parameter .title-product-show h3
    {
        font-size: 20px;
    }
}
.inpage-product-show .product-parameter .product-desc
{
    margin-top: 20px;
}
.inpage-product-show .product-parameter .product-desc h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.44444444;
}
@media (max-width: 767px)
{
    .inpage-product-show .product-parameter .product-desc h3
    {
        font-size: 16px;
    }
}
.inpage-product-show .product-parameter .listbox > ul
{
    margin: 0 -10px;
}
.inpage-product-show .product-parameter .listbox > ul > li
{
    margin-top: 50px;
    padding: 0 10px;
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-parameter .listbox > ul > li
    {
        margin-top: 30px;
    }
}
.inpage-product-show .product-parameter .listbox > ul > li img
{
    width: 100%;
}
.inpage-product-show .product-parameter .listbox > ul > li .t-listbox
{
    font-family: 'Poppins';
    font-size: 24px;
    line-height: 1.25;

    margin-top: 20px;
}
@media (max-width: 1560px)
{
    .inpage-product-show .product-parameter .listbox > ul > li .t-listbox
    {
        font-size: 20px;
    }
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-parameter .listbox > ul > li .t-listbox
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inpage-product-show .product-parameter .listbox > ul > li .t-listbox
    {
        font-size: 16px;
    }
}
.inpage-product-show .product-realted .scroll-product-realted
{
    margin-top: 30px;
}
.inpage-product-show .product-realted .scroll-product-realted .slick-list
{
    width: 130%;
}
@media (max-width: 1199px)
{
    .inpage-product-show .product-realted .scroll-product-realted .slick-list
    {
        width: 100%;
    }
}
.inpage-product-show .product-realted .scroll-product-realted .r-itempack .img
{
    border: 1px solid rgba(0, 0, 0, .1);
}
.inpage-product-show .product-realted .scroll-product-realted .r-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-product-show .product-realted .scroll-product-realted .r-itempack .t-product
{
    font-family: 'Goldman';
    font-size: 32px;
    line-height: 1;

    margin-top: 16px;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 1560px)
{
    .inpage-product-show .product-realted .scroll-product-realted .r-itempack .t-product
    {
        font-size: 26px;
    }
}
@media (max-width: 767px)
{
    .inpage-product-show .product-realted .scroll-product-realted .r-itempack .t-product
    {
        font-size: 22px;
    }
}
.inpage-product-show .product-realted .scroll-product-realted .r-itempack .hyh-txt
{
    margin-top: 10px;
}
@media (min-width: 1200px)
{
    .inpage-product-show .product-realted .scroll-product-realted .r-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .inpage-product-show .product-realted .scroll-product-realted .r-itempack:hover .t-product
    {
        color: #004abb;
    }
}
@media (min-width: 768px)
{
    .inpage-product-show .product-realted .scroll-product-realted .slick-arrow
    {
        top: -80px;
    }
}
.inpage-feedback
{
    background: #f8f8f8;
}
.table_over
{
    line-height: 1.625;

    overflow: auto;

    width: 100%;
    max-width: 100%;
    margin-top: 20px;
}
.table_over table
{
    font-size: 16px;
    line-height: 1.2;

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

    border-spacing: 0;
    border-collapse: collapse;
}
.table_over table p
{
    font-size: 16px;
}
.table_over table tr,
.table_over table td,
.table_over table th
{
    width: auto !important;
    height: auto !important;
}
.table_over table td,
.table_over table th
{
    font-weight: normal;

    padding: 15px 20px !important;

    border: 1px solid #dcdcdc;
}
@media (max-width: 480px)
{
    .table_over table td,
    .table_over table th
    {
        padding: 8px !important;
    }
}
.table_over table tr p,
.table_over table tr span
{
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
}
.table_over table th
{
    text-align: center;
}
.inpage-solution .t-index
{
    max-width: 100%;
}
.inpage-solution .t-index .hyh-txt
{
    max-width: 65%;
}
@media (max-width: 767px)
{
    .inpage-solution .t-index .hyh-txt
    {
        max-width: 100%;
    }
}
.inpage-solution .solution
{
    margin-top: 60px;
}
@media (max-width: 1199px)
{
    .inpage-solution .solution
    {
        margin-top: 30px;
    }
}
.inpage-solution .solution .img img
{
    width: 100%;
}
.inpage-solution .solution .hyh-txt
{
    margin-top: 30px;
}
.inpage-solution .solution .hyh-txt > ul > li > ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.inpage-solution .solution .hyh-txt > ul > li > ul > li
{
    padding: 0 15px;
}
.inpage-solution .solution .hyh-txt h3
{
    font-family: 'Poppins';
    font-size: 18px;
    line-height: 1.66666667;
}
.inpage-solution .solution .hyh-txt p
{
    font-size: 14px;
    line-height: 24px;
}
.i-products-solution
{
    background: #f8f8f8;
}
.i-products-solution .slick-arrow
{
    background-color: #fff;
}
.inpage-solution-choose .solution-choose > ul > li
{
    margin-top: 30px;
}
.inpage-solution-choose .solution-choose .solution-choose-itempack
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    height: 100%;

    border-radius: 20px;
    background: #f8f8f8;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 1199px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack
    {
        display: block;

        border-radius: 10px;
    }
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .img
{
    width: 45%;
    height: 100%;
}
@media (max-width: 1199px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack .img
    {
        width: 100%;
        height: auto;
    }
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .img .imgw
{
    padding-bottom: 88.88888889%;
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .img .imgw img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .desc
{
    width: 55%;
    padding: 50px 30px;
}
@media (max-width: 1560px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack .desc
    {
        padding: 30px;
    }
}
@media (max-width: 1470px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack .desc
    {
        padding: 20px;
    }
}
@media (max-width: 1199px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack .desc
    {
        width: 100%;
    }
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .desc .t-solution-choose
{
    font-family: 'Poppins';
    font-size: 20px;
    line-height: 30px;

    -webkit-transition: all .2s;
            transition: all .2s;
}
@media (max-width: 1199px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack .desc .t-solution-choose
    {
        font-size: 18px;
    }
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .desc .hyh-txt
{
    font-family: 'Poppins';

    margin-top: 10px;
}
.inpage-solution-choose .solution-choose .solution-choose-itempack .desc .hyh-txt p
{
    font-size: 14px;
    line-height: 24px;

    margin: 0;
}
@media (min-width: 1200px)
{
    .inpage-solution-choose .solution-choose .solution-choose-itempack:hover .img .imgw img
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }
    .inpage-solution-choose .solution-choose .solution-choose-itempack:hover .desc .t-solution-choose
    {
        color: #004abb;
    }
}
.i-cases-solution
{
    border-radius: 0;
}
.inpage-contact .contact
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.inpage-contact .contact-left
{
    width: 50%;
}
@media (max-width: 991px)
{
    .inpage-contact .contact-left
    {
        width: 100%;
    }
}
.inpage-contact .contact-left .img img
{
    width: 100%;
}
.inpage-contact .contact-right
{
    width: 50%;
    padding-left: 5%;
}
@media (max-width: 991px)
{
    .inpage-contact .contact-right
    {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.inpage-contact .contact-right .t-index
{
    max-width: 100%;
}
.inpage-contact .contact-right .list > ul > li
{
    margin-top: 40px;
}
.inpage-contact .contact-right .list .list-itempack
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.inpage-contact .contact-right .list .list-itempack .icon
{
    line-height: 60px;

    width: 60px;
    height: 60px;

    text-align: center;

    color: #004abb;
    border-radius: 50%;
    background-color: #e1eaf2;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}
@media (max-width: 767px)
{
    .inpage-contact .contact-right .list .list-itempack .icon
    {
        line-height: 50px;

        width: 50px;
        height: 50px;
    }
}
.inpage-contact .contact-right .list .list-itempack .icon .iconfont
{
    font-size: 24px;
}
.inpage-contact .contact-right .list .list-itempack .txt
{
    padding-left: 20px;
}
@media (max-width: 767px)
{
    .inpage-contact .contact-right .list .list-itempack .txt
    {
        padding-left: 10px;
    }
}
.inpage-contact .contact-right .list .list-itempack .txt b
{
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36363636;

    display: block;
}
@media (max-width: 1560px)
{
    .inpage-contact .contact-right .list .list-itempack .txt b
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inpage-contact .contact-right .list .list-itempack .txt b
    {
        font-size: 16px;
    }
}
.inpage-contact .contact-right .list .list-itempack .txt p
{
    line-height: 24px;

    margin: 6px 0 0 0;

    color: #666;
}
.inpage-contact .contact-right .list .list-itempack .txt p a:hover
{
    text-decoration: underline;
}
.inpage-message .message .submit
{
    margin-top: 0;
    padding: 10px 20px;

    border-radius: 4px;
}
.inpage-message .message .mask
{
    font-family: 'Poppins Regular';

    margin-top: 40px;
}
@media (max-width: 1199px)
{
    .inpage-message .message .mask
    {
        margin-top: 20px;
    }
}
.inpage-message .message .mask p
{
    font-size: 16px;

    color: #999;
}
@media (max-width: 767px)
{
    .inpage-message .message .mask p
    {
        font-size: 14px;
    }
}
.inpage-message .message .mask p a
{
    color: #004abb;
}
.inpage-message .message .mask p a:hover
{
    text-decoration: underline;
}
.side-online
{
    position: fixed;
    z-index: 8;
    top: 40%;
    right: 0;

    -webkit-transition: all .6s;
            transition: all .6s;
}
@media (max-width: 1199px)
{
    .side-online
    {
        top: auto;
        bottom: 0;
    }
}
.side-online.active
{
    -webkit-transform: translateX(80px);
        -ms-transform: translateX(80px);
            transform: translateX(80px);
}
.side-online .side-close
{
    line-height: 64px;

    position: absolute;
    top: 50%;
    left: -15px;

    width: 15px;
    height: 64px;

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

    color: #fff;
    background: #004abb;

    -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
            clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
}
.side-online ul
{
    width: 50px;
}
@media (max-width: 767px)
{
    .side-online ul
    {
        width: 40px;
    }
}
.side-online ul li
{
    position: relative;

    width: 100%;
}
.side-online ul li p.show
{
    line-height: 30px;

    position: absolute;
    z-index: 1;
    top: 0;
    right: -200px;

    margin: 0;
    padding: 10px 50px 10px 20px;

    -webkit-transition: all .2s;
            transition: all .2s;
    white-space: nowrap;

    color: #fff;
    border-radius: 5px;
    background-color: #004abb;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.side-online ul li:hover p.show
{
    right: 30px;
}
@media (max-width: 767px)
{
    .side-online ul li:hover p.show
    {
        right: 40px;
    }
}
.side-online ul li:hover .online-message
{
    right: 0;
}
.side-online a
{
    line-height: 42px;

    position: relative;
    z-index: 2;

    display: block;

    width: 42px;
    height: 42px;
    margin: 5px 0;

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

    color: #fff;
    border-radius: 4px;
    background: rgba(0, 50, 129, .3);
}
@media (max-width: 767px)
{
    .side-online a
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.side-online a .icon
{
    font-size: 24px;
}
.side-online a:hover
{
    color: #fff;
    background-color: #004abb;
}
.side-online .online-message
{
    position: fixed;
    top: 0;
    right: -460px;

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

    width: 460px;
    height: 100vh;
    padding: 30px;

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

    border-top: 80px solid #004abb;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 767px)
{
    .side-online .online-message
    {
        right: -300px;

        width: 300px;
        padding: 20px 10px;

        border-top-width: 30px;
    }
}
.side-online .online-message .title-online h3
{
    font-family: 'Garamond';
    font-size: 36px;
    font-weight: bold;

    margin: 0;
}
@media (max-width: 1470px)
{
    .side-online .online-message .title-online h3
    {
        font-size: 30px;
    }
}
@media (max-width: 1199px)
{
    .side-online .online-message .title-online h3
    {
        font-size: 24px;
    }
}
.side-online .online-message .title-online p
{
    font-size: 14px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
@media (max-width: 767px)
{
    .side-online .online-message form
    {
        margin-top: 20px;
    }
}
.side-online .online-message .col-xs-12
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .side-online .online-message .col-xs-12
    {
        margin-top: 10px;
    }
}
.side-online .online-message span
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    color: #666;
}
@media (max-width: 767px)
{
    .side-online .online-message span
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.side-online .online-message input,
.side-online .online-message textarea
{
    font-size: 15px;
    line-height: 30px;

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

    resize: vertical;

    border: 1px solid #ccc;
    outline: none;
}
@media (max-width: 991px)
{
    .side-online .online-message input,
    .side-online .online-message textarea
    {
        padding: 10px 15px;
    }
}
@media (max-width: 767px)
{
    .side-online .online-message input,
    .side-online .online-message textarea
    {
        font-size: 14px;
        line-height: 24px;

        margin-top: 10px;
    }
}
.side-online .online-message input::-webkit-input-placeholder,
.side-online .online-message textarea::-webkit-input-placeholder
{
    color: #999;
}
.side-online .online-message input:-o-placeholder,
.side-online .online-message textarea:-o-placeholder
{
    color: #999;
}
.side-online .online-message input::-moz-placeholder,
.side-online .online-message textarea::-moz-placeholder
{
    color: #999;
}
.side-online .online-message input:-ms-input-placeholder,
.side-online .online-message textarea:-ms-input-placeholder
{
    color: #999;
}
.side-online .online-message input:focus::-webkit-input-placeholder,
.side-online .online-message textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.side-online .online-message input:focus::-o-placeholder,
.side-online .online-message textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.side-online .online-message input:focus::-moz-placeholder,
.side-online .online-message textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.side-online .online-message input:focus::-ms-input-placeholder,
.side-online .online-message textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.side-online .online-message .send
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 30px;

    text-align: center;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.side-online .online-message .submit,
.side-online .online-message .reset
{
    font-size: 18px;
    line-height: 60px;

    display: inline-block;

    width: 45%;
    padding: 0;

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

    border: 1px solid #999;
    border-radius: 0;
    outline: none;
    background-color: #fff;
}
@media (max-width: 767px)
{
    .side-online .online-message .submit,
    .side-online .online-message .reset
    {
        font-size: 14px;
        line-height: 40px;

        width: 150px;
    }
}
.side-online .online-message .submit:hover,
.side-online .online-message .reset:hover
{
    text-decoration: underline;

    color: #fff;
    background-color: #004abb;
}
.side-online .online-message .reset
{
    margin-right: 20px;
}
@media (max-width: 767px)
{
    .side-online .online-message .reset
    {
        margin-right: 10px;
    }
}
.side-online .online-message .submit
{
    color: #fff;
    background-color: #1a1a1a;
}
.inpage-map
{
    font-size: 0;

    width: 100%;
}
.inpage-map iframe
{
    width: 100%;
    height: 700px;
}
@media (max-width: 1400px)
{
    .inpage-map iframe
    {
        height: 600px;
    }
}
@media (max-width: 1199px)
{
    .inpage-map iframe
    {
        height: 500px;
    }
}
@media (max-width: 991px)
{
    .inpage-map iframe
    {
        height: 400px;
    }
}
.inpage-sitemap .sitemap > ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 767px)
{
    .inpage-sitemap .sitemap > ul > li
    {
        width: 100%;
        margin: 10px 0;
    }
}
.inpage-sitemap .sitemap > ul > li > a
{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;

    display: block;
}
@media (max-width: 767px)
{
    .inpage-sitemap .sitemap > ul > li > a
    {
        font-size: 18px;
    }
}
.inpage-sitemap .sitemap > ul > li > ul
{
    margin-top: 10px;
}
@media (max-width: 767px)
{
    .inpage-sitemap .sitemap > ul > li > ul > li
    {
        display: inline-block;

        margin-right: 20px;

        vertical-align: top;
    }
}
.inpage-sitemap .sitemap > ul > li > ul > li > a
{
    font-size: 16px;
    line-height: 2;

    display: block;

    color: #666;
}
.inpage-sitemap .sitemap > ul > li > ul > li > a:hover
{
    color: #004abb;
}
.inpage-privacy .privacy
{
    margin-top: 30px;
}
.pagebox
{
    position: relative;

    width: 100%;
    margin: 60px 0 0 0;
    padding: 0;

    text-align: center;
}
@media (max-width: 991px)
{
    .pagebox
    {
        margin-top: 30px;
    }
}
.pagebox li
{
    position: relative;

    display: inline-block;

    vertical-align: top;
}
.pagebox li a
{
    line-height: 48px;

    display: block;

    width: 48px;
    height: 48px;
    margin: 0 6px;
    padding: 0;

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

    color: #666;
    border: none;
    border-radius: 50%;
}
@media (max-width: 991px)
{
    .pagebox li a
    {
        font-size: 18px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767px)
{
    .pagebox li a
    {
        font-size: 14px;
        line-height: 30px;

        width: 30px;
        height: 30px;
        margin: 0;
    }
}
.pagebox li a .icon
{
    font-size: 30px;
    font-weight: bold;
}
.pagebox > .active > a,
.pagebox > .active > a:focus,
.pagebox > .active > a:hover,
.pagebox > .active > span,
.pagebox > .active > span:focus,
.pagebox > .active > span:hover
{
    color: #fff;
    background-color: #003281;
}
.pagebox > li > a:focus,
.pagebox > li > a:hover,
.pagebox > li > span:focus,
.pagebox > li > span:hover
{
    color: #fff;
    background-color: #003281;
}
.lazy
{
    background-image: url(../js/slick/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px !important;
}
a
{
    color: inherit;
}
a:hover
{
    color: inherit;
}
@-webkit-keyframes Mouse
{
    0%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50%
    {
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes Mouse
{
    0%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50%
    {
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.fancybox-slide--iframe .fancybox-content
{
    width: 50% !important;
    height: 60% !important;
}
@media (max-width: 991px)
{
    .fancybox-slide--iframe .fancybox-content
    {
        width: 90% !important;
        height: 400px !important;
    }
}
.fluid_pseudo_poster,
.fluid_controls_container
{
    display: none;
}
.uploadbtn
{
    display: none;
}
.inpage-product-show .open-message .message ul li
{
    box-shadow: none;
}





.wp-pagenavi{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin: 60px 0 0;
}
.wp-pagenavi .pages{
    display:none
}
.wp-pagenavi .current,.wp-pagenavi .page,.wp-pagenavi a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.wp-pagenavi .current,.wp-pagenavi .page{
    width:40px;
    height:40px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    margin-right:10px
}
@media (max-width:1600px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        width:38px
    }
}
@media (max-width:1366px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        width:36px
    }
}
@media (max-width:1024px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        width:34px
    }
}
@media (max-width:991px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        width:32px
    }
}
@media (max-width:767px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        width:30px
    }
}
@media (max-width:1600px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        height:38px
    }
}
@media (max-width:1366px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        height:36px
    }
}
@media (max-width:1024px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        height:34px
    }
}
@media (max-width:991px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        height:32px
    }
}
@media (max-width:767px){
    .wp-pagenavi .current,.wp-pagenavi .page{
        height:30px
    }
}
.wp-pagenavi .current:hover,.wp-pagenavi .page:hover{
    background:#314c9b;
    color:#fff
}
.wp-pagenavi .current{
    background:#314c9b;
    color:#fff
}
.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
    font-size:30px;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
@media (max-width:1600px){
    .wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
        font-size:28px
    }
}
@media (max-width:1366px){
    .wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
        font-size:26px
    }
}
@media (max-width:1024px){
    .wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
        font-size:24px
    }
}
@media (max-width:991px){
    .wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
        font-size:22px
    }
}
@media (max-width:767px){
    .wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
        font-size:20px
    }
}
.wp-pagenavi .nextpostslink:hover,.wp-pagenavi .previouspostslink:hover{
    color:#314c9b
}
.wp-pagenavi .previouspostslink{
    margin-right:30px
}
@media (max-width:1600px){
    .wp-pagenavi .previouspostslink{
        margin-right:28px
    }
}
@media (max-width:1366px){
    .wp-pagenavi .previouspostslink{
        margin-right:26px
    }
}
@media (max-width:1024px){
    .wp-pagenavi .previouspostslink{
        margin-right:24px
    }
}
@media (max-width:991px){
    .wp-pagenavi .previouspostslink{
        margin-right:22px
    }
}
@media (max-width:767px){
    .wp-pagenavi .previouspostslink{
        margin-right:20px
    }
}
.wp-pagenavi .nextpostslink{
    margin-left:20px
}
@media (max-width:1600px){
    .wp-pagenavi .nextpostslink{
        margin-left:18.66667px
    }
}
@media (max-width:1366px){
    .wp-pagenavi .nextpostslink{
        margin-left:17.33333px
    }
}
@media (max-width:1024px){
    .wp-pagenavi .nextpostslink{
        margin-left:16px
    }
}
@media (max-width:991px){
    .wp-pagenavi .nextpostslink{
        margin-left:14.66667px
    }
}
@media (max-width:767px){
    .wp-pagenavi .nextpostslink{
        margin-left:13.33333px
    }
}




.search {
    padding: 100px 0 0;
}
.search .search-tool {
    display: flex;
    justify-content: center;
}
.search .search-tool form {
    max-width: 500px;
    display: flex;
    position: relative;
    width: 100%;
}
.search .search-tool input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    box-sizing: border-box;
    font-size: 16px;
    transition: all 0.35s;
}
.search .search-tool input:focus {
    outline: none;
    border-color: #2B333D;
}
.search .search-tool button {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    display: flex;
    background: transparent;
    border: 0;
    justify-content: center;
    align-items: center;
}
.search .search-tool button i {
    font-size: 24px;
    color: #000;
}
.search .search-all {
    padding: 40px 0 80px;
}
.search .search-all .search-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.search .search-all .search-nav .nav-btn {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 50px;
    position: relative;
    cursor: pointer;
    padding: 10px 0;
}
.search .search-all .search-nav .nav-btn:after {
    content: '';
    width: 0;
    height: 3px;
    background-color: #2B333D;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.35s;
}
.search .search-all .search-nav .nav-btn.active:after {
    width: 85%;
}
.search .search-all .search-nav .nav-btn:hover:after {
    width: 100%;
}
.search .search-all .results .search-list {
    display: none;
    opacity: 0;
}
.search .search-all .results .search-list.active {
    display: block;
    opacity: 1;
}
.search .search-all .results .search-list .fixed {
    display: flex;
    align-items: center;
}
.search .search-all .results .search-list ul {
    padding: 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.search .search-all .results .search-list ul > p {
    padding: 0 15px;
}
.search .search-all .results .search-list li {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    width: 25%;
}
.search .search-all .results .search-list li:nth-child(n+5) {
    margin-top: 20px;
}
.search .search-all .results .search-list .search-img {
    display: flex;
    width: 100%;
}
.search .search-all .results .search-list .search-img div {
    width: 100%;
}
.search .search-all .results .search-list .li-inner {
    padding: 20px 20px;
    box-shadow: 0 1px 11px 2px rgba(0, 0, 0, 0.05);
    flex-direction: column;
    transition: all 0.35s;
}
.search .search-all .results .search-list .li-inner:hover {
    transform: translateY(-10px);
}
.search .search-all .results .search-list .img-text {
    padding-top: 15px;
    width: 100%;
}
.search .search-all .results .search-list .img-text .type {
    font-size: 14px;
    color: #2B333D;
    line-height: 1;
    margin-bottom: 10px;
}
.search .search-all .results .search-list .img-text .t {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
    color: #330313;
    min-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.search .search-all .results .search-list .img-text .t a {
    color: inherit;
}
.search .search-all .results .search-list .img-text .d {
    font-size: 16px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 15px;
    min-height: 68px;
}
.search .search-all .results .search-list .img-text .d p {
    margin: 0;
}
.search .search-all .results .search-list .img-text .see-more {
    display: flex;
    width: fit-content;
    background-color: #2B333D;
    color: #fff;
    padding: 5px 18px 2px;
    border-radius: 14px;
}
.hyh-form .mask p{
    margin: 0;
}