/**

 * style.less

 * 层叠样式表

 */

.ff {

    font-family: 'iconfont' !important;

}

@font-face {

    font-family: 'Kanit';

    font-weight: normal;

    font-style: normal;

    src: url('../fonts/Kanit-Regular.eot');

    src: local('Kanit Regular'), local('Kanit-Regular'), url('../fonts/Kanit-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Kanit-Regular.woff2') format('woff2'), url('../fonts/Kanit-Regular.woff') format('woff'), url('../fonts/Kanit-Regular.ttf') format('truetype'), url('../fonts/Kanit-Regular.svg#Kanit-Regular') format('svg');

    font-display: swap;

}

@font-face {

    font-family: 'D-DIN Condensed';

    font-weight: normal;

    font-style: normal;

    src: url('../fonts/D-DINCondensed.eot');

    src: local('D-DIN Condensed'), local('D-DINCondensed'), url('../fonts/D-DINCondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/D-DINCondensed.woff2') format('woff2'), url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), url('../fonts/D-DINCondensed.svg#D-DINCondensed') format('svg');

    font-display: swap;

}

@font-face {

    font-family: 'D-DIN Condensed';

    font-weight: bold;

    font-style: normal;

    src: url('../fonts/DINCond-Bold.eot');

    src: local('DINCond-Bold'), url('../fonts/DINCond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINCond-Bold.woff2') format('woff2'), url('../fonts/DINCond-Bold.woff') format('woff'), url('../fonts/DINCond-Bold.ttf') format('truetype'), url('../fonts/DINCond-Bold.svg#DINCond-Bold') format('svg');

    font-display: swap;

}

.fdin {

    font-family: 'D-DIN Condensed';

}

body {

    font-family: Arial, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', sans-serif;

    font-size: 14px;

    color: #000;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

@-ms-viewport {

    width: auto !important;

}

li,

ol,

ul {

    list-style: none;

}

a {

    color: inherit;

}

a:hover,

a:link,

a:visited {

    text-decoration: none;

    color: inherit;

}

input[type='number'] {

    -moz-appearance: textfield;

}

input[type='number']::-webkit-inner-spin-button,

input[type='number']::-webkit-outer-spin-button {

    margin: 0;

    -webkit-appearance: none;

}

ul {

    margin: 0;

    padding: 0;

}

button,

input,

textarea {

    border: none;

    outline: none;

}

a[data-fancybox] {

    outline: none;

}

a[data-fancybox] img {

    outline: none !important;

}

.slick-slide {

    outline: none;

}

.slick-slide a {

    outline: none !important;

}

@media (min-width: 1200px) {

    .wow {

        visibility: hidden;

    }

}

.lazy {

    /* background-image: url(../js/slick/ajax-loader.gif); */

    background-repeat: no-repeat;

    background-position: center;

	max-width: 100%;

}

.slick-slide,

.slick-slider .slick-track,

.slick-slider .slick-list,

.slick-slide img,

.slick-slider .slick-track img,

.slick-slider .slick-list img {

    -webkit-transform: translateZ(1px);

    -webkit-transform: translate3d(0, 0, 1px);

    transform: translateZ(1px);

    transform: translate3d(0, 0, 1px);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.at-resp-share-element .at-share-btn {

    margin-bottom: 0 !important;

}

.transform-0 {

    -webkit-transform: translate(0) !important;

    -ms-transform: translate(0) !important;

    transform: translate(0) !important;

}

.slick-disabled {

    cursor: no-drop;

    opacity: .5;

}

body.fixed {

    position: fixed;

    overflow: hidden;

    width: 100%;

    height: 100%;

}

body.searchactive {

    position: fixed;

    overflow: hidden;

    width: 100%;

    height: 100%;

}

@media (min-width: 1350px) {

    .container {

        width: 1320px;

    }

}

@media (min-width: 1470px) {

    .container {

        width: 1440px;

    }

}

@media (min-width: 1660px) {

    .container {

        width: 1630px;

    }

}

@media (max-width: 767px) {

    .col-xs-6:nth-child(2n + 1) {

        padding-right: 7.5px;

    }

    .col-xs-6:nth-child(2n) {

        padding-left: 7.5px;

    }

}

input[type='number'] {

    -moz-appearance: textfield;

}

input[type='number']::-webkit-inner-spin-button,

input[type='number']::-webkit-outer-spin-button {

    margin: 0;

    -webkit-appearance: none;

}

.ibox {

    position: relative;

    z-index: 1;

    display: block;

    overflow: hidden;

    height: 0;

    padding-bottom: 100%;

}

.ibox img {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

}

.fancybox-slide--iframe .fancybox-content {

    width: 733px !important;

    max-width: 80%;

    height: 500px !important;

    max-height: 50% !important;

    margin: 0;

}

.fancybox-caption {

    font-size: 16px;

    text-align: center;

    border: none;

}

.scrollbar::-webkit-scrollbar-track {

    background-color: #ebebeb;

}

.scrollbar::-webkit-scrollbar-thumb {

    background-color: #ccc;

}

.tranform-0 {

    -webkit-transform: translate(0) !important;

    -ms-transform: translate(0) !important;

    transform: translate(0) !important;

}

.fp-auto-height {

    height: auto;

}

.fp-scrollable {

    height: auto;

}

.slick-arrow {

    font-size: 24px;

    line-height: 1;

    line-height: 52px;

    position: absolute;

    z-index: 9;

    top: 50%;

    left: -3%;

    overflow: hidden;

    width: 52px;

    height: 52px;

    padding: 0;

    cursor: pointer;

    -webkit-transition: all .4s;

    transition: all .4s;

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

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

    transform: translateY(-50%);

    text-align: center;

    color: #999;

    border: none;

    border: 1px solid rgba(201, 201, 201, .28);

    outline: none;

    background: none;

    background-color: #fff;

    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, .07);

}

@media (max-width: 991px) {

    .slick-arrow {

        font-size: 30px;

        line-height: 40px;

        width: 40px;

        height: 40px;

    }

}

.slick-arrow:before {

    font-family: 'iconfont' !important;

    display: block;

    content: '\e9b6';

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.slick-arrow.slick-next {

    right: -3%;

    left: auto;

}

.slick-arrow.slick-next:before {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

}

.slick-arrow:hover {

    color: #fff;

    background-color: #004ea2;

}

.slick-dots {

    margin-top: 60px;

    text-align: center;

}

@media (max-width: 991px) {

    .slick-dots {

        margin-top: 20px;

    }

}

.slick-dots li {

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 10px;

    -webkit-transition: all .2s;

    transition: all .2s;

    vertical-align: middle;

    border-radius: 50%;

    background-color: #d6d6d6;

}

@media (max-width: 991px) {

    .slick-dots li {

        width: 10px;

        height: 10px;

    }

}

.slick-dots li button {

    display: none;

}

.slick-dots li.slick-active {

    background-color: #004ea2;

}

.hs-header-box {

    position: fixed;

    z-index: 10;

    top: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 90px;

    padding: 0 0 0 3%;

    -webkit-transition: all .4s;

    transition: all .4s;

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

@media (max-width: 1199px) {

    .hs-header-box {

        height: 60px;

        padding-left: 10px;

        color: #333;

        background-color: #fff;

    }

}

.hs-header-box .header-nav {

    display: inline-block;

    vertical-align: middle;

}

@media (max-width: 1199px) {

    .hs-header-box .header-nav {

        display: none;

    }

}

.hs-header-box .header-nav>ul>li {

    position: relative;

    display: inline-block;

    vertical-align: middle;

}

.hs-header-box .header-nav>ul>li>a {

    font-size: 19px; font-weight:bold;

    line-height: 90px;

    position: relative;

    display: block;

    padding: 0 20px;

    -webkit-transition: line-height .4s;

    transition: line-height .4s;

    text-transform: capitalize;

}

@media (max-width: 1670px) {

    .hs-header-box .header-nav>ul>li>a {

        font-size: 18px;

        padding: 0 16px;

    }

}

@media (max-width: 1470px) {

    .hs-header-box .header-nav>ul>li>a {

        font-size: 16px;

        padding: 0 12px;

    }

}

@media (max-width: 1350px) {

    .hs-header-box .header-nav>ul>li>a {

	 font-size: 15px;

        padding: 0 10px;

    }

}



@media (max-width: 1280px) {

    .hs-header-box .header-nav>ul>li>a {

	 font-size: 14px;

        padding: 0 8px;

    }



}



.hs-header-box .header-nav>ul>li>a:after {

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 50%;

    display: block;

    width: 0;

    height: 0;

    margin-left: -7px;

    content: '';

    -webkit-transition: all .2s;

    transition: all .2s;

    opacity: 0;

    border-width: 0 7px 12px 7px;

    border-style: solid;

    border-color: transparent transparent #fff transparent;

}

.hs-header-box .header-nav>ul>li:hover>a,

.hs-header-box .header-nav>ul>li.active>a {

    color: #004ea2;

}

.hs-header-box .header-nav>ul>li:hover>a {

    color: #333;

    background-color: #fff;

}

.hs-header-box .header-nav>ul>li>ul {

    position: absolute;

    z-index: 8;

    top: 100%;

    display: none;

    min-width: 100%;

    padding: 20px 14px;

    text-align: left;

    white-space: nowrap;

    color: #333;

    background: #fff;

    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, .22);

}

.hs-header-box .header-nav>ul>li>ul>li {

    border-bottom: 1px solid rgba(170, 170, 170, .3);

}

.hs-header-box .header-nav>ul>li>ul>li:last-child {

    border-bottom: none;

}

.hs-header-box .header-nav>ul>li>ul>li>a {

    font-size: 16px;

    line-height: 60px;

    position: relative;

    display: block;

    padding: 0 10px;

    -webkit-transition: all .2s;

    transition: all .2s;

    text-transform: capitalize;

}

@media (max-width: 1470px) {

    .hs-header-box .header-nav>ul>li>ul>li>a {

        font-size: 16px;

        line-height: 50px;

    }

}

.hs-header-box .header-nav>ul>li>ul>li:hover>a {

    color: #fff;

    background-color: #0e6fd8;

}

.hs-header-box .header-nav>ul>li>ul>li>ul {

    position: absolute;

    top: 0;

    left: 100%;

    display: none;

    min-width: 100%;

    min-height: 100%;

    padding: 20px 14px;

    text-align: left;

    white-space: nowrap;

    color: #333;

    background: #fff;

    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, .22);

}

.hs-header-box .header-nav>ul>li>ul>li>ul>li {

    border-bottom: 1px solid rgba(170, 170, 170, .3);

}

.hs-header-box .header-nav>ul>li>ul>li>ul>li:last-child {

    border-bottom: none;

}

.hs-header-box .header-nav>ul>li>ul>li>ul>li>a {

    font-size: 16px;

    line-height: 60px;

    position: relative;

    display: block;

    padding: 0 10px;

    -webkit-transition: all .2s;

    transition: all .2s;

    text-transform: capitalize;

}

@media (max-width: 1470px) {

    .hs-header-box .header-nav>ul>li>ul>li>ul>li>a {

        font-size: 16px;

        line-height: 50px;

    }

}

.hs-header-box .header-nav>ul>li>ul>li>ul>li:hover>a {

    color: #fff;

    background-color: #0e6fd8;

}

.hs-header-box .pc-search {

    display: inline-block;

    vertical-align: middle;

}

.hs-header-box .pc-search .search-button {

    font-size: 22px;

    font-weight: bold;

    line-height: 50px;

    display: inline-block;

    overflow: hidden;

    width: 50px;

    height: 50px;

    cursor: pointer;

    -webkit-transition: all .4s;

    transition: all .4s;

    text-align: center;

    vertical-align: middle;

}

@media (max-width: 1199px) {

    .hs-header-box .pc-search .search-button {

        line-height: 30px;

        width: 30px;

        height: 30px;

    }

}

.hs-header-box .pc-search .search-button:before {

    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\e660';

    text-align: center;

    vertical-align: middle;

}

.hs-header-box .pc-search .search-button:hover {

    color: #004ea2;

}

.hs-header-box .pc-search form {

    position: absolute;

    z-index: 2;

    top: 100%;

    right: 0;

    display: block;

    display: none;

    overflow: hidden;

    width: 100%;

    height: 80px;

    padding: 25px 60px 25px 20px;

    background-color: #004ea2;

}

@media (max-width: 1199px) {

    .hs-header-box .pc-search form {

        padding: 15px 30px 15px 15px;

    }

}

.hs-header-box .pc-search input {

    font-size: 16px;

    line-height: 30px;

    width: 100%;

    height: 30px;

    padding: 0 30px 0 10px;

    color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .5);

    outline: none;

    background: none;

}

.hs-header-box .pc-search input::-webkit-input-placeholder,

.hs-header-box .pc-search textarea::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .5);

}

.hs-header-box .pc-search input:-o-placeholder,

.hs-header-box .pc-search textarea:-o-placeholder {

    color: rgba(255, 255, 255, .5);

}

.hs-header-box .pc-search input::-moz-placeholder,

.hs-header-box .pc-search textarea::-moz-placeholder {

    color: rgba(255, 255, 255, .5);

}

.hs-header-box .pc-search input:-ms-input-placeholder,

.hs-header-box .pc-search textarea:-ms-input-placeholder {

    color: rgba(255, 255, 255, .5);

}

.hs-header-box .pc-search input:focus::-webkit-input-placeholder,

.hs-header-box .pc-search textarea:focus::-webkit-input-placeholder {

    color: #c5c5c5;

}

.hs-header-box .pc-search input:focus::-o-placeholder,

.hs-header-box .pc-search textarea:focus::-o-placeholder {

    color: #c5c5c5;

}

.hs-header-box .pc-search input:focus::-moz-placeholder,

.hs-header-box .pc-search textarea:focus::-moz-placeholder {

    color: #c5c5c5;

}

.hs-header-box .pc-search input:focus::-ms-input-placeholder,

.hs-header-box .pc-search textarea:focus::-ms-input-placeholder {

    color: #c5c5c5;

}

.hs-header-box .pc-search .close-search {

    line-height: 60px;

    position: absolute;

    top: 0;

    right: 20px;

    cursor: pointer;

    color: #fff;

}

@media (max-width: 1199px) {

    .hs-header-box .pc-search .close-search {

        right: 10px;

    }

}

.hs-header-box .pc-search .close-search:before {

    font-family: 'iconfont' !important;

    font-size: 30px;

    display: block;

    content: '\e629';

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.hs-header-box .pc-search .submit {

    font-size: 24px;

    line-height: 30px;

    position: absolute;

    top: 10px;

    right: 60px;

    width: 30px;

    padding: 0;

    text-align: center;

    color: #fff;

    outline: none;

    background: none;

    box-shadow: none;

}

@media (max-width: 1199px) {

    .hs-header-box .pc-search .submit {

        right: 50px;

    }

}

.hs-header-box .pc-search .submit:before {

    font-family: 'iconfont' !important;

    content: '\e660';

}

.hs-header-box .language-email {

    display: inline-block;

    padding-right: 30px;

    text-align: right;

    vertical-align: middle;

}

@media (max-width: 1199px) {

    .hs-header-box .language-email {

        padding-right: 10px;

    }

}

.hs-header-box .share {

    display: inline-block;

    vertical-align: middle;

}

.hs-header-box .share ul {

    margin: 0 -6px;

}

@media (max-width: 1350px) {

    .hs-header-box .share ul {

        margin: 0 -2px;

    }

}

.hs-header-box .share ul li {

    display: inline-block;

    padding: 0 5px;

    vertical-align: middle;

}

@media (max-width: 767px) {

    .hs-header-box .share ul li {

        padding: 0;

    }

}

.hs-header-box .share ul li a {

    line-height: 30px;

    display: block;

    width: 30px;

    height: 30px;

    text-align: center;

}

.hs-header-box .share ul li a .icon {

    font-size: 20px;

}

.hs-header-box .share ul li a:hover {

    color: #004ea2;

}

.hs-header-box .language {

    position: relative;

    display: inline-block;

    vertical-align: middle;

}

@media (max-width: 1199px) {

    .hs-header-box .language {

        margin-top: 4px;

    }

}

.hs-header-box .language p {

    font-size: 16px;

    line-height: 25px;

    position: relative;

    display: block;

    margin: 0;

    padding: 0 40px 0 10px;

    -webkit-transition: all .2s;

    transition: all .2s;

    color: rgba(255, 255, 255, .7);

    border: 1px solid rgba(235, 235, 235, .49);

}

@media (max-width: 1199px) {

    .hs-header-box .language p {

        font-size: 14px;

        line-height: 20px;

        padding: 0 18px 0 5px;

        color: #666;

        border: 1px solid #000;

    }

}

@media (max-width: 767px) {

    .hs-header-box .language p {

        font-size: 12px;

    }

}

.hs-header-box .language p img {

    width: 30px;

}

.hs-header-box .language p .icon {

    font-size: 12px;

    position: absolute;

    top: 0;

    right: 0;

    width: 30px;

    text-align: center;

}

@media (max-width: 1199px) {

    .hs-header-box .language p .icon {

        top: 4px;

        width: 20px;

    }

}

.hs-header-box .language ul {

    position: absolute;

    z-index: 2;

    top: 100%;

    display: none;

    width: 100%;

    padding: 20px;

    text-align: left;

    color: #333;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

@media (max-width: 1199px) {

    .hs-header-box .language ul {

        padding: 10px;

    }

}

.hs-header-box .language ul li a {

    line-height: 40px;

    display: block;

    padding: 0 10px;

    -webkit-transition: all .2s;

    transition: all .2s;

}

@media (max-width: 767px) {

    .hs-header-box .language ul li a {

        font-size: 12px;

        padding: 0;

    }

}

.hs-header-box .language ul li a img {

    display: inline-block;

    width: 24px;

    margin-right: 5px;

    vertical-align: middle;

}

.hs-header-box .language ul li a:hover {

    text-decoration: underline;

}

.hs-header-box .language:hover p {

    color: #333;

    background-color: #fff;

}

@media (max-width: 1199px) {

    .hs-header-box .language:hover {

        color: #fff;

    }

}

.hs-header-box .email {

    font-size: 20px;

    font-weight: normal;

    line-height: 30px;

    margin: 2px 0 0 0;

}

@media (max-width: 1470px) {

    .hs-header-box .email {

        font-size: 16px;

    }

}

@media (max-width: 1199px) {

    .hs-header-box .email {

        font-size: 0;

        display: inline-block;

        vertical-align: middle;

    }

}

.hs-header-box .email .icon {

    font-size: 24px;

    display: inline-block;

    vertical-align: middle;

}

.hs-header-box .toggle {

    position: relative;

    display: inline-block;

    width: 90px;

    height: 90px;

    padding-top: 30px;

    cursor: pointer;

    vertical-align: middle;

    background-color: #f39700;

}

@media (max-width: 1350px) {

    .hs-header-box .toggle {

        width: 70px;

        height: 70px;

    }

}

@media (max-width: 1199px) {

    .hs-header-box .toggle {

        width: 40px;

        height: 40px;

        padding-top: 5px;

    }

	

	.hs-header-box .email .icon{ 

	color:#be9752;

	}

}

.hs-header-box .bars {

    width: 36px;

    height: 3px;

    margin: 6px auto;

    border-radius: 4px;

    background-color: #fff;

}

@media (max-width: 1199px) {

    .hs-header-box .bars {

        width: 30px;

    }

}

.hs-header-box #bar2 {

    -webkit-transition-duration: .8s;

    transition-duration: .8s;

}

.hs-header-box .toggle-menu {

    position: relative;

    right: 0;

    display: none;

    width: 30px;

    height: 60px;

    margin-left: 16px;

}

@media (max-width: 1199px) {

    .hs-header-box .toggle-menu {

        display: inline-block;

        height: 60px;

        vertical-align: middle;

    }

}

.hs-header-box .toggle-menu a {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.hs-header-box .toggle-menu a:before,

.hs-header-box .toggle-menu a:after {

    display: block;

    height: 2px;

    content: '';

    -webkit-transition: all .4s;

    transition: all .4s;

    background: #999;

}

.hs-header-box .toggle-menu a span {

    display: block;

    height: 2px;

    margin: 7px 0;

    -webkit-transition: all .4s;

    transition: all .4s;

    background: #999;

}

.hs-header-box .toggle {

    display: inline-block;

    vertical-align: middle;

}

.hs-header-box .logo {

    display: inline-block;

    height: 83px;

}



@media (max-width: 1350px) {

    .hs-header-box .logo {

        height: 70px;

    }

}



@media (max-width: 1199px) {

    .hs-header-box .logo {

        height: 60px;

    }

}

@media (max-width: 767px) {

    .hs-header-box .logo {

        padding: 5px 0;

    }

}

.hs-header-box .logo img {

    display: inline-block;

    height: 100%;

    margin-right: 20px;

    vertical-align: middle;

}

@media (max-width: 1199px) {

    .hs-header-box .logo img {

        margin-right: 10px;

    }

}

.hs-header-box .logo span {

    font-size: 18px;

    line-height: 24px;

    display: inline-block;

    width: 80px;

    vertical-align: middle;

}

@media (max-width: 1199px) {

    .hs-header-box .logo span {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .hs-header-box .logo span {

        display: none;

    }

}

.hs-header-box .logo .b {

    display: none;

}

@media (max-width: 1199px) {

    .hs-header-box .logo .b {

        display: inline-block;

    }

}

@media (max-width: 1199px) {

    .hs-header-box .logo .a {

        display: none;

    }

}

.stuck-header {

    height: 90px;

    color: #333;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

@media (max-width: 1199px) {

    .stuck-header {

        height: 60px;

    }

}

.stuck-header .logo .a {

    display: none;

}

.stuck-header .logo .b {

    display: inline-block;

}

.stuck-header .header-nav>ul>li>a {

    line-height: 90px;

}

.stuck-header .language p {

    color: #333;

    border-color: #dcdcdc;

}

.hc-mobile-nav .nav-wrapper {

    color: #fff;

    background-color: #004ea2;

}

.hc-mobile-nav li.nav-close a,

.hc-mobile-nav li.nav-back a {

    border-color: #de1613;

    background-color: #de1613;

}

.hc-mobile-nav a {

    border-bottom-color: #de1613;

}

.hc-mobile-nav h2 {

    color: #fff;

}

.hc-mobile-nav li.nav-close a:hover,

.hc-mobile-nav li.nav-back a:hover {

    background-color: #de1613;

}

.hc-mobile-nav.side-right span.nav-next::before {

    -webkit-transform: translate(0%, 0%) rotate(135deg);

    -ms-transform: translate(0%, 0%) rotate(135deg);

    transform: translate(0%, 0%) rotate(135deg);

}

.hc-mobile-nav:not(.touch-device) a:hover {

    background-color: #de1613;

}

.hc-mobile-nav a[href]:not([href='#'])>span.nav-next {

    border-color: #de1613;

}

.open-header-box {

    position: fixed;

    z-index: 9;

    top: 0;

    left: 0;

    display: none;

    width: 100%;

    height: 100vh;

    padding: 0 3%;

    color: #fff;

    background: url(../images/open_bg.jpg) no-repeat top center;

    background-size: cover;

}

.open-header-box .top-open {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    border-bottom: 1px solid #dcdcdc;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

	padding-bottom:8px;

}

.open-header-box .link .system-link a {

    background-color: #f5f5f5;

}

.open-header-box .logo .a {

    display: none;

}

.open-header-box .logo .b {

    display: block;

}

.open-header-box .open-nav {

    position: relative;

    z-index: 2;

    padding-top: 5%;

}

@media (max-width: 991px) {

    .open-header-box .open-nav {

        padding-top: 10%;

    }

}





.open-header-box .open-nav>ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul {

        display: block;

    }

}

.open-header-box .open-nav>ul>li {

    font-size: 14px;

    display: inline-block;

    width: 16%;

    padding: 0 2%;

    vertical-align: top;

    border-right: 1px solid rgba(255, 255, 255, .3);

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul>li {

        display: block;

        width: 100%;

        margin: 10px 0;

        padding: 0;

        border: none;

    }

}

.open-header-box .open-nav>ul>li:nth-child(3) {

    width: 21%;

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul>li:nth-child(3) {

        width: 100%;

    }

}

.open-header-box .open-nav>ul>li:last-child {

    border: none;

}

.open-header-box .open-nav>ul>li>a {

    font-size: 22px;

    line-height: 30px;

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul>li>a {

        font-size: 20px;

    }

}

@media (max-width: 991px) {

    .open-header-box .open-nav>ul>li>a {

        font-size: 18px;

    }

}

@media (max-width: 767px) {

    .open-header-box .open-nav>ul>li>a {

        font-size: 16px; 

		font-weight:bold;

		border-left: 3px solid #fff;

        padding-left: 8px;

    }

}

.open-header-box .open-nav>ul>li>a:hover {

    text-decoration: underline;

    color: #fff;

}

.open-header-box .open-nav>ul ul {

    margin-top: 20px;

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul ul {

        margin: 0;

    }

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul ul>li {

        display: inline-block;

        vertical-align: top;

    }

}

.open-header-box .open-nav>ul ul>li>a {

    font-size: 18px;

    line-height: 30px;

    display: block;

    padding: 5px 10px;

}

@media (max-width: 1199px) {

    .open-header-box .open-nav>ul ul>li>a {

        font-size: 16px;

        margin-right: 10px;

        padding: 0;

        opacity: .8;

    }

}

@media (max-width: 767px) {

    .open-header-box .open-nav>ul ul>li>a {

        font-size: 14px;

        line-height: 24px;

        padding: 0;

    }

}

.open-header-box .open-nav>ul ul>li>a:hover {

    text-decoration: underline;

    color: #fff;

	background:#004ea2;

}

.open-header-box .open-bottom {

    position: absolute;

    bottom: 5%;

}

@media (max-width: 767px) {

    .open-header-box .open-bottom {

        bottom: 0%;

    }

}

.open-header-box .open-bottom p {

    font-size: 18px;

    line-height: 30px;

    display: inline-block;

    margin-right: 30px;

    vertical-align: top;

}

@media (max-width: 767px) {

    .open-header-box .open-bottom p {

        font-size: 16px;

        margin-right: 10px;

    }

}

@media (max-width: 320px) {

    .open-header-box .open-bottom {

	display:none;

    }

}



.open-header-box .open-bottom p .icon {

    font-size: 30px;

    font-weight: normal;

    display: inline-block;

    margin-right: 10px;

    vertical-align: middle;

    border-radius: 5px;

}

@media (max-width: 767px) {

    .open-header-box .open-bottom p .icon {

        font-size: 20px;

        margin-right: 0;

    }

}

.open-header-box .open-bottom p a:hover {

    text-decoration: underline;

}

.open .open-header-box {

    display: block;

    -webkit-animation: fadeIn .5s 0s ease both;

    animation: fadeIn .5s 0s ease both;

}

.open .toggle {

    margin-top: 0;

    text-align: center;

    background: none !important;

}

.open .toggle .bars {

    position: absolute;

    left: 30%;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    background-color: #fff;

}

.open .toggle #bar2 {

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

}

.open .toggle #bar1 {

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.open .toggle #bar3 {

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.open .toggle span {

    font-family: 'D-DIN Condensed';

    font-size: 24px;

    display: block;

    margin-top: 20px;

}

@media (max-width: 991px) {

    .open .toggle span {

        font-size: 20px;

    }

}

.customer-service {

    position: fixed;

    z-index: 9;

    top: 50%;

    right: 0;

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

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

    transform: translateY(-50%);

}

.customer-service ul li {

    margin: 2px 0;

}

.customer-service a {

    position: relative;

    display: block;

    color: #fff;

    border-radius: 6px;

}

.customer-service a .icon {

    font-size: 30px;

    line-height: 50px;

    position: relative;

    z-index: 3;

    display: block;

    width: 50px;

    height: 50px;

    -webkit-transition: all .2s;

    transition: all .2s;

    text-align: center;

    border-radius: 6px;

    background-color: #000;

}

@media (max-width: 1470px) {

    .customer-service a .icon {

        line-height: 50px;

        width: 50px;

        height: 50px;

    }

}

.customer-service a .icon img {

    width: 30px;

    margin: 0 auto;

}

.customer-service a p {

    font-size: 16px;

    line-height: 30px;

    position: absolute;

    top: 0;

    right: 50px;

    margin: 0;

    padding: 10px;

    -webkit-transition: all .5s;

    transition: all .5s;

    -webkit-transform: translateX(180%);

    -ms-transform: translateX(180%);

    transform: translateX(180%);

    white-space: nowrap;

    border-radius: 6px;

    background-color: #004ea2;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

.customer-service a p img {

    width: 120px;

}

.customer-service a:hover .icon {

    color: #fff;

    background-color: #004ea2;

}

.customer-service a:hover p {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}

.customer-service .service-wechat p {

    background-color: #004ea2;

}

.xs-customer-service {

    position: fixed;

    z-index: 9;

    bottom: 0;

    width: 100%;

    text-align: center;

    background-color: #004ea2;

}

.xs-customer-service ul {

    font-size: 0;

}

.xs-customer-service ul li {

    display: inline-block;

    width: 33.33333333%;

    vertical-align: top;

}

.xs-customer-service a {

    display: block;

    padding: 7px;

    color: #fff;

}

.xs-customer-service a .icon {

    font-size: 28px;

    line-height: 1;

    display: block;

}

.xs-customer-service a span {

    font-size: 12px;

    line-height: 1.5;

    display: block;

}

.banner-box {

    font-size: 0;

    position: relative;

    clear: both;

    overflow: hidden;

    width: 100%;

    text-align: center;

}

@media (max-width: 1199px) {

    .banner-box {

        padding-top: 60px;

    }

}

.banner-box .banner {

    font-size: 0;

}

@media (min-width: 1200px) {

    .banner-box .banner {

        margin: 0 !important;

    }

}

@media (max-width: 767px) {

    .banner-box .banner {

        width: 140%;

        margin-left: -20%;

    }

}

.banner-box .bpart {

    position: relative;

    overflow: hidden;

    text-align: left;

}

.banner-box .bpart img {

    width: 100%;

}

.banner-box .bpart .desc {

    position: absolute;

    z-index: 2;

    top: 38%;

    left: 0;

    width: 100%;

}

@media (max-width: 767px) {

    .banner-box .bpart .desc {

        padding: 0 15%;

    }

}

.banner-box .bpart .desc .txt {

    overflow: hidden;

    opacity: 0;

    color: #fff;

}

@media (max-width: 1199px) {

    .banner-box .bpart .desc .txt {

        opacity: 1;

    }

}

.banner-box .bpart .desc .txt h2,

.banner-box .bpart .desc .txt h3 {

    font-family: 'Kanit';

    font-size: 60px;

    line-height: 1.2;

    display: block;

    margin: 0;

}

.banner-box .bpart .desc-1 .txt h2 {

    font-family: 'D-DIN Exp'; 

	font-weight:bold;

    font-size: 62px;

    line-height: 1.2; 

	text-transform:uppercase;

    display: block; width:80%;

    margin: 0;

}



.banner-box .bpart .desc-1 .txt h2 span{ font-size: 70px;}

.banner-box .bpart .desc-1 .txt h4{ font-family:Arial, Helvetica, sans-serif; margin-top:25px; font-size:20px; border:1px solid #fff; width:170px; padding:15px 0; text-align:center; opacity: 0.7;}

.banner-box .bpart .desc-1 .txt h4:hover{  border:1px solid #fff; background:rgba(255,255,255,.9); color:#004ea2;}



@media (max-width: 1560px) {

    .banner-box .bpart .desc-1 .txt h2 span{ font-size: 50px;}

    .banner-box .bpart .desc .txt h2,

    .banner-box .bpart .desc .txt h3 {

        font-size: 42px;

    }

    .banner-box .bpart .desc-1 .txt h2 {

        font-size: 46px;

    }

	.banner-box .bpart .desc-1 .txt h4{margin-top:20px; font-size:16px; width:160px; padding:13px 0; }

}

@media (max-width: 1199px) {

    .banner-box .bpart .desc-1 .txt h2 span{ font-size: 42px;}

    .banner-box .bpart .desc .txt h2,

    .banner-box .bpart .desc .txt h3 {

        font-size: 38px;

    }

    .banner-box .bpart .desc-1 .txt h2 {

        font-size: 38px; width:100%;

    }

	.banner-box .bpart .desc-1 .txt h4{font-size:14px; width:150px; padding:10px 0; }

}

@media (max-width: 991px) {

    .banner-box .bpart .desc .txt h2,

    .banner-box .bpart .desc .txt h3 {

        font-size: 30px;

    }

	.banner-box .bpart .desc-1 .txt h2 span{ font-size: 36px;}

    .banner-box .bpart .desc-1 .txt h2 {

        font-size: 33px;

    }

	.banner-box .bpart .desc-1 .txt h4{ margin-top:15px; font-size:12px; width:100px; padding:5px 0; }

}

@media (max-width: 767px) {

    .banner-box .bpart .desc .txt h2,

    .banner-box .bpart .desc .txt h3 {

        font-size: 24px;

    }

	

	.banner-box .bpart .desc-1 .txt h2 span{ 

	font-size: 24px; 

	border-radius:none;

	}

	

    .banner-box .bpart .desc-1 .txt h2 {

        font-size: 18px;

    }

	

    .banner-box .bpart .desc-1 {

        top: 34%

    }

}

.banner-box .bpart .desc .txt h2 span,

.banner-box .bpart .desc .txt h3 span {

    padding: 0 10px;

    border-radius: 5px;

    background-color: #171c61;

}

.banner-box .bpart .desc-1 {

    overflow: hidden;

}

@media (max-width: 767px) {

    .banner-box .bpart .desc-1 .txt {

        padding-right: 5%;

    }

}

.banner-box .bpart .desc-2 {

    top: 50%;

    padding: 0 5%;

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

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

    transform: translateY(-50%);

}

@media (max-width: 767px) {

    .banner-box .bpart .desc-2 {

        padding: 0 15%;

        text-align: center;

    }

}

.banner-box .bpart .desc-2 .txt,

.banner-box .bpart .desc-2 .txtimg {

    display: inline-block;

    width: 50%;

    vertical-align: middle;

    opacity: 0;

}

@media (max-width: 1199px) {

    .banner-box .bpart .desc-2 .txt,

    .banner-box .bpart .desc-2 .txtimg {

        opacity: 1;

    }

}

@media (max-width: 767px) {

    .banner-box .bpart .desc-2 .txt,

    .banner-box .bpart .desc-2 .txtimg {

        display: block;

        width: 100%;

    }

}

.banner-box .bpart .desc-2 .txt h3:after {

    display: block;

    width: 150px;

    height: 10px;

    margin-top: 20px;

    content: '';

    border-radius: 10px;

    background-color: #004ea2;

}

@media (max-width: 767px) {

    .banner-box .bpart .desc-2 .txt h3:after {

        width: 50px;

        height: 5px;

        margin: 0 auto;

        margin-top: 10px;

    }

}

.banner-box .bpart .desc-2 .txt .iconlist {

    margin-top: 40px;

}

@media (max-width: 767px) {

    .banner-box .bpart .desc-2 .txt .iconlist {

        display: none;

    }

}

.banner-box .bpart .desc-2 .txt .iconlist ul {

    margin: 0 -30px;

}

@media (max-width: 1199px) {

    .banner-box .bpart .desc-2 .txt .iconlist ul {

        margin: 0 -10px;

    }

}

.banner-box .bpart .desc-2 .txt .iconlist ul li {

    display: inline-block;

    padding: 0 30px;

    vertical-align: top;

}

@media (max-width: 1199px) {

    .banner-box .bpart .desc-2 .txt .iconlist ul li {

        padding: 0 10px;

    }

}

.banner-box .bpart .desc-2 .txt .iconlist .icon-item {

    text-align: center;

}

.banner-box .bpart .desc-2 .txt .iconlist .icon-item .icon {

    width: 60px;

    height: 60px;

    margin: 0 auto;

}

.banner-box .bpart .desc-2 .txt .iconlist .icon-item .icon img {

    width: 100%;

    -webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);

}

.banner-box .bpart .desc-2 .txt .iconlist .icon-item h4 {

    font-family: 'D-DIN Condensed';

    font-size: 24px;

    margin: 20px 0 0 0;

}

@media (max-width: 1199px) {

    .banner-box .bpart .desc-2 .txt .iconlist .icon-item h4 {

        font-size: 20px;

    }

}

.banner-box .bpart .desc-2 .txtimg img {

    width: auto;

    max-width: 100%;

}

@media (max-width: 1560px) {

    .banner-box .bpart .desc-2 .txtimg img {

        max-width: 80%;

    }

}

@media (max-width: 767px) {

    .banner-box .bpart .desc-2 .txtimg img {

        display: block;

        max-width: 50%;

        margin: 0 auto;

    }

}

@media (min-width: 1200px) {

    .banner-box .slick-active .desc-1 .txt,

    .banner-box .active-class .desc-1 .txt {

        -webkit-animation: fadeInUp 1s 0s ease both;

        animation: fadeInUp 1s 0s ease both;

    }

    .banner-box .slick-active .desc-2 .txt,

    .banner-box .active-class .desc-2 .txt {

        -webkit-animation: fadeInLeft 1s 0s ease both;

        animation: fadeInLeft 1s 0s ease both;

    }

    .banner-box .slick-active .desc-2 .txtimg,

    .banner-box .active-class .desc-2 .txtimg {

        -webkit-animation: fadeInRight 1s 0s ease both;

        animation: fadeInRight 1s 0s ease both;

    }

}

.banner-box .slick-arrow {

    line-height: 50px;

    position: absolute;

	top:auto;

    bottom: 25px;

    right: 9%;

    left: auto;

    display: block;

    width: 80px;

    height: 50px;

    color: #fff;

    border: none;

    background:rgba(255,255,255,.5);

    box-shadow: none;

}



@media (max-width: 1670px) {

    .banner-box .slick-arrow {

        right: 10%;

    }

}



@media (max-width: 1350px) {

    .banner-box .slick-arrow {

        right: 12%;

    }

}



@media (max-width: 767px) {

    .banner-box .slick-arrow {

        right: 25%;

		background:none;

		bottom:0;

    }

	

	

}



.banner-box .slick-arrow:before {

    font-size: 40px;

    display: block;

    content: '\e687';



}

@media (max-width: 767px) {

    .banner-box .slick-arrow:before {

        line-height: 20px;

    }

}

.banner-box .slick-arrow.slick-next {

    top: auto;

    bottom: 25px;

	right:4%;

}









.banner-box .slick-arrow.slick-next:before {

  

}

.banner-box .slick-arrow:hover {

    color: #004ea2;

}

.banner-inner {

    position: relative;

}

.banner-inner .item {

    overflow: hidden;

}

.banner-inner .item img {

    width: 100%;

}

@media (max-width: 767px) {

    .banner-inner .item img {

        width: 160%;

        margin-left: -30%;

    }

	.banner-box .slick-arrow.slick-next{ 

	right:13%;

	bottom:0;

	}

}

.banner-inner .banner-txt {

    position: absolute;

    z-index: 2;

    top: 40%;

    width: 100%;

    padding: 0 5%;

    color: #fff;

}

.banner-inner .banner-txt h3 {

font-family:Arial, Helvetica, sans-serif;

    font-size: 60px;

    line-height: 1.2;

    margin: 0;

}



.banner-inner .banner-txt h3:after{

    display: block;

    width: 102px;

    height: 4px;

	border-radius: 5px;

    margin-top: 20px;

    content: '';

    background-color: #004ea2;

	}



@media (max-width: 1560px) {

    .banner-inner .banner-txt h3 {

        font-size: 50px;

    }

}

@media (max-width: 1199px) {

    .banner-inner .banner-txt h3 {

        font-size: 40px;

    }

}

@media (max-width: 991px) {

    .banner-inner .banner-txt h3 {

        font-size: 30px;

    }

}

.banner-inner .banner-txt h3 span {

    padding: 0 10px;

    border-radius: 5px;

    background-color: #004ea2;

}

.banner-inner .banner-txt p {

    font-size: 30px;

    line-height: 1.2;

    margin: 20px 0 0 0;

}

@media (max-width: 1470px) {

    .banner-inner .banner-txt p {

        font-size: 24px;

    }

}

@media (max-width: 1199px) {

    .banner-inner .banner-txt p {

        font-size: 20px;

    }

}

@media (max-width: 991px) {

    .banner-inner .banner-txt p {

        font-size: 18px;

    }

}

.banner-inner .banner-txt.white {

    color: #fff;

}

.banner-inner .banner-txt.white h3:after {

    background-color: #fff;

}

@media (max-width: 767px) {

    .banner-inner .banner-txt-line {

        top: 55%;

    }

}

.banner-inner .banner-txt-line h3:after {

    display: block;

    width: 102px;

    height: 5px;

    margin-top: 20px;

    content: '';

    background-color: #004ea2;

}

@media (max-width: 767px) {

    .banner-inner .banner-txt-line h3:after {

        width: 50px;

        height: 3px;

        margin-top: 10px;

    }

}

.banner-products {

    overflow: hidden;

    height: 90px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.hs-pad {

    overflow: hidden;

    padding: 80px 3%;

}

@media (max-width: 767px) {

    .hs-pad {

        padding: 40px 15px;

    }

}

.hs-pad .more {

    margin-top: 40px;

}

@media (max-width: 1470px) {

    .hs-pad .more {

        margin-top: 20px;

    }

}

.hs-pad .more a {

    font-size: 18px;

    line-height: 40px;

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: 0 30px 0 0;

    -webkit-transition: all .6s;

    transition: all .6s;

    color: #004ea2;

}



.hs-pad .more a:after {

    font-family: 'iconfont' !important;

    position: absolute; font-size:36px;

    content: '\e62b';

    color: #004ea2;

}



@media (max-width: 767px) {

    .hs-pad .more a {

        font-size: 14px;

        line-height: 30px;

        padding: 0 35px 0 0;

    }

	

	.hs-pad .more a:after {

   font-size:30px;

  }

}

.hs-pad .more a .bgsqr1,

.hs-pad .more a .bgsqr2 {

    position: absolute;

    top: 50%;

    top: 0\9;

    width: 20px;

    height: 20px;

    content: '';

    -webkit-transition: all .6s;

    transition: all .6s;

    opacity: .5;

    border-radius: 50%;

    background: #004ea2;

}

.hs-pad .more a .bgsqr1 {

    left: -20px;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.hs-pad .more a .bgsqr2 {

    right: -20px;

    -webkit-transform: translate(50%, -50%);

    -ms-transform: translate(50%, -50%);

    transform: translate(50%, -50%);

}

.hs-pad .more a span {

    position: relative;

    z-index: 1;

}

.hs-pad .morehover:hover .more a,

.hs-pad .morehover:hover.more a {

    color: #fff;

}

.hs-pad .morehover:hover .more a .bgsqr1,

.hs-pad .morehover:hover.more a .bgsqr1 {

    width: 375px\9;

    height: 375px\9;

    -webkit-animation: criss-cross-left 1s both;

    animation: criss-cross-left 1s both;

    opacity: 1;

}

.hs-pad .morehover:hover .more a .bgsqr2,

.hs-pad .morehover:hover.more a .bgsqr2 {

    width: 375px\9;

    height: 375px\9;

    -webkit-animation: criss-cross-right 1s both;

    animation: criss-cross-right 1s both;

    opacity: 1;

}

.hs-pad .morehover:hover .white a {

    color: #fff;

    border-color: #fff;

}

.hs-pad .morehover:hover .white a .bgsqr1 {

    background-color: #004ea2;

}

.hs-pad .morehover:hover .white a .bgsqr2 {

    background-color: #004ea2;

}

.icon-aite {

    font-size: 18px !important;

    position: relative !important;

    margin: 0 !important;

}

@-webkit-keyframes criss-cross-left {

    0% {

        left: -20px;

    }

    50% {

        left: 50%;

        width: 20px;

        height: 20px;

    }

    100% {

        left: 50%;

        width: 375px;

        height: 375px;

    }

}

@keyframes criss-cross-left {

    0% {

        left: -20px;

    }

    50% {

        left: 50%;

        width: 20px;

        height: 20px;

    }

    100% {

        left: 50%;

        width: 375px;

        height: 375px;

    }

}

@-webkit-keyframes criss-cross-right {

    0% {

        right: -20px;

    }

    50% {

        right: 50%;

        width: 20px;

        height: 20px;

    }

    100% {

        right: 50%;

        width: 375px;

        height: 375px;

    }

}

@keyframes criss-cross-right {

    0% {

        right: -20px;

    }

    50% {

        right: 50%;

        width: 20px;

        height: 20px;

    }

    100% {

        right: 50%;

        width: 375px;

        height: 375px;

    }

}

.title-home {

    text-align: center;

}

.title-home h2 {

    font-size: 40px;

    font-weight: 900;

    line-height: 1;

    margin: 0;  font-family:D-DIN Exp, Verdana, Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    color: #000;

}

@media (max-width: 991px) {

    .title-home h2 {

        font-size: 30px;

    }

}

@media (max-width: 767px) {

    .title-home h2 {

        font-size: 26px;

		padding-bottom:20px;

    }

}

.title-home p {

    font-size: 18px;

    line-height: 1.66666667;

    margin: 0;

    color: #777;

}

@media (max-width: 991px) {

    .title-home p {

        font-size: 16px;

        line-height: 24px;

    }

}

@media (max-width: 767px) {

    .title-home p {

        font-size: 14px;

    }

}

.title-home.center {

    text-align: center;

}

.title-home.white h2 {

    color: #fff;

}

.hs-home-category {

    position: relative; background:url(../images/prtbg.jpg) top center no-repeat;

}

.hs-home-category .category-canvas {

    position: absolute;

    bottom: 0;

    left: -10%;

    width: 120%;

    height: 100%;

}

.hs-home-category .category-canvas canvas {

    width: 100%;

    height: 100%;

}

.hs-home-category .category-info {

    position: relative;

    z-index: 2;

    text-align: center;

}

.hs-home-category .category-nav {

    display: inline-block;



    margin-top: 60px;

}

@media (max-width: 1199px) {

    .hs-home-category .category-nav {

        margin-top: 30px;

    }

}

@media (max-width: 991px) {

    .hs-home-category .category-nav {

        margin-top: 0;

    }

}

.hs-home-category .category-nav>ul {

    margin: 0 -40px;

}

@media (max-width: 1470px) {

    .hs-home-category .category-nav>ul {

        margin: 0 -30px;

    }

}

@media (max-width: 1199px) {

    .hs-home-category .category-nav>ul {

        margin: 0 -20px;

    }

}

.hs-home-category .category-nav>ul li {

    display: inline-block;

    padding: 0 30px;

    vertical-align: top;

}

@media (max-width: 1470px) {

    .hs-home-category .category-nav>ul li {

        padding: 0 15px;

    }

}



@media (max-width: 1350px) {

    .hs-home-category .category-nav>ul li {

        padding: 0 8px;

    }

}



@media (max-width: 1280px) {

    .hs-home-category .category-nav>ul li {

        padding: 0 5px;

    }

}



@media (max-width: 1199px) {

    .hs-home-category .category-nav>ul li {

        margin-top: 20px;

        padding: 0 20px;

		float:left;

		margin-left:2%;

    }

}



@media (max-width: 991px) {

    .hs-home-category .category-nav>ul li {

        margin-top: 10px;

    }

}



.hs-home-category .category-nav .nav-item {

    font-size: 22px;

    line-height: 38px;

    position: relative; text-transform:uppercase;

    display: block;

    padding: 10px 0;

    color: #777;

}

@media (max-width: 1280px) {

    .hs-home-category .category-nav .nav-item {

        font-size: 18px;

    }

}



@media (max-width: 1199px) {

    .hs-home-category .category-nav .nav-item {

        font-size: 18px;

    }

}

@media (max-width: 991px) {

    .hs-home-category .category-nav .nav-item {

        font-size: 18px;

    }

}

.hs-home-category .category-nav .nav-item:before {

    display: inline-block;

    width: 30px;

    height: 30px;

    margin-right: 10px; 

	margin-top:-2px;

    content: '';

    vertical-align: middle; 

	background:url(../images/prico.png) no-repeat; 

	background-size: contain;

}





@media (max-width: 1199px) {

    .hs-home-category .category-nav .nav-item:before {

        width: 20px;

        height: 20px;

        border-width: 4px;

    }

}



.hs-home-category .category-nav .active .nav-item {

    color: #fff; font-weight:bold;

}

.hs-home-category .category-nav .active{ background:#004ea2; border-radius:30px;}

.hs-home-category .category-nav .active .nav-item:before {

    display: inline-block;

    width: 30px;

    height: 30px;

	margin-top:-2px;

    margin-right: 10px;

    content: '';

    vertical-align: middle; 

	background:url(../images/prico-on.png) no-repeat; 

	background-size: contain;

}

.hs-home-category .category-nav .active .nav-item:after {

    width: 100%;

}

.hs-home-category .category-list {

    margin-top: 60px;

}

@media (max-width: 1199px) {

    .hs-home-category .category-list {

        margin-top: 30px;

    }

}

@media (max-width: 767px) {

    .hs-home-category .category-list {

        margin-top: 10px;

    }

}

.hs-home-category .category-list .category-slide {

    margin: 0 -15px;

}

@media (max-width: 767px) {

    .hs-home-category .category-list .category-slide {

        margin: 0 -5px;

    }

}

.hs-home-category .category-list .category-slide .slick-slide {

    padding: 20px 15px;

}

@media (max-width: 767px) {

    .hs-home-category .category-list .category-slide .slick-slide {

        padding: 20px 10px;

    }

}

.hs-home-category .category-item,

.hs-inner-products .products .category-item,

.hs-inner-product-show .relate-product .category-item {

    display: block;

    -webkit-transition: all .6s;

    transition: all .6s;

    text-align: left;

    border: 1px solid #ebebeb;

    background: #fff;

    box-shadow: 0 10px 11px 0 rgba(199, 199, 199, .67);

}

.hs-home-category .category-item .ibox,

.hs-inner-products .products .category-item .ibox,

.hs-inner-product-show .relate-product .category-item .ibox {

    padding-bottom: 75%;

}

.hs-home-category .category-item .ibox img,

.hs-inner-products .products .category-item .ibox img,

.hs-inner-product-show .relate-product .category-item .ibox img {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.hs-home-category .category-item .title-category,

.hs-inner-products .products .category-item .title-category,

.hs-inner-product-show .relate-product .category-item .title-category {

    position: relative;

    padding: 20px 30px 20px 15px;

}

@media (max-width: 1199px) {

    .hs-home-category .category-item .title-category,

    .hs-inner-products .products .category-item .title-category,

    .hs-inner-product-show .relate-product .category-item .title-category {

        padding: 10px 30px 10px 10px;

    }

}

.hs-home-category .category-item .title-category .icon,

.hs-inner-products .products .category-item .title-category .icon,

.hs-inner-product-show .relate-product .category-item .title-category .icon {

    font-size: 26px; height:38px; width:38px; 

	border-radius:50%; 

	border:1px solid #004ea2; 

	line-height:34px; 

	text-align:center; 

    position: absolute; 

    top: 50%;

    right: 10px;

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

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

    transform: translateY(-50%);

    color: #004ea2;

}

.hs-home-category .category-item h3,

.hs-inner-products .products .category-item h3,

.hs-inner-product-show .relate-product .category-item h3 {

    font-size: 18px;

    line-height: 30px;

    display: -webkit-box;

    overflow: hidden;

    height: 30px;

    margin: 0;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

.hs-home-category .category-item p,

.hs-inner-products .products .category-item p,

.hs-inner-product-show .relate-product .category-item p {

    font-size: 16px;

    line-height: 24px;

    display: -webkit-box;

    overflow: hidden;

    height: 24px;

    margin: 0;

    color: #999;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

.hs-home-category .category-item:hover,

.hs-inner-products .products .category-item:hover,

.hs-inner-product-show .relate-product .category-item:hover {

    -webkit-transform: translateY(-18px);

    -ms-transform: translateY(-18px);

    transform: translateY(-18px);

    background-color: #004ea2;

    box-shadow: 0 5px 10px 0 rgba(0, 78, 162, .33);

}

.hs-home-category .category-item:hover .ibox img,

.hs-inner-products .products .category-item:hover .ibox img,

.hs-inner-product-show .relate-product .category-item:hover .ibox img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.hs-home-category .category-item:hover h3,

.hs-inner-products .products .category-item:hover h3,

.hs-inner-product-show .relate-product .category-item:hover h3,

.hs-home-category .category-item:hover p,

.hs-inner-products .products .category-item:hover p,

.hs-inner-product-show .relate-product .category-item:hover p {

    color: #fff;

}



/**app*/

.index-box .title

{

    text-transform: uppercase;

}



@media (max-width: 1199px)

{

    .index-box .title

    {

        margin-bottom: 35px;

    }

}

@media (max-width: 991px)

{

    .index-box .title

    {

        margin-bottom: 30px;

    }

}

@media (max-width: 767px)

{

    .index-box .title

    {

        margin-bottom: 25px;

    }

}

.index-box .title h2

{

   font-size: 40px;

    font-weight: 900;

    line-height: 1;

    margin: 0;

    font-family: D-DIN Exp, Verdana, Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    color: #000;

}



.index-box .title h2:after {

    display: block;

    width: 102px;

    height: 5px;

    border-radius: 4px;

    margin-top: 12px;

    content: '';

    background-color: #004ea2;

}





@media (min-width: 1200px)

{

    .index-box .title h2

    {

        padding-bottom: 60px;

    }

}

@media (max-width: 991px)

{

    .index-box .title h2

    {

        font-size: 30px;

    }

}

@media (max-width: 767px)

{

    .index-box .title h2

    {

        font-size: 26px;

    }

}

.index-box .title .title

{

    position: relative;

}

.index-box .title .num,

.index-box .title .name

{

    color: #b8b8b8;

}

.index-box .title .name

{

    margin: 0 20px;

}

@media (max-width: 1199px)

{

    .index-box .title .name

    {

        margin: 0;

    }

}

.index-box .title .num

{

    position: absolute;

    right: 8px;

    bottom: 5px;

}





.index-product

{



}

.index-product .tab-wrap

{

    overflow: hidden;

}

@media (max-width: 767px)

{

    .index-product .tab-wrap

    {

        margin-top: -10px;

    }

}

.index-product .index-tab-nav

{

    font-size: 17px;



    color: #000;

}

@media (min-width: 992px)

{

    .index-product .index-tab-nav

    {

        float: left;



        width: 380px;

        padding-right: 50px;

    }

}

@media (min-width: 992px) and (max-width: 1349px)

{

    .index-product .index-tab-nav

    {

        font-size: 15px;



        width: 280px;

    }

}

@media (max-width: 991px)

{

    .index-product .index-tab-nav

    {

        margin-bottom: 10px;

    }

}

@media (max-width: 767px)

{

    .index-product .index-tab-nav

    {

        font-size: 14px;

    }

}

.index-product .index-tab-nav li

{

    margin-top: 30px;

}

.index-product .index-tab-nav li:first-child

{

    margin-top: 0;

}



@media (max-width: 1560px)

{

    .index-product .index-tab-nav li

    {

        margin-top: 40px;

    }

}



@media (max-width: 1469px)

{

    .index-product .index-tab-nav li

    {

        margin-top: 26px;

    }

}



@media (max-width: 1350px)

{

    .index-product .index-tab-nav li

    {

        margin-top: 22px;

    }

}



@media (max-width: 991px)

{

    .index-product .index-tab-nav li

    {

        display: inline-block;



        margin-top: 0;

        margin-right: 15px;



        vertical-align: middle;

    }

}

@media (max-width: 480px)

{

    .index-product .index-tab-nav li

    {

        margin-right: 10px;

    }

}

.index-product .index-tab-nav a

{

    display: block; 

	text-transform:uppercase;

    padding: 13px 10px; 

	font-size:20px;

}

@media (max-width: 1349px)

{

    .index-product .index-tab-nav a

    {

        padding: 10px;

		font-size:17px;

    }

}

@media (max-width: 991px)

{

    .index-product .index-tab-nav a

    {

        padding: 8px 0;

		font-size:15px;

    }

}

@media (max-width: 480px)

{

    .index-product .index-tab-nav a

    {

        padding: 5px 0;

    }

}

@media (min-width: 992px)

{

    .index-product .index-tab-nav .active a

    {

        color: #fff;     

		font-weight: bold;

        background-color: #004ea2;

    }

}

@media (max-width: 991px)

{

    .index-product .index-tab-nav .active a

    {

        font-weight: bold;



        color: #004ea2;

    }

}

@media (min-width: 992px)

{

    .index-product .index-tab-list

    {

        float: left; overflow:hidden;

        width: -webkit-calc(100% - 380px);

        width:         calc(100% - 380px);

    }

}

@media (min-width: 992px) and (max-width: 1349px)

{

    .index-product .index-tab-list

    {

        width: -webkit-calc(100% - 280px);

        width:         calc(100% - 280px);

    }

}

.index-product .index-tab-list .img-box

{

    padding-bottom: 44.8333%;

}

@media (min-width: 1200px)

{

    .index-product .index-tab-list .img-box img

    {

        -webkit-transition:         transform .7s;

        -webkit-transition: -webkit-transform .7s;

                transition: -webkit-transform .7s;

                transition:         transform .7s;

                transition:         transform .7s, -webkit-transform .7s;

				max-width:100%;

    }

	

	

	

    .index-product .index-tab-list .img-box:hover img

    {

        -webkit-transform: scale(1.07);

            -ms-transform: scale(1.07);

                transform: scale(1.07);

    }

}

.index-product .index-tab-list .name

{

    font-size: 18px;



    display: none;



    margin-top: 10px;



    text-align: center;

}

@media (max-width: 991px)

{

    .index-product .index-tab-list .name

    {

        display: block;

    }

}





.hs-home-solutions {

    font-size: 0; 

	padding-left:0; 

	padding-right:0;

    position: relative;

    overflow: hidden;

	background:url(../images/appbg.jpg) top center no-repeat;

}

@media (max-width: 991px) {

    .hs-home-solutions {

        padding-bottom: 80px;

    }

}

.hs-home-solutions .title-home {

    /* position: absolute;

    z-index: 2;

    top: 6%;

    left: 3%;

    text-align: left; */

}

.hs-home-solutions .title-home h3,

.hs-home-solutions .title-home h2 {

    color: #fff; 

}

.hs-home-solutions .title-home h3 {

    font-size: 36px;

    line-height: 1.2;

    margin: 0;

}

.hs-home-solutions .title-home h2 {

    font-size: 70px;

    color: rgba(255, 255, 255, .5);

    font-weight: bold;

}

@media (max-width: 1470px) {

    .hs-home-solutions .title-home h2 {

        font-size: 60px;

    }

}

@media (max-width: 1199px) {

    .hs-home-solutions .title-home h2 {

        font-size: 50px;

    }

}

@media (max-width: 991px) {

    .hs-home-solutions .title-home h2 {

        font-size: 40px;

    }

}

@media (max-width: 767px) {

    .hs-home-solutions .title-home h2 {

        font-size: 30px;

    }

}

@media (max-width: 991px) {

    .hs-home-solutions .title-home h3 {

        font-size: 30px;

    }

}

.hs-home-solutions .solutions-big {

    background-color: #fff;

}

.hs-home-solutions .solutions-big .solutions-item {

    background-color: #000;

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-big .solutions-item {

        width: 180%;

        margin-left: -40%;

    }

}

.hs-home-solutions .solutions-big .solutions-item .ibox {

    padding-bottom: 39.58333333%;

    opacity: .5;

}

.hs-home-solutions .solutions-big .solutions-item .ibox img {

    height: auto;

}

.hs-home-solutions .solutions-big .solutions-item .desc {

    position: absolute;

    z-index: 2;

    top: 18%;

    text-align: center;

    /* display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display:         flex; */

    width: 100%;

    padding: 0 3%;

    color: #fff;

    /* -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

            justify-content: space-between; */

}

@media (max-width: 1199px) {

    .hs-home-solutions .solutions-big .solutions-item .desc {

        top: 5%;

    }

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-big .solutions-item .desc {

        top: 10%;

        left: 0;

    }

}

.hs-home-solutions .solutions-big .solutions-item .desc h3 {

    font-size: 18px;

    line-height: 60px;

    display: inline-block;

    min-width: 270px;

    height: 60px;

    padding: 0 80px;

    text-align: center;

    white-space: nowrap;

    border-radius: 5px;

    background-color: #004ea2;

}

@media (max-width: 991px) {

    .hs-home-solutions .solutions-big .solutions-item .desc h3 {

        line-height: 40px;

        min-width: 200px;

        height: 40px;

        padding: 0 10px;

    }

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-big .solutions-item .desc h3 {

        font-size: 16px;

        min-width: 120px;

    }

}

.hs-home-solutions .solutions-big .solutions-item .desc .txt {

    max-width: 730px;

    /* padding-left: 20px; */

    /* text-align: right; */

    margin: 0 auto;

    margin-top: 20px;

}

.hs-home-solutions .solutions-big .solutions-item .desc .txt p {

    font-size: 47px;

    line-height: 1.875;

    display: -webkit-box;

    overflow: hidden;

    height: 90px;

    margin: 0;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-big .solutions-item .desc .txt p {

        font-size: 25px;

        line-height: 24px;

        height: 48px;

        -webkit-line-clamp: 2;

    }

}

.hs-home-solutions .solutions-small {

    position: absolute;

    top: 50px;

    left:0;

    width: 280px;

    padding: 0 3%;

    cursor: pointer;

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

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

    transform: translateX(-50%);

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-small {

        bottom: 20px;

    }

}

.hs-home-solutions .solutions-small .solutions-small-slide {

    margin: 0 -18px;

}

@media (max-width: 1199px) {

    .hs-home-solutions .solutions-small .solutions-small-slide {

        margin: 0 -10px;

    }

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-small .solutions-small-slide {

        margin: 0 -5px;

    }

}

.hs-home-solutions .solutions-small .solutions-small-slide .slick-slide {

    padding: 0 18px;

    padding-top: 20px;

}

@media (max-width: 1199px) {

    .hs-home-solutions .solutions-small .solutions-small-slide .slick-slide {

        padding: 0 10px;

        padding-top: 20px;

    }

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-small .solutions-small-slide .slick-slide {

        padding: 0 5px;

        padding-top: 10px;

    }

}

.hs-home-solutions .solutions-small .solutions-item {

    padding: 16px 16px 0 16px;

    -webkit-transition: all .6s;

    transition: all .6s;

    text-align: center;

    background-color: #fff;

}

@media (max-width: 1199px) {

    .hs-home-solutions .solutions-small .solutions-item {

        padding: 6px 6px 0 6px;

    }

}

.hs-home-solutions .solutions-small .solutions-item .ibox {

    padding-bottom: 46.875%;

}

.hs-home-solutions .solutions-small .solutions-item p {

    font-size: 18px;

    line-height: 60px;

    display: -webkit-box;

    overflow: hidden;

    height: 60px;

    margin: 0;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 1199px) {

    .hs-home-solutions .solutions-small .solutions-item p {

        font-size: 16px;

        line-height: 40px;

        height: 40px;

    }

}

.hs-home-solutions .solutions-small .slick-current .solutions-item {

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

    background: #e9e9e9;

    box-shadow: 0 2px 15px 0 rgba(196, 16, 36, .53);

}

@media (max-width: 767px) {

    .hs-home-solutions .solutions-small .slick-current .solutions-item {

        -webkit-transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        transform: translateY(-10px);

    }

}

.hs-home-about {

    padding-right: 0;

    padding-left: 0;

	background:url(../images/numbg.jpg) bottom center no-repeat; 

	padding-bottom:110px;

}

.hs-home-about .about {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}

@media (max-width: 767px) {

    .hs-home-about{

	    background-size:100% 50%;

	}

	

	.hs-home-about .about {

        display: block; 

		

	}

	

}

.hs-home-about .about .about-left {

    width: -webkit-calc(100% - 590px);

    width: calc(100% - 590px);

    padding-right: 6%;

}

@media (max-width: 1470px) {

    .hs-home-about .about .about-left {

        width: -webkit-calc(100% - 400px);

        width: calc(100% - 400px);

        padding-right: 4%;

    }

}

@media (max-width: 1199px) {

    .hs-home-about .about .about-left {

        width: -webkit-calc(100% - 250px);

        width: calc(100% - 250px);

        padding-right: 3%;

    }

}

@media (max-width: 767px) {

    .hs-home-about .about .about-left {

        width: 100%;

        padding: 0;

    }

}

.hs-home-about .about .about-left .title-home {

    text-align: left;

}

.hs-home-about .about .about-left .title-home img,

.hs-home-about .about .about-left .title-home h2 {

    /* display: inline-block;

    vertical-align: middle; */

}

.hs-home-about .about .about-left .title-home img {

    margin-right: 20px;

    display: block;

}

.hs-home-about .about .about-left .title-home h2 {

    margin-top: 20px;

}

.hs-home-about .about .about-left .title-home h2:after {

    display: block;

    width: 102px;

    height:5px; border-radius:4px;

    margin-top:12px;

    content: '';

    background-color: #004ea2;

}



.hs-home-about .about .about-left .about-text {

    margin-top: 35px;

}

@media (max-width: 1199px) {

    .hs-home-about .about .about-left .about-text {

        margin-top: 10px;

    }

}

.hs-home-about .about .about-left .about-text h4 {

    font-family:Arial, Helvetica, sans-serif;

    font-size: 30px; font-weight:bold;

    line-height: 1.4;

    color: #004ea2;

}



@media (max-width: 1350px) {

    .hs-home-about .about .about-left .about-text h4 {

        font-size: 25px;

    }

}



@media (max-width: 1199px) {

    .hs-home-about .about .about-left .about-text h4 {

        font-size: 22px;

    }

}

@media (max-width: 767px) {

    .hs-home-about .about .about-left .about-text h4 {

        font-size: 20px;

    }

}

.hs-home-about .about .about-left .about-text p {

    font-size: 16px;

    line-height: 2.25;

    margin: 0;

}



@media (max-width: 1350px) {

    .hs-home-about .about .about-left .about-text p {

        font-size: 15px;

        line-height:1.8;

    }

}



@media (max-width: 991px) {

    .hs-home-about .about .about-left .about-text p {

        font-size: 14px;

        line-height: 24px;

    }

}

.hs-home-about .about .about-right {

    width: 590px;

}



.hs-home-about .about .about-right img{ 

    max-width:100%;

}



@media (max-width: 1470px) {

    .hs-home-about .about .about-right {

        width: 400px; padding-top:6%;

    }

}

@media (max-width: 1199px) {

    .hs-home-about .about .about-right {

        width: 250px;

    }

}

@media (max-width: 767px) {

    .hs-home-about .about .about-right {

        width: 100%;

    }

}

@media (max-width: 767px) {

    .hs-home-about .about .number {

        margin-top: 30px;

    }

}

.hs-home-about .about .number ul li.active .num-item:before {

    height: 100%;

}

.hs-home-about .about .number .num-item {

    position: relative;

    padding: 30px 0 30px 60px;

    border-left: 1px solid #e1e1e1;

}

@media (max-width: 1199px) {

    .hs-home-about .about .number .num-item {

        padding: 20px 0 20px 30px;

    }

}

.hs-home-about .about .number .num-item:before {

    position: absolute;

    top: 50%;

    left: -3px;

    display: block;

    width: 4px;

    height: 0;

    content: '';

    -webkit-transition: all .6s;

    transition: all .6s;

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

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

    transform: translateY(-50%);

    background-color: #004ea2;

}

.hs-home-about .about .number .num-item h3 {

    font-family: 'D-DIN Condensed';

    font-size: 60px;

    line-height: 1.2;

    margin: 0;

    color: #004ea2;

}

@media (max-width: 1199px) {

    .hs-home-about .about .number .num-item h3 {

        font-size: 50px;

    }

}

@media (max-width: 991px) {

    .hs-home-about .about .number .num-item h3 {

        font-size: 40px;

    }

}

.hs-home-about .about .number .num-item h3 sup {

    font-size: 24px;

    top: 20px;

    vertical-align: top;

}

.hs-home-about .about .number .num-item p {

    font-size: 18px;

    line-height: 24px;

    color: #666;

}

@media (max-width: 1199px) {

    .hs-home-about .about .number .num-item p {

        font-size: 16px;

    }

}

.hs-home-about .about-link {

    margin-top: 30px;

}

.hs-home-about .about-link ul {

    margin: 0 -3px;

}

.hs-home-about .about-link ul li {

    margin-top: 6px;

    padding: 0 3px;

}

.hs-home-about .about-link .link-item {

    position: relative;

    display: block;

    background-color: #000;

}

.hs-home-about .about-link .link-item .ibox {

    padding-bottom: 52.83018868%;

    -webkit-transition: all .2s;

    transition: all .2s;

    opacity: .4;

}

.hs-home-about .about-link .link-item .ibox img {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.hs-home-about .about-link .link-item .tit-link {

    position: absolute;

    z-index: 2;

    top: 50%;

    left: 50%;

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

    transform: translate3d(-50%, -50%, 0);

    text-align: center;

    color: #fff;

}

.hs-home-about .about-link .link-item .tit-link .icon {

    width: 65px;

    margin: 0 auto;

}

.hs-home-about .about-link .link-item .tit-link .icon img {

    width: 100%;

    -webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);

}

.hs-home-about .about-link .link-item .tit-link h3 {

    font-size: 18px;

    line-height: 30px;

    margin: 10px 0 0 0;

    text-transform: uppercase;

}

.hs-home-about .about-link .link-item:hover .ibox {

    opacity: .6;

}

.hs-home-about .about-link .link-item:hover .ibox img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}







@media (min-width: 1200px) {

    .about-link .number ul {

        margin: 0 -25px;

    }

}

.about-link .number ul li {

    margin-top: 20px;

}

@media (min-width: 1200px) {

    .about-link .number ul li {

        padding: 0 25px;

    }

}

.about-link .number .num-item {

    padding: 50px;

    border-radius: 15px;

    background: #fff;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}

@media (max-width: 1199px) {

    .about-link .number .num-item {

        padding: 30px 20px;

    }

}

@media (max-width: 767px) {

    .about-link .number .num-item {

        padding: 20px 14px;

    }

}

.about-link .number .num-item h3 {

    font-family: 'D-DIN Condensed';

    font-size: 80px;

    line-height: 1;

    margin: 0;

    color: #004ea2;

}

@media (max-width: 1470px) {

    .about-link .number .num-item h3 {

        font-size: 60px;

    }

}

@media (max-width: 1199px) {

    .about-link .number .num-item h3 {

        font-size: 50px;

    }

}

.about-link .number .num-item h3 sub {

    font-size: 36px;

    bottom: 24px;

    margin-left: 4px;

    vertical-align: bottom;

}

@media (max-width: 1470px) {

    .about-link .number .num-item h3 sub {

        font-size: 30px;

    }

}

@media (max-width: 1199px) {

    .about-link .number .num-item h3 sub {

        font-size: 24px;

    }

}

@media (max-width: 767px) {

    .about-link .number .num-item h3 sub {

        font-size: 20px;

        bottom: 14px;

    }

}

.about-link .number .num-item p {

    font-size: 20px;

    line-height: 26px;

    margin: 20px 0 0 0;

    color: #666;

}



@media (max-width:1350px) {

    .about-link .number .num-item p {

        font-size: 18px;

    }

}



@media (max-width: 991px) {

    .about-link .number .num-item p {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .about-link .number .num-item p {

        font-size: 15px;

        line-height: 24px;

    }

}







.hs-home-news {

    position: relative;

    padding-right: 0;

    padding-left: 0;

	background:url(../images/xwbg.jpg) top center no-repeat #eee;

}





.hs-home-news .title-home h3{ 

   font-size:68px; 

   color:#e7e7e7; 

   font-family:D-DIN Exp;

   text-transform:uppercase; 

   font-weight:bold;

}

   

.hs-home-news .title-home h2{

    margin-top:-58px;

 }

.hs-home-news .news {

    position: relative;

    z-index: 2;

    margin-top: 80px;

	padding-bottom:80px;

}



@media (max-width: 1199px) {

    .hs-home-news .news {

        margin-top: 60px;

        padding-bottom: 40px;

    }

}

@media (max-width: 991px) {

    .hs-home-news .news {

        margin-top: 30px;

    }

	.hs-home-news .title-home h2{

	   margin-top:-45px;

	}

	.hs-home-news .title-home h3{ 

	  font-size:48px;

	}

}

.hs-home-news .news .news-item {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}

@media (max-width: 767px) {

    .hs-home-news .news .news-item {

        display: block;

    }

}

.hs-home-news .news .news-item .news-img {

    width: 44%;

}

@media (max-width: 1199px) {

    .hs-home-news .news .news-item .news-img {

        width: 50%;

    }

}

@media (max-width: 767px) {

    .hs-home-news .news .news-item .news-img {

        width: 100%;

    }

}

.hs-home-news .news .news-item .news-img .ibox {

    padding-bottom:82%;

}

.hs-home-news .news .news-item .news-img .ibox img {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.hs-home-news .news .news-item .news-text {

    width: 54%; margin-left:1%;

    padding:28px 4%;

	background:#fff;

}

@media (max-width: 1470px) {

    .hs-home-news .news .news-item .news-text {

        padding: 30px 3%;

    }

}



@media (max-width: 1350px) {

    .hs-home-news .news .news-item .news-text {

        padding:16px 3%;

    }

}



@media (max-width: 1199px) {

    .hs-home-news .news .news-item .news-text {

        width: 50%;

    }

}

@media (max-width: 767px) {

    .hs-home-news .news .news-item .news-text {

        width: 100%;

    }

}

.hs-home-news .news .news-item .date {

    font-family: 'D-DIN Condensed';

    font-size: 24px;

    display: block;

    color: #004ea2;

}

@media (max-width: 1199px) {

    .hs-home-news .news .news-item .date {

        font-size: 20px;

    }

}

@media (max-width: 767px) {

    .hs-home-news .news .news-item .date {

        font-size: 18px;

    }

}

.hs-home-news .news .news-item h3 {

    font-size: 22px;

    line-height: 36px;

    display: -webkit-box;

    overflow: hidden;

    height: 36px;

    margin: 10px 0;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 1199px) {

    .hs-home-news .news .news-item h3 {

        font-size: 20px;

    }

}

@media (max-width: 991px) {

    .hs-home-news .news .news-item h3 {

        font-size: 18px;

    }

}

.hs-home-news .news .news-item p {

    font-size: 16px;

    line-height: 24px;

    display: -webkit-box;

    overflow: hidden;

    height: 70px;

    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}



@media (max-width: 1670px) {

    .hs-home-news .news .news-item p {

         height: 42px;

        -webkit-line-clamp: 2;

    }

}



@media (max-width: 1530px) {

    .hs-home-news .news .news-item p {

         height: 18px;

        -webkit-line-clamp: 1;

    }

}



@media (max-width: 1199px) {

    .hs-home-news .news .news-item p {

         height: 48px;

        -webkit-line-clamp: 2;

    }

}







.hs-home-news .news .news-item .more {

    font-size: 16px;

    line-height: 36px;

    display: inline-block;

    height: 36px;

    margin-top: 30px;

    padding: 0 22px;

    -webkit-transition: all .2s;

    transition: all .2s;

    color: #999;

    border: 1px solid #dcdcdc;

    background: rgba(246, 162, 50, 0);

}

.hs-home-news .news .news-item:hover .ibox img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.hs-home-news .news .news-item:hover h3 {

    text-decoration: underline;

}

.hs-home-news .news .news-item:hover .more {

    color: #fff;

    border-color: #004ea2;

    background-color: #004ea2;

}

.hs-home-news .news .slick-arrow {

    top: auto;

    bottom: -30%;

    left: 45%;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    border: 1px solid #e4e4e4;

    box-shadow: none;

}

@media (max-width: 1470px) {

    .hs-home-news .news .slick-arrow {

        left: 43%;

    }

}

@media (max-width: 1199px) {

    .hs-home-news .news .slick-arrow {

        bottom: -40px;

        left: -webkit-calc(50% - 50px);

        left: calc(50% - 50px);

    }

}

.hs-home-news .news .slick-arrow.slick-next {

    left: -webkit-calc(45% + 70px);

    left: calc(45% + 70px);

}

@media (max-width: 1199px) {

    .hs-home-news .news .slick-arrow.slick-next {

        right: -webkit-calc(50% - 50px);

        right: calc(50% - 50px);

        left: auto;

    }

}


.hs-home-link {

    position: relative;

    padding-right: 0;

    padding-left: 0;

	background:#eee;

}



.gettop {

    position: fixed;

    z-index: 8;

    right: 0;

    bottom: 30px;

    display: none;

    cursor: pointer;

    color: #004ea2;

}

.gettop .icon {

    font-size: 40px;

    display: block;

    width: 60px;

    -webkit-animation: Mouse 1.6s linear infinite;

    animation: Mouse 1.6s linear infinite;

    text-align: center;

}

@-webkit-keyframes Mouse {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

@keyframes Mouse {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

.hs-inner {

    overflow: hidden;

    padding: 80px 0;

}

@media (max-width: 991px) {

    .hs-inner {

        padding: 60px 0;

    }

}

@media (max-width: 767px) {

    .hs-inner {

        padding: 40px 0;

    }

}

.pb-150 {

    padding-bottom: 150px;

}

@media (max-width: 1199px) {

    .pb-150 {

        padding-bottom: 70px;

    }

}

.title-inner {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

@media (max-width: 767px) {

    .title-inner {

        display: block;

    }

}

.title-inner h2 {

    color: #004ea2;

}

.title-inner h3 {

    color: #e3e3e3;

}

.inner-location {

    padding-top: 25px;

    padding-bottom: 25px;

    background-color: #f4f4f4;

}

@media (max-width: 1199px) {

    .inner-location {

        padding-top: 10px;

        padding-bottom: 10px;

    }

}

.inner-location .title-inner {

    display: inline-block;

}

@media (max-width: 767px) {

    .inner-location .title-inner {

        display: none;

    }

}

.inner-location .title-inner h2 {

    font-size: 30px;

    font-weight: 900;

    line-height: 40px;

    margin: 0;

    text-transform: capitalize;

    color: #000;

}

@media (max-width: 1470px) {

    .inner-location .title-inner h2 {

        font-size: 24px;

    }

}

@media (max-width: 1199px) {

    .inner-location .title-inner h2 {

        font-size: 20px;

    }

}

.inner-location .location {

    font-size: 16px;

    display: inline-block;

    float: right;

    color: #999;

}

@media (max-width: 767px) {

    .inner-location .location {

        display: block;

        float: none;

    }

}

.inner-location .location .icon {

    font-size: 20px;

    display: inline-block;

}

.inner-location .location .icon,

.inner-location .location span,

.inner-location .location ul {

    line-height: 40px;

    display: inline-block;

    vertical-align: middle;

}

.inner-location .location ul li {

    line-height: 40px;

    display: inline-block;

    vertical-align: top;

    text-transform: capitalize;

}

.inner-location .location ul li:after {

    display: inline-block;

    content: '>';

    vertical-align: top;

}

.inner-location .location ul li:last-child:after {

    display: none;

}

.inner-location .location ul li a {

    display: inline-block;

    vertical-align: top;

}

.inner-location .location ul li a:hover {

    text-decoration: underline;

    color: #004ea2;

}

.inner-location-product .location {

    display: block;

    float: none;

}

@media (min-width: 1200px) {

    .inner-info {

        font-size: 0;

    }

    .inner-info .inner-left,

    .inner-info .inner-right {

        font-size: 14px;

        display: inline-block;

        vertical-align: top;

    }

    .inner-left {

        width: 400px;

    }

    .inner-right {

        width: -webkit-calc(100% - 400px);

        width: calc(100% - 400px);

        padding: 30px 30px 80px 30px;

        border: 1px solid #ebebeb;

        box-shadow: 0 10px 11px 0 rgba(199, 199, 199, .67);

    }

}

@media (min-width: 1200px) and (max-width: 1470px) {

    .inner-left {

        width: 350px;

    }

}

@media (min-width: 1200px) and (max-width: 1470px) {

    .inner-right {

        width: -webkit-calc(100% - 350px);

        width: calc(100% - 350px);

    }

}

.catalog-menu {

    position: relative;

    z-index: 6;

    margin-top: 20px;

    padding: 40px 20px 60px 20px;

    background: -webkit-gradient(linear, left top, right top, from(#fafafa), to(#f2f2f2));

    background: -webkit-linear-gradient(left, #fafafa, #f2f2f2);

    background: linear-gradient(90deg, #fafafa, #f2f2f2);

}

@media (max-width: 1199px) {

    .catalog-menu {

        margin-top: 0;

        padding: 0 10px;

    }

}

.catalog-menu:before {

    position: absolute;

    z-index: 2; display:none;

    top: 0;

    left: 0;



    width: 0;

    height: 0;

    content: '';

    border-width: 60px 60px 0 0;

    border-style: solid;

    border-color: #fff transparent transparent transparent;

}

@media (max-width: 1199px) {

    .catalog-menu:before {

        display: none;

        border-width: 30px 30px 0 0;

    }

}

.catalog-menu .tit-menu {

    position: relative;

    padding: 10px 0;

    border-bottom: 1px solid #e3e3e3;

}

@media (max-width: 1199px) {

    .catalog-menu .tit-menu {

        border: none;

    }

}

.catalog-menu .tit-menu h2 {

    font-family: 'Kanit';

    font-size: 36px;

    font-weight: bold;

    line-height: 40px;

    margin: 0;

    color: #555;

}

@media (max-width: 1199px) {

    .catalog-menu .tit-menu h2 {

        font-size: 24px;

        line-height: 40px;

    }

}

.catalog-menu .tit-menu .btn-toggle {

    position: absolute;

    top: 5px;

    right: 15px;

    display: none;

    width: 30px;

    height: 60px;

}

@media (max-width: 1199px) {

    .catalog-menu .tit-menu .btn-toggle {

        display: block;

        height: 50px;

    }

}

.catalog-menu .tit-menu .btn-toggle span {

    position: absolute;

    display: block;

    width: 30px;

    height: 2px;

    border-radius: 5px;

    background-color: #333;

}

.catalog-menu .tit-menu .btn-toggle .line1 {

    top: 35%;

    left: 50%;

    -webkit-transition: all .4s;

    transition: all .4s;

    -webkit-transform: translateX(-50%) rotateZ(0deg);

    -ms-transform: translateX(-50%) rotate(0deg);

    transform: translateX(-50%) rotateZ(0deg);

}

.catalog-menu .tit-menu .btn-toggle .line2 {

    top: 50%;

}

.catalog-menu .tit-menu .btn-toggle .line3 {

    top: 65%;

    left: 50%;

    -webkit-transition: all .4s;

    transition: all .4s;

    -webkit-transform: translateX(-50%) rotateZ(0deg);

    -ms-transform: translateX(-50%) rotate(0deg);

    transform: translateX(-50%) rotateZ(0deg);

}

.catalog-menu .tit-menu .btn-toggle.active .line2 {

    opacity: 0;

}

.catalog-menu .tit-menu .btn-toggle.active .line1 {

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(-45deg);

    -ms-transform: translateX(-50%) rotate(-45deg);

    transform: translateX(-50%) rotateZ(-45deg);

}

.catalog-menu .tit-menu .btn-toggle.active .line3 {

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(45deg);

    -ms-transform: translateX(-50%) rotate(45deg);

    transform: translateX(-50%) rotateZ(45deg);

}

.catalog-menu .menu-nav {

    margin-top: 30px;

}

@media (max-width: 1199px) {

    .catalog-menu .menu-nav {

        position: absolute;

        z-index: 2;

        top: 60px;

        left: 0;

        display: none;

        width: 100%;

        margin-top: 0;

        padding: 10px;

        background-color: #fff;

        box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    }

}

.catalog-menu .menu-nav .menu-nav1>li {

    position: relative;

    margin-top: 6px;

}

.catalog-menu .menu-nav .menu-nav1>li>a {

    font-size: 20px;

    line-height: 26px;

    position: relative;

    display: block;

    padding: 15px 50px 15px 20px;

    -webkit-transition: all .2s;

    transition: all .2s;

    color: #666;

    background-color: #e7e7e7;

}

@media (max-width: 1470px) {

    .catalog-menu .menu-nav .menu-nav1>li>a {

        font-size: 18px;

    }

}

.catalog-menu .menu-nav .menu-nav1>li>a:before {

    font-family: 'iconfont' !important;

    line-height: 60px;

    position: absolute;

    top: 0;

    right: 0;

    width: 60px;

    content: '\e625';

    text-align: center;

    color: #999;

}

.catalog-menu .menu-nav .menu-nav1>li .iconfont {

    line-height: 50px;

    position: absolute;

    z-index: 2;

    top: 0;

    right: 0;

    width: 50px;

    -webkit-transition: all .4s;

    transition: all .4s;

    text-align: center;

    opacity: 0;

    color: #fff;

}

.catalog-menu .menu-nav .menu-nav1>li.active>a,

.catalog-menu .menu-nav .menu-nav1>li:hover>a {

    color: #fff;

    background-color: #004ea2;

}

.catalog-menu .menu-nav .menu-nav1>li.active>a:before,

.catalog-menu .menu-nav .menu-nav1>li:hover>a:before {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    color: #fff;

}

.catalog-menu .menu-nav .menu-nav2 {

    display: none;

    padding: 14px 0;

}

@media (max-width: 767px) {

    .catalog-menu .menu-nav .menu-nav2 {

        padding: 0;

    }

}

.catalog-menu .menu-nav .menu-nav2>li {

    position: relative;

    border-bottom: 1px solid rgba(183, 183, 183, .3);

}

.catalog-menu .menu-nav .menu-nav2>li>a {

    font-size: 18px;

    line-height: 30px;

    position: relative;

    display: block;

    padding: 15px 20px 15px 40px;

    color: #777;

}

@media (max-width: 1470px) {

    .catalog-menu .menu-nav .menu-nav2>li>a {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .catalog-menu .menu-nav .menu-nav2>li>a {

        font-size: 14px;

        padding-top: 10px;

        padding-bottom: 10px;

    }

}

.catalog-menu .menu-nav .menu-nav2>li>a:before {

    font-family: 'iconfont' !important;

    position: absolute;

    top: 16px;

    left: 20px;

    content: '\e62b';

    color: #b7b7b7;

}

.catalog-menu .menu-nav .menu-nav2>li.active>a,

.catalog-menu .menu-nav .menu-nav2>li:hover>a {

    color: #004ea2;

}

.catalog-menu .menu-nav .menu-nav2>li.active>a:before,

.catalog-menu .menu-nav .menu-nav2>li:hover>a:before {

    color: #004ea2;

}

.catalog-menu-news {

    padding-top: 0;

}

.catalog-menu-news .menu-nav {

    margin-top: 30px;

}

.inner-menu {

    position: relative;

    z-index: 2;

    margin-top: -90px;

    text-align: center;

    background-color: rgba(0, 99, 182, .8);

}

@media (max-width: 1199px) {

    .inner-menu {

        margin-top: 0;

        background-color: #004ea2;

    }

}

@media (max-width: 767px) {

    .inner-menu {

        padding: 10px 0;

    }

}

.inner-menu ul li {

    display: inline-block;

    vertical-align: middle;

}

.inner-menu ul li a {

    font-size: 18px;

    line-height: 30px;

    display: block;

    padding: 30px 40px;

    -webkit-transition: all .2s;

    transition: all .2s;

    opacity: .8;

    color: #fff;

}

@media (max-width: 1199px) {

    .inner-menu ul li a {

        font-size: 16px;

        line-height: 24px;

        padding: 10px;

    }

}

@media (max-width: 767px) {

    .inner-menu ul li a {

        font-size: 15px;

        padding: 5px;

    }

}

.inner-menu ul li:hover a,

.inner-menu ul li.active a {

    opacity: 1;

}

.hs-inner-about {

    position: relative;

    z-index: 2;

    padding-right: 0;

    padding-bottom: 0;

    padding-left: 0;

}

.hs-inner-about .about {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    /* -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

            align-items: center; */

}

@media (max-width: 767px) {

    .hs-inner-about .about {

        display: block;

    }

}

.hs-inner-about .about .about-left {

    width: 60%;

}

@media (max-width: 991px) {

    .hs-inner-about .about .about-left {

        width: 65%;

    }

}

@media (max-width: 767px) {

    .hs-inner-about .about .about-left {

        width: 100%;

    }

}

.hs-inner-about .about .about-left h4 {

    font-family:Arial, Helvetica, sans-serif; font-weight:bold;

    font-size: 30px;

    line-height: 1.4;

    color: #004ea2;

}

@media (max-width: 767px) {

    .hs-inner-about .about .about-left h4 {

        font-size: 20px;

    }

}

.hs-inner-about .about .about-left p {

    font-size: 16px;

    line-height: 2.25;

    margin: 0;

    color: #333;

}

@media (max-width: 767px) {

    .hs-inner-about .about .about-left p {

        font-size: 14px;

        line-height: 24px;

    }

}

.hs-inner-about .about .about-right {

    width: 35%;

	margin-left: 5%;

    text-align: right;

}

@media (max-width: 991px) {

    .hs-inner-about .about .about-right {

        width: 35%;

		margin-left:0;

    }

}

@media (max-width: 767px) {

    .hs-inner-about .about .about-right {

        width: 100%;

        margin-top: 30px;

        text-align: left;

    }

}

.hs-inner-about .about .about-right .title-home {

    display: inline-block;

    text-align: left;

}

.hs-inner-about .about .about-right .title-home img,

.hs-inner-about .about .about-right .title-home h2 {

    display: inline-block;

    vertical-align: middle;

}

.hs-inner-about .about .about-right img {

    max-width: 100%;



}

.hs-inner-about .about .about-right .title-home img {

    margin-right: 20px;

}

@media (max-width: 991px) {

    .hs-inner-about .about .about-right img {

        margin: 0;

    }

}

.hs-inner-about .about .about-right .title-home h2 img {

    display: block;

    margin-top: 10px;

}

.hs-inner-about .number {

    margin-top: 80px;

}

@media (max-width: 991px) {

    .hs-inner-about .number {

        margin-top: 30px;

    }

}

@media (max-width: 767px) {

    .hs-inner-about .number {

        margin-top: 0;

    }

}

@media (min-width: 1200px) {

    .hs-inner-about .number ul {

        margin: 0 -25px;

    }

}

.hs-inner-about .number ul li {

    margin-top: 30px;

}

@media (min-width: 1200px) {

    .hs-inner-about .number ul li {

        padding: 0 25px;

    }

}

.hs-inner-about .number .num-item {

    padding: 50px;

    border-radius: 15px;

    background: #fff;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}

@media (max-width: 1199px) {

    .hs-inner-about .number .num-item {

        padding: 30px 20px;

    }

}

@media (max-width: 767px) {

    .hs-inner-about .number .num-item {

        padding: 20px 14px;

    }

}

.hs-inner-about .number .num-item h3 {

    font-family: 'D-DIN Condensed';

    font-size: 72px;

    line-height: 1;

    margin: 0;

    color: #004ea2;

}

@media (max-width: 1470px) {

    .hs-inner-about .number .num-item h3 {

        font-size: 60px;

    }

}

@media (max-width: 1199px) {

    .hs-inner-about .number .num-item h3 {

        font-size: 50px;

    }

}

.hs-inner-about .number .num-item h3 sub {

    font-size: 36px;

    bottom: 24px;

    margin-left: 4px;

    vertical-align: bottom;

}

@media (max-width: 1470px) {

    .hs-inner-about .number .num-item h3 sub {

        font-size: 30px;

    }

}

@media (max-width: 1199px) {

    .hs-inner-about .number .num-item h3 sub {

        font-size: 24px;

    }

}

@media (max-width: 767px) {

    .hs-inner-about .number .num-item h3 sub {

        font-size: 20px;

        bottom: 14px;

    }

}

.hs-inner-about .number .num-item p {

    font-size: 18px;

    line-height: 26px;

    margin: 20px 0 0 0;

    color: #666;

}

@media (max-width: 991px) {

    .hs-inner-about .number .num-item p {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .hs-inner-about .number .num-item p {

        font-size: 14px;

        line-height: 24px;

    }

}

.hs-inner-factory {

    margin-top: -90px;

    padding: 0;

    padding-top: 180px; background:url(../images/facbg.jpg) top center no-repeat; background-size: 100% 27%;

   /** background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #004ea2), color-stop(50%, #fff));

    background-image: -webkit-linear-gradient(#004ea2 50%, #fff 50%);

    background-image: linear-gradient(#004ea2 50%, #fff 50%); ***/

}

@media (max-width: 991px) {

    .hs-inner-factory {

        padding-top: 140px;

		background:url(../images/facbg.jpg) top center no-repeat; background-size: 100% 24%;

    }

	

}

.hs-inner-factory .factory-slide {

    width: 130%;

    margin-top: 70px;

    margin-left: -15%;

}

@media (max-width: 767px) {

    .hs-inner-factory .factory-slide {

        width: 100%;

        margin: 20px 0 0 0;

    }

}



.hs-inner-factory .factory { padding:60px 0;}



.hs-inner-factory .factory .item .ibox {

    padding-bottom: 75%;

}



.hs-inner-factory .factory .item .ibox img

{

    -webkit-transition: all 1s;

            transition: all 1s;

}

.hs-inner-factory .factory .item{ 

   margin-top:30px; 

   display:block;

  }

.hs-inner-factory .factory .item .note

{

    line-height: 80px;



    position: relative;



    padding: 0 20px 0 20px;

}

@media (max-width: 767px)

{

   .hs-inner-factory .factory { padding:15px 0;}

    .hs-inner-factory .factory .item .note

    {

        line-height: 50px;



        padding: 0 6px 0 6px;

    }

}

.hs-inner-factory .factory .item .note p

{

    font-size: 16px;

    font-weight: bold;

    line-height: 80px;



    display: -webkit-box;

    overflow: hidden;



    height: 80px;

    margin: 0;



    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 767px)

{

    .hs-inner-factory .factory .item .note p

    {

        font-size: 14px;

        line-height: 50px;



        height: 50px;

    }

}

.hs-inner-factory .factory .item .note span.factorymore

{

    line-height: 80px;



    position: absolute;

    top: 0;

    right: 20px;



    display: block;

	display: none;

    color: #999;

}

@media (max-width: 767px)

{

    .hs-inner-factory .factory .item .note span.factorymore

    {

        line-height: 50px;



        right: 6px;

    }

}

.hs-inner-factory .factory .item .note span.factorymore:before

{

    display: inline-block;



    width: 0;

    height: 0;

    margin-right: 10px;



    content: '';

    vertical-align: middle;



    border-width: 4px 0 4px 6px;

    border-style: solid;

    border-color: transparent transparent transparent #2ac0c4;

}

.hs-inner-factory .factory .item:hover

{

    background-color: #2ac0c4;

}

.hs-inner-factory .factory .item:hover .ibox img

{

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

}

.hs-inner-factory .factory .item:hover .note p

{

    color: #fff;

}



.hs-inner-factory .factory-slide .slick-slide {

    padding: 0 12px;

}

.hs-inner-factory .factory-slide .factory-item {

    position: relative;

    display: block;

    text-align: center;

}

.hs-inner-factory .factory-slide .factory-item .ibox {

    padding-bottom: 75%;

}

.hs-inner-factory .factory-slide .factory-item .ibox img {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.hs-inner-factory .factory-slide .factory-item .title-factory {

    position: absolute;

    z-index: 2;

    bottom: 20px;

    width: 100%;

    padding: 0 5%;

    -webkit-transition: all .6s;

    transition: all .6s;

    -webkit-transform: translateY(200%);

    -ms-transform: translateY(200%);

    transform: translateY(200%);

}

@media (max-width: 767px) {

    .hs-inner-factory .factory-slide .factory-item .title-factory {

        bottom: 10px;

    }

}

.hs-inner-factory .factory-slide .factory-item .title-factory h3 {

    font-size: 18px;

    line-height: 60px;

    display: -webkit-box;

    overflow: hidden;

    height: 60px;

    margin: 0;

    padding: 0 20px;

    -webkit-transition: all .2s;

    transition: all .2s;

    background-color: #fff;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 767px) {

    .hs-inner-factory .factory-slide .factory-item .title-factory h3 {

        font-size: 16px;

        line-height: 40px;

        height: 40px;

        padding: 0 10px;

    }

}

.hs-inner-factory .factory-slide .factory-item:hover .ibox img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.hs-inner-factory .factory-slide .factory-item:hover .title-factory h3 {

    color: #fff;

    background-color: #004ea2;

}

.hs-inner-factory .factory-slide .slick-center .title-factory {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

}

.hs-inner-factory .factory-slide .slick-arrow {

    left: 25%;

    color: #004ea2;

    border-radius: 50%;

}

@media (max-width: 767px) {

    .hs-inner-factory .factory-slide .slick-arrow {

        left: 0;

    }

}

.hs-inner-factory .factory-slide .slick-arrow::before {

    content: '\e625';

}

.hs-inner-factory .factory-slide .slick-arrow.slick-next {

    right: 25%;

    left: auto;

}

@media (max-width: 767px) {

    .hs-inner-factory .factory-slide .slick-arrow.slick-next {

        right: 0;

    }

}

.hs-inner-factory .factory-slide .slick-arrow:hover {

    color: #fff;

    background-color: #004ea2;

}

.hs-inner-case {

    position: relative;

}

.hs-inner-case:before {

    position: absolute;

    bottom: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

    content: '';

    background-color: #f5f5f5;

}

.hs-inner-case .case-nav {

    text-align: center;

}

.hs-inner-case .case-nav>ul {

    margin: 0 -20px;

}

.hs-inner-case .target .box{ padding:20px;}

.hs-inner-case .target .box img{ 
    max-width:100%; 
	border-radius:10px;
  
}

.hs-inner-case .target .text-list{ 
     padding-top:0%;
}

.hs-inner-case .target .text-list ul li{
      float:left; width:100%; 
	  
      font-size:20px;
	  color:#666;
 }
 
.hs-inner-case .target .text-list ul li strong{ 
      font-size:60px; 
	  
      font-weight:bold;  
	   
      font-family: 'D-DIN Condensed';
 }

@media (max-width: 1530px) {

.hs-inner-case .target .text-list{ 
     padding-top:4%;
}

.hs-inner-case .target .text-list ul li{
	  
      font-size:18px;
 }
 
.hs-inner-case .target .text-list ul li strong{ 
      font-size:50px; 
	  
 
 }

}



@media (max-width: 1441px) {

.hs-inner-case .target .text-list{ 
     padding-top:3%;
}

.hs-inner-case .target .text-list ul li{
	  
      font-size:17px;
 }
 
.hs-inner-case .target .text-list ul li strong{ 
      font-size:45px; 
 

 }

}

@media (max-width: 1199px) {

.hs-inner-case .target .text-list{ 
     padding-top:1%;
}

.hs-inner-case .target .text-list ul li{
	  
      font-size:16px;
 }
 
.hs-inner-case .target .text-list ul li strong{ 
      font-size:35px; 
 

 }

}





@media (max-width: 767px) {

.hs-inner-case .target .box{ padding:20px 0 20px 0;}

 .hs-inner-case .target .text-list ul li strong{ 
      font-size:40px; 
	  
	  float:left;  
	  width: 46px;
      line-height: 1;
 }
.hs-inner-case .target .text-list{ padding:1% 0 0 0;}

.hs-inner-case .target .text-list ul li{
	  
      font-size:14px; margin-bottom:8px;
 }
 

    .hs-inner-case .case-nav>ul {

        margin: 0 -10px;

    }

}

.hs-inner-case .case-nav>ul>li {

    display: inline-block;

    padding: 0 20px;

}

@media (max-width: 767px) {

    .hs-inner-case .case-nav>ul>li {

        padding: 0 10px;

    }

}

.hs-inner-case .case-nav>ul>li>a {

    font-size: 40px;

	font-family: D-DIN Exp, Verdana, Arial, Helvetica, sans-serif;

    font-weight: 900;

    line-height: 1.4;

    position: relative;

    display: inline-block;

    color: #999;

}

@media (max-width: 1199px) {

    .hs-inner-case .case-nav>ul>li>a {

        font-size: 30px;

    }

}

@media (max-width: 991px) {

    .hs-inner-case .case-nav>ul>li>a {

        font-size: 24px;

    }

}

@media (max-width: 767px) {

    .hs-inner-case .case-nav>ul>li>a {

        font-size: 20px;

    }

}

.hs-inner-case .case-nav>ul>li>a:before {

    position: absolute;

    z-index: 2;

    bottom: -10px;

    left: 50%;

    display: block;

    width: 0;

    height: 0;

    content: '';

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

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

    transform: translateX(-50%);

    opacity: 0;

    border-width: 10px 6px 0 6px;

    border-style: solid;

    border-color: #004ea2 transparent transparent transparent;

}

.hs-inner-case .case-nav>ul>li.active>a {

    color: #004ea2;

}

.hs-inner-case .case-nav>ul>li.active>a:after {

    width: 100%;

}

.hs-inner-case .case-nav>ul>li.active>a:before {

    opacity: 1;

}

.hs-inner-case .case-list {

    position: relative;

    z-index: 2;

    display: none;

    margin-top: 70px;

}

@media (max-width: 767px) {

    .hs-inner-case .case-list {

        margin-top: 20px;

    }

}

.hs-inner-case .case-list .case-slide {

    margin: 0 -10px;

}

@media (max-width: 767px) {

    .hs-inner-case .case-list .case-slide {

        margin: 0 -5px;

    }

}

.hs-inner-case .case-list .case-slide .slick-slide {

    padding: 0 10px;

}

@media (max-width: 767px) {

    .hs-inner-case .case-list .case-slide .slick-slide {

        padding: 0 5px;

    }

}

.hs-inner-case .case-list .slick-arrow {

    top: 50%;

    left: -20px;

    color: #004ea2;

    border-radius: 50%;

}

.hs-inner-case .case-list .slick-arrow::before {

    content: '\e625';

}

.hs-inner-case .case-list .slick-arrow.slick-next {

    right: -20px;

    left: auto;

}

.hs-inner-case .case-list .slick-arrow:hover {

    color: #fff;

    background-color: #004ea2;

}

.hs-inner-case .case-list .case-item {

    display: block;

    -webkit-transition: all .2s;

    transition: all .2s;

    text-align: center;

}

.hs-inner-case .case-list .case-item .ibox {

    padding-bottom: 75%;

}

.hs-inner-case .case-list .case-item .ibox img {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.hs-inner-case .case-list .case-item h3 {

    font-size: 18px;

    line-height: 50px;

    display: -webkit-box;

    overflow: hidden;

    height: 50px;

    margin: 0;

    padding: 0 10px;

    -webkit-transition: all .2s;

    transition: all .2s;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 767px) {

    .hs-inner-case .case-list .case-item h3 {

        font-size: 16px;

    }

}

.hs-inner-case .case-list .case-item:hover {

    border: 5px solid #004ea2;

    border-bottom: none;

}

.hs-inner-case .case-list .case-item:hover .ibox img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.hs-inner-case .case-list .case-item:hover h3 {

    color: #fff;

    background-color: #004ea2;

}

.hs-inner-certificates {

    padding-right: 0;

    padding-left: 0;

}

.hs-inner-certificates .certificates-slide {

    margin: 0 -12px;

    margin-top: 50px;

    text-align: center;

}

@media (max-width: 991px) {

    .hs-inner-certificates .certificates-slide {

        margin-top: 20px;

    }

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide {

        margin-top: 10px;

    }

}

.hs-inner-certificates .certificates-slide .slick-slide {

    padding: 20px 12px;

}

.hs-inner-certificates .certificates-slide .certificates-item {

    display: block;

    text-align: center;

}

.hs-inner-certificates .certificates-slide .certificates-item .img {

    /* height: 350px; */

}

@media (max-width: 991px) {

    .hs-inner-certificates .certificates-slide .certificates-item .img {

        /* height: 280px; */

    }

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide .certificates-item .img {

        /* height: 200px; */

    }

}

.hs-inner-certificates .certificates-slide .certificates-item .img img {

    width: 100%;

}

.hs-inner-certificates .certificates-slide .certificates-item h3 {

    font-size: 18px;

    line-height: 60px;

    position: relative;

    z-index: 2;

    width: 90%;

    height: 60px;

    margin: 0 auto;

    margin-top: -30px;

    background: #fff;

    box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .1);

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

@media (max-width: 991px) {

    .hs-inner-certificates .certificates-slide .certificates-item h3 {

        font-size: 16px;

        width: 80%;

    }

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide .certificates-item h3 {

        font-size: 15px;

        line-height: 40px;

        height: 40px;

        margin-top: -20px;

    }

}

.hs-inner-certificates .certificates-slide .slick-list {

    margin-bottom: 40px;

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide .slick-list {

        margin-bottom: 20px;

    }

}

.hs-inner-certificates .certificates-slide .slick-dots {

    font-size: 0;

    display: inline-block !important;

    margin: 0;

    vertical-align: middle;

}

.hs-inner-certificates .certificates-slide .slick-dots li {

    margin: 0 8px;

    border-radius: 10px;

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide .slick-dots li {

        margin: 0 4px;

    }

}

.hs-inner-certificates .certificates-slide .slick-dots .slick-active {

    width: 40px;

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide .slick-dots .slick-active {

        width: 20px;

    }

}

.hs-inner-certificates .certificates-slide .prev-next {

    display: inline-block;

    vertical-align: middle;

}

.hs-inner-certificates .certificates-slide .prev-next .slick-arrow {

    font-size: 34px;

    position: relative;

    top: 0;

    display: inline-block;

    margin: 0 10px;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    vertical-align: middle;

    border: none;

    border-radius: 50%;

    background: none;

    box-shadow: none;

}

.hs-inner-certificates .certificates-slide .prev-next .slick-arrow::before {

    content: '\e625';

}

@media (max-width: 767px) {

    .hs-inner-certificates .certificates-slide .prev-next .slick-arrow {

        margin: 0;

    }

}

.hs-inner-certificates .certificates-slide .prev-next .slick-arrow:hover {

    color: #004ea2;

}

#about-about,

#about-factory,

#about-certificates,

#about-case {

    position: relative;

    top: -120px;

}

.hs-inner-products .products {

    margin-top: -40px;

}

@media (max-width: 1199px) {

    .hs-inner-products .products {

        margin-top: 0;

    }

}

.hs-inner-products .products .category-item {

    margin-top: 40px;

}

@media (max-width: 1199px) {

    .hs-inner-products .products .category-item {

        margin-top: 30px;

    }

}

.hs-inner-product-show .inner-location {

    background-color: #f9f9f9;

}

.hs-inner-product-show .product-show .pro-show-info {

    border: 1px solid #f3f3f3;

}

.hs-inner-product-show .product-show .pro-show-info .ibox {

    padding-bottom: 75%;

}

@media (max-width: 1560px) {

    .hs-inner-product-show .product-show .pro-left,

    .hs-inner-product-show .product-show .pro-right {

        width: 50%;

    }

}

@media (max-width: 1560px) and (max-width: 991px) {

    .hs-inner-product-show .product-show .pro-left,

    .hs-inner-product-show .product-show .pro-right {

        width: 100%;

    }

}

.hs-inner-product-show .product-show .products-show-big-scroll {

    font-size: 0;

}

.hs-inner-product-show .product-show .products-show-big-scroll .itempack {

    cursor: crosshair;

}

.hs-inner-product-show .product-show .products-show-small-scroll {

    padding: 20px 30px;

    background-color: #f6f6f6;

}

.hs-inner-product-show .product-show .products-show-small-scroll .slick-slide {

    padding: 0 10px;

}

.hs-inner-product-show .product-show .products-show-small-scroll .slick-current .itempack {

    border: 1px solid #004ea2;

}

.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow {

    font-size: 30px;

    left: 0;

    width: 40px;

    text-align: center;

    border: none;

    background: none;

    box-shadow: none;

}

.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow:before {

    content: '\e625';

}

.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow.slick-next {

    right: 0;

    left: auto;

}

.hs-inner-product-show .product-show .products-show-small-scroll .slick-arrow:hover {

    color: #004ea2;

}

.hs-inner-product-show .product-show .title-product-show {

    position: relative;

    padding: 20px 0;

    border-bottom: 1px solid #efefef;

}

@media (max-width: 1199px) {

    .hs-inner-product-show .product-show .title-product-show {

        margin-top: 30px;

    }

}

.hs-inner-product-show .product-show .title-product-show:after {

    position: absolute;

    right: 0;

    bottom: -3px;

    display: block;

    width: 63px;

    height: 6px;

    content: '';

    background-color: #004ea2;

}

.hs-inner-product-show .product-show .title-product-show h1 {

    font-size: 24px;

    font-weight: bold;

    line-height: 1.4;

    margin: 0;

}

.hs-inner-product-show .product-show .product-info {

    padding-left: 3%;

}

@media (max-width: 991px) {

    .hs-inner-product-show .product-show .product-info {

        padding-left: 0;

    }

}

.hs-inner-product-show .product-show .desc {

    margin-top: 20px;

    word-break: break-word;

}

.hs-inner-product-show .product-show .desc p {

    font-size: 20px;

    line-height: 1.5;

    margin: 0;

    color: #666;

}

@media (max-width: 1470px) {

    .hs-inner-product-show .product-show .desc p {

        font-size: 18px;

    }

}

@media (max-width: 991px) {

    .hs-inner-product-show .product-show .desc p {

        font-size: 16px;

        line-height: 24px;

    }

}

.hs-inner-product-show .product-show .info {

    margin-top: 30px;

}

@media (max-width: 767px) {

    .hs-inner-product-show .product-show .info {

        margin-top: 20px;

    }

}



.hs-inner-product-show .product-show .info ul{ margin-top:22px; border-top:1px solid #efefef;}

.hs-inner-product-show .product-show .info ul li {

    padding: 15px 0;

    border-bottom: 1px solid #efefef;

}

@media (max-width: 1470px) {

    .hs-inner-product-show .product-show .info ul li {

        padding: 10px 0;

    }

}

.hs-inner-product-show .product-show .info p {

    font-size: 18px;

    line-height: 30px;

    margin: 0;

    color: #777;

}

@media (max-width: 991px) {

    .hs-inner-product-show .product-show .info p {

        font-size: 16px;

    }

}

.hs-inner-product-show .product-show .link-share {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-top: 40px;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}

@media (max-width: 1470px) {

    .hs-inner-product-show .product-show .link-share {

        margin-top: 40px;

    }

}

.hs-inner-product-show .product-show .link>div {

    display: inline-block;

    vertical-align: top;

}

.hs-inner-product-show .product-show .link a {

    font-size: 18px;

    line-height: 54px;

    display: inline-block;

    padding: 0 40px;

    -webkit-transition: all .2s;

    transition: all .2s;

    color: #fff;

    background-color: #004ea2;

}

@media (max-width: 1470px) {

    .hs-inner-product-show .product-show .link a {

        line-height: 46px;

        padding: 0 30px;

    }

}

@media (max-width: 767px) {

    .hs-inner-product-show .product-show .link a {

        line-height: 40px;

    }

}

.hs-inner-product-show .product-show .link a:hover {

    color: #fff;

    border-color: #0068d8;

    background-color: #0068d8;

}

.hs-inner-product-show .product-show .link .btn-contact {

    margin-right: 20px;

}

.hs-inner-product-show .product-show .link .btn-contact a {

    color: #fff;

    border-color: #6d9e39;

    background-color: #6d9e39;

}

.hs-inner-product-show .product-show-desc .description {

    margin-top: 80px;

}

@media (max-width: 991px) {

    .hs-inner-product-show .product-show-desc .description {

        margin-top: 30px;

    }

}

.hs-inner-product-show .product-show-desc .desc {

    margin-top: 30px;

}

@media (max-width: 991px) {

    .hs-inner-product-show .product-show-desc .desc {

        margin-top: 10px;

    }

}

.hs-inner-product-show .product-show-desc .desc p {

    font-size: 18px;

    line-height: 1.5;

    margin: 0;

    color: #666;

}

@media (max-width: 991px) {

    .hs-inner-product-show .product-show-desc .desc p {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .hs-inner-product-show .product-show-desc .desc p {

        font-size: 14px;

        line-height: 24px;

    }

}

.hs-inner-product-show .product-show-desc .desc img {

    max-width: 100%;

    height: auto !important;

}

.hs-inner-product-show .title-pro-desc {

    position: relative;

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}

.hs-inner-product-show .title-pro-desc:after {

    position: absolute;

    z-index: 2;

    right: 0;

    bottom: -3px;

    display: block;

    width: 63px;

    height: 6px;

    content: '';

    background-color: #004ea2;

}

.hs-inner-product-show .title-pro-desc h3 {

    font-size: 24px;

    font-weight: bold;

    line-height: 1.4;

}


.hs-inner-product-show .product-show-desc .desc table{ 
   width:100%;     
   border-right: 1px solid #235bfd; margin-top:30px;
    border-bottom: 1px solid #235bfd;
}
.hs-inner-product-show .product-show-desc .desc table td{
    border-left: 1px solid #235bfd;
    border-top: 1px solid #235bfd;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 5px;
    font-family: "Microsoft YaHei";}



.hs-inner-product-show .inquiry {

    padding-top: 80px;

}

@media (max-width: 991px) {

    .hs-inner-product-show .inquiry {

        padding-top: 30px;

    }

}

.hs-inner-product-show .inquiry .title-inquiry {

    padding: 14px 24px;

    background-color: #f8f8f8;

}

@media (max-width: 991px) {

    .hs-inner-product-show .inquiry .title-inquiry {

        padding: 10px;

    }

}

.hs-inner-product-show .inquiry .title-inquiry h3 {

    font-family: 'D-DIN Condensed';

    font-size: 36px;

    line-height: 1;

    margin: 0;

}

@media (max-width: 1470px) {

    .hs-inner-product-show .inquiry .title-inquiry h3 {

        font-size: 30px;

    }

}

@media (max-width: 991px) {

    .hs-inner-product-show .inquiry .title-inquiry h3 {

        font-size: 24px;

    }

}

.hs-inner-product-show .inquiry .feedback {

    margin-top: 20px;

}

.hs-inner-product-show .inquiry .feedback form .itempack {

    margin-top: 20px;

}

@media (max-width: 767px) {

    .hs-inner-product-show .inquiry .feedback form .itempack {

        margin-top: 14px;

    }

}

.hs-inner-product-show .inquiry .feedback form .itempack input,

.hs-inner-product-show .inquiry .feedback form .itempack textarea {

    font-size: 16px;

    line-height: 30px;

    width: 100%;

    min-height: 60px;

    padding: 15px 15px;

    resize: vertical;

    color: #666;

    border: 1px solid #e3e3e3;

    outline: none;

    background-color: #fff;

}

@media (max-width: 991px) {

    .hs-inner-product-show .inquiry .feedback form .itempack input,

    .hs-inner-product-show .inquiry .feedback form .itempack textarea {

        font-size: 14px;

        line-height: 24px;

        min-height: 50px;

        padding: 10px;

    }

}

.hs-inner-product-show .inquiry .feedback form .itempack input::-webkit-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea::-webkit-input-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack input:-o-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea:-o-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack input::-moz-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea::-moz-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack input:-ms-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea:-ms-input-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-webkit-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-webkit-input-placeholder {

    color: #c5c5c5;

}

.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-o-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-o-placeholder {

    color: #c5c5c5;

}

.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-moz-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-moz-placeholder {

    color: #c5c5c5;

}

.hs-inner-product-show .inquiry .feedback form .itempack input:focus::-ms-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack textarea:focus::-ms-input-placeholder {

    color: #c5c5c5;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input::-webkit-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea::-webkit-input-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input:-o-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea:-o-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input::-moz-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea::-moz-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input:-ms-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea:-ms-input-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input:focus::-webkit-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea:focus::-webkit-input-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input:focus::-o-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea:focus::-o-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input:focus::-moz-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea:focus::-moz-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .itempack .read input:focus::-ms-input-placeholder,

.hs-inner-product-show .inquiry .feedback form .itempack .read textarea:focus::-ms-input-placeholder {

    color: #666;

}

.hs-inner-product-show .inquiry .feedback form .submit {

    font-size: 18px;

    line-height: 50px;

    padding: 0 30px;

    -webkit-transition: all .2s;

    transition: all .2s;

    color: #fff;

    border-radius: 0;

    outline: none;

    background-color: #004ea2;

}

@media (max-width: 767px) {

    .hs-inner-product-show .inquiry .feedback form .submit {

        font-size: 16px;

        line-height: 40px;

    }

}

.hs-inner-product-show .inquiry .feedback form .submit .icon {

    margin-right: 10px;

}

.hs-inner-product-show .inquiry .feedback form .submit:hover {

    background-color: #0068d8;

}

.hs-inner-product-show .relate-product {

    padding-top: 80px;

}

@media (max-width: 991px) {

    .hs-inner-product-show .relate-product {

        padding-top: 30px;

    }

}

.hs-inner-product-show .relate-product .relate-product-slide {

    margin-top: 30px;

    padding: 0 50px;

}

.hs-inner-product-show .relate-product .relate-product-slide .slick-slide {

    padding: 20px 15px;

}

@media (max-width: 767px) {

    .hs-inner-product-show .relate-product .relate-product-slide .slick-slide {

        padding: 20px 10px;

    }

}

.hs-inner-product-show .relate-product .slick-arrow {

    left: 0;

}

.hs-inner-product-show .relate-product .slick-arrow:before {

    content: '\e625';

}

.hs-inner-product-show .relate-product .slick-arrow.slick-next {

    right: 0;

    left: auto;

}



.hs-inner-nservice .nservice

{

    margin-top: -30px;

}

.hs-inner-nservice .nservice ul

{

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display:         flex;



    margin: 0 -15px;



    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

}

@media (max-width: 767px)

{

    .hs-inner-nservice .nservice ul

    {

        margin: 0 -5px;

    }

}

.hs-inner-nservice .nservice ul li

{

    width: 25%;

    margin-top: 30px;

    padding: 0 15px;

}

@media (max-width: 1470px)

{

    .hs-inner-nservice .nservice ul li

    {

        width: 25%;

    }

}

@media (max-width: 1199px)

{

    .hs-inner-nservice .nservice ul li

    {

        width: 50%;

    }

}

@media (max-width: 991px)

{

    .hs-inner-nservice .nservice ul li

    {

        width: 100%;

    }

}

@media (max-width: 767px)

{

    .hs-inner-nservice .nservice ul li

    {

        margin-top: 10px;

        padding: 0 5px;

    }

}



.hs-inner-nservice .nservice .service-item

{

    height: 100%;

    padding: 40px 24px;

    border-radius: 15px;

    background-color: #eeefff;

}

@media (max-width: 767px)

{

    .hs-inner-nservice .nservice .service-item

    {

        padding: 30px 14px;

    }

}

.hs-inner-nservice .nservice .service-item .icon

{

    width: 68px;

}

.hs-inner-nservice .nservice .service-item .icon img

{

    width: 100%;

}

.hs-inner-nservice .nservice .service-item .title-nservice h3

{

    font-size: 24px;

    line-height: 1.25; font-weight:bold;



    color: #171c61;

}

@media (max-width: 767px)

{

    .hs-inner-nservice .nservice .service-item .title-nservice h3

    {

        font-size: 20px;

    }

}

.hs-inner-nservice .nservice .service-item .title-nservice:after

{

    display: block;



    width: 100px;

    height: 1px;

    margin-top: 14px;



    content: '';



    background-color: #171c61;

}

.hs-inner-nservice .nservice .service-item .text

{

    margin-top: 14px;

}

.hs-inner-nservice .nservice .service-item .text p

{

    font-size: 20px;

    line-height: 1.5;



    margin: 0;



    color: #333;

}

@media (max-width: 1199px)

{

    .hs-inner-nservice .nservice .service-item .text p

    {

        font-size: 18px;

    }

}

@media (max-width: 991px)

{

    .hs-inner-nservice .nservice .service-item .text p

    {

        font-size: 16px;

    }

}

.hs-inner-nservice .nservice .service-item:hover .icon

{

    -webkit-animation: swing 1s 0s ease both;

            animation: swing 1s 0s ease both;

}







.hs-inner-service {

    padding-right: 0;

    padding-left: 0;

}

.hs-inner-service .service {

    margin-top: -60px;

}

@media (max-width: 767px) {

    .hs-inner-service .service {

        margin-top: -40px;

    }

}

.hs-inner-service .service .service-item {

    position: relative;

    margin-top: 60px;

    padding: 50px 50px 80px;

    border: 1px solid rgba(243, 243, 243, .67);

    box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .05);

}

@media (max-width: 767px) {

    .hs-inner-service .service .service-item {

        margin-top: 40px;

        padding: 20px 20px 50px;

    }

}

.hs-inner-service .service .service-item h3 {

    font-size: 24px;

    line-height: 56px;

    position: relative;

    display: -webkit-box;

    overflow: hidden;

    height: 56px;

    margin: 0;

    padding-left: 60px;

    -webkit-transition: all .2s;

    transition: all .2s;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 1199px) {

    .hs-inner-service .service .service-item h3 {

        font-size: 20px;

        line-height: 40px;

        height: 40px;

        padding-left: 50px;

    }

}

@media (max-width: 767px) {

    .hs-inner-service .service .service-item h3 {

        font-size: 16px;

    }

}

.hs-inner-service .service .service-item h3:before {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 44px;

    height: 56px;

    content: '';

    background: url(../images/pdf.webp) no-repeat;

    background-size: cover;

}

@media (max-width: 1199px) {

    .hs-inner-service .service .service-item h3:before {

        width: 30px;

        height: 40px;

    }

}

.hs-inner-service .service .service-item .txt {

    margin-top: 40px;

    word-break: break-word;

}

@media (max-width: 1199px) {

    .hs-inner-service .service .service-item .txt {

        margin-top: 20px;

    }

}

.hs-inner-service .service .service-item .txt p {

    font-size: 18px;

    line-height: 30px;

    display: -webkit-box;

    overflow: hidden;

    height: 60px;

    margin: 0;

    color: #666;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

@media (max-width: 1199px) {

    .hs-inner-service .service .service-item .txt p {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .hs-inner-service .service .service-item .txt p {

        font-size: 14px;

        line-height: 24px;

        height: 48px;

    }

}

.hs-inner-service .service .service-item .down {

    position: absolute;

    z-index: 2;

    right: 5%;

    bottom: -42px;

    width: 84px;

    height: 84px;

    -webkit-transition: all .2s;

    transition: all .2s;

    border-radius: 50%;

    background-color: #004ea2;

}

@media (max-width: 1199px) {

    .hs-inner-service .service .service-item .down {

        line-height: 60px;

        bottom: -30px;

        width: 60px;

        height: 60px;

    }

}

@media (max-width: 767px) {

    .hs-inner-service .service .service-item .down {

        line-height: 50px;

        bottom: -25px;

        width: 50px;

        height: 50px;

    }

}

.hs-inner-service .service .service-item .down img {

    width: 100%;

}

.hs-inner-service .service .service-item .down:hover {

    background-color: #de1613;

}

.hs-inner-service .service .service-item:hover h3 {

    color: #004ea2;

}





.hs-inner-news .faq

{

    margin-top: -30px;

}

.hs-inner-news .faq > ul > li

{

    margin-top: 30px;

}

.hs-inner-news .faq > ul > li:nth-child(2n) .item .title-faq-list:before

{

    background-color: #004ea2;

}

.hs-inner-news .faq > ul > li:nth-child(2n) .item .title-faq-list h3

{

    color: #004ea2;

}

.hs-inner-news .faq > ul > li:nth-child(2n).current .item .title-faq-list:after

{

    color: #004ea2;

}

.hs-inner-news .faq > ul > li.current .item .title-faq-list:after

{

    -webkit-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

            transform: rotate(90deg);



    color: #004ea2;

}

.hs-inner-news .faq .item .title-faq-list

{

    position: relative;



    padding: 10px 60px 10px 80px;



    cursor: pointer;



    border-radius: 50px;

    background-color: #f5f5f5;

}

@media (max-width: 991px)

{

    .hs-inner-news .faq .item .title-faq-list

    {

        padding: 6px 60px 6px 60px;

    }

}

.hs-inner-news .faq .item .title-faq-list:before

{

    font-family: 'iconfont' !important;

    font-size: 30px;

    font-weight: bold;

    line-height: 50px;



    position: absolute;

    top: 10px;

    left: 20px;



    display: block;



    width: 50px;

    height: 50px;



    content: '\e665';

    text-align: center;



    color: #fff;

    border-radius: 50%;

    background-color: #004ea2;

}

@media (max-width: 991px)

{

    .hs-inner-news .faq .item .title-faq-list:before

    {

        font-size: 16px;

        line-height: 26px;



        width: 26px;

        height: 26px;

    }

}

.hs-inner-news .faq .item .title-faq-list:after

{

    font-family: 'iconfont' !important;

    font-size: 30px;

    font-weight: bold;

    line-height: 70px;



    position: absolute;

    top: 0;

    right: 20px;



    content: '\e625';

    -webkit-transition: all .4s;

            transition: all .4s;



    color: #ccc;

}

@media (max-width: 991px)

{

    .hs-inner-news .faq .item .title-faq-list:after

    {

        font-size: 22px;

        line-height: 42px;



        right: 20px;

    }

}

.hs-inner-news .faq .item .title-faq-list h3

{

    font-size: 21px;

    font-weight: bold;

    line-height: 50px;



    display: -webkit-box;

    overflow: hidden;



    height: 50px;

    margin: 0;



    color: #004ea2;



    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 1199px)

{

    .hs-inner-news .faq .item .title-faq-list h3

    {

        font-size: 19px;

    }

}

@media (max-width: 991px)

{

    .hs-inner-news .faq .item .title-faq-list h3

    {

        font-size: 17px;

        line-height: 32px;



        height: 32px;

    }

}

@media (max-width: 767px)

{

    .hs-inner-news .faq .item .title-faq-list h3

    {

        font-size: 16px;

    }

}

.hs-inner-news .faq .item .text

{

    overflow: hidden;



    max-height: 60px;

    padding: 30px;



    -webkit-transition: all 1s;

            transition: all 1s;

}

@media (max-width: 991px)

{

    .hs-inner-news .faq .item .text

    {

        padding: 20px 10px;

    }

}

.hs-inner-news .faq .item .text p

{

    font-size: 16px;

    line-height: 30px;



    margin: 0;



    color: #666;

}

@media (max-width: 991px)

{

    .hs-inner-news .faq .item .text p

    {

        font-size: 14px;

        line-height: 24px;

    }

}

.hs-inner-news .faq .item .text.topen

{

    max-height: 1200px;

}





.hs-inner-news {

    padding-right: 0;

    padding-left: 0;

}

.hs-inner-news .news {

    margin-top: -60px;

}

@media (max-width: 991px) {

    .hs-inner-news .news {

        margin-top: -50px;

    }

}

@media (min-width: 1660px) {

    .hs-inner-news .news ul {

        margin: 0 -24px;

    }

    .hs-inner-news .news ul li {

        padding: 0 24px;

    }

}

.hs-inner-news .news .news-item {

    position: relative;

    display: block;

    margin-top: 60px;

    padding: 20px;

    border: 1px solid rgba(236, 236, 236, .67);

    box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .05);

}

@media (max-width: 991px) {

    .hs-inner-news .news .news-item {

        margin-top: 50px;

        padding: 10px;

    }

}

.hs-inner-news .news .news-item .img .ibox {

    padding-bottom: 75%;

}

.hs-inner-news .news .news-item .img .ibox img {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.hs-inner-news .news .news-item .desc {

    padding: 30px 0;

}

@media (max-width: 991px) {

    .hs-inner-news .news .news-item .desc {

        padding: 20px 0;

    }

}

.hs-inner-news .news .news-item .desc h3 {

    font-size: 20px;

    font-weight: bold;

    line-height: 30px;

    display: -webkit-box;

    overflow: hidden;

    height: 30px;

    margin: 0;

    -webkit-transition: all .2s;

    transition: all .2s;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

@media (max-width: 991px) {

    .hs-inner-news .news .news-item .desc h3 {

        font-size: 18px;

    }

}

.hs-inner-news .news .news-item .desc p {

    font-size: 16px;

    line-height: 30px;

    display: -webkit-box;

    overflow: hidden;

    height: 60px;

    margin: 0;

    word-break: break-word;

    color: #666;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

@media (max-width: 767px) {

    .hs-inner-news .news .news-item .desc p {

        font-size: 14px;

        line-height: 24px;

        height: 48px;

    }

}

.hs-inner-news .news .news-item .desc .date {

    font-size: 16px;

    line-height: 30px;

    display: block;

    margin: 5px 0;

    color: #004ea2;

}

@media (max-width: 767px) {

    .hs-inner-news .news .news-item .desc .date {

        font-size: 14px;

    }

}

.hs-inner-news .news .news-item .more {

    line-height: 52px;

    position: absolute;

    z-index: 2;

    bottom: -26px;

    left: 50%;

    width: 52px;

    height: 52px;

    margin-left: -26px;

    -webkit-transition: all .6s;

    transition: all .6s;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    background: #004ea2;

}

@media (max-width: 991px) {

    .hs-inner-news .news .news-item .more {

        line-height: 40px;

        bottom: -20px;

        width: 40px;

        height: 40px;

        margin-left: -20px;

    }

}

.hs-inner-news .news .news-item .more .icon {

    font-size: 28px; font-weight:lighter;

}

.hs-inner-news .news .news-item:hover .img .ibox img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.hs-inner-news .news .news-item:hover h3 {

    color: #004ea2;

}

.hs-inner-news .news .news-item:hover .more {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}

.hs-inner-news-show .news-show {

    max-width: 1160px;

    margin: 0 auto;

}

.hs-inner-news-show .title-news-show h1 {

    font-size: 26px;

    font-weight: bold;

    line-height: 1.5;

    margin: 0;

    color: #004ea2;

}

@media (max-width: 991px) {

    .hs-inner-news-show .title-news-show h1 {

        font-size: 18px;

    }

}

.hs-inner-news-show .title-news-show p {

    font-size: 14px;

    line-height: 24px;

    margin: 0;

    color: #999;

}

.hs-inner-news-show .title-news-show p span {

    display: inline-block;

    margin-right: 20px;

    vertical-align: middle;

}

@media (max-width: 991px) {

    .hs-inner-news-show .title-news-show p span {

        margin-right: 10px;

    }

}

.hs-inner-news-show .title-news-show .txt-share {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin-top: 20px;

    padding: 10px 0;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}

@media (max-width: 767px) {

    .hs-inner-news-show .title-news-show .txt-share {

        display: block;

    }

    .hs-inner-news-show .title-news-show .txt-share .social-share {

        margin-top: 10px;

    }

}

.hs-inner-news-show .wechat-qrcode {

    top: 40px;

}

.hs-inner-news-show .wechat-qrcode:after {

    top: -13px;

    bottom: auto;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.hs-inner-news-show .text-top {

    overflow: hidden;

    margin-top: 30px;

    padding: 10px 5%;

    color: #aaa;

    background-color: #f9f9f9;

}

.hs-inner-news-show .text-top p {

    font-size: 16px;

    line-height: 30px;

}

@media (max-width: 767px) {

    .hs-inner-news-show .text-top p {

        font-size: 14px;

    }

}

.hs-inner-news-show .text {

    margin-top: 30px;

}

.hs-inner-news-show .text p {

    font-size: 16px;

    line-height: 1.75;

    margin: 0;

    color: #666;

}

@media (max-width: 767px) {

    .hs-inner-news-show .text p {

        font-size: 14px;

    }

}

.hs-inner-news-show .text img {

    max-width: 100%;

    height: auto !important;

}

.hs-inner-news-show .button-news {

    margin-top: 50px;

}

.hs-inner-news-show .button-news a {

    font-size: 16px;

    line-height: 60px;

    position: relative;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    height: 60px;

    margin-top: 10px;

    padding: 0 10px 0 50px;

    -webkit-transition: all .2s;

    transition: all .2s;

    color: #666;

    background-color: #f5f5f5;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

.hs-inner-news-show .button-news a:before {

    font-family: 'iconfont' !important;

    font-size: 30px;

    line-height: 60px;

    position: absolute;

    top: 0;

    left: 0;

    width: 50px;

    content: '\eb60';

    text-align: center;

}

.hs-inner-news-show .button-news a.next {

    padding: 0 50px 0 10px;

    text-align: right;

}

@media (max-width: 767px) {

    .hs-inner-news-show .button-news a.next {

        padding: 0 10px 0 50px;

        text-align: left;

    }

}

.hs-inner-news-show .button-news a.next:before {

    right: 0;

    left: auto;

    content: '\e625';

}

@media (max-width: 767px) {

    .hs-inner-news-show .button-news a.next:before {

        right: auto;

        left: 0;

    }

}

.hs-inner-news-show .button-news a:hover {

    color: #fff;

    background-color: #004ea2;

}

.hs-inner-news-show .news-article {

    padding: 20px;

    border-top: 1px solid #ddd;

}

.hs-inner-news-show .news-article .article-title h2 {

    font-size: 20px;

    font-weight: bold;

    line-height: 1.4;

    margin: 0;

    color: #fff;

}

.hs-inner-news-show .news-article .listbox ul li:last-child .subject {

    border-bottom: none;

}

.hs-inner-news-show .news-article .listbox .subject {

    display: block;

    padding: 20px 0;

    color: #fff;

    border-bottom: 1px solid #fff;

}

.hs-inner-news-show .news-article .listbox .subject h3 {

    font-size: 16px;

    line-height: 28px;

    display: -webkit-box;

    overflow: hidden;

    height: 28px;

    margin: 0;

    -webkit-transition: all .2s;

    transition: all .2s;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}

.hs-inner-news-show .news-article .listbox .subject p {

    line-height: 18px;

    display: -webkit-box;

    overflow: hidden;

    max-height: 36px;

    margin: 6px 0;

    opacity: .8;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.hs-inner-news-show .news-article .listbox .subject .date {

    line-height: 24px;

    display: block;

    color: #fff;

}

.hs-inner-news-show .news-article .listbox .subject:hover h3 {

    text-decoration: underline;

}

.a2a_svg {

    background-color: #004ea2 !important;

}

.hs-inner-contact {

    padding-right: 0;

    padding-left: 0;

    background-color: #f8f8f8;

}

.hs-inner-contact .flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    background-color: #fff;

	box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

@media (max-width: 1199px) {

    .hs-inner-contact .flex {

        display: block;

    }

}

.hs-inner-contact .title-contact h2 {

    font-size: 30px; color:#004ea2;

    margin: 0;

}

@media (max-width: 767px) {

    .hs-inner-contact .title-contact h2 {

        font-size: 24px;

    }

}

.hs-inner-contact .contact,

.hs-inner-contact .message {

    width: 50%;

    padding: 70px 5%;

}

@media (max-width: 1470px) {

    .hs-inner-contact .contact,

    .hs-inner-contact .message {

        padding: 40px 3%;

    }

}

@media (max-width: 1199px) {

    .hs-inner-contact .contact,

    .hs-inner-contact .message {

        width: 100%;

        padding: 30px 15px;

    }

}

.hs-inner-contact .contact {

    color: #666;

}

.hs-inner-contact .contact .desc {

    margin-top: 10px;

}

@media (max-width: 1199px) {

    .hs-inner-contact .contact .desc {

        margin-top: 0;

    }

}

.hs-inner-contact .contact .desc ul li {

    margin-top: 26px; 

	padding-left:40px;

}

@media (max-width: 767px) {

    .hs-inner-contact .contact .desc ul li {

        margin-top: 10px;

		padding-left:10px;

    }

}

.hs-inner-contact .contact .desc ul li:nth-child(2n+1) .contact-item {

    border-right: 1px solid rgba(255, 255, 255, .3);

}

@media (max-width: 767px) {

    .hs-inner-contact .contact .desc ul li:nth-child(2n+1) .contact-item {

        border: none;

    }

}

.hs-inner-contact .contact .desc .contact-item {

    position: relative;

    padding-left: 70px;

}

@media (max-width: 1470px) {

    .hs-inner-contact .contact .desc .contact-item {

        padding-left: 50px;

    }

}

.hs-inner-contact .contact .desc .contact-item .icon {

    font-size: 54px;

    line-height: 1;

    position: absolute;

    top: 0;

    left: 0;

	color:#004ea2;

}

@media (max-width: 1470px) {

    .hs-inner-contact .contact .desc .contact-item .icon {

        font-size: 40px;

    }

}

.hs-inner-contact .contact .desc .contact-item h3 {

    font-size: 20px;

    font-weight: bold;

    line-height: 30px;

}

@media (max-width: 1470px) {

    .hs-inner-contact .contact .desc .contact-item h3 {

        font-size: 18px;

    }

}

.hs-inner-contact .contact .desc .contact-item p {

    font-size: 18px;

    line-height: 30px;

    margin: 0;

}

@media (max-width: 1470px) {

    .hs-inner-contact .contact .desc .contact-item p {

        font-size: 16px;

        line-height: 24px;

    }

}

.hs-inner-contact .contact .desc .contact-item a:hover {

    text-decoration: underline;

}

.hs-inner-contact .message form input,

.hs-inner-contact .message form textarea {

    font-size: 16px;

    line-height: 30px;

    width: 100%;

    margin-top: 20px;

    padding: 10px 20px;

    resize: none;

    outline: none;

    background-color: #ececec;

}

.hs-inner-contact .message form input::-webkit-input-placeholder,

.hs-inner-contact .message form textarea::-webkit-input-placeholder {

    color: #666;

}

.hs-inner-contact .message form input:-o-placeholder,

.hs-inner-contact .message form textarea:-o-placeholder {

    color: #666;

}

.hs-inner-contact .message form input::-moz-placeholder,

.hs-inner-contact .message form textarea::-moz-placeholder {

    color: #666;

}

.hs-inner-contact .message form input:-ms-input-placeholder,

.hs-inner-contact .message form textarea:-ms-input-placeholder {

    color: #666;

}

.hs-inner-contact .message form input:focus::-webkit-input-placeholder,

.hs-inner-contact .message form textarea:focus::-webkit-input-placeholder {

    color: #c5c5c5;

}

.hs-inner-contact .message form input:focus::-o-placeholder,

.hs-inner-contact .message form textarea:focus::-o-placeholder {

    color: #c5c5c5;

}

.hs-inner-contact .message form input:focus::-moz-placeholder,

.hs-inner-contact .message form textarea:focus::-moz-placeholder {

    color: #c5c5c5;

}

.hs-inner-contact .message form input:focus::-ms-input-placeholder,

.hs-inner-contact .message form textarea:focus::-ms-input-placeholder {

    color: #c5c5c5;

}

.hs-inner-contact .message form .submit {

    font-size: 16px;

    line-height: 50px;

    display: inline-block;

    margin-top: 20px;

    padding: 0 46px;

    -webkit-transition: all .2s;

    transition: all .2s;

    text-align: center;

    color: #fff;

    border-radius: 0;

    outline: none;

    background-color: #004ea2;

}

.hs-inner-contact .message form .submit:hover {

    background-color: #004ea2;

}

.hs-inner-map {

    position: relative;

    padding: 0;

}

.hs-inner-map .map {

    font-size: 14px;

    position: relative;

    clear: both;

}

.hs-inner-map .map .mapwrap {

    height: 640px;

}

@media (max-width: 1199px) {

    .hs-inner-map .map .mapwrap {

        height: 500px;

    }

}

@media (max-width: 767px) {

    .hs-inner-map .map .mapwrap {

        height: 300px;

        margin-top: 40px;

    }

}

.footer {

    position: relative;

    color: rgba(255, 255, 255, .6);

    background: url(../images/footer_bg.jpg) no-repeat center;

    background-size: cover;

}

@media (max-width: 1199px) {

    .footer {

        overflow: hidden;

    }

}



.footer .foot-txt {

    float:left;

    width: 380px; margin-top:-35px;

    text-align: center;

    color: #fff;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}

@media (max-width: 1470px) {

    .footer .foot-txt {

        width: 400px;

    }

}

@media (max-width: 991px) {

    .footer .foot-txt {

        position: relative;

        top: 0;

        width: 100%;

        height: auto;

        padding: 30px 0;

        text-align: left;

        -webkit-box-align: start;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

}

.footer .foot-txt .foot-info {

    display: inline-block;

    text-align: left;

}

@media (max-width: 991px) {

    .footer .foot-txt .foot-info {

        display: block;

    }

}

.footer .foot-txt .foot-logo img {

    height: 80px;

    -webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);

}

@media (max-width: 767px) {

    .footer .foot-txt .foot-logo img {

        height: 60px;

    }

}

.footer .foot-txt .txt p {

    font-size: 17px;

    line-height: 32px; 

    margin: 20px 0;

}

@media (max-width: 991px) {

    .footer .foot-txt .txt p {

        font-size: 16px;

        display: inline-block;

        margin: 10px 0;

        margin-right: 10px;

        vertical-align: top;

    }

}

.footer .foot-txt .txt p .icon {

    font-size: 24px;

    display: inline-block;

    margin-right: 10px;

    vertical-align: middle;

}

.footer .foot-txt .txt p a:hover {

    text-decoration: underline;

}

.footer .foot-txt .foot-message {

    margin-top: 80px;

}

@media (max-width: 991px) {

    .footer .foot-txt .foot-message {

        margin-top: 20px;

    }

}

.footer .foot-txt .foot-message form {

    position: relative;

    width: 300px;

}

.footer .foot-txt .foot-message form input {

    font-size: 16px;

    line-height: 50px;

    width: 100%;

    height: 50px;

    padding: 0 60px 0 12px;

    color: #666;

    background-color: #fff;

}

.footer .foot-txt .foot-message form input::-webkit-input-placeholder,

.footer .foot-txt .foot-message form textarea::-webkit-input-placeholder {

    color: #777;

}

.footer .foot-txt .foot-message form input:-o-placeholder,

.footer .foot-txt .foot-message form textarea:-o-placeholder {

    color: #777;

}

.footer .foot-txt .foot-message form input::-moz-placeholder,

.footer .foot-txt .foot-message form textarea::-moz-placeholder {

    color: #777;

}

.footer .foot-txt .foot-message form input:-ms-input-placeholder,

.footer .foot-txt .foot-message form textarea:-ms-input-placeholder {

    color: #777;

}

.footer .foot-txt .foot-message form input:focus::-webkit-input-placeholder,

.footer .foot-txt .foot-message form textarea:focus::-webkit-input-placeholder {

    color: #c5c5c5;

}

.footer .foot-txt .foot-message form input:focus::-o-placeholder,

.footer .foot-txt .foot-message form textarea:focus::-o-placeholder {

    color: #c5c5c5;

}

.footer .foot-txt .foot-message form input:focus::-moz-placeholder,

.footer .foot-txt .foot-message form textarea:focus::-moz-placeholder {

    color: #c5c5c5;

}

.footer .foot-txt .foot-message form input:focus::-ms-input-placeholder,

.footer .foot-txt .foot-message form textarea:focus::-ms-input-placeholder {

    color: #c5c5c5;

}

.footer .foot-txt .foot-message form .submit {

    font-size: 20px;

    line-height: 50px;

    position: absolute;

    top: 0;

    right: 0;

    width: 50px;

    height: 50px;

    padding: 0;

    text-align: center;

    color: #fff;

    border-radius: 0;

    background-color: #2b2b2b;

}

.footer .foot-nav {

    padding: 90px 0;

    border-bottom: 1px solid #383838;

}

@media (max-width: 991px) {

    .footer .foot-nav {

        padding: 30px 3%;

    }

}

.footer .foot-nav>ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding-left: -webkit-calc(50px + 5%);

    padding-left: calc(50px + 5%);

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

@media (max-width: 1470px) {

    .footer .foot-nav>ul {



        padding-right: 0;

    }

}



@media (max-width: 1199px) {

    .footer .foot-nav>ul {

        padding-left:0;

        padding-right: 0;

    }

}



@media (max-width: 991px) {

    .footer .foot-nav>ul {

        padding-right: 0;

		

    }

}

@media (max-width: 767px) {

    .footer .foot-nav>ul {

        display: block;

    }

}

@media (max-width: 767px) {

    .footer .foot-nav>ul>li {

        margin-top: 10px;

    }

}

.footer .foot-nav>ul>li>a {

   

    font-size:20px; font-weight:bold;

    line-height: 30px;

    display: block;

    text-transform: capitalize;

    color: rgba(255, 255, 255, .9);

}



@media (max-width: 1199px) {

    .footer .foot-nav>ul>li>a {

        font-size: 18px;

    }

}



@media (max-width: 767px) {

    .footer .foot-nav>ul>li>a {

        font-size: 16px;

    }

}

.footer .foot-nav>ul>li>a:hover {

    text-decoration: underline;

    color: #fff;

}

.footer .foot-nav>ul>li>ul {

    margin-top: 30px;

}

@media (max-width: 767px) {

    .footer .foot-nav>ul>li>ul {

        margin-top: 10px;

    }

}

@media (max-width: 767px) {

    .footer .foot-nav>ul>li>ul>li {

        display: inline-block;

        margin-right: 10px;

        vertical-align: top;

    }

}

.footer .foot-nav>ul>li>ul>li>a {

    font-size: 16px; font-family:Arial, Helvetica, sans-serif;

    line-height: 32px;

    display: block;

    text-transform: capitalize;

}

@media (max-width: 1470px) {

    .footer .foot-nav>ul>li>ul>li>a {

        font-size: 14px;

    }

}

.footer .foot-nav>ul>li>ul>li>a:hover {

    text-decoration: underline;

    color: #fff;

}



.foot{ background:#032245; width:100%;}



.foot .copyright {

    padding:15px 0;

}

@media (max-width: 767px) {

    .footer .copyright {

        padding: 15px;

    }

	.foot{ padding-bottom:55px;}

	

}

.foot .copyright .share {

    float:right;

}

.foot .copyright .share ul {

    margin: 0 -5px;

}

.foot .copyright .share ul li {

    display: inline-block;

    padding: 0 5px;

    vertical-align: middle;

}

.foot .copyright .share ul li a {

    line-height: 30px;

    position: relative;

    display: block;

    width: 30px;

    height: 30px;

    text-align: center;

    color: #fff;

}

.foot .copyright .share ul li a .icon {

    font-size: 30px;

}

.foot .copyright .share ul li a:hover .tooltip {

    top: -45px;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);

}

@media (max-width: 767px) {

   .foot .copyright .share {

      float:left; 

      padding-bottom:10px; 

      width:100%;

    }

	

	

}



.foot .copyright .share .tooltip {

    font-size: 15px;

    position: absolute;

    top: 0;

    left: 50%;

    padding: 5px 8px;

    -webkit-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);

    transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);

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

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

    transform: translateX(-50%);

    pointer-events: none;

    opacity: 0;

    color: #333;

    border-radius: 5px;

    background: #fff;

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

}

.foot .copyright .share .tooltip::before {

    position: absolute;

    bottom: -3px;

    left: 50%;

    width: 8px;

    height: 8px;

    content: '';

    -webkit-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);

    transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);

    -webkit-transform: translate(-50%) rotate(45deg);

    -ms-transform: translate(-50%) rotate(45deg);

    transform: translate(-50%) rotate(45deg);

    background: #fff;

}

.foot .copyright .share .facebook a:hover {

    color: #1877f2;

}

.foot .copyright .share .facebook:hover .tooltip,

.foot .copyright .share .facebook:hover .tooltip::before {

    color: #fff;

    background: #1877f2;

}

.foot .copyright .share .twitter a:hover {

    color: #1da1f2;

}

.foot .copyright .share .twitter:hover .tooltip,

.foot .copyright .share .twitter:hover .tooltip::before {

    color: #fff;

    background: #1da1f2;

}

.foot .copyright .share .instagram a:hover {

    color: #e4405f;

}

.foot .copyright .share .instagram:hover .tooltip,

.foot .copyright .share .instagram:hover .tooltip::before {

    color: #fff;

    background: #e4405f;

}

.foot .copyright p {

    font-size: 16px;

    line-height: 30px;

	color:#828282;

}

@media (max-width: 1199px) {

    .foot .copyright p {

        font-size: 16px;

    }

}

@media (max-width: 767px) {

    .foot .copyright p {

        font-size: 14px;

        line-height: 24px;

    }

}

.foot .copyright p a {

    /* margin: 0 10px; */

}

@media (max-width: 767px) {

    .foot .copyright p a {

        display: block;

        /* margin: 0; */

    }

}

.foot .copyright p a:hover {

    text-decoration: underline;

}

.hc-mobile-nav.nav-levels-overlap ul ul .iconimg {

    display: none;

}

.hc-mobile-nav.nav-levels-overlap ul ul b {

    font-weight: normal;

}

.zoom:after {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    width: 33px;

    height: 33px;

    content: '';

    background: url(../images/icon.png);

}

.zoom img {

    display: block;

}

.zoom img::-moz-selection {

    background-color: transparent;

}

.zoom img::selection {

    background-color: transparent;

}

/*PAGE*/

.page_info {

    text-align: center;

    margin: 30px auto;

    color: #aaa;

    width: 100%;

    float: left;

}

.page_info span {

    padding: 0 2px;

    font-weight: bold;

}

.page_list {

    height: 40px;

    line-height: 40px;

    text-align: center;

    letter-spacing: 0;

    font-size: 15px;

    margin: 30px auto;

    clear: both;

    padding-top: 50px;

}

.page_list a {

    display: inline-block;

    color: #aaa;

    width: 40px;

    border-radius: 50%;

    background-image: linear-gradient(#fff, #ddd);

    text-align: center;

    padding: 0 8px;

    margin: 0 3px;

    transition: all .3s ease;

}

.page_list a:hover {

    color: #fff;

    background-image: linear-gradient(#057dff, #0b509b);

}

.page_list a.on {

    color: #fff;

    background-image: linear-gradient(#057dff, #0b509b);

    font-weight: bold;

}

.hs-inner-product-show .product-show-desc .desc table {

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    width: 100%;

}

.hs-inner-product-show .product-show-desc .desc table td {

    border-left: 1px solid #ddd;

    border-top: 1px solid #ddd;

    text-align: left;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    padding: 0 0 0 5px;

    font-family: "Microsoft YaHei";

    color: #666;

}

.hs-inner-product-show .product-show-desc .desc table tr:nth-child(odd) {

    background: #f5f5f5;

}

.hs-inner-product-show .product-show-desc .desc table th {

    border-left: 1px solid #ddd;

    border-top: 1px solid #ddd;

    background: #004ea2;

    color: #fff;

    font-weight: bold;

    text-align: left;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    padding: 5px;

    font-family: "Microsoft YaHei";

}

.biao2 {

    background: #f1f1f1;

}