* {
    font-size: 14px;
}

a:hover {
    text-decoration: unset;
    color: unset;
}
.shadow{
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.text-bold {
    font-weight: bold;
}

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

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

.text-white {
    color: #fff;
}

.text-blue {
    color: #083077;
}

.bg-white {
    background: #fff;
}

.bg-blue {
    background: #083077;
}

.margin-top-sm {
    margin-top: 10px;
}

.margin-top-lg {
    margin-top: 2em;
}

.margin-left-xs {
    margin-left: 0.35em;
}

.margin-left {
    margin-left: 1em;
}

.padding-top {
    padding-top: 1em;
}

.padding-top-xl {
    padding-top: 3em;
}

.padding-bottom-xl {
    padding-bottom: 3em;
}

.padding-bottom-xxl {
    padding-bottom: 4em;
}

.border {
    border: #bfbfbf 1px solid;
}

.border-r {
    border-right: #bfbfbf 1px solid;
}

.top {
    width: 100%;
    height: 0.85em;
    background: #083077;
}

.container {
    max-width: 85.71em;
}

.logo {
    width: 8em;
    margin: 0 2em 0 11em;
}

.uk-navbar-container {
    background: unset !important;
}

.uk-navbar-nav {
    gap: unset;
}

.uk-navbar-nav>li {
    padding: 0 1em;
    position: relative;
}

.uk-navbar-nav>li:hover {
    background: #083077;
}

.uk-navbar-nav>li:hover a {
    color: #fff;
}

.uk-navbar-nav>li>a {
    font-size: 1.14rem;
    color: #666666;
}

.uk-navbar-nav>li.uk-active>a {
    color: #083077;
    position: relative;
}

.uk-navbar-nav>li.uk-active:hover a {
    color: #fff;
}

.uk-navbar-nav>li.uk-active>a::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.5em solid #083077;
    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
}

.uk-navbar-nav>li.uk-active:hover a::before {
    border-top: 0.5em solid #fff;
}

.uk-navbar-dropdown {
    padding: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0 !important;
}

.uk-navbar-nav>li .uk-navbar-dropdown-nav>li {
    border-bottom: #d2d2d2 1px dashed;
}

.uk-navbar-nav>li .uk-navbar-dropdown-nav>li>a {
    color: #333 !important;
    padding: 0.71em 0;
    justify-content: center;
    font-size: 1.14em;
}

.uk-navbar-nav>li .uk-navbar-dropdown-nav>li :hover {
    background: #083077;
    color: #fff !important;
}

.footer {
    padding: 2em 0 4em;
}

.footer .logo {
    width: 14em;
    margin: 0;
    padding: 2em 1em 1em;
}

.footer .logo .img {
    width: 6.16em;
}

.footer .logo .company {
    font-size: 1.07rem;
    color: #000;
    margin-top: 1em;
}

.footer li a {
    color: #fff;
}

.footer .uk-list-hyphen>::after {
    content: '–\00A0\00A0';
    position: relative;
    right: -0.5em;
}

.productTitle,
.applicationTitle,
.aboutUsViewTitle,
.productViewTitle,
.contactViewTitle {
    font-size: 2.14rem;
    margin: 1.5em 0 0.5em 3.75em;
    color: #000;
    position: relative;
}

.productList {
    margin-top: 3em;
    padding-bottom: 4em;
}

.productList .uk-card-default {
    box-shadow: unset;
    background: unset;
}

.productList .uk-card-body {
    padding: 0;
    margin-top: 0.5em;
    text-align: center;
}

.productList a:hover .uk-card-body {
    background: #083077;
}

.productList a:hover .uk-card-body .uk-card-title {
    color: #fff;
    border: none
}

.productList .uk-card-title {
    padding: 0.5em 1em;
    color: #083077;
    border-bottom: #d2d2d2 1px solid;
}

.arrowLeft,
.arrowRight {
    top: 30%;
    background: #083077;
    border-radius: 50%;
    color: #fff;
    width: 2.85em;
    height: 2.85em;
}

.arrowLeft svg,
.arrowRight svg {
    width: 1em;
    height: 1em;
    margin: 0.5em 0.2em;
}

.arrowLeft.uk-slidenav:hover,
.arrowRight.uk-slidenav:hover {
    color: #fff;
}

.applicationTitle {
    margin: 1.5em 0;
}

.productTitle::before {
    content: "";
    width: 6em;
    height: 0.15em;
    background: #083077;
    position: absolute;
    bottom: -0.2em;
    left: 0;
}

.productTitle::after {
    content: "";
    width: 10.5em;
    height: 1px;
    background: #083077;
    position: absolute;
    bottom: -0.14em;
    left: 0;
}

.application {
    padding-bottom: 3em;
}

.application .uk-card-default {
    background: unset;
    box-shadow: unset;
}

.application .uk-card-default img {
    width: 31.5em;
    height: 20em;
}

.application .uk-card-body {
    padding: 0;
    margin-top: 0.5em;
}

.application .uk-card-body .uk-card-title {
    background: #083077;
    color: #fff;
    text-align: center;
    padding: 0.2em 0.5em;
    margin: 0;
}

.application .uk-card-body p {
    background: #fff;
    margin: 0;
    padding: 1em 0.5em;
    font-size: 1.14em;
    color: #000;
}

.applicationTitle::before {
    content: "";
    width: 2em;
    height: 0.15em;
    background: #083077;
    position: absolute;
    bottom: -0.2em;
    left: 50%;
    transform: translateX(-50%);
}

.applicationTitle::after {
    content: "";
    width: 9em;
    height: 1px;
    background: #083077;
    position: absolute;
    bottom: -0.14em;
    left: 50%;
    transform: translateX(-50%);
}

.qualityTitle::before,
.qualityTitle::after {
    background: #000
}

.qualityContent {
    background: rgba(255, 255, 255, 0.5);
    padding: 1.42em 8em 1.42em 1.07em;
}

.qualityContent img {
    width: 19.28em;
    height: 13em;
    margin-bottom: 1em !important;
}

.qualityContent p {
    font-size: 1.28em;
    text-indent: 2em;
    color: #000;
    margin: 0;
}

.aboutUs {
    padding: 4em 0;
}

.aboutUsTitle {
    position: relative;
}

.aboutUsTitle span {
    font-size: 2.14rem;
    color: #fff;
    padding: 1em 0.5em 0;
    position: relative;
}

.aboutUsTitle .more {
    color: #083077;
    border: #083077 1px solid;
    padding: 0 0.2em;
    position: absolute;
    right: 0;
    bottom: 0.4em;
}

.aboutUsContent {
    color: #000;
    font-size: 1.28em;
}

/*about us*/
.aboutUsViewTitle {
    color: #083077;
}

.aboutUsViewTitle::before {
    content: "";
    width: 1.8em;
    height: 0.15em;
    background: #083077;
    position: absolute;
    bottom: -0.2em;
    left: 0;
}

.aboutUsViewTitle::after {
    content: "";
    width: 3em;
    height: 1px;
    background: #083077;
    position: absolute;
    bottom: -0.14em;
    left: 0;
}

.aboutUsViewContent p {
    font-size: 1.28em;
    color: #333;
}

.productViewTitle::before {
    content: "";
    width: 4.5em;
    height: 0.15em;
    background: #083077;
    position: absolute;
    bottom: -0.2em;
    left: 0;
}

.productViewTitle::after {
    content: "";
    width: 8.2em;
    height: 1px;
    background: #083077;
    position: absolute;
    bottom: -0.14em;
    left: 0;
}

.productViewList .uk-card-title {
    color: #333;
    border: #dcdcdc 1px solid;
}

.productViewList .uk-card-body {
    margin-top: 2em;
    background: #fff;
}

.productViewList a:hover .uk-card-body .uk-card-title {
    border: #083077 1px solid;
}
.uk-pagination>li{
    background: #fff;
    width: 2.14em;
    height: 2.14em;
    margin:0 0.5em;
}
.uk-pagination>li.uk-active{
    background: #083077;
}
.uk-pagination>li.uk-active span{
    color: #fff;
}
.uk-pagination>li .uk-icon{
    line-height: 1.2em;
}

.productDetail img {
    max-width: 100%;
}

.productDetailTitle {
    padding-top: 2em;
}

.productDetailTitle span {
    padding: 0.3em 4em;
    font-size: 1.28em;
}

.productDetailContent,
.productDetailTable {
    padding: 1em;
    margin: 1.5em 0;
}

.productDetailContent p {
    line-height: 1.71em;
    font-size: 1.28em;
    margin: 0;
}

.productDetailTable {
    margin-top: 2em;
    padding: 0;
}

.productDetailTable .title {
    font-size: 1.28em;
    border-bottom: #bfbfbf 1px solid;
    padding: 1em 0;
}

.productDetailTable ul li {
    list-style: none;
    font-size: 1.28em;
    line-height: 1.71em;
    padding: 0.4em 0.8em;
    border-bottom: #bfbfbf 1px solid;
}

.productDetailTable ul li:last-child {
    border: none;
}

.productDetailContentRight .productDetailTitle {
    padding: 0.2em;
}

.productDetailContentRight .productDetailTitle span {
    padding: 0.3em 12em 0.3em 2em
}

.productDetailContentRight {
    padding-left: 1em
}

.productDetailContentRight p {
    font-size: 1.28em;
    line-height: 1.71em;
    margin: 0;
}

.productDetailContentRight .contnet {
    padding: 2em 1em 0;
}

.applicationView .dye {
    padding-top: 7em
}

.applicationView .dye .content {
    padding: 1em;
    margin-right: 5em;
}

.applicationView .dye .content .title,
.environmental .title {
    font-size: 2.67em;
    padding: 0 15px;
}

.applicationView .dye .content p,
.environmental p {
    font-size: 1.28em;
    color: #000;
}

.environmental {
    margin-top: 2em;
    padding: 1em 5em 1em 1em;
}

.contactView {
    max-width: 73em;
}

.contactViewTitle {
    color: #083077;
    margin: 1.5em 0 0.5em 0;
}

.contactViewTitle::before {
    content: "";
    width: 2em;
    height: 0.15em;
    background: #083077;
    position: absolute;
    bottom: -0.2em;
    left: 50%;
    transform: translateX(-50%);
}

.contactViewTitle::after {
    content: "";
    width: 4em;
    height: 1px;
    background: #083077;
    position: absolute;
    bottom: -0.14em;
    left: 50%;
    transform: translateX(-50%);
}

.homeOffice {
    padding: 1em 5em;
}

.homeOffice img {
    width: 2.25em;
    height: 2.25em;
}

.homeOffice .title {
    font-size: 1.5em;
}

.homeOffice form .uk-form-label {
    font-size: 1.28em;
}

.uk-button-primary {
    background-color: #083077;
}

.uk-button-primary:hover {
    background-color: #083077;
}