.clearfix::after
{
    display: block;
    clear: both;
    content: "";
}
.link-primary
{
    color: #010156;
}
.link-primary:focus, .link-primary:hover
{
    color: #010145;
}
.link-secondary
{
    color: #6d757e;
}
.link-secondary:focus, .link-secondary:hover
{
    color: #575e65;
}
.link-success
{
    color: #448344;
}
.link-success:focus, .link-success:hover
{
    color: #366936;
}
.link-info
{
    color: #30638d;
}
.link-info:focus, .link-info:hover
{
    color: #264f71;
}
.link-warning
{
    color: #ad6200;
}
.link-warning:focus, .link-warning:hover
{
    color: #8a4e00;
}
.link-danger
{
    color: #a51f18;
}
.link-danger:focus, .link-danger:hover
{
    color: #841913;
}
.link-light
{
    color: #f9fafb;
}
.link-light:focus, .link-light:hover
{
    color: #fafbfc;
}
.link-dark
{
    color: #353b41;
}
.link-dark:focus, .link-dark:hover
{
    color: #2a2f34;
}
.ratio
{
    position: relative;
    width: 100%;
}
.ratio::before
{
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}
.ratio>*
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1
{
    --aspect-ratio: 100%;
}
.ratio-4x3
{
    --aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9
{
    --aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9
{
    --aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom
{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.sticky-top
{
    position: sticky;
    top: 0;
    z-index: 1020;
}
@media(min-width: 576px)
{
    .sticky-sm-top
    {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media(min-width: 768px)
{
    .sticky-md-top
    {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media(min-width: 992px)
{
    .sticky-lg-top
    {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media(min-width: 1200px)
{
    .sticky-xl-top
    {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media(min-width: 1400px)
{
    .sticky-xxl-top
    {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.sr-only, .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within)
{
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
.stretched-link::after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
.text-truncate
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.minicolors-theme-bootstrap .minicolors-swatch
{
    width: 36px;
    height: 36px;
}
.minicolors-theme-bootstrap .minicolors-swatch>.minicolors-sprite
{
    top: 50%;
    left: 8px;
    border-radius: 0;
    transform: translateY(-50%);
}
span.minicolors-swatch-color
{
    cursor: pointer;
}
:root
{
    scroll-behavior: smooth;
    font-size: 14px;
}
@media screen and (prefers-reduced-motion: reduce)
{
    :root
    {
        scroll-behavior: auto;
    }
}
.navbar-toggler:focus
{
    box-shadow: none!important;
}
.form-control:focus
{
    box-shadow: 0 0 #000;
}
html
{
    background-color: #fff;
}
body
{
    position: relative;
}
img
{
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6
{
    font-family: var(--ecblank-font-family-headings,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-weight: var(--ecblank-font-weight-headings,700);
}
.display-1
{
    font-size: clamp(2.7rem,8vw,5.5rem);
}
.display-2
{
    font-size: clamp(2.3rem,7vw,4.5rem);
}
.display-3
{
    font-size: clamp(1.9rem,6vw,3.5rem);
}
.display-4
{
    font-size: clamp(1.5rem,5vw,2.5rem);
}
.lead
{
    font-size: clamp(1.1rem,3vw,1.25rem);
}
a
{
    color: var(--ecblank-color-link);
}
a:not([class])
{
    text-decoration: underline;
}
a:focus, a:hover
{
    color: var(--ecblank-color-hover);
}
a.navbar-brand
{
    color: var(--ecblank-color-brand);
}
.btn-primary
{
    background-color: var(--ecblank-color-primary);
    border-color: var(--ecblank-color-primary);
}
.btn-primary:focus, .btn-primary:hover
{
    background-color: var(--ecblank-color-hover);
    border-color: var(--ecblank-color-hover);
}
.btn-group
{
    margin-bottom: 1em;
}
.btn-group>.input-group-append>.btn-primary
{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.input-group-append>.btn-secondary
{
    margin-left: .5em;
}
.btn-group>input
{
    padding: .5em;
    border: 1px solid #ced4da;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group>.input-group-append>.btn-primary
{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
[dir=rtl] .btn-group>.input-group-append>.btn-secondary
{
    margin-right: .5em;
    margin-left: 0;
}
[dir=rtl] .btn-group>input
{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.com-content-category__pagination
{
    margin-bottom: 1em;
}
.small, small
{
    font-size: .875rem;
}
dd
{
    padding: 0 0 0 2em;
    margin-bottom: 0;
}
[dir=rtl] dd
{
    padding: 0 2em 0 0;
    margin-right: 0;
    margin-left: auto;
}
th dd
{
    font-weight: var(--ecblank-font-weight-normal,400);
}
figure
{
    margin: 0 0 2em;
}
figure.float-start
{
    margin-right: 1em;
}
figure.float-end
{
    margin-left: 1em;
}
[dir=rtl] figure.float-start
{
    margin-right: 0;
    margin-left: 1em;
}
[dir=rtl] figure.float-end
{
    margin-right: 1em;
    margin-left: 0;
}
figcaption
{
    font-size: .9em;
    color: #6d757e;
}
.mod-menu
{
    flex-direction: column;
}
.mod-languages__select
{
    background-color: #fff;
}
meter
{
    width: 100%;
}
.pagenavigation, .pager
{
    clear: both;
}
.pagenavigation .pagination, .pager .pagination
{
    justify-content: space-between;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}
.pagenavigation .pagination li.next:only-child, .pager .pagination li.next:only-child
{
    margin-left: auto;
}
[dir=rtl] .pagenavigation .pagination>li.next:only-child, [dir=rtl] .pager .pagination>li.next:only-child
{
    margin-right: auto;
    margin-left: 1em;
}
.page-link
{
    color: var(--ecblank-color-link);
}
.page-link:hover
{
    color: var(--ecblank-color-link);
}
.pager .pagination
{
    justify-content: center;
}
[dir=rtl] li.next .page-link
{
    border-top-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: .25rem;
}
[dir=rtl] li.previous .page-link
{
    border-top-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}
.article-index .toclink.active
{
    color: currentColor;
}
.j-main-container .alert
{
    margin: .75rem;
}
.alert-heading
{
    font-size: 1rem;
}
@keyframes fadeIn
{
    from
    {
        opacity: 0;
        transform: translateY(-1rem);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.form-control
{
    max-width: 100%;
    background-color: #fff;
}
.form-control.input-xlarge
{
    max-width: 21.875rem;
}
.form-control.input-xxlarge
{
    max-width: 34.375rem;
}
.form-control.input-full
{
    max-width: 100%;
}
.spacer hr
{
    width: 23.75rem;
}
.form-select
{
    max-width: 100%;
}
.form-inline .form-select
{
    display: inline-block;
    width: auto;
}
@media(max-width: 991.98px)
{
    .form-inline .form-select
    {
        width: 100%;
    }
}
td .form-control
{
    display: inline-block;
    width: auto;
}
.checkboxes
{
    padding-top: 5px;
}
.checkboxes .checkbox input
{
    position: static;
    margin-left: 0;
}
.modal label
{
    width: 100%;
}
.invalid
{
    color: #a51f18;
    border-color: #a51f18;
}
.valid
{
    border-color: #448344;
}
.form-control-feedback
{
    display: block;
}
[role=tooltip]:not(.show)
{
    right: 5em;
    z-index: 1070;
    display: none;
    max-width: 100%;
    padding: .5em;
    margin: .5em;
    color: #000;
    background: #fff;
    border: 1px solid #6d757e;
    border-radius: .25rem;
    box-shadow: 0 0 .5rem rgba(0,0,0,.8);
}
[role=tooltip]:not(.show)[id^=editarticle-]
{
    margin-inline-start: -10em;
}
[role=tooltip]:not(.show)[id^=editcontact-]
{
    margin-inline-start: -10em;
}
[dir=ltr] [role=tooltip]:not(.show)
{
    text-align: left;
}
[dir=rtl] [role=tooltip]:not(.show)
{
    text-align: right;
}
:focus+[role=tooltip], :hover+[role=tooltip]
{
    position: absolute;
    display: block;
}
[id="filter[search]-desc"]
{
    bottom: 100%;
}
fieldset
{
    margin-bottom: 2em;
}
fieldset+fieldset
{
    margin-top: 2em;
}
fieldset>*
{
    margin-bottom: 0;
}
.control-group
{
    margin: 1em 0;
}
.container-popup [id="filter[search]-desc"]
{
    top: 100%;
    bottom: auto;
}
.com-users-login__options
{
    margin-top: 2em;
}
.container-header
{
    position: relative;
}
@media(max-width: 767.98px)
{
    .container-header
    {
        position: relative!important;
    }
}
.container-header header
{
    margin: 0 auto;
}
.container-header .navbar-toggler
{
    padding: .0715rem 1.0715rem;
    height: 3.6rem;
}
.container-header .navbar-toggler.icon-search
{
    padding-top: .1rem;
}
.container-header .navbar-toggler.waplanguage img
{
    position: relative;
    margin: -.3rem 0 0;
}
.container-header .navbar
{
    min-height: 1rem;
    border-radius: 0;
}
@media(max-width: 767.98px)
{
    .container-header .navbar
    {
        min-height: inherit;
    }
}
.container-header .navbar>.container .navbar-collapse, .container-header .navbar>.container-fluid .navbar-collapse
{
    flex: 1 1 auto;
    padding: 0;
}
@media(max-width: 767.98px)
{
    .container-header .navbar>.container .navbar-header, .container-header .navbar>.container-fluid .navbar-header
    {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative;
    }
    .container-header .navbar>.container .navbar-header button, .container-header .navbar>.container-fluid .navbar-header button
    {
        margin-right: -1.0715rem;
    }
    .container-header .navbar>.container .navbar-collapse, .container-header .navbar>.container-fluid .navbar-collapse
    {
        width: 100%;
        padding: 0;
    }
}
.container-header .navbar-brand
{
    position: relative;
    display: inline-block;
    padding: 0;
    margin-right: auto;
    font-size: 2rem;
    color: #fff;
    height: auto;
    margin-left: 0!important;
}
[dir=rtl] .container-header .navbar-brand
{
    margin-right: 0;
    margin-left: auto;
}
.container-header .navbar-brand img
{
    max-height: 50px;
}
.container-header .navbar-brand a
{
    color: #fff;
    padding: .6rem 0;
}
.container-header .navbar-brand:focus, .container-header .navbar-brand:hover
{
    color: #f0f0f0;
}
@media(max-width: 767.98px)
{
    .container-header .navbar-brand
    {
        position: absolute;
    }
}
.icon-white
{
    color: #fff;
}
.input-group-text::before
{
    min-width: 16px;
}
.tbody-icon
{
    padding: 0 3px;
    text-align: center;
    background-color: transparent;
    border: 0;
}
.tbody-icon [class*=" fa-"], .tbody-icon [class*=" icon-"], .tbody-icon [class^=fa-], .tbody-icon [class^=icon-]
{
    width: 26px;
    height: 26px;
    font-size: 1.1rem;
    line-height: 22px;
    color: #ced4da;
    border: 2px solid var(--border);
    border-radius: 50%;
}
.tbody-icon .fa-check, .tbody-icon .icon-check, .tbody-icon .icon-publish
{
    color: #448344;
    border-color: #448344;
}
.tbody-icon .fa-lock, .tbody-icon .icon-checkedout, .tbody-icon .icon-lock
{
    width: auto;
    height: auto;
    font-size: 1.2rem;
    line-height: 1rem;
    color: #484f56;
    border: 0;
}
.tbody-icon.color-featured-disabled, .tbody-icon.fa-star-disabled, .tbody-icon.featured-disabled, .tbody-icon.home-disabled, .tbody-icon.icon-star-disabled
{
    cursor: not-allowed;
    opacity: 1;
}
.tbody-icon .fa-delete, .tbody-icon .fa-times, .tbody-icon .icon-delete, .tbody-icon .icon-times
{
    color: #a51f18;
    border-color: #a51f18;
}
[dir=ltr] .plg_system_webauthn_login_button svg
{
    margin-right: 2px;
}
[dir=rtl] .plg_system_webauthn_login_button svg
{
    margin-left: 2px;
}
.plg_system_webauthn_login_button svg path
{
    fill: var(--black);
}
iframe
{
    border: 0;
}
.modal iframe
{
    width: 100%;
}
.modal .btn
{
    margin-right: .5rem;
}
.modal .btn-primary:not([href]), .modal .btn-success:not([href])
{
    color: #fff;
}
.modal .btn-primary:not([href]):hover, .modal .btn-success:not([href]):hover
{
    color: #fff;
}
.modal-header
{
    padding: 0 15px;
}
.modal-header .close
{
    width: 3rem;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 3rem;
}
[dir=ltr] .modal-header .close
{
    margin-right: -15px;
    border-left: 1px solid #dfe3e7;
}
[dir=rtl] .modal-header .close
{
    margin-left: -15px;
    border-right: 1px solid #dfe3e7;
}
.modal-title
{
    font-weight: var(--ecblank-font-weight-normal,400);
    line-height: 3rem;
}
.contentpane
{
    padding: 15px;
}
.container-popup .mb-3
{
    margin: 1rem;
}
.container-popup .form-select
{
    width: auto;
}
html
{
    font-size: 14px;
    font-family: Arial,Roboto,sans-serif,tahoma,"microsoft yahei";
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    font-family: Arial,Roboto,sans-serif,tahoma,"microsoft yahei";
}
body
{
    padding: 0;
    margin: 0;
    line-height: 1.8;
    background: #fff;
    min-width: 320px;
    font-family: Arial,Roboto,sans-serif,tahoma,"microsoft yahei";
}
strong
{
    font-weight: 700;
}
img, video
{
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: 700;
}
p
{
    margin: 0 0 .8rem 0;
}
@media(max-width: 575.98px)
{
    p
    {
        margin: 0 0 .5rem 0;
    }
}
.small, small
{
    font-size: .875rem;
}
dd
{
    margin-bottom: 0;
}
a
{
    color: #323232;
    text-decoration: inherit!important;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
}
a:hover
{
    color: var(--hovercolor);
}
img[data-original]:not([src]), img[data-original][src=""]
{
    visibility: hidden;
}
.hidden, .hide
{
    display: none!important;
}
.clear
{
    clear: both;
}
.float-right
{
    float: right;
}
.float-left
{
    float: left;
}
.container-index .eclayout
{
    overflow: hidden;
}
.container, .container-fluid
{
    padding-right: 1rem;
    padding-left: 1rem;
}
.row
{
    margin-left: -1rem;
    margin-right: -1rem;
}
@media(max-width: 991.98px)
{
    .row
    {
        margin-left: -.65rem;
        margin-right: -.65rem;
    }
}
@media(max-width: 575.98px)
{
    .row
    {
        margin-left: -.35rem;
        margin-right: -.35rem;
    }
}
ecoui-alert
{
    display: none;
}
.slick-next, .slick-prev
{
    line-height: 1!important;
}
.slick-next i, .slick-prev i
{
    line-height: 1;
    display: block;
}
.row>[class*=col-]
{
    padding-left: 1rem;
    padding-right: 1rem;
}
@media(max-width: 991.98px)
{
    .row>[class*=col-]
    {
        padding-left: .65rem;
        padding-right: .65rem;
    }
}
@media(max-width: 575.98px)
{
    .row>[class*=col-]
    {
        padding-left: .35rem;
        padding-right: .35rem;
    }
}
.blocks, [class*=blocks-]
{
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    flex-wrap: wrap;
}
@media(max-width: 991.98px)
{
    .blocks, [class*=blocks-]
    {
        margin-left: -.65rem;
        margin-right: -.65rem;
    }
}
@media(max-width: 575.98px)
{
    .blocks, [class*=blocks-]
    {
        margin-left: -.35rem;
        margin-right: -.35rem;
    }
}
.blocks-xs-7>.block, .blocks-xs-7>li
{
    width: 14.285%;
}
.blocks-xs-8>.block, .blocks-xs-8>li
{
    width: 12.5%;
}
.blocks-xs-9>.block, .blocks-xs-9>li
{
    width: 11.1111%;
}
.blocks-xs-10>.block, .blocks-xs-10>li
{
    width: 10%;
}
.blocks-xs-11>.block, .blocks-xs-11>li
{
    width: 9.0909%;
}
.blocks-xs-12>li, .blocks-xs-712>.block
{
    width: 8.333%;
}
@media(max-width: 575.98px)
{
    .blocks-sm-7>.block, .blocks-sm-7>li
    {
        width: 14.285%;
    }
    .blocks-sm-8>.block, .blocks-sm-8>li
    {
        width: 12.5%;
    }
    .blocks-sm-9>.block, .blocks-sm-9>li
    {
        width: 11.1111%;
    }
    .blocks-sm-10>.block, .blocks-sm-10>li
    {
        width: 10%;
    }
    .blocks-sm-11>.block, .blocks-sm-11>li
    {
        width: 9.0909%;
    }
    .blocks-sm-12>li, .blocks-sm-712>.block
    {
        width: 8.333%;
    }
}
@media(max-width: 767.98px)
{
    .blocks-md-7>.block, .blocks-md-7>li
    {
        width: 14.285%;
    }
    .blocks-md-8>.block, .blocks-md-8>li
    {
        width: 12.5%;
    }
    .blocks-md-9>.block, .blocks-md-9>li
    {
        width: 11.1111%;
    }
    .blocks-md-10>.block, .blocks-md-10>li
    {
        width: 10%;
    }
    .blocks-md-11>.block, .blocks-md-11>li
    {
        width: 9.0909%;
    }
    .blocks-md-12>li, .blocks-md-712>.block
    {
        width: 8.333%;
    }
}
@media(max-width: 991.98px)
{
    .blocks-lg-7>.block, .blocks-lg-7>li
    {
        width: 14.285%;
    }
    .blocks-lg-8>.block, .blocks-lg-8>li
    {
        width: 12.5%;
    }
    .blocks-lg-9>.block, .blocks-lg-9>li
    {
        width: 11.1111%;
    }
    .blocks-lg-10>.block, .blocks-lg-10>li
    {
        width: 10%;
    }
    .blocks-lg-11>.block, .blocks-lg-11>li
    {
        width: 9.0909%;
    }
    .blocks-lg-12>li, .blocks-lg-712>.block
    {
        width: 8.333%;
    }
}
@media(max-width: 1199.98px)
{
    .blocks-xl-7>.block, .blocks-xl-7>li
    {
        width: 14.285%;
    }
    .blocks-xl-8>.block, .blocks-xl-8>li
    {
        width: 12.5%;
    }
    .blocks-xl-9>.block, .blocks-xl-9>li
    {
        width: 11.1111%;
    }
    .blocks-xl-10>.block, .blocks-xl-10>li
    {
        width: 10%;
    }
    .blocks-xl-11>.block, .blocks-xl-11>li
    {
        width: 9.0909%;
    }
    .blocks-xl-12>li, .blocks-xl-712>.block
    {
        width: 8.333%;
    }
}
@media(min-width: 1600px)
{
    .blocks-xxl-7>.block, .blocks-xxl-7>li
    {
        width: 14.285%;
    }
    .blocks-xxl-8>.block, .blocks-xxl-8>li
    {
        width: 12.5%;
    }
    .blocks-xxl-9>.block, .blocks-xxl-9>li
    {
        width: 11.1111%;
    }
    .blocks-xxl-10>.block, .blocks-xxl-10>li
    {
        width: 10%;
    }
    .blocks-xxl-11>.block, .blocks-xxl-11>li
    {
        width: 9.0909%;
    }
    .blocks-xxl-12>li, .blocks-xxl-712>.block
    {
        width: 14.285%;
    }
}
.blocks>.block, [class*=blocks-]>.block, [class*=blocks-]>li
{
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media(max-width: 991.98px)
{
    .blocks>.block, [class*=blocks-]>.block, [class*=blocks-]>li
    {
        margin-bottom: 1.3rem;
        padding-left: .65rem;
        padding-right: .65rem;
    }
}
@media(max-width: 575.98px)
{
    .blocks>.block, [class*=blocks-]>.block, [class*=blocks-]>li
    {
        margin-bottom: .7rem;
        padding-left: .35rem;
        padding-right: .35rem;
    }
}
.form-control::-webkit-input-placeholder
{
    opacity: 1;
    color: #a3afb7!important;
    font-weight: 400;
}
.form-control::-moz-placeholder
{
    opacity: 1;
    color: #a3afb7!important;
    font-weight: 400;
}
.form-control:-ms-input-placeholder
{
    opacity: 1;
    color: #a3afb7!important;
    font-weight: 400;
}
.form-control::placeholder
{
    opacity: 1;
    color: #a3afb7!important;
    font-weight: 400;
}
.pd-details .pagination .page-item
{
    float: none;
}
.table-striped>tbody>tr:nth-of-type(odd)
{
    --bs-table-accent-bg: #fff;
}
.table-hover>tbody>tr:hover
{
    background-color: #f3f7f9;
}
.pagination
{
    display: inline-block;
}
.pagination .page-item
{
    float: left;
}
.pagination .page-item .page-link
{
    background: #f0f0f0;
    border: 0;
    border-radius: 0;
    color: #666;
    margin: 2px;
    line-height: 40px;
    padding: 0 15px;
    height: 40px;
    min-width: 40px;
    text-align: center;
    font-size: 16px;
}
.pagination .page-item .page-link:hover
{
    background-color: var(--hovercolor);
    border-color: var(--hovercolor);
    color: #fff;
}
.pagination .page-item.disabled .page-link
{
    color: #636366;
    background: #f2f2f7;
}
.pagination .page-item.active .page-link
{
    background-color: var(--hovercolor);
    border-color: var(--hovercolor);
    color: #fff;
}
@media(max-width: 1199.98px)
{
    .pagination .page-item .page-link
    {
        margin: 2px;
        line-height: 34px;
        padding: 0 10px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }
}
@media(max-width: 767.98px)
{
    .pagination .page-item .page-link
    {
        margin: 2px;
        line-height: 34px;
        padding: 0 10px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }
}
.fa, .fas, [class*=" icon-"], [class^=icon-]
{
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}
.dropdown-item.active, .dropdown-item:active
{
    background-color: #e9ecef;
}
.bg-white
{
    color: #2a333c;
    background-color: #fff;
}
.pd-pagination .page-item .page-div
{
    max-width: 100%;
    overflow: hidden;
}
.pd-pagination .page-item .page-div .page-link
{
    margin: 0;
}
.about-html
{
    height: 100%;
    overflow: hidden;
}
.modal-open .modal#popup-about
{
    overflow-x: hidden;
    overflow-y: hidden;
}
.modal#popup-about
{
    padding: 0!important;
    text-align: center;
    z-index: 1802;
    background: rgba(0,0,0,.6);
}
.modal#popup-about .modal-dialog
{
    pointer-events: inherit;
    outline: 0;
    width: auto;
    padding: 30px;
    margin: 0;
}
.modal#popup-about .close
{
    position: absolute;
    top: 20px;
    right: 20px;
    border: 0;
    outline: 0;
    opacity: 1;
    color: #fff;
    background: 0 0;
    transform: rotate(0);
    transition: all .5s;
    cursor: pointer;
}
.modal#popup-about .close i
{
    font-size: 24px;
}
.modal#popup-about .close:hover
{
    transform: rotate(180deg);
}
.webui-popover-content
{
    padding: 0!important;
}
.swiper-container .nav-tabs
{
    flex-wrap: inherit;
    margin-bottom: .8rem!important;
}
.swiper-container .nav-tabs .swiper-slide
{
    width: auto;
}
.swiper-container .swiper-scrollbar-drag
{
    background: rgba(0,0,0,.15);
}
.swiper-container.swiper-container-horizontal>.swiper-scrollbar
{
    height: 3px;
}
.alertify-logs
{
    top: 48%;
    bottom: auto!important;
    z-index: 1701!important;
}
.ulstyle
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.vertical-align-bottom, .vertical-align-middle
{
    width: 100%;
}
.item-page.p-15, .pd-wrapper.p-15
{
    padding: 2rem!important;
}
@media(max-width: 767.98px)
{
    .item-page.p-15, .pd-wrapper.p-15
    {
        padding: .8rem!important;
    }
}
.pd-details
{
    font-size: 1.15rem;
    line-heght: 1.8;
}
@media(max-width: 767.98px)
{
    .pd-details
    {
        font-size: 1rem;
    }
}
.ecform-article .container
{
    max-width: 800px;
}
.ecform-article .ecform-article-body
{
    width: 100%;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
@media(max-width: 575.98px)
{
    .ecform-article
    {
        padding: 10px;
    }
    .ecform-article .ecform-article-body
    {
        padding: 10px;
    }
}
.message-container
{
    display: none;
}
.message-container::before
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}
.message-container ecoui-alert
{
    max-width: 100%;
    font-size: 1rem;
    vertical-align: middle;
    min-width: 200px;
    padding: .8rem 1.25rem;
}
.alertify-logs.left>.show, .alertify-logs:not(.right)>.show
{
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.form-group .input-search-btn
{
    z-index: 4;
    color: #76838f;
}
.navbar-toolbar .dropdown
{
    overflow: hidden;
}
.navbar-toolbar .dropdown:hover
{
    overflow: inherit;
}
@media(min-width: 768px)
{
    .navbar-right .dropdown-menu.dropdown-twomenu
    {
        right: auto;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}
.lightgallery-white .lg-backdrop, .lightgallery-white .lg-toolbar
{
    background: #fff;
}
.lightgallery-white .lg-actions .lg-icon
{
    padding: 0;
    background: rgba(255,255,255,0);
}
.lightgallery-white .lg-actions .lg-icon::after, .lightgallery-white .lg-actions .lg-icon::before
{
    content: "";
}
.lightgallery-white .lg-actions .lg-icon i
{
    font-size: 1.4rem;
}
.lightgallery-white .lg-sub-html
{
    background: rgba(255,255,255,.7);
}
.lightgallery-white .lg-toolbar.opacity0
{
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.lightgallery-white .lg-outer
{
    z-index: 1650;
    background: #fff;
}
.lightgallery-white .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html
{
    bottom: 84px;
}
.lightgallery-white .lg-outer .lg-thumb-outer, .lightgallery-white .lg-outer .lg-toogle-thumb
{
    background: #fff;
}
.lightgallery-white .lg-outer .lg-thumb-outer
{
    padding: 0 10px;
}
.lightgallery-white .lg-outer .lg-thumb-outer .lg-thumb-item
{
    margin-bottom: 0;
}
.lightgallery-white .lg-outer .lg-thumb-outer .lg-thumb-item.active, .lightgallery-white .lg-outer .lg-thumb-outer .lg-thumb-item:hover
{
    border-color: #62a8ea;
}
.lightgallery-white .lg-actions .lg-next:hover, .lightgallery-white .lg-actions .lg-prev:hover, .lightgallery-white .lg-outer .lg-toogle-thumb:hover, .lightgallery-white .lg-toolbar .lg-icon:hover
{
    color: #2a333c;
}
.lightgallery-white .lg-sub-html
{
    color: #5e7387;
}
.radio-default input[type=radio]:checked+input[type=hidden]+label::after, .radio-default input[type=radio]:checked+label::after, .radio-primary input[type=radio]:checked+input[type=hidden]+label::before, .radio-primary input[type=radio]:checked+label::before
{
    border-color: var(--ecblank-color-primary);
}
.checkbox-primary input[type=checkbox]:checked+input[type=hidden]+label::before, .checkbox-primary input[type=checkbox]:checked+label::before, .checkbox-primary input[type=radio]:checked+input[type=hidden]+label::before, .checkbox-primary input[type=radio]:checked+label::before
{
    background-color: var(--ecblank-color-primary);
    border-color: var(--ecblank-color-primary);
}
.btn-outline.btn-primary
{
    background-color: transparent;
    border-color: var(--ecblank-color-primary);
    color: var(--ecblank-color-primary)!important;
}
.btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover
{
    background-color: var(--ecblank-color-hover);
    border-color: var(--ecblank-color-hover);
    color: #fff!important;
}
[class*=animation-]
{
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animation-slide-top10
{
    -webkit-animation-name: slide-top10;
    animation-name: slide-top10;
}
@-webkit-keyframes slide-top10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-top10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-bottom10
{
    -webkit-animation-name: slide-bottom10;
    animation-name: slide-bottom10;
}
@-webkit-keyframes slide-bottom10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-bottom10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-left10
{
    -webkit-animation-name: slide-left10;
    animation-name: slide-left10;
}
@-webkit-keyframes slide-left10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-left10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-right10
{
    -webkit-animation-name: slide-right10;
    animation-name: slide-right10;
}
@-webkit-keyframes slide-right10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-right10
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-top50
{
    -webkit-animation-name: slide-top50;
    animation-name: slide-top50;
}
@-webkit-keyframes slide-top50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-top50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-bottom50
{
    -webkit-animation-name: slide-bottom50;
    animation-name: slide-bottom50;
}
@-webkit-keyframes slide-bottom50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-bottom50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-left50
{
    -webkit-animation-name: slide-left50;
    animation-name: slide-left50;
}
@-webkit-keyframes slide-left50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-left50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.animation-slide-right50
{
    -webkit-animation-name: slide-right50;
    animation-name: slide-right50;
}
@-webkit-keyframes slide-right50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slide-right50
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.mod-finder__search.input-group
{
    flex-wrap: nowrap;
}
.mod-finder__search.input-group .awesomplete input
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.mod-finder__search.input-group button
{
    display: flex;
    align-items: center;
}
.mod-finder__search.input-group button .icon-search
{
    margin-right: .2em;
}
[dir=rtl] .mod-finder__search.input-group button .icon-search
{
    margin-right: 0;
    margin-left: .2em;
}
.awesomplete>input
{
    max-width: 200px;
}
@media(min-width: 768px)
{
    .awesomplete>input
    {
        max-width: none;
    }
}
.awesomplete>ul
{
    z-index: 1000!important;
}
.chosen-container.chosen-container-single
{
    max-width: 100%;
    font-size: 1rem;
}
.chosen-container.chosen-container-single .chosen-single
{
    display: inline-block;
    height: calc(1.5em + (1.2rem + 2px));
    padding: .81rem 4rem .81rem 1rem;
    line-height: 1.5;
    color: #22262a;
    vertical-align: middle;
    background: #eaedf0 url(../image/select-bg.svg) no-repeat right 1rem center;
    background-size: 116rem;
    border: 1px solid #ced4da;
    box-shadow: none;
    appearance: none;
    border-radius: .25rem;
}
.chosen-container.chosen-container-single .chosen-single abbr
{
    top: 10px;
}
.chosen-container.chosen-container-single .chosen-single:focus
{
    border-color: #8894aa;
    outline: 0;
}
.chosen-container.chosen-container-single .chosen-single:disabled
{
    cursor: not-allowed;
    background-color: #eaedf0;
}
.chosen-container.chosen-container-single .chosen-single div b
{
    background: 0 0!important;
}
.chosen-container.chosen-container-single .chosen-drop
{
    background: #fff;
    border: 1px solid #ced4da;
}
.chosen-container.chosen-container-single .chosen-results li
{
    line-height: calc(1rem + .3rem);
}
.chosen-container.chosen-container-single.chosen-container-active .chosen-single
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.chosen-container.chosen-container-multi .chosen-choices
{
    max-width: 100%;
    min-height: calc(1.5em + (1.2rem + 2px));
    font-size: 1rem;
    line-height: 1.5;
    background-image: #fff;
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice
{
    padding: 5px 33px 5px 10px;
    color: #fff;
    background: var(--primary);
    border: 0;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1);
    border-radius: .25rem;
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close
{
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: rgba(0,0,0,.2);
    background-image: none!important;
}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before
{
    position: absolute;
    top: 6px;
    right: 5px;
    font-size: 1rem;
    color: #fff;
    content: "×";
}
.chosen-container-active.chosen-with-drop .chosen-single
{
    box-shadow: none;
}
.chosen-container-single
{
    width: auto!important;
}
.card .chosen-container.chosen-container-single
{
    width: 100%!important;
}
.card .chosen-container.chosen-container-single .chosen-single
{
    width: 100%!important;
}
.gu-mirror
{
    position: fixed!important;
    z-index: 9999!important;
    margin: 0!important;
    background-color: #91ee91;
    opacity: .8;
}
.gu-mirror.table
{
    display: table;
}
.gu-mirror.table td
{
    display: table-cell;
}
.minicolors-theme-bootstrap .minicolors-input
{
    width: 120px;
}
.minicolors-theme-bootstrap .rgb
{
    width: 175px;
}
.minicolors-theme-bootstrap .rgba
{
    width: 220px;
}
.editor .toggle-editor
{
    margin-top: 1rem;
}
.editor .mce-tinymce
{
    border: 1px solid #dfe3e7;
    border-radius: .25rem;
}
.editor .mce-btn, .editor .mce-panel
{
    background: #f9fafb;
}
.tox
{
    white-space: nowrap!important;
}
.site_ecusers .container-inner
{
    background: #f5f5f5;
}
.chzn-container-single
{
    width: auto!important;
}
.chzn-container-multi
{
    width: 100%!important;
    max-width: 240px;
}
ecoui-alert
{
    --jui-alert-min-width: 250px;
    --jui-alert-padding: .5rem 1.25rem;
    --jui-alert-margin: 0 0 1rem 0;
    --jui-alert-border: 1px solid transparent;
    --jui-alert-border-radius: .25rem;
    --jui-alert-animation-duration: .5s;
    --jui-alert-animation-timing-function: ease-in-out;
    --jui-alert-button-color-dark: #000;
    --jui-alert-button-color-light: #fff;
    --jui-alert-success-color: #234423;
    --jui-alert-success-background-color: #d9e6d9;
    --jui-alert-success-border-color: #cadcca;
    --jui-alert-success-link-color: #122212;
    --jui-alert-info-color: #0c5460;
    --jui-alert-info-background-color: #d1ecf1;
    --jui-alert-info-border-color: #bee5eb;
    --jui-alert-info-link-color: #062c33;
    --jui-alert-warning-color: #7d5a29;
    --jui-alert-warning-background-color: #fcefdc;
    --jui-alert-warning-border-color: #fbe8cd;
    --jui-alert-warning-link-color: #573e1c;
    --jui-alert-danger-color: #712b29;
    --jui-alert-danger-background-color: #f7dddc;
    --jui-alert-danger-border-color: #f4cfce;
    --jui-alert-danger-link-color: #4c1d1b;
    -webkit-animation-duration: var(--jui-alert-animation-duration,.5s);
    animation-duration: var(--jui-alert-animation-duration,.5s);
    -webkit-animation-timing-function: var(--jui-alert-animation-timing-function,ease-in-out);
    animation-timing-function: var(--jui-alert-animation-timing-function,ease-in-out);
    border: var(--jui-alert-border,1px solid transparent);
    border-radius: var(--jui-alert-border-radius,.25rem);
    display: block;
    margin: var(--jui-alert-margin,0 0 1rem 0);
    min-width: var(--jui-alert-min-width,250px);
    padding: var(--jui-alert-padding,.5rem 1.25rem);
}
ecoui-alert .ecoui-alert--close
{
    background: transparent;
    border: 0;
    color: var(--jui-alert-button-color-dark,#000);
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    padding: .2rem 1rem;
    position: relative;
    right: -1.25rem;
    text-shadow: 0 1px 0 var(--jui-alert-button-color-light,#fff);
    top: -.5rem;
}
ecoui-alert .ecoui-alert--close:focus, ecoui-alert .ecoui-alert--close:hover
{
    color: var(--jui-alert-button-color-dark,#000);
    cursor: pointer;
    opacity: .75;
    text-decoration: none;
}
ecoui-alert[type=success]
{
    background-color: var(--jui-alert-success-background-color,#d9e6d9);
    border-color: var(--jui-alert-success-border-color,#cadcca);
    color: var(--jui-alert-success-color,#234423);
}
ecoui-alert[type=success] hr
{
    border-top-color: var(--jui-alert-success-border-color,#cadcca);
}
ecoui-alert[type=success] .alert-link
{
    color: var(--jui-alert-success-link-color,#122212);
}
ecoui-alert[type=info]
{
    background-color: var(--jui-alert-info-background-color,#d1ecf1);
    border-color: var(--jui-alert-info-border-color,#bee5eb);
    color: var(--jui-alert-info-color,#0c5460);
}
ecoui-alert[type=info] hr
{
    border-top-color: var(--jui-alert-info-border-color,#bee5eb);
}
ecoui-alert[type=info] .alert-link
{
    color: var(--jui-alert-info-link-color,#062c33);
}
ecoui-alert[type=warning]
{
    background-color: var(--jui-alert-warning-background-color,#fcefdc);
    border-color: var(--jui-alert-warning-border-color,#fbe8cd);
    color: var(--jui-alert-warning-color,#7d5a29);
}
ecoui-alert[type=warning] hr
{
    border-top-color: var(--jui-alert-warning-border-color,#fbe8cd);
}
ecoui-alert[type=warning] .alert-link
{
    color: var(--jui-alert-warning-link-color,#573e1c);
}
ecoui-alert[type=danger]
{
    background-color: var(--jui-alert-danger-background-color,#f7dddc);
    border-color: var(--jui-alert-danger-border-color,#f4cfce);
    color: var(--jui-alert-danger-color,#712b29);
}
ecoui-alert[type=danger] hr
{
    border-top-color: var(--jui-alert-danger-border-color,#f4cfce);
}
ecoui-alert[type=danger] .alert-link
{
    color: var(--jui-alert-danger-link-color,#4c1d1b);
}
html[dir=rtl] ecoui-alert .ecoui-alert--close, html[dir=rtl] ecoui-alert .ecoui-alert-button--close
{
    float: left;
    left: -1.25rem;
    right: auto;
}
@-webkit-keyframes ecoui-alert-fade-in
{
    0%
    {
        opacity: 0;
    }
}
@keyframes ecoui-alert-fade-in
{
    0%
    {
        opacity: 0;
    }
}
@-webkit-keyframes ecoui-alert-fade-out
{
    0%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes ecoui-alert-fade-out
{
    0%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@media(prefers-reduced-motion: reduce)
{
    ecoui-alert
    {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
    }
}
@font-face
{
    font-family: "Web Icons";
    src: url(../font/web-icons.eot?);
    src: url(../font/web-icons.eot?) format("embedded-opentype"),url(../font/web-icons.woff2) format("woff2"),url(../font/web-icons.woff) format("woff"),url(../font/web-icons.ttf) format("truetype"),url(../font/web-icons.svg) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" wb-"], [class^=wb-]
{
    font-family: "Web Icons";
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    text-rendering: auto;
}
.wb-dashboard:before
{
    content: "";
}
.wb-inbox:before
{
    content: "";
}
.wb-cloud:before
{
    content: "";
}
.wb-bell:before
{
    content: "";
}
.wb-book:before
{
    content: "";
}
.wb-bookmark:before
{
    content: "";
}
.wb-tag:before
{
    content: "";
}
.wb-library:before
{
    content: "";
}
.wb-share:before
{
    content: "";
}
.wb-reply:before
{
    content: "";
}
.wb-refresh:before
{
    content: "";
}
.wb-move:before
{
    content: "";
}
.wb-chat:before
{
    content: "";
}
.wb-chat-working:before
{
    content: "";
}
.wb-chat-text:before
{
    content: "";
}
.wb-chat-group:before
{
    content: "";
}
.wb-envelope:before
{
    content: "";
}
.wb-envelope-open:before
{
    content: "";
}
.wb-user:before
{
    content: "";
}
.wb-user-circle:before
{
    content: "";
}
.wb-users:before
{
    content: "";
}
.wb-user-add:before
{
    content: "";
}
.wb-grid-9:before
{
    content: "";
}
.wb-grid-4:before
{
    content: "";
}
.wb-menu:before
{
    content: "";
}
.wb-layout:before
{
    content: "";
}
.wb-fullscreen:before
{
    content: "";
}
.wb-fullscreen-exit:before
{
    content: "";
}
.wb-expand:before
{
    content: "";
}
.wb-contract:before
{
    content: "";
}
.wb-arrow-expand:before
{
    content: "";
}
.wb-arrow-shrink:before
{
    content: "";
}
.wb-desktop:before
{
    content: "";
}
.wb-mobile:before
{
    content: "";
}
.wb-signal:before
{
    content: "";
}
.wb-power:before
{
    content: "";
}
.wb-more-horizontal:before
{
    content: "";
}
.wb-more-vertical:before
{
    content: "";
}
.wb-globe:before
{
    content: "";
}
.wb-map:before
{
    content: "";
}
.wb-flag:before
{
    content: "";
}
.wb-pie-chart:before
{
    content: "";
}
.wb-stats-bars:before
{
    content: "";
}
.wb-pluse:before
{
    content: "";
}
.wb-home:before
{
    content: "";
}
.wb-shopping-cart:before
{
    content: "";
}
.wb-payment:before
{
    content: "";
}
.wb-briefcase:before
{
    content: "";
}
.wb-search:before
{
    content: "";
}
.wb-zoom-in:before
{
    content: "";
}
.wb-zoom-out:before
{
    content: "";
}
.wb-download:before
{
    content: "";
}
.wb-upload:before
{
    content: "";
}
.wb-sort-asc:before
{
    content: "";
}
.wb-sort-des:before
{
    content: "";
}
.wb-graph-up:before
{
    content: "";
}
.wb-graph-down:before
{
    content: "";
}
.wb-replay:before
{
    content: "";
}
.wb-edit:before
{
    content: "";
}
.wb-pencil:before
{
    content: "";
}
.wb-rubber:before
{
    content: "";
}
.wb-crop:before
{
    content: "";
}
.wb-eye:before
{
    content: "";
}
.wb-eye-close:before
{
    content: "";
}
.wb-image:before
{
    content: "";
}
.wb-gallery:before
{
    content: "";
}
.wb-video:before
{
    content: "";
}
.wb-camera:before
{
    content: "";
}
.wb-folder:before
{
    content: "";
}
.wb-clipboard:before
{
    content: "";
}
.wb-order:before
{
    content: "";
}
.wb-file:before
{
    content: "";
}
.wb-copy:before
{
    content: "";
}
.wb-add-file:before
{
    content: "";
}
.wb-print:before
{
    content: "";
}
.wb-calendar:before
{
    content: "";
}
.wb-time:before
{
    content: "";
}
.wb-trash:before
{
    content: "";
}
.wb-plugin:before
{
    content: "";
}
.wb-extension:before
{
    content: "";
}
.wb-memory:before
{
    content: "";
}
.wb-settings:before
{
    content: "";
}
.wb-scissor:before
{
    content: "";
}
.wb-wrench:before
{
    content: "";
}
.wb-hammer:before
{
    content: "";
}
.wb-lock:before
{
    content: "";
}
.wb-unlock:before
{
    content: "";
}
.wb-volume-low:before
{
    content: "";
}
.wb-volume-high:before
{
    content: "";
}
.wb-volume-off:before
{
    content: "";
}
.wb-pause:before
{
    content: "";
}
.wb-play:before
{
    content: "";
}
.wb-stop:before
{
    content: "";
}
.wb-musical:before
{
    content: "";
}
.wb-random:before
{
    content: "";
}
.wb-reload:before
{
    content: "";
}
.wb-loop:before
{
    content: "";
}
.wb-text:before
{
    content: "";
}
.wb-bold:before
{
    content: "";
}
.wb-italic:before
{
    content: "";
}
.wb-underline:before
{
    content: "";
}
.wb-format-clear:before
{
    content: "";
}
.wb-text-type:before
{
    content: "";
}
.wb-table:before
{
    content: "";
}
.wb-attach-file:before
{
    content: "";
}
.wb-paperclip:before
{
    content: "";
}
.wb-link-intact:before
{
    content: "";
}
.wb-link:before
{
    content: "";
}
.wb-link-broken:before
{
    content: "";
}
.wb-indent-increase:before
{
    content: "";
}
.wb-indent-decrease:before
{
    content: "";
}
.wb-align-justify:before
{
    content: "";
}
.wb-align-left:before
{
    content: "";
}
.wb-align-center:before
{
    content: "";
}
.wb-align-right:before
{
    content: "";
}
.wb-list-numbered:before
{
    content: "";
}
.wb-list-bulleted:before
{
    content: "";
}
.wb-list:before
{
    content: "";
}
.wb-emoticon:before
{
    content: "";
}
.wb-quote-right:before
{
    content: "";
}
.wb-code:before
{
    content: "";
}
.wb-code-working:before
{
    content: "";
}
.wb-code-unfold:before
{
    content: "";
}
.wb-chevron-right:before
{
    content: "";
}
.wb-chevron-left:before
{
    content: "";
}
.wb-chevron-left-mini:before
{
    content: "";
}
.wb-chevron-right-mini:before
{
    content: "";
}
.wb-chevron-up:before
{
    content: "";
}
.wb-chevron-down:before
{
    content: "";
}
.wb-chevron-up-mini:before
{
    content: "";
}
.wb-chevron-down-mini:before
{
    content: "";
}
.wb-arrow-left:before
{
    content: "";
}
.wb-arrow-right:before
{
    content: "";
}
.wb-arrow-up:before
{
    content: "";
}
.wb-arrow-down:before
{
    content: "";
}
.wb-dropdown:before
{
    content: "";
}
.wb-dropup:before
{
    content: "";
}
.wb-dropright:before
{
    content: "";
}
.wb-dropleft:before
{
    content: "";
}
.wb-sort-vertical:before
{
    content: "";
}
.wb-triangle-left:before
{
    content: "";
}
.wb-triangle-right:before
{
    content: "";
}
.wb-triangle-down:before
{
    content: "";
}
.wb-triangle-up:before
{
    content: "";
}
.wb-check-circle:before
{
    content: "";
}
.wb-check:before
{
    content: "";
}
.wb-check-mini:before
{
    content: "";
}
.wb-close:before
{
    content: "";
}
.wb-close-mini:before
{
    content: "";
}
.wb-plus-circle:before
{
    content: "";
}
.wb-plus:before
{
    content: "";
}
.wb-minus-circle:before
{
    content: "";
}
.wb-minus:before
{
    content: "";
}
.wb-alert-circle:before
{
    content: "";
}
.wb-alert:before
{
    content: "";
}
.wb-help-circle:before
{
    content: "";
}
.wb-help:before
{
    content: "";
}
.wb-info-circle:before
{
    content: "";
}
.wb-info:before
{
    content: "";
}
.wb-warning:before
{
    content: "";
}
.wb-heart:before
{
    content: "";
}
.wb-heart-outline:before
{
    content: "";
}
.wb-star:before
{
    content: "";
}
.wb-star-half:before
{
    content: "";
}
.wb-star-outline:before
{
    content: "";
}
.wb-thumb-up:before
{
    content: "";
}
.wb-thumb-down:before
{
    content: "";
}
.wb-small-point:before
{
    content: "";
}
.wb-medium-point:before
{
    content: "";
}
.wb-large-point:before
{
    content: "";
}
@font-face
{
    font-family: iconfont;
    src: url(../font/iconfont-1630641959985.woff2) format('woff2'),url(../font/iconfont-1630641959985.woff) format('woff'),url(../font/iconfont-1630641959985.ttf) format('truetype');
}
.iconfont
{
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-dianhua3:before
{
    content: "";
}
.icon-bofang1:before
{
    content: "";
}
.icon-bofang2:before
{
    content: "";
}
.icon-douyin:before
{
    content: "";
}
.icon-douyinhao:before
{
    content: "";
}
.icon-shipinhao:before
{
    content: "";
}
.icon-shipinhao1:before
{
    content: "";
}
.icon-2:before
{
    content: "";
}
.icon-caidan:before
{
    content: "";
}
.icon-shangpinguanli:before
{
    content: "";
}
.icon-dizhi_:before
{
    content: "";
}
.icon-dianhua2:before
{
    content: "";
}
.icon-dianhua1:before
{
    content: "";
}
.icon-tel1:before
{
    content: "";
}
.icon-fax:before
{
    content: "";
}
.icon-xiangxiajiantou:before
{
    content: "";
}
.icon-dingbu:before
{
    content: "";
}
.icon-changjiantou:before
{
    content: "";
}
.icon-close:before
{
    content: "";
}
.icon-left-double-arrow:before
{
    content: "";
}
.icon-search:before
{
    content: "";
}
.icon-arr-left:before
{
    content: "";
}
.icon-google:before
{
    content: "";
}
.icon-weixin:before
{
    content: "";
}
.icon-qq:before
{
    content: "";
}
.icon-weibo:before
{
    content: "";
}
.icon-twitter:before
{
    content: "";
}
.icon-pinterest:before
{
    content: "";
}
.icon-instagram:before
{
    content: "";
}
.icon-linkedin:before
{
    content: "";
}
.icon-facebook:before
{
    content: "";
}
.icon-arrow-down:before
{
    content: "";
}
.icon-sandian:before
{
    content: "";
}
.icon-youtube:before
{
    content: "";
}
.icon-fangdajing:before
{
    content: "";
}
.icon-tel:before
{
    content: "";
}
.icon-dui:before
{
    content: "";
}
.icon-youxiang:before
{
    content: "";
}
.icon-dianhua:before
{
    content: "";
}
.icon-dizhi:before
{
    content: "";
}
.icon-time:before
{
    content: "";
}
.icon-ziliaoku:before
{
    content: "";
}
.icon-mp-dalei:before
{
    content: "";
}
.icon-a800:before
{
    content: "";
}
.icon-xinxi:before
{
    content: "";
}
.icon-sudu_speed:before
{
    content: "";
}
.icon-shouye:before
{
    content: "";
}
.icon-chakan:before
{
    content: "";
}
.icon-jia:before
{
    content: "";
}
.icon-wxbsousuotuiguang:before
{
    content: "";
}
.icon-md-shijian:before
{
    content: "";
}
.icon-rencai:before
{
    content: "";
}
.icon-guanyu:before
{
    content: "";
}
.icon-back:before
{
    content: "";
}
.icon-renyuan:before
{
    content: "";
}
.icon-ren:before
{
    content: "";
}
.icon-xihuan-copy:before
{
    content: "";
}
.icon-denglu:before
{
    content: "";
}
.icon-shoucang:before
{
    content: "";
}
.icon-fenxiang1:before
{
    content: "";
}
.icon-liuyan:before
{
    content: "";
}
.icon-zhuanrenfuwuic:before
{
    content: "";
}
.icon-shezhi:before
{
    content: "";
}
.icon-shoucang1:before
{
    content: "";
}
.icon-biaodanliebiao:before
{
    content: "";
}
.icon-guanbi:before
{
    content: "";
}
.icon-bofang:before
{
    content: "";
}
.icon-prev:before
{
    content: "";
}
.icon-next:before
{
    content: "";
}
.icon-message0:before
{
    content: "";
}
.icon-message2:before
{
    content: "";
}
.icon-guangbo:before
{
    content: "";
}
.icon-message4:before
{
    content: "";
}
.icon-message1:before
{
    content: "";
}
.icon-message3:before
{
    content: "";
}
.icon-guanjiaowangtubiao17:before
{
    content: "";
}
.icon-shouji:before
{
    content: "";
}
.icon-shimingrenzheng:before
{
    content: "";
}
.icon-wode-zhanghaorenzheng:before
{
    content: "";
}
.icon-css:before
{
    content: "";
}
.icon-CSS:before
{
    content: "";
}
.icon-daoru:before
{
    content: "";
}
.icon-liulan:before
{
    content: "";
}
.icon-shujubeifenhuifu:before
{
    content: "";
}
.icon-html:before
{
    content: "";
}
.icon-shujuku:before
{
    content: "";
}
@font-face
{
    font-family: te-iconfont;
    src: url(../font/iconfont-1641975533990.woff2) format('woff2'),url(../font/iconfont-1641975533990.woff) format('woff'),url(../font/iconfont-1641975533990.ttf) format('truetype');
}
.te-iconfont
{
    font-family: te-iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-wuliu:before
{
    content: "";
}
.icon-qiandinghetong:before
{
    content: "";
}
.icon-dayangzhihang:before
{
    content: "";
}
.icon-goutong_off:before
{
    content: "";
}
.icon-shejishi:before
{
    content: "";
}
.icon-pinzhi:before
{
    content: "";
}
.icon--shengchanzuoye:before
{
    content: "";
}
.icon-shouhougenzong1:before
{
    content: "";
}
:root
{
    --bodybgcolor: #fff;
    --bgcolor: #fff;
    --basecolor: #333;
    --hovercolor: #202cd4;
    --secondcolor: #e81919;
    --thirdcolor: #ffa800;
    --bordercolor: #eee;
    --ecblank-color-primary: #202cd4;
    --ecblank-color-link: #202cd4;
    --ecblank-color-hover: #202cd4;
}
@media(min-width: 1700px)
{
    .container-inner .container
    {
        max-width: 1400px;
    }
}
@media(min-width: 1600px)
{
    .container-inner .container
    {
        max-width: 1400px;
    }
}
@media(min-width: 1400px)
{
    .container
    {
        max-width: 1400px;
    }
}
@media(max-width: 991.98px)
{
    .container
    {
        max-width: 90%;
    }
}
@media(max-width: 767.98px)
{
    .container
    {
        max-width: 100%;
    }
}
.sourcehanserifcnbold
{
    font-family: "Noto Serif SC",serif;
}
.page-navigation
{
    text-align: right!important;
    margin: 0 0 10px;
}
.page-navigation .pagination .page-item .page-link
{
    color: #a4a4a4;
    font-size: 12px;
    line-height: 32px;
    padding: 0 10px;
    height: 32px;
    min-width: 32px;
    background: #eee;
    border-color: #e2e2e2;
}
.page-navigation .pagination .page-item .page-link:hover
{
    background-color: var(--hovercolor);
    border-color: #e2e2e2;
    color: #fff;
}
.page-navigation .pagination .page-item.disabled .page-link
{
    color: #a4a4a4;
    background: #eee;
    border-color: #e2e2e2;
}
.page-navigation .pagination .page-item.active .page-link
{
    background-color: var(--hovercolor);
    border-color: var(--hovercolor);
    color: #fff;
}
.breadcrumbs
{
    padding: 1rem 0;
}
@media(max-width: 991.98px)
{
    .breadcrumbs
    {
        padding: .5rem 0;
    }
}
@media(max-width: 767.98px)
{
    .breadcrumbs
    {
        padding: .5rem 0;
    }
}
.eclayout.online
{
    width: 60px;
    text-align: center;
    right: 0!important;
}
.eclayout.online .online-item
{
    display: block;
    width: 60px;
    height: 60px;
    font-size: 24px;
    color: #9b9ea5;
    margin: 0;
    background-color: #eee;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
}
.eclayout.online .online-item:hover
{
    background: var(--hovercolor)!important;
    border-color: #fff!important;
    color: #fff;
}
.eclayout.online .online-item i
{
    font-size: 24px;
}
.eclayout.online .online-item span
{
    display: block;
    line-height: 16px;
}
.eclayout.online .online-item.online-top
{
    height: 60px;
    margin-top: 10px;
    border-bottom: 0;
}
.eclayout.online .online-item.online-top i
{
    font-size: 24px;
}
@media(max-width: 991.98px)
{
    .eclayout.online
    {
        width: 34px;
    }
    .eclayout.online .online-item
    {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }
    .eclayout.online .online-item i
    {
        font-size: 16px;
    }
    .eclayout.online .online-item.online-top
    {
        height: 34px;
    }
    .eclayout.online .online-item.online-top i
    {
        font-size: 16px;
    }
}
.eclayout.breadcrumbs
{
    background: 0 0;
    padding: 0x 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #e4e4e4;
}
.eclayout.breadcrumbs .breadcrumb
{
    text-align: right;
    float: right;
    padding: 5px 0;
}
.eclayout.breadcrumbs .breadcrumbs-dtitle
{
    color: #999;
    font-weight: 400;
    padding: 0 0;
    text-align: center;
    display: inline-block;
}
.eclayout.breadcrumbs .breadcrumbs-dtitle.breadcrumbs-dtitle-top
{
    margin-top: 0;
    position: relative;
}
.eclayout.breadcrumbs .breadcrumbs-dtitle .breadcrumbs-title
{
    color: var(--hovercolor);
    padding: 0 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    border-bottom: 2px solid var(--hovercolor);
    position: relative;
}
.eclayout.breadcrumbs .breadcrumbs-dtitle .breadcrumbs-title:before
{
    display: none;
}
.eclayout.breadcrumbs .breadcrumbs-dtitle .breadcrumbs-title span
{
    position: relative;
}
.eclayout.breadcrumbs .breadcrumbs-dtitle .breadcrumbs-titleen
{
    display: none;
}
.eclayout.breadcrumbs .list-search
{
    padding: 0;
}
@media(max-width: 1399.99px)
{
    .eclayout.breadcrumbs
    {
        margin: 0 0 20px;
    }
    .eclayout.breadcrumbs .breadcrumbs-dtitle .breadcrumbs-title
    {
        padding: 0 10px;
        font-size: 16px;
    }
}
@media(max-width: 991.98px)
{
    .eclayout.breadcrumbs
    {
        margin: 0 0 20px;
        display: none;
    }
}
.eclayout.container-header .navbar-brand img
{
    max-height: 80px!important;
}
@media(max-width: 1599.98px)
{
    .eclayout.container-header .navbar-brand img
    {
        max-height: 80px!important;
    }
}
@media(max-width: 1399.98px)
{
    .eclayout.container-header .navbar-brand img
    {
        max-height: 70px!important;
    }
}
@media(max-width: 1199.98px)
{
    .eclayout.container-header .navbar-brand img
    {
        max-height: 50px!important;
    }
}
@media(max-width: 991.98px)
{
    .eclayout.container-header .navbar-brand img
    {
        max-height: 45px!important;
    }
}
@media(max-width: 767.98px)
{
    .eclayout.container-header .navbar-brand img
    {
        max-height: 40px!important;
    }
}
.eclayout.container-header .navbar-brand a
{
    padding: 20px 0;
}
@media(max-width: 1199.98px)
{
    .eclayout.container-header .navbar-brand a
    {
        padding: 15px 0;
    }
}
@media(max-width: 767.98px)
{
    .eclayout.container-header .navbar-brand a
    {
        padding: 5px 0;
    }
}
.eclayout.container-header .top-nav
{
    background: #eee;
    color: #999;
}
.eclayout.container-header .top-nav span
{
    color: var(--hovercolor);
}
.eclayout.container-header .top-nav .top-nav-list a
{
    color: #999;
}
.eclayout.container-header .top-nav .top-nav-list a span
{
    color: #999;
}
.eclayout.container-header .top-nav .top-nav-list a:before
{
    background: #dbdbdb;
}
.eclayout.container-header .top-nav .top-nav-list a:hover
{
    color: var(--hovercolor);
}
.eclayout.container-header .top-nav .top-nav-list a:hover span
{
    color: var(--hovercolor);
}
.eclayout.container-header .top-nav .top-nav-list span
{
    margin-right: .3rem;
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item
{
    padding: 0 0;
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link
{
    padding: 10px 50px;
    font-weight: 700;
    font-size: 16px;
}
@media(min-width: 768px)
{
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link:before
    {
        height: 16px;
        width: 1px;
        background: var(--thirdcolor);
        display: block!important;
        content: '';
        position: absolute;
        right: 0;
        left: auto;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link:after
{
    display: none;
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item.active .nav-link:before, .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item:focus .nav-link:before, .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item:hover .nav-link:before, .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item:last-child .nav-link:before
{
    display: none!important;
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu
{
    border: 0;
    padding: 0;
    background: rgba(255,255,255,.8);
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu .dropdown-item a
{
    color: #666;
    font-size: 14px;
    border-bottom: 1px dotted rgba(0,0,0,.15)!important;
    text-align: center;
    padding: 8px 15px;
    background: rgba(255,255,255,0);
}
.eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu .dropdown-item a.active, .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu .dropdown-item a:hover
{
    background: rgba(255,255,255,0);
    color: var(--hovercolor);
}
.eclayout.container-header .header .logo-text span
{
    color: var(--hovercolor);
}
.eclayout.container-header .header .logo-text h3
{
    font-size: 28px;
}
.eclayout.container-header .header .logo-text p
{
    margin: 5px 0 0;
    color: #666;
    font-size: 18px;
}
.eclayout.container-header .header .top-nav-tel
{
    padding-left: 3.5rem;
}
.eclayout.container-header .header .top-nav-tel .icon
{
    font-size: 2.5rem;
    color: #999;
}
.eclayout.container-header .header .top-nav-tel .top-tel-list
{
    color: #999;
}
.eclayout.container-header .header .top-nav-tel .top-tel-list span
{
    font-size: 26px;
    color: var(--hovercolor);
    font-weight: 700;
    margin: 0;
}
@media(max-width: 1599.98px)
{
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link
    {
        font-size: 16px;
        padding: 10px 40px;
        margin: 0 0;
    }
}
@media(max-width: 1399.98px)
{
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link
    {
        font-size: 14px;
        padding: 13px 30px;
    }
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu .dropdown-item a
    {
        font-size: 14px;
        padding: 5px 10px;
    }
}
@media(max-width: 1199.98px)
{
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link
    {
        font-size: 14px;
        padding: 13px 20px;
    }
}
@media(max-width: 991.98px)
{
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link
    {
        font-size: 13px;
        padding: 12px 12px;
    }
    .eclayout.container-header .header .top-nav-tel
    {
        padding-left: 3.2rem;
    }
    .eclayout.container-header .header .top-nav-tel .icon
    {
        font-size: 1.8rem;
    }
    .eclayout.container-header .header .top-nav-tel .top-tel-list
    {
        font-size: 1rem;
    }
    .eclayout.container-header .header .top-nav-tel .top-tel-list span
    {
        font-size: 1.4rem;
    }
}
@media(max-width: 767.98px)
{
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .nav-link
    {
        font-size: 14px;
        padding: 10px 5px;
    }
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu
    {
        padding: 0;
    }
    .eclayout.container-header .header .ec-nav .navbar-toolbar .nav-item .dropdown-menu .dropdown-item a
    {
        font-size: 14px;
        padding: 4px 15px;
    }
    .eclayout.container-header .header .navbar-toggler
    {
        height: 3.6rem;
        color: #fff;
    }
}
.site .container-index .eclayout.container-about.layout41, .site .container-index .eclayout.container-img.layout16, .site .container-index .eclayout.container-nav.layout45, .site .container-index .eclayout.container-nav.layout46, .site .container-index .eclayout.container-news.layout43, .site .container-index .eclayout.container-product.layout4
{
    padding: 70px 0;
}
.site .container-index .eclayout.container-about.layout41 .dtitle, .site .container-index .eclayout.container-about.layout41 .ndtitle, .site .container-index .eclayout.container-img.layout16 .dtitle, .site .container-index .eclayout.container-img.layout16 .ndtitle, .site .container-index .eclayout.container-nav.layout45 .dtitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle, .site .container-index .eclayout.container-nav.layout46 .dtitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle, .site .container-index .eclayout.container-news.layout43 .dtitle, .site .container-index .eclayout.container-news.layout43 .ndtitle, .site .container-index .eclayout.container-product.layout4 .dtitle, .site .container-index .eclayout.container-product.layout4 .ndtitle
{
    margin-bottom: 30px;
    position: relative;
    padding: 30px 0 0;
    border: 0;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .htitle, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle
{
    font-size: 36px;
    color: #333;
    font-weight: 700;
    position: relative;
    padding: 0;
    border: 0;
    margin: 0;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .htitle span, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle span, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle span, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle span, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle span, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle span, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle span, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle span, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle span, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle span, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle span, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle span
{
    color: var(--secondcolor);
}
.site .container-index .eclayout.container-about.layout41 .dtitle .htitle:after, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle:after, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle:after, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle:after, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle:after, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle:after, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle:after, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle:after, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle:after, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle:after, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle:after, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle:after
{
    display: none;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .desc, .site .container-index .eclayout.container-about.layout41 .ndtitle .desc, .site .container-index .eclayout.container-img.layout16 .dtitle .desc, .site .container-index .eclayout.container-img.layout16 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout45 .dtitle .desc, .site .container-index .eclayout.container-nav.layout45 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout46 .dtitle .desc, .site .container-index .eclayout.container-nav.layout46 .ndtitle .desc, .site .container-index .eclayout.container-news.layout43 .dtitle .desc, .site .container-index .eclayout.container-news.layout43 .ndtitle .desc, .site .container-index .eclayout.container-product.layout4 .dtitle .desc, .site .container-index .eclayout.container-product.layout4 .ndtitle .desc
{
    font-size: 16px;
    color: #999;
    margin: .5rem 0 0;
    line-height: 1.8;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .namemark, .site .container-index .eclayout.container-about.layout41 .ndtitle .namemark, .site .container-index .eclayout.container-img.layout16 .dtitle .namemark, .site .container-index .eclayout.container-img.layout16 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .ndtitle .namemark, .site .container-index .eclayout.container-news.layout43 .dtitle .namemark, .site .container-index .eclayout.container-news.layout43 .ndtitle .namemark, .site .container-index .eclayout.container-product.layout4 .dtitle .namemark, .site .container-index .eclayout.container-product.layout4 .ndtitle .namemark
{
    font-size: 24px;
    color: #ddd;
    margin: 0;
    position: relative;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
@media(max-width: 1399.98px)
{
    .site .container-index .eclayout.container-about.layout41, .site .container-index .eclayout.container-img.layout16, .site .container-index .eclayout.container-nav.layout45, .site .container-index .eclayout.container-nav.layout46, .site .container-index .eclayout.container-news.layout43, .site .container-index .eclayout.container-product.layout4
    {
        padding: 50px 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle, .site .container-index .eclayout.container-about.layout41 .ndtitle, .site .container-index .eclayout.container-img.layout16 .dtitle, .site .container-index .eclayout.container-img.layout16 .ndtitle, .site .container-index .eclayout.container-nav.layout45 .dtitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle, .site .container-index .eclayout.container-nav.layout46 .dtitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle, .site .container-index .eclayout.container-news.layout43 .dtitle, .site .container-index .eclayout.container-news.layout43 .ndtitle, .site .container-index .eclayout.container-product.layout4 .dtitle, .site .container-index .eclayout.container-product.layout4 .ndtitle
    {
        margin-bottom: 25px;
        padding: 25px 0 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .htitle, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle
    {
        font-size: 28px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .namemark, .site .container-index .eclayout.container-about.layout41 .ndtitle .namemark, .site .container-index .eclayout.container-img.layout16 .dtitle .namemark, .site .container-index .eclayout.container-img.layout16 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .ndtitle .namemark, .site .container-index .eclayout.container-news.layout43 .dtitle .namemark, .site .container-index .eclayout.container-news.layout43 .ndtitle .namemark, .site .container-index .eclayout.container-product.layout4 .dtitle .namemark, .site .container-index .eclayout.container-product.layout4 .ndtitle .namemark
    {
        font-size: 18px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .desc, .site .container-index .eclayout.container-about.layout41 .ndtitle .desc, .site .container-index .eclayout.container-img.layout16 .dtitle .desc, .site .container-index .eclayout.container-img.layout16 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout45 .dtitle .desc, .site .container-index .eclayout.container-nav.layout45 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout46 .dtitle .desc, .site .container-index .eclayout.container-nav.layout46 .ndtitle .desc, .site .container-index .eclayout.container-news.layout43 .dtitle .desc, .site .container-index .eclayout.container-news.layout43 .ndtitle .desc, .site .container-index .eclayout.container-product.layout4 .dtitle .desc, .site .container-index .eclayout.container-product.layout4 .ndtitle .desc
    {
        font-size: 14px;
        margin: .4rem 0 0;
    }
}
@media(max-width: 1199.98px)
{
    .site .container-index .eclayout.container-about.layout41, .site .container-index .eclayout.container-img.layout16, .site .container-index .eclayout.container-nav.layout45, .site .container-index .eclayout.container-nav.layout46, .site .container-index .eclayout.container-news.layout43, .site .container-index .eclayout.container-product.layout4
    {
        padding: 40px 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle, .site .container-index .eclayout.container-about.layout41 .ndtitle, .site .container-index .eclayout.container-img.layout16 .dtitle, .site .container-index .eclayout.container-img.layout16 .ndtitle, .site .container-index .eclayout.container-nav.layout45 .dtitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle, .site .container-index .eclayout.container-nav.layout46 .dtitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle, .site .container-index .eclayout.container-news.layout43 .dtitle, .site .container-index .eclayout.container-news.layout43 .ndtitle, .site .container-index .eclayout.container-product.layout4 .dtitle, .site .container-index .eclayout.container-product.layout4 .ndtitle
    {
        margin-bottom: 20px;
        padding: 25px 0 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .htitle, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle
    {
        font-size: 24px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .namemark, .site .container-index .eclayout.container-about.layout41 .ndtitle .namemark, .site .container-index .eclayout.container-img.layout16 .dtitle .namemark, .site .container-index .eclayout.container-img.layout16 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .ndtitle .namemark, .site .container-index .eclayout.container-news.layout43 .dtitle .namemark, .site .container-index .eclayout.container-news.layout43 .ndtitle .namemark, .site .container-index .eclayout.container-product.layout4 .dtitle .namemark, .site .container-index .eclayout.container-product.layout4 .ndtitle .namemark
    {
        font-size: 18px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .desc, .site .container-index .eclayout.container-about.layout41 .ndtitle .desc, .site .container-index .eclayout.container-img.layout16 .dtitle .desc, .site .container-index .eclayout.container-img.layout16 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout45 .dtitle .desc, .site .container-index .eclayout.container-nav.layout45 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout46 .dtitle .desc, .site .container-index .eclayout.container-nav.layout46 .ndtitle .desc, .site .container-index .eclayout.container-news.layout43 .dtitle .desc, .site .container-index .eclayout.container-news.layout43 .ndtitle .desc, .site .container-index .eclayout.container-product.layout4 .dtitle .desc, .site .container-index .eclayout.container-product.layout4 .ndtitle .desc
    {
        font-size: 14px;
        margin: .4rem 0 0;
    }
}
@media(max-width: 991.98px)
{
    .site .container-index .eclayout.container-about.layout41, .site .container-index .eclayout.container-img.layout16, .site .container-index .eclayout.container-nav.layout45, .site .container-index .eclayout.container-nav.layout46, .site .container-index .eclayout.container-news.layout43, .site .container-index .eclayout.container-product.layout4
    {
        padding: 30px 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle, .site .container-index .eclayout.container-about.layout41 .ndtitle, .site .container-index .eclayout.container-img.layout16 .dtitle, .site .container-index .eclayout.container-img.layout16 .ndtitle, .site .container-index .eclayout.container-nav.layout45 .dtitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle, .site .container-index .eclayout.container-nav.layout46 .dtitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle, .site .container-index .eclayout.container-news.layout43 .dtitle, .site .container-index .eclayout.container-news.layout43 .ndtitle, .site .container-index .eclayout.container-product.layout4 .dtitle, .site .container-index .eclayout.container-product.layout4 .ndtitle
    {
        margin-bottom: 15px;
        padding: 20px 0 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .htitle, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle
    {
        font-size: 18px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .namemark, .site .container-index .eclayout.container-about.layout41 .ndtitle .namemark, .site .container-index .eclayout.container-img.layout16 .dtitle .namemark, .site .container-index .eclayout.container-img.layout16 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .ndtitle .namemark, .site .container-index .eclayout.container-news.layout43 .dtitle .namemark, .site .container-index .eclayout.container-news.layout43 .ndtitle .namemark, .site .container-index .eclayout.container-product.layout4 .dtitle .namemark, .site .container-index .eclayout.container-product.layout4 .ndtitle .namemark
    {
        font-size: 14px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .desc, .site .container-index .eclayout.container-about.layout41 .ndtitle .desc, .site .container-index .eclayout.container-img.layout16 .dtitle .desc, .site .container-index .eclayout.container-img.layout16 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout45 .dtitle .desc, .site .container-index .eclayout.container-nav.layout45 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout46 .dtitle .desc, .site .container-index .eclayout.container-nav.layout46 .ndtitle .desc, .site .container-index .eclayout.container-news.layout43 .dtitle .desc, .site .container-index .eclayout.container-news.layout43 .ndtitle .desc, .site .container-index .eclayout.container-product.layout4 .dtitle .desc, .site .container-index .eclayout.container-product.layout4 .ndtitle .desc
    {
        font-size: 12px;
        margin: .3rem 0 0;
    }
}
@media(max-width: 767.98px)
{
    .site .container-index .eclayout.container-about.layout41, .site .container-index .eclayout.container-img.layout16, .site .container-index .eclayout.container-nav.layout45, .site .container-index .eclayout.container-nav.layout46, .site .container-index .eclayout.container-news.layout43, .site .container-index .eclayout.container-product.layout4
    {
        padding: 20px 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle, .site .container-index .eclayout.container-about.layout41 .ndtitle, .site .container-index .eclayout.container-img.layout16 .dtitle, .site .container-index .eclayout.container-img.layout16 .ndtitle, .site .container-index .eclayout.container-nav.layout45 .dtitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle, .site .container-index .eclayout.container-nav.layout46 .dtitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle, .site .container-index .eclayout.container-news.layout43 .dtitle, .site .container-index .eclayout.container-news.layout43 .ndtitle, .site .container-index .eclayout.container-product.layout4 .dtitle, .site .container-index .eclayout.container-product.layout4 .ndtitle
    {
        margin-bottom: 10px;
        padding: 15px 0 0;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .htitle, .site .container-index .eclayout.container-about.layout41 .ndtitle .htitle, .site .container-index .eclayout.container-img.layout16 .dtitle .htitle, .site .container-index .eclayout.container-img.layout16 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout45 .ndtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .dtitle .htitle, .site .container-index .eclayout.container-nav.layout46 .ndtitle .htitle, .site .container-index .eclayout.container-news.layout43 .dtitle .htitle, .site .container-index .eclayout.container-news.layout43 .ndtitle .htitle, .site .container-index .eclayout.container-product.layout4 .dtitle .htitle, .site .container-index .eclayout.container-product.layout4 .ndtitle .htitle
    {
        font-size: 16px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .namemark, .site .container-index .eclayout.container-about.layout41 .ndtitle .namemark, .site .container-index .eclayout.container-img.layout16 .dtitle .namemark, .site .container-index .eclayout.container-img.layout16 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout45 .ndtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .dtitle .namemark, .site .container-index .eclayout.container-nav.layout46 .ndtitle .namemark, .site .container-index .eclayout.container-news.layout43 .dtitle .namemark, .site .container-index .eclayout.container-news.layout43 .ndtitle .namemark, .site .container-index .eclayout.container-product.layout4 .dtitle .namemark, .site .container-index .eclayout.container-product.layout4 .ndtitle .namemark
    {
        font-size: 12px;
    }
    .site .container-index .eclayout.container-about.layout41 .dtitle .desc, .site .container-index .eclayout.container-about.layout41 .ndtitle .desc, .site .container-index .eclayout.container-img.layout16 .dtitle .desc, .site .container-index .eclayout.container-img.layout16 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout45 .dtitle .desc, .site .container-index .eclayout.container-nav.layout45 .ndtitle .desc, .site .container-index .eclayout.container-nav.layout46 .dtitle .desc, .site .container-index .eclayout.container-nav.layout46 .ndtitle .desc, .site .container-index .eclayout.container-news.layout43 .dtitle .desc, .site .container-index .eclayout.container-news.layout43 .ndtitle .desc, .site .container-index .eclayout.container-product.layout4 .dtitle .desc, .site .container-index .eclayout.container-product.layout4 .ndtitle .desc
    {
        font-size: 12px;
        margin: .3rem 0 0;
    }
}
.site .container-index .eclayout.search-key
{
    background: #f7f7f7;
}
.site .container-index .eclayout.search-key .keywords
{
    color: #333;
    font-weight: 700;
}
.site .container-index .eclayout.search-key .keywords a
{
    color: #666;
    font-weight: 400;
}
.site .container-index .eclayout.search-key .keywords a:hover
{
    color: var(--hovercolor);
}
.site .container-index .eclayout.search-key .input-group
{
    max-width: 500px;
    margin: 0 auto;
}
.site .container-index .eclayout.search-key .input-group .form-control
{
    border-color: #ddd;
    background: #fff;
    height: 36px;
}
.site .container-index .eclayout.search-key .input-group .form-control::-webkit-input-placeholder
{
    color: #999!important;
}
.site .container-index .eclayout.search-key .input-group .form-control::-moz-placeholder
{
    color: #999!important;
}
.site .container-index .eclayout.search-key .input-group .form-control:-ms-input-placeholder
{
    color: #999!important;
}
.site .container-index .eclayout.search-key .input-group .form-control::placeholder
{
    color: #999!important;
}
.site .container-index .eclayout.search-key .input-group .form-control:focus
{
    border-color: var(--hovercolor);
}
.site .container-index .eclayout.search-key .input-group .input-group-append .btn
{
    background: var(--hovercolor);
    border-color: var(--hovercolor);
    font-size: 20px;
    line-height: 36px;
    height: 36px;
    padding: 0 15px;
}
.site .container-index .eclayout.search-key .input-group .input-group-append .btn:hover
{
    background: var(--secondcolor);
    border-color: var(--secondcolor);
    opacity: .8;
}
.site .container-index .eclayout.container-product.layout4
{
    background: #fff;
    padding-bottom: 0;
}
.site .container-index .eclayout.container-product.layout4 .product-row
{
    margin: 0;
}
.site .container-index .eclayout.container-product.layout4 .product-row .product-left
{
    background: 0 0;
    position: relative;
    text-align: left;
    height: auto;
}
.site .container-index .eclayout.container-product.layout4 .product-row .product-left .cname
{
    background: var(--hovercolor) url(../image/cnamebg.png) no-repeat 30px center;
    text-align: left;
    padding: 40px 10px 40px 70px;
    font-size: 30px;
    line-height: 1;
}
.site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist
{
    padding: 6px 0;
}
.site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist ul li a
{
    padding: 10px 30px;
    line-height: 28px;
    font-size: 18px;
    display: block;
    color: #666;
    margin: 6px 0;
    border: 1px solid #ddd;
}
.site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist ul li a:hover
{
    background: var(--secondcolor);
    color: #fff;
    border-color: var(--secondcolor);
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product
{
    background: #f3f3f3;
    padding: 2px;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product figure
{
    position: relative;
    overflow: hidden;
    margin: 0;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom
{
    text-align: center;
    padding: 20px;
    background: 0 0;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4
{
    margin: 0;
    font-size: 1.05rem;
    font-weight: 500;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4 a
{
    color: #333;
    padding: 10px 40px 10px 0;
    text-align: left!important;
    position: relative;
    font-size: 18px;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4 a:before
{
    content: "";
    font-family: "Web Icons"!important;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 24px;
    color: #ccc;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product:hover
{
    background: var(--secondcolor);
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product:hover .product-bottom h4 a
{
    color: #fff;
}
.site .container-index .eclayout.container-product.layout4 .product-row .single-product:hover .product-bottom h4 a:before
{
    color: #fff;
}
@media(max-width: 1399.98px)
{
    .site .container-index .eclayout.container-product.layout4 .product-row
    {
        margin: 0;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .product-left .cname
    {
        background: var(--hovercolor) url(../image/cnamebg.png) no-repeat 20px center;
        background-size: auto 20px;
        text-align: left;
        padding: 25px 10px 25px 50px;
        font-size: 20px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist
    {
        padding: 6px 0;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist ul li a
    {
        padding: 6px 20px;
        line-height: 24px;
        font-size: 14px;
        margin: 6px 0;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product
    {
        padding: 2px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom
    {
        padding: 10px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4 a
    {
        padding: 5px 30px 5px 0;
        font-size: 14px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4 a:before
    {
        font-size: 20px;
    }
}
@media(max-width: 1199.98px)
{
    .site .container-index .eclayout.container-product.layout4 .product-row
    {
        margin: 0;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .product-left .cname
    {
        background: var(--hovercolor) url(../image/cnamebg.png) no-repeat 20px center;
        background-size: auto 15px;
        text-align: left;
        padding: 20px 10px 20px 40px;
        font-size: 18px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist
    {
        padding: 3px 0;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .product-left .product-llist ul li a
    {
        padding: 6px 20px;
        line-height: 20px;
        font-size: 14px;
        margin: 3px 0;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product
    {
        padding: 2px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom
    {
        padding: 10px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4 a
    {
        padding: 5px 30px 5px 0;
        font-size: 14px;
    }
    .site .container-index .eclayout.container-product.layout4 .product-row .single-product .product-bottom h4 a:before
    {
        font-size: 20px;
    }
}
.site .container-index .eclayout.container-img.layout16
{
    padding-top: 0;
    background: #fff;
}
.site .container-index .eclayout.container-about.layout41
{
    padding-bottom: 0!important;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .htitle
{
    color: #fff;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .htitle span
{
    color: var(--secondcolor);
}
.site .container-index .eclayout.container-about.layout41 .dtitle .desc
{
    color: #fff;
}
.site .container-index .eclayout.container-about.layout41 .dtitle .namemark
{
    color: #ddd;
}
.page
{
    padding: 30px 0!important;
}
@media(max-width: 1399.99px)
{
    .page
    {
        padding: 25px 0!important;
    }
}
@media(max-width: 1199.98px)
{
    .page
    {
        padding: 20px 0!important;
    }
}
@media(max-width: 991.98px)
{
    .page
    {
        padding: 15px 0!important;
    }
}
@media(min-width: 992px)
{
    .rowleft
    {
        flex-direction: row-reverse;
    }
}
@media(min-width: 1200px)
{
    .rowleft .col-lg-3
    {
        width: 21%;
    }
    .rowleft .col-lg-9
    {
        width: 79%;
    }
}
.rowleft .slider-right .eclayout
{
    margin-bottom: 1rem;
}
.rowleft .slider-right .eclayout.sidebar-nav
{
    background: 0 0;
}
@media(min-width: 1200px)
{
    .rowleft .slider-right .eclayout.sidebar-nav
    {
        padding-right: 0;
    }
}
.rowleft .slider-right .eclayout.sidebar-nav .dtitle
{
    background: #f3f3f3;
    text-align: left;
    padding: 30px 10px 30px 30px;
}
.rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle
{
    font-size: 24px;
    color: #333;
    text-align: left;
    padding: 0;
    position: relative;
    display: table;
}
.rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle:before
{
    display: none;
}
.rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle .name
{
    display: inline-block;
    position: relative;
    display: table-row-group;
}
.rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle .namemark
{
    margin: 0 0 0;
    font-size: 24px;
    color: #ddd;
    line-height: 1.4;
    display: table-header-group;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column
{
    background: 0 0;
    text-align: left;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul
{
    padding: 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item a
{
    font-size: 18px;
    color: #666;
    padding: 15px 10px 15px 30px;
    margin: 0 0 0;
    background: #f3f3f3;
    border: 0;
    border-top: 1px solid #ddd;
    border-left: 3px solid transparent;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item a.active, .rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item a:hover
{
    color: var(--hovercolor)!important;
    background: #f3f3f3!important;
    border-left: 3px solid var(--hovercolor)!important;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:first-child>a:before
{
    content: '01.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(2)>a:before
{
    content: '02.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(3)>a:before
{
    content: '03.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(4)>a:before
{
    content: '04.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(5)>a:before
{
    content: '05.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(6)>a:before
{
    content: '06.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(7)>a:before
{
    content: '07.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(8)>a:before
{
    content: '08.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(9)>a:before
{
    content: '09.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(10)>a:before
{
    content: '10.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(11)>a:before
{
    content: '11.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(12)>a:before
{
    content: '12.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item:nth-child(13)>a:before
{
    content: '13.';
    margin: 0 9px 0 0;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-menu .slider-item a.active, .rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-menu .slider-item a:hover
{
    color: var(--secondcolor)!important;
}
.rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-menu .slider-item a.active .expander, .rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-menu .slider-item a:hover .expander
{
    color: var(--secondcolor);
}
.rowleft .slider-right .eclayout .slider-contact
{
    margin-top: 1rem;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row
{
    background: var(--hovercolor);
    padding: 30px 10px 20px 50px;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content
{
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_tel_title
{
    margin: 0;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_tel
{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_time_title
{
    margin: 0;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_time
{
    margin: 0;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_zixun
{
    margin: 10px 0;
}
.rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_zixun a
{
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 24px;
    border-radius: 15px;
    font-size: 12px;
}
.rowleft .slider-right .eclayout .slider-history .dtitle
{
    background: var(--hovercolor);
    text-align: left!important;
    padding: 15px 40px!important;
}
.rowleft .slider-right .eclayout .slider-history .dtitle .htitle
{
    font-size: 16px!important;
    text-align: left!important;
    position: relative;
    display: block!important;
}
.rowleft .slider-right .eclayout .slider-history .dtitle .htitle:after
{
    content: '>';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.rowleft .slider-right .eclayout .slider-history .history-row
{
    padding: 10px 0 0;
}
.rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media
{
    padding: 0;
    margin: 0 0 10px;
    border: 0;
    display: block;
}
.rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media .pr-15
{
    padding: 0!important;
}
.rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media .w-80
{
    width: 100%!important;
}
.rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media .media-body .product-bottom h3
{
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    color: #333;
    padding: 20px 40px 20px 20px;
    text-align: left;
    position: relative;
    background: #f7f7f7;
}
.rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media .media-body .product-bottom h3:after
{
    content: '>';
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.rowleft .slider-right .eclayout.list-search
{
    border: 0;
    margin-bottom: .5rem!important;
    padding: 0;
}
@media(max-width: 1399.99px)
{
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle
    {
        padding: 20px 20px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle
    {
        font-size: 18px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle .namemark
    {
        font-size: 18px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item a
    {
        font-size: 15px;
        padding: 10px 10px 10px 20px;
    }
    .rowleft .slider-right .eclayout .slider-contact
    {
        margin-top: 1rem;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row
    {
        padding: 20px 10px 20px 30px;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content
    {
        font-size: 14px;
        line-height: 1.4;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_tel
    {
        font-size: 20px;
    }
}
@media(max-width: 1199.98px)
{
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle
    {
        padding: 15px 15px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle
    {
        font-size: 16px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle .namemark
    {
        font-size: 16px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item a
    {
        font-size: 14px;
        padding: 10px 10px 10px 15px;
    }
    .rowleft .slider-right .eclayout .slider-contact
    {
        margin-top: 1rem;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row
    {
        padding: 20px 10px 20px 30px;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content
    {
        font-size: 14px;
        line-height: 1.4;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_tel
    {
        font-size: 20px;
    }
}
@media(max-width: 991.98px)
{
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle
    {
        padding: 20px 10px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .dtitle .htitle
    {
        font-size: 18px;
    }
    .rowleft .slider-right .eclayout.sidebar-nav .slider-column ul .slider-item a
    {
        font-size: 14px;
        padding: 10px 10px 10px 40px;
    }
    .rowleft .slider-right .eclayout .slider-contact
    {
        margin-top: 1rem;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row
    {
        padding: 20px 10px 20px 30px;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content
    {
        font-size: 14px;
        line-height: 1.4;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_tel
    {
        font-size: 20px;
    }
    .rowleft .slider-right .eclayout .slider-history .dtitle
    {
        padding: 15px 20px!important;
    }
    .rowleft .slider-right .eclayout .slider-history .dtitle .htitle
    {
        font-size: 14px!important;
    }
    .rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media
    {
        margin: 0 0 10px;
    }
    .rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media .media-body .product-bottom h3
    {
        font-size: 14px;
        padding: 10px 20px 10px 10px;
    }
    .rowleft .slider-right .eclayout .slider-history .history-row ul li .single-product .media .media-body .product-bottom h3:after
    {
        right: 10px;
    }
}
@media(max-width: 767.98px)
{
    .rowleft .slider-right .eclayout .slider-contact
    {
        margin-top: 0;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row
    {
        padding: 20px 20px;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content
    {
        font-size: 14px;
        line-height: 1.4;
    }
    .rowleft .slider-right .eclayout .slider-contact .slider-row .slider-content .left_tel
    {
        font-size: 20px;
    }
}
.item-page.p-15, .pd-wrapper.p-15
{
    padding: 0!important;
}
.site .eclayout.container-img.layout16
{
    padding-top: 0;
    background: #fff;
}
.site .eclayout.container-img.layout16 .dtitle, .site .eclayout.container-img.layout16 .ndtitle
{
    margin-bottom: 30px;
    position: relative;
    padding: 30px 0 0;
    border: 0;
}
.site .eclayout.container-img.layout16 .dtitle .htitle, .site .eclayout.container-img.layout16 .ndtitle .htitle
{
    font-size: 36px;
    color: #333;
    font-weight: 700;
    position: relative;
    padding: 0;
    border: 0;
    margin: 0;
}
.site .eclayout.container-img.layout16 .dtitle .htitle span, .site .eclayout.container-img.layout16 .ndtitle .htitle span
{
    color: var(--secondcolor);
}
.site .eclayout.container-img.layout16 .dtitle .htitle:after, .site .eclayout.container-img.layout16 .ndtitle .htitle:after
{
    display: none;
}
.site .eclayout.container-img.layout16 .dtitle .desc, .site .eclayout.container-img.layout16 .ndtitle .desc
{
    font-size: 16px;
    color: #999;
    margin: .5rem 0 0;
    line-height: 1.8;
}
.site .eclayout.container-img.layout16 .dtitle .namemark, .site .eclayout.container-img.layout16 .ndtitle .namemark
{
    font-size: 24px;
    color: #ddd;
    margin: 0;
    position: relative;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
@media(max-width: 1399.98px)
{
    .site .eclayout.container-img.layout16
    {
        padding: 50px 0;
    }
    .site .eclayout.container-img.layout16 .dtitle, .site .eclayout.container-img.layout16 .ndtitle
    {
        margin-bottom: 25px;
        padding: 25px 0 0;
    }
    .site .eclayout.container-img.layout16 .dtitle .htitle, .site .eclayout.container-img.layout16 .ndtitle .htitle
    {
        font-size: 28px;
    }
    .site .eclayout.container-img.layout16 .dtitle .namemark, .site .eclayout.container-img.layout16 .ndtitle .namemark
    {
        font-size: 18px;
    }
    .site .eclayout.container-img.layout16 .dtitle .desc, .site .eclayout.container-img.layout16 .ndtitle .desc
    {
        font-size: 14px;
        margin: .4rem 0 0;
    }
}
@media(max-width: 1199.98px)
{
    .site .eclayout.container-img.layout16
    {
        padding: 40px 0;
    }
    .site .eclayout.container-img.layout16 .dtitle, .site .eclayout.container-img.layout16 .ndtitle
    {
        margin-bottom: 20px;
        padding: 25px 0 0;
    }
    .site .eclayout.container-img.layout16 .dtitle .htitle, .site .eclayout.container-img.layout16 .ndtitle .htitle
    {
        font-size: 24px;
    }
    .site .eclayout.container-img.layout16 .dtitle .namemark, .site .eclayout.container-img.layout16 .ndtitle .namemark
    {
        font-size: 18px;
    }
    .site .eclayout.container-img.layout16 .dtitle .desc, .site .eclayout.container-img.layout16 .ndtitle .desc
    {
        font-size: 14px;
        margin: .4rem 0 0;
    }
}
@media(max-width: 991.98px)
{
    .site .eclayout.container-img.layout16
    {
        padding: 30px 0;
    }
    .site .eclayout.container-img.layout16 .dtitle, .site .eclayout.container-img.layout16 .ndtitle
    {
        margin-bottom: 15px;
        padding: 20px 0 0;
    }
    .site .eclayout.container-img.layout16 .dtitle .htitle, .site .eclayout.container-img.layout16 .ndtitle .htitle
    {
        font-size: 18px;
    }
    .site .eclayout.container-img.layout16 .dtitle .namemark, .site .eclayout.container-img.layout16 .ndtitle .namemark
    {
        font-size: 14px;
    }
    .site .eclayout.container-img.layout16 .dtitle .desc, .site .eclayout.container-img.layout16 .ndtitle .desc
    {
        font-size: 12px;
        margin: .3rem 0 0;
    }
}
@media(max-width: 767.98px)
{
    .site .eclayout.container-img.layout16
    {
        padding: 20px 0;
    }
    .site .eclayout.container-img.layout16 .dtitle, .site .eclayout.container-img.layout16 .ndtitle
    {
        margin-bottom: 10px;
        padding: 15px 0 0;
    }
    .site .eclayout.container-img.layout16 .dtitle .htitle, .site .eclayout.container-img.layout16 .ndtitle .htitle
    {
        font-size: 16px;
    }
    .site .eclayout.container-img.layout16 .dtitle .namemark, .site .eclayout.container-img.layout16 .ndtitle .namemark
    {
        font-size: 12px;
    }
    .site .eclayout.container-img.layout16 .dtitle .desc, .site .eclayout.container-img.layout16 .ndtitle .desc
    {
        font-size: 12px;
        margin: .3rem 0 0;
    }
}
.site .eclayout.container-nav.layout7
{
    padding: 20px 0 70px;
}
.site .eclayout.container-nav.layout7 .dtitle
{
    position: relative;
    text-align: left;
    padding: 0 0 30px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 35px;
    overflow: hidden;
}
.site .eclayout.container-nav.layout7 .dtitle .htitle
{
    font-size: 24px;
    color: #333;
    font-weight: 400;
}
.site .eclayout.container-nav.layout7 .dtitle .htitle:after, .site .eclayout.container-nav.layout7 .dtitle .htitle:before
{
    display: none;
}
.site .eclayout.container-nav.layout7 .dtitle .desc
{
    font-size: 16px;
    color: #999;
    margin: .5rem 0 0;
    line-height: 1.8;
}
.site .eclayout.container-nav.layout7 .dtitle .namemark
{
    font-size: 36px;
    color: #ccc;
    margin: 0;
    position: relative;
    line-height: 1;
    display: inline-block;
}
.site .eclayout.container-nav.layout7 .dtitle .namemark:before
{
    content: '';
    background: #e6e6e6;
    position: absolute;
    top: 50%;
    width: 1400px;
    height: 1px;
    left: -1450px;
}
.site .eclayout.container-nav.layout7 .dtitle .more
{
    position: absolute;
    right: 0;
    top: 20%;
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #a4a4a4;
    border: 0;
}
.site .eclayout.container-nav.layout7 .nav-row
{
    margin: 0 -20px 0;
    overflow: hidden;
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav
{
    margin: 0 20px;
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade
{
    opacity: 1;
    -moz-opacity: 1;
    background: rgba(0,0,0,.7);
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade .vertical-align-middle
{
    vertical-align: bottom;
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4
{
    font-size: 20px;
    text-align: left;
    line-height: 1.4;
    padding: 0 10px;
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4:before
{
    display: none;
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4 i
{
    display: inline-block!important;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 400;
    folat: right;
}
.site .eclayout.container-nav.layout7 .nav-row .single-nav:hover figure .overlay-fade
{
    background: rgba(0,0,0,0);
}
.site .eclayout.container-nav.layout7 .slick-arrow i
{
    font-size: 1rem;
    padding: 1rem;
}
.site .eclayout.container-nav.layout7 .slick-arrow.slick-prev
{
    left: .5rem;
}
.site .eclayout.container-nav.layout7 .slick-arrow.slick-next
{
    right: .5rem;
}
@media(max-width: 1399.98px)
{
    .site .eclayout.container-nav.layout7
    {
        padding: 20px 0 50px;
    }
    .site .eclayout.container-nav.layout7 .dtitle
    {
        margin-bottom: 25px;
        padding: 0 0 20px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .htitle
    {
        font-size: 20px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .namemark
    {
        font-size: 30px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .desc
    {
        font-size: 12px;
        margin: .3rem 0 0;
    }
    .site .eclayout.container-nav.layout7 .nav-row
    {
        margin: 0 -10px 0;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav
    {
        margin: 0 10px;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4
    {
        font-size: 18px;
        line-height: 1.4;
        padding: 0;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4 i
    {
        padding-left: 10px;
        font-size: 14px;
    }
}
@media(max-width: 1199.98px)
{
    .site .eclayout.container-nav.layout7
    {
        padding: 10px 0 40px;
    }
    .site .eclayout.container-nav.layout7 .dtitle
    {
        margin-bottom: 20px;
        padding: 0 0 20px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .htitle
    {
        font-size: 16px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .namemark
    {
        font-size: 24px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .desc
    {
        font-size: 12px;
        margin: .3rem 0 0;
    }
    .site .eclayout.container-nav.layout7 .nav-row
    {
        margin: 0 -8px 0;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav
    {
        margin: 0 8px;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4
    {
        font-size: 16px;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4 i
    {
        padding-left: 6px;
        font-size: 13px;
    }
}
@media(max-width: 991.98px)
{
    .site .eclayout.container-nav.layout7
    {
        padding: 10px 0 30px;
    }
    .site .eclayout.container-nav.layout7 .dtitle
    {
        margin-bottom: 15px;
        padding: 0 0 15px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .htitle
    {
        font-size: 16px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .namemark
    {
        font-size: 20px;
    }
    .site .eclayout.container-nav.layout7 .nav-row
    {
        margin: 0 -5px 0;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav
    {
        margin: 0 5px;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4
    {
        font-size: 14px;
    }
    .site .eclayout.container-nav.layout7 .nav-row .single-nav figure .overlay-fade h4 i
    {
        padding-left: 6px;
        font-size: 12px;
    }
}
@media(max-width: 767.98px)
{
    .site .eclayout.container-nav.layout7
    {
        padding: 10px 0 20px;
    }
    .site .eclayout.container-nav.layout7 .dtitle
    {
        margin-bottom: 10px;
        padding: 0 0 10px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .htitle
    {
        font-size: 16px;
    }
    .site .eclayout.container-nav.layout7 .dtitle .namemark
    {
        font-size: 18px;
    }
    .site .eclayout.container-nav.layout7 .slick-arrow i
    {
        font-size: 1rem;
        padding: .6rem;
    }
    .site .eclayout.container-nav.layout7 .slick-arrow.slick-prev
    {
        left: .5rem;
    }
    .site .eclayout.container-nav.layout7 .slick-arrow.slick-next
    {
        right: .5rem;
    }
}
.container-inner
{
    background: #fff;
    background-size: cover;
}
.container-inner .inner-main-bottom
{
    padding: 3rem 0;
    background: #fff;
}
.container-inner .inner-main-bottom .dtitle
{
    border-bottom: 0 solid #e2e2e2;
    text-align: left;
    margin: 0 0 1rem 0;
    color: rgba(0,0,0,.4);
    position: relative;
}
.container-inner .inner-main-bottom .dtitle .htitle
{
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: left;
    color: #333;
    position: relative;
    padding: 0;
}
.container-inner .inner-main-bottom .dtitle .htitle span
{
    position: relative;
    z-index: 1;
}
.container-inner .inner-main-bottom .dtitle .namemark
{
    margin: .3rem 0 0 0;
    font-size: 1rem;
    line-height: 1rem;
    height: 1rem;
    text-align: left;
}
.container-inner .inner-main-bottom .dtitle .more
{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
@media(max-width: 767.98px)
{
    .container-inner .inner-main-bottom
    {
        padding: 1rem 0 1rem;
    }
    .container-inner .inner-main-bottom .dtitle
    {
        margin: 0 0 .8rem 0;
    }
    .container-inner .inner-main-bottom .dtitle .htitle
    {
        font-size: 1.1rem;
        padding: 0;
    }
    .container-inner .inner-main-bottom .dtitle .namemark
    {
        font-size: .8rem;
        margin: .2rem 0 0 0;
    }
}
.container-inner .inner-main-bottom.container-product.layout28
{
    padding: 20px;
    background: #f3f3f3;
}
.container-inner .inner-main-bottom.container-product.layout28 .dtitle
{
    margin: 0 0 20px 0;
    padding: 0 0 0 50px;
    background: url(../image/phot.png) no-repeat left center;
}
.container-inner .inner-main-bottom.container-product.layout28 .dtitle .htitle
{
    font-size: 16px;
    line-height: 1.4;
    height: auto;
    text-align: left;
    color: #333;
    font-weight: 400;
    padding: 0;
    margin: 0;
}
.container-inner .inner-main-bottom.container-product.layout28 .dtitle .namemark
{
    margin: .1rem 0 0 0;
    font-size: 12px;
    line-height: 1.4;
    height: auto;
    color: #999;
}
@media(max-width: 991.98px)
{
    .container-inner .inner-main-bottom.container-product.layout28
    {
        padding: 15px 10px;
    }
    .container-inner .inner-main-bottom.container-product.layout28 .dtitle
    {
        margin: 0 0 15px 0;
        padding: 0 0 0 40px;
        background-size: 30px auto;
    }
    .container-inner .inner-main-bottom.container-product.layout28 .dtitle .htitle
    {
        font-size: 14px;
    }
    .container-inner .inner-main-bottom.container-product.layout28 .dtitle .namemark
    {
        margin: 0;
    }
    .container-inner .inner-main-bottom.container-product.layout28 [class*=blocks-]
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .container-inner .inner-main-bottom.container-product.layout28 [class*=blocks-]>li
    {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%;
    }
}
.container-inner .inner-main-bottom.container-img .img-row .single-img .img-bottom:after
{
    background: #000;
}