/*
 * http://www.jumitop.com/
 * Copyright 2017 广州聚米网络科技有限公司
 * http://www.jumitop.com
 */
html {
    margin: 0;
    padding: 0;
}

body {
    font: 15px/1.5 Tahoma,Geneva,'微软雅黑','宋体';
}

body.front {
    margin: 0;
    padding: 0;
}

body.mce-content-body {
    padding: 10px;
}

.affix {
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.affix-bottom {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
}

.widget-design .affix {
    position: static;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #337ab7;
}

a:hover {
    color: #2e6ca1;
}

a.btn,.dropdown-menu a {
    text-decoration: none;
}

p {
    margin: 0 0 7.5px;
}

p:last-child {
    margin-bottom: 0;
}

.preview-toolbar {
    position: fixed;
    left: 5px;
    top: 5px;
    z-index: 1000;
}

.preview-toolbar .dropdown-menu {
    right: 0;
    left: auto;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: static;
}

.bs-callout {
    padding: 10px;
    margin: 0;
    border: 1px solid #337ab7;
    border-top-width: 5px;
    border-radius: 5px;
    background: #fff;
}

.bs-callout .pull-left h4 {
    margin-top: 7.5px;
    color: #444;
}

.bs-callout .pull-right h5 {
    color: #9e9e9e;
}

.bs-callout-danger {
    border-color: #d9534f;
}

.bs-callout-danger .pull-left h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-color: #f0ad4e;
}

.bs-callout-warning .pull-left h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-color: #31b0d5;
}

.bs-callout-info .pull-left h4 {
    color: #31b0d5;
}

.bs-callout-success {
    border-color: #337ab7;
}

.bs-callout-success .pull-left h4 {
    color: #337ab7;
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #2e6ca1;
    border-color: #337ab7;
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
}

.list-group {
    margin-bottom: 0;
}

.space {
    padding: 5px 0;
    line-height: normal;
}

.preview-theme {
    position: fixed;
    right: 10px;
    top: 10px;
}

.preview-theme a {
    color: #fff;
}

.btn-default {
    background-image: -webkit-linear-gradient(top,#4395db 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#4395db 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#4395db 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #4395db;
    border-color: #2e6ca1;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    color: #fff;
}

.btn-default:hover,.btn-default:focus {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#2e6ca1 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#2e6ca1 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#2e6ca1 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
    background-position: 0;
    color: #fff;
}

.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus,.btn-default:active,.btn-default.active {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#2e6ca1 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#2e6ca1 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#2e6ca1 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
    border-color: #2e6ca1;
    color: #fff;
}

.btn-flat {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
    border-color: #2e6ca1;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    color: #fff;
    border-radius: 0;
}

.btn-flat:hover,.btn-flat:focus {
    background-image: -webkit-linear-gradient(top,#2e6ca1 0%,#2e6ca1 100%);
    background-image: -o-linear-gradient(top,#2e6ca1 0%,#2e6ca1 100%);
    background-image: linear-gradient(to bottom,#2e6ca1 0%,#2e6ca1 100%);
    background-repeat: repeat-x;
    background-color: #2e6ca1;
    background-position: 0;
    color: #fff;
    border-radius: 0;
}

.btn-flat:active:hover,.btn-flat.active:hover,.open>.dropdown-toggle.btn-flat:hover,.btn-flat:active:focus,.btn-flat.active:focus,.open>.dropdown-toggle.btn-flat:focus,.btn-flat:active.focus,.btn-flat.active.focus,.open>.dropdown-toggle.btn-flat.focus,.btn-flat:active,.btn-flat.active {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
    border-color: #2e6ca1;
    color: #fff;
}

.btn.btn-wide {
    padding-left: 24px;
    padding-right: 24px;
}

.btn.btn-xs.btn-wide {
    padding-left: 13px;
    padding-right: 13px;
}

.btn.btn-sm.btn-wide {
    padding-left: 20px;
    padding-right: 20px;
}

.btn.btn-md.btn-wide {
    padding-left: 24px;
    padding-right: 24px;
}

.btn.btn-lg.btn-wide {
    padding-left: 30px;
    padding-right: 30px;
}

.field-validation-error {
    top: 10px;
    position: relative;
    background: #d9534f;
    color: #fff;
    padding: 1rem 1.2rem;
    border-radius: 3px;
    display: inline-block;
}

.field-validation-error:before {
    content: " ";
    display: block;
    border-top: 2px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d9534f;
    position: absolute;
    left: 10px;
    top: -10px;
}

figure.image {
    display: inline-block;
    border: 1px solid #dedede;
    margin: 0 2px 0 1px;
    background: #eee;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image img {
    margin: 8px 8px 0 8px;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
}

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

.pagination>li {
    display: inline;
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #dedede;
    margin-left: -1px;
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #b4b4b4;
    background-color: #fff;
    border-color: #f2f2f2;
    cursor: not-allowed;
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.widget {
    margin: 15px;
}

.widget.full {
    margin: 0;
}

.widget.container {
    margin-left: auto;
    margin-right: auto;
}

.widget.border {
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 5px;
}

.widget.box-shadow {
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
}

.widget.footer {
    text-align: center;
    border-top: 1px solid #dedede;
    background: #337ab7;
    color: #fff;
    margin: 0;
}

.widget.footer p {
    margin: 0;
}

.widget.footer .html-widget {
    margin-bottom: 0;
    padding: 10px;
}

.widget.footer a {
    color: #fff;
}

.widget.footer a:hover {
    color: #2e6ca1;
}

.header {
    color: #337ab7;
}

.header h1 {
    color: #337ab7;
}

.align-right {
    text-align: right;
}

.image-border img {
    padding: 4px;
    border: 1px solid #dedede;
    border-radius: 4px;
}

.background-color {
    background: #eee;
    padding: 5px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.image-circle img {
    border-radius: 50%;
}

.video-icon a {
    position: relative;
}

.video-icon a::before {
    content: url(../../../css/images/video-play.png);
    opacity: .5;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    transition: opacity linear .3s;
}

.video-icon a:hover::before {
    opacity: 1;
}

.navigation .navbar-brand {
    height: auto;
}

.navigation .nav.nav-mobile {
    margin: 0 auto;
    float: left;
}

.navigation .nav.nav-mobile>li>a {
    padding: 15px 10px;
}

.navigation .navbar {
    margin-bottom: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.navigation .navbar-nav>li>a {
    line-height: 29px;
}

.navigation .caret.right {
    border-left: 4px solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -4px;
}

.navigation .navbar-toggle {
    margin-top: 12px;
    margin-bottom: 12px;
}

.navigation .navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
    background-repeat: repeat-x;
    background-color: #fff;
    box-shadow: none;
    border-color: #dedede;
    min-height: 60px;
    border-top: 0;
}

.navigation .navbar-default .hoveropen>.dropdown-menu {
    left: 100%;
    top: 0;
    margin: 0;
}

.navigation .navbar-default .logo {
    height: 29px;
    width: auto;
}

.navigation .navbar-default .navbar-nav>li>a {
    text-decoration: none;
    color: #353535;
}

.navigation .navbar-default .navbar-nav>li>a:hover,.navigation .navbar-default .navbar-nav>li>a:focus {
    color: #000;
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
    background-repeat: repeat-x;
    background-color: #fff;
}

.navigation .navbar-default .navbar-nav>.open>a {
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
    background-repeat: repeat-x;
    background-color: #fff;
    box-shadow: none;
    color: #353535;
}

.navigation .navbar-default .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
}

.navigation .navbar-default .navbar-nav>.active>a:hover,.navigation .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
}

.navigation .navbar-default .dropdown-menu>li>a {
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
    background-repeat: repeat-x;
    background-color: #fff;
    padding: 5px 20px;
}

.navigation .navbar-default .dropdown-menu>li>a:hover,.navigation .navbar-default .dropdown-menu>li>a:focus {
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
    background-repeat: repeat-x;
    background-color: #fff;
}

.navigation .navbar-default .dropdown-menu>.active>a,.navigation .navbar-default .dropdown-menu>.active>a:hover,.navigation .navbar-default .dropdown-menu>.active>a:focus {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
}

.navigation.A .navbar-brand,.navigation.B .navbar-brand,.navigation.D .navbar-brand,.navigation.E .navbar-brand {
    float: none;
    height: auto;
    display: inline-block;
}

.navigation.A .navbar-brand img,.navigation.B .navbar-brand img,.navigation.D .navbar-brand img,.navigation.E .navbar-brand img {
    display: inline-block;
    max-height: 58px;
}

@media(min-width: 768px) {
    .navigation .navbar-nav.navbar-center {
        float:none;
        text-align: center;
    }

    .navigation .navbar-nav.navbar-center>li {
        float: none;
        display: inline-block;
    }

    .navigation.A .container-fluid>.navbar-collapse,.navigation.B .container-fluid>.navbar-collapse,.navigation.D .container-fluid>.navbar-collapse,.navigation.E .container-fluid>.navbar-collapse,.navigation.A .container-fluid>.navbar-header,.navigation.B .container-fluid>.navbar-header,.navigation.D .container-fluid>.navbar-header,.navigation.E .container-fluid>.navbar-header,.navigation.A .container>.navbar-collapse,.navigation.B .container>.navbar-collapse,.navigation.D .container>.navbar-collapse,.navigation.E .container>.navbar-collapse,.navigation.A .container>.navbar-header,.navigation.B .container>.navbar-header,.navigation.D .container>.navbar-header,.navigation.E .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }

    .navigation.B .navbar,.navigation.E .navbar,.navigation.F .navbar,.navigation.G .navbar {
        min-height: unset;
        border-color: transparent;
    }

    .navigation.B .navbar .navbar-nav>li>a,.navigation.E .navbar .navbar-nav>li>a,.navigation.F .navbar .navbar-nav>li>a,.navigation.G .navbar .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 5px;
    }

    .navigation.C .navbar .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 5px;
    }

    .navigation.C .navbar .navbar-nav>li,.navigation.F .navbar .navbar-nav>li,.navigation.G .navbar .navbar-nav>li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media(max-width: 768px) {
    .navigation {
        padding:0;
    }

    .navigation .navbar.navbar-default {
        background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
        background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
        background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
        background-repeat: repeat-x;
        background-color: #fff;
        box-shadow: none;
    }

    .navigation .navbar.navbar-default .hoveropen>.dropdown-menu {
        display: block;
        margin-left: 15px;
    }

    .navigation .navbar.navbar-default .dropdown-menu>li>a:hover,.navigation .navbar.navbar-default .dropdown-menu>li>a:focus {
        background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
        background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
        background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
        background-repeat: repeat-x;
        background-color: #fff;
    }

    .navigation .navbar.navbar-default .dropdown-menu>.active>a,.navigation .navbar.navbar-default .dropdown-menu>.active>a:hover,.navigation .navbar.navbar-default .dropdown-menu>.active>a:focus {
        background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
        background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
        background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
        background-repeat: repeat-x;
        background-color: #337ab7;
    }

    .navigation .navbar.navbar-default .navbar-nav>.open>a {
        background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
        background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
        background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
        background-repeat: repeat-x;
        background-color: #fff;
        box-shadow: none;
        color: #353535;
    }

    .navigation .navbar.navbar-default .navbar-nav>.active>a {
        background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
        background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
        background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
        background-repeat: repeat-x;
        background-color: #337ab7;
        box-shadow: none;
        color: #fff;
    }

    .navigation .navbar.navbar-default .navbar-nav>.active>a:hover,.navigation .navbar.navbar-default .navbar-nav>.active>a:focus {
        color: #fff;
        background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
        background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
        background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
        background-repeat: repeat-x;
        background-color: #337ab7;
    }
}

.section>h4 {
    padding: 0 5px 5px;
    color: #337ab7;
    border-bottom: 2px solid #337ab7;
    text-align: left;
}

.section table tr {
    vertical-align: top;
}

.section table tr td {
    padding: 5px;
}

.border .section .section-content-listgroup {
    margin: -10px -5px -5px;
}

.border .section .section-content-listgroup .list-group-item {
    border-left: none;
    border-right: none;
}

.border .section .section-content-listgroup .list-group-item:first-child {
    border-top: none;
}

.border .section .section-content-listgroup .list-group-item:last-child {
    border-bottom: none;
}

.section .section-content-listgroup .list-group-item>p {
    margin: 0;
}

.section .section-group-listView {
    margin: 15px 0;
}

.section .section-group-listView img {
    display: block;
}

.panel-body .list-group {
    box-shadow: none;
    border-radius: 0;
}

.panel-body .list-group-item {
    border-width: 1px 0 0;
}

.panel-body .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 0 0 0;
}

.panel-body .list-group-item.active,.panel-body .list-group-item.active:hover,.panel-body .list-group-item.active:focus {
    background-image: -webkit-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: -o-linear-gradient(top,#337ab7 0%,#337ab7 100%);
    background-image: linear-gradient(to bottom,#337ab7 0%,#337ab7 100%);
    background-repeat: repeat-x;
    background-color: #337ab7;
    text-shadow: none;
    color: #fff;
    border-color: #337ab7;
}

.panel-default {
    border-color: #dedede;
    background: #fff;
    box-shadow: none;
}

.panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#fff 100%);
    background-repeat: repeat-x;
    background-color: #fff;
    border-color: #4395db;
    font-size: 17px;
}

@media(min-width: 768px) {
    .andeli-header .navbar {
        background:var(--style-color);
    }

    .andeli-header .navbar-header {
        display: none;
    }

    .andeli-header .menu {
        max-width: 1140px;
        position: relative;
    }

    .andeli-header .menu>li {
        padding: .25rem;
        position: relative;
        z-index: 5;
    }

    .andeli-header .menu>li>a {
        color: #fff !important;
    }

    .andeli-header.shadow .navbar {
        background: none;
    }

    .andeli-header.shadow .navbar-header {
        display: block;
    }

    .andeli-header.shadow .menu {
        margin: 0;
    }

    .andeli-header.shadow .menu>li>a {
        color: #333 !important;
    }

    .andeli-header.shadow .menu>li:hover>a,.andeli-header.shadow .menu>li.active>a {
        color: #fff !important;
    }
}

.andeli-link .container {
    align-items: center;
    display: flex;
}

.andeli-link .htr-left {
    padding: .5rem 0;
    align-items: flex-end;
    display: flex;
}

.andeli-link .htr-left p {
    font-weight: 600;
}

.andeli-link .htr-left p span {
    font-weight: 900;
    color: var(--style-color);
}

.andeli-link .htr-header {
    margin: 0 5%;
}

@media(min-width: 768px) {
    .andeli-link .container {
        flex-wrap:wrap !important;
    }

    .andeli-link .htr-right {
        flex: auto;
    }

    .andeli-link .htr-right ul {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-around;
    }
}

.andeli-mod1 .img {
    margin-bottom: 1rem;
    display: block;
}

.andeli-mod1 .info {
    width: 80%;
    background: rgba(255,255,255,.95);
    padding: 1rem;
    position: absolute;
    left: 10%;
    bottom: 10%;
    z-index: 2;
}

@media(min-width: 768px) {
    .andeli-mod1 .img {
        margin-bottom:0;
    }

    .andeli-mod1 .rt .img:first-child {
        margin-bottom: 4.25%;
    }
}

@media(min-width: 1200px) {
    .andeli-mod1 .info {
        padding:2rem;
    }
}

.andeli-mod2 .back {
    position: relative;
}

.andeli-mod2 .img {
    margin-bottom: 1rem;
}

.andeli-mod2 .text-center .btn {
    color: #fff;
    background: var(--style-color);
    padding: .35rem 2rem;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .andeli-mod2 {
        padding-top:1rem;
    }

    .andeli-mod2 .container {
        max-width: 100%;
        padding: 0;
    }

    .andeli-mod2 .img {
        margin-bottom: 0;
    }

    .andeli-mod2 .info .msg {
        background: rgba(255,255,255,.95);
        padding: 1rem;
    }

    .andeli-mod2 .text-center .btn {
        margin-top: .1rem;
    }
}

@media(min-width: 1200px) {
    .andeli-mod2 .info {
        width:80%;
        position: absolute;
        left: 10%;
        bottom: 1%;
    }

    .andeli-mod2 .text-center .btn {
        margin-top: .5rem;
    }
}

@media(min-width: 1440px) {
    .andeli-mod2 .info {
        width:64%;
        left: 20%;
        bottom: 5%;
    }

    .andeli-mod2 .text-center .btn {
        margin-top: 1rem;
    }
}

@media(min-width: 1840px) {
    .andeli-mod2 .info .msg {
        padding:2rem;
    }
}

.andeli-mod3 .back {
    margin-top: 1rem;
    position: relative;
}

.andeli-mod3 .img {
    padding: 0;
    display: none;
}

.andeli-mod3 .info {
    background: rgba(244,244,244,.9);
    padding: 0 1rem;
}

.andeli-mod3 .info .h4 {
    font-weight: 600;
}

.andeli-mod3 .swiper-slide .scale-img {
    border-radius: .5rem;
}

.andeli-mod3 .swiper-slide:hover .h5 {
    color: var(--style-color);
}

.andeli-mod3 .btn {
    color: #fff;
    background: var(--style-color);
    padding: .35rem 2rem;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .andeli-mod3 .container {
        max-width:100%;
        padding: 0;
    }

    .andeli-mod3 h2,.andeli-mod3 .title {
        font-size: 1.25rem;
        font-weight: 700;
        text-align: left;
        margin: 1rem 0;
    }

    .andeli-mod3 .back {
        margin: 2rem 0 0;
        align-items: stretch;
    }

    .andeli-mod3 .back:nth-of-type(even) .img {
        order: 9;
    }

    .andeli-mod3 .img {
        position: relative;
        display: block;
    }

    .andeli-mod3 .img img {
        width: 100%;
        height: 100%;
    }
}

@media(min-width: 992px) {
    .andeli-mod3 .img::after {
        content:'';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(to left,#f4f4f4,rgba(244,244,244,.001));
        background: -moz-linear-gradient(to left,#f4f4f4,rgba(244,244,244,.001));
        background: linear-gradient(to left,#f4f4f4,rgba(244,244,244,.001));
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

    .andeli-mod3 .back:nth-of-type(even) .img::after {
        background: -webkit-linear-gradient(to right,#f4f4f4,rgba(244,244,244,.001));
        background: -moz-linear-gradient(to right,#f4f4f4,rgba(244,244,244,.001));
        background: linear-gradient(to right,#f4f4f4,rgba(244,244,244,.001));
        left: 0;
    }
}

@media(min-width: 1200px) {
    .andeli-mod3 h2,.andeli-mod3 .title {
        font-size:1.5rem;
        margin: 2rem 0;
    }

    .andeli-mod3 .info {
        padding-left: 2rem;
        padding-right: 5%;
    }

    .andeli-mod3 .back:nth-of-type(even) .info {
        padding-left: 5%;
        padding-right: 2rem;
    }

    .andeli-mod3 .btn {
        margin: 2rem 0;
    }
}

@media(min-width: 1640px) {
    .andeli-mod3 h2,.andeli-mod3 .title {
        font-size:1.75rem;
    }
}

.andeli-mod4 {
    background: no-repeat center bottom;
    background-size: contain;
    padding: 1rem 0;
}

.andeli-mod4 .swiper-slide {
    background: #fff;
}

.andeli-mod4 .swiper-slide:hover p {
    color: var(--style-color);
}

.andeli-mod4 .text-center .btn {
    color: #fff;
    background: var(--style-color);
    padding: .35rem 2rem;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .andeli-mod4 {
        padding:2rem 0 0;
    }

    .andeli-mod4 .back {
        background: rgba(255,255,255,.9);
        padding: .1rem 2rem 1rem;
        margin-top: 1rem;
    }
}

@media(min-width: 1440px) {
    .andeli-mod4 .back {
        padding:.1rem 3rem 3rem;
    }

    .andeli-mod4 .text-center .btn {
        margin-top: 2rem;
    }
}

@media(min-width: 1840px) {
    .andeli-mod4 .back {
        padding:1rem 5rem 3rem;
    }
}

@media(max-width: 767px) {
    .andeli-mod4 {
        background:none !important;
    }
}

.article-list .media .media-left,.article-list .media .media-right {
    width: 230px;
    max-width: 230px;
}

.article-list .media-body {
    width: auto;
}

.article-list ul.article-list-snippet {
    margin: 0;
    padding: 0;
}

.article-list ul.article-list-snippet li {
    list-style: none;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    background-color: #fff;
}

.article-list ul.article-list-snippet li img {
    width: 100%;
}

.article-list ul.article-list-snippet li article {
    padding: 0 20px 20px 20px;
    border-top: 1px solid #f2f2f2;
}

.article-list ul.article-list-snippet li .summary {
    margin-top: 20px;
}

.article-list ul.article-list-snippet li .author {
    margin-right: 10px;
}

.panel-body>.article-category {
    margin: -15px;
}

.article-tops .more {
    list-style: none;
}

.article-tops ul,.article-tops ol {
    margin-bottom: 0;
}

.article-tops.C ul {
    list-style: none;
    padding-left: 0;
}

.article-category.B {
    border: 1px solid #efefef;
    background: #f9f9f8;
}

.article-category.B a {
    float: left;
    padding: 15px;
    display: block;
    color: #353535;
}

.article-category.B a.active {
    background: #fff;
}

@media all and (max-width: 480px) {
    .article-list .media .media-left,.article-list .media .media-right {
        display:block;
        width: 100%;
        max-width: none;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .article-list .media-body {
        width: auto;
    }
}

.owl-carousel.owl-theme .owl-prev:hover,.owl-carousel.owl-theme .owl-carousel .owl-next:hover {
    background-color: #337ab7;
}

.owl-carousel.owl-theme .progressBar>.bar {
    background-color: #337ab7;
}

.owl-carousel.owl-theme .carousel-content {
    background: rgba(64,64,64,.5);
}

.product-category-mod1 {
    border-bottom: 2px solid #dedede;
    display: none;
}

.product-category-mod1 .swiper-slide .btn {
    border: 1px solid #e9ecef;
    border-radius: 0;
    display: block;
}

.product-category-mod1 .swiper-slide .btn:hover,.product-category-mod1 .swiper-slide .btn.active {
    color: #fff;
    background: #dedede;
    border-color: #dedede;
}

@media(min-width: 768px) {
    .product-category-mod1 {
        display:block;
    }

    .product-category-mod1 .mySwiper {
        padding: 0 3rem;
    }

    .product-category-mod1 .pagination-inline a {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.25rem;
        margin-top: -1.25rem;
    }
}

.productlist .thumbnail {
    border-color: #dedede;
    border-radius: 0;
    box-shadow: none;
    padding: 1px;
}

.productlist .thumbnail>a {
    display: block;
    text-align: center;
    height: 225px;
    line-height: 225px;
}

.productlist .thumbnail>a img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.productlist .thumbnail h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.productlist .thumbnail .caption p {
    height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.productlist .thumbnail .caption p::after {
    content: "...";
}

.productlist .pagination {
    margin: 15px 0;
}

.productlist .price strong {
    color: #d9534f;
}

.productlist .media .media-left,.productlist .media .media-right {
    width: 230px;
    max-width: 230px;
}

.productlist .media-body {
    width: auto;
}

.productlist.bordered {
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.productlist.bordered .media {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

.productlist.bordered .media:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.productlist.bordered .media .media-left {
    width: 200px;
    max-width: 200px;
    padding-right: 20px;
}

.panel-body>.product-category {
    margin: -15px;
}

.product-category.B {
    border: 1px solid #efefef;
    background: #f9f9f8;
}

.product-category.B a {
    float: left;
    padding: 15px;
    display: block;
    color: #353535;
}

.product-category.B a.active {
    background: #fff;
}

@media all and (max-width: 480px) {
    .productlist .thumbnail>a {
        height:160px;
        line-height: 160px;
    }

    .productlist.bordered .media .media-left {
        display: block;
        width: 100%;
        max-width: none;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .productlist.bordered .media-body {
        width: auto;
    }
}

.product .text {
    margin: 0 auto 1rem;
}

.product .pro-list {
    margin-bottom: 1rem;
}

.product .pro-list .btn {
    color: #666;
    padding: 0;
}

.product .pro-list .btn .fa:before {
    padding-right: .3rem;
}

.product .pro-list li.active .btn {
    color: var(--style-color);
}

.product .product-con li {
    margin-bottom: 1rem;
    cursor: pointer;
}

.product .product-con li a {
    display: block;
}

.product .product-con .info {
    width: 100%;
    height: 3rem;
    font-weight: 500;
    margin: .5rem 0;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product .product-con .h5 {
    margin-bottom: .5rem;
    display: none;
}

.product .product-con .choice {
    margin-top: .75rem;
}

.product .product-con .btn {
    color: var(--style-color);
    background: transparent;
    border: 1px solid var(--style-color);
    padding: .2rem 1.25rem;
}

.product .product-con .btn-default {
    background: var(--style-color);
    color: #fff;
    padding: .2rem .5rem;
}

.product .product-con li:hover img {
    border-color: var(--style-color);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
}

.product .product-con li:hover .info,.product .product-con li:hover .info a {
    color: var(--style-color);
}

.product .product-con .btn:hover {
    background-color: var(--style-color);
    color: #fff;
}

.product .product-con.active li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.product .product-con.active li .img {
    width: 100%;
    max-width: 12.5rem;
    float: left;
    margin-right: 1.25rem;
}

.product .product-con.active li .main {
    margin-left: 13.75rem;
}

.product .product-con.active .info {
    width: auto;
    height: 1.5rem;
    -webkit-line-clamp: 1;
}

.product .product-con.active .h5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.product .product-con.active .choice {
    margin-top: 1rem;
}

* {
    margin: 0;
    padding: 0;
}

html,body {
    font-size: 16px;
    overflow-x: hidden;
}

body {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Arial;
    overflow: hidden;
}

@font-face {
    font-family: 'OpenSans';
    src: url(../../../css/less/fonts/OpenSans-Regular.ttf);
    font-display: swap;
}

.additional.zone {
    width: 100%;
}

.widget {
    margin: 0;
    position: relative;
}

img {
    max-width: 100%;
}

img.lazy {
    background: url(https://qiniuyun.jumiweb.com/jumiweb/loading.gif) no-repeat center;
    background-size: contain;
}

.icon img.lazy {
    background: none;
}

cite {
    font-style: normal;
}

a {
    color: #333;
    cursor: pointer;
}

a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    color: #333;
}

a,button,input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

a,input,textarea,select,button {
    outline: none !important;
}

form .code {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

form .code img {
    margin-left: 1rem;
}

form .code {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

form .code img {
    margin-left: 1rem;
}

.form-group {
    position: relative;
}

.form-control {
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
}

.checkbox label,.radio label {
    padding: 0;
    margin: 0;
    margin-right: .3rem;
    display: inline-block;
}

.checkbox input[type=checkbox],.radio input[type=radio] {
    margin: 0;
    position: relative;
}

ul {
    margin-bottom: 0;
}

.list-inline {
    margin: 0 -.3rem;
    flex-wrap: wrap;
    display: flex;
}

.list-inline>li {
    padding: 0 .3rem;
}

.btn {
    font-size: 1rem;
    line-height: 1.5;
    padding: .375rem .75rem;
    cursor: pointer;
}

.btn:hover,.form-control:focus {
    box-shadow: none;
}

.hidden {
    display: none !important;
}

.flex {
    display: flex;
}

.container {
    width: 100%;
}

.banner img,.index-banner img {
    width: 100%;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.container:before,.container:after,.row:before,.row:after {
    display: none;
}

.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    width: 100%;
    float: none;
    position: relative;
}

.col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-xs-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

p {
    margin-bottom: 0;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
}

.h1 {
    font-size: 2.25rem;
}

.h2 {
    font-size: 1.875rem;
}

.h3 {
    font-size: 1.5rem;
}

.h4,.h5 {
    font-weight: normal;
}

.h4 {
    font-size: 1.125rem;
}

.h5 {
    font-size: 1rem;
}

h2,.title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #090404;
    text-align: center;
}

h2.bg,.title.bg {
    text-transform: uppercase;
    position: relative;
}

h2.bg span,.title.bg span {
    display: none;
}

.text {
    max-width: 72rem;
    color: #ccc;
    text-align: center;
    margin: .5rem auto 1.875rem;
}

.head {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(var(--style-color));
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5rem;
    margin: .5rem auto;
    position: relative;
}

.head:after {
    content: '';
    width: 6rem;
    height: 1px;
    background: var(--style-color);
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 5;
}

.navbar {
    min-height: 1px;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.navbar-text {
    float: none;
    margin: 0 1rem;
    align-self: center;
    color: var(--style-color);
}

.navbar .dropdown a {
    display: block;
}

.dropdown-menu {
    display: none;
}

.dropdown-menu>li {
    display: block;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #333;
    background: transparent;
}

.banner {
    position: relative;
}

.banner .info {
    min-width: 12rem;
    background: rgba(255,255,255,.5);
    text-align: center;
    padding: 1rem .5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.banner .info h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.breadcrumb-div {
    border-bottom: 1px solid #e9ecef;
}

.breadcrumb {
    background: transparent;
    padding: .5rem 0;
    margin-bottom: 0;
    display: flex;
}

.breadcrumb>li,.breadcrumb>li>a {
    color: var(--style-color);
    text-transform: uppercase;
}

.breadcrumb>li:first-child:before {
    content: '';
    font-family: 'FontAwesome';
    margin-right: .5rem;
}

.breadcrumb>li+li:before {
    content: '•';
    color: var(--style-color);
    padding: 0;
    margin: 0 .5rem;
}

.tab-content>.tab-pane {
    display: block;
}

.content .div-text,.content .div-info {
    margin: .5rem auto 1rem;
    overflow: hidden;
    position: relative;
}

.content .div-text .more,.content .div-info .more {
    color: var(--style-color);
    background: #fff;
    text-decoration: underline;
    padding-left: 1rem;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
}

.v-video {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

.v-video .v-img,.v-video video,.v-video iframe,.v-video .v-play {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.v-video .v-img {
    z-index: 5;
}

.v-video .v-img img {
    width: 100%;
    height: 100%;
}

.v-video .v-play {
    background: rgba(0,0,0,.3);
    color: #fff;
    z-index: 8;
    align-items: center;
    justify-content: center;
    display: flex;
}

.v-video .v-play i {
    font-size: 4.25rem;
}

.v-adaptive iframe,.v-adaptive video {
    width: 320px !important;
    height: 180px !important;
    margin: 1rem auto 1.875rem;
    display: block;
}

.m-adaptive {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    display: block;
}

.m-adaptive iframe,.m-adaptive video {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.bordered img {
    border: 1px solid #ced4da;
}

.pct-img img {
    width: 100%;
}

.all-img img {
    width: 100%;
    border: 1px solid #ced4da;
}

.scale-img {
    overflow: hidden;
    display: block;
}

.scale-img img {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.scale-img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.play-icon {
    position: relative;
    display: block;
}

.play-icon::before {
    content: '';
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: none;
}

.play-icon::after {
    content: '';
    font: 400 4rem/1 'FontAwesome';
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.social {
    margin-top: 1rem;
}

.social-media {
    text-align: center;
}

.social-media li a {
    font-family: 'FontAwesome';
    font-size: 1rem;
    color: #333;
    padding-left: .25em;
    display: block;
}

.social-media li .f:before {
    content: '';
}

.social-media li .t:before {
    content: '';
}

.social-media li .i:before {
    content: '';
}

.social-media li .p:before {
    content: '';
}

.social-media li .c:before {
    content: '';
}

.social-media li .y:before {
    content: '';
}

.social-media li .g:before {
    content: '';
}

.social-media li .n:before {
    content: '';
}

.social-media li .ti:before {
    content: '';
}

.social-media li .x:before {
    content: '';
}

.social-media li .fi:before {
    content: '';
}

.social-media li .q:before {
    content: '';
}

.social-media.bg-normal li a,.social-media.bg-color li a {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    border-radius: .25rem;
    color: #fff;
    background: #333;
}

.social-media.bg-color li .f {
    background: #0b688a;
}

.social-media.bg-color li .t {
    background: #2daae4;
}

.social-media.bg-color li .i {
    background: #037abd;
}

.social-media.bg-color li .p {
    background: #a93030;
}

.social-media.bg-color li .c {
    background: #f8475f;
}

.social-media.bg-color li .y {
    background: #c8302b;
}

.social-media.bg-color li .g {
    background: #f44336;
}

.share-btn {
    position: relative;
}

.share-btn .social {
    width: 0;
    padding: .5rem 0;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -1.5rem;
    z-index: 5;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

.share-btn .social .addthis_inline_share_toolbox {
    width: 12rem;
}

.share-btn .social.on {
    width: 12rem;
}

.share-btn .btn {
    color: #333;
}

.share-btn i {
    font-size: 2rem;
}

.share-btn span {
    display: block;
}

.mySwiper {
    position: relative;
}

.pagination-block {
    padding: 1rem 0;
    justify-content: center;
    display: flex;
}

.pagination-block>span {
    width: .75rem;
    height: .75rem;
    margin: 0 .25rem;
}

.pagination-block.withe>span {
    background: #fff;
    opacity: 1;
}

.pagination-block>.swiper-pagination-bullet-active,.pagination-block.withe>.swiper-pagination-bullet-active {
    background: var(--style-color);
}

.pagination-inline {
    display: inline;
}

.pagination-inline .prevbtn,.pagination-inline .nextbtn {
    width: 1.5rem;
    height: 3rem;
    font-size: 1rem;
    line-height: 2.75rem;
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
    display: none;
    z-index: 12;
}

.pagination-inline .prevbtn {
    left: 0%;
}

.pagination-inline .nextbtn {
    right: 0%;
}

.pagination {
    list-style: none;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
}

.pagination>a,.pagination>span {
    color: var(--style-color);
    border: 1px solid var(--style-color);
    padding: .2rem .625rem;
    margin: 0 .325rem;
}

.pagination>a:hover,.pagination>span:hover,.pagination>span {
    background-color: var(--style-color);
    color: #fff;
}

.pager {
    text-align: center;
    list-style: none;
    margin: 1.25rem 0;
}

.pager li {
    display: inline-block;
}

.pager li>a,.pager li>span {
    border-radius: 0;
    color: var(--style-color);
    border: 1px solid var(--style-color);
    padding: .375rem .75rem;
    display: inline-block;
}

.pager li>a:hover,.pager li>span:hover {
    color: #fff;
    background-color: var(--style-color);
}

.pager li+li {
    margin-left: .5rem;
}

.list-tag {
    margin: .5rem auto;
    position: relative;
}

.list-tag button {
    background: none;
    border: none;
    position: absolute;
    left: 0;
    top: -1.5rem;
}

.list-tag button i:before {
    font-size: 1.25rem;
}

.list-tag .fa:before {
    margin-right: .3rem;
}

.list-tag>ul {
    margin: 0 auto;
    display: none;
}

.list-tag>ul>li {
    display: block;
}

.list-tag>a.btn {
    display: none;
}

.tab-list {
    text-align: center;
    margin: .5rem auto;
    justify-content: center;
    display: flex;
}

.tab-list>li {
    display: block;
    position: relative;
}

.tab-list>li>.btn {
    color: #666;
    text-transform: capitalize;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: .375rem 1.25rem;
    display: block;
}

.tab-list>.active>.btn,.tab-list>li:hover>.btn {
    color: #fff !important;
    background-color: var(--style-color);
    border-color: var(--style-color);
}

.tab-list .dropdown a {
    display: block;
}

.tab-list .dropdown-menu {
    width: 100%;
    min-width: 100%;
    border-radius: 0;
    text-align: center;
    padding: 0;
    margin-top: 0;
}

.tab-list .dropdown-menu>li>a {
    border-bottom: 1px solid #e9ecef;
    padding: .375rem .75rem;
}

.tab-list .dropdown-menu>li:hover>a {
    color: #fff;
    background: var(--style-color);
}

.content .navbar-header button {
    float: left;
    border: none;
    padding: 0;
}

.content .navbar-header button i:before {
    font-size: 1.25rem;
    margin-right: .2rem;
}

.aside.on .aside-scroll {
    position: fixed;
}

.aside.on .aside-scroll {
    max-width: 242px;
}

.aside.on .aside-main {
    margin-left: 25%;
}

.scroll-back {
    overflow: hidden;
    position: relative;
    align-items: flex-start;
}

.scroll-back.on .scroll-fixed {
    position: fixed;
    z-index: 12;
}

.product-menu {
    padding: 0 15px;
    margin-bottom: 0;
    align-self: flex-start;
}

.product-menu .navbar-collapse {
    background: #fff;
    padding: 0;
    flex-direction: column;
}

.product-menu .product-form {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 1.25rem;
    display: flex;
}

.product-menu .product-form button {
    min-width: 2.5rem;
    color: #fff;
    background: var(--style-color);
    border: none;
    margin-left: .5rem;
}

.product-menu .product-nav {
    width: 100%;
}

.product-menu .product-nav>li {
    margin: .5rem auto;
    border: 1px solid transparent;
    cursor: pointer;
}

.product-menu .product-nav>li h2 {
    margin: 0;
    font-size: 16px;
}

.product-menu .product-nav>li>h2>a {
    width: 100%;
    color: #333;
    background: #e9ecef;
    padding: .5rem;
    padding-left: 1rem;
    display: block;
}

.product-menu .product-nav>li>a {
    width: 100%;
    color: #333;
    background: #e9ecef;
    padding: .5rem;
    padding-left: 1rem;
    display: block;
}

.product-menu .product-nav>li.active>a,.product-menu .product-nav>li:hover>a {
    color: #fff;
    background: var(--style-color);
}

.product-menu .product-nav>li.active>h2>a,.product-menu .product-nav>li:hover>h2>a {
    color: #fff;
    background: var(--style-color);
}

.product-menu .product-nav>li.active {
    border-color: #e9ecef;
}

.product-menu .product-nav>li ul {
    padding: 0 1.25rem;
    display: none;
}

.product-menu .product-nav>li.active ul {
    display: block;
}

.product-menu .product-nav>li ul li {
    padding: .5rem;
    border-bottom: 1px solid #e9ecef;
}

.product-menu .product-nav>li ul li:last-child {
    border-bottom: none;
}

.product-menu .product-nav>li ul li.active a {
    font-weight: 600;
    color: var(--style-color);
}

.product-menu .product-nav>li ul li a:hover {
    color: var(--style-color);
}

.fancybox-title-float-wrap {
    background: var(--style-color);
}

.bottom {
    width: 100%;
    color: #666;
    text-align: center;
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.bottom ul {
    background: #fff;
    padding: 0 15px;
    margin: 0;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.bottom li {
    padding: 0;
    margin: 0 !important;
}

.bottom li a {
    color: #666;
}

.bottom img {
    margin: .2em auto;
    display: inline-block;
}

.bottom li a p {
    color: #666;
    margin-bottom: 0;
}

.at-icon-wrapper {
    height: auto !important;
    line-height: 1.2 !important;
}

.at-icon-wrapper>.at-icon-addthis {
    width: 20px !important;
    height: 20px !important;
    fill: #666 !important;
}

.at-share-tbx-element .at-icon-wrapper {
    background: none !important;
}

.at-share-tbx-element .at-share-btn {
    margin: 0 !important;
}

.con_404 {
    font-family: "arial, helvetica, sans-serif";
}

.con_404 .title {
    color: #2fa6ce;
}

.con_404 .sec01 {
    text-align: center;
}

.con_404 .bottom-link {
    max-width: 50rem;
    margin: .5rem auto;
}

.con_404 .bottom-link ul {
    background: linear-gradient(to top,rgba(188,228,254,.5),rgba(188,228,254,.0001));
    border-bottom: 1px solid #bce4fe;
    padding-top: .5rem;
    margin-left: 0;
}

.con_404 .bottom-link ul li a {
    padding: .375rem .75rem;
    display: block;
}

.con_404 .bottom-link ul li img {
    margin-right: .3rem;
}

.con_404 .bottom-link ul li span {
    vertical-align: middle;
    display: inline-block;
}

.con_404 .bottom-link .info {
    background: linear-gradient(to bottom,rgba(188,228,254,.5),rgba(188,228,254,.0001));
    padding: .3rem .5rem 1rem;
}

.con_404 .sec02,.con_404 .sec03 {
    padding: .3rem 0 1rem;
}

.con_404 .form {
    max-width: 750px;
    margin: .5rem auto;
}

.con_404 .form .form-control {
    color: #267d99;
    background: #bbe1ee;
    border: none;
    box-shadow: none;
}

.con_404 .form .form-control::-webkit-input-placeholder {
    color: #5faad1;
}

.con_404 .form .form-control:-moz-placeholder {
    color: #5faad1;
}

.con_404 .form .form-control::-moz-placeholder {
    color: #5faad1;
}

.con_404 .form .form-control:-ms-input-placeholder {
    color: #5faad1;
}

.con_404 .form .btn {
    width: 100%;
    font-weight: bold;
    color: #fff;
    background: #267d99;
}

.poster-main {
    position: relative;
    display: none;
}

.poster-main a,.poster-main img {
    display: block;
    position: relative;
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
}

.poster-main .poster-btn {
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
    opacity: .8;
}

.poster-main .poster-btn::after {
    content: '';
    width: 3.25rem;
    height: 3.25rem;
    font-family: 'FontAwesome';
    font-size: 1.75rem;
    line-height: 3.25rem;
    background: #f6f6f6;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);
    position: absolute;
    bottom: 25%;
    z-index: 5;
}

.poster-main .poster-prev-btn {
    left: -4.5rem;
}

.poster-main .poster-prev-btn::after {
    content: '';
    left: 0;
}

.poster-main .poster-next-btn {
    right: -4.5rem;
}

.poster-main .poster-next-btn::after {
    content: '';
    right: 0;
}

.dir-back {
    position: relative;
    overflow: hidden;
    display: block;
}

.dir-info {
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 2;
}

.dir-info::after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--style-color);
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.dir-info .dir-con {
    width: 100%;
    height: 100%;
    padding: 0 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
}

.to-top {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1rem;
    color: #fff;
    background-color: var(--style-color);
    border-radius: 50%;
    text-align: center;
    padding: .6rem;
    z-index: 1000;
}

.a-share {
    width: 3.125rem;
    color: #fff;
    background: var(--style-color);
    text-align: center;
    position: fixed;
    bottom: 7.5rem;
    right: .3rem;
    padding: .3rem;
    z-index: 1200;
}

.a-share .h4 {
    font-size: .875rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: .3rem;
}

.a-share .h5 {
    font-size: .75rem;
    color: #fff;
    margin-top: 0;
}

.a-share .social-media {
    margin-bottom: .3rem;
}

.a-share .social-media li {
    margin-bottom: .25rem;
}

.a-share .social-media a {
    color: #fff;
}

.a-share .at-icon-wrapper>.at-icon-addthis {
    fill: #fff !important;
}

.at-icon-name {
    display: none !important;
}

.video-play {
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3);
    position: relative;
}

.video-play>.video-sources {
    display: none;
}

.video-play>.play {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 5;
}

.video-play>.play i {
    font-size: 3rem;
    color: #fff;
}

.video-popup {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.85);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1800;
    display: none;
}

.video-popup .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-popup .back {
    width: 80%;
    height: 12.5rem;
    background: #fff;
    box-shadow: .3rem .3rem 1.25rem #000;
    position: relative;
}

.video-popup .modalnav {
    color: #fff;
    background: #000;
    border-radius: 50%;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3);
    position: absolute;
    right: -2rem;
    top: -2rem;
}

.video-popup .main,.video-popup iframe {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.inquiry-back {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1050;
    display: none;
}

.inquiry-bg {
    width: 100%;
    max-width: 30rem;
    max-height: 90%;
    overflow: auto;
    color: #fff;
    background: #262626;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3);
    padding: 2rem 3rem 3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.inquiry-back .close {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
}

.inquiry-form {
    margin: 1.25rem 0 .5rem;
}

.inquiry-form p {
    margin-bottom: .5rem;
}

.inquiry-form .h4 {
    margin: 0;
}

.inquiry-form .form-group {
    margin-top: 1.25rem;
    position: relative;
}

.inquiry-form label {
    font-weight: normal;
    cursor: pointer;
    margin-right: .5rem;
    margin-bottom: 0;
}

.inquiry-form label input {
    margin-right: .3rem;
    vertical-align: middle;
}

.inquiry-form .submit {
    margin-bottom: 0;
}

.inquiry-form .submit input {
    padding-right: 6rem;
}

.inquiry-form .submit .btn {
    color: #fff;
    background: var(--style-color);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.store-popup {
    position: fixed;
    right: -18.75rem;
    bottom: 0;
    z-index: 9;
    display: block !important;
    transition: all .7s;
}

.store-popup .btn {
    border-radius: 0;
    position: absolute;
    z-index: 5;
    opacity: 1;
}

.store-popup .btn.on {
    color: #fff;
    background: var(--style-color);
    left: -3rem;
    bottom: 1.5rem;
}

.store-popup .back {
    position: relative;
}

.store-popup .back .btn.off {
    font-size: 1.5rem;
    color: #333;
    padding: 0 .5rem;
    right: 0;
    top: 0;
}

.store-popup.active {
    right: 0;
}

.store-popup.active .on {
    display: none;
}

.card-form {
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border-radius: 50%;
    box-shadow: 0 0 .2rem .2rem rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 .2rem .2rem rgba(0,0,0,.05);
    position: fixed;
    right: .5rem;
    bottom: 7.5rem;
    overflow: hidden;
    z-index: 500;
}

.card-form .card-title {
    height: 3rem;
    font-weight: 600;
    line-height: 2.8;
    color: var(--style-color);
    background: linear-gradient(to bottom,#e9ecef,rgba(233,236,239,.001));
    padding: 0 1rem;
    margin-bottom: 0;
    position: relative;
    justify-content: space-between;
    display: flex;
}

.card-form .card-title .card-lt i:before {
    margin-right: .5rem;
}

.card-form .card-title .card-rt {
    display: flex;
}

.card-form .card-title .btn {
    color: var(--style-color);
    border: none;
    border-radius: 0;
    padding: .125rem .75rem;
}

.card-form .card-title .card-out {
    border-left: 1px solid var(--style-color);
    padding-right: 0;
}

.card-form .card-title .card-show {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5;
    text-align: center;
    color: #fff;
    background: var(--style-color);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.card-main {
    width: 100%;
    height: 16.25rem;
    padding: 0 1rem 1rem;
    overflow: auto;
}

.card-form .card-list {
    min-height: 11.5rem;
}

.card-form .card-list>li {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 1rem 0;
}

.card-form .card-list li>div {
    text-align: center;
    padding: 0;
}

.card-form .card-list li>div:first-of-type {
    text-align: left;
    padding: 0 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.card-form .card-list .btn {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.25;
    color: #666;
    border: 1px solid #999;
    padding: 0;
}

.card-form .card-sub {
    width: 100%;
    color: #fff;
    background: var(--style-color);
    border: none;
    margin-top: 1.25rem;
}

footer .link {
    font-size: .875rem;
    text-align: center;
    clear: left;
    position: relative;
}

footer .link p {
    line-height: normal;
    margin-bottom: .2rem;
}

footer .link .hide-content {
    width: 100%;
    box-shadow: 2px 2px 5px #999;
    background-color: #fff;
    padding: .8rem;
    margin-bottom: .3rem;
    position: absolute;
    left: 0;
    bottom: 100%;
    display: none;
}

footer .link a {
    color: #fff;
    margin: 0 .2rem;
}

footer .link .hide-content a {
    color: #333 !important;
}

#contact-btn {
    text-align: left;
    cursor: pointer;
    position: fixed;
    left: 0;
    top: 45%;
    z-index: 1000;
}

#contact-btn .contact-us {
    width: 8rem;
    height: 3rem;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 1rem;
    margin: 0 auto;
    text-transform: uppercase;
    line-height: 3;
    text-align: center;
    position: absolute;
    left: -2.5rem;
    top: -5.5rem;
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#contact-btn img {
    width: 3rem;
    padding: .75rem .5rem;
    background: var(--style-color);
}

.a-form {
    max-width: 28rem;
    height: 100%;
    background: #1b1b1b;
    overflow: auto;
    position: fixed;
    left: -28rem;
    top: 0;
    z-index: 9999;
}

.cont-aside {
    background: #fff;
    margin: 2rem;
    padding: 2rem 0;
}

.cont-nav {
    margin: 0 2rem;
}

.cont-nav .h3 {
    font-size: 1.5rem;
    margin-top: 1rem;
}

.cont-form {
    margin: 1rem 2rem;
}

.cont-form .code {
    align-items: center;
    flex-wrap: nowrap;
    display: flex;
}

.cont-form .code img {
    max-width: 8rem;
    margin-left: .5rem;
}

.cont-form .btn-cont {
    width: 100%;
    color: #fff;
    background: var(--style-color);
}

#close-btn {
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
    padding: .125rem .375rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.cont-aside .cont-h3 {
    color: var(--style-color);
    text-decoration: underline;
}

header .language {
    text-align: center;
    position: relative;
}

header .language .lan-toggle {
    padding: .5rem .75rem;
}

header .language .lan-toggle:after {
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    margin-left: .255em;
    vertical-align: middle;
    display: inline-block;
}

header .language .lan-menu {
    width: 7.5rem;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -3.75rem;
    z-index: 5;
    display: none;
}

header .language .lan-menu>li>a {
    border-radius: 0;
    display: block;
}

header .language .lan-menu>li:hover>a {
    color: #fff;
    background: var(--style-color);
}

header .language:hover .lan-toggle {
    color: var(--style-color);
}

header .language:hover .lan-menu {
    display: block;
}

header .search {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.75);
    left: 0;
    top: 0;
    z-index: 900;
    display: none;
}

header .search form {
    width: 100%;
    max-width: 30rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

header .search form .form-group {
    flex-wrap: nowrap;
    display: flex;
}

header .search form .center {
    justify-content: center;
}

header .search form input {
    height: 3.25rem;
    border: none;
    border-radius: 0;
    flex-grow: 1;
}

header .search form button {
    width: 4rem;
    height: 3.25rem;
    color: #fff;
    background: var(--style-color);
    border: none;
    border-radius: 0;
}

header .search .btn-close {
    font-size: 1.125rem;
    color: #fff !important;
}

header .navbar {
    background: none;
    border-radius: 0;
}

header .navbar,header .navbar>.container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header .navbar-right {
    margin-right: 0;
    align-self: center;
    order: 99;
    display: flex;
}

header .navbar-right .fa-search:eq(0) {
    color: #333;
}

header .navbar-collapse.collapse {
    padding: 0;
    display: flex;
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

header .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
}

header .dropdown-toggle::after {
    content: '';
    font-family: 'FontAwesome';
    margin-left: .25rem;
    display: none;
}

@media(min-width: 576px) {
    .container {
        max-width:540px;
    }

    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .video-popup .back {
        height: 20rem;
    }
}

@media(min-width: 768px) {
    #hide-btn,.bottom {
        display:none !important;
    }

    .container {
        max-width: 720px;
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    h2,.title {
        margin: 2rem auto;
    }

    h2.bg,.title.bg {
        font-size: 1.875rem;
    }

    h2.bg span,.title.bg span {
        font-size: 4rem;
        color: rgba(144,22,51,.08);
        position: absolute;
        left: 50%;
        top: 45%;
        z-index: -1;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        display: block;
    }

    .head {
        font-size: 1.5rem;
        margin: 2rem 0;
    }

    .v-adaptive iframe,.v-adaptive video {
        width: 480px !important;
        height: 270px !important;
    }

    .list-tag button {
        display: none;
    }

    .list-tag>ul {
        display: flex;
    }

    .list-tag.lot-of {
        padding: 0 2.5rem;
    }

    .list-tag.lot-of>a.btn {
        font-size: 1.5rem;
        line-height: 1;
        color: var(--style-color);
        background: #fff;
        text-align: center;
        border: 1px solid var(--style-color);
        border-radius: 0;
        position: absolute;
        top: 0;
        z-index: 5;
        display: block;
    }

    .list-tag.lot-of>a.btn:hover {
        color: #fff;
        background: var(--style-color);
    }

    .list-tag.lot-of>a.prev {
        left: 0;
    }

    .list-tag.lot-of>a.next {
        right: 0;
    }

    .tab-list {
        flex-wrap: wrap;
    }

    .tab-list>li {
        margin: 0 .3rem .6rem;
    }

    .tab-list.big {
        background: #d6d6d6;
        justify-content: flex-start;
    }

    .tab-list.big>li {
        margin: 0 1rem 0 0;
    }

    .tab-list.big>li>.btn {
        color: #fff;
        background: #333;
        border: none;
    }

    .tab-list.big>li:hover>.btn,.tab-list.big>li.active>.btn {
        background: var(--style-color);
    }

    header .navbar,header .navbar>.container {
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
    }

    header .navbar-header {
        float: none;
    }

    header .navbar-brand {
        margin-left: 0 !important;
    }

    header .navbar-collapse.collapse {
        display: flex !important;
        flex-basis: auto;
        align-items: stretch;
    }

    header .navbar-nav {
        flex-direction: row;
    }

    header .menu {
        float: none;
        flex-grow: 1;
        flex-wrap: nowrap;
        justify-content: flex-end;
        align-items: stretch;
    }

    header .menu>li {
        align-items: center;
        display: flex;
    }

    .con_404 .title {
        font-size: 2.25rem;
        font-weight: normal;
        margin: .5rem auto;
    }

    .con_404 .sec02,.con_404 .sec03 {
        padding: 1.5rem 0 1.875rem;
    }

    .con_404 .form .form-control {
        font-size: 1rem;
    }

    .con_404 .form input {
        height: 3rem;
    }

    .con_404 .form .btn {
        width: auto;
        font-size: 1.125rem;
        padding: .5rem 3.5rem;
        margin-top: 1.25rem;
    }

    .video-popup .back {
        width: 42rem;
        height: 23.625rem;
    }
}

@media(min-width: 992px) {
    .container {
        max-width:960px;
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .v-adaptive iframe,.v-adaptive video {
        width: 800px !important;
        height: 450px !important;
    }

    .pagination-inline .prevbtn,.pagination-inline .nextbtn {
        display: block;
    }

    .pagination-banner .prevbtn,.pagination-banner .nextbtn {
        width: 2.875rem;
        height: 2.875rem;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        display: none;
    }

    .pagination-banner .prevbtn {
        left: 5%;
    }

    .pagination-banner .nextbtn {
        right: 5%;
    }

    .index-banner:hover .pagination-banner a {
        display: block;
    }

    .pager li>a,.pager li>span {
        min-width: 7.5rem;
        padding: .375rem 1rem;
        font-size: 1.125rem;
    }

    header .menu {
        justify-content: space-around;
    }

    .video-popup .back {
        width: 56rem;
        height: 31.5rem;
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1140px;
    }

    .banner .info h1 {
        font-size: 1.875rem;
    }

    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    h2,.title {
        font-size: 1.75rem;
    }

    .title.bg {
        font-size: 2.125rem;
        margin: 3rem 0;
    }

    .title.bg span {
        font-size: 4.5rem;
    }

    .tab-list.big>li>.btn {
        font-size: 1.125rem;
        padding: .5rem 1.5rem;
    }

    .aside.on .aside-scroll {
        max-width: 285px;
    }
}

@media(min-width: 1440px) {
    .wide-14,.wide-16,.wide-18 {
        max-width:1400px;
    }

    .tab-list.big>li {
        margin-right: 2rem;
    }

    .tab-list.big>li>.btn {
        padding: .625rem 2rem;
    }
}

@media(min-width: 1640px) {
    .wide-16,.wide-18 {
        max-width:1600px;
    }

    .banner .info h1 {
        font-size: 2.25rem;
    }

    h2,.title {
        font-size: 2rem;
    }
}

@media(min-width: 1840px) {
    .wide-18 {
        max-width:1800px;
    }
}

@media(max-width: 767px) {
    #etalage,#contact-btn,.pagination-block,.inquiry-back,.onlineFloatBox,.navbar-text,.product .pro-list {
        display:none !important;
    }

    .container {
        max-width: 720px;
    }

    .banner {
        height: auto !important;
        position: relative;
    }

    .tab-list>li {
        margin-bottom: .5rem;
    }

    .store-popup {
        max-width: 7.5rem;
        bottom: 3.25rem;
        right: -7.5rem;
    }

    .store-popup .back .btn.off {
        font-size: 1rem;
    }

    .card-form {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .card-main {
        height: 90%;
    }

    .card-form .card-title .card-show {
        display: block;
    }

    .header {
        color: #333;
    }

    header {
        height: 50px;
        background: #fff;
    }

    header.on {
        position: fixed;
        z-index: 1000;
    }

    header .navbar-toggle {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

    header.on .navbar-toggle {
        -webkit-transform: rotateZ(90deg);
        -moz-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    header.on .navbar-toggle i:before {
        content: '';
    }

    header .navbar-collapse {
        width: 100%;
        height: 100% !important;
        background: #fff;
        padding-top: 1.25rem !important;
        border-top: 2px solid var(--style-color);
        margin: 0 !important;
        position: fixed;
        left: 100%;
        top: 50px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        display: block !important;
    }

    header.on .navbar-collapse {
        left: 0;
        overflow-y: auto;
    }

    header.on :root {
        overflow: hidden;
    }

    footer {
        padding-top: 0 !important;
        margin-bottom: 3rem;
    }

    footer .ftr-info {
        display: none;
    }
}

@media(max-width: 575px) {
    .text,.breadcrumb-div,.pagination-block {
        display:none !important;
    }

    .title {
        font-size: 1.125rem;
    }
}

.form_flag {
    display: none;
}

header {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 99;
}

header.shadow {
    box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.1);
    position: fixed !important;
    top: 0;
}

header .navbar-header {
    position: relative;
    z-index: 9;
}

header .navbar-brand {
    height: auto;
    float: none;
    text-align: center;
    padding: 0;
    margin: .5rem auto;
    display: flex;
    justify-content: center;
}

header .navbar-toggle {
    font-size: 1.25rem;
    background: transparent !important;
    border: none;
    padding: .675rem .85rem !important;
    margin: 0;
    position: absolute;
}

header .menu a {
    font-size: 1rem;
    text-align: center;
    color: #333;
    background: transparent;
}

header .menu>li>a {
    line-height: 1.5;
    text-transform: uppercase;
    padding: .35rem .75rem;
}

header .menu>li:hover>a {
    opacity: .8;
}

header .menu>li:hover>a,header .menu>li.active>a {
    color: #fff;
    background: var(--style-color);
}

header .menu .dropdown-menu {
    width: 100%;
    min-width: 1px;
    font-size: 1rem;
    padding: 0;
    margin: 0;
}

header .menu .dropdown-menu>li>a {
    white-space: normal;
    border-top: 1px solid #e5e5e5;
}

header .menu .dropdown-menu>li:hover>a {
    color: #fff;
    background: var(--style-color);
}

header .menu .drop {
    min-width: 2rem;
    text-align: center;
    position: absolute;
    top: .375rem;
    right: 1.5rem;
    display: none;
    z-index: 5;
}

header .menu .dropdown-menu>li:hover .drop,header .menu .dropdown-menu>li.active .drop {
    color: #fff;
}

header .menu>.pro-li .drop {
    display: block;
}

.index-banner {
    position: relative;
}

.index-banner video {
    width: 100%;
    height: 100%;
}

.ftr-filing {
    color: #fff;
    background: #0c0c0c;
    text-align: center;
    padding: .5rem;
    margin-bottom: 0;
}

.btn-search {
    display: flex;
}

.section {
    padding: 4rem 0 4rem;
}

.align-center {
    align-items: center;
}

.related {
    padding: .1rem 0 1rem;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--style-color);
    -webkit-box-shadow: var(--style-color);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(175,190,255,.4);
}

.nav-drawer li a {
    padding-right: 24px;
    padding-left: 52.99999px;
    color: inherit;
    font-weight: 500;
}

.nav-drawer>li>a {
    border-right: 3px solid transparent;
    padding-top: 14px;
    padding-bottom: 13px;
}

.nav-drawer>.active>a {
    background-color: rgba(0,0,0,.0125);
    border-color: #33cabb;
}

.nav-drawer>li.active>a {
    background-color: rgba(0,0,0,.0125) !important;
}

.nav-drawer>.active>a:hover,.nav-drawer>.active>a:focus,.nav-drawer>.active>a:active {
    background-color: rgba(0,0,0,.0125);
    border-color: #33cabb;
}

.nav-drawer .nav-subnav>li.active>a,.nav-drawer .nav-subnav>li>a:hover {
    color: #33cabb;
    background-color: transparent;
}

.nav-drawer>li>a>i {
    position: absolute;
    left: 21px;
    top: 11px;
    font-size: 1.25em;
}

.nav-drawer ul li ul {
    padding-left: 15px;
}

.nav-item-has-subnav>a:after {
    position: absolute;
    right: 24px;
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 1.75;
    content: '';
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
}

.nav-item-has-subnav.open>a:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav-item-has-subnav.open>.nav-subnav {
    display: block;
}

.nav-subnav {
    display: none;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media(min-width: 768px) {
    header .menu .drop,.htr-index {
        display:none !important;
    }

    header.shadow.htr-index {
        display: block;
    }

    header .menu .dropdown-menu {
        width: 10rem;
        left: 50%;
        margin-left: -5rem;
    }

    header .menu .dropdown-menu .dropdown-menu {
        left: 100%;
        top: 0;
        margin-left: 0;
    }

    header .menu .dropdown-menu>li>a {
        padding: .5rem .25rem;
    }

    header .menu .dropdown-menu>li:first-child>a {
        border: none;
    }

    .htr-index {
        display: none;
    }

    .related {
        padding-bottom: 2rem;
    }
}

@media(min-width: 1200px) {
    .related {
        padding:1rem 0 3rem;
    }
}

@media(max-width: 767px) {
    .htr-link,header .navbar-right {
        display:none !important;
    }

    header .navbar-header {
        flex: 1;
    }

    header .navbar-brand {
        height: 40px;
        margin: 5px auto;
    }

    header .navbar-brand img {
        height: 100%;
    }

    header .menu a {
        text-align: left;
        display: block;
    }

    header .menu>li {
        border-bottom: 1px solid #f6f6f6;
        overflow: hidden;
    }

    header .menu>li>a {
        padding: .75rem 1.5rem;
        position: relative;
        z-index: 1200;
    }

    header .menu>li>a::before {
        content: '';
        font-family: 'FontAwesome';
        font-size: .75rem;
        position: absolute;
        right: 1.5rem;
        top: 1rem;
        z-index: 3;
    }

    header .menu>li.dropdown>a::before {
        content: '';
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        transition: transform .5s;
    }

    header .menu>li.open>a::before {
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    header .menu>li:hover>a {
        color: #fff;
        background: var(--style-color);
    }

    header .menu>li.active>a {
        color: var(--style-color);
        background: #fff;
    }

    header .menu .dropdown-menu {
        background-color: #fafafa !important;
        border: none;
        padding: .5rem 0;
    }

    header .menu .dropdown-menu>li>a {
        border: none;
        padding: .5rem 2.5rem !important;
    }

    header .menu .dropdown-menu>li>a::before {
        content: '';
        font-family: 'FontAwesome';
        font-size: .875rem;
        margin-right: .5rem;
    }

    header .menu .dropdown-menu>li.active>a {
        color: #fff !important;
        background: var(--style-color) !important;
    }

    header .menu>li>ul>li li {
        margin: 0 1rem;
    }

    header .menu .dropdown-menu>li .dropdown-menu>li>a,header .menu .dropdown-menu>li .dropdown-menu>li>a {
        color: var(--style-color) !important;
        background: none !important;
    }

    .section {
        padding: 1rem 0 1rem;
    }
}

@media(min-width: 1200px) {
    .amazon h2,.amazon .title {
        font-size:2rem;
    }

    .amazon .text {
        font-size: 1.5rem;
        color: #838187;
        margin-bottom: 3rem;
    }
}

@media(min-width: 1640px) {
    .amazon h2,.amazon .title {
        font-size:2.5rem;
        font-weight: 400;
    }
}

.amazon-header .navbar {
    background: #fecb2f;
}

@media(min-width: 768px) {
    .amazon-header .navbar-header,.amazon-header.shadow .navbar-left {
        display:none;
    }

    .amazon-header.shadow .menu {
        margin: 0 -15px;
    }

    .amazon-header .container {
        max-width: 1840px;
        flex-wrap: wrap !important;
        align-items: center;
    }

    .amazon-header .navbar-left {
        width: 100%;
        padding: 1rem 0;
        position: relative;
        justify-content: space-around;
        align-items: center;
        display: flex;
    }

    .amazon-header .navbar-left .close {
        font-size: 2rem;
        line-height: 1;
        color: #fff;
        padding: 0;
        opacity: 1;
        position: absolute;
        right: -15px;
        top: 0;
    }

    .amazon-header .navbar-left .lt {
        max-width: 20%;
        text-align: center;
    }

    .amazon-header .navbar-left .lt p {
        color: #fd4446;
        font-weight: 600;
    }

    .amazon-header .navbar-left .lt img {
        max-height: 2.5rem;
        margin-top: .25rem;
    }

    .amazon-header .navbar-left .mt img {
        max-height: 3.75rem;
    }

    .amazon-header .navbar-left .rt p {
        font-size: 2rem;
        letter-spacing: 2px;
    }

    .amazon-header .navbar-collapse {
        order: 120;
    }

    .amazon-header .menu {
        background: #fa9648;
        padding: .5rem 0;
        margin: 0 -15px;
        justify-content: space-around;
    }

    .amazon-header .menu>li>a {
        font-weight: 600;
    }

    .amazon-header .menu>li:hover>a,.amazon-header .menu>li.active>a {
        background: #333 !important;
        border-radius: .5rem;
    }
}

@media(min-width: 1200px) {
    .amazon-header .navbar-header {
        margin:0 5rem;
    }

    .amazon-header .navbar-left .lt p {
        font-size: 1.25rem;
        line-height: 1;
    }

    .amazon-header .navbar-left .rt p {
        font-size: 2.5rem;
        letter-spacing: 20px;
    }

    .amazon-header .menu>li>a {
        font-size: 1.25rem;
    }
}

@media(min-width: 1640px) {
    .amazon-header .navbar-left .rt p {
        letter-spacing:30px;
    }
}

@media(min-width: 1840px) {
    .amazon-header .container {
        max-width:100%;
    }

    .amazon-header .navbar-left .rt p {
        font-size: 3rem;
        letter-spacing: 40px;
    }
}

@media(max-width: 767px) {
    .amazon-header .navbar-left {
        display:none;
    }

    .amazon-header .navbar-header {
        width: auto;
        flex: 1;
    }
}

.amazon-mod1 .container {
    padding: 0;
}

.amazon-mod1 .back {
    position: relative;
}

.amazon-mod1 .back .btn {
    height: 20%;
    position: absolute;
    left: 50%;
    bottom: 5%;
    z-index: 5;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-animation: down 3s infinite;
    -moz-animation: down 3s infinite;
    animation: down 3s infinite;
}

.amazon-mod1 .back .btn img {
    height: 100%;
}

@-webkit-keyframes down {
    0% {
        bottom: 5%;
    }

    50% {
        bottom: 0%;
    }

    100% {
        bottom: 5%;
    }
}

@-moz-keyframes down {
    0% {
        bottom: 5%;
    }

    50% {
        bottom: 0%;
    }

    100% {
        bottom: 5%;
    }
}

@keyframes down {
    0% {
        bottom: 5%;
    }

    50% {
        bottom: 0%;
    }

    100% {
        bottom: 5%;
    }
}

@media(min-width: 768px) {
    .amazon-mod1 .container {
        max-width:100%;
    }
}

@media(min-width: 1200px) {
    .amazon-mod1 .back .btn {
        height:auto;
        bottom: 15%;
    }

    .amazon-mod1 .back .btn img {
        height: 100%;
    }
}

.amazon-mod2 .container,.amazon-mod2 .row>div {
    padding: 0;
}

.amazon-mod2 .row {
    margin: 0;
}

@media(min-width: 768px) {
    .amazon-mod2 .container {
        max-width:100%;
    }
}

.amazon-mod3 {
    padding: .1rem 0 1rem;
}

.amazon-mod3 .back {
    width: 100%;
    height: 0;
    border: 4px solid var(--style-color);
    border-radius: 50%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
}

.amazon-mod3 .back .tp,.amazon-mod3 .back .bt {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.amazon-mod3 .back .tp {
    color: var(--style-color);
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.amazon-mod3 .back .num {
    font-size: 2.5rem;
    font-weight: 900;
}

.amazon-mod3 .back .bt {
    color: #fff;
    background: var(--style-color);
    top: 50%;
}

@media(min-width: 768px) {
    .amazon-mod3 {
        padding-bottom:2.5rem;
    }
}

@media(min-width: 1200px) {
    .amazon-mod3 .back .num {
        font-size:3rem;
    }

    .amazon-mod3 .back .bt p {
        font-size: 1.25rem;
    }
}

@media(min-width: 1640px) {
    .amazon-mod3 {
        padding:2rem 0 5rem;
    }

    .amazon-mod3 .back .bt p {
        font-size: 1.5rem;
    }
}

.amazon-mod4 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: .1rem 0 1rem;
}

.amazon-mod4 h2,.amazon-mod4 .title,.amazon-mod4 .text {
    color: #fff;
}

.amazon-mod4 .back {
    text-align: center;
}

@media(min-width: 768px) {
    .amazon-mod4 {
        padding:1rem 0 3rem;
    }
}

@media(min-width: 1200px) {
    .amazon-mod4 {
        padding:2rem 0 5rem;
    }
}

.amazon-mod5 {
    background: no-repeat center;
    background-size: cover;
    padding: .1rem 0 1rem;
}

@media(min-width: 768px) {
    .amazon-mod5 {
        padding:1rem 0 3rem;
    }
}

@media(min-width: 1200px) {
    .amazon-mod5 {
        padding:2rem 0 5rem;
    }
}

@media(min-width: 1640px) {
    .amazon-mod5 {
        padding:2rem 0 7rem;
    }
}

.amazon-mod6 {
    padding: .1rem 0 1rem;
}

.amazon-mod6 .back .img {
    margin-bottom: 1rem;
}

@media(min-width: 768px) {
    .amazon-mod6 {
        padding:1rem 0 3rem;
    }
}

@media(min-width: 1200px) {
    .amazon-mod6 {
        padding:2rem 0 5rem;
    }
}

@media(min-width: 1640px) {
    .amazon-mod6 {
        padding:2rem 0 7rem;
    }
}

.amazon-mod7 {
    padding: .1rem 0 1rem;
}

.amazon-mod7 .back {
    align-items: center;
}

@media(min-width: 768px) {
    .amazon-mod7 {
        padding:1rem 0 0;
    }

    .amazon-mod7 .container {
        max-width: 100%;
        padding: 0;
    }

    .amazon-mod7 h2,.amazon-mod7 .title {
        text-align: left;
    }

    .amazon-mod7 .back {
        margin: 0;
    }

    .amazon-mod7 .back .img {
        padding: 0;
    }

    .amazon-mod7 .back .msg {
        position: relative;
    }

    .amazon-mod7 .back .msg::after {
        content: '';
        width: 160%;
        height: 120%;
        background: #cfcfcf;
        position: absolute;
        left: -50%;
        top: -10%;
        z-index: -1;
    }

    .amazon-mod7 .back .msg p {
        margin-bottom: .5rem;
    }
}

@media(min-width: 1200px) {
    .amazon-mod7 .back .msg p {
        font-size:1.5rem;
        margin-bottom: 1rem;
    }
}

@media(min-width: 1640px) {
    .amazon-mod7 .back .msg p {
        font-size:1.75rem;
        font-size: 600;
        margin-bottom: 1.5rem;
    }
}

.amazon-footer {
    color: #fff;
    background: #5c5c5c;
}

.amazon-footer .ftr-info {
    display: block;
}

.amazon-footer .back {
    padding: 1rem 1rem;
}

.amazon-footer .back .h3 {
    color: #fecb2f;
}

.amazon-footer .ftr-filing {
    background: none;
}

@media(min-width: 768px) {
    .amazon-footer .ftr-info {
        justify-content:center;
        display: flex;
    }

    .amazon-footer .ftr-filing {
        padding: 1rem 1rem;
    }
}

@media(min-width: 1200px) {
    .amazon-footer .back {
        padding-top:3rem;
    }

    .amazon-footer .back .h3 {
        font-size: 3rem;
    }

    .amazon-footer .ftr-filing {
        padding: 2rem 1rem;
    }
}

.qq-online {
    width: 5.75rem;
    background: #fff;
    text-align: center;
    border: 2px solid var(--style-color);
    border-radius: .5rem;
    padding: .1rem .25rem;
    position: fixed;
    right: 1rem;
    top: 50%;
    z-index: 30;
}

.qq-online p {
    margin: .25rem 0;
}

.qq-online .h4 {
    font-size: 1rem;
    color: var(--style-color);
}

.qq-online .h5 {
    font-size: .75rem;
    color: #777;
}

.qq-online i {
    font-size: 1.5rem;
    color: #fff;
    background: var(--style-color);
    border-radius: 50%;
    padding: .75rem;
}

@media(max-width: 767px) {
    .qq-online {
        display:none;
    }
}

.menu-mod1 {
    display: none;
}

.menu-mod1 .btn-menu {
    font-size: 1.5rem;
    color: #007571;
    position: fixed;
    left: 2%;
    top: 1rem;
    z-index: 1200;
}

.menu-mod1 .btn-menu i:before {
    font-size: 2.5rem;
    margin-right: .5rem;
}

.menu-mod1.menu-aside {
    width: 17.5rem;
    height: 100%;
    background: rgba(255,255,255,.85);
    position: fixed;
    left: -17.5rem;
    top: 0;
    z-index: 1500;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.menu-mod1.menu-aside .btn-close {
    font-size: 1.5rem;
    color: #333;
    padding: 0 .5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.menu-mod1.menu-aside .main {
    width: 100%;
    margin-bottom: 5rem;
}

.menu-mod1.menu-aside .main>li {
    padding: 1rem 0 1rem 4rem;
    cursor: pointer;
}

.menu-mod1.menu-aside .main>li:hover,.menu-mod1.menu-aside .main>li.active {
    background: rgba(0,117,113,.2);
}

.menu-mod1.active .btn-menu {
    display: none;
}

.menu-mod1.active .menu-aside {
    left: 0;
}

@media(min-width: 768px) {
    .menu-mod1 .menu-mod1 {
        display:block;
    }

    .menu-mod1 .menu-mod1.shadow {
        display: none;
    }
}

.menu-mod2 {
    display: none;
}

.menu-mod2 .menu-back {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1200;
}

.menu-mod2 .menu-back .container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.menu-mod2 .navbar-brand {
    height: auto;
    max-height: 5rem;
    float: none;
    padding: 0;
    margin: .5rem 0;
    display: block;
}

.menu-mod2 .btn-menu {
    font-size: 1.5rem;
    color: var(--style-color);
}

.menu-mod2 .btn-menu i:before {
    font-size: 2.5rem;
    margin-right: .5rem;
}

.menu-mod2 .menu-aside {
    width: 20rem;
    height: 100%;
    background: rgba(255,255,255,.9);
    position: fixed;
    right: -20rem;
    top: 0;
    z-index: 1500;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.menu-mod2 .menu-aside .btn-close {
    font-size: 1.5rem;
    color: #333;
    padding: 0 .5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.menu-mod2 .menu-aside .main {
    width: 100%;
    margin-bottom: 5rem;
}

.menu-mod2 .menu-aside .main>li {
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    padding: 1rem 1rem;
    cursor: pointer;
    position: relative;
}

.menu-mod2 .menu-aside .main>li:after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--style-color);
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: none;
}

.menu-mod2 .menu-aside .main>li:hover:after,.menu-mod2 .menu-aside .main>li.active:after {
    display: block;
}

.menu-mod2 .social-media>li>a {
    border-radius: 50%;
}

.menu-mod2 .social-media>li:hover>a {
    background: var(--style-color);
}

.menu-mod2.active .btn-menu {
    display: none;
}

.menu-mod2.active .menu-aside {
    right: 0;
}

@media(min-width: 768px) {
    .menu-mod2 {
        display:block;
    }

    .menu-mod2.shadow {
        display: none;
    }
}

@media(min-width: 1200px) {
    .menu-mod2 .menu-aside .main>li>a {
        font-size:1rem;
    }
}

.wmzg-mod1 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: 1rem 0 1rem;
}

.wmzg-mod1 a {
    color: #fff;
}

.wmzg-mod1 .msg {
    margin-bottom: 1rem;
    align-items: center;
    flex-direction: column;
    display: flex;
}

.wmzg-mod1 .msg .color {
    color: var(--style-color);
}

.wmzg-mod1 .msg h1,.wmzg-mod1 .msg .h1 {
    font-weight: 900;
    margin: 0;
}

.wmzg-mod1 .msg h2,.wmzg-mod1 .msg .h2 {
    margin: 0;
    position: relative;
}

.wmzg-mod1 .msg .last {
    font-size: .875rem;
    color: #fff;
    text-decoration: underline;
}

.wmzg-mod1 .msg h3,.wmzg-mod1 .msg .h3 {
    margin: 0;
}

.wmzg-mod1 .flex {
    background: #06416d;
    border-radius: .5rem;
    padding: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}

.wmzg-mod1 .flex .icon {
    flex-basis: 3.75rem;
    margin-right: 1rem;
}

.wmzg-mod1 .flex .icon img {
    width: 100%;
}

.wmzg-mod1 .flex .info {
    line-height: 2;
    flex: 1;
}

@media(min-width: 768px) {
    .wmzg-mod1 {
        padding:3rem 0;
    }

    .wmzg-mod1 .flex .icon {
        flex-basis: 6.25rem;
    }

    .wmzg-mod1 .msg h1,.wmzg-mod1 .msg .h1 {
        font-size: 4rem;
        margin-bottom: .5rem;
    }

    .wmzg-mod1 .msg h2,.wmzg-mod1 .msg .h2 {
        font-size: 3rem;
        margin-bottom: .5rem;
    }

    .wmzg-mod1 .msg .last {
        font-size: 1.125rem;
        white-space: nowrap;
        position: absolute;
        left: 110%;
        bottom: .25rem;
    }

    .wmzg-mod1 .msg h3,.wmzg-mod1 .msg .h3 {
        font-size: 2rem;
        margin-bottom: .5rem;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod1 {
        padding:5rem 0;
    }

    .wmzg-mod1 .msg h1,.wmzg-mod1 .msg .h1 {
        font-size: 6rem;
    }

    .wmzg-mod1 .msg h2,.wmzg-mod1 .msg .h2 {
        font-size: 4.5rem;
    }

    .wmzg-mod1 .msg .last {
        font-size: 1.5rem;
        bottom: .75rem;
    }

    .wmzg-mod1 .msg h3,.wmzg-mod1 .msg .h3 {
        font-size: 3rem;
    }
}

@media(min-width: 1440px) {
    .wmzg-mod1 {
        padding:7rem 0;
    }

    .wmzg-mod1 .msg {
        margin-bottom: 5rem;
    }

    .wmzg-mod1 .msg h1,.wmzg-mod1 .msg .h1 {
        font-size: 8rem;
    }

    .wmzg-mod1 .flex {
        padding: 2rem;
    }

    .wmzg-mod1 .flex .icon {
        flex-basis: 7.5rem;
        margin-right: 2rem;
    }
}

@media(min-width: 1640px) {
    .wmzg-mod1 .row {
        margin:0 -3rem;
    }

    .wmzg-mod1 .row>div {
        padding: 0 3rem;
    }
}

.wmzg-mod2 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: .1rem 0 1rem;
}

.wmzg-mod2 h2,.wmzg-mod2 .title {
    color: var(--style-color);
}

.wmzg-mod2 .text {
    color: var(--style-color);
}

.wmzg-mod2 .back {
    text-align: center;
    position: relative;
}

.wmzg-mod2 .back .img img {
    max-width: 80%;
}

.wmzg-mod2 .back .h4 {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    left: 50%;
    bottom: 22.5%;
    transform: translate(-50%,0);
}

@media(min-width: 768px) {
    .wmzg-mod2 {
        padding:1rem 0 2rem;
    }

    .wmzg-mod2 h2,.wmzg-mod2 .title {
        margin-bottom: 0;
    }

    .wmzg-mod2 .back .img img {
        max-width: 100%;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod2 {
        padding:2rem 0 3rem;
    }

    .wmzg-mod2 h2,.wmzg-mod2 .title {
        font-size: 2.5rem;
    }

    .wmzg-mod2 .back {
        margin-top: 5rem;
    }
}

@media(min-width: 1440px) {
    .wmzg-mod2 {
        padding:5rem 0 7rem;
    }

    .wmzg-mod2 h2,.wmzg-mod2 .title {
        font-size: 3.5rem;
    }
}

.wmzg-mod3 {
    background: no-repeat center;
    background-size: cover;
    padding: .1rem 0 1rem;
}

.wmzg-mod3 h2,.wmzg-mod3 .title {
    color: var(--style-color);
    text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
}

.wmzg-mod3 .swiper-wrapper {
    align-items: stretch;
}

.wmzg-mod3 .swiper-slide {
    height: auto;
    padding: .5rem;
}

.wmzg-mod3 .back {
    height: 100%;
    background: #fff;
    border-radius: .5rem;
    padding: 1rem;
}

.wmzg-mod3 .flex {
    margin-bottom: 1rem;
    align-items: center;
}

.wmzg-mod3 .icon {
    flex-basis: 3.75rem;
    margin-right: 1rem;
}

.wmzg-mod3 .h4 {
    color: var(--style-color);
    flex: 1;
}

.wmzg-mod3 .info p {
    margin-bottom: .5rem;
}

.wmzg-mod3 .info p::before {
    content: '◆';
    margin-right: .25rem;
    display: inline-block;
}

.wmzg-mod3 .pagination-inline a {
    display: block !important;
}

@media(min-width: 768px) {
    .wmzg-mod3 {
        padding:1rem 0 3rem;
    }

    .wmzg-mod3 .pagination-inline a {
        display: none !important;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod3 {
        padding:2rem 0 5rem;
    }

    .wmzg-mod3 h2,.wmzg-mod3 .title {
        font-size: 2.5rem;
    }

    .wmzg-mod3 .back {
        padding: 2rem 2rem 1.5rem;
    }

    .wmzg-mod3 .flex {
        margin-bottom: 2rem;
    }

    .wmzg-mod3 .icon {
        flex-basis: 8rem;
    }

    .wmzg-mod3 .h4 {
        font-size: 1.75rem;
    }

    .wmzg-mod3 .info p {
        font-size: 1.125rem;
        line-height: 2;
    }
}

@media(min-width: 1440px) {
    .wmzg-mod3 {
        padding:2rem 0 5rem;
    }

    .wmzg-mod3 h2,.wmzg-mod3 .title {
        font-size: 3.5rem;
    }

    .wmzg-mod3 .back {
        padding: 3rem 3rem 2.5rem;
    }

    .wmzg-mod3 .icon {
        flex-basis: 12rem;
    }

    .wmzg-mod3 .h4 {
        font-size: 2.25rem;
    }

    .wmzg-mod3 .info p {
        font-size: 1.25rem;
    }
}

@media(min-width: 1840px) {
    .wmzg-mod3 .info p {
        font-size:1.375rem;
    }
}

.wmzg-mod4 {
    background: no-repeat center;
    background-size: cover;
    padding: 1rem 0 .1rem;
}

.wmzg-mod4 h2,.wmzg-mod4 .title {
    color: var(--style-color);
}

.wmzg-mod4 .text {
    color: var(--style-color);
}

.wmzg-mod4 .back>li {
    margin-bottom: 2rem;
}

.wmzg-mod4 .back>li::after {
    content: '';
    font-family: 'FontAwesome';
    font-size: 2rem;
    color: var(--style-color);
    position: absolute;
    right: -.625rem;
    top: 30%;
    margin-top: -1.5rem;
}

.wmzg-mod4 .back>li:nth-child(3n)::after {
    left: 50%;
    right: auto;
    top: 110%;
    margin-left: -.5rem;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.wmzg-mod4 .back>li:nth-child(6n+4)::after,.wmzg-mod4 .back>li:nth-child(6n+5)::after {
    left: -.625rem;
    right: auto;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.wmzg-mod4 .back>li:last-child::after {
    display: none;
}

.wmzg-mod4 .img img {
    max-width: 4rem;
    width: 100%;
}

.wmzg-mod4 .h4 {
    font-size: 1rem;
    color: var(--style-color);
}

.wmzg-mod4 .h4 span {
    width: 1.5rem;
    height: 1.5rem;
    font-family: impact;
    color: #fff;
    background: var(--style-color);
    border-radius: 50%;
    margin-right: .25rem;
    vertical-align: text-bottom;
    display: inline-block;
}

@media(min-width: 768px) {
    .wmzg-mod4 {
        padding:1rem 0;
    }

    .wmzg-mod4 h2,.wmzg-mod4 .title {
        margin-bottom: 0;
    }

    .wmzg-mod4 .back {
        margin-top: 2rem;
    }

    .wmzg-mod4 .back>li {
        margin-bottom: 4rem;
    }

    .wmzg-mod4 .back>li::after {
        font-size: 4rem;
    }

    .wmzg-mod4 .back>li::after {
        right: -.625rem;
        margin-top: -2.5rem;
    }

    .wmzg-mod4 .back>li:nth-child(3n)::after {
        top: 110%;
        margin-left: -1rem;
    }

    .wmzg-mod4 .img img {
        max-width: 6rem;
    }

    .wmzg-mod4 .h4 {
        font-size: 1.25rem;
    }

    .wmzg-mod4 .h4 span {
        width: 1.875rem;
        height: 1.875rem;
        margin-right: .5rem;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod4 {
        padding:2rem 0 .1rem;
    }

    .wmzg-mod4 h2,.wmzg-mod4 .title {
        font-size: 2.5rem;
    }

    .wmzg-mod4 .back {
        margin-top: 6rem;
        margin-bottom: -4rem;
    }

    .wmzg-mod4 .back>li {
        margin-bottom: 12rem;
    }

    .wmzg-mod4 .back>li::after {
        font-size: 6.25rem;
        margin-top: -3.25rem;
    }

    .wmzg-mod4 .back>li:nth-child(3n)::after {
        top: 130%;
        margin-left: -1.5rem;
    }

    .wmzg-mod4 .img img {
        max-width: 12rem;
    }

    .wmzg-mod4 .h4 {
        font-size: 1.75rem;
        margin-top: 2rem;
    }

    .wmzg-mod4 .h4 span {
        width: 2.625rem;
        height: 2.625rem;
        margin-right: 1rem;
        vertical-align: middle;
    }
}

@media(min-width: 1440px) {
    .wmzg-mod4 h2,.wmzg-mod4 .title {
        font-size:3.5rem;
    }
}

@media(min-width: 1640px) {
    .wmzg-mod4 .h4 {
        font-size:2.25rem;
        margin-top: 2rem;
    }

    .wmzg-mod4 .h4 span {
        font-size: 1.75rem;
        margin-right: 2rem;
    }
}

@media(max-width: 479px) {
    .wmzg-mod4 .h4 span {
        width:1.125rem;
        height: 1.125rem;
        font-size: .75rem;
    }
}

.wmzg-mod5 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: .1rem 0 1rem;
}

.wmzg-mod5 h2,.wmzg-mod5 .title {
    color: #fff;
}

.wmzg-mod5 .flex {
    margin-bottom: 1rem;
    justify-content: center;
    align-items: center;
}

.wmzg-mod5 .flex .icon {
    flex-basis: 3rem;
    margin-right: 1rem;
}

.wmzg-mod5 .flex .icon img {
    width: 100%;
}

.wmzg-mod5 .flex .h5 {
    font-family: impact;
    font-weight: 600;
}

.wmzg-mod5 .back {
    margin-bottom: 1rem;
    align-items: center;
    display: flex;
}

.wmzg-mod5 .back .img {
    flex-basis: 40%;
    margin-bottom: 2.625rem;
}

.wmzg-mod5 .back .img img {
    max-width: 8.25rem;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    margin: auto;
    display: block;
}

.wmzg-mod5 .back .info {
    font-family: impact;
    text-align: center;
    flex: 1;
}

.wmzg-mod5 .back .info img {
    max-width: 10rem;
}

.wmzg-mod5 .back .info .h4 {
    font-weight: 600;
}

@media(min-width: 768px) {
    .wmzg-mod5 {
        padding:1rem 0 2rem;
    }

    .wmzg-mod5 .flex {
        margin-bottom: 3rem;
    }

    .wmzg-mod5 .flex .icon {
        flex-basis: 6rem;
    }

    .wmzg-mod5 .flex .h5 {
        font-size: 2rem;
    }

    .wmzg-mod5 .back .wx-code {
        margin-bottom: 2rem;
    }

    .wmzg-mod5 .back .info .h4 {
        font-size: 1.5rem;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod5 {
        padding:2rem 0 3rem;
    }

    .wmzg-mod5 h2,.wmzg-mod5 .title {
        font-size: 2.5rem;
    }

    .wmzg-mod5 .flex {
        margin-bottom: 5rem;
    }

    .wmzg-mod5 .flex .icon {
        flex-basis: 8rem;
    }

    .wmzg-mod5 .flex .h5 {
        font-size: 3rem;
    }

    .wmzg-mod5 .back .img img {
        max-width: 12rem;
        border-width: 8px;
    }

    .wmzg-mod5 .back .wx-code {
        margin-bottom: 2rem;
    }

    .wmzg-mod5 .back .info .h4 {
        font-size: 2rem;
    }
}

@media(min-width: 1440px) {
    .wmzg-mod5 {
        padding:5rem 0 7rem;
    }

    .wmzg-mod5 h2,.wmzg-mod5 .title {
        font-size: 3.5rem;
    }

    .wmzg-mod5 .flex .icon {
        margin-right: 2rem;
    }

    .wmzg-mod5 .back .img img {
        max-width: 15rem;
        border-width: 12px;
    }

    .wmzg-mod5 .back .wx-code {
        margin-bottom: 2rem;
    }

    .wmzg-mod5 .back .info .h4 {
        font-size: 2.5rem;
    }
}

.wmzg-mod6 {
    padding: .1rem 0 1rem;
}

.wmzg-mod6 .back {
    border: 1px solid var(--style-color);
    text-align: center;
}

.wmzg-mod6 .img {
    background: var(--style-color);
    padding: 2rem 0 .5rem;
}

.wmzg-mod6 .img img {
    max-width: 6rem;
}

.wmzg-mod6 .normal-img {
    display: none;
}

.wmzg-mod6 .h4 {
    font-weight: 600;
    color: #fff;
    background: var(--style-color);
    padding: 0 0 1.5rem;
    margin: 0;
}

.wmzg-mod6 .info {
    font-size: .875rem;
    text-align: left;
    padding: 1rem;
}

.wmzg-mod6 .list {
    flex-wrap: wrap;
    display: flex;
}

.wmzg-mod6 .list .item {
    margin-bottom: 1rem;
}

@media(min-width: 480px) {
    .wmzg-mod6 .list {
        margin:0 -1rem;
    }

    .wmzg-mod6 .list .item {
        padding: 0 1rem;
        flex-basis: 50%;
    }
}

@media(min-width: 768px) {
    .wmzg-mod6 {
        padding:1rem 0 2rem;
    }
}

@media(min-width: 992px) {
    .wmzg-mod6 .back {
        border-color:transparent;
        text-align: center;
    }

    .wmzg-mod6 .img {
        background: none;
    }

    .wmzg-mod6 .normal-img {
        display: block;
    }

    .wmzg-mod6 .hover-img {
        display: none;
    }

    .wmzg-mod6 .h4 {
        color: #333;
        background: none;
    }

    .wmzg-mod6 .info {
        opacity: 0;
    }

    .wmzg-mod6 .list .item {
        flex-basis: 20%;
    }

    .wmzg-mod6 .back:hover {
        border: 1px solid var(--style-color);
    }

    .wmzg-mod6 .back:hover .img {
        background: var(--style-color);
    }

    .wmzg-mod6 .back:hover .normal-img {
        display: none;
    }

    .wmzg-mod6 .back:hover .hover-img {
        display: block;
    }

    .wmzg-mod6 .back:hover .h4 {
        color: #fff;
        background: var(--style-color);
    }

    .wmzg-mod6 .back:hover .info {
        opacity: 1;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod6 {
        padding:2rem 0 3rem;
    }

    .wmzg-mod6 h2,.wmzg-mod6 .title {
        font-size: 2.5rem;
    }
}

@media(min-width: 1440px) {
    .wmzg-mod6 {
        padding:5rem 0 2rem;
    }

    .wmzg-mod6 h2,.wmzg-mod6 .title {
        font-size: 3.5rem;
    }

    .wmzg-mod6 .list {
        margin-top: 5rem;
    }

    .wmzg-mod6 .h4 {
        font-size: 1.25rem;
    }
}

.wmzg-mod10 .ftr-filing {
    background: #3b3a3a;
    padding: 4rem 1rem;
}

.wmzg-mod7 .back {
    text-align: center;
}

.wmzg-mod7 .back .img {
    margin-bottom: 2rem;
}

@media(min-width: 768px) {
    .wmzg-mod7 .back .img {
        margin-bottom:4rem;
    }
}

.wmzg-mod8 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: .1rem 0 5rem;
}

.wmzg-mod8 h2,.wmzg-mod8 .title {
    color: #fff;
}

.wmzg-mod8 .form .form-group {
    position: relative;
}

.wmzg-mod8 .form .form-control {
    border: none;
    border-radius: 0;
}

.wmzg-mod8 .form .submit .btn {
    color: var(--style-color);
    background: #fff;
    border-radius: 0;
    padding: .35rem 1.5rem;
    margin-top: .5rem;
}

@media(min-width: 768px) {
    .wmzg-mod8 {
        padding:1rem 0 7rem;
    }

    .wmzg-mod8 .form .submit .btn {
        padding: .5rem 3.5rem;
        margin-top: 1.5rem;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod8 {
        padding:1rem 0 10rem;
    }

    .wmzg-mod8 .form {
        max-width: 57.5rem;
        margin: auto;
    }

    .wmzg-mod8 .form .form-group {
        padding-left: 6rem;
        margin-bottom: 3rem;
    }

    .wmzg-mod8 .form label {
        position: absolute;
        left: 0;
        bottom: 50%;
        margin-bottom: -.75rem;
    }

    .wmzg-mod8 .form .submit .btn {
        padding: .5rem 3.5rem;
        margin-top: 0;
    }
}

@media(max-width: 767px) {
    .wmzg-mod8 .form .code {
        flex-wrap:wrap;
    }

    .wmzg-mod8 .form .code label {
        width: 100%;
    }

    .wmzg-mod8 .form .code .form-control {
        max-width: 60%;
    }

    .wmzg-mod8 .form .code .img {
        max-width: 40%;
    }
}

.wmzg-mod9 {
    padding-top: 1rem;
}

.wmzg-mod9 h2,.wmzg-mod9 .title {
    border-bottom: 2px solid var(--style-color);
    padding-bottom: 1rem;
}

.wmzg-mod9 .back {
    max-width: 58rem;
    margin: 0 auto 1rem;
}

.wmzg-mod9 .news-list>li {
    border-bottom: 1px dashed #999;
}

.wmzg-mod9 .news-list>li .info {
    padding: 1rem 0;
}

@media(min-width: 768px) {
    .wmzg-mod9 h2,.wmzg-mod9 .title {
        padding-bottom:2rem;
    }

    .wmzg-mod9 .back {
        margin-bottom: 3rem;
    }

    .wmzg-mod9 .news-list>li .info {
        padding: 1.5rem 0;
    }

    .wmzg-mod9 .news-list>li span {
        margin-right: 1rem;
    }
}

@media(min-width: 1200px) {
    .wmzg-mod9 .back {
        margin-bottom:6rem;
    }
}

.htr-fixed-mod1 {
    width: 100%;
    max-width: 21.875rem;
    background: #fff;
    border-radius: .25rem;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.05);
    padding: .1rem 2rem 2rem;
    position: fixed;
    z-index: 120;
    display: none;
}

.htr-fixed-mod1.on {
    display: block;
}

.htr-fixed-mod1 .back {
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}

.htr-fixed-mod1 .back a {
    color: var(--style-color);
    cursor: pointer;
}

.htr-fixed-mod1 .h4 {
    font-weight: 600;
    margin: 0;
}

.htr-fixed-mod1 .h5 {
    color: #999;
    margin: 0;
}

.htr-link-mod1 {
    font-size: .875rem;
    color: #fff;
    background: #37373b;
    border-bottom: 1px solid #e9ecef;
}

.htr-link-mod1>.container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.htr-link-mod1 a,.htr-link-mod1 .hl-lt li:before {
    color: #fff;
}

.htr-link-mod1 .hl-rt {
    display: flex;
}

.htr-link-mod1 .hl-lt li {
    padding-right: 1rem;
}

.htr-link-mod1 .hl-lt li:before {
    content: '';
    font-family: 'FontAwesome';
    color: #fff;
    margin-right: .25rem;
    display: inline-block;
}

.htr-link-mod1 .hl-lt li.p:before {
    content: '';
}

.htr-link-mod1 .hl-lt li.e:before {
    content: '';
}

.htr-link-mod1 .social-media {
    margin-left: 0;
    align-items: center;
}

.htr-link-mod1 .social-media li {
    padding: .25rem .5rem;
}

.htr-link-mod1 .social-media li a {
    min-width: 1.5rem;
    color: #fff;
}

.htr-link-mod1 .social-media li a:hover {
    color: var(--style-color);
}

.htr-link-mod2 {
    font-size: .875rem;
    color: #fff;
    background: #37373b;
}

.htr-link-mod2>.container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.htr-link-mod2 a,.htr-link-mod2 .hl-lt li:before {
    color: #fff;
}

.htr-link-mod2 .hl-rt {
    display: flex;
}

.htr-link-mod2 .hl-lt li {
    padding-right: 1rem;
}

.htr-link-mod2 .hl-lt li:before {
    content: '';
    font-family: 'FontAwesome';
    color: #fff;
    margin-right: .25rem;
    display: inline-block;
}

.htr-link-mod2 .hl-lt li.p:before {
    content: '';
}

.htr-link-mod2 .hl-lt li.e:before {
    content: '';
}

.htr-link-mod2 .btn-search {
    color: #fff !important;
    border: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 0;
    padding: .25rem .625rem;
}

.htr-link-mod2 .search {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.75);
    left: 0;
    top: 0;
    z-index: 900;
    display: none;
}

.htr-link-mod2 .search form {
    width: 100%;
    max-width: 30rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.htr-link-mod2 .search form .form-group {
    flex-wrap: nowrap;
    display: flex;
}

.htr-link-mod2 .search form .center {
    justify-content: center;
}

.htr-link-mod2 .search form input {
    height: 3.25rem;
    border: none;
    border-radius: 0;
    flex-grow: 1;
}

.htr-link-mod2 .search form button {
    width: 4rem;
    height: 3.25rem;
    color: #fff;
    background: var(--style-color);
    border: none;
    border-radius: 0;
}

.htr-link-mod2 .search .btn-close {
    font-size: 1.125rem;
    color: #fff !important;
}

.htr-link-mod2 .social-media {
    margin-left: 0;
    align-items: center;
}

.htr-link-mod2 .social-media li {
    border-right: 1px solid #fff;
    padding: .25rem .35rem;
}

.htr-link-mod2 .social-media li a {
    min-width: 1.5rem;
    color: #fff;
}

.htr-link-mod2 .social-media li a:hover {
    color: var(--style-color);
}

.htr-link-mod3 {
    background: #f1f1f1;
    padding: .25rem 0;
}

.htr-link-mod3 .container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.htr-link-mod3 .social-media>li:hover>a,.htr-link-mod3 .language>li:hover>a {
    color: var(--style-color);
}

.idx_partnership-mod1 .part-group {
    width: 1915px;
    height: 800px;
}

.idx_partnership-mod1 .part-group>.part-box {
    width: 638px;
    height: 800px;
    float: left;
    transition: all .7s ease 0s;
    position: relative;
}

.idx_partnership-mod1 .part-group>.part-box::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    left: 0;
    top: 0;
    transition: all .6s;
}

.idx_partnership-mod1 .part-group>.part-box:hover::after {
    opacity: 0;
}

.idx_partnership-mod1 .part-group .part-info-group {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.idx_partnership-mod1 .part-group .part-info-group>* {
    color: #fff;
}

.idx_partnership-mod1 .part-group .part-info-group .part-icon>i {
    font-size: 72px;
}

.idx_partnership-mod1 .btn {
    background-color: #fff;
    color: var(--style-color);
    border: 1px solid var(--style-color);
}

.idx_partnership-mod1 .btn:hover {
    background-color: var(--style-color);
    color: #fff;
}

.idx_partnership-mod1 .part-group .part-box .part-info {
    display: none;
}

.idx_partnership-mod2 .list-tag>ul>li {
    margin: 0;
    flex: 1;
}

.idx_partnership-mod2 .list-tag .tab-list {
    flex-direction: column;
    height: 100%;
}

.idx_partnership-mod2 .list-tag .tab-list .btn {
    height: 100%;
    display: block;
    background: #e5eaed;
    border: 2px solid #0f325f;
    border-bottom: 1px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #0f325f;
}

.idx_partnership-mod2 .list-tag .tab-list .btn>i {
    font-size: 72px;
}

.idx_partnership-mod2 .info-wrap .info {
    height: 250px;
}

.idx_partnership-mod2 .info-wrap .theme-btn {
    background-color: var(--style-color);
    color: #fff;
}

@media(min-width: 768px) {
    .idx_partnership-mod2 .content-wrap {
        display:flex;
        position: relative;
    }

    .idx_partnership-mod2 .list-tag {
        width: 250px;
        flex-shrink: 0;
        margin: 0;
    }

    .idx_partnership-mod2 .list-tag .tab-list>li.active .btn,.idx_partnership-mod2 .list-tag .tab-list .btn:hover {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
        color: #fff;
        background-color: transparent;
    }

    .idx_partnership-mod2 .info-wrap {
        width: 500px;
        height: 400px;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        background: #e5eaed;
        padding: 2rem;
        line-height: 2;
    }
}

@media(min-width: 1200px) {
    .idx_partnership-mod2 .list-tag {
        width:370px;
    }

    .idx_partnership-mod2 .info-wrap {
        width: 550px;
        height: 500px;
        padding: 3rem;
        right: 160px;
    }

    .idx_partnership-mod2 .info-wrap .info {
        height: 300px;
    }

    .idx_partnership-mod2 .list-tag .tab-list>li.active .btn,.idx_partnership-mod2 .list-tag .tab-list .btn:hover {
        box-shadow: 0 14px 51px 0 rgba(0,0,0,.5);
    }
}

@media(max-width: 767px) {
    .idx_partnership-mod2 .content-wrap {
        padding:0 15px;
    }

    .idx_partnership-mod2 .info-wrap {
        margin-top: 20px;
    }

    .idx_partnership-mod2 .list-tag .tab-list .btn>i {
        display: none;
    }

    .idx_partnership-mod2 .list-tag .tab-list .btn {
        padding: 5px 0;
        border: 0;
    }

    .idx_partnership-mod2 .list-tag .tab-list>li {
        border: 1px solid #eee;
    }
}

.info-center {
    margin: 1rem auto;
}

.info-center form .form-group {
    position: relative;
}

.info-center form input,.info-center form textarea {
    border-radius: 0;
}

.info-center form .code .img {
    position: absolute;
    right: 0;
    top: 0;
}

.info-center form .submit .btn {
    width: 100%;
    color: #fff;
    background: var(--style-color);
    border: none;
    border-radius: 0;
}

@media(min-width: 768px) {
    .info-center {
        margin:2rem auto;
    }

    .info-center form textarea {
        min-height: 9rem;
    }

    .info-center form .submit .btn {
        max-width: 15rem;
    }
}

@media(min-width: 1200px) {
    .info-center {
        margin:3rem auto;
    }

    .info-center form .form-group {
        margin-bottom: 2rem;
    }

    .info-center form .code img {
        min-height: 3.125rem;
    }

    .info-center form input {
        height: calc(1.5em + 1.5rem + 2px);
    }

    .info-center form textarea {
        min-height: 13.25rem;
    }

    .info-center form .submit .btn {
        font-size: 1.25rem;
        padding: .5875rem .75rem;
    }
}

.info-center-mod1 {
    margin-bottom: 1rem;
}

.info-center-mod1 .h4 {
    font-weight: 600;
    padding-bottom: .5rem;
    position: relative;
}

.info-center-mod1 .h4:before,.info-center-mod1 .h4:after {
    content: '';
    width: 50%;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
}

.info-center-mod1 .h4:after {
    width: 3rem;
    background: #777;
    z-index: 5;
}

.info-center-mod1 .v-map iframe {
    width: 100% !important;
    height: 150px !important;
    margin: 1rem 0;
    display: block;
}

.info-center-mod1 .address {
    padding-left: 1.5rem;
    position: relative;
}

.info-center-mod1 .address:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    color: #666;
    position: absolute;
    left: 0;
    top: 0;
}

.info-center-mod1 .pct-img {
    margin-top: 1rem;
}

.info-center-mod1 form .form-group {
    position: relative;
}

.info-center-mod1 form input,.info-center-mod1 form textarea {
    border-radius: 0;
}

.info-center-mod1 form .code {
    display: flex;
}

.info-center-mod1 form .code img {
    width: 7.5rem;
    margin-left: 1rem;
}

.info-center-mod1 form .submit .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    padding: .35rem 1.75rem;
}

.info-center-mod1 form .submit .btn i {
    margin-left: .25rem;
}

@media(min-width: 768px) {
    .info-center-mod1 {
        margin:2rem auto;
    }

    .info-center-mod1 .h4 {
        font-size: 1.25rem;
    }

    .info-center-mod1 .v-map iframe {
        height: 350px !important;
    }

    .info-center-mod1 form .submit .btn {
        padding: .35rem 2.5rem;
    }
}

@media(min-width: 992px) {
    .info-center-mod1 .v-map iframe {
        height:450px !important;
    }

    .info-center-mod1 .h5 {
        margin: 1.5rem 0;
    }
}

@media(min-width: 1200px) {
    .info-center-mod1 {
        margin:3rem auto;
    }

    .info-center-mod1 .h4 {
        font-size: 1.5rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .info-center-mod1 .h5 {
        font-size: 1.125rem;
    }
}

@media(min-width: 1640px) {
    .info-center-mod1 form textarea {
        min-height:8rem;
    }
}

.info-center-mod2 .h4 {
    padding-bottom: .5rem;
    position: relative;
}

.info-center-mod2 .h4:before,.info-center-mod2 .h4:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #bebebe;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
}

.info-center-mod2 .h4:after {
    width: 3rem;
    background: #454545;
    z-index: 9;
}

.info-center-mod2 .para {
    margin-bottom: .5rem;
}

.info-center-mod2 .back {
    padding-bottom: .5rem;
}

.info-center-mod2 .back .info {
    padding-left: 2rem;
    position: relative;
}

.info-center-mod2 .back .info:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    color: #666;
    position: absolute;
    left: 0;
    top: 0;
}

.info-center-mod2 .address .info:before {
    content: '';
}

.info-center-mod2 .phone .info:before {
    content: '';
}

.info-center-mod2 .email .info:first-child:before {
    content: '';
}

.info-center-mod2 .email .info:nth-child(2):before {
    content: '';
}

.info-center-mod2 .email .info:nth-child(3):before {
    content: '';
}

.info-center-mod2 .social-media li a {
    background: #333 !important;
    border-radius: 50%;
}

.info-center-mod2 form .form-group {
    position: relative;
}

.info-center-mod2 form .form-control {
    border-radius: 0;
}

.info-center-mod2 form .code {
    display: flex;
}

.info-center-mod2 form .code img {
    width: 7.5rem;
    margin-left: 1rem;
}

.info-center-mod2 form .btn {
    color: #fff;
    background: #636363;
    border-radius: 0;
    padding: .35rem 1.75rem;
}

.info-center-mod1 form .submit .btn i {
    margin-left: .25rem;
}

@media(min-width: 768px) {
    .info-center-mod2 {
        padding:2rem 0;
    }

    .info-center-mod2 .h4 {
        font-size: 1.25rem;
    }

    .info-center-mod2 .back {
        margin-bottom: 1.25rem;
    }

    .info-center-mod2 .rt .h4 {
        margin-bottom: 1.25rem;
    }

    .info-center-mod2 .rt .h4:before,.info-center-mod2 .rt .h4:after {
        width: 4rem;
    }

    .info-center-mod2 .form input {
        height: 3rem;
    }
}

@media(min-width: 1200px) {
    .info-center-mod2 .h4 {
        font-size:1.5rem;
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .info-center-mod2 .lt {
        padding-right: 15%;
    }

    .info-center-mod2 .lt .h5 {
        font-size: 1.125rem;
    }

    .info-center-mod2 .rt .h4 {
        margin-bottom: 2rem;
    }

    .info-center-mod2 .rt .para {
        font-size: 1.125rem;
        color: #666;
        margin-bottom: 1.25rem;
    }

    .info-center-mod2 .form .form-group {
        margin-bottom: 1.25rem;
    }
}

.info-center-mod3 {
    margin: 1rem auto;
}

.info-center-mod3 .lt .h4 {
    font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
}

.info-center-mod3 .lt .h4:before,.info-center-mod3 .lt .h4:after {
    content: '';
    width: 12rem;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
}

.info-center-mod3 .lt .h4:after {
    width: 5rem;
    height: .5rem;
    background: #fff;
    border: 1px solid #999;
    bottom: -.25rem;
}

.info-center-mod3 .lt .email {
    font-size: 1.5rem;
    font-weight: 500;
    color: #00367c;
}

.info-center-mod3 .lt .email a {
    color: var(--style-color);
}

.info-center-mod3 form .form-group {
    position: relative;
}

.info-center-mod3 form input,.info-center-mod3 form textarea {
    border-radius: 0;
}

.info-center-mod3 form .code input {
    width: 50%;
}

.info-center-mod3 form .code .img {
    width: 48%;
    position: absolute;
    right: 0;
    top: 0;
}

.info-center-mod3 form .submit .btn {
    width: 100%;
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .info-center-mod3 {
        margin:2rem auto;
    }

    .info-center-mod3 form textarea {
        min-height: 9rem;
    }
}

@media(min-width: 1200px) {
    .info-center-mod3 {
        margin:3rem auto;
    }

    .info-center-mod3 .lt .h4 {
        margin-bottom: 3rem;
    }

    .info-center-mod3 form .form-group {
        margin-bottom: 2rem;
    }

    .info-center-mod3 form input {
        height: calc(1.5em + 1.25rem + 2px);
    }

    .info-center-mod3 form textarea {
        min-height: 12.5rem;
    }

    .info-center-mod3 form .submit .btn {
        font-size: 1.25rem;
        padding: .5875rem .75rem;
    }
}

.info-center-mod4 {
    color: #fff;
    background: #0a0a0a;
    padding: .5rem 0 1rem;
}

.info-center-mod4 .title,.info-center-mod4 h2 {
    color: #fff;
    text-align: left;
}

.info-center-mod4 .form {
    margin-top: 1rem;
}

.info-center-mod4 .form .form-control {
    color: #fff;
    background: none;
    border: none;
    border-bottom: 1px solid #999;
    border-radius: 0;
    box-shadow: none;
}

.info-center-mod4 .form .submit .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .info-center-mod4 {
        padding:1rem 0 3rem;
    }

    .info-center-mod4 .form {
        margin-top: 3rem;
    }

    .info-center-mod4 .form .submit .btn {
        margin-top: 1rem;
    }
}

@media(min-width: 1200px) {
    .info-center-mod4 {
        padding:1rem 0 5rem;
    }

    .info-center-mod4 .form .submit .btn {
        font-size: 1.125rem;
        padding: .5rem 2rem;
        margin-top: 2rem;
    }
}

.info-center-mod5 {
    padding: .5rem 0 1rem;
}

.info-center-mod5 .h4,.info-center-mod5 h4 {
    font-weight: 900;
}

@media(min-width: 768px) {
    .info-center-mod5 {
        padding:1rem 0 1.5rem;
    }

    .info-center-mod5 .h4,.info-center-mod5 h4 {
        font-size: 1.5rem;
    }
}

@media(min-width: 1200px) {
    .info-center-mod5 {
        padding:2rem 0 2.5rem;
    }

    .info-center-mod5 .h4,.info-center-mod5 h4 {
        font-size: 1.75rem;
    }
}

.info-center-mod6 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: .5rem 0 1rem;
}

.info-center-mod6 h2,.info-center-mod6 .title {
    color: #fff;
    text-align: left;
}

.info-center-mod6 .text {
    color: #fff;
    text-align: left;
    max-width: none;
}

.info-center-mod6 form .form-control {
    border-radius: 0;
}

.info-center-mod6 form label {
    font-weight: 400;
    margin-top: .5rem;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.info-center-mod6 form label input {
    max-width: 1rem;
    height: auto;
    min-height: auto !important;
    margin-top: .375rem;
    margin-right: .25rem;
}

.info-center-mod6 form .submit .btn {
    font-weight: 600;
    color: #fff !important;
    background: none;
    border: 2px solid #fff;
    border-radius: 2.5rem;
    padding: .5rem 5rem;
}

.info-center-mod6 form .submit .btn:hover {
    background: var(--style-color);
    border-color: var(--style-color);
}

@media(min-width: 768px) {
    .info-center-mod6 {
        padding-bottom:3rem;
    }
}

@media(min-width: 1200px) {
    .info-center-mod6 {
        padding:3rem 0 5rem;
    }

    .info-center-mod6 h2,.info-center-mod6 .title {
        font-size: 3rem;
        line-height: 1.3;
    }

    .info-center-mod6 .text {
        font-size: 1.125rem;
    }

    .info-center-mod6 form {
        font-size: 1.125rem;
    }

    .info-center-mod6 form .form-group {
        margin-bottom: 2rem;
    }

    .info-center-mod6 form .form-control {
        min-height: 3.125rem;
    }
}

.info-center-mod7 {
    margin: 1rem auto;
}

.info-center-mod7 form .form-group {
    position: relative;
    margin-bottom: 1rem;
}

.info-center-mod7 form input,.info-center-mod7 form textarea {
    border-radius: 0;
    outline: none;
    border: none;
}

.info-center-mod7 form .code input {
    width: 50%;
}

.info-center-mod7 form .code .img {
    width: 48%;
    position: absolute;
    right: 0;
    top: 0;
}

.info-center-mod7 form .submit .btn {
    width: 100%;
    color: #fff;
    background: #333;
    border-radius: 0;
}

.info-center-mod7 {
    margin: 1rem auto;
}

.info-center-mod7 form .form-group {
    position: relative;
}

.info-center-mod7 form input,.info-center-mod7 form textarea {
    border-radius: 0;
}

.info-center-mod7 form .code input {
    width: 50%;
}

.info-center-mod7 form .code .img {
    width: 48%;
    position: absolute;
    right: 0;
    top: 0;
}

.info-center-mod7 form .submit .btn {
    width: 100%;
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

.info-center-mod7 .row {
    margin: 0;
}

.info-center-mod7 .lt {
    background: #f6f6f6;
    padding: 4rem 2rem;
}

.info-center-mod7 .lt ul li {
    margin-bottom: .5rem;
    font-size: 18px;
    padding: 10px 0;
}

.info-center-mod7 .rt {
    background: #ededed;
    padding: 4rem 2rem;
}

.info-center-mod7 form .form-control {
    border-radius: 0;
}

.info-center-mod7 form .flex {
    justify-content: space-between;
}

.info-center-mod7 form .flex input {
    max-width: 47.5%;
}

.info-center-mod7 form .code {
    display: flex;
}

.info-center-mod7 form .code img {
    width: 10rem;
    margin-left: 1rem;
}

.info-center-mod7 form button {
    color: #fff !important;
    background: #333;
    border-radius: 0;
    padding: .5rem 2rem;
}

@media(min-width: 1200px) {
    .info-center-mod7 {
        margin:3rem auto;
    }

    .info-center-mod7 form .form-group {
        margin-bottom: 2rem;
    }

    .info-center-mod7 form input {
        height: calc(1.5em + 1.5rem + 2px);
    }

    .info-center-mod7 form textarea {
        min-height: 11.25rem;
    }

    .info-center-mod7 form .submit .btn {
        font-size: 1.25rem;
        padding: .5875rem .75rem;
    }
}

@media(min-width: 768px) {
    .info-center-mod7 {
        margin:2rem auto;
    }

    .info-center-mod7 form textarea {
        min-height: 9rem;
    }
}

.catalogue-mod1 {
    padding: 1rem 0;
}

.catalogue-mod1 .tab-pane .h4 {
    font-weight: 600;
}

.login-mod1 {
    background: #434343;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 12000;
}

.login-mod1 .container {
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.login-mod1 .login {
    width: 100%;
    max-width: 35rem;
    text-align: center;
    padding: 1rem;
}

.login-mod1 .form {
    max-width: 22rem;
    padding: 0 1rem;
    margin: 1rem auto;
}

.login-mod1 .form-group {
    position: relative;
    margin-bottom: 1.25rem;
}

.login-mod1 .form .form-group i {
    font-size: 1.75rem;
    color: #fff;
    position: absolute;
    left: 1.75rem;
    top: 50%;
    z-index: 5;
    -webki-ttransform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.login-mod1 .form .form-control {
    height: 3rem;
    color: #fff;
    background: transparent;
    border: 2px solid #d0deed;
    border-radius: .5rem;
    padding-left: 3rem;
}

.login-mod1 .form .submit .btn {
    width: 100%;
    font-size: 1.125rem;
    color: #fff;
    background: var(--style-color);
    border-radius: .5rem;
    padding: .5rem .75rem;
}

@media(min-width: 768px) {
    .login-mod1 .form-group {
        margin-bottom:2.5rem;
    }

    .login-mod1 .form .submit .btn {
        margin-top: 1rem;
    }
}

@media(min-width: 768px) {
    .catalogue-mod1 {
        padding-bottom:2rem;
    }

    .catalogue-mod1 .list-tag {
        margin-bottom: 0;
        overflow: hidden;
        display: flex;
    }

    .catalogue-mod1 .tab-list {
        margin: 0;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .catalogue-mod1 .list-tag.lot-of {
        padding: 0 2rem;
    }

    .catalogue-mod1 .list-tag.lot-of>a.btn {
        font-size: 2rem;
        color: var(--style-color);
        line-height: 1;
        background: #fff;
        border: none;
        padding: 0;
    }

    .catalogue-mod1 .tab-list>li {
        margin: 0;
    }

    .catalogue-mod1 .tab-list>li>a {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        padding: .25rem .35rem;
    }

    .catalogue-mod1 .tab-pane {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3);
        padding: .5rem 2rem 2rem;
    }

    .catalogue-mod1 h2,.catalogue-mod1 .title {
        font-size: 1.25rem;
        text-align: left;
        margin: 1rem 0;
    }

    .catalogue-mod1 .back p:not(.h4):not(.h5) {
        padding-left: 1.25rem;
    }
}

@media(min-width: 1200px) {
    .catalogue-mod1 .list-tag.lot-of {
        padding:0;
    }

    .catalogue-mod1 .list-tag.lot-of>a.btn {
        display: none;
    }

    .catalogue-mod1 .back {
        max-width: 1350px;
        margin: 0 auto 3rem;
    }

    .catalogue-mod1 .info {
        padding-left: 10%;
    }

    .catalogue-mod1 .mySwiper {
        max-width: 1350px;
        margin: 0 auto;
    }
}

@media(min-width: 1640px) {
    .catalogue-mod1 .tab-list {
        margin-left:0 !important;
    }
}

.breadcrumb-mod1 {
    background: #f5f5f5;
    border: none;
    padding: 1rem .1rem;
}

.breadcrumb-mod1 .breadcrumb {
    justify-content: center;
}

.breadcrumb-mod1 .breadcrumb>li,.breadcrumb-mod1 .breadcrumb>li>a {
    color: #333;
}

.breadcrumb-mod1 .breadcrumb>li:first-child:before {
    display: none;
}

.breadcrumb-mod1 .breadcrumb>li+li:before {
    content: '>>';
    margin: 0;
}

.breadcrumb-mod1 h2,.breadcrumb-mod1 .title {
    font-weight: 900;
    line-height: 1;
    margin: 0 0 .5rem;
}

@media(min-width: 768px) {
    .breadcrumb-mod1 {
        margin-bottom:2rem;
    }
}

@media(min-width: 1200px) {
    .breadcrumb-mod1 {
        padding:2rem .1rem;
        margin-bottom: 3rem;
    }
}

@media(min-width: 1640px) {
    .breadcrumb-mod1 {
        padding:3rem .1rem;
        margin-bottom: 4rem;
    }

    .breadcrumb-mod1 h2,.breadcrumb-mod1 .title {
        font-size: 2.25rem;
    }
}

.downform_check {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.downform_check .container {
    max-width: 40rem;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.downform_check .back {
    width: 100%;
    max-height: 90%;
    background: #fff;
    border-radius: .25rem;
    padding: 1rem 2rem;
    position: relative;
    overflow: auto;
}

.downform_check .back .h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5rem;
    margin-top: .5rem;
}

.downform_check .back .close {
    font-size: 1.5rem;
    color: #dc3545;
    padding: 0 .5rem;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}

.downform_check .back .submit {
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
    margin-top: 1.25rem;
}

.downform_check .back .submit .btn {
    color: #fff;
    background: var(--style-color);
}

.downform_check .back .submit .c-btn {
    background: #dc3545;
    margin-right: 1rem;
}

.inquiry-mod1 {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.inquiry-mod1 .container {
    max-width: 40rem;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.inquiry-mod1 .back {
    width: 100%;
    max-height: 90%;
    background: #fff;
    border-radius: .25rem;
    padding: 1rem 2rem;
    position: relative;
    overflow: auto;
}

.inquiry-mod1 .back .h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5rem;
    margin-top: .5rem;
}

.inquiry-mod1 .back .close {
    font-size: 1.5rem;
    color: #dc3545;
    padding: 0 .5rem;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}

.inquiry-mod1 .back .submit {
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
    margin-top: 1.25rem;
}

.inquiry-mod1 .back .submit .btn {
    color: #fff;
    background: var(--style-color);
}

.inquiry-mod1 .back .submit .c-btn {
    margin-right: 1rem;
}

.inquiry-mod2 .inquiry-bg {
    width: 100%;
    max-width: 1000px;
    height: 500px;
    overflow: auto;
    color: #fff;
    padding: 2rem 3rem 3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-size: 100%;
}

.inquiry-mod2 .inquiry-form {
    position: absolute;
    bottom: 180px;
    left: 100px;
    display: none;
}

.inquiry-mod2 #enter {
    position: absolute;
    bottom: 188px;
    left: 100px;
    color: #fff;
    background: var(--style-color);
}

.inquiry-mod2 .inquiry-form .submit .btn {
    color: #fff;
    background: var(--style-color);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.inquiry-mod3 ul,.inquiry-mod3 ol,.inquiry-mod3 li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inquiry-mod3 a {
    color: #373937;
    text-decoration: none;
}

.inquiry-mod3 i {
    font-style: normal;
    color: #fff;
    font-size: 1.25rem;
}

.inquiry-mod3 #floatwindow_chat_window img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}

.inquiry-mod3 #floatwindow_chat_window {
    position: fixed;
    right: 5px;
    bottom: 5%;
    z-index: 1000;
    font-size: 14px;
}

.inquiry-mod3 .floatwindow_fd_img {
    position: absolute;
    width: 120px;
    text-align: center;
    top: -72px;
}

.inquiry-mod3 .floatwindow_chat_box {
    position: relative;
    z-index: 99;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_box {
    display: none;
}

.inquiry-mod3 #floatwindow_chat_window:hover .floatwindow_box {
    display: block;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_item {
    display: block;
    position: relative;
    width: 120px;
    height: 35px;
    border-radius: 6px;
    margin-bottom: 6px;
    background-color: #46bac6;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_item i {
    position: absolute;
    top: 0;
    left: 10px;
    width: 35px;
    height: 35px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.inquiry-mod3 .floatwindow_chat_item span {
    display: block;
    line-height: 35px;
    padding-left: 50px;
    color: #fff;
    font-size: 14px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_qq {
    background-position: 3px -6px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_tel {
    background-position: 3px -56px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_email {
    background-position: 3px -109px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_wechat {
    background-position: 3px -163px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_chat_skype {
    background-position: 3px -215px;
}

.inquiry-mod3 .floatwindow_abs {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 135px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box {
    font-size: 16px;
    position: relative;
    padding: 8px 20px;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: 5px;
    height: 36px;
    line-height: 20px;
    white-space: nowrap;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box:before {
    content: '';
    position: absolute;
    top: 10px;
    right: -8px;
    border-width: 7.5px 0 7.5px 8px;
    border-color: transparent;
    border-left-color: #e8e8e8;
    border-style: solid;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -6.5px;
    border-width: 7.5px 0 7.5px 8px;
    border-color: transparent;
    border-left-color: #fff;
    border-style: solid;
}

.inquiry-mod3 .floatwindow_chat_item:hover .floatwindow_abs {
    display: block;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box a {
    position: relative;
    display: block;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box a:hover {
    background: #effaf7;
    text-decoration: none;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box .floatwindow_relimg {
    display: none;
    position: absolute;
    top: 0;
    left: -105px;
    padding-right: 5px;
    width: 100px;
    height: 100px;
    text-align: right;
    margin-bottom: 5px;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box .floatwindow_relimg img {
    padding: 2px;
    border: 1px solid #effaf7;
    border-radius: 2px;
    background: #fff;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_more_box a:hover .floatwindow_relimg {
    display: block;
}

.inquiry-mod3 .floatwindow_chat_box .floatwindow_menu a {
    width: 120px;
    height: 35px;
    display: block;
    border-radius: 6px;
    margin-bottom: 6px;
    background: #46bac6;
}

.inquiry-mod3 #floatwindow_go_top {
    visibility: hidden;
}

.inquiry-mod3 .floatwindow_more {
    display: block;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.inquiry-mod3 #floatwindow_chat_window:hover .floatwindow_menu,.inquiry-mod3 #floatwindow_chat_window .floatwindow_chat_box.floatwindow_cur .floatwindow_menu .floatwindow_more {
    display: none;
}

.inquiry-mod3 .floatwindow_top span {
    display: block;
    font-size: 14px;
    color: #fff;
    padding-left: 30px;
    line-height: 35px;
}

.inquiry-mod4 {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.inquiry-mod4 .lt {
    position: relative;
    padding: 0;
}

.inquiry-mod4 img.pic {
    position: absolute;
    z-index: 20;
    bottom: 0;
}

.inquiry-mod4 .form-group {
    margin-bottom: 0;
}

.inquiry-mod4 .input {
    padding: 0;
}

.inquiry-mod4 .code {
    margin: 10px 0;
}

.inquiry-mod4 .input input {
    width: 100px;
    height: 24px;
}

.inquiry-mod4 input::-webkit-input-placeholder {
    font-size: 12px;
}

.inquiry-mod4 textarea::-webkit-input-placeholder {
    font-size: 12px;
}

.inquiry-mod4 textarea {
    font-size: 14px;
}

.inquiry-mod4 label {
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
}

.inquiry-mod4 .lt {
    background-color: #004da1;
}

.inquiry-mod4 .rt {
    padding: 10px 20px;
}

.inquiry-mod4 .container {
    max-width: 40rem;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.inquiry-mod4 .back {
    width: 100%;
    max-height: 90%;
    background: #fff;
    border-radius: .25rem;
    position: relative;
}

.inquiry-mod4 .back .row {
    margin: 0;
}

.inquiry-mod4 .back .h3 {
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #004da1;
    margin: 0;
}

.inquiry-mod4 .back .close {
    font-size: 1.5rem;
    color: #dc3545;
    padding: 0 .5rem;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}

.inquiry-mod4 .back .submit {
    text-align: right;
    margin-bottom: 0;
    display: flex;
    justify-content: space-evenly;
}

.inquiry-mod4 .back .submit .btn {
    color: #fff;
    background: #004da1;
    width: 72px;
    height: 26px;
    border-radius: 4px;
    padding: 0;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
}

.inquiry-mod4 .code input {
    width: 100%;
}

.inquiry-mod5 {
    display: none;
}

.inquiry-mod5 .container {
    box-shadow: 0 30px 80px 0 rgba(0,0,0,.5);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.inquiry-mod5 .lt,.inquiry-mod5 .rt {
    padding: 0;
}

.inquiry-mod5 .lt {
    padding: 2rem;
}

.inquiry-mod5 .clo {
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
}

.inquiry-mod5 .clo img {
    width: 40px;
    height: 40px;
}

.new-tab-mod1 {
    display: none;
}

.new-tab-mod1 .back {
    background: #fff;
    margin-bottom: 2rem;
}

.new-tab-mod1 .mySwiper {
    margin-bottom: 1rem;
}

.new-tab-mod1 .mySwiper .img {
    display: block;
}

.new-tab-mod1 .mt {
    font-weight: 700;
    margin-bottom: 2rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.new-tab-mod1 .mt a {
    font-weight: 700;
    padding: 0;
}

.new-tab-mod1 .back .h4 {
    font-size: 1rem;
    font-weight: 700;
    background: #e9ecef;
    padding: .5rem .5rem;
    margin: 0;
}

.new-tab-mod1 .back ul {
    border: 1px solid #e9ecef;
    padding-left: 10%;
    padding: .5rem;
}

.new-tab-mod1 .back ul>li {
    margin-bottom: .5rem;
}

.new-tab-mod1 .back ul>li>a {
    line-height: 1.5;
}

.new-tab-mod1 .back ul>li>a::before {
    content: '';
    font-family: 'FontAwesome';
    color: #999;
    margin-right: .5rem;
}

.new-tab-mod1 .back:nth-of-type(2) ul>li>a::before {
    content: '';
    font-size: .75rem;
}

.new-tab-mod1 .back ul>li:hover>a,.new-tab-mod1 .back ul>li:hover>a::before {
    color: var(--style-color);
}

.new-tab-mod1 .c-back {
    margin: 0 -.5rem;
}

.new-tab-mod1 .c-back>div {
    padding: 0 .5rem;
    margin-bottom: 1rem;
}

.new-tab-mod1 .c-info {
    background: #fff;
    border-radius: .25rem;
    padding: .5rem;
    overflow: hidden;
}

.new-tab-mod1 .c-info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

@media(min-width: 1200px) {
    .new-tab-mod1 {
        width:15.5rem;
        position: absolute;
        left: 50%;
        top: 5rem;
        margin-left: 24.25rem;
        z-index: 70;
        display: block;
    }

    .new-tab-mod1.on {
        position: fixed;
    }
}

@media(min-width: 1440px) {
    .new-tab-mod1 {
        margin-left:28.75rem;
    }
}

@media(min-width: 1640px) {
    .new-tab-mod1 {
        width:19rem;
        margin-left: 30.75rem;
    }

    .new-tab-mod1 .back ul {
        padding-left: 15%;
    }
}

.product-list .product-menu {
    display: none;
}

.product-list h2,.product-list .title {
    color: var(--style-color);
}

.product-list .text {
    max-width: 1000px;
}

.product-list .back .bg-img {
    margin-bottom: 1rem;
}

.product-list .back .swiper-slide {
    cursor: pointer;
}

.product-list .back .info {
    max-height: 4.5rem;
    overflow: hidden;
}

.product-list .back ul {
    margin-top: .5rem;
}

.product-list .back ul li a {
    color: #1f3cde;
}

.product-list .back .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    margin-top: .5rem;
}

@media(min-width: 768px) {
    .product-list h2,.product-list .title {
        font-size:1.25rem !important;
        margin: 1rem 0;
    }

    .product-list .back {
        margin-bottom: 2rem;
    }

    .product-list .back .info {
        max-height: 9rem;
    }
}

@media(min-width: 992px) {
    .product-list .product-menu {
        display:block;
    }
}

@media(min-width: 1200px) {
    .product-list .back {
        margin-bottom:3.125rem;
    }
}

@media(min-width: 1440px) {
    .product-list .aside.on .aside-main {
        margin-left:17.5rem;
    }

    .product-list .product-menu {
        -ms-flex: 0 0 17.5rem;
        flex: 0 0 17.5rem;
        max-width: 17.5rem;
    }

    .product-list .back .info {
        max-height: 15rem;
    }
}

@media(max-width: 767px) {
    .product-list .back {
        border-bottom:1px dashed #ccc;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
}

.product-all {
    padding-top: 1rem;
}

.product-tab-mod1 {
    display: none;
}

@media(min-width: 1200px) {
    .product-tab-mod1 {
        position:absolute;
        left: 50%;
        top: 1rem;
        margin-left: -41rem;
        z-index: 70;
        display: block;
    }

    .product-tab-mod1.on {
        position: fixed;
    }

    .product-tab-mod1 .tab-list {
        flex-direction: column;
    }

    .product-tab-mod1 .tab-list>li {
        margin-bottom: 1rem;
    }

    .product-tab-mod1 .tab-list>li:after {
        content: '';
        width: 1px;
        height: 1rem;
        background: var(--style-color);
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: 3;
    }

    .product-tab-mod1 .tab-list>li:last-child:after {
        display: none;
    }

    .product-tab-mod1 .tab-list>li>.btn {
        background: #fff;
        border: none;
        border-radius: 50%;
        padding: 0;
    }

    .product-tab-mod1 .tab-list>li:hover>.btn,.product-tab-mod1 .tab-list>li.active>.btn {
        background: #eee !important;
        box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);
    }
}

@media(min-width: 1440px) {
    .product-tab-mod1 {
        margin-left:-45rem;
    }

    .product-tab-mod1 .tab-list>li {
        margin-bottom: 3rem;
    }

    .product-tab-mod1 .tab-list>li:after {
        height: 3rem;
    }
}

@media(min-width: 1640px) {
    .product-tab-mod1.wide {
        margin-left:-50rem;
    }
}

.contact-fixed-mod1 {
    width: 100%;
    padding-bottom: 2rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2100;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.contact-fixed-mod1.on {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.contact-fixed-mod1:after {
    content: '';
    width: 100%;
    height: 100%;
    max-height: 12.5rem;
    background: rgba(246,246,246,.8);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.contact-fixed-mod1 .cont-fixed {
    position: relative;
}

.contact-fixed-mod1 .back {
    color: #fff;
    margin: 0;
    align-items: stretch;
}

.contact-fixed-mod1 .h4 {
    padding-bottom: .5rem;
    position: relative;
}

.contact-fixed-mod1 .h4:after {
    content: '';
    width: 2rem;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -1rem;
    z-index: 5;
}

.contact-fixed-mod1 .ctlt {
    background: var(--style-color);
    padding: .5rem 15px;
}

.contact-fixed-mod1 .ctlt .info {
    max-width: 12.5rem;
    font-size: .875rem;
    margin: auto;
}

.contact-fixed-mod1 .ctlt .info p {
    margin-top: .5rem;
}

.contact-fixed-mod1 .ctlt .info p img {
    max-width: 1.25rem;
    margin-right: .25rem;
}

.contact-fixed-mod1 .ctlt .btn {
    color: #333;
    background: #fff;
    margin-top: .5rem;
}

.contact-fixed-mod1 .ctmt {
    background: #33b6a1;
    padding: .5rem 15px;
}

.contact-fixed-mod1 form .form-control {
    color: #fff;
    background: transparent;
    border-color: #8bd6ca;
}

.contact-fixed-mod1 form input::-webkit-input-placeholder {
    color: #fff;
}

.contact-fixed-mod1 form input:-moz-placeholder {
    color: #fff;
}

.contact-fixed-mod1 form input::-moz-placeholder {
    color: #fff;
}

.contact-fixed-mod1 form input::-ms-input-placeholder {
    color: #fff;
}

.contact-fixed-mod1 form select option {
    color: #333;
}

.contact-fixed-mod1 form .btn {
    width: 100%;
    color: #333;
    background: #fff;
}

.contact-fixed-mod1 .ctrt {
    background: var(--style-color);
    padding: .5rem 15px 1.25rem;
}

.contact-fixed-mod1 .ctrt img {
    max-width: 7.5rem;
}

.contact-fixed-mod1 .bt-btn .btn {
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-top: .5rem;
}

@media(min-width: 768px) {
    .contact-fixed-mod1 .h4 {
        margin-bottom:1rem;
    }

    .contact-fixed-mod1 .back>div {
        padding-top: 3rem;
        padding-bottom: 1rem;
        margin-top: 3rem;
    }

    .contact-fixed-mod1 .back .icon {
        content: '';
        width: 5rem;
        height: 5rem;
        position: absolute;
        top: -2.5rem;
        left: 50%;
        margin-left: -2.5rem;
    }

    .contact-fixed-mod1 .back .icon img {
        width: 100%;
        border: 1px solid var(--style-color);
        border-radius: 50%;
    }

    .contact-fixed-mod1 .back .ctmt .icon img {
        border-color: #33b6a1;
    }

    .contact-fixed-mod1 form {
        max-width: 30rem;
        margin: auto;
    }

    .contact-fixed-mod1 .form-group {
        padding: 0 .5rem;
    }

    .contact-fixed-mod1 .ctrt {
        order: 9;
    }
}

@media(min-width: 1200px) {
    .contact-fixed-mod1 .ctlt .btn {
        margin-top:1rem;
    }
}

@media(max-width: 767px) {
    .contact-fixed-mod1 {
        height:100%;
        background: rgba(255,255,255,.9);
        padding-top: 2rem;
        padding-bottom: 4rem;
        overflow: auto;
    }

    .contact-fixed-mod1:after {
        bottom: -120px;
    }

    .contact-fixed-mod1 form textarea {
        max-height: 4.5rem;
    }
}

.contact .info-text {
    text-align: center;
    align-items: stretch;
    justify-content: center;
}

.contact .info-text>div {
    margin-bottom: 1rem;
}

.contact .info-text .back {
    height: 100%;
    min-height: 16rem;
    border: 1px solid #ccc;
    padding: 1.5rem 1rem 0;
}

.contact .info-text i {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.5rem;
    line-height: 3.75rem;
    color: #fff;
    background: var(--style-color);
    border-radius: 50%;
}

.contact .info-text .h4 {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 1.25rem 0 1rem;
}

@media(min-width: 768px) {
    .contact .info-text {
        margin:1rem -.5rem 0;
    }

    .contact .info-text>div {
        padding: 0 .5rem;
    }

    .contact .info-text .back {
        padding-top: 2.5rem;
    }
}

.contact-mod1 .info-text .back {
    color: #222;
    margin-bottom: 1.5rem;
}

.contact-mod1 .info-text .back p {
    margin-bottom: .5rem;
}

@media(min-width: 768px) {
    .contact-mod1 .info-text .back {
        margin-top:1rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod1 .info-text .back p {
        margin-bottom:1rem;
    }
}

@media(min-width: 1640px) {
    .contact-mod1 .info-text .back p {
        font-size:1.125rem;
    }
}

.contact-mod2 .info-text {
    text-align: center;
}

.contact-mod2 .info-text .back {
    min-height: 16rem;
    background: #f9f9f9;
    border-radius: .5rem;
    padding: 1.5rem 1rem 0;
    margin-bottom: 1rem;
}

.contact-mod2 .info-text i {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.5rem;
    line-height: 3.75rem;
    color: #fff;
    background: var(--style-color);
    border-radius: 50%;
}

.contact-mod2 .info-text .h4 {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 1.25rem 0 0;
}

@media(min-width: 768px) {
    .contact-mod2 .info-text {
        margin:1rem -.5rem 0;
    }

    .contact-mod2 .info-text>div {
        padding: 0 .5rem;
    }

    .contact-mod2 .info-text .back {
        padding-top: 2.5rem;
    }
}

.contact-mod3 {
    padding-bottom: 1rem;
}

.contact-mod3 iframe {
    width: 100% !important;
    height: 12rem !important;
    display: block;
}

.contact-mod3 .row .h4 {
    font-weight: 600;
    text-align: left;
    color: var(--style-color);
    padding-bottom: 1rem;
    position: relative;
}

.contact-mod3 .row .h4:after {
    content: '';
    width: 2rem;
    height: 1px;
    background: var(--style-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
}

.contact-mod3 .rt ul {
    background: #f8f8f8;
    padding: 1rem 1rem;
}

.contact-mod3 .rt ul li {
    margin-bottom: .5rem;
}

.contact-mod3 form .form-control {
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
}

.contact-mod3 form .code {
    display: flex;
}

.contact-mod3 form .code img {
    width: 10rem;
    margin-left: 1rem;
}

.contact-mod3 form label {
    font-weight: 400;
    margin-top: .5rem;
    cursor: pointer;
    display: flex;
}

.contact-mod3 form label input {
    max-width: 1rem;
    height: auto;
    margin-top: .375rem;
    margin-right: .25rem;
}

.contact-mod3 form button {
    color: #fff !important;
    background: var(--style-color);
    border-radius: 0;
    padding: .5rem 2rem;
}

@media(min-width: 768px) {
    .contact-mod3 {
        padding-bottom:2rem;
    }

    .contact-mod3 iframe {
        height: 22.5rem !important;
    }
}

@media(min-width: 992px) {
    .contact-mod3 iframe {
        height:15rem !important;
    }

    .contact-mod3 .row .h4 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .contact-mod3 .rt {
        padding-top: 6rem;
        order: 9;
    }

    .contact-mod3 .rt ul {
        padding-bottom: 3rem;
    }

    .contact-mod3 form .btn {
        font-size: 1.25rem;
        padding: .25rem 2rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod3 {
        padding-bottom:3rem;
    }

    .contact-mod3 iframe {
        height: 17.5rem !important;
    }
}

@media(min-width: 1440px) {
    .contact-mod3 iframe {
        height:22.5rem !important;
    }

    .contact-mod3 form .btn {
        padding: .35rem 2rem;
        margin-top: 1rem;
    }
}

.contact-mod4 {
    padding: 1rem 0;
}

.contact-mod4 .row {
    margin: 0;
}

.contact-mod4 .lt {
    background: #f6f6f6;
    padding: 1rem 1rem;
}

.contact-mod4 .lt ul li {
    margin-bottom: .5rem;
}

.contact-mod4 .rt {
    background: #ededed;
    padding: 1rem 1rem;
}

.contact-mod4 form .form-control {
    border-radius: 0;
}

.contact-mod4 form .flex {
    justify-content: space-between;
}

.contact-mod4 form .flex input {
    max-width: 47.5%;
}

.contact-mod4 form .code {
    display: flex;
}

.contact-mod4 form .code img {
    width: 10rem;
    margin-left: 1rem;
}

.contact-mod4 form button {
    color: #fff !important;
    background: var(--style-color);
    border-radius: 0;
    padding: .5rem 2rem;
}

@media(min-width: 768px) {
    .contact-mod4 {
        padding-bottom:2rem;
    }

    .contact-mod4 .lt,.contact-mod4 .rt {
        padding: 2rem;
    }
}

@media(min-width: 992px) {
    .contact-mod4 form .btn {
        font-size:1.25rem;
        padding: .25rem 2rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod4 {
        padding-bottom:3rem;
    }

    .contact-mod4 .lt,.contact-mod4 .rt {
        padding: 3rem;
    }

    .contact-mod4 .lt ul li {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }
}

@media(min-width: 1440px) {
    .contact-mod4 form .btn {
        padding:.35rem 2rem;
        margin-top: 1rem;
    }

    .contact-mod4 .lt,.contact-mod4 .rt {
        padding: 7rem 5rem;
    }

    .contact-mod4 .lt ul li {
        font-size: 1.25rem;
    }
}

.contact-mod5 {
    padding: 1rem 0;
}

.contact-mod5 h2,.contact-mod5 .title {
    font-weight: 700;
    color: var(--style-color);
    text-align: left;
}

.contact-mod5 .lt {
    margin-bottom: 1rem;
}

.contact-mod5 .lt p {
    font-style: italic;
    margin-bottom: .5rem;
}

.contact-mod5 .lt .h5 {
    font-style: normal;
    font-weight: 600;
    color: #666;
    letter-spacing: 2px;
    margin-top: 0;
}

.contact-mod5 .lt a {
    color: var(--style-color);
}

.contact-mod5 form .form-control {
    border-radius: 0;
}

.contact-mod5 form .flex {
    align-items: flex-start;
    justify-content: space-between;
}

.contact-mod5 form .flex .form-control {
    max-width: 47.5%;
}

.contact-mod5 form .code {
    display: flex;
}

.contact-mod5 form .code img {
    width: 10rem;
    margin-left: 1rem;
}

.contact-mod5 form button {
    color: #fff !important;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .contact-mod5 {
        padding-bottom:2rem;
    }

    .contact-mod5 h2,.contact-mod5 .title {
        margin: 1rem 0;
    }
}

@media(min-width: 992px) {
    .contact-mod5 .lt {
        margin-bottom:0;
    }

    .contact-mod5 .lt p {
        margin-bottom: 1rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod5 {
        padding-bottom:3rem;
    }

    .contact-mod5 h2,.contact-mod5 .title {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }

    .contact-mod5 .lt p {
        margin-bottom: 2rem;
    }
}

.contact-mod6 {
    padding: 1rem 0;
}

.contact-mod6 h2,.contact-mod6 .title {
    font-weight: 700;
    color: var(--style-color);
    text-align: left;
}

.contact-mod6 .lt {
    margin-bottom: 1rem;
}

.contact-mod6 .rt cite {
    color: #e80000;
}

.contact-mod6 form .form-control {
    border-radius: 0;
}

.contact-mod6 form label {
    font-size: .875rem;
}

.contact-mod6 form .code {
    display: flex;
}

.contact-mod6 form .code img {
    margin-left: 1rem;
}

.contact-mod6 form button {
    color: #fff !important;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .contact-mod6 {
        padding-bottom:2rem;
    }

    .contact-mod6 h2,.contact-mod6 .title {
        margin: 1rem 0;
    }
}

@media(min-width: 992px) {
    .contact-mod6 .lt {
        padding-top:1rem;
        margin-bottom: 0;
    }
}

@media(min-width: 1200px) {
    .contact-mod6 {
        padding-bottom:3rem;
    }

    .contact-mod6 h2,.contact-mod6 .title {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }
}

.contact-mod7 {
    margin-bottom: 1rem;
}

.contact-mod7 .h4 {
    font-weight: 600;
    padding-bottom: .5rem;
    position: relative;
}

.contact-mod7 .h4:before,.contact-mod7 .h4:after {
    content: '';
    width: 50%;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact-mod7 .h4:after {
    width: 3rem;
    background: #777;
    z-index: 5;
}

.contact-mod7 .address {
    padding-left: 1.5rem;
    position: relative;
}

.contact-mod7 .address:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    line-height: 1;
    color: #666;
    position: absolute;
    left: 0;
    top: 0;
}

.contact-mod7 .pct-img {
    width: 100%;
    margin-top: 1rem;
}

.contact-mod7 form .form-group {
    position: relative;
}

.contact-mod7 form input,.contact-mod7 form textarea {
    border-radius: 0;
}

.contact-mod7 form .code {
    display: flex;
}

.contact-mod7 form .code img {
    width: 7.5rem;
    margin-left: 1rem;
}

.contact-mod7 form .submit .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    padding: .35rem 1.75rem;
}

.contact-mod7 form .submit .btn i {
    margin-left: .25rem;
}

.contact-mod7 .post-list li {
    margin-bottom: .5rem;
}

@media(min-width: 768px) {
    .contact-mod7 {
        margin:2rem auto;
    }

    .contact-mod7 .row {
        border: 1px solid #ccc;
        padding: 1rem 0;
        margin: 0;
    }

    .contact-mod7 .lt {
        border-right: 1px solid #ccc;
    }

    .contact-mod7 .lt:before,.contact-mod7 .lt:after {
        content: '';
        width: 2rem;
        height: 1.5rem;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        right: -1rem;
        z-index: 5;
    }

    .contact-mod7 .lt:before {
        border-bottom: 1px solid #ccc;
        top: -2rem;
    }

    .contact-mod7 .lt:after {
        border-top: 1px solid #ccc;
        bottom: -2rem;
    }

    .contact-mod7 .h4 {
        font-size: 1.25rem;
    }

    .contact-mod7 form .submit .btn {
        padding: .35rem 2.5rem;
    }

    .contact-mod7 .post-list {
        margin-top: 4rem;
    }

    .contact-mod7 .post-list li {
        margin-bottom: 1rem;
    }
}

@media(min-width: 992px) {
    .contact-mod7 .h5 {
        margin:1.5rem 0;
    }
}

@media(min-width: 1200px) {
    .contact-mod7 {
        margin:3rem auto;
    }

    .contact-mod7 .row {
        padding: 2rem 2rem;
    }

    .contact-mod7 .lt {
        padding-right: 3rem;
    }

    .contact-mod7 .lt:before {
        top: -3rem;
    }

    .contact-mod7 .lt:after {
        bottom: -3rem;
    }

    .contact-mod7 .rt {
        padding-left: 3rem;
    }

    .contact-mod7 .h4 {
        font-size: 1.5rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .contact-mod7 .h5 {
        font-size: 1.125rem;
    }

    .contact-mod7 .post-list li {
        font-size: 1.125rem;
    }
}

@media(min-width: 1640px) {
    .contact-mod7 .rt {
        padding-left:10rem;
    }

    .contact-mod7 form textarea {
        min-height: 8rem;
    }
}

.contact-mod8 {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: .5rem 0 1rem;
}

.contact-mod8 h2,.contact-mod8 .title {
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    text-align: left;
    margin: .5rem 0;
}

.contact-mod8 .lt .h4 {
    font-weight: 600;
}

.contact-mod8 .rt .letter {
    letter-spacing: 2px;
    margin-bottom: 1rem;
}

.contact-mod8 .rt .msg {
    font-size: .875rem;
}

.contact-mod8 .form .form-control {
    border-radius: 0;
}

.contact-mod8 .form button {
    width: 100%;
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .contact-mod8 {
        padding:2.5rem 0 3rem;
    }

    .contact-mod8 .lt {
        padding-top: 5rem;
    }

    .contact-mod8 .lt .h4 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .contact-mod8 .lt .h5 {
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 2rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod8 {
        padding:3.5rem 0 4rem;
    }

    .contact-mod8 .lt {
        padding-right: 10%;
    }

    .contact-mod8 .lt .h4 {
        font-size: 2rem;
        font-weight: 400;
    }

    .contact-mod8 .lt .h5 {
        font-size: 1.25rem;
    }
}

.contact-mod9 {
    padding: .1rem 0 1rem;
}

.contact-mod9 .back {
    background: #f6f6f6;
    margin: 0 0 1rem;
}

.contact-mod9 .lt {
    padding: 0;
    margin-bottom: 1rem;
}

.contact-mod9 .rt {
    padding-bottom: 1rem;
}

.contact-mod9 .rt p {
    font-size: 1.125rem;
    margin-bottom: .5rem;
}

.contact-mod9 .c-list>li {
    margin-bottom: 1rem;
}

.contact-mod9 .c-list>li .h4 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--style-color);
}

.contact-mod9 .c-list>li a {
    color: var(--style-color);
}

@media(min-width: 768px) {
    .contact-mod9 {
        padding:.1rem 0 2rem;
    }

    .contact-mod9 .back {
        margin-bottom: 2rem;
    }

    .contact-mod9 .c-list>li {
        margin-bottom: 2rem;
    }

    .contact-mod9 .c-list .c-back {
        align-items: center;
        display: flex;
    }

    .contact-mod9 .c-list .img {
        max-width: 40%;
        margin-right: 1rem;
    }

    .contact-mod9 .c-list .info {
        flex: 1;
    }
}

@media(min-width: 992px) {
    .contact-mod9 .back {
        align-items:center;
    }

    .contact-mod9 .lt {
        margin: 0;
    }

    .contact-mod9 .c-list .c-back {
        box-shadow: 1px 1px 5px 1px rgba(0,0,0,.15);
        padding: .5rem 1rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod9 .back {
        margin-bottom:3rem;
    }

    .contact-mod9 .lt {
        margin: 0;
    }

    .contact-mod9 .c-list .c-back {
        padding: 1rem 1rem;
    }

    .contact-mod9 .c-list>li .h4 {
        font-size: 1.125rem;
        margin-top: 0;
    }
}

@media(min-width: 1440px) {
    .contact-mod9 .lt {
        padding-right:5%;
    }
}

.contact-mod10.contact-fixed {
    width: 100%;
    padding-bottom: 1rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2100;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.contact-mod10.contact-fixed:after {
    content: '';
    width: 100%;
    height: 100%;
    max-height: 12.5rem;
    background: rgba(246,246,246,.8);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.contact-mod10.contact-fixed.on {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.contact-mod10 {
    padding: .1rem 0 1rem;
}

.contact-mod10 .subtitle {
    font-size: 18px;
    line-height: 24px;
    color: #0f152b;
    text-align: center;
    position: relative;
}

.contact-mod10 .subtitle:before,.contact-mod10 .subtitle:after {
    content: '—';
    color: #0f152b;
    margin: 0 10px;
}

.contact-mod10 .back {
    color: #fff;
    margin: 0;
    position: relative;
    align-items: stretch;
}

.contact-mod10 .back>div {
    position: relative;
}

.contact-mod10 .icon {
    display: none;
}

.contact-mod10 .h4 {
    text-align: center;
    padding-bottom: .75rem;
    position: relative;
}

.contact-mod10 .h4:after {
    content: '';
    width: 2rem;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -1rem;
    z-index: 5;
}

.contact-mod10 .ctlt {
    background: #7eb704;
    padding: .75rem 1rem;
}

.contact-mod10 .ctlt .info {
    max-width: 12.5rem;
    padding-left: 2rem;
    margin: auto;
    position: relative;
}

.contact-mod10 .ctlt .info::before {
    content: '';
    font-family: "FontAwesome";
    font-size: 1.25rem;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.contact-mod10 .ctlt .btn {
    color: #333;
    background: #fff;
    padding: .25rem 1.25rem;
    margin-top: .75rem;
}

.contact-mod10 .ctmt {
    background: #33b6a1;
    padding: .75rem 1rem;
}

.contact-mod10 form .form-control {
    color: #fff;
    background: transparent;
    border-color: #8bd6ca;
}

.contact-mod10 form input::-webkit-input-placeholder,.contact-mod10 form textarea::-webkit-input-placeholder {
    color: #fff;
}

.contact-mod10 form input:-moz-placeholder,.contact-mod10 form textarea:-moz-placeholder {
    color: #fff;
}

.contact-mod10 form input::-moz-placeholder,.contact-mod10 form textarea::-moz-placeholder {
    color: #fff;
}

.contact-mod10 form input::-ms-input-placeholder,.contact-mod10 form textarea::-ms-input-placeholder {
    color: #fff;
}

.contact-mod10 form select option {
    color: #333;
}

.contact-mod10 form .btn {
    width: 100%;
    color: #333;
    background: #fff;
}

.contact-mod10 .ctrt {
    background: #7eb704;
    text-align: center;
    padding: .75rem 1rem 1.25rem;
}

.contact-mod10 .ctrt img {
    max-width: 7.5rem;
}

.contact-mod10 .bt-btn .btn {
    width: 2rem;
    height: 2rem;
    font-size: 1.25rem;
    color: #333;
    border: 2px solid #333;
    border-radius: 50%;
    padding: 0;
    margin: 1rem auto 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contact-mod10.contact-fixed .icon img {
    border-color: #f06400 !important;
    background: #fff;
}

.contact-mod10.contact-fixed .ctlt,.contact-mod10.contact-fixed .ctrt {
    background: #ff8400;
}

.contact-mod10.contact-fixed .ctlt .info {
    padding-left: 0;
}

.contact-mod10.contact-fixed .ctlt .info::before {
    display: none;
}

.contact-mod10.contact-fixed .ctlt .info p {
    margin-bottom: .5rem;
}

.contact-mod10.contact-fixed .ctmt {
    background: #f9964f;
}

.contact-mod10.contact-fixed form .form-control {
    border-color: #fff;
}

@media(min-width: 768px) {
    .contact-mod10 {
        padding:1rem 0 2rem;
    }

    .contact-mod10 .back>div {
        margin-top: 3.25rem;
    }

    .contact-mod10 .ctlt {
        padding-bottom: 2rem;
    }

    .contact-mod10 .icon {
        text-align: center;
        margin-top: -3.75rem;
        display: block;
    }

    .contact-mod10 .icon img {
        max-width: 5.25rem;
        border: 1px solid #7eb704;
        border-radius: 50%;
    }

    .contact-mod10 .ctmt .icon img {
        border-color: #33b6a1;
    }

    .contact-mod10 .ctrt {
        order: 9;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .contact-mod10 form {
        margin:0 -.3rem;
    }

    .contact-mod10 form .form-group {
        padding: 0 .3rem;
    }
}

@media(min-width: 992px) {
    .contact-mod10 .ctlt .info {
        margin:2rem auto .5rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod10 {
        padding:3rem 0 4.5rem;
    }

    .contact-mod10 .ctmt {
        padding: .75rem 3.125rem;
    }
}

@media(min-width: 480px) and (max-width:767px) {
    .contact-mod10 .ctlt {
        min-height:12.75rem;
    }
}

@media(max-width: 479px) {
    .contact-mod10 .back>.col-xs-6 {
        width:100%;
    }
}

.contact-mod11 {
    padding-bottom: 1rem;
}

.contact-mod11 .background {
    color: #fff;
    background: no-repeat center;
    background-size: cover;
    padding: 1rem 0 5rem;
}

.contact-mod11 .background .title {
    font-size: 1.5rem;
    color: #fff;
    text-align: left;
}

.contact-mod11 .main .h3 {
    font-weight: 900;
}

.contact-mod11 .box {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
    padding: .5rem 1rem 1rem;
    margin-top: -3rem;
}

.contact-mod11 .box .h3,.contact-mod11 .box .h5 {
    text-align: center;
}

.contact-mod11 form .sub {
    font-size: .875rem;
}

.contact-mod11 form .sub label {
    font-weight: 400;
    margin-top: .5rem;
    cursor: pointer;
    display: flex;
}

.contact-mod11 form .sub label input {
    max-width: 1rem;
    height: auto;
    margin-top: .375rem;
    margin-right: .25rem;
}

.contact-mod11 form .submit .btn {
    width: 100%;
    font-weight: 900;
    color: #fff;
    background: var(--style-color);
}

.contact-mod11 .other>div {
    margin-top: 1rem;
}

.contact-mod11 .info-list>li {
    margin-bottom: 1rem;
    display: flex;
}

.contact-mod11 .info-list>li .icon {
    max-width: 3.75rem;
    flex-basis: 3.75rem;
    margin-right: 1rem;
}

.contact-mod11 .info-list>li .icon img {
    width: 100%;
}

.contact-mod11 .info-list>li .info {
    flex: 1;
}

.contact-mod11 .info-list>li .info .h4 {
    font-weight: 900;
    margin-top: 0;
}

.contact-mod11 .bt .h3 {
    text-align: center;
}

.contact-mod11 .bt ul {
    justify-content: center;
}

.contact-mod11 .bt ul>li {
    margin-bottom: 1rem;
}

@media(min-width: 768px) {
    .contact-mod11 .background {
        padding:2rem 0 10rem;
    }

    .contact-mod11 .background .title {
        font-size: 2rem;
    }

    .contact-mod11 .main .h3 {
        font-size: 1.75rem;
    }

    .contact-mod11 .box {
        padding: .5rem 7.5% 2rem;
    }

    .contact-mod11 form {
        margin-top: 2rem;
    }

    .contact-mod11 form .submit .btn {
        line-height: 2.5;
    }

    .contact-mod11 .other>div {
        margin-top: 2rem;
    }

    .contact-mod11 .lt .h3 {
        margin: 3rem 0;
    }

    .contact-mod11 .info-list>li {
        margin-bottom: 2rem;
    }

    .contact-mod11 .info-list>li .icon {
        max-width: 6rem;
        flex-basis: 6rem;
    }

    .contact-mod11 .info-list>li .info .h4 {
        font-size: 1.25rem;
    }
}

@media(min-width: 992px) {
    .contact-mod11 .background .msg {
        max-width:50%;
    }

    .contact-mod11 .rt {
        padding: 0 5%;
        order: 9;
    }

    .contact-mod11 .box {
        margin-top: -20rem;
    }
}

@media(min-width: 1200px) {
    .contact-mod11 .background {
        padding-bottom:12.5rem;
    }

    .contact-mod11 .background .title {
        font-size: 3rem;
        font-weight: 400;
        line-height: 1.3;
    }

    .contact-mod11 .box {
        margin-top: -22.5rem;
    }

    .contact-mod11 .main .h3 {
        font-size: 2rem;
    }

    .contact-mod11 .other>div {
        margin-top: 4rem;
    }
}

.contact-mod12 {
    position: relative;
}

.contact-mod12 .map_img {
    position: relative;
}

.contact-mod12 .map_btn {
    position: absolute;
    bottom: 0;
    font-size: 1rem;
    right: 5%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -25px;
    cursor: pointer;
    transition: .6s all ease-in-out;
}

.contact-mod12 .map_btn.btn_hide {
    position: relative;
    display: none;
    font-size: 1rem;
    right: 5%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: -25px;
    cursor: pointer;
    transition: .6s all ease-in-out;
}

.contact-mod12 .map_btn i {
    color: #fff;
    position: absolute;
    transition: .6s all ease-in-out;
}

.contact-mod12 .map_btn>a {
    background-color: var(--style-color);
    display: inline-block;
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    position: relative;
    transition: .6s all ease-in-out;
}

.contact-mod12 .map_btn:hover {
    background-color: var(--style-color);
}

.contact-mod12 .map_btn:hover>i {
    color: var(--style-color);
}

.contact-mod12 .map_btn:hover>a {
    background-color: #fff;
}

.contact-mod12 .left-part {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: .6s all ease-in-out;
}

.contact-mod12 .contact-info {
    flex: 1;
    background-color: #fff;
    transition: .6s all ease-in-out;
}

.contact-mod12 .info-title {
    background-color: var(--style-color);
    font-size: 2.625rem;
    color: #fff;
    padding-left: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.contact-mod12 .contact {
    background-color: #fff;
    padding: 0;
    padding-left: 10%;
}

.contact-mod12 .contact>li {
    font-size: 1.125rem;
    color: #666;
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.contact-mod12 .contact>li>a {
    font-size: 1.875rem;
    color: var(--style-color);
    min-width: 50px;
}

.contact-mod12 .contact .btn {
    color: #fff;
    background-color: var(--style-color);
    border-radius: 20px;
    font-size: 1rem;
}

@media(min-width: 1440px) {
    .contact-mod12 .contact>li:last-child {
        margin-top:20px;
    }

    .contact-mod12 .contact {
        padding: 10%;
    }
}

@media(max-width: 1200px) {
    .contact-mod12 .info-title {
        font-size:1.5rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact-mod12 .contact>li {
        font-size: 1rem;
        padding: 8px 0;
    }
}

@media(max-width: 991px) {
    .contact-mod12 .contact>li {
        font-size:.5rem;
    }

    .contact-mod12 .contact>li>a {
        font-size: 1.5rem;
        min-width: 40px;
    }
}

@media(max-width: 767px) {
    .contact-mod12 .left-part {
        position:relative;
        width: 100%;
        height: 100%;
    }

    .contact-mod12 .contact .btn {
        display: block;
    }

    .contact-mod12 .map_img>img {
        width: 100%;
    }

    .contact-mod12 .map_btn {
        display: none;
    }
}

.contact-mod13 .lt-content {
    padding: 20px;
    background-color: #f7f8fa;
    border: 1px solid var(--style-color);
}

.contact-mod13 .icon-group {
    padding: 20px 0;
}

.contact-mod13 .sub-title {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
}

.contact-mod13 .info {
    padding: 10px 0;
}

.contact-mod13 .rt-content .sub-title::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 4rem;
    background-color: var(--style-color);
    bottom: 0;
    left: 0;
}

.contact-mod13 .contact .icon-group i {
    width: 36px;
    height: 36px;
    background-color: var(--style-color);
    font-size: 1.25rem;
    line-height: 36px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
}

.contact-mod13 .contact .h4 {
    font-weight: 600;
}

.contact-mod13 .contact {
    padding: 10px 0;
    margin: 0;
}

.contact-mod13 .form {
    padding: 15px 0;
}

.contact-mod13 .contact .back {
    display: flex;
    align-items: center;
}

.contact-mod13 .rt-content .submit,.contact-mod13 .rt-content .reset {
    margin-left: 15px;
}

.contact-mod13 .rt-content .submit>.btn,.contact-mod13 .rt-content .reset>.btn {
    color: #fff;
    background-color: var(--style-color);
}

@media(max-width: 1024px) {
    .scroll-btn {
        display:none;
    }
}

.contact-mod14.section {
    padding: 0;
}

.contact-mod14 .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.contact-mod14.section:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}

.contact-mod14 .scroll-btn {
    position: absolute;
    left: 50%;
    bottom: 2.6%;
    width: 22px;
    height: 36px;
    margin-left: -11px;
    background-image: url(https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/uploadfiles/images/scroll-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}

.contact-mod14 .scroll-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 100%;
    top: 7px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.contact-mod14 .scroll-btn:before {
    animation: scrollAni 1.5s infinite;
    -webkit-animation: scrollAni 1.5s infinite;
}

@keyframes scrollAni {
    0% {
        top: 7px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        top: 22px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes scrollAni {
    0% {
        top: 7px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        top: 22px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.contact-mod14 {
    position: relative;
}

.contact-mod14 .align-center {
    align-items: flex-end;
}

.contact-mod14 .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.contact-mod14 .lt .title {
    font-size: 48px;
    font-family: OpenSans;
    font-weight: bold;
    color: #fff;
    text-align: left;
    margin: 30px 0;
    position: relative;
}

.contact-mod14 .lt .title::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 8px;
    left: 0;
    bottom: -14px;
    background-color: #000;
    border: 1px solid #fff;
    z-index: 10;
}

.contact-mod14 .lt .title::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    left: 0;
    bottom: -10px;
    background-color: #fff;
}

.contact-mod14 .lt ul>li {
    font-size: 18px;
    font-family: Open Sans;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
}

.contact-mod14 .lt .tips {
    font-size: 24px;
    font-family: OpenSans;
    font-weight: bold;
    color: #fff;
}

.contact-mod14 .rt .form .btn {
    padding: .5rem 4rem;
    color: #fff;
    background-color: var(--style-color);
}

.contact-mod14 input::-webkit-input-placeholder,.contact-mod14 textarea::-webkit-input-placeholder {
    color: #333;
}

.contact-mod14 input::-moz-input-placeholder,.contact-mod14 textarea::-webkit-input-placeholder {
    color: #333;
}

.contact-mod14 input::-ms-input-placeholder,.contact-mod14 textarea::-webkit-input-placeholder {
    color: #333;
}

@media(max-width: 991px) {
    .contact-mod14 .lt .title {
        font-size:24px;
    }

    .contact-mod14 .lt .tips {
        font-size: 16px;
    }

    .contact-mod14 .lt {
        padding: 20px 30px;
    }
}

@media(max-width: 480px) {
    .contact-mod14 ul {
        display:none;
    }
}

.contact-mod15 .content-wrap {
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.5);
    opacity: .9;
    padding: 4rem;
}

.contact-mod15 .modal {
    top: 50%;
    transform: translateY(-50%);
}

.contact-mod15 .contact-list>li {
    margin-bottom: 4rem;
}

.contact-mod15 .contact-list .social-media>li>a {
    font-size: 1.5rem;
    color: #949494;
}

.contact-mod15 .contact-list .sub-title {
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    line-height: 24px;
    margin-bottom: 28px;
}

.contact-mod15 .contact-list .sub-title>i {
    color: var(--style-color);
    width: 32px;
    text-align: center;
    margin-right: 15px;
}

.contact-mod15 .contact-list .sub-info {
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    padding-left: 47px;
}

.contact-mod15 .form-group label {
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    margin-bottom: 20px;
}

.contact-mod15 .form-control {
    background-color: #ddd;
    height: 3rem;
}

.contact-mod15 .form-group {
    margin-bottom: 30px;
}

.contact-mod15 textarea.form-control {
    height: auto;
}

.contact-mod15 .form-submit {
    text-align: right;
}

.contact-mod15 .form-submit .btn {
    padding: .75rem 3rem;
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    background-color: var(--style-color);
    border: none;
}

.contact-mod15 .join-group h2 {
    font-size: 48px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    line-height: 24px;
}

.contact-mod15 .join-group .info {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 3rem;
}

.contact-mod15 .join-group .sub-title {
    text-align: center;
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: var(--style-color);
    line-height: 24px;
    margin-bottom: 1rem;
    cursor: pointer;
}

.contact-mod15 .join-group .sub-info {
    text-align: center;
    font-size: 16px;
    font-family: Arial;
    font-weight: 400;
    color: #999;
    line-height: 24px;
    max-width: 75%;
    margin: 0 auto;
}

.contact-mod15 .resume-group {
    background-color: var(--style-color);
    overflow: hidden;
    padding-bottom: 2rem;
}

.contact-mod15 .resume-group h2 {
    font-size: 28px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
}

.contact-mod15 .resume-group p {
    text-align: center;
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #ebebeb;
    line-height: 24px;
    margin-bottom: 10px;
}

.contact-mod15 .resume-group p>span {
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    text-transform: uppercase;
}

@media(max-width: 991px) {
    .contact-mod15 .content-wrap {
        padding:2rem;
    }

    .contact-mod15 .contact-list .sub-title {
        font-size: 18px;
        margin-bottom: 1rem;
    }

    .contact-mod15 .contact-list>li {
        margin-bottom: 1rem;
    }

    .contact-mod15 .form-group label {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .contact-mod15 .form-group {
        margin-bottom: 10px;
    }

    .contact-mod15 .form-submit .btn {
        padding: .375rem 2rem;
        font-size: 18px;
    }

    .contact-mod15 .join-group h2 {
        font-size: 24px;
        margin-bottom: 1rem;
    }

    .contact-mod15 .join-group .info {
        margin-bottom: 1rem;
    }

    .contact-mod15 .join-group .sub-title,.contact-mod15 .join-group .sub-info {
        margin-bottom: 10px;
    }

    .contact-mod15 .form-control {
        height: 2rem;
    }

    .contact-mod15 .resume-group h2 {
        text-align: center;
        font-size: 18px;
    }

    .contact-mod15 .resume-group p,.contact-mod15 .resume-group p>span {
        text-align: center;
        font-size: 16px;
    }

    .contact-mod15 .resume-group {
        padding: 1rem;
    }
}

.contact-mod16 .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    margin-top: 20px;
}

.contact-mod16 .form-submit {
    margin-top: 2rem;
    text-align: center;
}

.contact-mod17 .card {
    padding: 15px;
    padding-top: 0;
}

.contact-mod17 .card-header h4 {
    background-color: #f0f0f1;
    padding: .5rem 1rem;
    margin-top: 10px;
    margin-bottom: 0;
}

.contact-mod17 .card-body {
    padding: 15px;
    border: 4px solid #f0f0f1;
}

.chatBtn {
    position: relative;
}

.chatBtn .tip-msg {
    position: absolute;
    left: -215px;
    width: 200px;
    padding: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: 0 7px 6px 1px rgb(000%);
    display: none;
}

.contact-mod18 #right_contact>li .chat_num {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: 10px;
    top: 10px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background-color: #f00;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.chatBtn .tip-msg .msg-close {
    background-color: #687882;
    border-radius: 50%;
    padding: 4px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -25px;
    top: 0;
    cursor: pointer;
}

.chatBtn .tip-msg:after {
    bottom: 12px;
    right: -10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid transparent;
    border-left-color: #fff;
    border-right: 0;
}

.contact-mod18 #right_contact {
    width: 75px;
    position: fixed;
    top: 20%;
    right: 0;
    background-color: #022f5e;
    opacity: .8;
}

.contact-mod18 #right_contact>li>a>i {
    position: relative;
}

.contact-mod18 #right_contact>li>a>i>span {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: -10px;
    font-size: 12px;
    top: 0;
    color: #fff;
    background-color: #f00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-mod18 #right_contact li a {
    font-size: 2rem;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-mod18 #right_contact li a:hover {
    background: #1971cb;
}

.chatContainer,.chatContainer div,.chatContainer ul,.chatContainer li,.chatContainer p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chatContainer {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.chatBox {
    width: 370px;
    min-width: 320px;
    height: 500px;
    border-radius: 10px;
    background: #f5ecff;
    position: fixed;
    bottom: 5%;
    right: 5%;
    overflow: hidden;
    border: solid 1px #d5d5d5;
    box-shadow: 1px 1px 2px #c0c0c0;
    z-index: 1005;
    display: none;
}

.chatBox-head {
    width: 100%;
    height: 48px;
    background: #01aee0;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    text-transform: uppercase;
}

.chat-close {
    cursor: pointer;
}

.chatBox-head-one {
    width: 100%;
    height: 75px;
    line-height: 75px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.chat-return:hover {
    background: #0188b7;
}

.chatBox-info {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 48px;
}

.chatBox-kuang {
    width: 100%;
    height: 100%;
    display: block;
}

.chatBox-content {
    width: 100%;
    height: 100%;
}

.chatBox-content-demo {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfloat {
    zoom:1;margin: 10px 10px;
}

.clearfloat .right {
    float: right;
}

.author-name {
    text-align: center;
    margin: 15px 0 5px 0;
    color: #888;
}

.clearfloat .chat-message {
    max-width: 252px;
    text-align: left;
    padding: 8px 12px;
    border-radius: 6px;
    word-wrap: break-word;
    display: inline-block;
    position: relative;
}

.clearfloat .left .chat-message {
    background: #f5f8fa;
    color: #414141;
    min-height: 36px;
}

.clearfloat .left .chat-message .inquiry {
    color: #007aff;
    text-decoration: underline;
}

.clearfloat .left .chat-message:before {
    position: absolute;
    content: "";
    top: 8px;
    left: -6px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f5f8fa;
}

.clearfloat .right {
    text-align: right;
}

.clearfloat .right .chat-message {
    color: #000;
    background-color: #fff;
    border-color: #000;
    border: 1px solid #212021;
    text-align: left;
    min-height: 36px;
    cursor: pointer;
}

.clearfloat .right .chat-message:hover {
    background-color: #000;
    color: #fff;
}

.clearfloat .chat-avatars {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

.clearfloat .chat-avatars>img {
    width: 30px;
    height: 30px;
}

.clearfloat .left .chat-avatars {
    margin-right: 10px;
}

.clearfloat .right .chat-avatars {
    margin-left: 10px;
}

.hidden {
    display: none;
}

.contact-mod19 .top-group .big-title {
    margin: 1rem 0;
    font-weight: bold;
    text-align: left;
    font-size: 2rem;
}

.contact-mod19 .top-group .rt {
    background-color: #11519a;
}

.contact-mod19 .tip {
    display: block;
    font-size: 18px;
    margin-bottom: 1rem;
}

.contact-mod19 .info {
    margin-bottom: 1rem;
    display: block;
    font-weight: bold;
}

.contact-mod19 .info-list {
    margin: 2rem 0;
}

.contact-mod19 .social-media li a {
    color: #11519a;
    font-size: 1.5rem;
}

.contact-mod19 .social-media li {
    width: 50px;
}

.contact-mod19 .bot-group .rt {
    order: -1;
}

.contact-mod19 .bot-group .big-title {
    margin: 1rem 0;
    font-weight: bold;
    font-size: 2rem;
}

.contact-mod19 .bot-group .tip {
    font-size: 24px;
    font-weight: bold;
    color: #11519a;
}

.contact-mod19 .bot-group .info {
    font-size: 18px;
    font-weight: 400;
}

.contact-mod19 .bot-group .title-info {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

@media(min-width: 768px) {
    .contact-mod19 .social-media li a {
        font-size:2rem;
    }

    .contact-mod19 .social-media li {
        display: flex;
        width: 70px;
        height: 70px;
        align-items: center;
        justify-content: center;
        border: 1px solid #11519a;
    }
}

@media(min-width: 1200px) {
    .contact-mod19 .top-group .big-title {
        font-size:64px;
    }

    .contact-mod19 .bot-group .rt {
        order: 0;
    }
}

@media(min-width: 1640px) {
    .contact-mod19 .info {
        margin-bottom:2rem;
        font-size: 24px;
        line-height: 40px;
    }

    .contact-mod19 .top-group .big-title {
        font-size: 100px;
        line-height: 110px;
        margin: 2rem 0;
    }

    .contact-mod19 .bot-group .big-title {
        font-size: 80px;
        margin-bottom: 2rem;
    }

    .contact-mod19 .bot-group .title-info {
        font-size: 28px;
    }

    .contact-mod19 .bot-group .tip {
        font-size: 30px;
    }

    .contact-mod19 .bot-group .info {
        font-size: 24px;
    }

    .contact-mod19 .lt {
        padding-right: 6rem;
    }

    .contact-mod19 .info-list {
        margin: 100px 0;
    }

    .contact-mod19 .social-media {
        margin: 2rem 0;
    }
}

.contact-mod21 .container {
    background-color: #f6f6f6;
}

.contact-mod21 .lt {
    position: relative;
    display: none;
}

.contact-mod21 .lt::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.contact-mod21 .contact-form .col-sm-6,.contact-mod21 .contact-form .col-sm-12 {
    margin-bottom: 20px;
}

.contact-mod21 .container {
    padding-top: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.contact-mod21 .contact-form {
    text-align: center;
}

.contact-mod21 .submit {
    color: #fff;
    background-color: var(--style-color);
    font-size: 24px;
    padding: .375rem 2rem;
}

.contact-mod21 .tip {
    font-size: 18px;
    margin-bottom: 2rem;
}

.contact-mod21 .tip-info {
    font-size: 18px;
    margin-bottom: 4rem;
}

@media(min-width: 1200px) {
    .contact-mod21 .lt {
        display:block;
    }
}

@media(min-width: 1440px) {
    .contact-mod21 input.form-control {
        height:60px;
    }
}

@media(max-width: 991px) {
    .contact-mod21 .tip-info {
        margin-bottom:2rem;
    }

    .contact-mod21 .tip {
        margin-bottom: 1rem;
    }
}

@media(max-width: 580px) {
    .contact-mod21 .container {
        padding-top:2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.contact-mod23 .btn-wrap {
    text-align: center;
}

.contact-mod23 .info-list {
    padding-left: 20px;
}

.contact-mod23 .info-list>li {
    margin: 5px 0;
}

.contact-mod23 .tip-info {
    font-size: 18px;
    margin: 1rem 0;
}

.contact-mod23 .form-submit button,.contact-mod23 .tohome {
    background-color: var(--style-color);
    color: #fff;
    font-size: 18px;
}

.download-mod1 ul.row {
    margin: 0 -8px;
}

.download-mod1 ul>li {
    padding: 0 8px;
    margin-bottom: 1rem;
}

.download-mod1 .back {
    border: 1px solid #ccc;
    padding: 1rem 2rem 2rem;
}

.download-mod1 .back i:before {
    color: #666;
    margin-right: .3rem;
}

.download-mod1 .back .img {
    font-size: 3rem;
    text-align: center;
}

.download-mod1 .back .img i:before {
    margin-right: 0;
}

.download-mod1 .back .f-title {
    font-size: 1.0625rem;
    font-weight: 600;
    text-align: center;
    margin: .5rem 0;
}

.download-mod1 .back .f-size,.download-mod1 .back .f-time {
    font-size: .875rem;
    margin-bottom: .5rem;
}

.download-mod1 .back .btn {
    border: 1px solid #ccc;
    margin-top: 1rem;
    display: block;
}

.download-mod1 .back:hover {
    border-color: var(--style-color);
}

.download-mod1 .back:hover .img i:before,.download-mod1 .back:hover .f-title {
    color: var(--style-color);
}

.download-mod1 .back:hover .btn {
    color: #fff;
    background: var(--style-color);
    border-color: var(--style-color);
}

.download-mod1 .back:hover .btn i:before {
    color: #fff;
}

.download-mod2 {
    min-height: 100vh;
    color: #fff;
    background: #484848;
    padding-bottom: .5rem;
    overflow: hidden;
    position: relative;
}

.download-mod2 h2,.download-mod2 .title,.download-mod2 a,.download-mod2 .text {
    color: #fff;
}

.download-mod2 .product-menu .navbar-collapse {
    background: none;
}

.download-mod2 .product-menu .product-nav>li {
    border: none;
}

.download-mod2 .product-menu .product-nav>li>a {
    font-weight: 600;
    color: #fff !important;
    background: none;
}

.download-mod2 .product-menu .product-nav>li:hover>a,.download-mod2 .product-menu .product-nav>li.active>a {
    color: #f00 !important;
    background: none !important;
}

.download-mod2 .product-menu .product-nav>li ul li {
    border: none;
}

.download-mod2 .product-menu .product-nav>li ul li a {
    font-size: .875rem;
}

.download-mod2 .pro-rt ul {
    margin: 0 -8px;
}

.download-mod2 .pro-rt ul>li {
    padding: 0 8px;
    margin-bottom: 1rem;
}

.download-mod2 .pro-rt ul>li .img img {
    border-radius: .75rem;
}

@media(min-width: 768px) {
    .download-mod2 {
        padding:5.375rem 0 2.75rem;
        align-items: center;
        display: flex;
    }

    .download-mod2 h2,.download-mod2 .title {
        display: none;
    }

    .download-mod2 .product-menu .product-nav>li>a {
        font-size: .875rem;
    }
}

@media(min-width: 992px) {
    .download-mod2 .container {
        max-width:960px;
    }
}

@media(min-width: 1640px) {
    .download-mod2 .container {
        max-width:1640px;
    }

    .download-mod2 .pro-rt ul>li {
        max-width: 25%;
    }

    .download-mod2 .product-menu .product-nav>li>a {
        font-size: .875rem;
    }
}

.download-mod3 .back {
    text-align: center;
    border-bottom: 2px solid var(--style-color);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.download-mod3 .back .select {
    display: none;
}

.download-mod3 .back .h4 {
    font-weight: 600;
    cursor: pointer;
}

.download-mod3 .sub-list {
    justify-content: center;
}

.download-mod3 .sub-list select {
    height: calc(1.5em + .3rem + 2px);
    border-radius: 2.5rem;
    padding: .15rem .75rem;
}

.download-mod3 .down-btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 2.5rem;
    padding: .15rem 2rem;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .download-mod3 .back .h4 {
        font-size:1.25rem;
    }
}

@media(min-width: 1200px) {
    .download-mod3 .title {
        font-size:2.25rem;
    }

    .download-mod3 .back {
        padding-bottom: 5rem;
        margin-bottom: 5rem;
    }

    .download-mod3 .back .h4 {
        font-size: 1.5rem;
    }
}

.download-mod4 {
    padding: 1rem 0;
}

.download-mod4 .back {
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
    align-items: center;
    display: flex;
}

.download-mod4 .img {
    width: 5rem;
    text-align: center;
}

.download-mod4 .image {
    display: none;
}

.download-mod4 .icon i {
    font-size: 2rem;
}

.download-mod4 .info {
    margin: 0 1rem;
    flex: 1;
}

.download-mod4 .back .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .download-mod4 {
        padding:2rem 0;
    }

    .download-mod4 .back {
        padding: 2rem 0;
    }
}

@media(min-width: 1200px) {
    .download-mod4 {
        padding:3rem 0;
    }

    .download-mod4 .back {
        padding: 1rem;
        margin: 1rem 0;
    }

    .download-mod4 .back .btn {
        color: var(--style-color);
        background: none;
    }

    .download-mod4 .back:hover {
        box-shadow: 1px 1px 5px 1px rgba(0,0,0,.15);
        border-color: transparent;
        margin: 2rem 0;
    }

    .download-mod4 .back:hover .image {
        display: block;
    }

    .download-mod4 .back:hover .icon {
        display: none;
    }

    .download-mod4 .back:hover .info {
        color: var(--style-color);
    }

    .download-mod4 .back:hover .btn {
        color: #fff;
        background: var(--style-color);
    }
}

.download-mod5 {
    background-color: var(--style-color);
}

.download-mod5 .lt-content {
    position: relative;
    z-index: 5;
}

.download-mod5 .swiper-download {
    padding: 0 20px;
}

.download-mod5 .download {
    position: absolute;
    height: 300px;
    width: 150px;
    top: 0;
    color: #fff;
    left: 5%;
    z-index: 10;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.download-mod5 .download .btn {
    color: #fff;
    background-color: #68727a;
    width: 80px;
    height: 80px;
    font-size: 2.5rem;
    margin: 0 auto;
    border-radius: 50%;
}

.download-mod5 .download p {
    font-size: 14px;
    padding: 0 7px;
    padding-bottom: 60px;
}

.download-mod5 .back-img {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    filter: blur(2px);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.download-mod5 .back {
    position: relative;
    border: 4px solid #fff;
    display: block;
}

.download-mod5 .back-desc {
    position: relative;
    z-index: 10;
    padding: 20px;
}

.download-mod5 .back i:before {
    color: #666;
    margin-right: .3rem;
    transition: all .35s linear;
}

.download-mod5 .back .img {
    font-size: 3rem;
    text-align: center;
}

.download-mod5 .back .img i:before {
    margin-right: 0;
}

.download-mod5 .back .f-title {
    font-size: 1.0625rem;
    font-weight: 600;
    text-align: center;
    margin: .5rem 0;
    color: #666;
    transition: all .35s linear;
}

.download-mod5 .back:hover i:before {
    color: var(--style-color);
}

.download-mod5 .back:hover .f-title {
    color: var(--style-color);
}

@media(max-width: 991px) {
    .download-mod5 {
        background:none;
    }

    .download-mod5 .swiper-container {
        padding: 20px;
    }

    .download-mod5 .lt-content img {
        width: 100%;
    }

    .download-mod5 .rt-content {
        background-color: var(--style-color);
    }
}

.download-mod6 .back-img {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    filter: blur(2px);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.download-mod6 .pdf_box {
    margin: 10px 0;
}

.download-mod6 .back {
    position: relative;
    border: 4px solid #fff;
    display: block;
}

.download-mod6 .back-desc {
    position: relative;
    z-index: 10;
    padding: 20px;
}

.download-mod6 .back i:before {
    color: #666;
    margin-right: .3rem;
    transition: all .35s linear;
}

.download-mod6 .back .img {
    font-size: 3rem;
    text-align: center;
}

.download-mod6 .back .img i:before {
    margin-right: 0;
}

.download-mod6 .back .f-title {
    font-size: 1.0625rem;
    font-weight: 600;
    text-align: center;
    margin: .5rem 0;
    color: #666;
    transition: all .35s linear;
}

.download-mod6 .back:hover i:before {
    color: var(--style-color);
}

.download-mod6 .back:hover .f-title {
    color: var(--style-color);
}

.video-info-mod1 .v-adaptive {
    margin-bottom: 1rem;
}

.video-info-mod2 {
    color: #fff;
    background: #0a0a0a;
    padding: .5rem 0 1rem;
}

.video-info-mod2 .title,.video-info-mod2 h2,.video-info-mod2 a {
    color: #fff;
}

.video-info-mod2 h2,.video-info-mod2 .title {
    text-align: left;
}

.video-info-mod2 .info .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    margin-bottom: .5rem;
}

.video-info-mod2 .info .h4 {
    font-weight: 600;
}

.video-info-mod2 .msg .h4 {
    font-weight: 600;
}

@media(min-width: 768px) {
    .video-info-mod2 {
        padding:1rem 0 3rem;
    }

    .video-info-mod2 .container {
        max-width: 100%;
    }
}

@media(min-width: 992px) {
    .video-info-mod2 .info {
        display:block;
    }

    .video-info-mod2 .msg {
        max-width: 66.667%;
        margin-top: 1.5rem;
    }
}

@media(min-width: 1200px) {
    .video-info-mod2 {
        padding:.1rem 0 5rem;
    }

    .video-info-mod2 .msg {
        max-width: 75%;
    }
}

@media(min-width: 1440px) {
    .video-info-mod2 .info .btn {
        font-size:1.5rem;
        padding: .5rem 2rem;
    }

    .video-info-mod2 .msg .h4 {
        font-size: 1.25rem;
    }
}

.video-info-mod3 {
    color: #fff;
    background: #0a0a0a;
    padding: .5rem 0 1rem;
}

.video-info-mod3 .title,.video-info-mod3 h2,.video-info-mod3 a {
    color: #fff;
}

.video-info-mod3 h2,.video-info-mod3 .title {
    text-align: left;
}

.video-info-mod3 .info .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    margin-bottom: .5rem;
}

.video-info-mod3 .info .h4 {
    font-weight: 600;
}

.video-info-mod3 .mySwiper {
    margin: 1rem 0;
}

.video-info-mod3 .msg .h4 {
    font-weight: 600;
}

@media(min-width: 768px) {
    .video-info-mod3 {
        padding:1rem 0 3rem;
    }

    .video-info-mod3 .container {
        max-width: 100%;
    }

    .video-info-mod3 .mySwiper {
        margin-top: 2rem;
    }

    .video-info-mod3 .mySwiper .pagination-block {
        display: none;
    }

    .video-info-mod3 .pagination-inline a {
        margin-top: .75rem;
    }
}

@media(min-width: 992px) {
    .video-info-mod3 .info {
        flex-wrap:wrap;
        display: flex;
    }

    .video-info-mod3 .info .para {
        width: 100%;
        flex: 1;
    }

    .video-info-mod3 .mySwiper {
        width: 100%;
        margin: 0;
        flex: auto;
        align-self: flex-end;
    }

    .video-info-mod3 .msg {
        max-width: 66.667%;
        margin-top: 1.5rem;
    }
}

@media(min-width: 1200px) {
    .video-info-mod3 {
        padding:.1rem 0 5rem;
    }

    .video-info-mod3 .msg {
        max-width: 75%;
        padding: 0 1rem;
    }

    .video-info-mod3 .info .h4 {
        margin-top: 1.5rem;
    }
}

@media(min-width: 1440px) {
    .video-info-mod3 .info .btn {
        font-size:1.5rem;
        padding: .5rem 2rem;
    }

    .video-info-mod3 .msg .h4 {
        font-size: 1.25rem;
    }
}

.video-info-mod4 {
    color: #fff;
    background: #0a0a0a;
    padding: .5rem 0 1rem;
}

.video-info-mod4 .title,.video-info-mod4 h2,.video-info-mod4 a {
    color: #fff;
}

.video-info-mod4 .info h2,.video-info-mod4 .info .title {
    text-align: left;
}

.video-info-mod4 .info .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    margin-bottom: .5rem;
}

.video-info-mod4 .info .h4 {
    font-weight: 600;
}

@media(min-width: 768px) {
    .video-info-mod4 {
        padding:1rem 0 3rem;
    }

    .video-info-mod4 .container {
        max-width: 100%;
    }
}

@media(min-width: 992px) {
    .video-info-mod4 .info {
        display:block;
    }
}

@media(min-width: 1200px) {
    .video-info-mod4 {
        padding:.1rem 0 5rem;
    }

    .video-info-mod4 .info .h4 {
        margin-top: 1.5rem;
    }
}

@media(min-width: 1440px) {
    .video-info-mod4 .info .btn {
        font-size:1.5rem;
        padding: .5rem 2rem;
    }
}

.video-mod1 .v-list li {
    margin-bottom: .5rem;
}

.video-mod1 .v-list .scale-img {
    position: relative;
}

.video-mod1 .v-list .scale-img:after {
    content: '';
    width: 100%;
    height: 100%;
    font-family: 'FontAwesome';
    font-size: 3rem;
    color: #fff;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
}

.video-mod2 h1 {
    font-size: 28px;
    font-weight: bold;
    color: #090404;
    text-align: center;
    margin: .5rem auto;
}

.video-mod2 .video-text {
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
    padding: 1rem;
    margin: 0 0 1rem;
}

.video-mod2 .video-text .img {
    padding: 0;
}

.video-mod2 .video-text .img img {
    width: 100%;
    height: 100%;
}

.video-mod2 .video-text .img .play {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 5;
}

.video-mod2 .video-text .img .play i {
    font-size: 3rem;
    color: #fff;
}

.video-mod2 .video-text .info .h4 {
    font-weight: 600;
}

.video-mod2 .video-text .info .btn {
    color: #fff;
    background: var(--style-color);
    margin-top: 1rem;
}

.video-mod2 .video-list {
    margin-top: 1rem;
}

.video-mod2 .video-list li {
    margin-bottom: 1rem;
}

.video-mod2 .video-list .video-play {
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3);
    position: relative;
}

.video-mod2 .video-list .play {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 5;
}

.video-mod2 .video-list .play i {
    font-size: 3rem;
    color: #fff;
}

.video-mod2 .video-list li .h4 {
    font-size: 1rem;
    font-weight: 600;
}

.video-mod2 .video-list li:hover .h4 {
    color: #1a549f;
}

@media(min-width: 768px) {
    .video-mod2 h1 {
        margin:2rem auto;
    }

    .video-mod2 .video-list {
        margin-top: 3rem;
    }
}

@media(min-width: 992px) {
    .video-mod2 .video-text .info {
        padding-left:2rem;
    }
}

@media(min-width: 1200px) {
    .video-mod2 h1 {
        font-size:40px;
    }
}

@media(min-width: 1440px) {
    .video-mod2 .video-text .info {
        padding-top:1rem;
    }
}

.video-mod4 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.video-mod4 .bg-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333;
    top: 0;
    left: 0;
    opacity: .3;
}

.video-mod4 .desc {
    color: #fff;
    padding: 20px 0;
}

.video-mod4 .v_box {
    padding: 30px 45px;
}

.video-mod4 .desc>span {
    font-size: 24px;
    font-weight: 600;
}

.video-mod4 .videolist {
    position: relative;
}

.video-mod4 .videolist:hover {
    cursor: pointer;
}

.video-mod4 .videoed {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 99;
    border-radius: 100%;
}

.video-mod4 .videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -210px;
    z-index: 100;
    width: 640px;
    height: 360px;
}

.video-mod4 .vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

@media(max-width: 767px) {
    .video-mod4 .videos {
        width:320px;
        height: 180px;
        margin-left: -160px;
        margin-top: -105px;
    }
}

.video-mod5 .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    top: 0;
    left: 0;
    z-index: 10;
}

.video-mod5 .desc {
    position: absolute;
    color: #fff;
    top: 50%;
    width: 50%;
    font-size: 30px;
    z-index: 20;
    transform: translate(50%,-50%);
    transition: all .5s ease-in-out;
}

.video-mod5 .title {
    font-size: 36px;
    color: #fff;
}

@media(min-width: 768px) and (max-width:991px) {
    .video-mod5 .desc {
        font-size:20px;
    }
}

@media(max-width: 767px) {
    .video-mod5 .desc {
        width:80%;
        transform: translate(12.5%,-50%);
        font-size: 14px;
    }

    .video-mod5 .title {
        font-size: 18px;
    }
}

.video-mod6 .row,.rt-video,.lt-video {
    padding: 0;
    margin: 0;
}

.video-mod6 .rt-video {
    background-color: #f1f1f1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.video-mod6 .desc {
    color: #333;
    width: 80%;
    margin: 0 auto;
}

.video-mod6 .title {
    margin: 0;
    font-size: 24px;
}

.video-mod6 .videoed {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 99;
    border-radius: 100%;
}

.video-mod6 .videolist {
    position: relative;
    transition: all .5s ease-in-out;
}

.video-mod6 .videolist:hover {
    cursor: pointer;
    transform: translateY(-15px);
}

.video-mod6 .videolist .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    top: 0;
    left: 0;
    display: none;
}

.video-mod6 .videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -210px;
    z-index: 100;
    width: 640px;
    height: 360px;
}

.video-mod6 .vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

.video-mod6 .desc p:last-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media(max-width: 767px) {
    .video-mod6 .videos {
        width:320px;
        height: 180px;
        margin-left: -160px;
        margin-top: -155px;
    }

    .video-mod6 .desc p {
        font-size: 14px;
    }

    .video-mod6 .title {
        font-size: 18px;
    }
}

@media(max-width: 1199px) {
    .video-mod6 .rt-video {
        padding:20px;
    }

    .video-mod6 .desc {
        padding: 10px 0;
    }
}

.video-mod7 .rt-video>.row,.video-mod7 .lt-video>.row {
    height: 100%;
    margin: 0;
    align-items: center;
}

.video-mod7 .md-video {
    padding: 15px;
}

.video-mod7 .lt-video {
    padding-right: 0;
}

.video-mod7 .rt-video {
    padding-left: 0;
}

@media(max-width: 991px) {
    .video-mod7 .v-video .v-play i {
        font-size:2rem;
    }
}

@media(max-width: 1199px) {
    .video-mod7 .lt-video,.video-mod7 .rt-video {
        padding:0;
        padding: 20px;
    }
}

.video-mod8 .v-video:hover .v-play {
    background-color: transparent;
    transition: all .5s ease-in-out;
}

.video-mod8 .swiper-video {
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 10;
    width: 80%;
    margin: 0 10%;
}

.video-mod8 .video-title {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
}

@media(min-width: 320px) {
    .video-mod8 .video-title>img {
        max-height:70px;
    }
}

@media(min-width: 767px) {
    .video-mod8 .video-title>img {
        max-height:100px;
    }
}

@media(min-width: 1200px) {
    .video-mod8 .video-title>img {
        max-height:none;
    }
}

@media(max-width: 991px) {
    .video-mod8 .v-video .v-play i {
        font-size:2rem;
    }
}

.video-mod9 .v-video .v-play {
    background: none;
}

.video-mod9 .v-video .on_video {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .5s ease-in-out;
}

.video-mod9 .v-video .on_video .shadow {
    background-color: #333;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-mod9 .v-video .on_video .on_box,.video-mod9 .title {
    color: #fff;
}

.video-mod9 .on_video .on_box {
    flex: 50%;
    display: flex;
    align-items: center;
    padding: 30px;
}

.video-mod9 .on_video .on_box .title {
    margin: 0;
}

@media(min-width: 768px) and (max-width:1199px) {
    .video-mod9 .v-video .on_video {
        width:100%;
    }
}

@media(max-width: 767px) {
    .video-mod9 .v-video .on_video {
        display:none;
    }
}

.video-mod10 .v-video .v-play {
    background: none;
    transition: all .5s ease-in-out;
}

.video-mod10 .v-video .v-play>i {
    opacity: 0;
    transition: all .5s ease-in-out;
}

.video-mod10 .v-video .v-play:hover>i {
    opacity: 1;
}

.video-mod10 .v-video .v-play:hover {
    background: rgba(0,0,0,.3);
}

.video-mod10>.row {
    margin: 0;
}

.video-mod10>.row>div {
    padding: 0;
}

.video-mod10 .lt_part {
    background-color: #d0d0d0;
    position: relative;
}

.video-mod10 .lt_part>.row {
    margin: 0;
    height: 100%;
    align-items: center;
}

.video-mod10 .lt_part .desc {
    margin: 0 auto;
    padding-left: 0%;
}

.video-mod10 .lt_part .desc>p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.video-mod10 .lt_part .desc>span {
    font-weight: 600;
    font-size: 24px;
}

@media(max-width: 767px) {
    .video-mod10 .swiper-video {
        width:100%;
    }
}

@media(max-width: 1199px) {
    .video-mod10>.row>.lt_part {
        padding:20px;
    }

    .video-mod10 .lt_part .desc {
        padding: 10px 0;
    }
}

.video-mod11 .playContainer li {
    position: relative;
    float: left;
    border: 25px solid #fff;
    color: #fff;
    height: 0;
    width: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin: 0 20px;
    transition: .6s all;
}

.video-mod11 .playContainer a {
    border-style: solid;
    position: absolute;
    top: -8px;
    left: -3px;
}

.video-mod11 .playBtn a {
    border-color: transparent transparent transparent var(--style-color);
    border-width: 8px 0 8px 12px;
    width: 0;
    height: 0;
    transition: .6s all;
}

.video-mod11 .playContainer li:hover {
    border: 25px solid var(--style-color);
    color: var(--style-color);
    cursor: pointer;
}

.video-mod11 .playContainer .playBtn:hover a {
    border-color: transparent transparent transparent #fff;
}

.video-mod11 .v-video {
    position: relative;
    height: 100%;
    padding-bottom: 0;
}

.video-mod11 .v-video video {
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    width: auto !important;
    height: auto !important;
}

@media(max-width: 1024px) {
    .video-mod11 .scroll-btn {
        display:none;
    }
}

.video-mod11.section {
    padding: 0;
}

.video-mod11 .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.video-mod11.section:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}

.video-mod11 .scroll-btn {
    position: absolute;
    left: 50%;
    bottom: 2.6%;
    width: 22px;
    height: 36px;
    margin-left: -11px;
    background-image: url(https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/uploadfiles/images/scroll-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}

.video-mod11 .scroll-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 100%;
    top: 7px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.video-mod11 .scroll-btn:before {
    animation: scrollAni 1.5s infinite;
    -webkit-animation: scrollAni 1.5s infinite;
}

@keyframes scrollAni {
    0% {
        top: 7px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        top: 22px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes scrollAni {
    0% {
        top: 7px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        top: 22px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.replace h1 {
    color: var(--style-color);
}

.replace .swiper-replace-sg {
    margin-bottom: 1rem;
}

.replace .swiper-replace-sg .swiper-slide {
    cursor: pointer;
}

.project-mod1 .pro-list>li {
    margin-bottom: .5rem;
}

.project-mod2 .pro-list>li {
    margin-bottom: .5rem;
}

.project-mod2 .pro-list>li .back {
    position: relative;
}

.project-mod2 .pro-list>li .info p,.project-mod2 .pro-list>li .info .btn {
    display: none;
}

.project-mod2 .pro-list>li .info .h4 {
    display: block;
}

@media(min-width: 768px) {
    .project-mod2 .pro-list>li {
        margin-bottom:1rem;
    }

    .project-mod2 .pro-list>li .info {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        padding: 0 1rem;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        display: none;
    }

    .project-mod2 .pro-list>li .info p {
        width: 100%;
        color: #fff;
        display: block;
    }

    .project-mod2 .pro-list>li .info .btn {
        color: #fff;
        border: 1px solid #fff;
        border-radius: 2.5rem;
        padding: .25rem 1.5rem;
        margin-top: 1rem;
        display: block;
    }

    .project-mod2 .pro-list>li .back:hover .info {
        display: flex;
    }
}

.project-mod3 {
    color: #fff;
    background: #484848;
    overflow: hidden;
    position: relative;
}

.project-mod3 h2,.project-mod3 .title,.project-mod3 a,.project-mod3 .text {
    color: #fff;
}

.project-mod3 .product-menu .navbar-collapse {
    background: none;
}

.project-mod3 .product-menu .product-nav>li {
    border: none;
}

.project-mod3 .product-menu .product-nav>li>a {
    font-weight: 600;
    color: #fff !important;
    background: none;
}

.project-mod3 .product-menu .product-nav>li:hover>a,.project-mod3 .product-menu .product-nav>li.active>a {
    color: #f00 !important;
    background: none !important;
}

.project-mod3 .product-menu .product-nav>li ul li {
    border: none;
}

.project-mod3 .product-menu .product-nav>li ul li a {
    font-size: .875rem;
}

.project-mod3 .pro-list>li {
    margin-bottom: .5rem;
}

@media(min-width: 768px) {
    .project-mod3 {
        min-height:100vh;
        padding: 5.375rem 0 2.75rem;
        align-items: center;
        display: flex;
    }

    .project-mod3 h2,.project-mod3 .title {
        display: none;
    }

    .project-mod3 .product-menu .product-nav>li>a {
        font-size: .875rem;
    }
}

@media(min-width: 992px) {
    .project-mod3 .container {
        max-width:960px;
    }
}

@media(min-width: 1640px) {
    .project-mod3 .container {
        max-width:1640px;
    }

    .project-mod3 .product-menu .product-nav>li>a {
        font-size: 1rem;
    }
}

.project-mod4 .pro-list>li {
    margin-bottom: .5rem;
}

.project-mod4 .pro-list>li .back {
    position: relative;
}

.project-mod4 .pro-list>li .pct-img {
    position: relative;
    display: block;
}

.project-mod4 .pro-list>li .pct-img:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    border-radius: .5rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    display: none;
}

.project-mod4 .pro-list>li .pct-img img {
    border-radius: .5rem;
}

.project-mod4 .pro-list>li .back:hover .pct-img:after {
    display: block;
}

@media(min-width: 768px) {
    .project-mod4 .pro-list>li {
        margin-bottom:1rem;
    }
}

.project-mod5 .pro-list>li {
    margin-bottom: .5rem;
}

.project-mod5 .pro-list>li .back {
    position: relative;
}

.project-mod5 .pro-list>li .info {
    margin: .5rem 0;
}

.project-mod5 .pro-list>li .info p {
    margin: 0;
}

.project-mod5 .pro-list>li .info .h4 {
    margin: 0;
    text-align: center;
}

.project-mod5 .pro-list>li .info .h4 a {
    color: inherit;
}

.project-mod5 .pro-list>li .info .h5 {
    color: #999;
}

@media(min-width: 768px) {
    .project-mod5 .pro-list>li {
        margin-bottom:3rem;
    }

    .project-mod5 .pro-list>li .info {
        width: 90%;
        background: #fff;
        box-shadow: 1px 1px 5px 3px rgba(0,0,0,.1);
        padding: 1rem 1rem;
        position: absolute;
        left: 5%;
        bottom: -2.5rem;
        z-index: 5;
    }
}

.project-mod6 .pro-list>li {
    margin-bottom: .5rem;
}

.project-mod6 .pro-list>li .back {
    position: relative;
}

.project-mod6 .pro-list>li .info {
    margin: .5rem 0;
}

.project-mod6 .pro-list>li .info p {
    margin: 0;
}

.project-mod6 .pro-list>li .info .h5 {
    color: #999;
}

.project-mod6 .pro-list>li .info .btn {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    line-height: 2.625rem;
    color: #888;
    border: 1px solid #888;
    border-radius: 50%;
    padding: 0;
    display: none;
}

@media(min-width: 768px) {
    .project-mod6 .pro-list>li {
        margin-bottom:1rem;
    }

    .project-mod6 .pro-list>li .info {
        width: 100%;
        height: 5rem;
        background: #fff;
        text-align: left;
        padding: 1rem 1rem;
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 5;
        transition: all .7s;
    }

    .project-mod6 .pro-list>li .info p {
        height: 1.5rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
    }

    .project-mod6 .pro-list>li:hover .info {
        height: 100%;
        background: var(--style-color);
        padding-top: 10%;
        padding-left: 2rem;
    }

    .project-mod6 .pro-list>li:hover .info p {
        color: #fff;
    }

    .project-mod6 .pro-list>li:hover .info .h4 {
        margin: 1rem 0;
    }

    .project-mod6 .pro-list>li:hover .btn {
        background: #fff;
        border-color: #fff;
        box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);
    }
}

@media(min-width: 1200px) {
    .project-mod6 .pro-list>li .info {
        padding-right:5rem;
    }

    .project-mod6 .pro-list>li .info .btn {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        display: block;
    }
}

.project-mod7 {
    padding: .1rem 0 1rem;
}

.project-mod7 .pro-list li {
    text-align: center;
}

.project-mod7 .pro-list li a {
    position: relative;
    display: block;
}

.project-mod7 .pro-list li a::before {
    content: '';
    width: 3rem;
    height: 3rem;
    font-family: 'FontAwesome';
    font-size: 1.75rem;
    line-height: 3rem;
    color: rgba(0,0,0,.5);
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
    z-index: 5;
}

.project-mod7 .pro-list li a::after {
    content: '';
    width: 100%;
    height: 100%;
    font-family: 'FontAwesome';
    background: rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 3;
}

.project-mod7 .pro-list li a:hover::before,.project-mod7 .pro-list li a:hover:after {
    display: block;
}

.project-mod7 .pro-list li p {
    max-height: 3rem;
    margin: .5rem 0;
}

@media(min-width: 1200px) {
    .project-mod7 .pro-list li p {
        font-size:1.125rem;
    }
}

.project-mod9 {
    padding: 1rem 0;
}

.project-mod9 .pt {
    margin-bottom: 1rem;
}

.project-mod9 h2,.project-mod9 .title {
    text-align: left;
}

.project-mod9 .pro-list>li {
    margin-bottom: 1rem;
}

.project-mod9 .pro-list>li:hover .h4 {
    color: var(--style-color);
}

@media(min-width: 768px) {
    .project-mod9 {
        padding:2rem 0;
    }

    .project-mod9 h2,.project-mod9 .title {
        font-weight: 400;
        text-align: left;
        margin: 1rem 0;
    }

    .project-mod9 .pt {
        margin-bottom: 3rem;
    }
}

@media(min-width: 1200px) {
    .project-mod9 {
        padding-bottom:5rem;
    }

    .project-mod9 h2,.project-mod9 .title {
        font-size: 1.75rem;
    }

    .project-mod9 .pt {
        margin-bottom: 5em;
    }
}

.project-mod10 h1 {
    font-size: 28px;
    font-weight: bold;
    color: #090404;
    text-align: center;
    margin: .5rem auto;
}

.project-mod10 .info {
    margin-bottom: 4rem;
    font-size: 24px;
    font-family: Arial;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    text-align: center;
}

.project-mod10 .back {
    display: inline-block;
    position: relative;
}

.project-mod10 .prj_box {
    text-align: center;
}

.project-mod10 .back {
    box-shadow: 0 3px 35px 0 rgba(0,0,0,.4);
    margin-bottom: 4rem;
}

.project-mod10 .back .bottom-group {
    display: flex;
}

.project-mod10 .back .arrow {
    width: 20%;
}

.project-mod10 .back .img {
    position: relative;
}

.project-mod10 .back .sub-title {
    width: 80%;
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    line-height: 85px;
    padding: 2rem 0;
}

.project-mod10 .back .img::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    opacity: .6;
}

.project-mod10 .prj_box:first-child .back .img::before {
    background-color: #dc2e30;
}

.project-mod10 .prj_box:nth-child(2) .back .img::before {
    background-color: #000;
}

.project-mod10 .prj_box:nth-child(3) .back .img::before {
    background-color: #786e64;
}

.project-mod10 .prj_box:nth-child(4) .back .img::before {
    background-color: #014da1;
}

.project-mod10 .prj_box .back .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-mod10 .prj_box:first-child .back .arrow {
    background-color: #dc2e30;
}

.project-mod10 .prj_box:nth-child(2) .back .arrow {
    background-color: #000;
}

.project-mod10 .prj_box:nth-child(3) .back .arrow {
    background-color: #786e64;
}

.project-mod10 .prj_box:nth-child(4) .back .arrow {
    background-color: #014da1;
}

.project-mod10 .img .sub-title {
    position: absolute;
    font-size: 16px;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    background: hsla(0,0%,100%,.8);
    font-weight: 700;
    opacity: 0;
    padding: 1.5rem 0;
    text-align: center;
    transition: all .2s ease-in-out;
    line-height: unset;
}

.project-mod10 .back:hover .img .sub-title {
    opacity: 1;
}

.project-mod10 .prj_box:first-child .back:hover .img .sub-title {
    color: #dc2e30;
}

.project-mod10 .prj_box:nth-child(2) .back:hover .img .sub-title {
    color: #000;
}

.project-mod10 .prj_box:nth-child(3) .back:hover .img .sub-title {
    color: #786e64;
}

.project-mod10 .prj_box:nth-child(4) .back:hover .img .sub-title {
    color: #014da1;
}

@media(min-width: 768px) {
    .project-mod10 h1 {
        margin:2rem auto;
    }
}

@media(min-width: 1200px) {
    .project-mod10 h1 {
        font-size:40px;
    }
}

@media(max-width: 1199px) {
    .project-mod10 .back .sub-title {
        font-size:24px;
        line-height: 48px;
        padding: 1rem 0;
    }

    .project-mod10 .prj_box .back .arrow svg {
        width: 35px;
        height: 35px;
    }

    .project-mod10 .back {
        margin-bottom: 2rem;
    }

    .project-mod10 .info {
        font-size: 18px;
        margin-bottom: 2rem;
    }
}

@media(max-width: 991px) {
    .project-mod10 .back .sub-title {
        line-height:36px;
    }
}

.project-mod11 h1 {
    font-size: 28px;
    font-weight: bold;
    color: #090404;
    text-align: center;
    margin: .5rem auto;
}

.project-mod11 .text {
    text-align: left;
    margin: 0 auto 1rem;
}

.project-mod11 .product-menu .product-form {
    border: none;
    padding: 0;
    margin-bottom: 1rem;
}

.project-mod11 .product-menu .product-form .form-control {
    height: calc(2.75rem + 2px);
    border-radius: 0;
}

.project-mod11 .product-menu .product-form .btn {
    min-width: 2.75rem;
    border-radius: 0;
}

.project-mod11 .pro-list {
    margin-bottom: 1rem;
}

.project-mod11 .pro-list .btn {
    color: #666;
    padding: 0;
}

.project-mod11 .pro-list .btn .fa:before {
    padding-right: .3rem;
}

.project-mod11 .pro-list li.active .btn {
    color: var(--style-color);
}

.project-mod11 .product-con {
    align-items: stretch;
}

.project-mod11 .product-con li {
    margin-bottom: 1rem;
    cursor: pointer;
}

.project-mod11 .product-con li .back {
    height: 100%;
    border: 1px solid #ccc;
    flex-wrap: wrap;
    display: flex;
}

.project-mod11 .product-con li a {
    width: 100%;
    display: block;
}

.project-mod11 .product-con .desc {
    width: 100%;
    padding: 0 1rem;
}

.project-mod11 .product-con .info {
    width: 100%;
    font-weight: 600;
    margin: 1rem 0 .5rem;
}

.project-mod11 .product-con .h5 {
    margin: .5rem 0;
}

.project-mod11 .product-con .choice {
    padding: 0 1rem 1rem;
    margin-top: .75rem;
    align-self: flex-end;
}

.project-mod11 .product-con .btn {
    color: var(--style-color);
    background: transparent;
    border: 1px solid var(--style-color);
    border-radius: 0;
    padding: .2rem 1.25rem;
}

.project-mod11 .product-con .btn-default {
    background: var(--style-color);
    color: #fff;
    padding: .2rem .5rem;
}

.project-mod11 .product-con li:hover .back {
    border-color: var(--style-color);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
}

.project-mod11 .product-con li:hover .info,.project-mod11 .product-con li:hover .info a {
    color: var(--style-color);
}

.project-mod11 .product-con .btn:hover {
    background-color: var(--style-color);
    color: #fff;
}

.project-mod11 .product-con.active li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.project-mod11 .product-con.active li img {
    width: 100%;
    max-width: 12.5rem;
    float: left;
    margin-right: 1.25rem;
}

.project-mod11 .product-con.active .info {
    width: auto;
    height: 1.5rem;
    -webkit-line-clamp: 1;
}

.project-mod11 .product-con.active .h5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.project-mod11 .product-con.active .choice {
    margin-top: 1rem;
}

.project-mod11 .nav-subnav {
    display: none;
    margin-top: 8px;
    margin-bottom: 8px;
}

.project-mod11 #info-collapse {
    border: 1px solid #ced4da;
    border-left: none;
    border-bottom: none;
}

.project-mod11 .nav .open>a,.project-mod11 .nav .open>a:hover {
    background-color: var(--style-color);
    color: #fff;
}

.project-mod11 .nav>li>a:focus,.project-mod11 .nav>li>a:hover {
    background-color: var(--style-color);
    color: #fff;
}

.project-mod11 .nav>li>a {
    text-align: center;
}

.project-mod11 .product-menu .product-form button {
    color: #333;
    background: transparent;
    position: absolute;
    margin-top: .25rem;
    left: 2rem;
}

.project-mod11 .product-menu .product-form {
    margin-bottom: 0;
}

.project-mod11 .product-menu .product-form .form-control {
    border: none;
    border-bottom: 1px solid #ced4da;
    text-align: center;
}

.project-mod11 .nav-subnav>li>a:focus,.project-mod11 .nav-subnav>li>a:hover {
    color: var(--style-color);
    background-color: transparent;
}

.project-mod11 .swiper-container {
    height: 700px;
}

.project-mod11 .nav .nav-item-has-subnav>a>i {
    font-size: 24px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.project-mod11 .swiper-container .swiper-slide {
    border-bottom: 1px solid #ced4da;
}

.project-mod11 .nav .nav-item {
    border-bottom: 1px solid #ced4da;
}

.project-mod11 .nav .nav-item:last-child {
    border: none;
}

@media(min-width: 768px) {
    .project-mod11 h1 {
        margin:2rem auto;
    }
}

@media(min-width: 1200px) {
    .project-mod11 h1 {
        font-size:40px;
    }

    .project-mod11 .text {
        margin-bottom: 2rem;
    }

    .project-mod11 .product-menu {
        max-width: 18rem;
    }

    .project-mod11 .product-con .info {
        font-size: 1.125rem;
    }
}

@media(min-width: 1440px) {
    .project-mod11 .aside.on .aside-main {
        margin-left:20.5%;
    }
}

@media(min-width: 1640px) {
    .project-mod11 .aside.on .aside-main {
        margin-left:17.875%;
    }
}

.project-info h1 {
    color: var(--style-color);
}

.project-info .project-text img {
    margin: 1rem auto;
}

.project-info .project-text p {
    margin-bottom: .5rem;
}

@media(min-width: 768px) {
    .project-info .title {
        font-size:1.5rem;
    }
}

.project-info-mod1 h2,.project-info-mod1 .title {
    color: var(--style-color);
}

.project-info-mod1 .swiper-container {
    margin-bottom: 1rem;
}

.project-info-mod1 .swiper-thumbs .swiper-slide {
    cursor: pointer;
}

.project-info-mod2 .swiper-wrap {
    padding: 4rem 40px;
    position: relative;
}

.project-info-mod2 .swiper-wrap .swiper-button-prev {
    left: 0;
}

.project-info-mod2 .swiper-wrap .swiper-button-next {
    right: 0;
}

.project-info-mod3 .top-img {
    position: relative;
    margin-bottom: 4rem;
}

.project-info-mod3 .top-img img {
    border-radius: 20px;
}

.project-info-mod3 .info-group {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 335px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: rgba(0,117,193,.8);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 100px;
}

.project-info-mod3 .bold {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.project-info-mod3 .normal {
    font-size: 18px;
    color: #fff;
}

.project-info-mod3 h4 {
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 2rem;
    position: relative;
}

.project-info-mod3 h4::after {
    position: absolute;
    content: '';
    width: 300px;
    height: 15px;
    background-color: #24ac3e;
    bottom: 0;
}

.project-info-mod3 .row {
    margin-bottom: 4rem;
    position: relative;
}

.project-info-mod3 .row p {
    font-size: 18px;
    margin-bottom: 2rem;
}

.project-info-mod3 .row:nth-child(even) h4 {
    text-align: right;
}

.project-info-mod3 .row:nth-child(even) h3 {
    text-align: center;
}

.project-info-mod3 .row:nth-child(odd) h3 {
    padding-left: 100px;
}

.project-info-mod3 .row:nth-child(even) h4::after {
    right: 0;
}

.project-info-mod3 .row:nth-child(odd) h4::after {
    left: 0;
}

.project-info-mod3 h3 {
    font-size: 36px;
    margin-bottom: 2rem;
    font-weight: bold;
}

@media(min-width: 1200px) {
    .project-info-mod3 .title {
        font-size:36px;
        margin: 92px 0 63px;
    }

    .project-info-mod3 .row .circle {
        position: absolute;
        width: 430px;
        height: 458px;
        background: #24ac3e;
        opacity: .3;
        border-radius: 50%;
        right: 0;
        bottom: 0;
        transform: translate(50%,100%);
    }
}

@media(max-width: 767px) {
    .project-info-mod3 .top-img {
        margin-bottom:2rem;
    }

    .project-info-mod3 .bold {
        font-size: 18px;
        font-weight: 500;
    }

    .project-info-mod3 .normal {
        font-size: 14px;
    }

    .project-info-mod3 .info-group {
        position: absolute;
        width: 100%;
        height: 80px;
        right: 0;
        top: unset;
        bottom: 0;
        border-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding-left: 0;
        flex-direction: row;
        align-items: center;
    }
}

.solution-mod1 {
    color: #fff;
    background: #333;
    padding: 1rem 0;
}

.solution-mod1 h2,.solution-mod1 .title,.solution-mod1 .text,.solution-mod1 a {
    color: #fff;
}

.solution-mod1 h2 {
    text-align: left;
}

.solution-mod1 .h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: .5rem;
}

.solution-mod1 .h4 {
    font-weight: 600;
    border-left: 1px solid #fff;
    padding-left: 1rem;
}

.solution-mod1 .subtitle {
    font-weight: 700;
    background: var(--style-color);
    text-align: center;
    border-radius: .5rem;
    padding: .5rem 1rem;
    margin: .5rem 0;
}

.solution-mod1 .subtitle:after {
    content: '';
    font-family: "FontAwesome";
    margin-left: 1rem;
}

.solution-mod1 .dow-list>li {
    margin-bottom: .5rem;
}

.solution-mod1 .dow-list .btn {
    color: #333;
    background: #fff;
    border-radius: .5rem;
    display: block;
}

.solution-mod1 .dow-list .btn:after {
    content: '';
    font-family: "FontAwesome";
    margin-left: 1rem;
}

@media(min-width: 768px) {
    .solution-mod1 {
        padding:3rem 0 2rem;
        margin-top: -1rem;
    }

    .solution-mod1 h2,.solution-mod1 .title {
        margin: .5rem 0;
    }

    .solution-mod1 .h3 {
        font-size: 1.5rem;
    }

    .solution-mod1 .subtitle {
        margin: 3rem 0 1rem;
    }

    .solution-mod1 .dow-list>li {
        margin-bottom: 1rem;
    }

    .solution-mod1 .subtitle {
        font-size: 1.25rem;
        padding: 1rem 1rem;
    }

    .solution-mod1 .dow-list .btn {
        padding: 1rem .5rem;
    }
}

@media(min-width: 992px) {
    .solution-mod1 h2,.solution-mod1 .title {
        font-size:2rem;
    }
}

@media(min-width: 1200px) {
    .solution-mod1 {
        padding:5rem 0 4rem;
    }

    .solution-mod1 h2 {
        font-size: 2.5rem;
        line-height: 1.1;
        margin: 1rem 0;
    }

    .solution-mod1 .h3 {
        font-size: 1.75rem;
        margin: 2rem 0 0;
    }

    .solution-mod1 .h4 {
        font-size: 1.5rem;
        margin: 1rem 0;
    }

    .solution-mod1 .h5 {
        font-size: 1.125rem;
        margin-top: 0;
    }

    .solution-mod1 .subtitle {
        font-size: 1.5rem;
        margin-top: 1rem;
    }

    .solution-mod1 .dow-list .btn {
        font-size: 1.125rem;
    }

    .solution-mod1 .dow-list .btn:after {
        font-size: 1.5rem;
    }
}

@media(min-width: 1440px) {
    .solution-mod1 .row {
        justify-content:space-between;
    }

    .solution-mod1 .lt {
        max-width: 55rem;
    }

    .solution-mod1 .subtitle {
        margin: 1.5rem 0;
    }

    .solution-mod1 .dow-list>li {
        margin-bottom: 1.5rem;
    }

    .solution-mod1 .dow-list>li:last-child {
        margin-bottom: 0;
    }
}

.solution-mod2 {
    background: #f2f2f2;
    padding: 1rem 0;
}

.solution-mod2 h2,.solution-mod2 .title {
    text-align: left;
    font-weight: 700;
}

.solution-mod2 .advtange-list>li:before {
    content: '';
    font-family: "FontAwesome";
    color: var(--style-color);
    margin-right: .5rem;
}

.solution-mod2 .pct-img {
    margin-bottom: 1rem;
}

.solution-mod2 .share,.solution-mod2 .subtitle {
    font-weight: 700;
    text-align: center;
    border: 1px solid #333;
    border-radius: .5rem;
    padding: .5rem 1rem;
    margin: .5rem 0 1rem;
}

.solution-mod2 .subtitle {
    color: #fff;
    background: #333;
    margin-bottom: 1rem;
}

.solution-mod2 .share:after,.solution-mod2 .subtitle:after {
    content: '';
    font-family: "FontAwesome";
    margin-left: 1rem;
}

.solution-mod2 .subtitle:after {
    content: '';
}

.solution-mod2 .social-media {
    color: #fff;
    background: #333;
    border-radius: .5rem;
    padding: .5rem 0;
    margin: 0 0 1rem;
    justify-content: center;
}

.solution-mod2 .social-media>li>a {
    color: #fff;
}

.solution-mod2 .rt .back {
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

.solution-mod2 .rt .h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: .5rem;
}

.solution-mod2 .rt .h5 {
    max-height: 7.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.solution-mod2 .rt .date {
    color: #999;
}

@media(min-width: 768px) {
    .solution-mod2 {
        padding:2rem 0;
    }

    .solution-mod2 h2,.solution-mod2 .title {
        margin: 1rem 0;
    }

    .solution-mod2 .lt .pct-img {
        margin-bottom: 2rem;
    }

    .solution-mod2 .advtange-list {
        margin-bottom: 1.5rem;
    }

    .solution-mod2 .advtange-list>li {
        margin-bottom: .5rem;
    }

    .solution-mod2 .rt {
        order: 9;
    }

    .solution-mod2 .mySwiper {
        padding-bottom: 3rem;
    }

    .solution-mod2 .rt .pagination-inline a {
        width: 45%;
        height: auto;
        font-size: 2rem;
        line-height: 1;
        color: #333;
        background: #fff;
        top: auto;
        bottom: 0;
        margin-top: 0;
        display: block;
    }

    .solution-mod2 .rt .pagination-inline a:hover {
        color: #fff;
        background: var(--style-color);
    }

    .solution-mod2 .rt .pagination-inline a i {
        margin-bottom: .125rem;
    }
}

@media(min-width: 992px) {
    .solution-mod2 h2,.solution-mod2 .title {
        font-size:2rem;
    }

    .solution-mod2 .rt .h3 {
        font-size: 1.5rem;
    }
}

@media(min-width: 1200px) {
    .solution-mod2 .lt {
        font-size:1.125rem;
    }

    .solution-mod2 .lt .h5 {
        font-size: 1.125rem;
    }

    .solution-mod2 .share,.solution-mod2 .subtitle {
        font-size: 1.25rem;
        padding: 1rem 1rem;
        margin-bottom: 1.5rem;
    }

    .solution-mod2 .rt .swiper-container {
        margin-top: 3rem;
    }

    .solution-mod2 .social-media {
        padding: 1rem 0;
        margin-bottom: 1.5rem;
    }

    .solution-mod2 .social-media>li {
        padding: 0 .5rem;
    }

    .solution-mod2 .social-media>li>a {
        font-size: 1.5rem;
    }

    .solution-mod2 .rt .back {
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .solution-mod2 .rt .h5 {
        max-height: auto;
        font-weight: 500;
        -webkit-line-clamp: 10;
    }

    .solution-mod2 .rt .date {
        margin-top: 1rem;
    }
}

@media(min-width: 1440px) {
    .solution-mod2 .row {
        justify-content:space-between;
    }

    .solution-mod2 .lt {
        max-width: 55rem;
    }
}

.solution-mod3 {
    padding: 1rem 0;
}

.solution-mod3 .back {
    margin-bottom: 1rem;
    position: relative;
    display: block;
}

@media(min-width: 768px) {
    .solution-mod3 {
        padding:3rem 0;
    }

    .solution-mod3 .info {
        height: 100%;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 5;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .solution-mod3 .info .h4 {
        max-width: 30%;
        font-weight: 600;
    }
}

@media(min-width: 992px) {
    .solution-mod3 .info .h4 {
        font-size:1.5rem;
    }
}

@media(min-width: 1200px) {
    .solution-mod3 {
        padding:5rem 0 3rem;
    }

    .solution-mod3 .back {
        margin-bottom: 2rem;
    }

    .solution-mod3 .info .h4 {
        font-size: 1.75rem;
    }
}

@media(min-width: 1440px) {
    .solution-mod3 .info .h4 {
        font-size:2.25rem;
    }
}

.solution-mod5 {
    margin-bottom: 4rem;
}

.solution-mod5 .lt {
    background-color: var(--style-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-mod5 .lt .info-group {
    width: 75%;
}

.solution-mod5 .lt .sub-title {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin: 2rem 0;
}

.solution-mod5 .lt .sub-info {
    font-size: 18px;
    color: #fff;
}

.solution-mod5 .lt .btn {
    background: #fff;
    border-radius: 5px;
    color: var(--style-color);
    font-size: 24px;
    margin-top: 2rem;
}

@media(min-width: 992px) {
    .solution-mod5 .lt,.solution-mod5 .rt {
        padding:0;
    }

    .solution-mod5 .row:nth-child(even) .rt {
        order: -1;
    }

    .solution-mod5 .row:nth-child(odd) .rt {
        position: relative;
        top: 50px;
    }

    .solution-mod5 .row:nth-child(even) .lt {
        position: relative;
        top: 50px;
    }
}

@media(min-width: 1440px) {
    .solution-mod5 {
        margin-bottom:150px;
    }

    .solution-mod5 .lt .sub-title {
        font-size: 36px;
        margin-bottom: 4rem;
    }

    .solution-mod5 .lt .btn {
        width: 200px;
        height: 60px;
        font-size: 30px;
        margin-top: 4rem;
    }
}

@media(max-width: 991px) {
    .solution-mod5 .rt {
        padding:0;
    }

    .solution-mod5 .info-group {
        padding-bottom: 2rem;
    }

    .solution-mod5 .lt .btn {
        font-size: 18px;
    }
}

@media(max-width: 480px) {
    .solution-mod5 .lt .info-group {
        width:90%;
    }
}

h1.solution_our-title {
    font-size: 28px;
    font-weight: bold;
    color: #090404;
    text-align: center;
    margin: 1.25rem auto;
}

.solution-mod6 .item-li {
    padding-bottom: 2rem;
}

.solution-mod6 .fl-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.solution-mod6 .item-li .p {
    margin-bottom: .7rem;
    line-height: 1.8;
    text-align: left;
    height: 10rem;
    margin: 1rem 0;
    font-size: 18px;
}

.solution-mod6 .item-li .img {
    width: 50%;
}

.solution-mod6 .item-li .scroll-text {
    width: 50%;
    padding: 0 2rem;
    background-color: var(--style-color);
    color: #fff;
}

.solution-mod6 .scroll-text h2 {
    text-align: left;
    color: #fff;
}

.solution-mod6 .scroll-text h2 a {
    color: inherit;
}

.solution-mod6 .item-li:nth-child(odd) {
    flex-direction: row-reverse;
}

.solution-mod6 .p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #55a4ff;
    border-radius: 0;
}

.solution-mod6 .item-li .p .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px !important;
    background-color: #dcdcdc !important;
}

.solution-mod6 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.solution-mod6 .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
}

.solution-mod6 .btn {
    background: #fff;
    border-radius: 5px;
    color: var(--style-color);
    font-size: 24px;
    margin-bottom: 2rem;
}

@media(min-width: 768px) {
    h1.solution_our-title {
        margin:2rem auto;
    }
}

@media(min-width: 1200px) {
    h1.solution_our-title {
        font-size:40px;
        margin-bottom: 6rem;
    }

    .solution-mod6 .item-li .img {
        width: 57%;
    }

    .solution-mod6 .item-li:nth-child(odd) .scroll-text {
        position: relative;
        top: -50px;
    }

    .solution-mod6 .item-li:nth-child(even) .img {
        position: relative;
        top: -50px;
    }

    .solution-mod6 .item-li .scroll-text {
        width: 43%;
        padding: 1rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .solution-mod6 .item-li {
        padding-bottom: calc(4rem + 50px);
    }

    .solution-mod6 .scroll-text h2 {
        font-size: 36px;
        width: 100%;
        margin-bottom: 0;
    }

    .solution-mod6 .item-li .p {
        height: 8rem;
        margin: 2.25rem 0;
    }
}

@media(min-width: 1440px) {
    .solution-mod6 .item-li .scroll-text {
        padding:4rem;
    }
}

@media(min-width: 1640px) {
    .solution-mod6 .item-li .scroll-text {
        height:600px;
        padding: 0 6rem;
    }

    .solution-mod6 .btn {
        width: 210px;
        height: 60px;
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 2rem;
    }
}

@media(max-width: 1199px) {
    .solution-mod6 .item-li .img {
        width:100%;
    }

    .solution-mod6 .item-li .scroll-text {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .solution-mod6 .btn {
        font-size:18px;
    }
}

.solution-mod7 {
    padding-top: 92px;
}

.solution-mod7 .title {
    font-size: 36px;
    margin: 0 0 34px;
}

.solution-mod7 .back-img {
    background-repeat: no-repeat;
}

.solution-mod7 .align-end {
    align-items: flex-end;
}

.solution-mod7 .more {
    background-color: var(--style-color);
    color: #fff;
    margin: 2rem 0;
}

.solution-mod7 .cont-inner .row:nth-child(even) {
    flex-direction: row-reverse;
}

.solution-mod7 .cont-inner .row:nth-child(even) .back-img {
    text-align: right;
}

.solution-mod7 .cont-inner .row:nth-child(even) .sort {
    text-align: left;
}

.solution-mod7 .cont-inner .row:nth-child(even) .sort::after {
    left: 0;
}

.solution-mod7 .sort {
    text-align: right;
    font-size: 24px;
    margin-bottom: 2rem;
    position: relative;
    font-weight: bold;
}

.solution-mod7 .sub-info {
    font-size: 16px;
    height: 10rem;
}

.solution-mod7 .sub-title {
    font-size: 24px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 2rem;
    font-weight: bold;
}

.solution-mod7 .cont-inner .row {
    margin-top: 2rem;
}

@media(min-width: 1200px) {
    .solution-mod7 .more {
        width:210px;
        height: 70px;
        padding: 0;
        border-radius: 30px 0 30px 0;
        box-shadow: 0 0 30px 0 rgba(28,124,46,.5);
        font-size: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .solution-mod7 .sub-info {
        font-size: 18px;
        line-height: 2;
        height: 15rem;
    }

    .solution-mod7 .sub-title {
        font-size: 36px;
    }

    .solution-mod7 .cont-inner .row:nth-child(even) .sub-title {
        text-align: right;
        padding-right: 86px;
    }

    .solution-mod7 .sort::after {
        position: absolute;
        content: '';
        width: 200px;
        height: 10px;
        right: 0;
        bottom: -1rem;
        background-color: var(--style-color);
    }

    .solution-mod7 .sort {
        font-size: 36px;
    }

    .solution-mod7 .cont-inner .row {
        margin-top: 4rem;
    }
}

@media(min-width: 1640px) {
    .solution-mod7 .sub-title {
        margin-bottom:4rem;
    }

    .solution-mod7 .back-img>img {
        max-width: 950px;
    }

    .solution-mod7 .back-img {
        background-position: right 90%;
    }

    .solution-mod7 .cont-inner .row:nth-child(even) .back-img {
        background-position: left 90%;
    }

    .solution-mod7 .cont-inner .row {
        margin-top: 100px;
    }

    .solution-mod7 .sort::after {
        width: 300px;
        height: 15px;
        bottom: -2rem;
    }

    .solution-mod7 .sort {
        margin-bottom: 4rem;
    }
}

@media(max-width: 1199px) {
    .solution-mod7 .sort {
        text-align:left;
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .solution-mod7 .sub-title {
        margin-bottom: 1rem;
    }

    .solution-mod7 .sub-info {
        height: unset;
    }

    .solution-mod7 .more {
        margin: 1rem 0;
        border-radius: 15px 0 15px 0;
    }
}

.product-desc-mod1 .info {
    margin-bottom: 1rem;
}

.product-desc-mod1 .row>div {
    margin-bottom: 1rem;
}

@media(min-width: 768px) {
    .product-desc-mod1 {
        margin-top:2rem;
    }

    .product-desc-mod1 .info {
        margin: 1rem 0;
    }
}

@media(min-width: 1200px) {
    .product-desc-mod1 .tab-list {
        margin-bottom:2rem;
    }

    .product-desc-mod1 .info {
        margin: 2rem 0;
    }

    .product-desc-mod1 .row>div {
        margin-bottom: 2rem;
    }
}

@media(max-width: 767px) {
    .product-desc-mod1 {
        padding-top:2rem;
    }
}

.product-desc-mod2 {
    padding: 1rem 0;
}

.product-desc-mod2 .h4 {
    color: var(--style-color);
}

.product-desc-mod2 img {
    margin: 1rem 0;
}

@media(min-width: 768px) {
    .product-desc-mod2 .list-tag {
        margin:0;
    }

    .product-desc-mod2 .tab-list {
        flex-wrap: wrap;
    }

    .product-desc-mod2 .tab-list>li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin: 0;
    }

    .product-desc-mod2 .tab-list>li>a {
        border: none;
    }

    .product-desc-mod2 .back {
        border: 1px solid #ccc;
    }

    .product-desc-mod2 .lt {
        border-right: 1px solid #ccc;
        padding-right: 0;
    }

    .product-desc-mod2 .rt {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .product-desc-mod2 .v-adaptive iframe,.product-desc-mod2 .v-adaptive video {
        width:600px !important;
    }
}

@media(min-width: 1200px) {
    .product-desc-mod2 {
        padding-top:2rem;
    }

    .product-desc-mod2 .tab-list>li>a {
        font-size: 1.125rem;
        padding: .75rem .5rem;
    }

    .product-desc-mod2 .h4 {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .product-desc-mod2 .rt {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.product-desc-mod3 {
    padding: .1rem 0 1rem;
}

.product-desc-mod3 .back {
    margin-bottom: .5rem;
    overflow: hidden;
}

.product-desc-mod3 h3,.product-desc-mod3 .h3 {
    line-height: 1.2;
    color: #fff;
    background: var(--style-color);
    padding: .75rem 2rem;
    position: relative;
    display: inline-block;
}

.product-desc-mod3 h3::after {
    content: '';
    min-width: 100rem;
    height: 100%;
    background: #e9ecef;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

@media(max-width: 767px) {
    .product-desc-mod3 h3,.product-desc-mod3 .h3 {
        font-size:1.125rem;
        padding: .5rem 1rem;
    }
}

.product-desc-mod4 {
    color: #fff;
    background: #0a0a0a;
    padding: .5rem 0 1rem;
}

.product-desc-mod4 .title,.product-desc-mod4 h2,.product-desc-mod4 a {
    color: #fff;
}

.product-desc-mod4 img {
    margin: 1rem 0;
}

.product-desc-mod4 p {
    margin-bottom: .5rem;
}

@media(min-width: 768px) {
    .product-desc-mod4 .list-tag {
        background:#fff;
        margin: 2rem 0;
    }

    .product-desc-mod4 .tab-list {
        background: #fff;
    }
}

@media(min-width: 1200px) {
    .product-desc-mod4 .v-adaptive iframe,.product-desc-mod4 .v-adaptive video {
        width:1110px !important;
        height: 520px !important;
    }
}

@media(min-width: 1640px) {
    .product-desc-mod4 .v-adaptive iframe,.product-desc-mod4 .v-adaptive video {
        width:1570px !important;
        height: 600px !important;
    }
}

.product-desc-mod6 {
    padding: 1rem 0;
}

.product-desc-mod6 p,.product-desc-mod6 img {
    margin: .5rem 0;
    text-align: left;
    color: #666;
}

.product-desc-mod6 .m-adaptive {
    margin: 2rem 0;
}

.product-desc-mod6 .desc {
    display: flex;
    flex-direction: column;
}

.product-desc-mod6 .desc>.title {
    text-align: left;
    padding-left: 0;
}

.product-desc-mod6 .desc>p {
    padding: 15px 0;
    word-break: break-all;
}

.product-desc-mod6 .params>li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    color: #999;
}

.product-desc-mod6 .params>li>span:first-child {
    color: #333;
    font-weight: bold;
    max-width: 20%;
    word-break: break-all;
}

.product-desc-mod6 .params>li>span:last-child {
    max-width: 60%;
    word-break: break-all;
    text-align: right;
}

.product-desc-mod7 .desc {
    display: flex;
    flex-direction: column;
}

.product-desc-mod7 .desc>.title {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
}

.product-desc-mod7 .desc>p {
    padding: 15px 0;
    word-break: break-all;
}

.product-desc-mod7 .params>li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    color: #999;
}

.product-desc-mod7 .params>li>span:first-child {
    color: #333;
    font-weight: bold;
    max-width: 20%;
    word-break: break-all;
}

.product-desc-mod7 .params>li>span:last-child {
    max-width: 60%;
    word-break: break-all;
    text-align: right;
}

.product-desc-mod8 .list-tag,.product-desc-mod8 .tab-content {
    margin: 0;
}

.product-desc-mod8 .info {
    margin-bottom: 1rem;
}

.product-desc-mod8 .row>div {
    margin-bottom: 1rem;
}

.product-desc-mod8 .card {
    padding: 15px;
    padding-top: 0;
}

.product-desc-mod8 .card-header h4 {
    background-color: #f0f0f1;
    padding: .5rem 1rem;
    margin-top: 10px;
    margin-bottom: 0;
}

.product-desc-mod8 .card-body {
    padding: 15px;
    border: 4px solid #f0f0f1;
}

@media(min-width: 768px) {
    .product-desc-mod8 {
        margin-top:2rem;
    }

    .product-desc-mod8 .info {
        margin: 1rem 0;
    }

    .product-desc-mod8 .tab-list.big {
        background: unset;
    }

    .product-desc-mod8 .tab-list.big>li>.btn {
        background: #f0f0f1;
        color: #666;
        font-weight: bold;
    }

    .product-desc-mod8 .tab-list.big>li:hover>.btn,.product-desc-mod8 .tab-list.big>li.active>.btn {
        background: #fff;
        color: var(--style-color) !important;
    }

    .product-desc-mod8 .tab-content {
        position: relative;
        padding: 15px;
    }

    .product-desc-mod8 .tab-content::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        box-shadow: 0 0 15px 0 rgb(000%);
        z-index: -1;
    }

    .product-desc-mod8 .tab-list.big>li {
        margin-right: 0;
        position: relative;
        border: 1px solid #ccc;
        border-bottom: 0;
    }

    .product-desc-mod8 .tab-list.big>li.active,.product-desc-mod8 .tab-list.big>li:hover {
        border: none;
    }

    .product-desc-mod8 .tab-list.big>li.active::after,.product-desc-mod8 .tab-list.big>li:hover::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        box-shadow: 0 0 15px 0 rgb(000%);
    }
}

@media(min-width: 1200px) {
    .product-desc-mod8 .info {
        margin:2rem 0;
    }

    .product-desc-mod8 .row>div {
        margin-bottom: 2rem;
    }
}

@media(max-width: 767px) {
    .product-desc-mod8 {
        padding-top:2rem;
    }
}

.certificate-mod2 {
    padding: 1rem 0 2rem;
}

@media(min-width: 768px) {
    .certificate-mod2 {
        padding-bottom:3rem;
    }

    .certificate-mod2 .tab-list {
        margin-bottom: 2rem;
    }

    .certificate-mod2 .tab-list>li>.btn {
        color: #fff;
        background: var(--style-color);
        border: none;
    }
}

@media(min-width: 1200px) {
    .certificate-mod2 {
        padding-bottom:5rem;
    }

    .certificate-mod2 .tab-list>li>.btn {
        font-size: 1.125rem;
        padding: .5rem 2rem;
    }
}

.certificate-mod3 .title {
    font-size: 30px;
    font-weight: 300;
    color: #1f1e1d;
    line-height: 30px;
    text-align: center;
}

.certificate-mod3 .title>span {
    font-size: 72px;
    font-weight: 300;
    color: var(--style-color);
}

.certificate-mod3 .text {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    line-height: 30px;
    text-align: center;
    padding: 20px 0;
}

@media(max-width: 767px) {
    .certificate-mod3 .title {
        font-size:20px;
    }

    .certificate-mod3 .title>span {
        font-size: 30px;
    }
}

.certificate-mod4 {
    position: relative;
}

.certificate-mod4 .swiper-pagination {
    position: relative;
    padding: 20px 0;
}

.certificate-mod4 .swiper-pagination-bullet {
    margin: 0 4px;
    border-radius: inherit;
}

.certificate-mod5 h2 {
    font-size: 2rem;
}

.certificate-mod5 .back {
    background-image: url(../../../uploadfiles/images/certificate_bg_3.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 126%;
}

.certificate-mod5 .img {
    padding: 2rem;
}

.certificate-mod5 .img:focus,.certificate-mod5 .img:hover {
    padding: 0;
}

.certificate-mod5 .container-fluid {
    padding-right: 10%;
}

@media(min-width: 1200px) {
    .certificate-mod5 h2 {
        font-size:36px;
    }
}

.about-spec {
    color: #fff;
    background-size: cover !important;
    padding: 1rem 0;
}

.about-spec a,.about-spec h2,.about-spec .title {
    color: #fff;
    text-align: left;
}

.about-spec .back {
    min-height: 15rem;
    align-items: center;
    display: flex;
}

@media(min-width: 768px) {
    .about-spec .back {
        min-height:25rem;
    }

    .about-spec h2,.about-spec .title {
        font-size: 1.75rem;
    }
}

@media(min-width: 992px) {
    .about-spec .back {
        min-height:35rem;
    }

    .about-spec h2,.about-spec .title {
        font-size: 2.25rem;
    }
}

@media(min-width: 1200px) {
    .about-spec h2,.about-spec .title {
        font-size:2.75rem;
    }
}

@media(min-width: 1440px) {
    .about-spec .back {
        min-height:45rem;
    }

    .about-spec h2,.about-spec .title {
        font-size: 2.75rem;
    }
}

@media(min-width: 1640px) {
    .about-spec .back {
        min-height:60rem;
    }

    .about-spec h2,.about-spec .title {
        font-size: 3.25rem;
    }
}

@media(max-width: 767px) {
    .about-spec h2,.about-spec .title {
        font-size:1.5rem;
    }
}

@media(min-width: 768px) {
    .description-mod1 .back {
        background:#f9f9f9;
        margin: 2rem 0;
        align-items: center;
        display: flex;
    }

    .description-mod1 h2,.description-mod1 .title {
        font-size: 1.25rem;
        color: #fff;
        background: var(--style-color);
        text-align: left;
        white-space: nowrap;
        padding: .5rem .75rem;
        margin: 0;
        margin-right: 1rem;
    }

    .description-mod1 h2:before,.description-mod1 .title:before {
        content: '';
        font-family: "FontAwesome";
        margin-right: .5rem;
    }

    .description-mod1 .list-tag {
        margin: 0;
    }

    .description-mod1 .tab-list {
        margin: 0;
        justify-content: flex-start;
    }

    .description-mod1 .tab-list>li {
        margin-bottom: 0;
    }

    .description-mod1 .tab-list>li>a {
        font-weight: 600;
        border: none;
        padding: .375rem .25rem;
    }

    .description-mod1 .tab-list>li:hover>a,.description-mod1 .tab-list>li.active>a {
        color: var(--style-color) !important;
        background: transparent;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .description-mod1 .tab-list>li>a {
        font-size:.75rem;
    }
}

@media(min-width: 992px) {
    .description-mod1 h2,.description-mod1 .title {
        padding:1rem 1.75rem;
    }
}

@media(min-width: 1200px) {
    .description-mod1 .tab-list>li>a {
        padding:.375rem .75rem;
    }
}

@media(min-width: 1440px) {
    .description-mod1 .tab-list>li>a {
        font-size:1.0625rem;
        padding: .375rem 1.5rem;
    }
}

@media(min-width: 1640px) {
    .description-mod1 .tab-list>li>a {
        padding:.375rem 2rem;
    }
}

.description-mod2 {
    background: #f9f9f9;
}

@media(min-width: 768px) {
    .description-mod2 {
        margin-top:-1rem;
    }

    .description-mod2.on {
        width: 100%;
        border-bottom: 2px solid var(--style-color);
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .description-mod2 .list-tag {
        margin: 0;
    }

    .description-mod2 .tab-list {
        justify-content: flex-start;
    }

    .description-mod2 .tab-list>li {
        margin: 0;
    }

    .description-mod2 .tab-list>li>.btn {
        font-weight: 600;
        border: none;
        padding: .75rem 1.25rem;
    }
}

@media(min-width: 1200px) {
    .description-mod2 .tab-list>li>.btn {
        padding:1.25rem 2rem;
    }
}

.product-view-mod1 {
    padding: .1rem 0;
}

@media(min-width: 768px) {
    .product-view-mod1 h2,.product-view-mod1 .title {
        font-size:1.75rem;
    }
}

.view-mod2 {
    padding: 1rem 0;
}

.view-mod2 .back {
    position: relative;
}

.view-mod2 .info .h4 {
    font-weight: 600;
}

.view-mod2 .back .btn {
    display: none;
}

@media(min-width: 768px) {
    .view-mod2 .abt-title {
        border-left:1px solid #ccc;
        padding: .1rem 1rem;
        margin: 2rem 0;
    }

    .view-mod2 h2,.view-mod2 .title,.view-mod2 .text {
        text-align: left;
        margin: 0;
    }

    .view-mod2 .info {
        width: 90%;
        height: 90%;
        color: #fff;
        cursor: pointer;
        position: absolute;
        left: 5%;
        top: 5%;
        z-index: 5;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        display: flex;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }

    .view-mod2 .info:after {
        content: '';
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .view-mod2 .info p {
        width: 100%;
        color: #fff;
        display: none;
    }

    .view-mod2 .back .btn {
        color: #fff;
        display: block;
    }

    .view-mod2 .back:hover .info {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .view-mod2 .back:hover .info:after {
        background: var(--style-color);
    }

    .view-mod2 .back:hover .info p {
        display: block;
    }

    .view-mod2 .back:hover .btn {
        display: none;
    }
}

@media(min-width: 1200px) {
    .view-mod2 h2,.view-mod2 .title {
        font-size:2rem;
        font-weight: 300;
        line-height: 1.2;
        margin-bottom: .5rem;
    }

    .view-mod2 .info .h4 {
        font-size: 1.25rem;
    }

    .view-mod2 .back:hover .btn {
        font-size: 1.5rem;
    }
}

@media(min-width: 1640px) {
    .view-mod2 h2,.view-mod2 .title {
        font-size:2.5rem;
    }
}

.about-wide {
    background: #484848;
}

.about-wide .back {
    background: #fff;
    padding-top: .1rem;
    padding-bottom: 1rem;
}

@media(min-width: 768px) {
    .about-wide .back {
        padding-bottom:2rem;
    }
}

@media(min-width: 992px) {
    .about-wide .container {
        max-width:960px;
    }
}

.abtWide-mod1 h2 {
    color: #fff;
    background: rgba(155,155,155,.9);
    padding: 1rem 0;
    margin: -2rem 5% 0;
    position: relative;
    z-index: 3;
}

@media(min-width: 768px) {
    .abtWide-mod1 h2 {
        margin-top:-2.5rem;
    }
}

.abtWide-mod3 .lt {
    padding-bottom: 1rem;
}

@media(min-width: 768px) {
    .abtWide-mod3 .lt {
        padding-bottom:0;
    }

    .abtWide-mod3 .rt .col-sm-12:first-of-type {
        padding-bottom: 1.25rem;
    }
}

.abtWide-mod4 .text-center .btn {
    width: 40%;
    margin: 1rem auto 0;
}

.abtWide-mod4 h2 {
    font: 500 1.5rem/1 'Times New Roman',Times,serif;
    color: #555;
}

@media(min-width: 768px) {
    .abtWide-mod4 h2 {
        font-size:3.5rem;
        margin-top: 0;
    }
}

@media(min-width: 992px) {
    .abtWide-mod4 h2 {
        font-size:5rem;
    }
}

.abtWide-mod5 h2 {
    font: 500 1.25rem/1 'Times New Roman',Times,serif;
    color: #777;
    background: rgba(205,205,205,.9);
    padding: 1rem 0;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .abtWide-mod5 h2 {
        font-size:2rem;
        letter-spacing: 3px;
    }
}

@media(min-width: 992px) {
    .abtWide-mod5 h2 {
        font-size:3rem;
        letter-spacing: 7px;
    }
}

.abtWide-mod6 .back {
    text-align: center;
}

.abtWide-mod6 h2 {
    color: #fff;
    background: rgba(155,155,155,.9);
    padding: 1rem 2rem;
    margin: 0 auto 1rem;
    display: inline-block;
}

.abtWide-mod6 .info {
    text-align: left;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.abtWide-mod6 .info p {
    font-weight: 600;
}

@media(min-width: 768px) {
    .abtWide-mod6 .back {
        padding-left:1rem;
        padding-right: 1rem;
    }

    .abtWide-mod6 .info {
        padding: 0;
    }

    .abtWide-mod6 h2,.abtWide-mod6 .info p {
        margin-bottom: 2rem;
    }

    .abtWide-mod6 h2 {
        font-size: 2rem;
    }
}

@media(min-width: 992px) {
    .abtWide-mod6 h2 {
        font-size:3.5rem;
        font-weight: 500;
    }

    .abtWide-mod6 .info p {
        font-size: 1.5rem;
    }

    .abtWide-mod6 .info p strong {
        font-size: 1.75rem;
    }
}

.hair-footer {
    line-height: 1.875;
    background: #f1f1f1;
    padding-top: 4rem;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 2rem;
}

.hair-footer .ftr-info {
    padding-bottom: 4rem;
}

.hair-footer .ftr-info a {
    color: var(--style-color);
}

.hair-footer a:hover {
    color: var(--style-color) !important;
}

.hair-footer .back {
    text-align: center;
}

.hair-footer .list {
    margin-bottom: 2rem;
}

.hair-footer .list>li {
    color: var(--style-color);
}

.hair-footer .list i {
    margin-right: .5rem;
}

.hair-footer .social-media {
    justify-content: center;
}

.hair-footer .ftr-filing {
    color: #fff;
    background: var(--style-color);
    text-align: center;
    padding: 2.5rem 1.5rem;
    margin-bottom: 0;
}

@media(max-width: 767px) {
    .hair-footer {
        padding-top:4rem !important;
    }

    .hair-footer .ftr-info {
        display: block;
    }
}

.hair-header .navbar-right {
    display: none;
}

.hair-header .form {
    max-width: 10rem;
    border: 1px solid #666;
    border-radius: .35rem;
    position: relative;
}

.hair-header .form .form-group {
    margin-bottom: 0;
}

.hair-header .form input {
    height: calc(1.5em + .3rem + 2px);
    border: none;
    background: transparent;
}

.hair-header .form input::-webkit-input-placeholder {
    color: #777;
}

.hair-header .form input:-moz-placeholder {
    color: #777;
}

.hair-header .form input::-moz-placeholder {
    color: #777;
}

.hair-header .form input:-ms-input-placeholder {
    color: #777;
}

.hair-header .form .btn {
    background: none;
    border-radius: 0;
    border-left: 1px solid #666;
    padding: .15rem .5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

@media(min-width: 768px) {
    .hair-header .navbar {
        min-height:5rem;
        background: var(--style-color);
        border-radius: 0;
    }

    .hair-header .navbar-header {
        width: 10rem;
        min-height: 6.75rem;
        background: #fff;
        box-shadow: 0 30px 50px 0 rgba(0,0,0,.15);
        padding: 1rem 1rem 0;
        position: absolute;
        top: -2.375rem;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .hair-header .navbar-header::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5rem solid transparent;
        border-right: 5rem solid transparent;
        border-top: 3rem solid #fff;
        position: absolute;
        left: 0;
        top: 100%;
    }

    .hair-header.shadow .navbar-header {
        top: 0;
    }

    .hair-header .navbar-brand {
        height: 5.375rem;
        margin: 0;
    }

    .hair-header .navbar-brand img {
        height: 100%;
    }

    .hair-header .menu {
        justify-content: flex-end;
    }

    .hair-header .menu>li {
        padding: 0 1rem;
    }

    .hair-header .menu>li>a {
        color: #fff !important;
    }

    .hair-header .menu>li:hover>a,.hair-header .menu>li.active>a {
        background: none !important;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .hair-header .container {
        max-width:100%;
    }
}

@media(min-width: 1200px) {
    .hair-header .navbar-right {
        display:block;
    }

    .hair-header .menu {
        margin-left: 15%;
    }
}

@media(max-width: 767px) {
    .hair-header .navbar-brand {
        max-height:2.5rem;
    }
}

.hair-link {
    font-size: .875rem;
    color: #fff;
    background: var(--style-color);
    opacity: .9;
}

.hair-link>.container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hair-link a,.hair-link .hl-lt li:before {
    color: #fff;
}

.hair-link .hl-rt {
    display: flex;
}

.hair-link .hl-lt {
    padding: .5rem 0;
}

.hair-link .hl-lt li {
    padding-right: 1rem;
}

.hair-link .hl-lt li:before {
    content: '';
    font-family: 'FontAwesome';
    color: #fff;
    margin-right: .25rem;
    display: inline-block;
}

.hair-link .hl-lt li.p:before {
    content: '';
}

.hair-link .hl-lt li.e:before {
    content: '';
}

.hair-link .btn-search {
    color: #fff !important;
    border: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 0;
    padding: .25rem .625rem;
}

.hair-link .search {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.75);
    left: 0;
    top: 0;
    z-index: 900;
    display: none;
}

.hair-link .search form {
    width: 100%;
    max-width: 30rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.hair-link .search form .form-group {
    flex-wrap: nowrap;
    display: flex;
}

.hair-link .search form .center {
    justify-content: center;
}

.hair-link .search form input {
    height: 3.25rem;
    border: none;
    border-radius: 0;
    flex-grow: 1;
}

.hair-link .search form button {
    width: 4rem;
    height: 3.25rem;
    color: #fff;
    background: var(--style-color);
    border: none;
    border-radius: 0;
}

.hair-link .search .btn-close {
    font-size: 1.125rem;
    color: #fff !important;
}

.hair-link .social-media {
    margin-left: 0;
    align-items: center;
}

.hair-link .social-media li {
    border-right: 1px solid #fff;
    padding: .25rem .35rem;
}

.hair-link .social-media li a {
    min-width: 1.5rem;
    color: #fff;
}

.hair-link .social-media li a:hover {
    color: var(--style-color);
}

.hair-mod1 {
    padding: .1rem 0 1rem;
}

.hair-mod1 .back {
    margin-bottom: 1rem;
}

.hair-mod1 .info {
    max-height: 30rem;
    overflow: auto;
}

.hair-mod1 .bt .btn {
    color: #fff;
    background: var(--style-color);
    border: none;
    border-style: dashed;
    padding: .75rem 2rem;
}

@media(min-width: 768px) {
    .hair-mod1 {
        padding:2rem 0;
    }

    .hair-mod1 .back {
        border-bottom: 1px solid var(--style-color);
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        align-items: center;
    }

    .hair-mod1 h2,.hair-mod1 .title {
        text-align: left;
        margin: 0 0 .5rem;
    }

    .hair-mod1 .info p {
        margin-bottom: .5rem;
    }
}

@media(min-width: 1200px) {
    .hair-mod1 {
        padding:4rem 0;
    }

    .hair-mod1 h2,.hair-mod1 .title {
        text-align: left;
        margin-bottom: 1rem;
    }

    .hair-mod1 .back {
        padding-bottom: 4rem;
        margin-bottom: 3rem;
        align-items: flex-start;
    }

    .hair-mod1 .info {
        max-height: 32.5rem;
    }

    .hair-mod1 .info p {
        margin-bottom: 1rem;
    }
}

.hair-mod2 {
    padding: .1rem 0 1rem;
}

.hair-mod2 .icon {
    text-align: center;
}

.hair-mod2 h2,.hair-mod2 .title {
    position: relative;
}

.hair-mod2 h2 span,.hair-mod2 .title span {
    display: none;
}

.hair-mod2 .back {
    margin-bottom: 1rem;
    align-items: center;
    display: flex;
}

.hair-mod2 .img {
    padding: 1rem 0;
    flex-basis: 7.5rem;
}

.hair-mod2 .info {
    flex: 1;
}

@media(min-width: 768px) {
    .hair-mod2 {
        padding:1rem 0 2rem;
    }

    .hair-mod2 h2.after,.hair-mod2 .title.after {
        margin-top: 1rem;
    }

    .hair-mod2 h2.after span,.hair-mod2 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }

    .hair-mod2 .h4 {
        font-weight: 600;
    }
}

@media(min-width: 1200px) {
    .hair-mod2 {
        padding:1rem 0 2rem;
    }

    .hair-mod2 h2.after span,.hair-mod2 .title.after span {
        font-size: 4rem;
        top: 25%;
    }

    .hair-mod2 .back {
        margin-bottom: 2rem;
    }

    .hair-mod2 .img {
        flex-basis: 12rem;
    }

    .hair-mod2 .h4 {
        font-size: 1.5rem;
    }
}

.hair-mod3 {
    padding: .1rem 0 1rem;
}

.hair-mod3 .icon {
    text-align: center;
}

.hair-mod3 h2,.hair-mod3 .title {
    position: relative;
}

.hair-mod3 h2 span,.hair-mod3 .title span {
    display: none;
}

.hair-mod3 .back {
    margin-bottom: 1rem;
    position: relative;
}

.hair-mod3 .num {
    font-size: 3rem;
    font-weight: 900;
    color: var(--style-color);
    opacity: .15;
    position: absolute;
    left: 0;
    top: -2rem;
    z-index: -1;
    display: none;
}

.hair-mod3 .h4 {
    color: var(--style-color);
}

@media(min-width: 768px) {
    .hair-mod3 {
        padding:1rem 0 2rem;
    }

    .hair-mod3 h2,.hair-mod3 .title {
        margin-top: 1rem;
    }

    .hair-mod3 h2.after span,.hair-mod3 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }

    .hair-mod3 .num {
        font-size: 4rem;
        left: -.5rem;
        top: -3rem;
        display: block;
    }

    .hair-mod3 .h4 {
        font-weight: 600;
    }
}

@media(min-width: 1200px) {
    .hair-mod3 {
        padding:2rem 0 4rem;
    }

    .hair-mod3 h2.after span,.hair-mod3 .title.after span {
        font-size: 4rem;
        top: 25%;
    }

    .hair-mod3 .row {
        margin-top: 3rem;
    }

    .hair-mod3 .back {
        margin-bottom: 2rem;
    }

    .hair-mod3 .num {
        font-size: 6rem;
        left: -1.25rem;
        top: -4.5rem;
        display: block;
    }

    .hair-mod3 .h4 {
        font-size: 1.5rem;
    }
}

.hair-mod4 {
    background: #f1f1f1;
    padding: .1rem 0 1rem;
}

.hair-mod4 .icon {
    text-align: center;
}

.hair-mod4 h2,.hair-mod4 .title {
    position: relative;
}

.hair-mod4 h2 span,.hair-mod4 .title span {
    display: none;
}

.hair-mod4 .div-text .more {
    background: #f1f1f1;
}

.hair-mod4 .star i {
    color: #ffb53e;
}

.hair-mod4 .swiper-container {
    margin-top: 1rem;
}

.hair-mod4 .back {
    align-items: center;
    display: flex;
}

.hair-mod4 .img {
    text-align: center;
    flex-basis: 6.75rem;
}

.hair-mod4 .img img {
    max-width: 3.75rem;
    border-radius: 50%;
}

.hair-mod4 .info {
    background: #fff;
    padding: 1rem 1rem 2rem;
    position: relative;
    overflow: hidden;
    flex: 1;
}

.hair-mod4 .info::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 1000px solid var(--style-color);
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -350px;
    bottom: .25rem;
}

@media(min-width: 768px) {
    .hair-mod4 {
        padding:1rem 0 2rem;
    }

    .hair-mod4 h2,.hair-mod4 .title {
        margin-top: 1rem;
    }

    .hair-mod4 h2.after span,.hair-mod4 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }
}

@media(min-width: 1200px) {
    .hair-mod4 {
        padding:3rem 0 5rem;
    }

    .hair-mod4 h2.after span,.hair-mod4 .title.after span {
        font-size: 4rem;
        top: 25%;
    }

    .hair-mod4 .swiper-container {
        margin-top: 2rem;
    }
}

.hair-mod5 {
    padding: 1rem 0 1rem;
}

.hair-mod5 .icon {
    text-align: center;
}

.hair-mod5 h2,.hair-mod5 .title {
    position: relative;
}

.hair-mod5 h2 span,.hair-mod5 .title span {
    display: none;
}

.hair-mod5 .swiper-slide {
    padding: .5rem;
}

.hair-mod5 .swiper-slide img {
    box-shadow: 1px 1px 5px 3px rgba(0,0,0,.15);
}

@media(min-width: 768px) {
    .hair-mod5 {
        padding:1rem 0 2rem;
    }

    .hair-mod5 h2.after,.hair-mod5 .title.after {
        margin-top: 1rem;
    }

    .hair-mod5 h2.after span,.hair-mod5 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }
}

@media(min-width: 992px) {
    .hair-mod5 .pagination-inline a {
        border-radius:50%;
        display: block;
    }

    .hair-mod5 .pagination-inline a.prevbtn {
        left: 1rem;
    }

    .hair-mod5 .pagination-inline a.nextbtn {
        right: 1rem;
    }
}

@media(min-width: 1200px) {
    .hair-mod5 {
        padding:1rem 0 2rem;
    }

    .hair-mod5 h2.after span,.hair-mod5 .title.after span {
        font-size: 4rem;
        top: 25%;
    }
}

.hair-mod6 {
    color: #fff;
    background: no-repeat center;
    background-attachment: fixed;
    padding: 1rem 0;
}

.hair-mod6 h2,.hair-mod6 .title,.hair-mod6 .text,.hair-mod6 a {
    color: #fff;
}

.hair-mod6 .back {
    color: #fff;
    text-align: center;
}

@media(min-width: 768px) {
    .hair-mod6 {
        padding:3rem 0;
    }
}

@media(min-width: 1200px) {
    .hair-mod6 {
        padding:5rem 0;
    }

    .hair-mod6 h2,.hair-mod6 .title {
        font-size: 2.75rem;
    }

    .hair-mod6 .h3 {
        font-size: 2.25rem;
    }
}

.hair-mod7 {
    background: #f1f1f1;
    padding: 1rem 0 1rem;
}

.hair-mod7 .icon {
    text-align: center;
}

.hair-mod7 h2,.hair-mod7 .title {
    position: relative;
}

.hair-mod7 h2 span,.hair-mod7 .title span {
    display: none;
}

.hair-mod7 .form .form-control {
    border-radius: 0;
}

.hair-mod7 .form .submit .btn {
    font-weight: 700;
    color: #fff;
    background: var(--style-color);
    border: none;
    border-radius: 2.5rem;
}

@media(min-width: 768px) {
    .hair-mod7 {
        padding:2rem 0;
    }

    .hair-mod7 h2.after,.hair-mod7 .title.after {
        margin-top: 1rem;
    }

    .hair-mod7 h2.after span,.hair-mod7 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }

    .hair-mod7 .back {
        align-items: center;
    }
}

@media(min-width: 1200px) {
    .hair-mod7 {
        padding:4rem 0;
    }

    .hair-mod7 h2.after span,.hair-mod7 .title.after span {
        font-size: 4rem;
        top: 25%;
    }

    .hair-mod7 .back {
        margin-top: 2rem;
    }

    .hair-mod7 .form .form-group {
        margin-bottom: 2rem;
    }

    .hair-mod7 .form .submit .btn {
        padding: .5rem 2.5rem;
    }
}

.hair-mod8 {
    padding: 1rem 0 1rem;
}

.hair-mod8 .icon {
    text-align: center;
}

.hair-mod8 h2,.hair-mod8 .title {
    position: relative;
}

.hair-mod8 h2 span,.hair-mod8 .title span {
    display: none;
}

@media(min-width: 768px) {
    .hair-mod8 {
        padding:2rem 0;
    }

    .hair-mod8 h2.after,.hair-mod8 .title.after {
        margin-top: 1rem;
    }

    .hair-mod8 h2.after span,.hair-mod8 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }
}

@media(min-width: 1200px) {
    .hair-mod8 {
        padding:4rem 0;
    }

    .hair-mod8 h2.after span,.hair-mod8 .title.after span {
        font-size: 4rem;
        top: 25%;
    }
}

.hair-mod9 {
    padding: 1rem 0 1rem;
}

.hair-mod9 .icon {
    text-align: center;
}

.hair-mod9 h2,.hair-mod9 .title {
    position: relative;
}

.hair-mod9 h2 span,.hair-mod9 .title span {
    display: none;
}

.hair-mod9 .swiper-wrapper {
    align-items: stretch;
}

.hair-mod9 .swiper-slide {
    height: auto;
}

.hair-mod9 .back {
    height: 98%;
    background: #fff;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
    margin: 1% .5rem;
    position: relative;
}

.hair-mod9 .img {
    position: relative;
}

.hair-mod9 .date {
    max-width: 3.75rem;
    color: #fff;
    background: var(--style-color);
    text-align: center;
    padding: .25rem .75rem;
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 5;
}

.hair-mod9 .date p {
    font-size: .75rem;
}

.hair-mod9 .date .day {
    font: 900 2rem/1 'impact';
}

.hair-mod9 .info {
    padding: .5rem 1rem 1rem;
}

.hair-mod9 .info p {
    font-size: .875rem;
}

.hair-mod9 .info .h4 {
    font-size: 1rem;
    font-weight: 600;
}

.hair-mod9 .info .btn {
    color: #fff;
    background: var(--style-color);
    padding: .15rem 1.5rem;
    margin-top: .5rem;
}

.hair-mod9 .back:hover .h4,.hair-mod9 .back:hover .h4 a {
    color: var(--style-color);
}

@media(min-width: 768px) {
    .hair-mod9 {
        padding-bottom:3rem;
    }

    .hair-mod9 h2.after,.hair-mod9 .title.after {
        margin-top: 1rem;
    }

    .hair-mod9 h2.after span,.hair-mod9 .title.after span {
        width: 100%;
        font-size: 2.5rem;
        color: var(--style-color);
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 40%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: .15;
        display: block;
    }
}

@media(min-width: 1200px) {
    .hair-mod9 {
        padding-bottom:5rem;
    }

    .hair-mod9 .swiper-container {
        margin-top: 2rem;
    }

    .hair-mod9 .info .h4 {
        font-size: 1.25rem;
        margin: 2rem 0 1.5rem;
    }

    .hair-mod9 h2.after span,.hair-mod9 .title.after span {
        font-size: 4rem;
        top: 25%;
    }
}

.hehe-header .navbar {
    border-bottom: 2px solid var(--style-color);
    border-radius: 0;
}

.hehe-header .navbar-right {
    align-items: center;
}

.hehe-header .navbar-right .language {
    margin-left: 1rem;
    margin-top: .25rem;
}

.hehe-header .navbar-right .language i::before {
    margin-right: .5rem;
}

.hehe-header .navbar-right .language .dropdown-menu {
    margin-top: 0;
}

.hehe-header .navbar-right .language .dropdown-menu>li>a {
    padding: .5rem .5rem;
}

.hehe-header .navbar-right .language .dropdown-menu>li:hover>a {
    color: #fff;
    background: var(--style-color);
}

.hehe-header .menu>li .dropdown-menu img {
    margin-bottom: .5rem;
    display: none;
}

@media(min-width: 768px) {
    .hehe-header .container {
        position:relative;
    }

    .hehe-header .menu>li {
        position: static;
    }

    .hehe-header .menu>li>a {
        position: relative;
    }

    .hehe-header .menu>li>a::before {
        content: '';
        width: 2rem;
        height: 1px;
        background: var(--style-color);
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: 2;
        margin-left: -1rem;
        display: none;
    }

    .hehe-header .menu>li:hover>a,.hehe-header .menu>li.active>a {
        color: var(--style-color) !important;
        background: none !important;
    }

    .hehe-header .menu>li:hover>a::before,.hehe-header .menu>li.active>a::before {
        display: block;
    }

    .hehe-header .menu>li>.dropdown-menu {
        width: 100%;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 1rem 0;
        left: 0;
        margin-left: 0;
        justify-content: center;
        align-items: center;
    }

    .hehe-header .menu>li.open>.dropdown-menu {
        display: flex;
    }

    .hehe-header .menu>li>.dropdown-menu::after {
        content: '';
        width: 200rem;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 2px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%,0);
    }

    .hehe-header .menu>li>.dropdown-menu>li {
        max-width: 20%;
        padding: 0 1rem;
    }

    .hehe-header .menu>li>.dropdown-menu>li>a {
        color: var(--style-color) !important;
        background: none !important;
        border: none;
    }

    .hehe-header .menu>li .dropdown-menu img {
        display: block;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .hehe-header .container {
        max-width:100%;
    }
}

@media(min-width: 1200px) {
    .hehe-header .menu {
        margin-left:10%;
    }
}

.hehe-mod1 {
    padding: 1rem 0;
}

.hehe-mod1 .back {
    position: relative;
}

.hehe-mod1 .h4 {
    font-weight: 600;
    color: var(--style-color);
}

.hehe-mod1 .lt,.hehe-mod1 .mt {
    margin-bottom: 1rem;
}

.hehe-mod1 .lt .swiper-container {
    padding-left: 1rem;
    position: relative;
}

.hehe-mod1 .lt .swiper-container::before,.hehe-mod1 .lt .swiper-container::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.hehe-mod1 .lt .swiper-container::after {
    height: 5rem;
    background: var(--style-color);
    z-index: 5;
}

.hehe-mod1 .lt .date {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--style-color);
}

.hehe-mod1 .lt .h4 {
    color: #333;
}

.hehe-mod1 .lt .pagination-block {
    justify-content: flex-end;
}

.hehe-mod1 .lt .pagination-block>span {
    width: .5rem;
    height: .5rem;
}

.hehe-mod1 .mt .sub {
    font-family: "times new roman";
    color: #999;
}

.hehe-mod1 .mt .date {
    color: var(--style-color);
    margin: .5rem 0;
}

.hehe-mod1 .rt .info {
    padding: .5rem 1rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.hehe-mod1 .rt .info .btn {
    font-size: .75rem;
    font-weight: 600;
    color: var(--style-color);
    padding: 0;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .hehe-mod1 {
        padding:2rem 0;
    }

    .hehe-mod1 .lt,.hehe-mod1 .mt {
        margin-bottom: 2rem;
    }
}

@media(min-width: 1200px) {
    .hehe-mod1 .lt,.hehe-mod1 .mt {
        margin-bottom:0;
    }

    .hehe-mod1 .lt .info p,.hehe-mod1 .mt .info p {
        font-size: .875rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .hehe-mod1 .mt .msg {
        padding-left: 0;
    }
}

@media(min-width: 1440px) {
    .hehe-mod1 .lt .pt {
        justify-content:space-between;
        display: flex;
    }

    .hehe-mod1 .lt .date {
        margin: .5rem 0;
        margin-right: 1rem;
    }
}

@media(min-width: 1840px) {
    .hehe-mod1 .h4 {
        font-size:1.25rem;
    }

    .hehe-mod1 .lt .date {
        font-size: 1.5rem;
    }

    .hehe-mod1 .lt .info p {
        -webkit-line-clamp: 3;
    }
}

.hehe-mod2 {
    padding: 1rem 0;
}

.hehe-mod2 .back {
    position: relative;
    display: block;
}

.hehe-mod2 .info .btn {
    padding: 0;
    margin-top: .5rem;
}

@media(min-width: 768px) {
    .hehe-mod2 {
        padding:2rem 0;
    }
}

@media(min-width: 1200px) {
    .hehe-mod2 .back {
        overflow:hidden;
    }

    .hehe-mod2 .info {
        width: 100%;
        height: 100%;
        color: #fff;
        background: var(--style-color);
        padding: .1rem 1rem 0;
        position: absolute;
        right: 100%;
        top: 0;
        z-index: 5;
        -webkit-transition: all .7s;
        -moz-transition: all .7s;
        transition: all .7s;
    }

    .hehe-mod2 .back:hover .info {
        right: 0;
    }

    .hehe-mod2 .info .h4,.hehe-mod2 .info .h5 {
        height: 1.6875rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .hehe-mod2 .info .h5 {
        height: 5.25rem;
        font-size: .875rem;
        padding-right: 5%;
        -webkit-line-clamp: 4;
    }

    .hehe-mod2 .info .btn {
        font-size: .875rem;
        color: #fff;
        background: var(--style-color);
        position: absolute;
        right: 1rem;
        bottom: .5rem;
    }
}

.hehe-mod3 {
    background: #f4f4f4;
    padding: 1rem 0;
}

.hehe-mod3 .main {
    align-items: stretch;
}

.hehe-mod3 .lt {
    padding: 2rem 15px;
    display: none;
}

.hehe-mod3 .swiper-thumbs {
    max-height: 19.25rem;
    height: 100%;
}

.hehe-mod3 .swiper-thumbs::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #333;
    position: absolute;
    left: .75rem;
    top: 0;
}

.hehe-mod3 .swiper-slide {
    cursor: pointer;
    align-items: center;
    display: flex;
}

.hehe-mod3 .date {
    font-size: 1.25rem;
    font-weight: 600;
    padding: .25rem;
    position: relative;
}

.hehe-mod3 .date::before {
    content: '';
    font-family: 'FontAwesome';
    margin-right: .5rem;
}

.hehe-mod3 .swiper-slide.active .date,.hehe-mod3 .swiper-slide:hover .date {
    color: var(--style-color);
}

.hehe-mod3 .back {
    margin: 0;
    align-items: stretch;
}

.hehe-mod3 .img {
    padding: 0;
}

.hehe-mod3 .info {
    background: #fff;
    padding: .5rem 1rem 1rem;
}

.hehe-mod3 .info .title {
    font-weight: 500;
    text-align: left;
}

@media(min-width: 768px) {
    .hehe-mod3 {
        padding:3rem 0;
    }

    .hehe-mod3 .rt,.hehe-mod3 .img {
        order: 9;
    }

    .hehe-mod3 .lt .pagination-inline a {
        width: 2rem;
        height: 2rem;
        font-size: 1.5rem;
        line-height: 1.75rem;
        border-radius: 50%;
        left: 1.625rem;
        top: 0;
        margin-left: -1rem;
        margin-top: 0;
    }

    .hehe-mod3 .lt .pagination-inline .nextbtn {
        top: auto;
        bottom: 0;
    }

    .hehe-mod3 .img img {
        height: 100%;
    }

    .hehe-mod3 .info {
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        display: flex;
    }

    .hehe-mod3 .info p {
        width: 100%;
    }

    .hehe-mod3 .info .title {
        font-size: 1.5rem;
        margin: .5rem 0;
    }
}

@media(min-width: 1200px) {
    .hehe-mod3 {
        padding:5rem 0;
    }

    .hehe-mod3 .lt {
        display: block;
    }

    .hehe-mod3 .info {
        padding: 1rem 5%;
    }

    .hehe-mod3 .info .title {
        margin-bottom: 1.5rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod3 {
        padding:7rem 0;
    }

    .hehe-mod3 .swiper-thumbs {
        max-height: 25rem;
    }
}

.hehe-mod4 {
    background: #f3f3f3;
    padding: .1rem 0 1rem;
}

.hehe-mod4 .back {
    align-items: stretch;
    margin: 0;
}

.hehe-mod4 .img {
    padding: 0;
}

.hehe-mod4 .info {
    background: #fff;
    padding: .5rem 1rem 1rem;
}

.hehe-mod4 .info .h3,.hehe-mod4 .info .h4 {
    font-weight: 900;
}

.hehe-mod4 .info .sub {
    font-weight: 900;
}

.hehe-mod4 .info .icon {
    margin: .5rem 0;
}

.hehe-mod4 .info hr {
    max-width: 5rem;
    border-width: 2px;
    border-color: #999;
}

.hehe-mod4 .swiper-thumbs .swiper-slide {
    cursor: pointer;
}

.hehe-mod4 .swiper-thumbs .swiper-slide img {
    opacity: .7;
}

.hehe-mod4 .swiper-thumbs .swiper-slide-thumb-active img {
    opacity: 1;
}

@media(min-width: 768px) {
    .hehe-mod4 {
        padding-bottom:3rem;
    }

    .hehe-mod4 .swiper-gallery {
        margin-bottom: 2rem;
    }

    .hehe-mod4 .mySwiper {
        padding: 0 2rem;
        margin: 0 -2rem;
    }

    .hehe-mod4 .pagination-inline a {
        width: auto;
        height: auto;
        font-size: 2rem;
        color: #333;
        background: none;
    }
}

@media(min-width: 1200px) {
    .hehe-mod4 .img {
        order:9;
    }

    .hehe-mod4 .img img {
        width: 100%;
        height: 100%;
    }

    .hehe-mod4 .info {
        padding: 2rem 2rem 1rem;
    }

    .hehe-mod4 .info .h3 {
        margin-top: 0;
    }

    .hehe-mod4 .info .sub {
        background: #fff;
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .hehe-mod4 .info .sub span {
        position: relative;
        z-index: 3;
    }

    .hehe-mod4 .info .sub::before {
        content: '';
        width: 0;
        height: 0;
        border-top: 7rem solid transparent;
        border-left: 7rem solid #fff;
        border-bottom: 7rem solid transparent;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: -5rem;
    }

    .hehe-mod4 .pagination-inline a {
        font-size: 4rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod4 .info .h3 {
        font-size:1.75rem;
    }

    .hehe-mod4 .info .h4 {
        font-size: 1.25rem;
    }
}

.hehe-mod5 {
    background: no-repeat center;
    background-size: cover;
    padding: 1rem 0;
}

.hehe-mod5 .form {
    max-width: 28.75rem;
    background: #999;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hehe-mod5 .form input {
    color: #fff;
    background: none;
    border-radius: 0;
    border: none;
}

.hehe-mod5 .form input::-webkit-input-placeholder {
    color: #fff;
}

.hehe-mod5 .form input::-moz-input-placeholder {
    color: #fff;
}

.hehe-mod5 .form input::-ms-input-placeholder {
    color: #fff;
}

.hehe-mod5 .form .btn {
    color: #fff;
    background: none;
    border: none;
    border-left: 1px solid #fff;
    border-radius: 0;
}

.hehe-mod5 .back {
    overflow: hidden;
    position: relative;
}

.hehe-mod5 .item {
    margin-bottom: 1rem;
}

.hehe-mod5 .img {
    display: block;
}

.hehe-mod5 .big-img {
    display: none;
}

.hehe-mod5 .info .h4 {
    font-weight: 600;
}

.hehe-mod5 .info .btn {
    color: #333;
    padding: 0;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .hehe-mod5 {
        padding:2rem 0;
    }

    .hehe-mod5 .form {
        margin-bottom: 2rem;
    }

    .hehe-mod5 .item {
        margin-bottom: 2rem;
    }

    .hehe-mod5 .item:nth-of-type(4) {
        width: 455px !important;
    }

    .hehe-mod5 .item:nth-of-type(4) .sub-img {
        display: none;
    }

    .hehe-mod5 .item:nth-of-type(4) .big-img {
        display: block;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .hehe-mod5 .info {
        max-height:3.75rem;
        padding: .5rem 1rem;
    }
}

@media(min-width: 992px) {
    .hehe-mod5 .item:nth-of-type(4) {
        width:615px !important;
    }

    .hehe-mod5 .info {
        width: 80%;
        height: 80%;
        color: #fff;
        padding: 2rem;
        overflow: hidden;
        position: absolute;
        left: 10%;
        bottom: 10%;
        z-index: 5;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        display: flex;
        -webkit-transition: all .7s;
        -moz-transition: all .7s;
        transition: all .7s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    .hehe-mod5 .info p {
        width: 100%;
    }

    .hehe-mod5 .info::after {
        content: '';
        width: 100%;
        height: 100%;
        background: var(--style-color);
        opacity: .7;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .hehe-mod5 .info .btn {
        width: 100%;
        color: #fff;
        text-align: right;
    }

    .hehe-mod5 .back:hover .info {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@media(min-width: 1200px) {
    .hehe-mod5 {
        padding:5rem 0;
    }

    .hehe-mod5 .item:nth-of-type(4) {
        width: 735px !important;
    }

    .hehe-mod5 .info {
        font-size: 1.125rem;
    }

    .hehe-mod5 .info .h4 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod5 .item:nth-of-type(4) {
        width:908px !important;
    }
}

@media(min-width: 1640px) {
    .hehe-mod5 .item:nth-of-type(4) {
        width:1041px !important;
    }
}

.hehe-mod6 {
    background: no-repeat center;
    background-size: cover;
    padding: 1rem 0;
}

.hehe-mod6 .lt .title {
    color: var(--style-color);
}

.hehe-mod6 .pager li>a,.hehe-mod6 .pager li>span {
    color: #666;
    background: none;
    border: none;
}

.hehe-mod6 .pager li:hover>a,.hehe-mod6 .pager li:hover>span {
    color: var(--style-color);
}

.hehe-mod6 .pager li:first-child i {
    margin-right: .5rem;
}

.hehe-mod6 .pager li:last-child i {
    margin-left: .5rem;
}

.hehe-mod6 .product-menu {
    padding: 0;
    z-index: 9;
}

.hehe-mod6 .form {
    background: var(--style-color);
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hehe-mod6 .form input {
    color: #fff;
    background: none;
    border-radius: 0;
    border: none;
}

.hehe-mod6 .form input::-webkit-input-placeholder {
    color: #fff;
}

.hehe-mod6 .form input::-moz-input-placeholder {
    color: #fff;
}

.hehe-mod6 .form input::-ms-input-placeholder {
    color: #fff;
}

.hehe-mod6 .form .btn {
    color: #fff;
    background: none;
    border: none;
    border-left: 1px solid #fff;
    border-radius: 0;
}

.hehe-mod6 .product-con li {
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.hehe-mod6 .product-con li .img {
    display: block;
}

.hehe-mod6 .product-con .info {
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: 5%;
}

.hehe-mod6 .product-con .info::after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--style-color);
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.hehe-mod6 .product-con .info .h4 {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.hehe-mod6 .product-con .info .h4 a {
    color: #fff;
}

.hehe-mod6 .product-con .info .h4 i {
    margin-right: .5rem;
}

.hehe-mod6 .product-con li:hover img {
    border-color: var(--style-color);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
}

@media(min-width: 768px) {
    .hehe-mod6 .lt .title {
        font-weight:500;
    }

    .hehe-mod6 .pager li>a,.hehe-mod6 .pager li>span {
        font-size: 1.25rem;
    }

    .hehe-mod6 .form {
        margin-bottom: 2rem;
    }

    .hehe-mod6 .product-menu .navbar-collapse {
        background: none;
    }

    .hehe-mod6 .product-menu .product-nav {
        border: none;
        margin-bottom: 1.5rem;
        position: relative;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .hehe-mod6 .product-menu .product-nav>li {
        margin: 0;
        position: relative;
    }

    .hehe-mod6 .product-menu .product-nav>li>a {
        background: none;
        background: #fff;
    }

    .hehe-mod6 .product-menu .product-nav>li:hover>a,.hehe-mod6 .product-menu .product-nav>li.active>a {
        background: var(--style-color);
    }

    .hehe-mod6 .product-menu .product-nav>li.active ul {
        display: none;
    }

    .hehe-mod6 .product-menu .product-nav>li ul {
        min-width: 10rem;
        background: #fff;
        box-shadow: 1px 1px 3px rgba(0,0,0,.15);
        padding: 0;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 9;
    }

    .hehe-mod6 .product-menu .product-nav>li ul>li {
        padding: .5rem 1.5rem;
        position: relative;
    }

    .hehe-mod6 .product-menu .product-nav>li>ul ul {
        left: 100%;
        top: 0;
    }

    .hehe-mod6 .product-menu .product-nav li:hover>ul {
        display: block;
    }
}

@media(min-width: 1200px) {
    .hehe-mod6 .main {
        margin:0;
    }

    .hehe-mod6 .lt {
        padding: 0;
        padding-right: 3rem;
    }

    .hehe-mod6 .rt {
        background: #fff;
        padding: 1rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod6 .product-menu .product-nav>li {
        margin-right:.5rem;
    }
}

@media(min-width: 1640px) {
    .hehe-mod6 .lt {
        max-width:30%;
        flex-basis: 30%;
    }

    .hehe-mod6 .rt {
        max-width: 70%;
        flex-basis: 70%;
        padding: 2rem;
    }
}

.hehe-mod7 {
    padding: .1rem 0 1rem;
}

.hehe-mod7 .main {
    background: #fff;
    margin: 0;
}

.hehe-mod7 .pro-lt {
    padding: 0;
}

.hehe-mod7 h1,.hehe-mod7.title {
    color: var(--style-color);
    text-align: left;
    padding-bottom: 1rem;
    margin: 1rem 0;
    position: relative;
}

.hehe-mod7 h1::after,.hehe-mod7.title::after {
    content: '';
    width: 3rem;
    height: 3px;
    background: var(--style-color);
    position: absolute;
    left: 0;
    bottom: 0;
}

.hehe-mod7 .pro-rt ul li {
    line-height: 1.875;
}

.hehe-mod7 .pro-rt button.btn {
    font-size: .875rem;
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
    margin: 1rem 0;
}

.hehe-mod7 .pro-rt button.btn i {
    margin-right: .5rem;
}

@media(min-width: 768px) {
    .hehe-mod7 {
        padding:1rem 0 2rem;
    }

    .hehe-mod7 h2,.hehe-mod7 .title {
        font-size: 1.5rem;
    }

    .hehe-mod7 .main {
        padding: 1rem 1rem 0;
    }
}

@media(min-width: 992px) {
    .hehe-mod7 h2,.hehe-mod7 .title {
        margin-top:0;
    }
}

@media(min-width: 1200px) {
    .hehe-mod7 .main {
        padding:2rem 2rem 1rem;
    }

    .hehe-mod7 .pro-rt {
        padding-left: 3rem;
    }

    .hehe-mod7 .pro-rt button.btn {
        padding: .5rem 1.75rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod7 .main {
        padding:4rem 4rem 1rem;
    }
}

@media(max-width: 479px) {
    .hehe-mod7 {
        padding-top:1rem;
    }
}

.hehe-mod8 .cho-list li {
    margin-top: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
    display: flex;
}

.hehe-mod8 .cho-list .cho-lt .date {
    color: #666;
    font-weight: 600;
    margin: 1rem 0 0;
    position: relative;
    align-items: center;
    display: flex;
}

.hehe-mod8 .cho-list .cho-lt .date .year {
    font-size: 1.5rem;
    margin-right: 1rem;
}

.hehe-mod8 .cho-list .cho-lt .date .num {
    font-size: 1.125rem;
}

.hehe-mod8 .cho-list .cho-lt .btn {
    color: #666;
    border-radius: 0;
    padding: 0 1.5rem;
    margin-top: .5rem;
    display: none;
}

.hehe-mod8 .cho-list .cho-lt .btn:hover {
    color: #fff;
    background: var(--style-color);
    border-color: var(--style-color);
}

.hehe-mod8 .cho-list .cho-rt {
    width: 100%;
}

.hehe-mod8 .cho-list .cho-mt {
    flex: auto;
}

.hehe-mod8 .cho-list li .h4 {
    font-weight: 600;
}

.hehe-mod8 .cho-list li:hover .h4,.hehe-mod8 .cho-list li:hover .h4 a {
    color: var(--style-color);
}

@media(min-width: 768px) {
    .hehe-mod8 .cho-list li {
        border-top:1px solid #ccc;
        padding: 1rem 0;
        flex-wrap: nowrap;
    }

    .hehe-mod8 .cho-list .cho-lt {
        min-width: 5rem;
        align-self: center;
    }

    .hehe-mod8 .cho-list .cho-lt .date {
        text-align: center;
        display: block;
    }

    .hehe-mod8 .cho-list .cho-lt .date .year {
        margin-right: 0;
    }

    .hehe-mod8 .cho-list .cho-lt .btn {
        display: inline-block;
    }

    .hehe-mod8 .cho-list .info {
        padding: 0 1rem;
    }

    .hehe-mod8 .cho-list .cho-rt {
        width: auto;
        min-width: 15rem;
        max-width: 21.875rem;
        order: 9;
    }
}

@media(min-width: 992px) {
    .hehe-mod8 .cho-list .cho-rt {
        min-width:20rem;
    }
}

@media(min-width: 1200px) {
    .hehe-mod8 {
        padding-bottom:2rem;
    }

    .hehe-mod8 .cho-list li {
        padding: 2rem 0;
        margin-top: 3rem;
    }

    .hehe-mod8 .cho-list .cho-lt {
        min-width: 13.5rem;
    }

    .hehe-mod8 .cho-list .cho-lt .date {
        padding-right: 5.5rem;
        margin-right: 1.5rem;
    }

    .hehe-mod8 .cho-list .cho-lt .date:before {
        content: '';
        width: 4.25rem;
        height: 1px;
        background: #333;
        position: absolute;
        right: 0;
        top: 1.5rem;
    }

    .hehe-mod8 .cho-list .cho-lt .btn {
        font-size: 1.25rem;
    }

    .hehe-mod8 .cho-list .info {
        padding-top: 2.75rem;
    }
}

.hehe-mod9 {
    background: no-repeat center;
    background-size: cover;
    padding: 1rem 0;
}

.hehe-mod9 .back {
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hehe-mod9 .back .date {
    font-weight: 900;
}

.hehe-mod9 .back .rt i {
    font-size: 2rem;
}

@media(min-width: 768px) {
    .hehe-mod9 {
        padding:2rem 0;
    }

    .hehe-mod9 .back {
        margin-bottom: 2rem;
    }

    .hehe-mod9 .back .date {
        font-size: 1.5rem;
    }

    .hehe-mod9 .back .mt {
        flex: 1;
        justify-content: space-around;
        align-items: center;
        display: flex;
    }
}

@media(min-width: 1200px) {
    .hehe-mod9 {
        padding:3rem 0;
    }

    .hehe-mod9 .back {
        padding: 2rem;
    }
}

.hehe-mod10 {
    background: no-repeat center;
    background-size: cover;
}

.hehe-mod10 .background {
    background: #fff;
    padding: 1rem;
}

.hehe-mod10 .back {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem;
    margin-bottom: .5rem;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hehe-mod10 .back .h4 {
    font-size: 600;
}

.hehe-mod10 .back .h4 i {
    margin-right: .5rem;
}

.hehe-mod10 .back:hover {
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);
}

.hehe-mod10 .back:hover p {
    color: var(--style-color);
}

@media(min-width: 768px) {
    .hehe-mod10 .background {
        padding:2rem 1rem;
    }

    .hehe-mod10 .tab-list {
        border-bottom: 1px solid #e9ecef;
        padding-bottom: 1.5rem;
        margin-bottom: 2rem;
        justify-content: flex-start;
    }

    .hehe-mod10 .tab-list>li {
        margin: 0;
    }

    .hehe-mod10 .tab-list>li>.btn {
        border: none;
    }

    .hehe-mod10 .tab-list>li:hover>.btn,.hehe-mod10 .tab-list>li.active>.btn {
        color: var(--style-color) !important;
        background: none;
    }

    .hehe-mod10 .back .h4 {
        font-size: 1.25rem;
    }
}

@media(min-width: 1200px) {
    .hehe-mod10 .background {
        padding:3rem 1rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod10 .background {
        padding:5rem 1rem;
    }
}

.hehe-mod11 {
    padding: 1rem 0;
}

.hehe-mod11 .back {
    margin-bottom: 2rem;
}

.hehe-mod11 .back:hover .h4,.hehe-mod11 .back:hover .h4 a {
    color: var(--style-color);
}

.hehe-mod11 .img {
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.15);
    display: block;
}

.hehe-mod11 .info .btn {
    display: none;
}

@media(min-width: 768px) {
    .hehe-mod11 {
        padding:2rem 0;
    }

    .hehe-mod11 .back {
        margin-bottom: 2rem;
    }

    .hehe-mod11 .info {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .hehe-mod11 .back:hover .info .btn {
        width: 3rem;
        height: 3rem;
        color: var(--style-color);
        border: 2px solid var(--style-color);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        display: flex;
    }
}

@media(min-width: 1200px) {
    .hehe-mod11 {
        padding:5rem 0;
    }
}

.hehe-mod12 {
    padding: 1rem 0;
}

.hehe-mod12 .title {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    background: var(--style-color);
    text-align: left;
    padding: .5rem 1rem;
    margin: 0 0 1rem;
    display: inline-block;
}

.hehe-mod12 .back {
    background: #f4f4f4;
    padding: .25rem 1rem 1rem;
    margin-bottom: 1rem;
}

.hehe-mod12 .back .h4 {
    font-weight: 600;
}

.hehe-mod12 .back .info p {
    color: #666;
}

@media(min-width: 768px) {
    .hehe-mod12 {
        padding:2rem 0;
    }

    .hehe-mod12 .title {
        margin-bottom: 2rem;
    }

    .hehe-mod12 .back {
        margin-bottom: 2rem;
    }
}

@media(min-width: 1200px) {
    .hehe-mod12 {
        padding:3rem 0;
    }

    .hehe-mod12 .back {
        padding: 1.5rem 2rem 2rem;
    }

    .hehe-mod12 .info {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }
}

.hehe-mod13 {
    padding: .1rem 0 1rem;
}

.hehe-mod13 .background {
    background: #fff;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);
    padding: 1rem;
}

.hehe-mod13 .back {
    align-items: stretch;
}

.hehe-mod13 .h4 {
    display: inline-block;
    position: relative;
}

.hehe-mod13 .h4::after {
    content: '';
    width: 1.5rem;
    height: 3px;
    background: var(--style-color);
    margin-left: .5rem;
    vertical-align: middle;
    display: inline-block;
}

.hehe-mod13 .swiper-thumbs .swiper-slide {
    cursor: pointer;
}

.hehe-mod13 .swiper-thumbs .btn {
    width: 100%;
    height: 4rem;
    background: #f2f2f2;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .5s;
}

.hehe-mod13 .swiper-thumbs .active .btn {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    background: var(--style-color);
}

@media(min-width: 768px) {
    .hehe-mod13 {
        padding-bottom:3rem;
    }

    .hehe-mod13 .background {
        padding: 2rem;
    }

    .hehe-mod13 .swiper-gallery {
        margin-bottom: 2rem;
    }

    .hehe-mod13 .info {
        flex-direction: column;
        justify-content: flex-end;
        display: flex;
    }

    .hehe-mod13 .msg {
        background: #fff;
        margin: 1rem 0 2rem 2rem;
        position: relative;
    }

    .hehe-mod13 .msg::after {
        content: '';
        width: 4rem;
        height: 10rem;
        border: 3px solid var(--style-color);
        border-radius: .5rem;
        position: absolute;
        left: -2rem;
        bottom: -1rem;
        z-index: -1;
    }

    .hehe-mod13 .info .h3 {
        font-size: 2.25rem;
        font-weight: 900;
        margin: 0;
    }

    .hehe-mod13 .info .h4 {
        margin-top: 0;
    }

    .hehe-mod13 .para {
        width: 100%;
    }

    .hehe-mod13 .mySwiper {
        padding: 0 2rem;
        margin: 0 -2rem;
    }

    .hehe-mod13 .pagination-inline a {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1;
        color: var(--style-color);
        background: #fff;
        box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);
        border-radius: 50%;
        margin-top: -.75rem;
        justify-content: center;
        align-items: center;
        display: flex;
    }
}

@media(min-width: 1200px) {
    .hehe-mod13 .background {
        padding:3rem 6rem;
    }

    .hehe-mod13 .info {
        padding-left: 2rem;
    }

    .hehe-mod13 .msg {
        margin-bottom: 5rem;
    }

    .hehe-mod13 .msg::after {
        height: 13.5rem;
    }

    .hehe-mod13 .info .h3 {
        font-size: 3.25rem;
    }

    .hehe-mod13 .info .h4 {
        font-size: 1.5rem;
    }

    .hehe-mod13 .para {
        margin-bottom: 3rem;
    }

    .hehe-mod13 .mySwiper {
        padding: 0 5rem;
        margin: 0 -5rem;
    }

    .hehe-mod13 .pagination-inline a {
        width: 4rem;
        height: 4rem;
        font-size: 2.5rem;
        margin-top: -2rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod13 .background {
        padding:3rem 8rem 5rem;
    }
}

.hehe-mod14 {
    padding: 1rem 0;
}

.hehe-mod14 .back {
    background: #eee;
    margin: 0;
    align-items: stretch;
}

.hehe-mod14 .img {
    padding: 0;
    margin-bottom: 1rem;
}

.hehe-mod14 .info {
    padding-bottom: 1rem;
}

.hehe-mod14 .form .form-control {
    border: none;
    border-radius: 0;
}

.hehe-mod14 .form .submit {
    margin-bottom: 0;
}

.hehe-mod14 .form .submit .btn {
    width: 100%;
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .hehe-mod14 {
        padding-bottom:2rem;
    }
}

@media(min-width: 992px) {
    .hehe-mod14 .img {
        margin:0;
        order: 9;
    }

    .hehe-mod14 .img img {
        width: 100%;
        height: 100%;
    }

    .hehe-mod14 .info {
        padding: 1rem;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .hehe-mod14 .form {
        width: 100%;
    }
}

@media(min-width: 1200px) {
    .hehe-mod14 {
        padding-bottom:5rem;
    }

    .hehe-mod14 .info {
        padding: 2rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod14 .img {
        max-width:60%;
        flex-basis: 60%;
    }

    .hehe-mod14 .info {
        max-width: 40%;
        flex-basis: 40%;
        padding: 1rem 3rem;
    }
}

.hehe-mod15 {
    background: #f4f6f9;
    padding: 1rem 0;
}

.hehe-mod15 .back {
    background: #fff;
    padding: .5rem .5rem;
    display: flex;
}

.hehe-mod15 .back p {
    padding: 0 .25rem;
}

.hehe-mod15 .main {
    color: #fff;
    background: var(--style-color);
    margin-bottom: 1rem;
}

.hehe-mod15 dl {
    margin: .5rem auto 0;
    position: relative;
}

.hehe-mod15 dl>dt {
    font-weight: 500;
    background: none;
    cursor: pointer;
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
}

.hehe-mod15 dl.active>dt {
    color: #333;
    background: none;
}

.hehe-mod15 dl>dt>i {
    width: 1rem;
    height: 1rem;
    font-size: .75rem;
    text-align: center;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    right: .5rem;
    top: .7rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hehe-mod15 dl>dt>i:before {
    content: '';
}

.hehe-mod15 dl.active>dt>i:before {
    content: '';
}

.hehe-mod15 dl>dd {
    color: #666;
    padding: 0 1rem;
    margin: .5rem auto 2rem;
    display: none;
}

.hehe-mod15 dl>dd .h5 {
    font-weight: 600;
}

.hehe-mod15 dl>dd .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 2.5rem;
    padding: .15rem 1.25rem;
    margin-top: 1rem;
}

@media(min-width: 768px) {
    .hehe-mod15 {
        padding-top:3rem;
    }

    .hehe-mod15 .back {
        justify-content: space-between;
        padding: .75rem 1rem;
        padding-right: 3rem;
    }

    .hehe-mod15 dl>dt>i {
        width: 1.625rem;
        height: 1.625rem;
        font-size: 1rem;
        top: .825rem;
    }

    .hehe-mod15 dl>dd .info {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .hehe-mod15 dl>dd .btn {
        margin-left: 1rem;
    }
}

@media(min-width: 1200px) {
    .hehe-mod15 {
        padding:5rem 0;
    }

    .hehe-mod15 .back {
        padding-right: 6rem;
    }

    .hehe-mod15 .back p {
        padding: 0 1rem;
    }

    .hehe-mod15 .back p:nth-of-type(1) {
        flex-basis: 10rem;
    }

    .hehe-mod15 .back p:nth-of-type(2) {
        flex: 1;
    }

    .hehe-mod15 .back p:nth-of-type(3) {
        flex-basis: 6.25rem;
    }

    .hehe-mod15 .back p:nth-of-type(4) {
        flex-basis: 12rem;
    }

    .hehe-mod15 .back p:nth-of-type(5) {
        flex-basis: 8rem;
    }

    .hehe-mod15 .back p:nth-of-type(6) {
        flex-basis: 8rem;
    }

    .hehe-mod15 dl>dd {
        padding: 0 2rem;
    }

    .hehe-mod15 dl>dd .btn {
        margin-top: 2rem;
    }

    .hehe-mod15 dl>dt>i {
        font-size: 1.5rem;
    }
}

@media(min-width: 1440px) {
    .hehe-mod15 .back p:nth-of-type(1) {
        flex-basis:13.5rem;
    }

    .hehe-mod15 .back p:nth-of-type(4) {
        flex-basis: 17.5rem;
    }
}

@media(max-width: 479px) {
    .hehe-mod15 dl>dt .back {
        display:block;
    }
}

.hehe-mod16 {
    padding: .5rem 0;
}

.hehe-mod16 .back .h4 {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.hehe-mod16 .back .h4 span {
    font-weight: 600;
    color: var(--style-color);
}

.hehe-mod16 .form .form-control {
    background: #fafafa;
    border-radius: 0;
}

.hehe-mod16 .form .submit .btn {
    color: #fff;
    background: var(--style-color);
    border-radius: 0;
}

@media(min-width: 768px) {
    .hehe-mod16 {
        padding:2.5rem 0;
    }

    .hehe-mod16 .back {
        margin-bottom: 2rem;
    }
}

@media(min-width: 1200px) {
    .hehe-mod16 .back .h4 {
        font-size:1.25rem;
        margin-bottom: 1.5rem;
    }
}

.hehe-mod17 {
    padding: 1rem 0 0;
}

.hehe-mod17 .back {
    text-align: center;
}

.hehe-mod17 .back .address {
    font-size: 1.25rem;
}

.hehe-mod17 .back .list-inline {
    justify-content: center;
}

.hehe-mod17 .back .list-inline>li {
    padding: 0 1rem;
}

.hehe-mod17 .back .icon {
    font-size: 2rem;
}

.hehe-mod17 .back .info p {
    margin: .5rem 0;
}

.hehe-mod17 .form {
    max-width: 20rem;
    text-align: center;
    margin: 1rem auto;
}

.hehe-mod17 .form .form-control {
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
}

.hehe-mod17 .form .submit .btn {
    background: none;
}

@media(min-width: 768px) {
    .hehe-mod17 {
        padding:2.5rem 0 0;
    }

    .hehe-mod17 .back .address {
        font-size: 1.5rem;
    }

    .hehe-mod17 .form {
        margin: 2rem auto;
    }
}

@media(min-width: 1200px) {
    .hehe-mod17 {
        padding:5rem 0 0;
    }

    .hehe-mod17 .back .list-inline {
        margin: 2rem 0;
    }

    .hehe-mod17 .form {
        margin: 3rem auto;
    }
}

.related-mod1 .swiper-related .swiper-slide>p:last-child {
    display: none;
}

.related-mod2 {
    padding: .1rem 0 1rem;
}

.related-mod2 .swiper-wrapper {
    align-items: stretch;
}

.related-mod2 .swiper-slide {
    height: auto;
}

.related-mod2 .back {
    height: 100%;
    background: #ececec;
    padding: 1rem 1rem;
}

.related-mod2 .info .h4 {
    font-weight: 600;
    color: var(--style-color);
}

.related-mod2 .back .btn {
    color: #fff;
    background: #333;
    border-radius: 0;
    margin-top: 1rem;
}

@media(min-width: 1200px) {
    .related-mod2 {
        padding-bottom:2rem;
    }

    .related-mod2 .info .h4 {
        margin: 1rem 0 1.5rem;
    }

    .related-mod2 .back .btn {
        margin-top: 1.5rem;
    }
}

.related-mod3 {
    background: #f4f4f4;
    padding: .1rem 0 1rem;
}

.related-mod3 .tab-list>li>.btn img {
    margin: 0 auto 1rem;
    display: none;
}

.related-mod3 .swiper-slide .img {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    display: block;
}

@media(min-width: 768px) {
    .related-mod3 {
        padding-bottom:3rem;
    }

    .related-mod3 .tab-list>li {
        flex-basis: 25%;
    }

    .related-mod3 .tab-list>li>.btn {
        text-align: center;
        border: none;
        padding: 0;
    }

    .related-mod3 .tab-list>li:hover>.btn,.related-mod3 .tab-list>li.active>.btn {
        color: var(--style-color) !important;
        background: none !important;
    }

    .related-mod3 .tab-list>li>.btn img {
        display: block;
    }
}

@media(min-width: 1200px) {
    .related-mod3 {
        padding:2rem 0 5rem;
    }

    .related-mod3 .list-tag {
        margin: 4rem 0;
    }

    .related-mod3 .tab-list>li>.btn {
        font-size: 1.125rem;
    }
}

@media(max-width: 767px) {
    .related-mod3 .list-tag {
        margin-top:2rem;
    }
}

.related-mod4 .title {
    font-size: 24px;
    font-weight: 400;
}

.related-mod4 .h4 {
    font-weight: 600;
}

.related-mod4 .btn {
    color: #f06d03;
    background: #fff;
    border-radius: 0;
    padding: .15rem 1rem;
    border: 1px solid var(--style-color);
    border-radius: 4px;
}

.related-mod4 .btn-default {
    font-size: 1rem;
    color: #333;
    background: none;
    border: none;
    padding: 0;
    margin-left: .5rem;
    background: var(--style-color);
    color: #fff;
    padding: .2rem .5rem;
}

.related-mod4 .swiper-related .swiper-slide img {
    width: 100%;
}

.related-mod4 .swiper-related .swiper-slide p {
    padding: 10px 0;
}

.related-mod5 .product-con .swiper-slide {
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.related-mod5 .product-con .back {
    background: #fff;
    padding-bottom: 1rem;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

.related-mod5 .product-con .info {
    width: 100%;
    height: 3rem;
    font-weight: 400;
    margin: .5rem 0;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.related-mod5 .product-con .h5 {
    margin-bottom: .5rem;
    display: none;
}

.related-mod5 .product-con .choice {
    margin-top: .75rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.related-mod5 .product-con .choice>a {
    display: inline-block;
}

.related-mod5 .product-con .choice>a i {
    color: #333;
    margin-right: .5rem;
}

.related-mod5 .product-con .btn {
    color: #fff;
    background: #333;
    border: none;
    padding: .2rem 1.25rem;
    margin: 0 .25rem;
}

.related-mod5 .product-con .btn-default {
    color: #fff;
    padding: .2rem .5rem;
}

.related-mod5 .product-con .swiper-slide:hover .info,.related-mod5 .product-con .swiper-slide:hover .info a {
    color: var(--style-color);
}

.related-mod5 .product-con .btn:hover {
    background-color: var(--style-color);
    color: #fff;
}

.related-mod5 .product-con.active .swiper-slide {
    text-align: left;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.related-mod5 .product-con.active .swiper-slide img {
    width: 100%;
    max-width: 12.5rem;
    float: left;
    margin-right: 1.25rem;
}

.related-mod5 .product-con.active .info {
    width: auto;
    height: 1.5rem;
    -webkit-line-clamp: 1;
}

.related-mod5 .product-con.active .h5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.related-mod5 .product-con.active .choice {
    margin-top: 1rem;
}

.related-mod5 .product-con .product-show {
    position: relative;
}

.related-mod5 .product-con .product-show .front_img {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    transition: all .35s linear;
}

.related-mod5 .product-con .product-show:hover .front_img {
    transform: scale(.5);
    opacity: 0;
    visibility: hidden;
}

.related-mod5 .product-con .product-show:hover .back_img {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.related-mod5 .product-con .product-show .back_img {
    transform: scale(.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    transition: all .35s linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.related-mod6 h2 {
    font-size: 48px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    text-align: left;
}

.related-mod6 .swiper-slide {
    padding: 15px;
}

.related-mod6 .swiper-related {
    padding-bottom: 4rem;
    padding-top: 1rem;
}

.related-mod6 .swiper-pagination-bullet {
    width: 60px;
    height: 5px;
    display: inline-block;
    background: #000;
    opacity: .2;
    border-radius: 0;
}

.related-mod6 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.related-mod6 .back {
    border: 1px solid #434343;
    padding-bottom: 4rem;
    position: relative;
    transition: .6s all;
}

.related-mod6 .sub-title {
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    line-height: 38px;
    background-color: var(--style-color);
    text-align: center;
    padding: 1rem 0;
}

.related-mod6 .back:hover {
    border: none;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.35);
    transform: scale(1.05);
}

@media(max-width: 1439px) {
    .related-mod6 h2 {
        font-size:36px;
    }

    .related-mod6 .sub-title {
        font-size: 24px;
    }
}

@media(max-width: 767px) {
    .related-mod6 h2 {
        font-size:24px;
    }

    .related-mod6 .sub-title {
        font-size: 18px;
        padding: .5rem 0;
    }

    .related-mod6 .back {
        padding-bottom: 2rem;
    }
}

.related-mod7 .product-con .swiper-slide {
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.related-mod7 .product-con .back {
    background: #fff;
    padding-bottom: 1rem;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

.related-mod7 .product-con .info {
    margin: .5rem 0;
}

.related-mod7 .product-con .h5 {
    margin-bottom: .5rem;
    display: none;
}

.related-mod7 .product-con .btn-default {
    color: #fff;
    padding: .2rem .5rem;
}

.related-mod7 .product-con .swiper-slide:hover .info,.related-mod7 .product-con .swiper-slide:hover .info a {
    color: var(--style-color);
}

.related-mod7 .product-con .btn:hover {
    background-color: var(--style-color);
    color: #fff;
}

.related-mod7 .product-con.active .swiper-slide {
    text-align: left;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.related-mod7 .product-con.active .swiper-slide img {
    width: 100%;
    max-width: 12.5rem;
    float: left;
    margin-right: 1.25rem;
}

.related-mod7 .product-con.active .info {
    width: auto;
    height: 1.5rem;
    -webkit-line-clamp: 1;
}

.related-mod7 .product-con img {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.16);
}

.related-mod7 .swiper-related .swiper-slide {
    padding: 15px;
}

.related-mod8 .head {
    color: #333;
    border: none;
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
}

.related-mod8 .head::after {
    background-color: #707070;
    width: 24rem;
}

.related-mod8 .back {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
}

.related-mod8 .back .info-group {
    padding: 20px;
    text-align: left;
    padding-bottom: 3rem;
}

.related-mod8 .back .info {
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    line-height: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
}

.related-mod8 .back .info-group .btn {
    background-color: var(--style-color);
    color: #fff;
    margin-top: 20px;
}

.related-mod8 .back img {
    width: 100%;
}

.related-mod8 .swiper-container {
    padding: 3rem 10px;
    padding-bottom: 4rem;
}

@media(max-width: 991px) {
    .related-mod8 .swiper-container {
        padding:1rem 10px;
    }

    .related-mod8 .swiper-scrollbar {
        display: none;
    }

    .related-mod8 .back .info-group {
        padding: 1rem;
    }

    .related-mod8 .head {
        font-size: 1.5rem;
    }
}

@media(max-width: 767px) {
    .related-mod8 .head {
        font-size:1.125rem;
    }
}

@media(max-width: 991px) {
    .develop-mod1 {
        display:none;
    }
}

.develop-mod1 {
    background-color: #f6f6f6;
}

.develop-mod1 .swiper-develop .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.develop-mod1 .swiper-develop .swiper-button-next,.swiper-develop .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-size: 100%;
}

.develop-mod1 .swiper-develop .swiper-button-prev {
    left: 0;
    background-image: url(https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/uploadfiles/images/left_ico.png);
    opacity: 1;
}

.develop-mod1 .swiper-develop .swiper-button-next {
    right: 0;
    background-image: url(https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/uploadfiles/images/right_ico.png);
    opacity: 1;
}

.develop-mod1 .develop_ul {
    position: relative;
}

.develop-mod1 .develop_ul .long-line {
    top: 50%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.develop-mod1 .develop_ul .long-line {
    height: 1px;
    background-color: #a0a0a0;
}

.develop-mod1 .develop_ul>ul {
    justify-content: space-evenly;
    align-items: center;
    height: 600px;
}

.develop-mod1 .develop_ul>ul>li {
    height: 60px;
    width: 60px;
    background-color: #333;
    border-radius: 50%;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    position: relative;
    z-index: 10;
}

.develop-mod1 .develop_ul>ul>li>.sub_content {
    position: absolute;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    max-width: 280px;
    text-align: left;
}

.develop-mod1 .swiper-wrapper .swiper-slide:nth-child(odd) .develop_ul>ul>li>.sub_content {
    left: -260px;
    top: -140px;
}

.develop-mod1 .swiper-wrapper .swiper-slide:nth-child(even) .develop_ul>ul>li>.sub_content {
    left: -260px;
}

.develop-mod1 .swiper-wrapper .swiper-slide:nth-child(odd) .develop_ul>ul>li .li-line {
    position: relative;
    height: 150px;
    width: 1px;
    background-color: #a0a0a0;
    top: -210px;
    left: 50%;
}

.develop-mod1 .swiper-wrapper .swiper-slide:nth-child(even) .develop_ul>ul>li .li-line {
    position: relative;
    height: 150px;
    width: 1px;
    background-color: #a0a0a0;
    left: 50%;
}

.develop-mod1 .swiper-wrapper .swiper-slide:nth-child(odd) .develop_ul>ul>li .li-line .circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #a0a0a0;
    position: absolute;
    left: -4px;
}

.develop-mod1 .swiper-wrapper .swiper-slide:nth-child(even) .develop_ul>ul>li .li-line .circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #a0a0a0;
    position: absolute;
    bottom: 0;
    left: -4px;
}

.faq dl {
    margin: .5rem auto 0;
    position: relative;
}

.faq dl>dt {
    font-weight: 600;
    background: #f8f8f8;
    padding: .5rem .5rem;
    cursor: pointer;
    position: relative;
}

.faq dl>dt>i {
    width: 1rem;
    height: 1rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    border: 1px solid #333;
    border-radius: 50%;
    position: absolute;
    right: .5rem;
    top: .7rem;
}

.faq dl>dt>i:before {
    content: '';
}

.faq dl.active>dt {
    color: #fff;
    background: var(--style-color);
}

.faq dl.active>dt>i {
    border-color: #fff;
}

.faq dl.active>dt>i:before {
    content: '';
    color: #fff;
}

.faq dl>dd {
    color: #666;
    padding: 0 .5rem;
    margin: .5rem auto;
    display: none;
}

@media(min-width: 768px) {
    .faq dl {
        margin-bottom:1.5rem;
    }

    .faq dl>dt {
        font-size: 1.125rem;
        padding: .75rem 1rem;
    }

    .faq dl>dt>i {
        width: 1.625rem;
        height: 1.625rem;
        line-height: 1.62rem;
        border-width: 2px;
        top: .825rem;
    }
}

@media(min-width: 1200px) {
    .faq dl>dt {
        font-size:1.25rem;
    }
}

.faq_list-mod1 {
    padding-top: .1875rem;
    padding-bottom: 2rem;
}

.faq_list-mod1 dl {
    padding: .9375rem 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #333;
}

.faq_list-mod1 dl dt {
    margin-bottom: .625rem;
}

@media(min-width: 1200px) {
    .faq_list-mod1 {
        padding-top:2.1875rem;
        padding-bottom: 5rem;
    }

    .faq_list-mod1 dl {
        padding: 1.875rem 0;
        font-size: 18px;
    }

    .faq_list-mod1 dl dt {
        margin-bottom: .9375rem;
    }
}

.loader-mod1 {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 1001;
}

.loader-mod1 .cssload-dots {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 1px solid #f00;
    filter: url(#goo);
    -o-filter: url(#goo);
    -ms-filter: url(#goo);
    -webkit-filter: url(#goo);
    -moz-filter: url(#goo);
}

.loader-mod1 .cssload-dot {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.loader-mod1 .cssload-dot:before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 49px;
    background: #fbd301;
    position: absolute;
    left: 50%;
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    margin-left: -17.5px;
    margin-top: -17.5px;
}

.loader-mod1 .cssload-dot:nth-child(5):before {
    z-index: 100;
    width: 44.5px;
    height: 44.5px;
    margin-left: -21.75px;
    margin-top: -21.75px;
    animation: cssload-dot-colors 4.6s ease infinite;
    -o-animation: cssload-dot-colors 4.6s ease infinite;
    -ms-animation: cssload-dot-colors 4.6s ease infinite;
    -webkit-animation: cssload-dot-colors 4.6s ease infinite;
    -moz-animation: cssload-dot-colors 4.6s ease infinite;
}

.loader-mod1 .cssload-dot:nth-child(1) {
    animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}

.loader-mod1 .cssload-dot:nth-child(1):before {
    background-color: #ff3270;
    animation: cssload-dot-move 4.6s 0s ease infinite;
    -o-animation: cssload-dot-move 4.6s 0s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}

.loader-mod1 .cssload-dot:nth-child(2) {
    animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}

.loader-mod1 .cssload-dot:nth-child(2):before {
    background-color: #208bf1;
    animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}

.loader-mod1 .cssload-dot:nth-child(3) {
    animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}

.loader-mod1 .cssload-dot:nth-child(3):before {
    background-color: #afe102;
    animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}

.loader-mod1 .cssload-dot:nth-child(4) {
    animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}

.loader-mod1 .cssload-dot:nth-child(4):before {
    background-color: #fbd301;
    animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}

@keyframes cssload-dot-move {
    0% {
        transform: translateY(0);
    }

    18%,22% {
        transform: translateY(-68px);
    }

    40%,100% {
        transform: translateY(0);
    }
}

@-o-keyframes cssload-dot-move {
    0% {
        -o-transform: translateY(0);
    }

    18%,22% {
        -o-transform: translateY(-68px);
    }

    40%,100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes cssload-dot-move {
    0% {
        -ms-transform: translateY(0);
    }

    18%,22% {
        -ms-transform: translateY(-68px);
    }

    40%,100% {
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes cssload-dot-move {
    0% {
        -webkit-transform: translateY(0);
    }

    18%,22% {
        -webkit-transform: translateY(-68px);
    }

    40%,100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes cssload-dot-move {
    0% {
        -moz-transform: translateY(0);
    }

    18%,22% {
        -moz-transform: translateY(-68px);
    }

    40%,100% {
        -moz-transform: translateY(0);
    }
}

@keyframes cssload-dot-colors {
    0% {
        background-color: #fbd301;
    }

    25% {
        background-color: #ff3270;
    }

    50% {
        background-color: #208bf1;
    }

    75% {
        background-color: #afe102;
    }

    100% {
        background-color: #fbd301;
    }
}

@-o-keyframes cssload-dot-colors {
    0% {
        background-color: #fbd301;
    }

    25% {
        background-color: #ff3270;
    }

    50% {
        background-color: #208bf1;
    }

    75% {
        background-color: #afe102;
    }

    100% {
        background-color: #fbd301;
    }
}

@-ms-keyframes cssload-dot-colors {
    0% {
        background-color: #fbd301;
    }

    25% {
        background-color: #ff3270;
    }

    50% {
        background-color: #208bf1;
    }

    75% {
        background-color: #afe102;
    }

    100% {
        background-color: #fbd301;
    }
}

@-webkit-keyframes cssload-dot-colors {
    0% {
        background-color: #fbd301;
    }

    25% {
        background-color: #ff3270;
    }

    50% {
        background-color: #208bf1;
    }

    75% {
        background-color: #afe102;
    }

    100% {
        background-color: #fbd301;
    }
}

@-moz-keyframes cssload-dot-colors {
    0% {
        background-color: #fbd301;
    }

    25% {
        background-color: #ff3270;
    }

    50% {
        background-color: #208bf1;
    }

    75% {
        background-color: #afe102;
    }

    100% {
        background-color: #fbd301;
    }
}

@keyframes cssload-dot-rotate-1 {
    0% {
        transform: rotate(-105deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@-o-keyframes cssload-dot-rotate-1 {
    0% {
        -o-transform: rotate(-105deg);
    }

    100% {
        -o-transform: rotate(270deg);
    }
}

@-ms-keyframes cssload-dot-rotate-1 {
    0% {
        -ms-transform: rotate(-105deg);
    }

    100% {
        -ms-transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
    }
}

@-moz-keyframes cssload-dot-rotate-1 {
    0% {
        -moz-transform: rotate(-105deg);
    }

    100% {
        -moz-transform: rotate(270deg);
    }
}

@keyframes cssload-dot-rotate-2 {
    0% {
        transform: rotate(165deg);
    }

    100% {
        transform: rotate(540deg);
    }
}

@-o-keyframes cssload-dot-rotate-2 {
    0% {
        -o-transform: rotate(165deg);
    }

    100% {
        -o-transform: rotate(540deg);
    }
}

@-ms-keyframes cssload-dot-rotate-2 {
    0% {
        -ms-transform: rotate(165deg);
    }

    100% {
        -ms-transform: rotate(540deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
    }

    100% {
        -webkit-transform: rotate(540deg);
    }
}

@-moz-keyframes cssload-dot-rotate-2 {
    0% {
        -moz-transform: rotate(165deg);
    }

    100% {
        -moz-transform: rotate(540deg);
    }
}

@keyframes cssload-dot-rotate-3 {
    0% {
        transform: rotate(435deg);
    }

    100% {
        transform: rotate(810deg);
    }
}

@-o-keyframes cssload-dot-rotate-3 {
    0% {
        -o-transform: rotate(435deg);
    }

    100% {
        -o-transform: rotate(810deg);
    }
}

@-ms-keyframes cssload-dot-rotate-3 {
    0% {
        -ms-transform: rotate(435deg);
    }

    100% {
        -ms-transform: rotate(810deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
    }

    100% {
        -webkit-transform: rotate(810deg);
    }
}

@-moz-keyframes cssload-dot-rotate-3 {
    0% {
        -moz-transform: rotate(435deg);
    }

    100% {
        -moz-transform: rotate(810deg);
    }
}

@keyframes cssload-dot-rotate-4 {
    0% {
        transform: rotate(705deg);
    }

    100% {
        transform: rotate(1080deg);
    }
}

@-o-keyframes cssload-dot-rotate-4 {
    0% {
        -o-transform: rotate(705deg);
    }

    100% {
        -o-transform: rotate(1080deg);
    }
}

@-ms-keyframes cssload-dot-rotate-4 {
    0% {
        -ms-transform: rotate(705deg);
    }

    100% {
        -ms-transform: rotate(1080deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
    }

    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-moz-keyframes cssload-dot-rotate-4 {
    0% {
        -moz-transform: rotate(705deg);
    }

    100% {
        -moz-transform: rotate(1080deg);
    }
}

* {
    margin: 0;
    padding: 0;
}

.loader-mod2.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
}

.loader-mod2.loading .pic {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
}

.loader-mod2.loading .pic span {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    box-shadow: 0 3px 0 #666;
    animation: rotate 1s infinite linear;
    -webkit-animation: rotate 1s infinite linear;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
}

.loading>div {
    width: 100%;
    height: 100%;
    position: relative;
}

.load-animate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.la-ball-climbing-dot,.la-ball-climbing-dot>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-climbing-dot {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-climbing-dot>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-climbing-dot {
    width: 42px;
    height: 32px;
}

.la-ball-climbing-dot>div:nth-child(1) {
    position: absolute;
    bottom: 32%;
    left: 18%;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: ball-climbing-dot-jump .6s ease-in-out infinite;
    -moz-animation: ball-climbing-dot-jump .6s ease-in-out infinite;
    -o-animation: ball-climbing-dot-jump .6s ease-in-out infinite;
    animation: ball-climbing-dot-jump .6s ease-in-out infinite;
}

.la-ball-climbing-dot>div:not(:nth-child(1)) {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 2px;
    border-radius: 0;
    -webkit-transform: translate(60%,0);
    -moz-transform: translate(60%,0);
    -ms-transform: translate(60%,0);
    -o-transform: translate(60%,0);
    transform: translate(60%,0);
    -webkit-animation: ball-climbing-dot-steps 1.8s linear infinite;
    -moz-animation: ball-climbing-dot-steps 1.8s linear infinite;
    -o-animation: ball-climbing-dot-steps 1.8s linear infinite;
    animation: ball-climbing-dot-steps 1.8s linear infinite;
}

.la-ball-climbing-dot>div:not(:nth-child(1)):nth-child(2) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
}

.la-ball-climbing-dot>div:not(:nth-child(1)):nth-child(3) {
    -webkit-animation-delay: -600ms;
    -moz-animation-delay: -600ms;
    -o-animation-delay: -600ms;
    animation-delay: -600ms;
}

.la-ball-climbing-dot>div:not(:nth-child(1)):nth-child(4) {
    -webkit-animation-delay: -1200ms;
    -moz-animation-delay: -1200ms;
    -o-animation-delay: -1200ms;
    animation-delay: -1200ms;
}

.la-ball-climbing-dot {
    color: #f00;
    width: 100px;
    height: 60px;
}

.la-ball-climbing-dot>div:nth-child(1) {
    left: 26%;
    width: 16px;
    height: 16px;
}

@-webkit-keyframes ball-climbing-dot-jump {
    0% {
        -webkit-transform: scale(1,.7);
        transform: scale(1,.7);
    }

    20% {
        -webkit-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    40% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }

    50% {
        bottom: 125%;
    }

    46% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }

    80% {
        -webkit-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    90% {
        -webkit-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    100% {
        -webkit-transform: scale(1,.7);
        transform: scale(1,.7);
    }
}

@-moz-keyframes ball-climbing-dot-jump {
    0% {
        -moz-transform: scale(1,.7);
        transform: scale(1,.7);
    }

    20% {
        -moz-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    40% {
        -moz-transform: scale(1,1);
        transform: scale(1,1);
    }

    50% {
        bottom: 125%;
    }

    46% {
        -moz-transform: scale(1,1);
        transform: scale(1,1);
    }

    80% {
        -moz-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    90% {
        -moz-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    100% {
        -moz-transform: scale(1,.7);
        transform: scale(1,.7);
    }
}

@-o-keyframes ball-climbing-dot-jump {
    0% {
        -o-transform: scale(1,.7);
        transform: scale(1,.7);
    }

    20% {
        -o-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    40% {
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }

    50% {
        bottom: 125%;
    }

    46% {
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }

    80% {
        -o-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    90% {
        -o-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    100% {
        -o-transform: scale(1,.7);
        transform: scale(1,.7);
    }
}

@keyframes ball-climbing-dot-jump {
    0% {
        -webkit-transform: scale(1,.7);
        -moz-transform: scale(1,.7);
        -o-transform: scale(1,.7);
        transform: scale(1,.7);
    }

    20% {
        -webkit-transform: scale(.7,1.2);
        -moz-transform: scale(.7,1.2);
        -o-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    40% {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }

    50% {
        bottom: 125%;
    }

    46% {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }

    80% {
        -webkit-transform: scale(.7,1.2);
        -moz-transform: scale(.7,1.2);
        -o-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    90% {
        -webkit-transform: scale(.7,1.2);
        -moz-transform: scale(.7,1.2);
        -o-transform: scale(.7,1.2);
        transform: scale(.7,1.2);
    }

    100% {
        -webkit-transform: scale(1,.7);
        -moz-transform: scale(1,.7);
        -o-transform: scale(1,.7);
        transform: scale(1,.7);
    }
}

@-webkit-keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0;
    }
}

@-moz-keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0;
    }
}

@-o-keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0;
    }
}

@keyframes ball-climbing-dot-steps {
    0% {
        top: 0;
        right: 0;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        top: 100%;
        right: 100%;
        opacity: 0;
    }
}

.cookie {
    font-family: 'Arial';
}

.cookie label {
    margin-bottom: 0;
}

.cookie #cookie-accept-necessary {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.cookie .arrow-btn {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cookie .arrow-btn svg {
    transform: rotate(180deg);
}

.cookie .arrow-btn svg path {
    opacity: .5;
}

.cookie #cookie-main-page {
    margin-right: 60px;
    margin-left: 60px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.cookie .btn-wrap {
    height: 25px;
    width: 100px;
    border-radius: 12px;
    background: #2b2b2b;
    box-shadow: 0 4px 4px 0 rgb(2121.32307692%);
}

.cookie .switch-group {
    display: flex;
    align-items: center;
    padding: 10px 0;
    padding-left: 30px;
}

.cookie .bold,.cookie strong {
    font-weight: 700;
}

.cookie .cookie-title {
    position: absolute;
    right: 0;
    top: 0;
    writing-mode: vertical-rl;
    padding: 1rem;
    background-color: #014ea0;
    color: #fff;
    font-size: 18px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.cookie .cookie-btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.cookie .cookie-btn-group span {
    padding: 0 10px;
    font-size: 18px;
    color: #333;
}

.cookie .block-cookie .container {
    bottom: 20%;
    position: fixed;
    right: 0;
    overflow: hidden;
    max-width: 850px;
    max-height: 200px;
    padding: 0;
}

@media(max-width: 767px) {
    .cookie .block-cookie .container {
        width:95%;
    }
}

.cookie .block-cookie .cookie-container {
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    min-height: 200px;
}

.cookie .block-cookie p {
    max-width: none;
    line-height: 1.5;
    margin-bottom: 10px;
}

.cookie .block-cookie.button {
    font-size: .875em;
    line-height: 1.5;
}

.cookie .block-cookie.cookie-information {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media(min-width: 768px) {
    .cookie .block-cookie .cookie-buttons {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-column-gap: 10px;
        justify-content: space-evenly;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.cookie .block-cookie .cookie-buttons-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

@media(max-width: 767px) {
    .cookie .block-cookie .cookie-buttons-vertical {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }
}

.cookie .block-cookie .cookie-buttons-vertical>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: solid 2px;
    padding: 10px;
    white-space: nowrap;
}

.cookie .block-cookie #cookie-more-info-page {
    display: none;
}

.cookie .block-cookie #cookie-accept-all {
    background-color: #69a96a;
    color: #fff;
    border: 2px solid #69a96a;
}

.cookie .block-cookie #cookie-more-details {
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
    background-color: #014ea0;
    border-color: #014ea0;
}

.cookie .block-cookie #cookie-more-details>i {
    padding: 0 10px;
}

.cookie .block-cookie #go-back-button {
    cursor: pointer;
}

.cookie .block-cookie #cookie-accept-all i::before {
    margin-right: 5px;
}

.cookie .block-cookie-switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 10px;
    margin-left: 4px;
}

.cookie .block-cookie-switch input {
    display: none;
}

.cookie .block-cookie-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #464646;
    box-shadow: 0 1px 0 1px rgba(215,215,216,.53),0 4px 4px 0 rgba(43,43,43,.65) inset;
    transition: .4s;
    border-radius: 34px;
}

.cookie .block-cookie-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: -13px;
    top: -6px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/uploadfiles/images/radio-btn.png');
    transition: .4s;
    border-radius: 50%;
    margin-left: 10px;
}

.cookie input:checked+.block-cookie-slider {
    background-color: #2ab934;
    box-shadow: 0 1px 0 1px rgb(2422014.73584906%),0 4px 4px 0 rgb(6391.13846154%) inset;
}

.cookie input:focus+.block-cookie-slider {
    box-shadow: 0 0 1px #2196f3;
}

.cookie input:checked+.block-cookie-slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(55px);
    margin-left: 0;
}

.cookie .block-cookie-slider:after {
    content: "OFF";
    color: #fff;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -25px;
    font-size: 10px;
    font-family: Verdana,sans-serif;
}

.cookie input:checked+.block-cookie-slider:after {
    content: "ON";
}

.cookie a.block-cookie-box close {
    margin-top: -10px;
    margin-right: -10px;
    float: right;
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    background: #fff;
    font-size: 31px;
    font-weight: 700;
    display: inline-block;
    line-height: 0;
    padding: 11px 3px;
}

.cookie .block-cookie-box close:before {
    content: "×";
}

@media(max-width: 991px) {
    .cookie {
        display:none;
    }
}

.select-mod1 .search-group {
    background: #004aa0;
    color: #fff;
    height: 100%;
    padding: 0 20px;
    margin-right: 15px;
    overflow: hidden;
}

.select-mod1 .input-box {
    position: relative;
    margin-top: 20px;
}

.select-mod1 .input-box input {
    border-radius: 25px;
}

.select-mod1 .search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
}

.select-mod1 .search-title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 15px 0;
}

.select-mod1 .search-info {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 28px;
}

.select-mod1 .select-box {
    padding: 0;
}

.select-mod1 .select-title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: #144b9c;
    border: 1px solid #000;
    border-right: 0;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

.select-mod1 .select-ul {
    height: 250px;
    border: 1px solid #000;
    border-top: 0;
    border-right: 0;
    overflow: auto;
}

.select-mod1 .select-box:last-child .select-ul,.select-mod1 .select-box:last-child .select-title {
    border-right: 1px solid #000;
}

.select-mod1 .select-ul>li {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding: 5px 0;
    padding-left: 30px;
    cursor: pointer;
    display: none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.select-mod1 .select-ul.selected>li {
    display: block;
}

.select-mod1 .select-ul>li.checked {
    background-color: #6692c6;
    color: #fff;
}

@media(max-width: 1439px) {
    .select-mod1 .search-title,.select-mod1 .select-title {
        font-size:24px;
    }

    .select-mod1 .select-ul li {
        font-size: 18px;
    }

    .select-mod1 .search-info {
        font-size: 18px;
        line-height: 24px;
    }

    .select-mod1 .search-group {
        margin-right: 0;
    }
}

@media(max-width: 1199px) {
    .select-mod1 .search-box {
        padding:0;
    }

    .select-mod1 .select-box {
        margin-top: 20px;
    }

    .select-mod1 .search-group {
        padding-bottom: 20px;
    }

    .select-mod1 .input-box {
        margin-top: 5px;
    }

    .select-mod1 .search-title {
        margin: 5px 0;
    }
}

@media(max-width: 767px) {
    .select-mod1 {
        display:none;
    }
}

.equipment-mod1 .tab-content>.tab-pane {
    display: none;
}

.equipment-mod1 .tab-content>.active {
    display: block;
}

.equipment-mod1 .nav-tabs {
    display: flex;
    flex-direction: column;
    border: none;
}

.equipment-mod1 .nav-tabs>li {
    width: 100%;
}

.equipment-mod1 .nav-tabs>.active>a,.equipment-mod1 .nav-tabs>.active>a:focus,.equipment-mod1 .nav-tabs>.active>a:hover {
    border: none;
    border-bottom: 1px solid #fff;
}

.equipment-mod1 .nav-tabs>li>a {
    border: none;
    border-bottom: 1px solid #fff;
    text-align: left;
    background-color: transparent;
    color: #333;
    cursor: pointer;
}

.equipment-mod1 .nav-tabs>li>a:hover,.equipment-mod1 .nav-tabs>li>a:focus {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.equipment-mod1 .rt {
    background-color: #11519a;
}

.equipment-mod1 h2 {
    color: #fff;
}

.equipment-mod1 .nav-tabs>li>a {
    color: #fff;
}

@media(min-width: 992px) {
    .equipment-mod1 .rt,.equipment-mod1 .lt {
        padding:0;
    }

    .equipment-mod1 .nav-tabs>li>a {
        color: #fff;
        font-size: 24px;
        font-family: Arial;
        font-weight: bold;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .equipment-mod1 h2 {
        padding-left: 15%;
        text-align: left;
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 2rem;
    }

    .equipment-mod1 .nav-tabs {
        padding: 0 15%;
    }
}

@media(min-width: 1200px) {
    .equipment-mod1 .nav-tabs>li>a {
        padding-bottom:20px;
        margin-bottom: 20px;
    }
}

@media(min-width: 1640px) {
    .equipment-mod1 .nav-tabs>li>a {
        font-size:36px;
    }

    .equipment-mod1 h2 {
        font-size: 60px;
    }

    .equipment-mod1 .nav-tabs>li>a {
        margin-bottom: 40px;
    }

    .equipment-mod1 h2 {
        margin-bottom: 4rem;
        font-size: 48px;
    }
}

@media(min-width: 1800px) {
    .equipment-mod1 .nav-tabs>li>a {
        margin-bottom:60px;
    }
}

.idxSlt-mod1 .text-wrap {
    padding: 1rem;
    padding-left: 0;
}

.idxSlt-mod1 .new-title {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.idxSlt-mod1 .info {
    font-size: 18px;
    color: #999;
    margin: 1rem 0;
    height: 72px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.idxSlt-mod1 .btn {
    font-size: 18px;
    border: 1px solid var(--style-color);
    background-color: var(--style-color);
    color: #fff;
    margin-top: 10px;
}

.idxSlt-mod1 .back {
    position: relative;
}

.idxSlt-mod1 .date {
    padding-top: 5px;
}

.idxSlt-mod1 .category {
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}

.idxSlt-mod1 .new-title {
    font-weight: 400;
    margin: 0;
    text-align: left;
}

.idxSlt-mod1 .text-wrap {
    padding-right: 0;
}

.idxSlt-mod1 {
    margin-bottom: 2rem;
}

@media(min-width: 1200px) {
    .idxSlt-mod1 {
        margin-bottom:4rem;
    }
}

@media(min-width: 1440px) {
    .idxSlt-mod1 .new-title {
        font-size:28px;
    }

    .idxSlt-mod1 .info,.idxSlt-mod1 .btn {
        font-size: 20px;
        line-height: 1.2;
    }

    .idxSlt-mod1 .info {
        margin: 25px 0;
    }

    .idxSlt-mod1 .text-wrap {
        padding: 2rem;
        padding-left: 0;
    }

    .idxSlt-mod1 .btn {
        margin-top: 20px;
    }

    .idxSlt-mod1 .new-title {
        font-size: 30px;
    }

    .idxSlt-mod1 .btn {
        font-size: 24px;
        width: 200px;
        height: 50px;
        line-height: 50px;
        padding: 0;
    }
}

@media(max-width: 767px) {
    .idxSlt-mod1 .new-title {
        font-size:18px;
        line-height: 24px;
    }
}

.idxSlt-mod2 {
    overflow: hidden;
}

.idxSlt-mod2 .text-wrap {
    padding: 1rem;
    padding-left: 0;
}

.idxSlt-mod2 .back>a {
    display: block;
    box-shadow: 0 0 10px 5px rgb(000%);
}

.idxSlt-mod2 .new-title {
    margin: 0;
    text-align: left;
    font-size: 24px;
    color: #fff;
    padding-bottom: 10px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-weight: bold;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.idxSlt-mod2 .btn {
    font-size: 18px;
    border: 1px solid var(--style-color);
    background-color: var(--style-color);
    color: #fff;
    margin-top: 10px;
    border-radius: 23px;
    text-transform: capitalize;
}

.idxSlt-mod2 .back {
    position: relative;
}

.idxSlt-mod2 .text-wrap {
    padding-right: 0;
}

@media(min-width: 1280px) {
    .idxSlt-mod2 {
        min-height:900px;
    }

    .idxSlt-mod2 .info {
        margin: 25px 0;
    }

    .idxSlt-mod2 .text-wrap {
        padding: 2rem;
        padding-left: 0;
    }

    .idxSlt-mod2 .btn {
        font-size: 26px;
        width: 240px;
        height: 45px;
        line-height: 45px;
        padding: 0;
    }
}

@media(max-width: 575px) {
    .idxSlt-mod2 .new-title {
        font-size:1.125rem;
    }
}

.hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: .7;
}

.hamburger-box {
    width: 35px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
    width: 35px;
    height: 4px;
    background-color: #000;
    border-radius: 3px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px,0,0) rotate(-45deg) scale(.7,1);
    transform: translate3d(-8px,0,0) rotate(-45deg) scale(.7,1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px,0,0) rotate(45deg) scale(.7,1);
    transform: translate3d(-8px,0,0) rotate(45deg) scale(.7,1);
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px,0,0) rotate(45deg) scale(.7,1);
    transform: translate3d(8px,0,0) rotate(45deg) scale(.7,1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px,0,0) rotate(-45deg) scale(.7,1);
    transform: translate3d(8px,0,0) rotate(-45deg) scale(.7,1);
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
    transition: top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);
    transition: top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
    transition: bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);
    transition: bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);
    transition: top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);
    transform: translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);
    transition: bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
    transition: top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);
    transition: top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
    transition: bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);
    transition: bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);
    transform: translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);
    transition: top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);
    transform: translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);
    transition: bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);
    transition: bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::before,.hamburger--boring .hamburger-inner::after {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);
    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);
    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,-10px,0) rotate(45deg);
    transform: translate3d(0,-10px,0) rotate(45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);
    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);
    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);
}

.hamburger--elastic .hamburger-inner {
    top: 0;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity .15s .4s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(135deg);
    transform: translate3d(0,10px,0) rotate(135deg);
    transition-delay: .1s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0,-20px,0) rotate(-270deg);
    transform: translate3d(0,-20px,0) rotate(-270deg);
    transition-delay: .1s;
}

.hamburger--elastic-r .hamburger-inner {
    top: 0;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity .15s .4s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(-135deg);
    transform: translate3d(0,10px,0) rotate(-135deg);
    transition-delay: .1s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0,-20px,0) rotate(270deg);
    transform: translate3d(0,-20px,0) rotate(270deg);
    transition-delay: .1s;
}

.hamburger--emphatic {
    overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .2s .25s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px,80px,0) rotate(45deg);
    transform: translate3d(80px,80px,0) rotate(45deg);
    transition: left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px,80px,0) rotate(-45deg);
    transform: translate3d(-80px,80px,0) rotate(-45deg);
    transition: right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
}

.hamburger--emphatic-r {
    overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .2s .25s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px,-80px,0) rotate(-45deg);
    transform: translate3d(80px,-80px,0) rotate(-45deg);
    transition: left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px,-80px,0) rotate(45deg);
    transform: translate3d(-80px,-80px,0) rotate(45deg);
    transition: right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);
    transition: right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);
}

.hamburger--slider .hamburger-inner {
    top: 0;
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s;
}

.hamburger--slider .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0,-20px,0) rotate(-90deg);
    transform: translate3d(0,-20px,0) rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
    top: 0;
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s;
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(-45deg);
    transform: translate3d(0,10px,0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px,-6px,0);
    transform: rotate(45deg) translate3d(5.71429px,-6px,0);
    opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0,-20px,0) rotate(90deg);
    transform: translate3d(0,-20px,0) rotate(90deg);
}

.hamburger--spin .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .34s ease-in,opacity .1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .14s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .34s ease-in,opacity .1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s .14s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top .1s .14s ease,opacity .1s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease,opacity .1s .14s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);
    transition: bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top,opacity;
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
    transition-property: bottom,transform,-webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.hamburger--vortex-r .hamburger-inner::before,.hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top,opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
    transition-property: bottom,transform,-webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.text-mod2 .item-li {
    padding: 2.5rem 0;
    border-bottom: 1px dashed #d7d7d7;
}

.text-mod2 .fl-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.text-mod2 .item-li .p {
    margin-bottom: .7rem;
    line-height: 2.1;
    text-align: left;
    max-height: 10rem;
    margin-bottom: 2.25rem;
}

.text-mod2 .fl-ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.text-mod2 .li:first-child {
    padding-left: 0;
}

.text-mod2 .li {
    padding: 0 1.5rem;
    position: relative;
}

.text-mod2 .li:before {
    content: "";
    position: absolute;
    width: 1px;
    right: 0;
    height: 52px;
    top: calc(50% - 26px);
    border-right: 1px dashed #d0d0d0;
}

.text-mod2 .tit-16 {
    font-size: 16px;
    line-height: 1.6;
}

.text-mod2 .tit-30 {
    font-size: 30px;
    line-height: 1.6;
}

.text-mod2 .su div {
    display: inline-block;
}

.text-mod2 .su span {
    font-size: 13px;
    color: #666;
    line-height: 1;
}

.text-mod2 .item-li .img {
    width: 50%;
}

.text-mod2 .item-li .scroll-text {
    width: 50%;
    padding-right: 2rem;
}

.text-mod2 .item-li:nth-child(odd) {
    flex-direction: row-reverse;
}

.text-mod2 .p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #008c3f;
    border-radius: 0;
}

.text-mod2 .item-li .p .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px !important;
    background-color: #eee !important;
}

.text-mod2 ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.text-mod2 ::-webkit-scrollbar-thumb {
    background-color: #008b3f;
}

.text-mod2 ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
}

.case-mod1 .title-info {
    margin-bottom: 20px;
}

.case-mod1 .tab-wrap {
    display: block;
}

.case-mod1 .tab-wrap .tab-list>li>.btn {
    color: var(--style-color);
    border: 2px solid var(--style-color);
    border-radius: 35px;
}

.case-mod1 .tab-wrap .input-wrap {
    display: none;
}

.case-mod1 .tab-wrap .list-tag {
    margin: 0;
}

.case-mod1 .tab-wrap .search {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.case-mod1 .case-wrap {
    position: relative;
    overflow: hidden;
}

.case-mod1 .case-wrap .zhezhao {
    position: absolute;
    top: 0;
    left: 0;
}

.case-mod1 .case-wrap:nth-child(even) .zhezhao {
    transform: rotateY(180deg);
}

.case-mod1 .case-wrap:nth-child(odd) .img-title {
    position: absolute;
    margin: 0;
    text-align: left;
    right: 5rem;
    top: 200px;
    max-width: 400px;
    font-size: 24px;
    font-weight: bold;
}

.case-mod1 .case-wrap:nth-child(even) .img-title {
    position: absolute;
    left: 5rem;
    top: 200px;
    max-width: 400px;
    font-size: 24px;
    font-weight: bold;
}

.case-mod1 .case-wrap:nth-child(odd)::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: var(--style-color);
    right: -100px;
    bottom: -100px;
    z-index: 10;
}

.case-mod1 .case-wrap:nth-child(even)::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: var(--style-color);
    left: -100px;
    bottom: -100px;
    z-index: 10;
}

.case-mod1 .case-wrap:nth-child(odd) .arrow {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    z-index: 20;
}

.case-mod1 .case-wrap:nth-child(even) .arrow {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    z-index: 20;
}

.case-mod1 .arrow svg {
    fill: #fff;
}

.case-mod1 .case-wrap {
    margin-top: 2rem;
}

.case-mod1 .case-wrap:nth-child(odd) .img-title {
    right: 2rem;
    max-width: 300px;
}

.case-mod1 .case-wrap:nth-child(even) .img-title {
    left: 2rem;
    max-width: 300px;
}

.case-mod1 .case-wrap:nth-child(odd)::after {
    right: -150px;
    bottom: -150px;
}

.case-mod1 .case-wrap:nth-child(even)::after {
    left: -150px;
    bottom: -150px;
}

.case-mod1 .case-wrap:nth-child(even) .arrow {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 20;
}

.case-mod1 .case-wrap:nth-child(odd) .arrow {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 20;
}

.case-mod1 .arrow .icon {
    width: 70px;
    height: 70px;
}

@media(min-width: 768px) {
    .case-mod1 .tab-wrap {
        padding:0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .case-mod1 .tab-wrap .tab-list>li {
        margin: 0;
        margin-right: 30px;
    }
}

@media(min-width: 1200px) {
    .case-mod1 .title {
        margin:88px 0 28px;
        font-size: 36px;
    }

    .case-mod1 .title-info {
        margin-bottom: 60px;
    }

    .case-mod1 .tab-wrap .tab-list>li a {
        padding: 21px 50px;
    }

    .case-mod1 .tab-wrap .input-wrap {
        display: flex;
        position: relative;
    }

    .case-mod1 .tab-wrap .input-wrap button {
        border: none;
    }

    .case-mod1 .tab-wrap {
        justify-content: space-between;
    }

    .case-mod1 .tab-wrap .search-ipt {
        height: 70px;
        width: 528px;
        border: 1px solid var(--style-color);
        border-radius: 38px;
        font-size: 18px;
        padding-left: 20px;
        padding-right: 60px;
    }

    .case-mod1 .tab-wrap .search svg {
        height: 30px;
        width: 30px;
    }

    .case-mod1 .tab-wrap .info-wrap {
        padding-left: 100px;
    }
}

@media(min-width: 1440px) {
    .case-mod1 .img-title {
        font-size:36px !important;
    }

    .case-mod1 .arrow .icon {
        width: 100px;
        height: 100px;
    }

    .case-mod1 .case-wrap:nth-child(odd) .img-title {
        right: 5rem;
        max-width: 400px;
    }

    .case-mod1 .case-wrap:nth-child(even) .img-title {
        left: 5rem;
        max-width: 400px;
    }

    .case-mod1 .case-wrap:nth-child(odd)::after {
        content: '';
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background-color: var(--style-color);
        right: -100px;
        bottom: -100px;
        z-index: 10;
    }

    .case-mod1 .case-wrap:nth-child(even)::after {
        content: '';
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background-color: var(--style-color);
        left: -100px;
        bottom: -100px;
        z-index: 10;
    }

    .case-mod1 .case-wrap:nth-child(even) .arrow {
        position: absolute;
        left: 2rem;
        bottom: 2rem;
        z-index: 20;
    }

    .case-mod1 .case-wrap:nth-child(odd) .arrow {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        z-index: 20;
    }

    .case-mod1 .tab-wrap .search-ipt {
        border: 2px solid var(--style-color);
        border-radius: 38px;
        font-size: 24px;
        padding-left: 20px;
        padding-right: 80px;
    }

    .case-mod1 .tab-wrap .tab-list>li>.btn {
        font-size: 24px;
        font-weight: bold;
    }

    .case-mod1 .case-wrap {
        margin-top: 4rem;
    }
}

@media(max-width: 991px) {
    .case-mod1 .arrow .icon {
        width:50px;
        height: 50px;
    }

    .case-mod1 .case-wrap:nth-child(odd) .img-title {
        top: 70px;
        right: 15px;
        max-width: 35%;
    }

    .case-mod1 .case-wrap:nth-child(odd)::after {
        right: -175px;
        bottom: -175px;
    }

    .case-mod1 .case-wrap:nth-child(even) .img-title {
        top: 70px;
        left: 15px;
        max-width: 35%;
    }

    .case-mod1 .case-wrap:nth-child(even)::after {
        left: -175px;
        bottom: -175px;
    }

    .case-mod1 .case-wrap .img-title {
        font-size: 20px !important;
    }
}

@media(max-width: 767px) {
    .case-mod1 .case-wrap .img-title {
        max-width:50% !important;
        top: 20px !important;
    }

    .case-mod1 .tab-wrap .list-tag button {
        position: relative;
        top: 0;
    }

    .case-mod1 .tab-wrap {
        padding: 0;
    }
}

@media(max-width: 580px) {
    .case-mod1 .arrow .icon {
        width:30px;
        height: 30px;
    }

    .case-mod1 .case-wrap:nth-child(even)::after {
        left: -200px;
        bottom: -200px;
    }

    .case-mod1 .case-wrap:nth-child(odd)::after {
        right: -200px;
        bottom: -200px;
    }

    .case-mod1 .case-wrap .img-title {
        font-size: 18px !important;
    }
}

.dealer-mod1 .map-group .row:last-child {
    flex-direction: row-reverse;
}

.dealer-mod1 .map-group .row:last-child .img {
    text-align: right;
}

.dealer-mod1 .bg-circle {
    background-repeat: no-repeat;
}

.dealer-mod1 .map-group .row:first-child .bg-circle {
    background-position: right;
}

.dealer-mod1 .map-group .row:last-child .bg-circle {
    background-position: left;
}

.dealer-mod1 h2 {
    text-align: right;
    margin-top: 2rem;
    font-size: 36px;
}

.dealer-mod1 .sort {
    text-align: right;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    padding-bottom: 1rem;
}

.dealer-mod1 .sort::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 215px;
    height: 15px;
    background: #24ac3e;
}

.dealer-mod1 .top-info {
    position: relative;
    top: 50px;
}

.dealer-mod1 .area-list {
    display: flex;
    flex-wrap: wrap;
}

.dealer-mod1 .area-list>li {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-bottom: 2rem;
    padding-left: 3rem;
}

.dealer-mod1 .area-list>li>span:first-child {
    font-size: 24px;
    font-weight: bold;
    margin: 1rem 0;
}

.dealer-mod1 .area-list>li>span:last-child {
    font-size: 18px;
}

.dealer-mod1 .sub-title {
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}

@media(max-width: 1639px) {
    .dealer-mod1 .map-group .row .bg-circle {
        background-image:none !important;
    }

    .dealer-mod1 .map-group .row {
        margin-bottom: 2rem;
    }

    .dealer-mod1 .top-info {
        top: 0;
    }
}

@media(max-width: 1439px) {
    .dealer-mod1 .col-md-4,.dealer-mod1 .col-md-8 {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width: 1199px) {
    .dealer-mod1 .area-list>li {
        margin-bottom:0;
    }

    .dealer-mod1 h2,.dealer-mod1 .sub-title {
        font-size: 1.5rem;
    }

    .dealer-mod1 .area-list>li>span:first-child {
        font-size: 18px;
    }

    .dealer-mod1 .area-list>li>span:last-child {
        font-size: 14px;
    }
}

@media(max-width: 991px) {
    .dealer-mod1 .sort::after {
        width:150px;
        height: 4px;
    }

    .dealer-mod1 .sort {
        padding-bottom: 0;
        font-size: 24px;
    }

    .dealer-mod1 .col-md-4,.dealer-mod1 .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width: 540px) {
    .dealer-mod1 .area-list>li {
        padding-left:0;
        align-items: center;
    }
}

.dealer-mod2 {
    background: linear-gradient(180deg,#0075c1 0%,rgba(0,117,193,0) 100%);
    overflow: hidden;
}

.dealer-mod2 h2 {
    text-align: left;
    margin-top: 2rem;
    font-size: 36px;
    color: #fff;
}

.dealer-mod2 .sort {
    text-align: left;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    padding-bottom: 1rem;
    color: #fff;
}

.dealer-mod2 .sort::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 215px;
    height: 15px;
    background: #24ac3e;
}

.dealer-mod2 .icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dealer-mod2 .icon-title {
    font-size: 24px;
    color: var(--style-color);
    font-weight: bold;
    margin: 1rem 0;
}

.dealer-mod2 .icon-info {
    font-size: 18px;
    height: 7.5rem;
    line-height: 2;
}

.dealer-mod2 .sub-info {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: #fff;
    max-width: 700px;
}

.dealer-mod2 .top-info {
    position: relative;
}

@media(min-width: 1200px) {
    .dealer-mod2 .icon-info {
        max-width:300px;
    }

    .dealer-mod2 .icon-group {
        margin-top: 100px;
    }

    .dealer-mod2 .top-info {
        margin-top: 4rem;
    }

    .dealer-mod2 .sort {
        padding-bottom: 2rem;
    }
}

@media(max-width: 1199px) {
    .dealer-mod2 .sub-info {
        position:relative;
        margin-bottom: 1rem;
        font-size: 18px;
    }

    .dealer-mod2 h2 {
        font-size: 1.5rem;
        margin: 1rem 0;
    }
}

@media(max-width: 991px) {
    .dealer-mod2 .sort::after {
        width:150px;
        height: 4px;
    }

    .dealer-mod2 .sort {
        font-size: 24px;
    }
}

.join-mod1 h2 {
    text-align: left;
}

.join-mod1 .title-info {
    font-size: 18px;
    line-height: 2;
}

.join-mod1 .tip {
    font-size: 24px;
    font-weight: bold;
    color: var(--style-color);
}

.join-mod1 .tip-info {
    font-size: 18px;
}

.join-mod1 .join-wrap {
    margin: 4rem 0;
}

@media(max-width: 1199px) {
    .join-mod1 .join-wrap {
        margin:2rem 0;
    }
}

.solution-info-mod1 {
    padding: .1rem 0 1rem;
}

.solution-info-mod1 .info {
    margin-bottom: 1rem;
}

@media(min-width: 768px) {
    .solution-info-mod1 .info {
        margin-bottom:2rem;
    }
}

@media(min-width: 1200px) {
    .solution-info-mod1 .info {
        font-size:1.125rem;
    }
}

.solution-info-mod2 .row:nth-child(even) {
    flex-direction: row-reverse;
}

.solution-info-mod2 .row:first-child {
    align-items: center;
}

.solution-info-mod2 .row:first-child h3 {
    text-align: left;
}

.solution-info-mod2 .row {
    margin-bottom: 100px;
}

.solution-info-mod2 h3 {
    font-size: 36px;
    margin-bottom: 4rem;
    font-weight: bold;
    text-align: center;
}

.solution-info-mod2 p {
    font-size: 18px;
    line-height: 2;
    position: relative;
}

.solution-info-mod2 h4 {
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 2rem;
    position: relative;
}

.solution-info-mod2 h4::after {
    position: absolute;
    content: '';
    width: 300px;
    height: 15px;
    background-color: #24ac3e;
    bottom: 0;
}

.solution-info-mod2 p>img:last-child {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.solution-info-mod2 .row:nth-child(even) p>img:last-child {
    right: unset;
    left: 0;
}

.solution-info-mod2 .row:nth-child(even) .col-sm-7 p {
    text-align: right;
}

.solution-info-mod2 .row:nth-child(odd) h4 {
    text-align: right;
}

.solution-info-mod2 .row:nth-child(odd) h4::after {
    right: 0;
}

.solution-info-mod2 .row:nth-child(even) h4::after {
    left: 0;
}

.solution-info-mod2 ul {
    list-style: none;
    margin: 2rem 0;
    padding-left: 2rem;
}

.solution-info-mod2 ul>li {
    font-size: 18px;
    padding: 5px 0;
    position: relative;
    color: #0075c1;
}

.solution-info-mod2 ul>li::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0075c1;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
}

@font-face {
    font-family: 'Poppins-R';
    src: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/Themes/fonts/Poppins-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-S';
    src: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/Themes/fonts/Poppins-SemiBold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-M';
    src: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/Themes/fonts/Poppins-Medium.ttf');
    font-display: swap;
}

.new_solution-mod2 {
    --style-color: #eb6622;
}

.new_solution-mod2 {
    font-family: Poppins-R;
}

.new_solution-mod2 h2,.new_solution-mod2 h3 {
    font-family: Poppins-S;
}

.new_solution-mod2 .btn {
    font-family: Poppins-M;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.new_solution-mod2 .theme-border-btn:hover {
    transform: translateY(-5px);
    background-color: var(--style-color);
    color: #fff !important;
    box-shadow: 0 0 10px #000;
}

.new_solution-mod2 .theme_color {
    color: var(--style-color);
}

.new_solution-mod2 .row h2,.new_solution-mod2 .row h3 {
    margin: 0;
}

.new_solution-mod2 .row h3 {
    margin-bottom: 10px;
}

.new_solution-mod2 .info-group.title-left h2,.new_solution-mod2 .info-group.title-left h3 {
    text-align: left;
}

.new_solution-mod2 .info-group.title-center h2,.new_solution-mod2 .info-group.title-center h3 {
    text-align: center;
}

.new_solution-mod2 .info-group .theme-border-btn {
    color: var(--style-color);
    border: 1px solid var(--style-color);
    border-radius: 25px;
}

.new_solution-mod2 .info-group .info p {
    margin-bottom: 15px;
}

.new_solution-mod2 .info-group .info ul {
    color: var(--style-color);
    padding-left: 20px;
}

.new_solution-mod2 .info-group .info ul>li {
    margin: .5rem auto;
}

.new_solution-mod2 .info-group.has-ul .info>p:first-child {
    margin-bottom: 30px;
}

@media(min-width: 768px) {
    .new_solution-mod2 .info-group.has-ul .info>p:first-child {
        margin-bottom:40px;
    }

    .new_solution-mod2 .info-group .theme-border-btn {
        width: 190px;
    }
}

.solution_detail-mod1 .solution_mod1 {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

.solution_detail-mod1 h2 {
    margin-top: 0;
    margin-bottom: .625rem;
}

.solution_detail-mod1 .sub-desc {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.solution_detail-mod1 .tit {
    font-size: 24px;
    font-weight: bold;
    color: var(--style-color);
    margin-top: 1.875rem;
}

.solution_detail-mod1 .info-desc {
    font-size: 16px;
    line-height: 1.6;
    margin-top: .625rem;
}

.solution_detail-mod1 .solution_mod1 .row {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.solution_detail-mod1 .solution_mod2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #eee;
    text-align: center;
}

.solution_detail-mod1 .solution_mod2 .tit {
    margin-top: 0;
}

.solution_detail-mod1 .solution_mod2 .info-desc {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.solution_detail-mod1 .solution_mod3 {
    padding-top: 2rem;
}

.solution_detail-mod1 .solution_mod3 .row {
    margin-bottom: 2.5rem;
    align-items: center;
}

.solution_detail-mod1 .solution_mod3 .first-tit {
    color: #333;
    margin-top: 1.875rem;
}

.solution_detail-mod1 .solution_mod3 .row:nth-child(even) {
    flex-direction: row-reverse;
}

.solution_detail-mod1 .solution_mod3 .video-group,.solution_detail-mod1 .solution_mod3 .video-group video {
    width: 100%;
}

@media(min-width: 1200px) {
    .solution_detail-mod1 .solution_mod1 {
        padding-top:2.9375rem;
        padding-bottom: 3.75rem;
    }

    .solution_detail-mod1 .sub-desc,.solution_detail-mod1 .info-desc {
        font-size: 18px;
    }

    .solution_detail-mod1 .tit {
        margin-top: 3.125rem;
    }

    .solution_detail-mod1 .solution_mod1 .col-md-7 {
        -ms-flex: 0 0 56.333333%;
        flex: 0 0 56.333333%;
        max-width: 56.333333%;
    }

    .solution_detail-mod1 .solution_mod1 .col-md-5 {
        -ms-flex: 0 0 40.333333%;
        flex: 0 0 40.333333%;
        max-width: 40.333333%;
    }

    .solution_detail-mod1 .solution_mod2 {
        padding-top: 2.9375rem;
        padding-bottom: 2.9375rem;
    }

    .solution_detail-mod1 .solution_mod3 {
        padding-top: 2.9375rem;
    }

    .solution_detail-mod1 .solution_mod3 .row {
        margin-bottom: 3.75rem;
    }

    .solution_detail-mod1 .solution_mod3 .col-offset {
        padding-left: 3.125rem;
    }
}

@font-face {
    font-family: 'Poppins-R';
    src: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/Themes/fonts/Poppins-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-S';
    src: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/Themes/fonts/Poppins-SemiBold.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-M';
    src: url('https://qiniuyun.jumiweb.com/UpLoad/zkcmsadmin/Themes/fonts/Poppins-Medium.ttf');
    font-display: swap;
}

.solution_detail-mod2,.solution_detail-mod2 h2>span {
    font-family: Poppins-R;
}

.solution_detail-mod2 h2,.solution_detail-mod2 h3,.solution_detail-mod2 h4 {
    font-family: Poppins-S;
}

.solution_detail-mod2 .btn {
    font-family: Poppins-M;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.solution_detail-mod2 .theme-border-btn:hover {
    transform: translateY(-5px);
    background-color: var(--style-color);
    color: #fff !important;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.solution_detail-mod2 .theme_color {
    color: var(--style-color);
}

.solution_detail-mod2 .titleinfo p {
    margin-bottom: 20px;
}

.solution_detail-mod2 .row h2,.solution_detail-mod2 .row h3 {
    margin: 0;
}

.solution_detail-mod2 .row h3 {
    margin-bottom: 10px;
}

.solution_detail-mod2 .info-group.title-left h2,.solution_detail-mod2 .info-group.title-left h3 {
    text-align: left;
}

.solution_detail-mod2 .info-group.title-center h2,.solution_detail-mod2 .info-group.title-center h3 {
    text-align: center;
}

.solution_detail-mod2 .info-group .theme-border-btn {
    color: var(--style-color);
    border: 1px solid var(--style-color);
    border-radius: 25px;
}

.solution_detail-mod2 .info-group .info p {
    margin-bottom: 15px;
}

.solution_detail-mod2 .info-group .info ul {
    color: var(--style-color);
    padding-left: 20px;
}

.solution_detail-mod2 .info-group .info ul>li {
    margin: .5rem auto;
}

.solution_detail-mod2 .info-group.has-ul .info>p:first-child {
    margin-bottom: 30px;
}

.solution_detail-mod2 .row .h2-m h2 {
    margin: 1rem 0;
}

.solution_detail-mod2 .process .back {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
}

.solution_detail-mod2 .process .back .icon>i {
    font-size: 60px;
}

.solution_detail-mod2 .process .back .arrow>i {
    color: var(--style-color);
    font-size: 24px;
}

.solution_detail-mod2 .process .back .arrow {
    position: absolute;
    top: 50%;
    right: -75%;
    transform: translateY(-50%);
    display: none;
}

.solution_detail-mod2 .process .back.bg {
    background-color: var(--style-color);
}

.solution_detail-mod2 .process .back.bg .icon>i {
    color: #fff;
}

.solution_detail-mod2 .process .back.bd {
    border: 1px solid var(--style-color);
}

.solution_detail-mod2 .process .back.bd .icon>i {
    color: var(--style-color);
}

.solution_detail-mod2 .question-group {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.2);
}

@media(min-width: 768px) {
    .solution_detail-mod2 .process .list-tag>ul>li {
        margin-bottom:0;
        margin-right: 50px;
    }

    .solution_detail-mod2 .process .tab-list>li>.btn {
        font-size: 20px;
    }
}

@media(min-width: 1640px) {
    .solution_detail-mod2 .process .swiper-slide:last-child .arrow {
        display:none;
    }

    .solution_detail-mod2 .process .back .arrow {
        display: block;
    }
}

@media(min-width: 768px) {
    .solution_detail-mod2 .info-group.has-ul .info>p:first-child {
        margin-bottom:40px;
    }

    .solution_detail-mod2 .info-group .theme-border-btn {
        width: 190px;
    }

    .solution_detail-mod2 .row .h2-m h2 {
        margin: 2rem 0;
    }
}

.banner-mod4 .banner {
    position: relative;
}

.banner-mod4 .banner img,.banner-mod4 .index-banner img {
    width: 100%;
}

.cart-mod1 .card-form {
    width: 0;
    height: 0;
}

.chatBtn {
    position: relative;
}

.chatBtn .tip-msg {
    position: absolute;
    left: -215px;
    width: 200px;
    padding: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: 0 7px 6px 1px rgb(000%);
    display: none;
}

.contact-mod18 {
    position: relative;
    z-index: 20;
}

.contact-mod18 #right_contact>li .chat_num {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: 10px;
    top: 10px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background-color: #f00;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.chatBtn .tip-msg .msg-close {
    background-color: #687882;
    border-radius: 50%;
    padding: 4px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -25px;
    top: 0;
    cursor: pointer;
}

.chatBtn .tip-msg:after {
    bottom: 12px;
    right: -10px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid transparent;
    border-left-color: #fff;
    border-right: 0;
}

.contact-mod18 #right_contact {
    width: 60px;
    position: fixed;
    top: 20%;
    right: 0;
    background-color: var(--style-color);
    opacity: .8;
}

.contact-mod18 #right_contact>li>a>i {
    position: relative;
}

.contact-mod18 #right_contact>li>a>i>span {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: -10px;
    font-size: 12px;
    top: 0;
    color: #fff;
    background-color: #f00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-mod18 #right_contact li a {
    font-size: 2rem;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-mod18 #right_contact li a:hover {
    background: #1971cb;
}

.chatContainer,.chatContainer div,.chatContainer ul,.chatContainer li,.chatContainer p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

.chatContainer {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.chatBox {
    width: 370px;
    min-width: 320px;
    height: 500px;
    border-radius: 10px;
    background: #f5ecff;
    position: fixed;
    bottom: 2.5%;
    right: 5%;
    overflow: hidden;
    border: solid 1px #d5d5d5;
    box-shadow: 1px 1px 2px #c0c0c0;
    z-index: 1005;
    display: none;
}

.chatBox-head {
    width: 100%;
    height: 48px;
    background: var(--style-color);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    text-transform: uppercase;
}

.chat-close {
    cursor: pointer;
}

.chatBox-head-one {
    width: 100%;
    height: 75px;
    line-height: 75px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.chat-return:hover {
    background: #0188b7;
}

.chatBox-info {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 48px;
}

.chatBox-kuang {
    width: 100%;
    height: 100%;
    display: block;
}

.chatBox-content {
    width: 100%;
    height: 100%;
}

.chatBox-content-demo {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfloat {
    zoom:1;margin: 10px 10px;
}

.clearfloat .right {
    float: right;
}

.author-name {
    text-align: center;
    margin: 15px 0 5px 0;
    color: #888;
}

.clearfloat .chat-message {
    max-width: 252px;
    text-align: left;
    padding: 8px 12px;
    border-radius: 6px;
    word-wrap: break-word;
    display: inline-block;
    position: relative;
}

.clearfloat .left .chat-message {
    background: #f5f8fa;
    color: #414141;
    min-height: 36px;
}

.clearfloat .left .chat-message .inquiry {
    color: #007aff;
    text-decoration: underline;
}

.clearfloat .left .chat-message:before {
    position: absolute;
    content: "";
    top: 8px;
    left: -6px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f5f8fa;
}

.clearfloat .right {
    text-align: right;
}

.clearfloat .right .chat-message {
    color: #000;
    background-color: #fff;
    border-color: #000;
    border: 1px solid #212021;
    text-align: left;
    min-height: 36px;
    cursor: pointer;
}

.clearfloat .right .chat-message:hover {
    background-color: var(--style-color);
    color: #fff;
}

.clearfloat .chat-avatars {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

.clearfloat .chat-avatars>img {
    width: 30px;
    height: 30px;
}

.clearfloat .left .chat-avatars {
    margin-right: 10px;
}

.clearfloat .right .chat-avatars {
    margin-left: 10px;
}

.hidden {
    display: none;
}

@media(max-width: 1023px) {
    .contact-mod18 {
        display:none;
    }
}

.advantage-mod1 .w {
    width: 88%;
    height: 100%;
    margin: 0 auto;
}

.advantage-mod1 .sub-title {
    font-size: 20px;
    text-indent: 2em;
    letter-spacing: 2px;
    line-height: 36px;
    margin: 33px 0;
}

.advantage-mod1 .main .list {
    display: flex;
    justify-content: center;
    margin: 100px 0;
    padding: 150px 0;
}

.advantage-mod1 .item:nth-child(2) {
    margin: 0 111px;
}

.advantage-mod1 .main .item {
    display: flex;
    width: 20%;
    flex-direction: column;
    align-items: center;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.advantage-mod1 .icon {
    width: 95px;
    height: 95px;
    margin-bottom: 10px;
}

.advantage-mod1 .t {
    font-size: 30px;
    margin-bottom: 44px;
}

.advantage-mod1 .te {
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 3px;
}

@media screen and (max-width: 1200px) {
    .advantage-mod1 .icon {
        width:75px;
        height: 75px;
    }

    .advantage-mod1 .t {
        font-size: 25px;
    }

    .advantage-mod1 .te {
        letter-spacing: 1px;
        font-size: 18px;
    }

    .advantage-mod1 .main .list {
        padding: 100px 0;
    }

    .advantage-mod1 .item:nth-child(2) {
        margin: 0 77px;
    }
}

@media screen and (max-width: 768px) {
    .advantage-mod1 .icon {
        width:45px;
        height: 45px;
    }

    .advantage-mod1 .t {
        margin-bottom: 22px;
        font-size: 18px;
    }

    .advantage-mod1 .te {
        letter-spacing: 1px;
        font-size: 11px;
        line-height: 22px;
    }

    .advantage-mod1 .main .item {
        width: 31%;
    }

    .advantage-mod1 .item:nth-child(2) {
        margin: 0 1%;
    }

    .advantage-mod1 .sub-title {
        font-size: 14px;
        line-height: 24px;
    }
}

.idx_banner-mod1 .banner {
    position: relative;
    width: 100%;
    height: 901px;
}

.idx_banner-mod1 .banner .swiper-pagination {
    position: absolute;
    left: 5%;
    bottom: 10%;
    z-index: 2;
    display: flex;
    align-items: center;
}

.idx_banner-mod1 .banner .swiper-pagination-bullet {
    opacity: 1;
    background-color: #fff;
}

.idx_banner-mod1 .banner .swiper-pagination-bullet-active {
    width: 35px;
    border-radius: 8px;
    background-color: #006ead;
}

@media screen and (max-width: 1200px) {
    .idx_banner-mod1 .banner {
        height:initial;
    }

    .idx_banner-mod1 .banner .swiper-pagination {
        left: 50%;
        margin-left: -36px;
    }

    .idx_banner-mod1 .banner .swiper-wrapper {
        height: 200px;
    }
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .banner .swiper-wrapper {
        height:336px;
    }
}

.video_list-mod1 h2 {
    margin-left: 0;
}

.video_list-mod1 .top-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video_list-mod1 .top-btn i {
    opacity: 0;
}

.video_list-mod1 .top-btn:hover i {
    opacity: 1;
    margin-left: 10px;
}

.video_list-mod1 .top-btn {
    color: #666;
}

.video_list-mod1 .video-group .videolist {
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
    text-align: center;
}

.video_list-mod1 .video-group .videolist:hover {
    transform: translateY(-10px);
}

.video_list-mod1 .video-group .content-bg:hover::after {
    background-color: #000;
    opacity: .3;
    transition: all .6s;
}

.video_list-mod1 .video-group {
    margin: 1rem 0;
}

.video_list-mod1 .video-group .videoed {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    z-index: 99;
    display: none;
}

.video_list-mod1 .video-group .videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
    width: 320px;
    height: 180px;
}

.video_list-mod1 .video-group .vclose {
    position: absolute;
    top: 1%;
    right: 1%;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_list-mod1 .social-group {
    margin: 1rem 0;
}

.video_list-mod1 .social-group .back {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.38);
    display: block;
    margin-bottom: 2rem;
}

.video_list-mod1 .social-group .back-title {
    font-weight: bold;
}

.video_list-mod1 .social-group .back .rt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.video_list-mod1 .social-group .back-date>span:first-child {
    display: block;
    border-radius: 5px 5px 0 0;
    font-size: 24px;
    background: #f5f5f5;
    line-height: 50px;
    color: #999;
}

.video_list-mod1 .social-group .back-date {
    width: 80px;
    height: 80px;
    border-radius: 6px 6px 5px 5px;
    background: #191919;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

@media(min-width: 768px) {
    .video_list-mod1 .video-group .videos {
        width:480px;
        height: 270px;
    }

    .video_list-mod1 .social-group .back .rt {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media(min-width: 992px) {
    .video_list-mod1 .video-group .videos {
        width:640px;
        height: 360px;
    }
}

@media(min-width: 1200px) {
    .video_list-mod1 .video-group .videos {
        width:800px;
        height: 450px;
    }

    .video_list-mod1 .social-group .back {
        box-shadow: 0 0 24px 0 rgba(0,0,0,.38);
        margin-bottom: 0;
    }

    .video_list-mod1 .video-group .videolist {
        margin-bottom: 0;
    }
}

@media(max-width: 480px) {
    .video_list-mod1 .social-group .back-date {
        display:none;
    }
}

.comment-mod1 pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.comment-mod1 .flex-text-wrap {
    width: 100%;
    position: relative;
    *zoom:1;}

.comment-mod1 textarea,.comment-mod1 .flex-text-wrap {
    outline: 0;
    margin: 0;
    border: none;
    padding: 0;
    *padding-bottom: 0 !important;
}

.comment-mod1 .flex-text-wrap textarea,.comment-mod1 .flex-text-wrap pre {
    *white-space: pre;
    *word-wrap: break-word;
    white-space: pre-wrap;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.comment-mod1 .flex-text-wrap textarea {
    overflow: hidden;
    top: 0;
    left: 0;
    resize: none;
    *height: 94%;
    *width: 94%;
}

.comment-mod1 .flex-text-wrap pre {
    display: none;
    visibility: hidden;
}

.comment-mod1 .flex-text-wrap,.comment-mod1 textarea {
    margin-bottom: 25px;
}

.comment-mod1 textarea,.comment-mod1 .flex-text-wrap pre {
    line-height: 1.7;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100%;
    padding: 10px 15px;
    border: 1px solid #c6c8ce;
    width: 100%;
    -webkit-appearance: none;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-easing: ease-in-out;
    -moz-transition-easing: ease-in-out;
    -o-transition-easing: ease-in-out;
    -ms-transition-easing: ease-in-out;
    transition-easing: ease-in-out;
    -webkit-transition-property: border-color,-webkit-box-shadow;
    -webkit-transition-property: border-color,box-shadow;
    -moz-transition-property: border-color,-moz-box-shadow;
    -moz-transition-property: border-color,box-shadow;
    -o-transition-property: border-color,box-shadow;
    -ms-transition-property: border-color,box-shadow;
    transition-property: border-color,box-shadow;
}

.comment-mod1 .fork-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
}

.comment-mod1 .comment-size-name {
    display: block;
    font-size: 24px;
    color: var(--style-color);
    font-weight: 600;
    margin-bottom: 1rem;
}

.comment-mod1 .clearfix:before,.comment-mod1 .clearfix:after {
    content: " ";
    display: table;
}

.comment-mod1 .clearfix:after {
    clear: both;
}

.comment-mod1 .clearfix {
    zoom:1;}

.comment-mod1 .pull-right {
    float: right !important;
}

.comment-mod1 .pull-left {
    float: left !important;
}

.comment-mod1 .content {
    float: left;
}

.comment-mod1 .flex-text-wrap,pre {
    margin: 0 !important;
}

.comment-mod1.commentAll {
    padding: 20px;
    border: 1px solid #ededed;
    background-color: #f6f6f6;
}

.comment-mod1 .plBtn {
    width: 200px;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    text-align: center;
    display: block;
    color: #333;
    font-size: 18px;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 600;
    border: 2px solid #17294f;
}

.comment-mod1 .plBtn:hover {
    background-color: var(--style-color);
    color: #fff;
}

.comment-mod1 .comment-show {
    margin-top: 20px;
}

.comment-mod1 .comment-show-con {
    width: 100%;
    border-top: 1px solid #999;
    padding: 10px 0;
}

.comment-mod1 .reviewArea .form-control {
    height: 60px;
}

.comment-mod1 .comment-show-con-img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin-top: 5px;
}

.comment-mod1 .comment-show-con-list {
    width: 85%;
}

.comment-mod1 .pl-text {
    width: 100%;
    margin-top: 7px;
    word-wrap: break-word;
    overflow: hidden;
}

.comment-mod1 .date-dz {
    width: 100%;
    float: left;
    margin-top: 1rem;
}

.comment-mod1 .hf-list-con {
    float: left;
    width: 100%;
    margin-top: 7px;
}

.comment-mod1 .my-pl-con {
    font-size: 18px;
    color: #333;
    width: 100%;
}

.comment-mod1 .date-dz-left {
    font-size: 12px;
    color: #8b8b8b;
    display: block;
    padding-top: 18px;
}

.comment-mod1 .comment-pl-block {
    margin-top: 0;
}

.comment-mod1 .date-dz-right {
    display: block;
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 40px;
    border: 2px solid var(--style-color);
}

.comment-mod1 .removeBlock {
    float: left;
    font-size: 12px;
    color: #8b8b8b;
    margin-right: 24px;
    display: block;
    opacity: 0;
}

.comment-mod1 .pl-hf {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
}

.comment-mod1 .date-dz-pl,.comment-mod1 .date-dz-line,.comment-mod1 .date-dz-z {
    font-size: 18px;
    color: #333;
}

.comment-mod1 .date-dz-line {
    display: block;
    padding: 0 20px;
}

.comment-mod1 .date-dz-z-click-red {
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    background-image: url(../../../css/images/icon-all_01.png);
    background-repeat: no-repeat;
    background-position: -6px -198px;
    margin-right: 5px;
}

.comment-mod1 .z-num {
    font-style: normal;
}

.comment-mod1 .date-dz-z-click {
    color: #b83b44;
}

.comment-mod1 .red {
    background-position: -6px -119px !important;
}

.comment-mod1 .hf-pl {
    width: 70px;
    height: 30px;
    line-height: 30px;
    border: 2px solid var(--style-color);
    text-align: center;
    display: block;
    float: left;
    color: #333;
    font-size: 12px;
    border-radius: 6px;
    margin-right: 2px;
}

.comment-mod1 .hf-pl:hover,.comment-mod1 .pl-hf:hover {
    background-color: var(--style-color);
    color: #fff;
}

.comment-mod1 .hf-con {
    width: 100%;
    margin-top: 24px;
}

.comment-mod1 .hf-input {
    font-size: 18px;
}

.comment-mod1 .all-pl-con {
    width: 96%;
    padding: 2% 0;
    float: left;
    margin: 0 2%;
}

.comment-mod1 .atName {
    font-size: 18px;
    color: var(--sub-color);
}

.comment-mod1 .hfpl-text {
    margin-top: 0;
}

.comment-mod1 .date-dz:hover .removeBlock {
    opacity: 1;
}

.comment-mod1 .hf-list-con .all-pl-con {
    border-top: 1px solid #d9d9d9;
    padding-bottom: 12px;
    padding-left: 2rem;
}

.comment-mod2 .customers-list {
    width: 100%;
}

.comment-mod2 .info-desc {
    width: 100%;
    height: 260px;
    background-color: var(--style-color);
    border-radius: .625rem;
    color: #fff;
    line-height: 1.875rem;
}

.comment-mod2 .info-desc>div {
    height: 9.375rem;
}

.comment-mod2 .info-data {
    margin-top: -3.125rem;
    margin-left: 3.75rem;
    display: flex;
    align-items: flex-end;
}

.comment-mod2 .info-data .icon {
    width: 6.25rem;
    height: 6.25rem;
    border: .3125rem solid #7db6ff;
    border-radius: 50%;
    overflow: hidden;
}

.comment-mod2 .info-data .after {
    font-size: 3.75rem;
    color: var(--style-color);
    height: 2.25rem;
    line-height: 1;
    margin-left: .9375rem;
    margin-right: 1.25rem;
}

.comment-mod2 .info-data .name {
    font-size: 1.5rem;
    color: #333;
}

.comment-mod2 .swiper-pagination {
    position: static;
    margin-top: 1.25rem;
    display: none;
}

.comment-mod2 .swiper-pagination-bullet-active {
    background-color: var(--style-color);
}

.comment-mod2 .swiper-button-box {
    width: 220px;
    height: 60px;
    padding: 10px;
    margin: 0 auto;
    margin-top: 3.125rem;
    border: 2px solid var(--style-color);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-mod2 .swiper-button-prev,.comment-mod2 .swiper-button-next {
    position: static;
    top: auto;
    margin-top: 0;
    width: 36px;
    height: 36px;
    background-image: none;
    border: 2px solid var(--style-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--style-color);
}

.comment-mod2 .swiper-button-prev:hover {
    background-color: var(--style-color);
    color: #fff;
}

.comment-mod2 .swiper-button-next:hover {
    background-color: var(--style-color);
    color: #fff;
}

@media(min-width: 768px) {
    .comment-mod2 .info-desc {
        padding:2.5rem 1.8rem 4.375rem 1.8rem;
    }
}

@media(min-width: 992px) {
    .comment-mod2 .info-desc {
        padding:2.5rem 1.8rem 4.375rem 1.8rem;
    }
}

@media(min-width: 1200px) {
    .comment-mod2 .info-desc {
        padding:1.5625rem 1.875rem 4.375rem 1.875rem;
    }
}

@media(min-width: 1440px) {
    .comment-mod2 .info-desc {
        padding:2.5rem 3.75rem 4.375rem 3.75rem;
    }
}

@media(max-width: 1000px) {
    .comment-mod2 .info-desc {
        height:220px;
    }
}

@media(max-width: 767px) {
    .comment-mod2 .info-desc {
        padding:30px 20px 50px 20px;
        height: auto;
    }

    .comment-mod2 .info-data {
        margin-left: 20px;
        margin-top: -30px;
    }

    .comment-mod2 .info-data .icon {
        width: 5rem;
        height: 5rem;
    }

    .comment-mod2 .info-data .after {
        font-size: 30px;
        margin-left: 10px;
        margin-right: 10px;
        height: 24px;
    }

    .comment-mod2 .info-data .name {
        font-size: 16px;
    }

    .comment-mod2 .swiper-button-box {
        margin-top: 30px;
    }
}

.comment-mod4 .img-wrap {
    position: relative;
}

.comment-mod4 .img-wrap .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.comment-mod4 .img-wrap .back {
    background-color: #fff;
    max-width: 400px;
    padding: 2rem 1rem;
    font-size: 18px;
    line-height: 30px;
    min-height: 450px;
    box-shadow: 0 0 32px 0 rgba(0,0,0,.4);
    border-bottom: 12px solid #e4e4e4;
    position: relative;
}

.comment-mod4 .img-wrap .back::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 12px;
    width: 120px;
    background-color: var(--style-color);
    transition: all .9s;
}

.comment-mod4 .img-wrap .back p.name {
    font-size: 24px;
    color: var(--style-color);
}

.comment-mod4 .img-wrap .back p.post {
    font-size: 18px;
    color: #333;
}

.comment-mod4 .img-wrap .top-group {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 2rem;
}

.comment-mod4 .img-wrap .sign {
    font-size: 120px;
    position: absolute;
    right: 40px;
    bottom: 0;
    color: var(--style-color);
}

.comment-mod4 .img-wrap .back:hover .sign {
    color: #fff;
}

.comment-mod4 .img-wrap .back:hover {
    color: #fff;
    background-color: var(--style-color);
}

.comment-mod4 .img-wrap .back:hover p.name,.comment-mod4 .img-wrap .back:hover p.post {
    color: #fff;
}

.comment-mod4 .img-wrap .back:hover::after {
    left: calc(100% - 120px);
}

.comment-mod4 .img-wrap .comment {
    max-height: 150px;
}

@media(max-width: 1279px) {
    .comment-mod4 {
        padding:2rem 0;
    }

    .comment-mod4 .img-wrap>img {
        display: none;
    }

    .comment-mod4 .img-wrap .container {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
    }

    .comment-mod4 .img-wrap .back {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
        margin-bottom: 2rem;
    }
}

body.xiongjin {
    font-family: Source Han Sans CN;
}

.xiongjin .section {
    padding: 0;
}

.xiongjin h3 {
    font-size: 20px;
}

.xiongjin .scroll-btn {
    position: absolute;
    left: 50%;
    bottom: 2.6%;
    width: 22px;
    height: 36px;
    margin-left: -11px;
    background-image: url(../../../uploadfiles/images/scroll-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}

.xiongjin .scroll-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 100%;
    top: 7px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.xiongjin .scroll-btn:before {
    animation: scrollAni 1.5s infinite;
    -webkit-animation: scrollAni 1.5s infinite;
}

@keyframes scrollAni {
    0% {
        top: 7px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        top: 22px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes scrollAni {
    0% {
        top: 7px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        top: 22px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.xiongjin .footer-section .row,.footer-section .col-md-6 {
    height: 100%;
}

.xiongjin .footer-section .footer-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 20px;
    padding-left: 40px;
}

.xiongjin .footer-section .footer-item {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}

.xiongjin .footer-section .footer-item .img-group {
    display: flex;
    margin: 20px 0;
}

.xiongjin .footer-section .footer-item .img-group>.img {
    margin-right: 15px;
}

.xiongjin .footer-section .footer-item h3 {
    color: var(--style-color);
}

.xiongjin .footer-section .footer-item p {
    margin-bottom: 10px;
}

.xiongjin .footer-section .footer-item .btn {
    color: #fff;
    background-color: var(--sub-color);
}

.xiongjin .footer-section .nav-list {
    display: flex;
    flex-wrap: wrap;
}

.xiongjin .footer-section .nav-list>li {
    margin-right: 10px;
}

.xiongjin .footer-section .nav-list>li>a:hover {
    color: var(--style-color);
}

.xiongjin .footer-section .copy {
    color: #153d92;
    margin-top: 20px;
}

.xiongjin .footer-section .img {
    height: 100%;
}

.xiongjin .footer-section .img>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center center;
}

@media(min-width: 1640px) {
    .xiongjin .footer-section .footer-wrap {
        padding:80px;
    }
}

.xiongjin .partner-section .swiper-slide .scale-img>img {
    height: calc(100vh/3);
    width: 100%;
    object-fit: cover;
}

.xiongjin .partner-section .swiper-slide .scale-img {
    position: relative;
}

.xiongjin .partner-section .swiper-slide .scale-img::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 10;
    transition: all .6s;
}

.xiongjin .partner-section .swiper-slide:hover .scale-img::after {
    background-color: transparent;
}

.xiongjin .new-section {
    padding-top: 10vh;
}

.xiongjin .new-section .list-tag::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 0;
}

.xiongjin .new-section .tab-list {
    margin: 0;
}

.xiongjin .new-section .tab-list>li>.btn {
    background-color: #fff;
    color: var(--style-color);
}

.xiongjin .new-section .tab-list>li.active>.btn,.xiongjin .new-section .tab-list>li:hover>.btn {
    background-color: var(--style-color);
    border-color: var(--style-color);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.48);
}

.xiongjin .new-section .block {
    background-color: #fff;
    padding: 33px 22px;
    margin: 10px 0;
    display: block;
}

.xiongjin .new-section .pic {
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden;
    position: relative;
}

.xiongjin .new-section .pic div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xiongjin .new-section .pic img {
    max-width: 100%;
    max-height: 100%;
}

.xiongjin .new-section .bot-info {
    padding: 4.375rem 1.25rem 0 1.25rem;
    position: relative;
}

.xiongjin .new-section .btn-wrap .btn {
    color: var(--style-color);
    border: 2px solid var(--style-color);
    border-radius: 0;
}

.xiongjin .new-section .new-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 2.25rem;
}

.xiongjin .new-section .new-info {
    font-size: 16px;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 5rem;
}

.xiongjin .new-section .new-date {
    width: 90px;
    height: 90px;
    color: #fff;
    background-color: var(--style-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: -52px;
}

.xiongjin .new-section .new-date>span:first-child {
    font-size: 30px;
    font-weight: bold;
    display: block;
}

.xiongjin .new-section .new-date>span:last-child {
    font-size: 18px;
    border-top: 1px solid #fff;
    padding-top: 5px;
}

.xiongjin .new-section .swiper-pagination {
    position: static;
    margin-top: .625rem;
}

.xiongjin .new-section .swiper-pagination-bullet-active {
    background-color: var(--style-color);
}

.xiongjin .new-section .list-tag {
    margin-bottom: 3rem;
    z-index: 1;
}

@media(min-width: 1200px) {
    .xiongjin .new-section .tab-list>li {
        margin:0 2.4375rem;
    }

    .xiongjin .new-section .tab-list>li>.btn {
        font-size: 1.125rem;
        padding-left: 2.125rem;
        padding-right: 2.125rem;
        border: none;
        border-radius: 1.25rem;
    }

    .xiongjin .new-section .swiper-container {
        margin-left: -10px;
        margin-right: -10px;
        overflow: visible;
    }

    .xiongjin .new-section .swiper-slide {
        padding-left: 10px;
        padding-right: 10px;
    }

    .xiongjin .new-section .block:hover {
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.48);
    }

    .xiongjin .new-section .block:hover .btn-wrap .btn {
        background-color: var(--sub-color);
        color: #fff;
        border: 2px solid transparent;
    }

    .xiongjin .new-section .block:hover .new-date {
        background-color: var(--sub-color);
    }

    .xiongjin .new-section .swiper-pagination {
        display: none;
    }
}

@media(min-width: 1440px) {
    .xiongjin .new-section .pic {
        padding-bottom:67.6%;
    }
}

@media(max-width: 991px) {
    .xiongjin .new-section .pic {
        padding-bottom:0;
    }

    .xiongjin .new-section .pic div {
        position: relative;
    }
}

.xiongjin .video-section .video-group {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.xiongjin .video-section .video-group video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    display: none;
}

.xiongjin .video-section .video-group .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    display: block;
}

.xiongjin .video-section .video-group .btn>i {
    font-size: 60px;
    color: #fff;
    transition: all .3s;
}

.xiongjin .video-section .video-group .btn>i:hover {
    filter: drop-shadow(0 0 5px rgba(7,49,144,.4));
}

.xiongjin .case-section .swiper-case {
    height: 100%;
}

.xiongjin .case-section .back {
    position: relative;
    height: 100%;
}

.xiongjin .case-section .back .info {
    position: absolute;
    height: 180px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    transition: all .6s;
}

.xiongjin .case-section .back .case-title {
    font-size: 20px;
    color: var(--style-color);
    font-weight: bold;
}

.xiongjin .case-section .back .case-info {
    font-size: 16px;
    max-width: 280px;
    line-height: 2;
    text-align: center;
}

.case-section .back .back-title {
    position: absolute;
    left: 5%;
    top: 2%;
    font-size: 28px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    z-index: 20;
}

.xiongjin .case-section .back .back-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 20;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
}

.xiongjin .case-section .back .back-btn>i {
    width: 100px;
    height: 100px;
    background-color: rgba(21,61,146,.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

.xiongjin .case-section .back .back-btn>span {
    font-size: 20px;
    margin-top: 1rem;
    letter-spacing: .15rem;
}

.xiongjin .case-section .back:hover .info {
    transform: scaleY(0);
}

.xiongjin .case-section .back:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 10;
}

.xiongjin .case-section .back:hover .back-btn,.xiongjin .case-section .back:hover .back-title {
    visibility: visible;
    opacity: 1;
}

@media(max-width: 767px) {
    .xiongjin .case-section .back .img {
        height:100%;
    }

    .xiongjin .case-section .back .img>img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        object-position: center;
    }
}

.xiongjin .banner-section .swiper-slide>img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
}

.xiongjin .banner-section .swiper-container {
    height: 100%;
}

.xiongjin .banner-section .swiper-button-prev {
    left: 5%;
    transform: rotate(-180deg);
}

.xiongjin .banner-section .swiper-scrollbar-drag {
    background-color: rgba(255,255,255,.8);
}

.xiongjin .banner-section .swiper-scrollbar {
    display: none;
}

.xiongjin .banner-section .swiper-button-next {
    right: 5%;
}

.xiongjin .banner-section .swiper-button-prev,.xiongjin .banner-section .swiper-button-next {
    background-image: unset;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    display: none;
}

.xiongjin .banner-section .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
}

.xiongjin .banner-section .swiper-pagination-bullet-active {
    background: var(--style-color);
}

.xiongjin .banner-section .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: 20px;
}

.xiongjin .banner-section .swiper-container-horizontal>.swiper-pagination-bullets,.xiongjin .banner-section .swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 40px;
    display: none;
}

.xiongjin .about-section h2 {
    font-size: 36px;
}

.xiongjin .about-section h2>span {
    color: var(--style-color);
}

.xiongjin .about-section .about-info {
    font-size: 18px;
    max-width: 1200px;
    height: 200px;
}

.xiongjin .about-section .about-info p {
    margin-bottom: 1rem;
}

.xiongjin .about-section .num-list {
    margin: 2rem 0;
    display: flex;
    max-width: 500px;
    justify-content: space-between;
}

.xiongjin .about-section .num-list>li>sup {
    font-size: 16px;
    font-weight: bold;
    color: var(--style-color);
}

.xiongjin .about-section .num-list>li>span:first-child {
    font-size: 60px;
    font-weight: bold;
    color: var(--style-color);
    font-family: 'Arial';
}

.xiongjin .about-section .num-list>li>span:last-child {
    font-size: 24px;
    font-weight: bold;
    display: block;
}

.xiongjin .about-section .icon-group {
    display: flex;
}

.xiongjin .about-section .icon-group .bg-wrap {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.xiongjin .about-section .icon-group .bg-wrap .icon-wrap {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
}

.xiongjin .about-section .icon-group .icon-box .fit-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 26px;
}

.xiongjin .about-section .icon-group .icon-box .btn {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--sub-color);
    color: #fff;
}

.xiongjin .about-section .icon-group .icon-box .cont {
    display: none;
}

.xiongjin .about-section .icon-group .icon-box .bg {
    opacity: .6;
}

.xiongjin .about-section .icon-group .icon-box:hover .cont,.xiongjin .about-section .icon-group .icon-box:hover .btn {
    display: block;
}

.xiongjin .about-section .icon-group .icon-box:hover .bg,.xiongjin .about-section .icon-group .icon-box:hover .icon-info,.xiongjin .about-section .icon-group .icon-box:hover .bg-wrap,.xiongjin .about-section .icon-group .icon-box:hover .icon-title {
    display: none;
}

.xiongjin .about-section .icon-group .icon-box {
    margin-right: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 300px;
    height: 375px;
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    border: 4px solid #fff;
    clip-path: inset(0 round 4px);
    background-color: var(--style-color);
}

.xiongjin .about-section .icon-group .icon-title {
    font-size: 20px;
    font-weight: bold;
}

.xiongjin .about-section .icon-group .icon-info {
    font-size: 16px;
    height: 100px;
}

.xiongjin .about-section .flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-height: 900px) {
    .xiongjin .about-section {
        padding-top:4vh;
    }
}

@media(max-width: 1439px) {
    .xiongjin .about-section .container .col-sm-10 {
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width: 991px) {
    .xiongjin .about-section .icon-group {
        display:none;
    }

    .xiongjin .about-section {
        display: flex;
        align-items: center;
    }

    .xiongjin .about-section .num-list {
        max-width: none;
    }

    .xiongjin .about-section .about-info {
        height: 300px;
    }
}

@media(max-width: 767px) {
    .xiongjin .about-section h2 {
        margin:2rem 0;
        font-size: 28px;
    }

    .xiongjin .about-section .about-info {
        font-size: 16px;
    }

    .xiongjin .about-section .num-list>li>span:first-child {
        font-size: 40px;
    }

    .xiongjin .about-section .num-list>li>span:last-child {
        font-size: 18px;
    }
}

.xiongjin .contact-section {
    display: flex;
    align-items: center;
}

.xiongjin .contact-section .contact-wrap {
    background: rgba(0,0,0,.4);
    border-radius: 10px;
    padding: 100px 30px 60px 30px;
}

.xiongjin .contact-section .contact-wrap .top-group {
    margin-bottom: 150px;
}

.xiongjin .contact-section .contact-wrap h2 {
    color: var(--style-color);
    margin: 0;
}

.xiongjin .contact-section .contact-wrap .title-info {
    color: #fff;
}

.xiongjin .contact-section .contact-wrap .info-group {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

.xiongjin .contact-section .contact-wrap .info-group .icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    color: var(--style-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.xiongjin .contact-section .contact-wrap .info-group .icon>i {
    font-size: 24px;
}

.xiongjin .contact-section .contact-wrap .info-group .sub_title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.xiongjin .contact-section .contact-wrap .info-group .desc {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.xiongjin .contact-section .form-wrap {
    padding-left: 40px;
}

.xiongjin .contact-section .form-wrap label {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.xiongjin .contact-section .form-wrap .form-group {
    margin-bottom: 20px;
}

.xiongjin .contact-section .form-wrap form button {
    background-color: var(--sub-color);
    color: #fff;
    width: 120px;
    height: 40px;
}

@media(max-width: 1199px) {
    .xiongjin .contact-section .lt .top-group+.row {
        display:none;
    }

    .xiongjin .contact-section .contact-wrap .top-group {
        margin-bottom: 20px;
    }

    .xiongjin .contact-section .form-wrap {
        padding-left: 0;
    }
}

@media(max-width: 767px) {
    .xiongjin .contact-section .contact-wrap {
        padding:30px;
    }
}

.xiongjin .service-section .service-wrap {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.xiongjin .service-section .service-wrap .absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.xiongjin .service-section .service-wrap h2 {
    color: #fff;
}

.xiongjin .service-section .service-wrap .service-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.xiongjin .service-section .service-wrap .service-title {
    color: #fff;
    margin: 10px 0;
}

.xiongjin .service-section .service-wrap .service-box .info-wrap .desc {
    margin-bottom: 3rem;
}

.xiongjin .service-section .service-wrap .service-box .info-wrap>i {
    font-size: 48px;
    opacity: .8;
}

.xiongjin .service-section .service-wrap .lt-group,.xiongjin .service-section .service-wrap .md-group,.xiongjin .service-section .service-wrap .rt-group {
    height: 100%;
}

.xiongjin .service-section .service-wrap .lt-group .service-box .info-wrap,.xiongjin .service-section .service-wrap .md-group .service-box .info-wrap,.xiongjin .service-section .service-wrap .rt-group .service-box .info-wrap {
    color: #fff;
    position: relative;
    border: 2px solid #019be5;
    border-radius: 10px;
    z-index: 10;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.xiongjin .service-section .service-wrap .lt-group .service-box .info-wrap,.xiongjin .service-section .service-wrap .rt-group .service-box .info-wrap {
    width: 300px;
    height: 300px;
}

.xiongjin .service-section .service-wrap .md-group .service-box .info-wrap {
    width: 480px;
    height: 250px;
}

.xiongjin .service-section .service-wrap .md-group {
    display: flex;
    align-items: flex-end;
}

.xiongjin .service-section .service-wrap .lt-group .service-box .info-wrap::after,.xiongjin .service-section .service-wrap .md-group .service-box .info-wrap::after,.xiongjin .service-section .service-wrap .rt-group .service-box .info-wrap::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg,#087aca 0%,rgba(1,155,229,.3) 100%);
    opacity: .6;
    z-index: -1;
}

@media(max-width: 1439px) {
    .service-wrap .absolute-center>img {
        display:none;
    }

    .xiongjin .service-section .service-wrap h2.absolute-center {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    .xiongjin .service-section .service-wrap .md-group .service-box .info-wrap {
        width: 100%;
        height: 100%;
    }

    .xiongjin .service-section .service-wrap .service-box .info-wrap .desc {
        margin-bottom: 2rem;
    }
}

@media(max-width: 991px) {
    .xiongjin .service-section .service-wrap .lt-group .service-box .info-wrap,.xiongjin .service-section .service-wrap .md-group .service-box .info-wrap,.xiongjin .service-section .service-wrap .rt-group .service-box .info-wrap {
        height:100%;
        width: 100%;
    }

    .xiongjin .service-section .service-wrap {
        align-items: center;
    }

    .xiongjin .service-wrap .container.wide-16 {
        max-width: 95vw;
        height: 95vh;
    }

    .xiongjin .service-section .service-wrap .lt-group,.xiongjin .service-section .service-wrap .rt-group {
        display: flex;
        justify-content: space-evenly;
    }

    .xiongjin .service-section .service-wrap .absolute-center {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    .xiongjin .service-section .service-wrap {
        flex-direction: column;
    }

    .xiongjin .service-section .service-wrap .service-box {
        margin: 0 10px;
    }

    .xiongjin .service-section .service-wrap .service-box .info-wrap .desc {
        margin-bottom: 0;
        font-size: 14px;
    }
}

@media(max-width: 767px) {
    .xiongjin .service-section .service-wrap {
        justify-content:space-evenly;
    }

    .xiongjin .service-wrap .container.wide-16 {
        height: unset;
    }
}

@media(max-width: 540px) {
    .xiongjin .service-wrap .container.wide-16 {
        height:700px;
        overflow: auto;
    }

    .xiongjin .service-section .service-wrap .lt-group,.xiongjin .service-section .service-wrap .rt-group {
        flex-wrap: wrap;
    }
}

.xiongjin .product-section {
    padding-top: 8vh;
}

.xiongjin .product-section .pro-category {
    margin-bottom: 2rem;
}

.xiongjin .product-section .pro-category .box {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 226px;
    background-color: #555;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.xiongjin .product-section .pro-category .box:hover {
    background-color: var(--style-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.48);
}

.xiongjin .product-section .pro-category .pic {
    height: 100%;
    position: absolute;
    right: 1.25rem;
    z-index: -1;
}

.xiongjin .product-section .pro-category .pic img {
    max-height: 100%;
}

.xiongjin .product-section .pro-category .info-desc {
    margin-left: 2.5rem;
    color: #fff;
}

.xiongjin .product-section .pro-category .info-desc .tit {
    font-size: 24px;
}

.xiongjin .product-section .pro-category .more {
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    margin-top: 15px;
    color: #fff;
}

.xiongjin .product-section .pro-category .swiper-pagination {
    position: static;
    margin-top: .625rem;
}

.xiongjin .product-section .pro-category .swiper-pagination-bullet-active {
    background-color: var(--style-color);
}

.xiongjin .product-section .pro-category .info-desc .subText {
    display: none;
}

.xiongjin .product-section .product-wrap .swiper-slide.swiper-slide-active {
    transform: none;
    opacity: 1;
}

.xiongjin .product-section .product-wrap .back {
    position: relative;
    width: 100%;
    height: 480px;
    background: linear-gradient(118deg,#002559,#007dc4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.xiongjin .product-section .product-wrap .img-title {
    position: absolute;
    height: 80px;
    bottom: 0;
    width: 100%;
    font-size: 24px;
    color: #fff;
    background-color: var(--style-color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
}

.xiongjin .product-section .product-wrap .swiper-slide-active .img-title,.xiongjin .product-section .product-wrap .swiper-slide:hover .img-title {
    opacity: 1;
    visibility: visible;
}

.xiongjin .product-section .tab-content {
    height: 480px;
    width: 100%;
    position: relative;
}

.xiongjin .product-section .tab-pane {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.xiongjin .product-section .tab-content>.tab-pane:first-child {
    display: block;
}

@media(min-width: 1280px) {
    .xiongjin .product-section .pro-category .box {
        height:180px;
    }

    .xiongjin .product-section .pro-category .more {
        width: 140px;
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
    }

    .xiongjin .product-section .swiper-product .swiper-slide {
        padding: 10px;
    }

    .xiongjin .product-section .swiper-slide-active .back {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.7);
    }
}

@media(min-width: 1440px) {
    .xiongjin .product-section .pro-category .box {
        height:220px;
    }

    .xiongjin .product-section .pro-category .info-desc .subText {
        font-size: 18px;
        text-transform: uppercase;
        max-width: 280px;
        display: block;
    }
}

@media(min-width: 1640px) {
    .xiongjin .product-section .pro-category .box {
        height:260px;
    }

    .xiongjin .product-section .product-wrap .swiper-slide {
        -webkit-transform: perspective(500px) rotateY(-5deg) scale(.9);
        transform: perspective(500px) rotateY(-5deg) scale(.9);
        outline: 1px solid transparent;
    }

    .xiongjin .product-section .product-wrap .swiper-slide-prev {
        -webkit-transform: perspective(1000px) rotateY(-10deg) scale(.97);
        transform: perspective(1000px) rotateY(-10deg) scale(.97);
        outline: 1px solid transparent;
    }

    .xiongjin .product-section .product-wrap .swiper-slide-next {
        -webkit-transform: perspective(1000px) rotateY(10deg) scale(.97);
        transform: perspective(1000px) rotateY(10deg) scale(.97);
        outline: 1px solid transparent;
    }

    .xiongjin .product-section .product-wrap .swiper-slide-next+.swiper-slide {
        -webkit-transform: perspective(500px) rotateY(5deg) scale(.9);
        transform: perspective(500px) rotateY(5deg) scale(.9);
        outline: 1px solid transparent;
    }

    .xiongjin .product-section .product-wrap .back {
        width: 100%;
    }
}

@media(max-width: 1439px) {
    .xiongjin .product-section .product-wrap {
        padding:0 30px;
    }
}

.theme_color {
    color: var(--style-color);
}

.theme_bg_color {
    background-color: var(--style-color);
}

.content-bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.no-padding {
    padding: 0;
}

.row.no-space {
    margin: 0;
}

.row.no-space div[class*='col-xs'],.row.no-space div[class*='col-sm'],.row.no-space div[class*='col-md'],.row.no-space div[class*='col-lg'] {
    padding: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.has-drop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.has-drop>i {
    cursor: pointer;
}

*[data-size='48px'] {
    font-size: 28px;
}

*[data-size='46px'] {
    font-size: 28px;
}

*[data-size='40px'] {
    font-size: 28px;
}

*[data-size='36px'] {
    font-size: 24px;
}

*[data-size='30px'] {
    font-size: 24px;
}

*[data-size='28px'] {
    font-size: 24px;
}

*[data-size='26px'] {
    font-size: 20px;
}

*[data-size='24px'] {
    font-size: 20px;
}

*[data-size='20px'] {
    font-size: 18px;
}

*[data-size='18px'] {
    font-size: 16px;
}

*[data-size='16px'] {
    font-size: 16px;
}

@media(min-width: 768px) {
    *[data-size='46px'] {
        font-size:38px;
    }

    *[data-size='40px'] {
        font-size: 34px;
    }

    *[data-size='36px'] {
        font-size: 28px;
    }

    *[data-size='30px'] {
        font-size: 24px;
    }

    *[data-size='26px'] {
        font-size: 20px;
    }

    *[data-size='20px'] {
        font-size: 20px;
    }

    *[data-size='18px'] {
        font-size: 18px;
    }
}

@media(min-width: 1200px) {
    *[data-size='48px'] {
        font-size:48px;
    }

    *[data-size='46px'] {
        font-size: 46px;
    }

    *[data-size='40px'] {
        font-size: 40px;
    }

    *[data-size='36px'] {
        font-size: 36px;
    }

    *[data-size='30px'] {
        font-size: 30px;
    }

    *[data-size='28px'] {
        font-size: 28px;
    }

    *[data-size='26px'] {
        font-size: 26px;
    }

    *[data-size='24px'] {
        font-size: 24px;
    }

    *[data-size='20px'] {
        font-size: 20px;
    }
}

.txt-info[data-indent='2'] p {
    text-indent: 2rem;
}

.txt-info[data-margin_bottom='2'] p {
    margin-bottom: 2rem;
}

.txt-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.txt-clamp[data-clamp='1'] {
    -webkit-line-clamp: 1;
}

.txt-clamp[data-clamp='2'] {
    -webkit-line-clamp: 2;
}

.txt-clamp[data-clamp='3'] {
    -webkit-line-clamp: 3;
}

.txt-transform[data-type='cap'] {
    text-transform: capitalize;
}

.txt-transform[data-type='up'] {
    text-transform: uppercase;
}

.txt-transform[data-type='low'] {
    text-transform: lowercase;
}

.page-title-mb {
    margin-top: 30px;
    margin-bottom: 20px;
}

.page-titleinfo-mb {
    margin-bottom: 40px;
}

.m-20,.m-30,.m-40 {
    margin: 20px 0;
}

.mb-20,.mb-30,.mb-50,.mb-80 {
    margin-bottom: 20px;
}

@media(min-width: 768px) {
    .mb-30 {
        margin-bottom:30px;
    }

    .mb-50 {
        margin-bottom: 30px;
    }

    .mb-80 {
        margin-bottom: 50px;
    }

    .m-40 {
        margin: 30px 0;
    }

    .m-60 {
        margin: 40px 0;
    }

    .page-title-mb {
        margin-top: 60px;
        margin-bottom: 40px;
    }
}

@media(min-width: 1200px) {
    .mb-30 {
        margin-bottom:30px;
    }

    .mb-50 {
        margin-bottom: 50px;
    }

    .mb-80 {
        margin-bottom: 80px;
    }

    .m-40 {
        margin: 40px 0;
    }

    .m-60 {
        margin: 60px 0;
    }
}

.fit-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.scale-img {
    overflow: hidden;
    display: block;
}

.scale-img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.scale-img img {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

*[data-scroll_type='default'] .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,*[data-scroll_type='default'] .theme_scroll_color .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--style-color);
}

*[data-scroll_type='default'] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--style-color);
}

*[data-scroll_type='default'] .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #bfbfbf;
    width: 4px;
    border-radius: 0;
}

.ease03 {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.ease06 {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.ease09 {
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;
}

.ease12 {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.ease15 {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.ease20 {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.btn-effect-scale {
    position: relative;
    border: 1px solid #979797;
    border-radius: 5px;
    color: #404040;
    z-index: 10;
}

.btn-effect-scale::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--style-color);
    transform: scale(.8);
    z-index: -1;
    opacity: 0;
    border-radius: 5px;
    transition: all .6s;
}

.btn-effect-scale:hover {
    color: #fff;
}

.btn-effect-scale:hover::before {
    opacity: 1;
    border-radius: 0;
    transform: scale(1);
}

.btn-effect-anim .anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s;
}

.btn-effect-anim .anim:before {
    position: relative;
    content: "";
    display: block;
    margin-top: 100%;
}

.btn-effect-anim .anim:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s;
}

.btn-effect-anim .anim,.btn-effect-anim .anim:after {
    animation-iteration-count: infinite;
    animation-duration: 1.3s;
}

.btn-effect-anim {
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
    border-radius: 20px;
    z-index: 10;
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0,0,0,.25);
    }

    100% {
        background: transparent;
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0,0,0,.25);
    }

    100% {
        background: transparent;
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0,0,0,.25);
    }

    100% {
        background: transparent;
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0,0,0,.25);
    }

    100% {
        background: transparent;
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes anim-out {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.btn-effect-skew {
    border: 1px solid #000;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 10;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
}

.btn-effect-skew:after {
    background: #000;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    height: 100%;
    left: -45%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0;
}

.btn-effect-skew:hover:after {
    height: 100%;
    width: 145%;
}

.btn-effect-arrow {
    border-radius: 5px;
    border: 1px solid #979797;
    letter-spacing: .35rem;
}

.btn-effect-arrow .fa-long-arrow-right::before {
    transition: all .4s;
    opacity: 0;
}

.btn-effect-arrow:hover .fa-long-arrow-right::before {
    opacity: 1;
    margin-left: 10px;
}

.more-btn-01 {
    position: relative;
    color: #fff;
}

.more-btn-01::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--style-color);
    z-index: -1;
    transform: skew(-12deg);
}

.more-btn-02 {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: var(--style-color);
    color: #fff;
}

.more-btn-02:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.more-btn-02:hover:before,.more-btn-02:focus:before,.more-btn-02:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.btn-transY {
    transition: all .6s ease;
}

.btn-rotateX {
    position: relative;
    overflow: hidden;
}

.btn-rotateX::after {
    background-color: #fff;
    content: "";
    width: 50px;
    height: 155px;
    opacity: .2;
    position: absolute;
    top: -50px;
    left: -75px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(.19,1,.22,1);
    z-index: 2;
}

@media(min-width: 1200px) {
    .btn-transY:hover {
        transform:translateY(-5px);
        box-shadow: 0 0 10px rgba(0,0,0,.4);
    }

    .btn-rotateX:hover::after {
        left: 120%;
        transition: all 550ms cubic-bezier(.19,1,.22,1);
    }
}

.link-wrap {
    background-color: rgba(247,247,247);
    padding: 20px 5px 15px 20px;
}

.link-wrap .link-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.link-wrap ul>li {
    margin-bottom: .5rem;
    position: relative;
    padding-left: 35px;
}

.link-wrap ul>li::before {
    content: '';
    position: absolute;
    left: 0;
    font-family: 'Fontawesome';
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: var(--style-color);
    border-radius: 50%;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.tab-back.new-tab-style .list-tag button {
    position: relative;
    top: 0;
    font-size: 20px;
}

.tab-back.new-tab-style .tab-list>li>.btn {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}