@charset "UTF-8";
.detail-header,
.detail-header .detail-cover {
    position: relative
}

.detail-content .detail-related a figure,
.list-item a {
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out
}

@media all and (max-width:64em) {
    .detail-header .detail-meta {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 4.23729%;
        padding-right: 4.23729%
    }
}

@media all and (min-width:64.0625em) {
    .detail-header .detail-meta {
        width: 49.15254%;
        float: right;
        margin-right: 0
    }
}

.detail-header .detail-meta .detail-serial {
    text-transform: uppercase;
    font-size: 21px;
    color: #e1465a;
    margin-bottom: 12px
}

.detail-header .detail-meta .detail-title {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700;
    color: #333;
    letter-spacing: .033em
}

.detail-header .detail-meta .detail-title span {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 5px
}

.detail-header .detail-meta .slimScrollDiv {
    margin: 24px 0
}

.detail-header .detail-meta .detail-copy {
    max-height: 350px;
    overflow: hidden
}

.detail-header .detail-meta .detail-mark:after {
    content: '';
    display: block;
    clear: both
}

.detail-header .detail-meta .detail-mark li {
    width: 18.36735%;
    float: left;
    margin-right: 2.04082%;
    display: inline-block;
    vertical-align: top
}

.detail-header .detail-meta .detail-mark li:nth-child(5n) {
    float: right;
    margin-right: 0
}

.detail-header .detail-meta .detail-mark li img {
    display: block;
    width: 80%;
    margin: 0 auto 5px
}

@media all and (max-width:64em) {
    .detail-header .detail-cover {
        width: 100%;
        float: left;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin: -1.69492%;
        padding: 1.69492%
    }
}

@media all and (min-width:64.0625em) {
    .detail-header .detail-cover {
        width: 49.15254%;
        float: right;
        margin-right: 0
    }
}

.detail-header .detail-cover #cover-list .slick-dots {
    bottom: -20px
}

.detail-header .detail-cover #cover-list .slick-dots li button::before {
    color: #999
}

.detail-header .detail-cover #cover-list .slick-dots li.slick-active button::before {
    color: #e1465a
}

.detail-header .detail-cover .cover-item {
    position: relative;
    cursor: pointer
}

.detail-header .detail-cover .cover-zoom {
    position: absolute;
    display: block;
    right: 6%;
    top: 6%;
    color: #e1465a;
    cursor: pointer
}

.detail-header .detail-cover .cover-zoom i {
    font-size: 2em
}

.detail-content .detail-object {
    margin: 40px 0
}

@media all and (min-width:64.0625em) {
    .detail-content .detail-object {
        margin: 60px auto;
        max-width: 60rem
    }
    .detail-content .detail-object:after {
        content: " ";
        display: block;
        clear: both
    }
}

.about-inner:after,
.certi-list:after,
.contact .contact-inner:after,
.detail-content .detail-download ul li a:after,
.detail-content .detail-download ul:after,
.faq-item .faq-toggle:after,
.faq-item:after,
.form-button button::after,
.message-form:after,
.post ul:after,
.post-item .post-toggle:after,
.post-item:after,
.select::after {
    content: ''
}

.detail-content .detail-object h1 {
    width: 100%;
    height: 50px;
    background-color: #999;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 50px;
    padding: 0 20px;
    font-size: 21px;
    margin-bottom: 30px
}

.detail-content .detail-object figure.detail-image {
    display: block;
    max-width: 960px;
    margin: 0 auto 1em;
    position: relative;
    color: #fff;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-align: center
}

.detail-content .detail-spec {
    display: block;
    width: 100%;
    text-transform: capitalize;
    padding: 3px 0
}

.detail-content .detail-spec table {
    width: 100%
}

.detail-content .detail-spec table tr {
    vertical-align: middle;
    color: #000
}

.detail-content .detail-spec table tr th {
    padding: 12px 22px;
    background-color: transparent;
    font-weight: 400;
    border-bottom: 1px solid #c8c8c8
}

@media all and (max-width:64em) {
    .detail-content .detail-spec table tr th {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: left
    }
}

@media all and (min-width:64.0625em) {
    .detail-content .detail-spec table tr th {
        width: 30%;
        border-right: 20px solid #fff;
        text-align: right
    }
}

.detail-content .detail-spec table tr td {
    width: 70%;
    padding: 12px 22px;
    border-bottom: 1px solid #c8c8c8
}

@media all and (max-width:64em) {
    .detail-content .detail-spec table tr td {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .detail-content .detail-video .video {
        height: 350px
    }
}

.detail-content .detail-download ul:after {
    display: block;
    clear: both
}

.detail-content .detail-download ul li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-right: none;
    border-left: none
}

@media all and (min-width:64.0625em) {
    .detail-content .detail-download {
        padding: 0 2em
    }
    .detail-content .detail-download ul li {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%;
        margin-bottom: 1.69492%;
        border-left: 1px solid #ccc
    }
    .detail-content .detail-download ul li:nth-child(2n) {
        float: right;
        margin-right: 0;
        border-right: 1px solid #ccc
    }
    .detail-content .detail-video {
        margin: 60px 0 120px
    }
}

.detail-content .detail-download ul li a {
    display: block;
    color: #000;
    padding: 5% 0
}

.detail-content .detail-download ul li a:after {
    display: block;
    clear: both
}

.detail-content .detail-download ul li a:hover {
    color: #4d4d4d
}

.detail-content .detail-download ul li a:hover h3 {
    color: #e1465a
}

.detail-content .detail-download ul li i {
    font-size: 50px;
    vertical-align: middle;
    padding: 0 5%;
    float: left;
    color: #222
}

.detail-content .detail-download ul li h3,
.detail-content .detail-download ul li p {
    display: block;
    vertical-align: middle
}

.detail-content .detail-download ul li h3 {
    text-transform: uppercase;
    font-size: 16px
}

.detail-content .detail-download ul li p {
    text-transform: capitalize;
    font-size: 12px
}

.detail-content .detail-related a figcaption,
.list-item a figcaption {
    bottom: auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    right: 0
}

.detail-content .detail-video {
    width: 100%
}

.detail-content .detail-video .video {
    position: relative;
    padding-top: 10%;
    background-position: center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

@media all and (min-width:64.0625em) {
    .detail-content .detail-video .video {
        height: 500px
    }
}

.detail-content .detail-video .video a {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.detail-content .detail-video .video a:hover {
    opacity: .8
}

.detail-content .detail-related {
    position: relative;
    overflow: hidden;
    padding: 0 24px
}

.detail-content .detail-related a {
    position: relative;
    background-color: #f1f1f1;
    margin-right: 24px
}

.detail-content .detail-related a figure {
    border: 2px solid transparent;
    transition: all .25s ease-in-out
}

.detail-content .detail-related a figure img {
    display: block;
    margin: 0 auto
}

.detail-content .detail-related a figcaption {
    position: absolute;
    float: left;
    top: 100%;
    left: 0;
    width: 100%;
    height: 48px;
    background-color: rgba(225, 70, 90, .8);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.detail-content .detail-related a figcaption span {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.detail-content .detail-related a:hover figcaption {
    position: absolute;
    height: 100%
}

.list-item {
    position: relative;
    overflow: hidden
}

.list-item a {
    position: relative;
    background-color: #f1f1f1;
    transition: all .25s ease-in-out
}

@media all and (max-width:63.9375em) {
    .list-item a {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 7.14286%
    }
}

@media all and (min-width:48em) and (max-width:64em) {
    .list-item a {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%;
        margin-bottom: 1.69492%
    }
    .list-item a:nth-child(2n) {
        float: right;
        margin-right: 0
    }
}

@media all and (min-width:64.0625em) {
    .list-item a {
        width: 23.72881%;
        float: left;
        margin-right: 1.69492%;
        margin-bottom: 1.69492%
    }
    .list-item a:nth-child(4n) {
        float: right;
        margin-right: 0
    }
}

.list-item a figure {
    border: 2px solid transparent;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.list-item a figure img {
    display: block;
    margin: 0 auto
}

.list-item a figcaption {
    position: absolute;
    float: left;
    top: 100%;
    left: 0;
    width: 100%;
    height: 48px;
    background-color: rgba(225, 70, 90, .8);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.list-item a figcaption span {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.list-item a:hover figcaption {
    position: absolute;
    height: 100%
}

#map-canvas {
    width: 100%;
    height: 350px
}

.contact {
    margin: 48px 0
}

@media all and (max-width:64em) {
    .contact {
        padding-left: 8.47458%;
        padding-right: 8.47458%
    }
}

.contact .contact-inner {
    max-width: 38.75rem;
    margin-left: auto;
    margin-right: auto
}

.contact .contact-inner:after {
    display: block;
    clear: both
}

.message-form {
    margin: 48px 0
}

.form-title,
.form-type {
    float: left;
    margin-right: 0
}

.message-form:after {
    display: block;
    clear: both
}

.message-form .require {
    text-align: right;
    margin-bottom: .55em;
    color: #c50018
}

.form-title {
    text-transform: capitalize;
    font-weight: 400;
    width: 100%;
    margin-left: 0
}

@media all and (min-width:64.0625em) {
    #map-canvas {
        height: 400px
    }
    .form-title {
        width: 21%;
        float: left
    }
}

.form-title p {
    font-size: 18px;
    margin-bottom: .25em
}

.form-title sub {
    bottom: .5em;
    margin-left: .2em;
    color: #c50018
}

.form-type {
    margin-bottom: 15px;
    width: 100%;
    margin-left: 0
}

@media all and (min-width:64.0625em) {
    .form-type {
        position: relative;
        float: left;
        display: inline;
        margin-left: 4%;
        width: 75%;
        margin-bottom: 30px
    }
}

.form-type input,
.form-type textarea {
    font-size: 1em;
    line-height: 1.5;
    color: #555;
    border: 1px solid #b3b3b3;
    padding: .75em;
    outline: 0;
    background: 0 0
}

.form-type input:focus,
.form-type textarea:focus {
    border: 2px solid #e1465a
}

.form-type input {
    height: 50px;
    width: 100%;
    -moz-transition: all, ease-in .2s;
    -o-transition: all, ease-in .2s;
    -webkit-transition: all, ease-in .2s;
    transition: all, ease-in .2s;
    text-rendering: optimizeLegibility
}

.form-type input.captcha {
    width: 50%;
    display: inline-block
}

.form-type textarea {
    width: 100%;
    height: 250px;
    resize: none
}

@media all and (min-width:48em) {
    .detail-header .detail-meta .detail-copy {
        max-height: 100%
    }
    .form-type textarea {
        height: 150px;
        resize: none
    }
}

.form-type label.error {
    display: block;
    color: #ff0a2f;
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1;
    width: 100%;
    height: auto;
    z-index: 2
}

.form-button button,
.select select {
    outline: 0;
    height: 50px;
    color: #fff;
    text-transform: capitalize
}

.form-button {
    float: right;
    display: inline-block;
    width: 100%
}

@media all and (min-width:64.0625em) {
    .form-button {
        width: 75%
    }
}

.form-button button {
    position: relative;
    display: block;
    font-size: 20px;
    cursor: pointer;
    line-height: 50px;
    width: 44%;
    background: #999;
    float: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.form-button button::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    border-radius: .25em
}

.form-button button:hover {
    outline: 0;
    text-decoration: none
}

.form-button button:hover::after {
    -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .25);
    box-shadow: inset 0 -2px rgba(0, 0, 0, .25)
}

.form-button button.submit {
    margin-left: 6%;
    background: #e1465a;
    border: 1px solid #e1465a
}

.select {
    position: relative
}

.select select {
    border: 1px solid #b3b3b3;
    background-color: #e1465a;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    padding: .75em;
    font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: window
}

.select select::-ms-expand {
    display: none
}

.select::after {
    position: absolute;
    top: 1.15em;
    right: 1em;
    width: 0;
    height: 0;
    padding: 0;
    border-left: .45em solid transparent;
    border-right: .45em solid transparent;
    border-top: .575em solid #fff;
    pointer-events: none
}

figure.support-image {
    display: block;
    max-width: 960px;
    margin: 60px auto 0;
    position: relative;
    color: #fff;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-align: center;
    border-bottom: 1px solid #000
}

.support {
    position: relative;
    margin-top: 40px
}

.support:after {
    content: '';
    display: block;
    clear: both
}

@media all and (max-width:64em) {
    .location {
        padding-left: 8.47458%;
        padding-right: 8.47458%
    }
    .support .support-cover {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 24px
    }
    .support .support-cover img {
        margin: 0 auto
    }
}

.support .support-cover img {
    display: block;
    max-width: 100%
}

.support .support-meta h3 {
    font-size: 21px;
    color: #e1465a;
    font-weight: 700;
    text-transform: capitalize
}

.support .support-meta p {
    margin-top: 24px;
    margin-bottom: 24px
}

.support .support-meta p span {
    display: inline-block;
    margin-bottom: 6px
}

.support .support-meta a {
    display: inline-block;
    color: #333
}

@media all and (min-width:64.0625em) {
    .support .support-cover {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }
    .support .support-meta {
        width: 49.15254%;
        float: right;
        margin-right: 0
    }
    .support .support-meta h3 {
        margin-bottom: 24px
    }
}

.career-104 {
    margin: 48px 0;
    padding: 0 48px
}

@media all and (max-width:64em) {
    .support .support-meta a {
        color: #4d4d4d;
        text-decoration: underline
    }
    .career-104 {
        padding: 0;
        margin: 24px 0
    }
}

.faq-item {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 24px;
    border-bottom: 1px solid #f90
}

.faq-item:after {
    display: block;
    clear: both
}

.faq-item .faq-toggle {
    position: relative;
    display: block;
    text-decoration: none;
    color: #333
}

.faq-item .faq-toggle:after {
    display: block;
    clear: both
}

.faq-item .faq-toggle.open .faq-icon {
    background-color: #f66
}

@media all and (min-width:64.0625em) {
    .faq-item .faq-toggle p {
        display: inline-block;
        width: 90%;
        float: left
    }
}

.faq-item .faq-icon {
    position: relative;
    display: inline-block;
    background-color: #f90;
    color: #fff;
    width: 47px;
    height: 47px;
    text-align: center;
    margin-right: 16px;
    float: left;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out
}

.faq-item .faq-icon i {
    font-size: 21px;
    line-height: 47px
}

.faq-item .faq-content {
    display: none;
    padding: 20px 60px 0
}

.certificate {
    margin-top: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid #666
}

.certi-list:after {
    display: block;
    clear: both
}

@media all and (max-width:47.875em) {
    .certi-list .certi-item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 36px
    }
}

@media all and (min-width:48em) and (max-width:64em) {
    .certi-list .certi-item {
        width: 47.36842%;
        float: left;
        margin-right: 5.26316%;
        margin-bottom: 24px
    }
    .certi-list .certi-item:nth-child(2n) {
        float: right;
        margin-right: 0
    }
}

@media all and (min-width:64.0625em) {
    .certi-list .certi-item {
        width: 23.72881%;
        float: left;
        margin-right: 1.69492%;
        margin-bottom: 1.69492%
    }
    .certi-list .certi-item:nth-child(4n) {
        float: right;
        margin-right: 0
    }
}

.certi-list .certi-item a:hover h3 {
    color: #f90
}

.certi-list .certi-item img {
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px rgba(0, 0, 0, .3)
}

.certi-list .certi-item h3 {
    color: #333;
    font-size: 18px;
    margin-top: 12px
}

.news-topic-title {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700!important;
    margin-bottom: 12px
}

@media all and (min-width:64.0625em) {
    .news-topic-title {
        font-size: 21px;
        margin-bottom: 24px
    }
}

.post-item {
    width: 100%;
    margin: 0 0 20px;
    border-bottom: 1px solid #999;
    display: inline-block;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.post-item:after {
    display: block;
    clear: both
}

.post-item:first-child {
    margin: 20px 0
}

.post-item:hover .post-toggle h2,
.post-item:hover .post-toggle p span {
    color: #e1465a
}

.post-item .post-toggle {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 20px;
    cursor: pointer
}

.post-item .post-toggle:after {
    display: block;
    clear: both
}

.post-item .post-toggle.open {
    background-color: rgba(246, 246, 246, .95)
}

.post-item .post-toggle h2 {
    color: #333;
    font-weight: 300;
    font-size: 26px;
    line-height: 1.15
}

@media all and (min-width:64.0625em) {
    .post-item .post-toggle h2 {
        font-size: 36px
    }
}

.post-item .post-toggle span {
    font-weight: 700
}

.post-item .post-toggle .post-date {
    display: inline-block;
    color: #333
}

@media all and (max-width:64em) {
    .post-item .post-toggle .post-date {
        margin-right: 20px
    }
}

.post-item .post-content {
    display: block;
    padding: 0 20px 20px
}

.post-item .post-content p {
    margin-top: 18px;
    color: #333
}

.post ul:after {
    display: block;
    clear: both
}

.post ul li {
    border-bottom: 1px solid #e1465a;
    width: 33.33333%;
    float: left;
    padding-left: .83333%;
    padding-right: .83333%;
    text-align: center;
    height: 40px
}

.post ul li:nth-child(3n) {
    float: right;
    margin-right: 0
}

.post ul li a {
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: 18px;
    line-height: 40px
}

.post ul li>.r-tabs-panel {
    padding: 0
}

.post ul li.r-tabs-state-active {
    background-color: #e1465a
}

.post ul li.r-tabs-state-active a {
    color: #fff
}

.post .r-tabs .r-tabs-panel {
    padding: 0!important
}

@media all and (max-width:64em) {
    .post .r-tabs-accordion-title .r-tabs-anchor {
        display: block;
        text-align: center;
        width: 100%;
        background-color: #f3f3f3;
        color: #333;
        height: 40px;
        line-height: 40px
    }
    .post .r-tabs-state-active .r-tabs-anchor {
        display: block;
        text-align: center;
        width: 100%;
        background-color: #e1465a;
        color: #fff;
        height: 40px;
        line-height: 40px
    }
    .about-inner p {
        text-align: left
    }
}

.about-inner,
.timeline .timeline-content li {
    text-align: left
}

#post .r-tabs-panel {
    padding: 0
}

.intro {
    margin: 3px 0 0;
    position: relative;
    height: auto
}

.intro:first-child {
    margin: 0
}

@media all and (min-width:64.0625em) {
    .intro {
        height: 640px
    }
}

.intro .intro-bg {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 350px;
    background-color: #fff;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

#banner-intro {
    background-image: url(../images/about/001.jpg);
    background-position: 60% center
}

@media all and (min-width:64.0625em) {
    .intro .intro-bg {
        position: absolute;
        height: 640px
    }
    #banner-intro {
        background-position: center center
    }
}

.about-inner {
    position: relative;
    padding: 36px 8.47458%
}

.about-inner:after {
    display: block;
    clear: both
}

.about-inner h2 {
    font-size: 30px;
    line-height: 42px;
    text-transform: capitalize;
    margin-bottom: 24px
}

@media all and (min-width:64.0625em) {
    .about-inner {
        max-width: 58.75rem;
        margin-left: auto;
        margin-right: auto;
        padding: 72px 0
    }
    .about-inner:after {
        content: " ";
        display: block;
        clear: both
    }
    .about-inner h2 {
        font-size: 36px;
        line-height: 60px
    }
    .about-inner p {
        letter-spacing: .05em
    }
}

#intro-state {
    background: #fff
}

#intro-state h2 {
    color: #e1465a
}

#intro-state p {
    color: #333
}

.timeline {
    position: relative;
    padding: 0 20px
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #ccc
}

.timeline .timeline-block {
    position: relative;
    margin-bottom: 40px
}

.timeline .timeline-block:after {
    content: '';
    display: block;
    clear: both
}

.timeline .timeline-block:hover {
    cursor: pointer
}

.timeline .timeline-block:hover .timeline-point {
    background-color: #e1465a;
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.timeline .timeline-point {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 25px;
    left: -7px;
    background-color: #ccc;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.timeline .timeline-point.active {
    background-color: #e1465a;
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.timeline .timeline-content {
    margin-left: 20px
}

@media all and (min-width:64.0625em) {
    .timeline .timeline-block {
        margin-bottom: 80px
    }
    .timeline .timeline-content {
        margin-left: 40px
    }
}

.timeline .timeline-content .timeline-age {
    font-size: 36px;
    line-height: 1.8;
    font-weight: 400;
    color: #e1465a
}

.timeline .timeline-content li p {
    border-bottom: 1px solid #ccc;
    padding: 18px 5px
}

.news table td,
.news table th {
    padding: 12px 15px
}

.timeline .timeline-content li p:after {
    content: '';
    display: block;
    clear: both
}

.timeline .timeline-content li p span {
    display: inline-block
}

.timeline .timeline-content li p .timeline-date {
    color: #e1465a;
    font-weight: 400;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media all and (min-width:64.0625em) {
    .timeline .timeline-content li p .timeline-date {
        width: 8.16327%;
        float: left;
        margin-right: 2.04082%
    }
}

.timeline .timeline-content li p .timeline-meta {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

@media all and (min-width:64.0625em) {
    .timeline .timeline-content li p .timeline-meta {
        width: 89.79592%;
        float: right;
        margin-right: 0
    }
}

.icon-left,
.icon-right {
    width: 19px;
    height: 55px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.next-service,
.prev-service {
    position: absolute;
    display: block;
    z-index: 2;
    margin-top: 27px
}

@media all and (max-width:64em) {
    .next-service,
    .prev-service {
        display: none
    }
}

.prev-service {
    top: 50%;
    left: -40px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out
}

.next-service {
    top: 50%;
    right: -40px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: right .2s ease-out;
    -o-transition: right .2s ease-out;
    -webkit-transition: right .2s ease-out;
    transition: right .2s ease-out
}

.icon-left {
    display: block;
    background-image: url(/web/images/tool/prev-btn.svg)
}

.icon-right {
    display: block;
    background-image: url(/web/images/tool/next-btn.svg)
}

.hero-unit {
    height: 350px
}

@media all and (min-width:64.0625em) {
    .hero-unit {
        height: 100vh
    }
    #hero-slider .hero-cover .hero-meta {
        margin-top: 91px
    }
}

#hero-slider {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#hero-slider .hero-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

#hero-slider .hero-cover .hero-meta h2 {
    font-size: 1.5em;
    color: #000;
    text-align: left;
    line-height: 1.4;
    text-shadow: 2px 3px 10px #f4f4f4
}

@media all and (max-width:47.9375em) and (orientation:portrait) {
    #hero-slider .hero-cover .hero-meta h2 span {
        margin-left: 0
    }
}

@media all and (max-width:47.9375em) and (orientation:landscape) {
    #hero-slider .hero-cover .hero-meta h2 span {
        margin-left: 0
    }
}

@media all and (min-width:48em) and (max-width:64em) {
    #hero-slider .hero-cover .hero-meta h2 span {
        margin-left: 0
    }
}

@media all and (min-width:64.0625em) {
    #hero-slider .hero-cover .hero-meta h2 {
        font-size: 3.3em
    }
    #hero-slider .hero-cover .hero-meta h2 span {
        margin-left: 0
    }
}

#hero-slider .hero-cover .left {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 3%;
}

#hero-slider .hero-cover .right {
    position: absolute;
    width: 100%;
    top: 50%;
    right: 0;
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    padding: 0 9% 0;
}

#hero-slider .hero-cover .center {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index-service,
.news table tr {
    position: relative
}

#hero-slider .hero-cover .center h2 {
    text-align: center
}

#hero-slider .hero-item {
    height: 100%;
    width: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#hero-slider .slick-list,
#hero-slider .slick-track {
    height: 100%
}

#hero-slider .slick-dots {
    bottom: 20px
}

#hero-slider .slick-dots li button::before {
    color: #bbb;
    opacity: .75
}

#hero-slider .slick-dots li.slick-active button::before {
    color: #e1465a
}

@media all and (max-width:64em) {
    .news {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 24px
    }
    .news table td {
        border-bottom: 1px solid #ccc
    }
}

@media all and (min-width:64.0625em) {
    .news {
        width: 66.10169%;
        float: left;
        margin-right: 1.69492%
    }
    .news table {
        table-layout: fixed;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .news table td {
        overflow: hidden;
        white-space: nowrap;
        max-width: 650px
    }
}

.news table td,
.news table th {
    text-align: left
}

.news table th {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e1465a
}

.news table td a {
    display: block;
    color: #333
}

@media all and (min-width:64.0625em) {
    .news table td a {
        width: 650px
    }
}

.news table td a .index-news {
    display: block;
    width: 100%;
    height: 100%
}

.news table td a .index-news:after {
    content: '';
    display: block;
    clear: both
}

.news table td a:hover {
    color: #e1465a
}

.news table td .time,
.news table td span {
    display: inline-block
}

@media all and (max-width:64em) {
    .news table td .time {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media all and (min-width:64.0625em) {
    .news table td .time {
        width: 15.25424%;
        float: left;
        margin-right: 1.69492%
    }
}

@media all and (max-width:64em) {
    .news table td span {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media all and (min-width:64.0625em) {
    .news table td span {
        width: 83.05085%;
        float: right;
        margin-right: 0
    }
}

@media all and (max-width:64em) {
    .catalog {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 24px
    }
}

@media all and (min-width:64.0625em) {
    .catalog {
        width: 32.20339%;
        float: right;
        margin-right: 0
    }
}

.catalog img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@font-face {
    font-family: fontello;
    src: url(data:application/octet-stream;base64,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) format("woff"), url(data:application/octet-stream;base64,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sAgjQiAgIEYjR7ABKyNhOC2wOSywABawAyWwAiVHI0cjYbAAVFguIDwjIRuwAiWwAiVHI0cjYSCwBSWwBCVHI0cjYbAGJbAFJUmwAiVhuQgACABjYyMgWGIbIVljuAQAYiCwAFBYsEBgWWawAWNgIy4jICA8ijgjIVktsDossAAWILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA7LCMgLkawAiVGUlggPFkusSsBFCstsDwsIyAuRrACJUZQWCA8WS6xKwEUKy2wPSwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xKwEUKy2wPiywNSsjIC5GsAIlRlJYIDxZLrErARQrLbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=) format("truetype")
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.icon-right-open-big:before {
    content: '\e800'
}

.icon-left-open-big:before {
    content: '\e801'
}

.index-service:after {
    content: '';
    display: block;
    clear: both
}

.index-service .owl-stage-outer {
    padding: 30px 0
}

.index-service .index-service-inner {
    position: relative;
    max-width: 61.25rem;
    margin-left: auto;
    margin-right: auto
}

.index-service .index-service-inner:after {
    content: " ";
    display: block;
    clear: both
}

.index-service .index-service-item {
    display: block;
    background-color: #fff
}

@media all and (min-width:64.0625em) and (max-width:64em) {
    .index-service .index-service-item img {
        height: 120px!important
    }
}

.index-service .index-service-item figcaption {
    position: absolute;
    float: left;
    top: 100%;
    right: 0;
    left: 0;
    bottom: auto;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    background-color: rgba(225, 70, 90, .95);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

@media all and (min-width:64.0625em) {
    .index-service .owl-stage-outer {
        padding: 50px 0
    }
    .index-service .index-service-item img {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    .index-service .index-service-item figcaption {
        height: 70px;
        font-size: 18px
    }
}

.index-service .index-service-item figcaption p {
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    height: 50px;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (min-width:48em) and (max-width:64em) {
    .index-service .index-service-item figcaption p {
        font-size: 20px
    }
}

@media all and (min-width:64.0625em) {
    .index-service .index-service-item figcaption p {
        font-size: 23px
    }
}

.index-service .index-service-item figcaption p::after {
    content: '';
    display: inline-block;
    width: 100%
}

.index-service .index-service-item:hover figcaption {
    position: absolute;
    height: 100%
}

.index-service .index-service-item:hover figcaption p {
    font-weight: 700
}

.search-twice {
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333;
    width: 100%;
    height: 50px;
    margin-bottom: 24px;
    padding: 0 20px;
    font-size: 18px
}

.search-twice:focus,
.search-twice:hover {
    border: 1px solid #aaa
}

@media all and (min-width:64.0625em) {
    .search-twice {
        height: 80px;
        margin-bottom: 48px;
        font-size: 30px
    }
}

#search-main {
    position: relative;
    z-index: 1;
    left: -30px;
    top: 1px;
    color: #333;
    font-size: 18px;
    cursor: pointer;
    width: 0
}

@media all and (min-width:64.0625em) {
    #search-main {
        left: -50px;
        font-size: 30px
    }
}
/*2025 fix map*/

#map-outer {
	width: 100%;
	overflow: hidden;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#map-outer > #map-inner {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: calc((100% / 16) * 6);
}

#map-outer > #map-inner > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}


@media screen and (max-width: 2200px) {
	#map-outer > #map-inner {
	padding-bottom: calc((100% / 16) * 3);
 }
}
@media screen and (max-width: 1920px) {
	#map-outer> #map-inner {
	padding-bottom: calc((100% / 16) * 4);
 }
}

@media screen and (max-width: 1440px) {
	#map-outer > #map-inner {
	padding-bottom: calc((100% / 16) * 5);
 }
}
@media screen and (max-width: 1024px) {
	#map-outer > #map-inner {
	padding-bottom: calc((100% / 16) * 6);
 }
}

@media screen and (max-width: 800px) {
	#map-outer > #map-inner {
	padding-bottom: calc((100% / 16) * 8);
 }
}

@media screen and (max-width: 640px) {
	#map-outer  #map-inner {
	padding-bottom: calc((100% / 16) * 10);
 }
}