html {
    font-size: 62.5%;
    -webkit-text-size-adjust: none
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    color: #1a1a1a
}

input,select,textarea {
    outline: 0;
    border-radius: 0
}

input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text] {
    -webkit-appearance: none
}

:after,:before,a {
    color: #1a1a1a;
    text-decoration: none;
    font-size: 14px
}

:after,:before,a,a * {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

.fullscreen,.fullscreen body {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.pcshow {
    display: block
}

.mbshow {
    display: none!important
}

.clear {
    clear: both
}

.wow {
    opacity: 0
}

.text-left {
    text-align: left
}

.base__custom-content {
    margin-top: 5%
}

.card-carousel-custom-title {
    margin: 8px 0;
    color: #1f242a;
    text-decoration: none;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5
}

.carousel-card-grid--col-1 {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr
}

.carousel-card-grid--col-2 {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr
}

.carousel-card-grid--col-3 {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr
}

.carousel-card-grid--col-4 {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media screen and (max-width: 1280px) {
    .carousel-card-grid--col-4 {
        gap:40px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width: 960px) {
    .carousel-card-grid--col-3,.carousel-card-grid--col-4 {
        gap:40px 20px;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 560px) {
    .carousel-card-grid--col-2,.carousel-card-grid--col-3,.carousel-card-grid--col-4 {
        gap:40px;
        grid-template-columns: 1fr
    }
}

.card-carousel {
    position: relative;
    display: grid;
    overflow: hidden;
    padding: 0 0 20px
}

.carousel-card__item:hover {
    background-color: #ededed50!important
}

.carousel-card__item {
    position: relative;
    display: flex;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
    color: #1f242a;
    text-shadow: none;
    fill: #1f242a;
    flex-direction: column
}

.carousel-card__item--quotation-mark:after {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 100;
    display: block;
    width: 100px;
    height: 66px;
    max-width: 20%;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    line-height: 1
}

.carousel-card__item--quotation-mark--white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNjYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0uMDQgNDMuMzRjMCAuMjU4LS4wNC41MTMtLjA0Ljc5NXYuNzc2bC4wNC0uMDI4YTIxLjgyIDIxLjgyIDAgMDAzLjc0IDExLjUxMiAyMS40NzMgMjEuNDczIDAgMDA5LjI3MiA3LjY3OSAyMS4yMDUgMjEuMjA1IDAgMDAxMS45IDEuNDQgMjEuMzI1IDIxLjMyNSAwIDAwMTAuODAyLTUuMjQ3IDIxLjY5NSAyMS42OTUgMCAwMDYuMzI0LTEwLjI5MyAyMS44ODkgMjEuODg5IDAgMDAtLjEzNC0xMi4xMTcgMjEuNjggMjEuNjggMCAwMC02LjU1LTEwLjE0NyAyMS4zMTMgMjEuMzEzIDAgMDAtMTAuOTE2LTUuMDAyIDIxLjA0IDIxLjA0IDAgMDE3LjUxNi0xMC44MUEyMC42NiAyMC42NiAwIDAxNDQuNDAzIDcuNzVWMGMtMTEuNTEtLjAwNC0yMi41NzEgNC41MTUtMzAuODQ4IDEyLjZDNS4yNzcgMjAuNjg4LjQzIDMxLjcxLjAzOSA0My4zNHptNTUuNTk2IDBjMCAuMjU4LS4wMzkuNTEzLS4wMzkuNzk1di43NzZsLjA0LS4wMjhhMjEuODIgMjEuODIgMCAwMDMuNzQ4IDExLjUxIDIxLjQ3MiAyMS40NzIgMCAwMDkuMjc3IDcuNjcyIDIxLjIwNCAyMS4yMDQgMCAwMDExLjkgMS40MzQgMjEuMzI1IDIxLjMyNSAwIDAwMTAuOC01LjI1NSAyMS42OTYgMjEuNjk2IDAgMDA2LjMxNy0xMC4yOTggMjEuODkgMjEuODkgMCAwMC0uMTQyLTEyLjExNyAyMS42OCAyMS42OCAwIDAwLTYuNTU4LTEwLjE0MyAyMS4zMTIgMjEuMzEyIDAgMDAtMTAuOTItNC45OTQgMjEuMDQgMjEuMDQgMCAwMTcuNTE2LTEwLjgxIDIwLjY2IDIwLjY2IDAgMDExMi40MS00LjE0OFYwQzg4LjQ3NiAwIDc3LjQyIDQuNTIgNjkuMTQ1IDEyLjYwNmMtOC4yNzQgOC4wODYtMTMuMTE4IDE5LjEwNi0xMy41MSAzMC43MzR6Ii8+PC9zdmc+);
    color: var(--grey-000)
}

.carousel-card__item--quotation-mark--black:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iNjYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0uMDQgNDMuMzRjMCAuMjU4LS4wNC41MTMtLjA0Ljc5NXYuNzc2bC4wNC0uMDI4YTIxLjgyIDIxLjgyIDAgMDAzLjc0IDExLjUxMiAyMS40NzMgMjEuNDczIDAgMDA5LjI3MiA3LjY3OSAyMS4yMDUgMjEuMjA1IDAgMDAxMS45IDEuNDQgMjEuMzI1IDIxLjMyNSAwIDAwMTAuODAyLTUuMjQ3IDIxLjY5NSAyMS42OTUgMCAwMDYuMzI0LTEwLjI5MyAyMS44ODkgMjEuODg5IDAgMDAtLjEzNC0xMi4xMTcgMjEuNjggMjEuNjggMCAwMC02LjU1LTEwLjE0NyAyMS4zMTMgMjEuMzEzIDAgMDAtMTAuOTE2LTUuMDAyIDIxLjA0IDIxLjA0IDAgMDE3LjUxNi0xMC44MUEyMC42NiAyMC42NiAwIDAxNDQuNDAzIDcuNzVWMGMtMTEuNTEtLjAwNC0yMi41NzEgNC41MTUtMzAuODQ4IDEyLjZDNS4yNzcgMjAuNjg4LjQzIDMxLjcxLjAzOSA0My4zNHptNTUuNTk2IDBjMCAuMjU4LS4wMzkuNTEzLS4wMzkuNzk1di43NzZsLjA0LS4wMjhhMjEuODIgMjEuODIgMCAwMDMuNzQ4IDExLjUxIDIxLjQ3MiAyMS40NzIgMCAwMDkuMjc3IDcuNjcyIDIxLjIwNCAyMS4yMDQgMCAwMDExLjkgMS40MzQgMjEuMzI1IDIxLjMyNSAwIDAwMTAuOC01LjI1NSAyMS42OTYgMjEuNjk2IDAgMDA2LjMxNy0xMC4yOTggMjEuODkgMjEuODkgMCAwMC0uMTQyLTEyLjExNyAyMS42OCAyMS42OCAwIDAwLTYuNTU4LTEwLjE0MyAyMS4zMTIgMjEuMzEyIDAgMDAtMTAuOTItNC45OTQgMjEuMDQgMjEuMDQgMCAwMTcuNTE2LTEwLjgxIDIwLjY2IDIwLjY2IDAgMDExMi40MS00LjE0OFYwQzg4LjQ3NiAwIDc3LjQyIDQuNTIgNjkuMTQ1IDEyLjYwNmMtOC4yNzQgOC4wODYtMTMuMTE4IDE5LjEwNi0xMy41MSAzMC43MzR6Ii8+PC9zdmc+);
    color: var(--grey-900)
}

.carousel-card__item--background-image {
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.filter-styles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.carousel-card__item--background_filter_overlay_dark:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: var(--grey-800);
    content: "";
    opacity: var(--global-base-bg-duotone-gradient-opacity)
}

.carousel-card__item--background_filter_overlay_light:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: var(--grey-100);
    content: "";
    opacity: .75;
    filter: brightness(160%) contrast(130%)
}

.carousel-card__item__image-wrapper {
    position: relative;
    z-index: 30;
    padding: 16px 16px 0;
    line-height: 0
}

.carousel-card__item__image-wrapper--no-body {
    padding-bottom: 16px
}

.carousel-card__item__image-wrapper--bleed {
    padding: 0
}

.carousel-card__item__image {
    position: relative;
    overflow: hidden
}

.carousel-card__item__image_tag {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0;
    line-height: 0;
    transition: transform 1s ease-in-out;
    object-fit: cover
}

.carousel-card__item__image-tag--text span {
    position: absolute;
    bottom: 0;
    z-index: 100;
    padding: 15px;
    border-radius: 0 5px 0 0;
    background-color: #fff;
    color: var(--primary-dark-var(--blue)-900)
}

.carousel-card__item__image__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    display: block;
    text-decoration: none;
    line-height: 0
}

.carousel-card__item__image__link:hover~picture .carousel-card__item__image_tag {
    transform: scale(1.2)
}

.carousel-card__item__icon-caption,.carousel-card__item__image-caption {
    padding: 8px 0 0;
    font-style: italic;
    font-size: .6rem;
    line-height: 1
}

.carousel-card__item__icon-caption {
    padding-top: 16px
}

.carousel-card__item__image-wrapper--bleed .carousel-card__item__image-caption {
    padding-right: 16px;
    padding-left: 16px
}

.carousel-card__item__image--widescreen {
    padding: 0 0 56.25%
}

.carousel-card__item__image--landscape {
    padding: 0 0 75%
}

.carousel-card__item__image--square {
    padding: 0 0 100%
}

.carousel-card__item__image--portrait {
    padding: 0 0 125%
}

.carousel-card__item__image--portrait_tall {
    padding: 0 0 150%
}

.carousel-card__item__icon-wrapper {
    padding: 16px;
    line-height: 0
}

.carousel-card__item__icon {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 150px
}

.carousel-card__item__icon svg {
    max-width: 100%;
    max-height: 100%
}

.text-left .carousel-card__item__icon {
    margin-right: auto
}

.text-right .carousel-card__item__icon {
    margin-left: auto
}

.text-center .carousel-card__item__icon {
    margin-right: auto;
    margin-left: auto
}

.carousel-card__item__body-wrapper {
    position: relative;
    z-index: 25;
    display: flex;
    padding: 16px;
    height: 100%;
    flex-direction: column
}

.carousel-card__item__body {
    display: flex;
    height: 100%;
    align-self: stretch;
    flex-direction: column
}

.carousel-card__item__header-wrapper {
    display: flex;
    column-gap: 8px
}

.carousel-card__item__header-icon-wrapper {
    width: 40px;
    height: 40px
}

.carousel-card__item__header {
    width: 100%
}

.carousel-card__item__header__title,a.carousel-card__item__header__title-link {
    position: relative;
    color: var(--grey-900);
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
}

.carousel-card__item__header__eyebrow {
    color: var(--primary-dark-var(--blue)-900);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5
}

.text-light .carousel-card__item__header__eyebrow {
    color: var(--grey-300)
}

.carousel-card__item__body-text {
    padding-top: 8px
}

.carousel-card__item__feature-list-wrapper {
    padding-top: 16px
}

.carousel-card__item__feature-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: column;
    gap: 16px
}

.carousel-card__item__feature-list__item {
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.carousel-card__item__feature-list__item__icon,.carousel-card__item__feature-list__item__image {
    margin-top: 4px;
    width: 40px;
    height: 40px
}

.carousel-card__item__feature-list__item__image {
    object-fit: cover
}

.carousel-card__item__feature-list__item__text {
    width: 100%;
    text-align: left;
    align-self: center
}

.carousel-card__item__cta-wrapper {
    display: flex;
    margin-top: auto;
    padding-top: 16px
}

h4.carousel-card__item__header__link:after {
    position: absolute;
    top: 50%;
    right: 10px;
    left: auto;
    width: 14px;
    height: 14px;
    border: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTAuNSAxbDcgNy03IDdtLTktN2gxNi0xNnoiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLjUgMGgxOHYxNkguNXoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    filter: var(--icon-primary-var(--blue)-filter)
}

.text-light h4.carousel-card__item__header__link:after {
    filter: var(--icon-white-filter)
}

.carousel-card__item--text-dark h4 {
    color: var(--grey-900)
}

.card-carousel__custom-title-wrapper {
    display: flex;
    padding: 12px 40px;
    border-left: 5px solid var(--primary-dark-var(--blue)-900);
    border-radius: 5px;
    background-color: var(--grey-400);
    align-items: center;
    justify-content: space-between
}

.carousel-card__title__link:after {
    position: absolute;
    top: 50%;
    right: -20px;
    left: auto;
    width: 14px;
    height: 14px;
    border: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMjU0MjhCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE1IDEwLjgxNWwtNyA3LTctN203LTl2MTYtMTZ6Ii8+PC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    transform: translateY(-50%) rotate(-90deg)
}

.base__custom-conten-carousel-cards,.carousel-card__title__link {
    position: relative
}

a.carousel-card__item__header__title-link:hover {
    color: var(--grey-900);
    font-weight: 600
}

.button--primary {
    display: flex;
    padding: 8px 24px;
    height: inherit;
    border: 1px solid #25428b;
    border-radius: 50px;
    background-color: #25428b;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
    white-space: nowrap;
    letter-spacing: .3px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    ;line-height: 24px;
    cursor: pointer;
    transition: all .15s linear;
    align-items: center;
    justify-content: center
}

.title--homepage {
    font-size: 22px
}

.img {
    background-color: #333
}

.img,.pic {
    position: relative;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.img img,.pic img {
    padding: 0;
    width: 100%;
    height: auto;
    border: none
}

.img img,.img-center,.pic img {
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.img-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: auto!important;
    height: auto!important
}

.img-block {
    display: block;
    width: 100%;
    height: auto
}

.img-inline {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    filter: grayscale(1)
}

.img-alt {
    opacity: 0
}

.clamp1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clamp2 {
    -webkit-line-clamp: 2
}

.clamp2,.clamp3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.clamp3 {
    -webkit-line-clamp: 3
}

.send-mark {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5)
}

.send-mark.cur {
    display: none
}

.send-mark i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    background: url(../images/loading.gif) 50% no-repeat;
    background-size: 100%;
    transform: translate(-50,-50%)
}

.text-center {
    text-align: center
}

.div-container {
    position: relative;
    margin: auto;
    width: 74%
}

::-webkit-scrollbar {
    width: 3px;
    height: 4px;
    background: #ededed
}

::-webkit-scrollbar-button {
    width: 5px;
    height: 0;
    background: #ededed
}

::-webkit-scrollbar-thumb {
    background-color: #004ac7;
    box-shadow: inset 1px 1px 0 #004ac7,inset 0 -1px 0 #004ac7
}

.black .svg-injects,.scroll-down .svg-injects,.scroll-top .svg-injects {
    display: block!important
}

.black .svg-inject,.scroll-down .svg-inject,.scroll-top .svg-inject {
    display: none!important
}

.header .svg-injects {
    display: none
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%
}

.header,.header * {
    transition: all .4s ease
}

.header-content {
    position: relative;
    z-index: 500;
    margin: auto;
    width: 100%;
    height: 12rem
}

.header-icon,.header-icon li,.header-nav,.header-nav ul a.nav,.header-nav ul li,.header-nav ul li:after {
    display: inline-block;
    vertical-align: middle
}

.header-logo {
    position: absolute;
    top: 50%;
    left: 2%;
    z-index: 10;
    width: 13%;
    transform: translateY(-50%)
}

.header-logo a {
    display: block;
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat
}

.header-logo img {
    display: block;
    max-width: 100%
}

.header-center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    width: 100%;
    font-size: 0;
    transform: translate(-50%,-50%)
}

.header-center,.header-nav {
    text-align: center
}

.header-nav ul,.header-nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.header-nav ul li {
    position: relative;
    z-index: 50
}

.header-nav ul a {
    color: #fff
}

.header-nav ul a.nav {
    position: relative;
    padding: 0 2rem;
    line-height: 12rem
}

.header-nav ul a.nav span {
    position: relative
}

.header-nav ul a.nav span:after {
    position: absolute;
    bottom: -20%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    opacity: 0
}

.header-nav ul li a.nav:hover span:after,.header-nav ul li.cur a.nav,.header-nav ul li.cur a.nav span:after,.header-nav ul li.on a.nav span:after {
    opacity: 1
}

.header-nav ul li.language {
    margin-left: 2rem
}

.header-nav ul li.language i {
    position: relative;
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: middle
}

.header-nav ul li.language span {
    display: inline-block;
    margin-left: 1px;
    vertical-align: middle
}

.header-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 521;
    width: 17%
}

.header-contact {
    overflow: hidden
}

.header-contact .contact-btn {
    position: absolute;
    top: -25%;
    right: 0;
    width: 73%
}

.header-contact .contact-btn a {
    display: block
}

.header-contact .contact-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%)
}

.detail .header,.header.black,.header.scroll-down,.header.scroll-top {
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: #fff
}

.detail .header .header-nav ul span,.header.black .header-nav ul span,.header.scroll-down .header-nav ul span,.header.scroll-top .header-nav ul span {
    color: #000
}

.detail .header i img,.header.black i img,.header.scroll-down i img,.header.scroll-top i img {
    filter: invert(100%)
}

.detail .header a.nav span:after,.header.black a.nav span:after,.header.scroll-down a.nav span:after,.header.scroll-top a.nav span:after {
    background: #000
}

.header.scroll-down .header-content,.header.scroll-top .header-content {
    height: 10rem
}

.header.scroll-down .header-nav ul a.nav,.header.scroll-top .header-nav ul a.nav {
    line-height: 10rem
}

.header.scroll-down .header-show-nav,.header.scroll-top .header-show-nav {
    top: 98%
}

.header.scroll-down .header-right,.header.scroll-top .header-right {
    top: -10%
}

.header-show-mark {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    opacity: 0;
    transition: all .4s ease
}

.header-show-mark.cur {
    z-index: 100;
    display: block;
    opacity: 1
}

.header-nav-show {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    overflow: hidden;
    width: 100%;
    transition: all .4s ease
}

.header-nav-show.Hide {
    z-index: 111;
    height: 0;
    opacity: 0
}

.header-nav-show-content {
    position: relative;
    overflow: hidden;
    margin-top: 10rem;
    width: 100%;
    background: #fff;
    transition: all .4s ease
}

.header-nav-content {
    overflow: hidden;
    margin: auto;
    padding: 3.2% 0 2%;
    width: 80%
}

.header-nav-content-left {
    float: left;
    width: 25%
}

.header-nav-content-left .title-1 {
    overflow: hidden;
    padding: 5% 0
}

.header-nav-content-center {
    float: right;
    padding-right: 30%;
    width: 40%;
    text-align: right
}

.header-nav-show-list {
    display: inline-block;
    overflow: hidden;
    width: 50%;
    vertical-align: top;
    text-align: left
}

.header-nav-show-list a {
    display: block;
    padding: 2% 0 6%
}

.header-nav-show-list a:hover {
    color: #004ac7
}

.header-nav-content-right {
    float: right;
    width: 30%
}

.show-language {
    position: absolute;
    top: 100%;
    left: -30%;
    z-index: 111;
    display: none;
    width: 18rem
}

.show-language:before {
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.8);
    border-left: 10px solid transparent;
    content: ""
}

.show-language-item {
    position: relative;
    overflow: hidden;
    margin-top: 6%;
    padding: 5%;
    background: rgba(0,0,0,.8)
}

.show-language-item a {
    display: block;
    padding: 10%;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    color: #fff!important;
    text-align: left
}

.show-language-item a:hover {
    color: #999!important
}

.show-language-item a:last-child {
    border: none
}

.header-show-nav {
    position: absolute;
    top: 99%;
    left: 0;
    z-index: 1;
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 1% 0;
    width: 36rem;
    background: hsla(0,0%,100%,.9)
}

.header-show-nav ul {
    overflow: hidden;
    padding: 6% 0;
    list-style: none
}

.header-show-nav ul li {
    display: block
}

.header-show-nav ul li a {
    position: relative;
    display: block;
    padding: 4% 0 4% 15%;
    color: #111;
    text-align: left
}

.header-show-nav ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: .4rem;
    height: 100%;
    background: #004ac7;
    content: "";
    opacity: 0
}

.header-show-nav ul li a:hover:before {
    opacity: 1
}

.header-show-nav ul li a:hover {
    color: #004ac7
}

.menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 900;
    display: none;
    overflow: hidden;
    width: 7rem;
    height: 7rem
}

.cd-nav-trigger {
    display: block;
    width: 7rem;
    height: 7rem
}

.menu-toggle span.hamburger,.menu-toggle span.hamburger:after,.menu-toggle span.hamburger:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -1px;
    margin-left: -12px;
    width: 24px;
    height: 2px;
    background: #000;
    content: "";
    -webkit-transition: transform .3s cubic-bezier(.6,0,.2,1);
    transition: transform .3s cubic-bezier(.6,0,.2,1);
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.6,0,.2,1);
    transition-timing-function: cubic-bezier(.6,0,.2,1)
}

.menu-toggle span.hamburger:after {
    top: 0;
    margin-top: -5px;
    transition-delay: .27s
}

.menu-toggle span.hamburger:before {
    top: 0;
    margin-top: 5px;
    transition-delay: .2s
}

.menu-toggle span.cross:after,.menu-toggle span.cross:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -1.5px;
    margin-left: -12px;
    width: 24px;
    height: 2px;
    background: #000;
    content: "";
    transition-delay: .12s;
    -webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transform: translateY(-70px) translateX(-70px) rotate(45deg)
}

.menu-toggle span.cross:after {
    transition-delay: 0s;
    -webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    transform: translateY(70px) translateX(-70px) rotate(-45deg);
    transform: translateY(-70px) translateX(70px) rotate(-45deg)
}

.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before {
    transition-delay: .12s;
    -webkit-transform: translateX(70px);
    transform: translateX(70px)
}

.no-touch .menu-toggle span.hamburger:after {
    transition-delay: 0s
}

.no-touch .menu-toggle span.hamburger:before {
    transition-delay: .07s
}

.no-touch .menu-toggle span.cross:before {
    background: #000;
    transition-delay: .12s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.no-touch .menu-toggle span.cross:after {
    background: #000;
    transition-delay: .24s;
    -webkit-transform: rotate(-45deg)!important;
    transform: rotate(-45deg)!important
}

.footer {
    position: relative;
    clear: both;
    overflow: hidden;
    background: #1a1a1a;
    color: #fff
}

.footer a:hover {
    color: #004ac7
}

.footer-content {
    position: relative;
    margin: auto;
    width: 82%
}

.footer-content-top {
    position: relative;
    overflow: hidden;
    padding: 2% 0 1%;
    border-bottom: 1px solid #3c3c3c
}

.footer-top-left {
    float: left;
    width: 26%
}

.footer-logo a {
    display: block;
    width: 70%;
    height: auto
}

.footer-top-right {
    position: absolute;
    top: 50%;
    right: 0;
    width: 80%;
    text-align: right;
    transform: translateY(-50%)
}

.footer-nav a {
    margin-left: 3rem;
    color: #fff
}

.footer-content-center {
    padding: 3% 0
}

.footer-center-left {
    float: left;
    display: flex;
    width: 50%;
    flex-direction: row;
    flex-wrap: wrap
}

.footer-center-item {
    float: left;
    margin-bottom: 4%;
    width: 50%
}

.footer-center-item .title-1 {
    color: grey
}

.footer-center-item .item-1 {
    position: relative;
    padding-top: 3%;
    width: 80%
}

.footer-center-item .item-1 a {
    display: block;
    color: #fff
}

.footer-center-item .item-1 p {
    margin: 0;
    padding: 0
}

.footer-center-item .item-1 li {
    position: relative;
    display: inline-block;
    margin: 1% 1rem 0 0;
    padding: 0;
    list-style: none;
    vertical-align: middle
}

.footer-center-item .item-1 li .ewmshow-1 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: none;
    overflow: hidden;
    margin-left: -50px;
    padding: 5px;
    width: 90px;
    height: 90px;
    border-radius: 4px;
    background: #fff
}

.footer-center-item .item-1 li:hover .ewmshow-1 {
    display: block
}

.footer-center-right {
    float: right;
    width: 44.7%
}

.footer-center-form {
    overflow: hidden;
    margin-top: -3%
}

.footer-center-form .form-3 {
    overflow: hidden;
    margin-bottom: 1%
}

.footer-center-form .form-3 li {
    float: left;
    margin: 0;
    padding: 0;
    width: 33%;
    list-style: none
}

.footer-center-form .form-3 li:nth-child(2) {
    margin: 0 2%;
    width: 30%
}

.footer-center-form .form-3 li:last-child {
    float: right
}

.footer-center-form .lian-more a {
    border: 2px solid #313131;
    background: #313131
}

.footer-center-form .lian-more span {
    color: #fff
}

.footer-center-form .lian-more i {
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.footer-center-form .lian-more a:hover {
    border: 2px solid #004ac7
}

.input-1,.textarea-1 {
    box-sizing: border-box;
    padding: 2rem 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #3c3c3c;
    background: 0 0;
    color: #fff;
    transition: all .4s ease
}

.input-1:focus,.textarea-1:focus {
    border-bottom: 1px solid #fff
}

.textarea-1 {
    min-height: 130px
}

.input-1::-webkit-input-placeholder,.textarea-1::-webkit-input-placeholder {
    color: #fff
}

.footer-content-bottom {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-top: 2%;
    padding: 1.5% 0;
    text-align: center
}

.footer-content-bottom a,.footer-copy {
    color: #666
}

.footer-content-bottom a:hover {
    color: #fff
}

.footer-link {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.aside-top {
    position: fixed;
    right: 1%;
    bottom: 3%;
    z-index: 199;
    display: none;
    width: 50px
}

.aside-top a {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #004ac7 url(../images/up1.png) no-repeat 50%
}

.index-banner-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000
}

.index-banner-swiper .swiper-slide-active .img .pic {
    animation: srmgani 4s ease 1 forwards
}

@keyframes srmgani {
    0% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

.index-banner-item {
    position: relative
}

.index-banner-text {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 100;
    color: #fff;
    transform: translateY(-50%)
}

.index-banner-text .title-2 {
    margin-top: -2%
}

.index-banner-swiper .title-1,.index-banner-swiper .title-2 {
    opacity: 0;
    transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);
    transform: translateY(-60px)
}

.index-banner-swiper .title-1 {
    transition-delay: .2s
}

.index-banner-swiper .title-2 {
    transition-delay: .4s
}

.index-banner-swiper .swiper-slide-active .title-1,.index-banner-swiper .swiper-slide-active .title-2 {
    opacity: 1;
    transform: translateY(0)
}

.banner-scroll {
    position: absolute;
    right: 2%;
    bottom: 5%;
    z-index: 11
}

.index-banner-swiper .banner-pagination {
    top: 50%;
    right: 2%;
    bottom: auto;
    left: auto;
    width: auto;
    transform: translateY(-50%)
}

.index-banner-swiper .banner-pagination span {
    position: relative;
    display: block;
    margin: 10px auto!important;
    width: 1rem;
    height: 1rem;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    opacity: .5
}

.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active {
    background: #004ac7;
    opacity: 1
}

.left-sanjiao-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 15%
}

.lian-content {
    margin: auto;
    width: 82%
}

.lian-index-who-we-are {
    overflow: hidden;
    padding: 7% 0 15%;
    background: url(../images/be.jpg) top no-repeat #d5d7d9;
    background-size: cover
}

.lian-index-who-we-are-top {
    position: relative;
    overflow: hidden
}

.lian-title,.lian-title .text-1 {
    overflow: hidden
}

.lian-title .text-1 i {
    display: inline-block;
    margin-right: 5px;
    width: 3rem;
    height: .2rem;
    background: #004ac7;
    vertical-align: bottom
}

.lian-title .text-1 span {
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 4.8rem
}

.lian-title .title-1 {
    margin-top: 1.5%
}

.lian-title .text-2 {
    margin-top: 2%;
    color: #666
}

.lian-title .text-2 p {
    margin: 0;
    padding: 0
}

.lian-index-who-we-are-top .lian-title {
    width: 60%;
    color: #fff
}

.lian-index-who-we-are-top .lian-title .title-1 {
    width: 80%
}

.lian-index-who-we-are-top .lian-title .text-2 {
    color: #fff;
    opacity: .4
}

.lian-index-who-we-are-bottom {
    z-index: 11;
    margin-top: -11%
}

.lian-index-who-we-are-bottom,.lian-index-who-we-are-item,.lian-index-who-we-are-item a {
    position: relative;
    overflow: hidden
}

.lian-index-who-we-are-item a {
    display: block
}

.lian-index-who-we-are-item .number-1 {
    position: absolute;
    top: 8%;
    left: 8%;
    z-index: 11
}

.lian-index-who-we-are-item .number-1 i {
    margin-right: 5px;
    width: 3rem;
    height: .1rem;
    background: #000
}

.lian-index-who-we-are-item .number-1 i,.lian-index-who-we-are-item .number-1 span {
    display: inline-block;
    vertical-align: bottom
}

.lian-index-who-we-are-item .text {
    position: absolute;
    top: 48%;
    left: 8%;
    z-index: 11;
    width: 80%
}

.lian-index-who-we-are-item .icon-1 {
    position: relative;
    margin-left: -2%;
    width: 8rem;
    height: 8rem
}

.lian-index-who-we-are-item .title-1 {
    margin-top: 5%
}

.lian-index-who-we-are-item .img {
    background-color: transparent
}

.lian-index-who-we-are-item .img-block {
    display: block
}

.lian-index-who-we-are-item .img-center,.lian-index-who-we-are-item a:hover .img-block {
    opacity: 0
}

.lian-index-who-we-are-item a:hover .img-center {
    opacity: 1
}

.lian-index-who-we-are-item a:hover .number-1 i {
    background: #fff
}

.lian-index-who-we-are-item a:hover .number-1 span,.lian-index-who-we-are-item a:hover .title-1 strong {
    color: #fff
}

.lian-index-who-we-are-item a:hover .icon-1 img {
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.lian-index-who-we-are-swiper {
    padding-bottom: 5%
}

.lian-index-who-we-are-swiper .whoweare-pagination {
    top: auto;
    bottom: 0;
    background: #e8e8e7
}

.lian-index-who-we-are-swiper .swiper-pagination-progressbar-fill {
    background: #cfcfcf
}

.whoweare-swiper-button {
    position: absolute;
    right: 0;
    bottom: 5%
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 1rem;
    width: 6rem;
    height: 6rem;
    outline: 0;
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 100%;
    vertical-align: middle;
    transition: all .4s ease;
    transform: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 900;
    font-size: 1.2rem;
    transition: all .4s ease;
    transform: translate(-50%,-50%)
}

.swiper-button-next:hover,.swiper-button-prev:hover {
    border: 2px solid #004ac7;
    background: #004ac7
}

.lian-more {
    margin-top: 32%
}

.lian-more,.lian-more a {
    position: relative;
    overflow: hidden
}

.lian-more a {
    display: inline-block;
    padding: 0 2rem;
    width: 14rem;
    border: 2px solid #333;
    line-height: 5rem
}

.lian-more span {
    color: #333
}

.lian-more i {
    position: absolute;
    top: 50%;
    right: 10%;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 100%;
    transform: translateY(-50%)
}

.lian-more a:hover {
    background: #004ac7
}

.lian-more a:hover span {
    color: #fff
}

.lian-more a:hover i {
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.lian-index-aboutml {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 0%;
    padding-top: 5%;
    padding-bottom: 3%;
    background: url(../images/bg2.jpg) top no-repeat;
    background-size: cover
}

.lian-index-aboutml-content {
    overflow: hidden
}

.lian-index-aboutml-left {
    float: left;
    margin-top: 5%;
    width: 45%
}

.lian-index-aboutml-left .lian-title .title-1 {
    width: 80%
}

.lian-index-aboutml-left .lian-more {
    margin-top: 10%
}

.lian-index-aboutml-right {
    position: relative;
    float: right;
    width: 50%
}

.lian-index-aboutml-pic {
    position: relative;
    float: right;
    width: 92%
}

.lian-index-aboutml-pic .img-block {
    overflow: hidden
}

.lian-index-aboutml-img {
    position: absolute;
    top: 7%;
    left: 0;
    z-index: 11;
    overflow: hidden;
    width: 94%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.lian-index-aboutml-img:after {
    position: absolute;
    right: -3%;
    bottom: -24%;
    z-index: 1;
    width: 10rem;
    height: 20rem;
    background: #004ac7;
    content: "";
    transform: rotate(45deg)
}

.lian-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%,-50%)
}

.lian-play i {
    display: block;
    width: 8rem;
    height: 8rem;
    background: url(../images/play.png) 50% no-repeat;
    background-size: 100%
}

.lian-play a:hover i {
    transform: scale(.9)
}

.lian-index-aboutml-bottom {
    overflow: hidden;
    padding-top: 7%
}

.lian-index-aboutml-date {
    float: left;
    margin-right: 2.6%;
    width: 23%
}

.lian-index-aboutml-date:last-child {
    margin-right: 0
}

.lian-index-aboutml-date a {
    position: relative;
    display: block
}

.lian-index-aboutml-date a:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 60%;
    background: #fff;
    content: ""
}

.lian-index-aboutml-date .icon-1 {
    position: absolute;
    top: 13%;
    right: 8%;
    z-index: 10;
    width: 5rem;
    height: 5rem
}

.lian-index-aboutml-date .icon-1 img {
    opacity: .2;
    filter: grayscale(1)
}

.lian-index-aboutml-date .text {
    position: absolute;
    top: 7%;
    right: 5%;
    z-index: 11;
    width: 90%
}

.lian-index-aboutml-date .title-1 em {
    margin-left: 1rem;
    font-weight: 700;
    font-style: normal
}

.lian-index-aboutml-date .text-1 {
    float: right;
    margin-top: 3%;
    width: 60%;
    color: #666
}

.lian-index-aboutml-date .img {
    background: 0 0
}

.lian-index-aboutml-date a:hover {
    transform: translateY(-1rem)
}

.lian-index-aboutml-date a:hover .title-1 em,.lian-index-aboutml-date a:hover .title-1 strong {
    color: #004ac7
}

.lian-index-aboutml-date a:hover img {
    opacity: 1;
    filter: grayscale(0)
}

.lian-index-industries {
    overflow: hidden;
    padding: 5% 0
}

.lian-index-industries-top {
    overflow: hidden
}

.lian-index-industries-bottom {
    margin-top: 4%
}

.lian-index-industries-item {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: .5%;
    margin-bottom: .5%;
    width: 33%
}

.lian-index-industries-item .img {
    padding: 1px;
    border: 1px solid #ccc;
    background: #fff
}

.lian-index-industries-item .img .pic {
    left: 30%;
    width: 70%
}

.lian-index-industries-item.mr0 {
    margin-right: 0
}

.lian-index-industries-item a {
    position: relative;
    display: block;
    overflow: hidden
}

.lian-index-industries-item .text {
    position: absolute;
    top: 6%;
    left: 4%;
    z-index: 11;
    width: 56%
}

.lian-index-industries-item .text img {
    opacity: 0
}

.lian-index-industries-item .title-1 {
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 12;
    width: 80%
}

.lian-index-industries-item .more-2 {
    position: absolute;
    bottom: -15%;
    left: 10%;
    z-index: 10;
    width: 4.5rem;
    height: 4.5rem;
    background: #004ac7
}

.lian-index-industries-item .more-2:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 100%;
    content: "";
    transform: translate(-50%,-50%);
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.lian-index-industries-item a:hover .pic {
    transform: scale(1.05)
}

.lian-index-industries-item.liii1 {
    margin-right: .5%;
    width: 49.7%
}

.lian-index-industries-item.liii2 {
    margin-right: 0;
    width: 49.7%
}

.lian-index-industries-item.liii1 .text,.lian-index-industries-item.liii2 .text {
    width: 44%
}

.lian-index-industries-item:last-child,.lian-index-industries-item:nth-child(5) {
    margin-right: 0
}

.lian-index-production {
    position: relative;
    overflow: hidden
}

.lian-index-production-top {
    position: absolute;
    top: 21%;
    left: 9%;
    z-index: 11
}

.lian-index-production-top .title-1 {
    width: 60%;
    color: #fff
}

.lian-index-production-bottom {
    position: absolute;
    right: 9%;
    bottom: 10%;
    z-index: 12;
    width: 28%
}

.lian-index-production-bottom .text-1 {
    overflow: hidden;
    padding: 5% 0;
    color: #fff
}

.lian-index-production-bottom .text-1 p {
    margin: 0;
    padding: 0
}

.viewmore-1 {
    overflow: hidden;
    margin-top: 3%
}

.viewmore-1 a {
    position: relative;
    display: block;
    padding: 3% 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.viewmore-1 .text-2 {
    color: #fff
}

.viewmore-1 i {
    position: absolute;
    top: 50%;
    right: 0;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    transform: translateY(-50%);
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.lian-index-news {
    overflow: hidden;
    padding: 5% 0
}

.lian-index-news-top {
    position: relative;
    overflow: hidden
}

.lian-index-news-top .lian-more {
    position: absolute;
    right: 0;
    bottom: 0
}

.lian-index-news-bottom {
    position: relative;
    overflow: hidden;
    margin-top: 2%
}

.lian-index-news-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 69%;
    border-bottom: 1px solid #e5e5e5
}

.lian-index-news-item a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 3% 0
}

.lian-index-news-item .img {
    float: left;
    width: 34%;
    background-color: #fff
}

.lian-index-news-item .text {
    float: left;
    padding-left: 4%;
    width: 62%
}

.lian-index-news-item .data-1 {
    margin-top: 1%;
    color: #999
}

.lian-index-news-item .title-1 {
    margin-top: 2%
}

.lian-index-news-item .text-1 {
    margin-top: 3%;
    color: #999
}

.lian-index-news-item .viewmore-2 {
    position: absolute;
    bottom: 15%;
    left: 38%
}

.lian-index-news-item:last-child {
    position: absolute;
    top: 3%;
    right: 0;
    box-sizing: border-box;
    width: 26%;
    height: 97%
}

.lian-index-news-item:last-child a {
    position: unset
}

.lian-index-news-item:last-child .img {
    float: none;
    width: 100%
}

.lian-index-news-item:last-child .text {
    float: none;
    margin-top: 5%;
    padding-left: 0;
    width: 100%
}

.lian-index-news-item:last-child .viewmore-2 {
    bottom: 8%;
    left: 0
}

.lian-index-news-item a:hover .pic {
    transform: scale(1.05)
}

.lian-index-news-item a:hover .title-1 {
    color: #004ac7
}

.viewmore-2 {
    position: relative;
    margin-top: 2%
}

.viewmore-2 span {
    position: relative;
    display: inline-block;
    color: #1a1a1a
}

.viewmore-2 span:after {
    position: absolute;
    top: 53%;
    right: -1.5rem;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    content: "";
    transform: translateY(-50%)
}

.lian-index-faq {
    overflow: hidden;
    padding: 5% 0;
    background: #f5f5f6
}

.lian-index-faq-left {
    position: relative;
    float: left;
    overflow: hidden;
    width: 45%
}

.lian-index-faq-img {
    position: absolute;
    top: 5.3%;
    left: 0;
    z-index: 11;
    overflow: hidden;
    width: 94%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.lian-index-faq-img:after {
    position: absolute;
    right: -3%;
    bottom: -18%;
    z-index: 1;
    width: 10rem;
    height: 20rem;
    background: #004ac7;
    content: "";
    transform: rotate(45deg)
}

.lian-index-faq-pic {
    position: relative;
    float: right;
    width: 92%
}

.lian-index-faq-right {
    float: right;
    width: 50%
}

.lian-index-faq-right .lian-more {
    margin-top: 4%
}

.lian-index-faq-list {
    overflow: hidden;
    margin-top: 5%;
    border-bottom: 1px solid #dbdbdc
}

.index-faq-item,.index-faq-item .title {
    position: relative;
    overflow: hidden
}

.index-faq-item .title {
    padding: 4% 0;
    border-top: 1px solid #dbdbdc
}

.index-faq-item .title-1 {
    overflow: hidden;
    width: 90%;
    cursor: pointer
}

.index-faq-item .title.cur .open-1:before {
    display: none
}

.index-faq-item .title.cur .title-1 {
    color: #004ac7
}

.index-faq-item .open-1 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    background: #fff;
    transform: translateY(-50%)
}

.index-faq-item .open-1:after {
    width: 1rem;
    height: 2px
}

.index-faq-item .open-1:after,.index-faq-item .open-1:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    background: #000;
    content: "";
    transform: translate(-50%,-50%)
}

.index-faq-item .open-1:before {
    width: 2px;
    height: 1rem
}

.index-faq-item .text {
    display: none;
    overflow: hidden;
    padding-bottom: 3%;
    color: #666
}

.index-faq-item .text p {
    margin: 0;
    padding: 0
}

.lian-page-banner {
    position: relative;
    overflow: hidden
}

.lian-page-banner .text {
    position: absolute;
    top: 55%;
    left: 10%;
    z-index: 11;
    color: #fff;
    transform: translateY(-50%)
}

.lian-page-banner .text-1 strong {
    display: block;
    margin-bottom: 2%;
    font-weight: 400;
    opacity: .2
}

.lian-page-nav {
    position: relative;
    overflow: hidden;
    /* display: flex; */
    width: 82%;
    margin: 0px auto;
}

.lian-page-nav:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    content: ""
}

.lian-page-nav a {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    padding: 1.8% 0;
    width: 20%
}

.lian-page-nav a:after {
    position: absolute;
    right: -5%;
    bottom: -65%;
    z-index: 1;
    width: 5rem;
    height: 10rem;
    background: #fff;
    content: "";
    transform: rotate(45deg)
}

.lian-page-nav a.cur {
    background: #004ac7
}

.lian-page-nav span {
    display: block;
    width: 100%;
    text-align: center
}

.lian-page-nav a.cur span {
    color: #fff
}

.lian-page-nav.num7 a {
    width: 14.28571%
}

.lian-page-nav.num6 a {
    /* width: 16.66666%; */
    /* display: flex; */
}

.lian-page-nav.num5 a {
    width: 20%
}

.lian-page-nav.num4 a {
    width: 25%
}

.lian-page-nav.num3 a {
    width: 33.33333%
}

.lian-page-nav.num2 a {
    width: 50%
}

.lian-page-nav.num1 a {
    width: 100%
}

.lian-page-nav.num2 a:after {
    bottom: -35%
}

.lian-page-about {
    overflow: hidden;
    padding: 5% 0;
    background: url(../../about/images/bg1.jpg) top no-repeat;
    background-size: cover
}

.lian-about-company {
    position: relative
}

.lian-about-company-top {
    overflow: hidden
}

.lian-about-company-left {
    float: left;
    width: 100%;
}

.lian-about-company-right {
    float: right;
    overflow: hidden;
    margin-top: .7%;
    width: 100%;
}

.lian-about-company-right .text-1 {
    color: #666;
    text-align: justify
}

.lian-about-company-data {
    display: flex;
    overflow: hidden;
    margin-top: 4%;
    justify-content: space-between
}

.lian-company-data-item {
    display: inline-block;
    width: 21%;
    vertical-align: top;
    text-align: center
}

.lian-company-data-item * {
    transition: all .4s ease
}

.lian-company-data-item .icon-1 {
    position: relative;
    margin: auto;
    width: 5rem;
    height: 5rem
}

.lian-company-data-item .icon-1 img {
    opacity: .3;
    filter: grayscale(100%)
}

.lian-company-data-item .title-1 {
    overflow: hidden;
    margin-top: 2rem
}

.lian-company-data-item .title-1 strong {
    display: inline-block;
    vertical-align: bottom;
    font-weight: 400
}

.lian-company-data-item .title-1 em {
    display: inline-block;
    vertical-align: bottom;
    font-style: normal
}

.lian-company-data-item .text-2 {
    margin: .2rem auto auto;
    color: #666
}

.lian-company-data-item:hover .icon-1 img {
    opacity: 1;
    filter: grayscale(0)
}

.lian-company-data-item:hover .title-1 em,.lian-company-data-item:hover .title-1 strong {
    color: #004ac7
}

.lian-company-data-item:hover .text-2 {
    color: #000
}

.lian-about-company-bottom {
    overflow: hidden;
    margin-top: 5%;
    padding-bottom: 2%
}

.lian-about-company-bottom a {
    position: relative;
    display: block;
    overflow: hidden
}

.lian-about-company-bottom .play-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    width: 12rem;
    height: 12rem;
    transform: translate(-50%,-50%)
}

.lian-about-company-bottom .text-1 {
    position: absolute;
    right: -1%;
    bottom: -3%;
    z-index: 1;
    width: 50%
}

.lian-about-company-bottom a:hover .play-1 img {
    transform: scale(.9)
}

.lian-about-company-bottom a:hover .img-bg {
    transform: scale(1.02)
}

.lian-page-history {
    overflow: hidden;
    padding: 6% 0;
    background: #f5f5f5
}

.lian-history-content {
    position: relative
}

.lian-history-content:after {
    right: 0;
    width: 30%
}

.lian-history-content:after,.lian-history-content:before {
    position: absolute;
    top: 50%;
    z-index: 11;
    height: 1px;
    background: #ccc;
    content: "";
    opacity: .5
}

.lian-history-content:before {
    left: 0;
    width: 50%
}

.lian-history-swiper {
    position: relative;
    overflow: visible;
    width: 82%
}

.lian-history-item {
    position: relative;
    width: 90%;
    opacity: .3
}

.lian-history-item-left {
    float: left;
    overflow: hidden;
    margin-top: 13%;
    width: 45%
}

.lian-history-item-left .year-1 {
    overflow: hidden
}

.lian-history-item-left .year-1 strong {
    color: #004ac7
}

.lian-history-item-left .text-2 {
    position: relative;
    overflow: hidden;
    margin-top: 16%;
    color: #666
}

.lian-history-item-right {
    position: relative;
    z-index: 20;
    float: left;
    margin-left: 5%;
    width: 50%
}

.lian-history-item-right .pic-1:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 31;
    box-sizing: border-box;
    width: 1.6rem;
    height: 1.6rem;
    border: 4px solid #004ac7;
    border-radius: 100%;
    background: #fff;
    content: "";
    transform: translate(-50%,-50%)
}

.lian-history-item-right:after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 1px;
    background: #ccc;
    content: "";
    opacity: .5
}

.lian-history-item-right .mark-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%
}

.lian-history-item-right .history-bg {
    opacity: 0
}

.history-swiper-button {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 280;
    transform: translateY(-50%)
}

.history-swiper-button .history-next,.history-swiper-button .history-prev {
    display: block;
    margin: 3rem 0;
    border: 2px solid #004ac7;
    background: #004ac7
}

.history-swiper-button .history-next {
    border: 2px solid #004ac7;
    background: #004ac7
}

.history-swiper-button .history-next.swiper-button-disabled {
    border: 2px solid #ccc;
    background: #ccc
}

.lian-page-history .swiper-button-next.swiper-button-disabled,.lian-page-history .swiper-button-prev.swiper-button-disabled {
    border-color: #ccc;
    background: #ccc
}

.lian-about-culture {
    margin: auto;
    padding: 6% 0;
    width: 82%
}

.lian-about-culture-top {
    overflow: hidden
}

.lian-about-culture-top .title-1 {
    width: 35%
}

.lian-about-culture-item {
    position: relative;
    margin-top: 3%
}

.lian-about-culture-item a {
    position: relative;
    display: block;
    padding: 3% 0
}

.lian-culture-item-left,.lian-culture-item-right {
    float: left;
    width: 50%
}

.lian-about-culture-item .text {
    margin-top: 10%;
    width: 90%
}

.lian-about-culture-item .text-1 {
    margin-top: 3%;
    color: #666
}

.lian-about-culture-item .icon-1 {
    margin-top: 15%
}

.lian-about-culture-item .icon-1 img {
    filter: grayscale(100%)
}

.lian-about-culture-item .pic {
    position: relative;
    z-index: 5;
    overflow: hidden
}

.lian-about-culture-item .pic:after {
    position: absolute;
    right: -5%;
    bottom: -24%;
    z-index: 1;
    width: 10rem;
    height: 20rem;
    background: #fff;
    content: "";
    transform: rotate(45deg)
}

.lian-about-culture-item .img {
    overflow: visible
}

.lian-about-culture-item .img:after {
    position: absolute;
    top: -2rem;
    left: -2rem;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #004ac7;
    content: "";
    opacity: 0;
    transition: all .4s ease
}

.lian-about-culture-item.fr .lian-culture-item-left,.lian-about-culture-item.fr .lian-culture-item-right {
    float: right
}

.lian-about-culture-item.fr .text {
    transform: translateX(20%)
}

.lian-about-culture-item a:hover .icon-1 img {
    filter: grayscale(0)
}

.lian-about-culture-item a:hover .img:after {
    opacity: 1
}

.lian-about-culture-item a:hover .title-1 {
    color: #004ac7
}

.lian-about-culture-item a:hover .text-1 {
    color: #000
}

.lian-about-team {
    overflow: hidden;
    padding: 4% 0
}

.lian-about-team-top {
    overflow: hidden
}

.lian-about-team-list {
    overflow: hidden;
    margin-top: 2%
}

.lian-about-team-item {
    position: relative
}

.lian-about-team-item.mr0 {
    margin-right: 0
}

.lian-about-team-item .img {
    background-color: #f1f1f1
}

.lian-about-team-item .text {
    overflow: hidden;
    padding: 5% 0;
    color: #000;
    text-align: center
}

.lian-about-team-item .title-1 {
    font-weight: 700
}

.lian-about-team-item .text-1 {
    overflow: hidden
}

.lian-about-team-item .text-2 {
    margin-top: 7%;
    color: #666
}

.lian-about-team-list .lian-about-team-item {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 32%;
    background: #f1f1f1
}

.lian-about-team-list .lian-about-team-item.mr0 {
    margin-right: 0
}

.lian-about-team-list .lian-about-team-item .img {
    float: left;
    width: 54%
}

.lian-about-team-list .lian-about-team-item .text {
    position: absolute;
    top: 50%;
    right: 5%;
    z-index: 11;
    padding: 0;
    width: 45%;
    text-align: left;
    transform: translateY(-50%)
}

.lian-about-team-type {
    overflow: hidden;
    margin-top: 8%;
    padding-bottom: 2%
}

.lian-about-team-type-top {
    text-align: center
}

.lian-about-team-type-top .title-1 {
    font-weight: 700
}

.lian-about-team-bottom {
    margin-top: 3%
}

.lian-about-team-swiper .title-1 {
    margin: 1% 0;
    font-weight: 300
}

.lian-about-team-swiper {
    cursor: url(../images/mov.png),default!important
}

.lian-about-certificate {
    overflow: hidden;
    padding: 5% 0
}

.lian-about-certificate-top {
    overflow: hidden;
    padding-bottom: 3%;
    border-bottom: 1px solid #e5e5e5
}

.lian-about-certificate-swiper {
    position: relative
}

.lian-about-certificate-item {
    overflow: hidden
}

.lian-about-certificate-item .img {
    float: left;
    width: 40%;
    background-color: transparent
}

.lian-about-certificate-item .text {
    float: left;
    margin-top: 5%;
    margin-left: 6%;
    width: 40%
}

.lian-about-certificate-item .title-1 {
    overflow: hidden;
    font-weight: 700
}

.lian-about-certificate-item .date-2 {
    overflow: hidden;
    margin-bottom: 10%;
    padding: 7% 0
}

.lian-about-certificate-item .item-1 {
    margin-bottom: 2%
}

.lian-about-certificate-item .item-1 li {
    display: inline-block;
    list-style: none;
    vertical-align: middle
}

.lian-about-certificate-item .item-1 li:first-child {
    margin-right: 3rem;
    width: 25%;
    color: #999
}

.lian-about-certificate-swiper .certificate-next,.lian-about-certificate-swiper .certificate-prev {
    display: inline-block;
    border: 2px solid #ccc;
    background: #fff;
    vertical-align: middle
}

.lian-about-certificate-swiper .certificate-next.swiper-button-disabled {
    border: 2px solid #ccc;
    background: #ccc
}

.lian-about-certificate-swiper .certificate-next:hover,.lian-about-certificate-swiper .certificate-prev:hover {
    border: 2px solid #004ac7;
    background: #004ac7;
    color: #fff
}

.lian-about-certificate-swiper .certificate-next:after,.lian-about-certificate-swiper .certificate-prev:after {
    color: #000
}

.lian-about-certificate-swiper .certificate-next:hover:after,.lian-about-certificate-swiper .certificate-prev:hover:after {
    color: #fff
}

.lian-about-certificate-bottom {
    margin-top: 3%
}

.lian-about-certificate-list {
    overflow: hidden
}

.lian-about-certificate-list .lian-about-certificate-item {
    float: left;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 23.5%
}

.lian-about-certificate-list .lian-about-certificate-item .img {
    float: none;
    width: 100%
}

.lian-about-certificate-list .lian-about-certificate-item a {
    position: relative;
    display: block
}

.lian-about-certificate-list .lian-about-certificate-item a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    width: 6rem;
    height: 6rem;
    background: url(../images/big.png) 50% no-repeat;
    background-size: 100%;
    content: "";
    opacity: 0;
    transition: all .4s ease;
    transform: translate(-50%,-50%)
}

.lian-about-certificate-list .lian-about-certificate-item .img-center {
    max-width: 80%;
    max-height: 80%
}

.lian-about-certificate-list .lian-about-certificate-item a:hover:before {
    opacity: 1
}

.lian-about-certificate-item.mr0 {
    margin-right: 0
}

.lian-pageturn {
    overflow: hidden;
    padding: 2% 0;
    text-align: center
}

.lian-pageturn a {
    display: inline-block;
    width: 3.5rem;
    height: 2rem;
    color: #000;
    vertical-align: middle;
    font-weight: 700
}

.lian-pageturn a.next,.lian-pageturn a.prev {
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 20%;
    transform: rotate(180deg);
    filter: grayscale(100%)
}

.lian-pageturn a.next {
    transform: rotate(0)
}

.lian-pageturn a.next:hover,.lian-pageturn a.prev:hover {
    filter: grayscale(0)
}

.lian-pageturn a.cur,.lian-pageturn a:hover {
    color: #004ac7
}

.lian-about-contact {
    overflow: hidden;
    padding: 4% 0
}

.lian-about-contact-top {
    overflow: hidden
}

.lian-about-contact-map {
    position: relative;
    overflow: hidden
}

.lian-about-contact-text {
    position: absolute;
    top: 42%;
    left: 6%;
    z-index: 11;
    width: 50%;
    transform: translateY(-50%)
}

.lian-about-contact-text .title-1 {
    overflow: hidden;
    padding-bottom: 1%;
    font-weight: 700
}

.lian-about-contact-text .text-1 {
    color: #1a1a1a
}

.lian-about-contact-text .contact-3 {
    overflow: hidden;
    margin-top: 5%
}

.lian-about-contact-text .contact-3 li {
    display: block;
    margin: 0;
    padding: 1% 0;
    list-style: none
}

.lian-about-contact-text .contact-3 i {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: middle
}

.lian-about-contact-text .contact-3 span {
    display: inline-block;
    color: #666;
    vertical-align: middle
}

.lian-about-contact-message {
    overflow: hidden;
    padding: 3% 0
}

.message-from-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 2%
}

.message-from-item li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 48%;
    border-bottom: 1px solid #f2f2f2;
    list-style: none
}

.message-from-item li:last-child {
    float: right
}

.message-from-item span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20%;
    color: #999;
    transform: translateY(-50%)
}

.message-from-item i {
    display: inline-block;
    width: 3rem;
    color: #004ac7;
    vertical-align: middle
}

.message-from-item .input-1 {
    float: right;
    width: 80%;
    border: none;
    color: #000
}

.message-from-item .input-1::-webkit-input-placeholder,.message-from-item .textarea-1::-webkit-input-placeholder {
    color: #ccc
}

.send-2 {
    position: relative;
    display: block;
    margin: 3% auto auto;
    width: 28rem;
    height: 6rem;
    background: #004ac7;
    text-align: center;
    font-size: 0;
    line-height: 6rem
}

.send-2 strong {
    margin-right: 2rem;
    color: #fff
}

.send-2 i,.send-2 strong {
    display: inline-block;
    vertical-align: middle
}

.send-2 i {
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 100%;
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.send-2:after {
    position: absolute;
    right: -8%;
    bottom: -115%;
    z-index: 1;
    width: 5rem;
    height: 10rem;
    background: #fff;
    content: "";
    transform: rotate(45deg)
}

.send-2:hover {
    background: #004ac7
}

.lian-production {
    position: relative;
    padding: 0
}

.lian-manufacturing-process {
    clear: both;
    overflow: visible
}

.lian-manufacturing-process-item {
    clear: both;
    padding: 4% 0;
    border-bottom: 1px solid #e5e5e5
}

.lian-manufacturing-process-item:first-child {
    padding: 0 0 4%
}

.lian-manufacturing-process-item a {
    position: relative;
    display: block;
    padding: 3% 0
}

.lian-process-item-left {
    float: left;
    width: 50%
}

.lian-process-item-left .text {
    margin-top: 10%;
    width: 90%
}

.lian-process-item-left .title-1 {
    color: #000
}

.lian-process-item-left .text-1 {
    margin-top: 3%;
    color: #666
}

.lian-process-item-left .text-1 p {
    margin: 0;
    padding: 0
}

.lian-process-item-right {
    float: left;
    width: 50%
}

.lian-process-item-right .pic {
    position: relative;
    z-index: 5;
    overflow: hidden
}

.lian-process-item-right .pic:after {
    right: -5%;
    bottom: -15%;
    z-index: 1;
    width: 10rem;
    height: 20rem;
    background: #fff;
    transform: rotate(45deg)
}

.lian-process-item-right .img {
    overflow: visible
}

.lian-process-item-right .img:after,.lian-process-item-right .pic:after {
    position: absolute;
    content: "";
    transition: all .4s ease
}

.lian-process-item-right .img:after {
    top: -2rem;
    left: -2rem;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #004ac7;
    opacity: 0
}

.lian-manufacturing-process-item.fr .lian-process-item-left,.lian-manufacturing-process-item.fr .lian-process-item-right {
    float: right
}

.lian-manufacturing-process-item a:hover .img:after {
    opacity: 1
}

.lian-manufacturing-process-item.fr .text {
    float: right
}

.lian-production-machines {
    overflow: hidden;
    padding-bottom: 4%
}

.lian-key-production-machines {
    overflow: hidden;
    padding: 4% 0 0
}

.lian-key-production-machines-item {
    float: left;
    overflow: hidden;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    width: 23.11%
}

.lian-key-production-machines-item.lkpm1,.lian-key-production-machines-item.lkpm5,.lian-key-production-machines-item.lkpm9 {
    margin-right: 0
}

.lian-key-production-machines-item a {
    position: relative;
    display: block;
    overflow: hidden
}

.lian-key-production-machines-item a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    width: 6rem;
    height: 6rem;
    background: url(../images/big.png) 50% no-repeat;
    background-size: 100%;
    content: "";
    opacity: 0;
    transition: all .4s ease;
    transform: translate(-50%,-50%)
}

.lian-key-production-machines-item .text {
    position: absolute;
    bottom: 13%;
    left: 10%;
    z-index: 11;
    width: 80%
}

.lian-key-production-machines-item .title-1 {
    color: #fff;
    font-weight: 700
}

.lian-key-production-machines-item .jiantou-1 {
    position: absolute;
    right: 0;
    bottom: 5%;
    z-index: 11;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 100%;
    filter: invert(100%) grayscale(100%) brightness(1.5)
}

.lian-key-production-machines-item.lkpm0,.lian-key-production-machines-item.lkpm1 {
    width: 48.666%
}

.lian-key-production-machines-item.lkpm0 .text,.lian-key-production-machines-item.lkpm1 .text {
    bottom: 8%;
    left: 5%;
    width: 90%
}

.lian-key-production-machines-item a:hover:before {
    opacity: 1
}

.lian-lck-industries {
    overflow: hidden;
    padding: 5% 0
}

.lian-lck-industries .lian-index-industries-item {
    margin-right: .5%;
    margin-bottom: .5%;
    width: 24.6%
}

.lian-lck-industries .lian-index-industries-item.liii1,.lian-lck-industries .lian-index-industries-item.liii2,.lian-lck-industries .lian-index-industries-item.liii3 {
    margin-right: .5%;
    width: 33%
}

.lian-lck-industries .lian-index-industries-item.liii11,.lian-lck-industries .lian-index-industries-item.liii3,.lian-lck-industries .lian-index-industries-item.liii7 {
    margin-right: 0
}

.lian-lck-industries .lian-index-industries-item.liii6 {
    margin-right: .5%
}

.lian-lck-industries .lian-index-industries-item .text {
    top: 9%;
    left: 8%;
    width: 70%
}

.lian-lck-industries .lian-index-industries-item.liii1 .text,.lian-lck-industries .lian-index-industries-item.liii2 .text,.lian-lck-industries .lian-index-industries-item.liii3 .text {
    left: 6%
}

.lian-application-global {
    overflow: hidden;
    padding: 6% 0
}

.lian-application-global-left {
    float: left;
    width: 48%
}

.lian-application-global-left .global-left-pic {
    position: relative;
    margin-top: 10%
}

.lian-application-global-left .pic-1 {
    position: absolute;
    top: -10%;
    right: 10%;
    z-index: 11;
    width: 8.6rem;
    height: 8.6rem
}

.lian-application-global-left .title-1 {
    margin-top: 4%
}

.lian-application-global-right {
    float: right;
    margin-top: 4%;
    width: 45%
}

.lian-application-global-right .text-1 {
    color: #666
}

.lian-application-global-right .text-1 p {
    margin: 0;
    padding: 0
}

.lian-products-we-offer {
    overflow: hidden;
    padding: 6% 0;
    background: #f7f7f7
}

.lian-products-we-offer-top {
    overflow: hidden;
    background: #f9f9f9;
    padding: 4%;
}

.lian-products-we-offer-left {
    float: left;
    width: 22%;
}

.lian-products-we-offer-left .title-1 {
    margin-top: 4%
}

.lian-products-we-offer-left .keyworld-2 {
    margin-top: 8%
}

.lian-products-we-offer-right {
    float: right;
    width: 78%;
}

.keyworld-2,.keyworld-2 a {
    overflow: hidden
}

.keyworld-2 a {
    position: relative;
    float: left;
    display: block;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    width: 18.8%;
    background: #fff
}

.keyworld-2 a:before {
    position: absolute;
    right: -5%;
    bottom: -95%;
    z-index: 1;
    width: 3rem;
    height: 5rem;
    background: #f7f7f7;
    content: "";
    transform: rotate(45deg)
}

.keyworld-2 span {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.keyworld-2 span,.keyworld-2 span:before {
    display: inline-block;
    vertical-align: middle
}

.keyworld-2 span:before {
    margin-right: 1rem;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #ccc;
    content: ""
}

.keyworld-2 a:hover {
    background: #004ac7
}
.keyworld-2 .cur{background: #004ac7;}
.keyworld-2 .cur span{color: #fff}
.keyworld-2 a:hover span {
    color: #fff
}

.lian-products-we-offer-bottom {
    overflow: hidden;
    padding: 5% 0 0
}

.lian-products-we-offer-bottom-left {
    float: left;
    width: 48%
}

.products-weoffer-swiper {
    overflow: hidden
}

.products-weoffer-item {
    position: relative;
    padding-bottom: 10%
}

.products-weoffer-item .text {
    position: absolute;
    bottom: 0;
    left: 5%;
    z-index: 1;
    width: 80%
}

.products-weoffer-item .text-1 {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    color: #fff;
    transform: translateY(-50%)
}

.lian-products-we-offer-bottom-right {
    float: left;
    margin-left: 5%;
    width: 40%
}

.lian-products-weoffer-nav {
    overflow: hidden;
    margin-top: 10%;
    padding-left: 10%
}

.lian-products-weoffer-nav a {
    position: relative;
    display: block;
    margin-bottom: 8%
}

.lian-products-weoffer-nav strong {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 400
}

.lian-products-weoffer-nav strong:before {
    position: absolute;
    top: 50%;
    left: -5%;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ccc;
    content: "";
    transform: translateY(-50%)
}

.lian-products-weoffer-nav span {
    display: block;
    padding: 1% 0;
    color: #999
}

.lian-products-weoffer-nav a.cur strong {
    color: #004ac7
}

.lian-products-weoffer-nav a.cur strong:before {
    background: #004ac7
}

.lian-products-weoffer-nav a.cur span {
    color: #000
}

.lian-application-case {
    clear: both;
    overflow: hidden;
    padding: 6% 0 5%;
    background: url(../../industries/images/bg2.jpg) top no-repeat;
    background-size: cover
}

.lian-application-case-top {
    position: relative;
    overflow: hidden
}

.lian-application-case-top .title-1 {
    width: 50%;
    color: #fff
}

.case-swiper-button {
    position: absolute;
    right: 0;
    bottom: 2%;
    text-align: right
}

.lian-application-case-bottom {
    padding-top: 2%
}

.lian-application-case-swiper {
    overflow: hidden;
    margin-left: -1%;
    padding: 2% 1%;
    width: 100%
}

.lian-application-case-item {
    position: relative
}

.lian-application-case-item a {
    position: relative;
    display: block
}

.lian-application-case-item a:after {
    position: absolute;
    top: -3%;
    left: -2%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #004ac7;
    content: "";
    opacity: 0;
    transition: all .4s ease
}

.lian-application-case-item a:hover:after {
    opacity: 1
}

.lian-application-case-item .img {
    z-index: 11;
    background: 0 0
}

.lian-what-people-said {
    overflow: hidden;
    padding: 6% 0 3%
}

.lian-what-people-said-top {
    overflow: hidden
}

.lian-what-people-said-bottom {
    overflow: visible;
    padding: 5% 0 0
}

.lian-what-people-said-item {
    float: left;
    margin-right: 1%;
    margin-bottom: 3%;
    width: 24.2%
}

.lian-what-people-said-item.mr0 {
    margin-right: 0
}

.lian-what-people-said-item a {
    position: relative;
    display: block
}

.lian-what-people-said-item a:before {
    position: absolute;
    top: -3%;
    left: 10%;
    z-index: 11;
    width: 3.4rem;
    height: 2.4rem;
    background: url(../images/syh.png) 50% no-repeat;
    background-size: 100%;
    content: ""
}

.lian-what-people-said-item .text {
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: 11;
    width: 80%
}

.lian-what-people-said-item .text-1 {
    color: #666
}

.lian-what-people-said-item .title-1 {
    position: absolute;
    top: 70%;
    left: 10%;
    z-index: 12;
    padding: 7% 0;
    width: 80%;
    border-top: 1px solid #e5e5e5;
    color: #000
}

.lian-what-people-said-item .title-1 strong {
    display: block;
    width: 80%
}

.lian-what-people-said-item .img {
    overflow: visible;
    background-color: transparent
}

.lian-what-people-said-item .img-center {
    opacity: 0;
    transform: translate(-1rem,-1rem)
}

.lian-what-people-said-item .pic {
    overflow: visible;
    box-sizing: border-box
}

.lian-what-people-said-item a:hover .text-1,.lian-what-people-said-item a:hover .title-1 strong {
    color: #fff
}

.lian-what-people-said-item a:hover:before {
    top: -5%;
    filter: invert(1) grayscale(100%) brightness(.1)
}

.lian-what-people-said-item a:hover .img-center {
    opacity: 1
}

.lian-application-ad {
    clear: both;
    margin: auto;
    padding: 0 0 5%
}

.lian-application-ad,.lian-application-ad .lian-content {
    position: relative;
    overflow: hidden
}

.lian-application-adtext {
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 1;
    width: 40%;
    color: #fff;
    transform: translateY(-50%)
}

.lian-application-adtext .text-1 {
    margin-top: 2%
}

.lian-application-ad .lian-more {
    position: absolute;
    top: 50%;
    right: 5%;
    margin: 0;
    transform: translateY(-50%)
}

.lian-product-banner {
    position: relative;
    overflow: hidden
}

.lian-product-banner .text {
    position: absolute;
    top: 32%;
    left: 10%;
    z-index: 11;
    width: 20%
}

.lian-product-banner .text .title-1 strong {
    color: #fff
}

.lian-product-banner .product-right-1 {
    position: absolute;
    top: 58%;
    right: 10%;
    z-index: 10;
    width: 40%;
    text-align: center;
    transform: translateY(-50%)
}

.lian-product-banner .product-right-1 img {
    height: auto;
    max-width: 100%
}

.lian-product-banner .product-right-1 img.wow {
    opacity: 1
}

.play-3 {
    position: absolute;
    bottom: 20%;
    left: 10%;
    z-index: 11
}

.play-3 a {
    display: block;
    width: 5rem;
    height: 5rem;
    background: url(../images/play3.png) 50% no-repeat;
    background-size: 100%
}

.lian-product-overview {
    overflow: hidden;
    padding: 5% 0;
    background: #f5f5f5
}

.lian-product-overview-top {
    position: relative;
    margin: auto;
    width: 82%
}

.lian-product-overview-top .lian-right-text {
    position: absolute;
    right: 0;
    bottom: 2%;
    width: 44%
}

.lian-product-overview-top .lian-title {
    width: 50%
}

.lian-product-overview-top .title-1 {
    margin-top: 4%
}

.lian-product-overview-top .text-1 {
    color: #666
}

.lian-product-overview-bottom {
    float: right;
    margin: 4% 0 2%;
    width: 91%
}

.lian-product-overview-item {
    position: relative
}

.lian-product-overview-item a {
    position: relative;
    display: block
}

.lian-product-overview-item .text-1 {
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: 11;
    width: 80%
}

.lian-product-overview-item .title-1 {
    position: absolute;
    bottom: 14%;
    left: 10%;
    z-index: 12;
    width: 80%
}

.lian-product-overview-item .title-1 strong {
    color: #004ac7
}

.lian-product-overview-item .img {
    overflow: visible;
    background-color: transparent
}

.lian-product-overview-item .pic {
    overflow: visible;
    padding-top: 1rem
}

.lian-product-overview-item .img-center {
    width: 100%!important;
    opacity: 0;
    transition: all .4s ease;
    transform: translate(-.8rem,-.6rem)
}

.lian-product-overview-item .img-block {
    transition: all .4s ease
}

.lian-product-overview-item a:hover .img-block {
    filter: invert(100%)
}

.lian-product-overview-item a:hover .img-center {
    opacity: 1
}

.lian-product-overview-item a:hover .text-1 {
    color: #fff
}

.lian-product-overview-item a:hover .title-1 strong {
    color: #fff;
    opacity: .5
}

.lian-product-overview-swiper {
    overflow: visible
}

.lian-product-team {
    overflow: hidden;
    padding: 5% 0
}

.lian-product-team-top {
    position: relative;
    margin: auto;
    width: 82%
}

.lian-product-team-top .lian-title {
    width: 50%
}

.lian-product-team-top .title-1 {
    margin-top: 3%
}

.lian-team-rightbtn {
    position: absolute;
    right: 0;
    bottom: 5%;
    text-align: right;
    font-size: 0
}

.lian-team-rightbtn a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 14rem;
    height: 6rem;
    background: #f5f5f5;
    vertical-align: middle;
    text-align: center;
    line-height: 6rem
}

.lian-team-rightbtn a:before {
    position: absolute;
    right: -6%;
    bottom: -55%;
    z-index: 1;
    width: 3rem;
    height: 5rem;
    background: #f7f7f7;
    content: "";
    transform: rotate(45deg)
}

.lian-team-rightbtn a.cur:last-child:before {
    background: #fff
}

.lian-team-rightbtn span {
    color: #000
}

.lian-team-rightbtn a.cur {
    background: #004ac7
}

.lian-team-rightbtn a.cur span {
    color: #fff
}

.lian-product-team-bottom {
    overflow: hidden;
    margin-top: 3%
}

.lian-product-team-swiper .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    max-width: none
}

.lian-product-team-swiper .swiper-slide {
    width: auto
}

.lian-product-team-swiper {
    opacity: 0
}

.lian-product-team-type-swiper .swiper-slide-active .lian-product-team-swiper {
    opacity: 1
}

.lian-food-processing {
    overflow: hidden;
    padding: 6% 0
}

.lian-food-processing-top {
    text-align: center
}

.lian-food-processing-top .title-1 {
    margin: auto;
    width: 60%
}

.lian-food-processing-top .title-1 strong {
    color: #004ac7;
    font-weight: 400
}

.lian-food-processing-top .text-1 {
    margin: 5% auto auto
}

.lian-food-processing-top .text-2 {
    margin: 2% auto auto;
    width: 80%;
    color: #666
}

.lian-food-processing-list {
    overflow: hidden;
    margin: auto;
    padding: 2% 0;
    width: 80%
}

.lian-food-processing-item {
    float: left;
    margin: 1% .5%;
    width: 32.333%
}

.lian-food-processing-item a {
    position: relative;
    display: block
}

.lian-food-processing-item .img {
    background: 0 0
}

.lian-food-processing-item .img .img-center {
    opacity: 0
}

.lian-food-processing-item .text {
    position: absolute;
    top: 22%;
    left: 12%;
    z-index: 11;
    width: 80%;
    text-align: left
}

.lian-food-processing-item .icon-1 {
    position: relative;
    width: 9rem;
    height: 9rem
}

.lian-food-processing-item .icon-1 .img-center {
    max-height: 90%
}

.lian-food-processing-item .title-2 {
    margin-top: 1%;
    margin-left: 1%
}

.lian-food-processing-item a:hover .img .img-center {
    opacity: 1
}

.lian-food-processing-item a:hover .title-2 {
    color: #fff
}

.lian-food-processing-item a:hover .icon-1 img {
    filter: invert(1) brightness(5)
}

.lian-product-series {
    overflow: hidden;
    padding: 6% 0;
    background: #f5f5f5
}

.lian-product-series-top {
    overflow: hidden
}

.lian-product-series-bottom {
    overflow: hidden;
    padding: 2% 0
}

.lian-products-weoffer {
    overflow: hidden;
    padding: 6% 0;
    background: #f7f7f7
}

.lian-products-weoffer-top {
    overflow: hidden
}

.lian-products-weoffer-top .lian-title .title-1 {
    width: 50%
}

.lian-products-weoffer-bottom {
    margin-top: 1%
}

.lian-why-choose-ml {
    overflow: hidden;
    margin-top: 3%
}

.lian-why-choose-ml-top {
    overflow: hidden
}

.lian-why-choose-ml-bottom {
    overflow: hidden;
    margin-top: 2%
}

.lian-application-case.gallery {
    padding: 6% 0 3%;
    background-color: #fff;
    background-image: url(../../industries/images/bg5.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.lian-application-case.gallery .lian-title .title-1 {
    width: 40%;
    color: #000
}

.lian-application-case-item .img:before {
    position: absolute;
    right: -6%;
    bottom: -15%;
    z-index: 1;
    width: 5rem;
    height: 10rem;
    background: url(../../industries/images/bg6.jpg);
    content: "";
    transform: rotate(45deg)
}

.lian-application-case.gallery .lian-application-case-item .img:before {
    background: #fff
}

.lian-application-case.gallery .swiper-button-next,.lian-application-case.gallery .swiper-button-prev {
    border: 2px solid rgba(0,0,0,.5)
}

.lian-application-case.gallery .swiper-button-next:after,.lian-application-case.gallery .swiper-button-prev:after {
    color: #000
}

.lian-application-case.gallery .swiper-button-next:hover,.lian-application-case.gallery .swiper-button-prev:hover {
    border: 2px solid #004ac7
}

.lian-application-case.gallery .swiper-button-next:hover:after,.lian-application-case.gallery .swiper-button-prev:hover:after {
    color: #fff
}

.lian-application-case.gallery .lian-application-ad {
    margin: 0
}

.lian-application-case .lian-application-case-bottom-text {
    color: #999
}

.lian-application-case.gallery .lian-application-case-bottom-text {
    color: #666
}

.bgf5f5f5 {
    background-color: #f5f5f5!important
}

.bgf5f5f5 .lian-application-case-item .img:before {
    background: #f5f5f5!important
}

.lian-application-global-center {
    margin: auto;
    width: 70%;
    text-align: center
}

.lian-application-global-center .text-1 {
    overflow: hidden;
    margin-top: 4%;
    color: #666
}

.lian-key-considerations {
    overflow: hidden;
    padding: 1% 0;
    border-bottom: 1px solid #e7e7e7
}

.lian-key-considerations-top {
    overflow: hidden
}

.lian-key-considerations-top .lian-title .title-1 {
    margin-bottom: 1%;
    width: 50%
}

.lian-key-considerations-bottom {
    display: flex;
    overflow: hidden;
    padding: 3% 0;
    font-size: 0;
    justify-content: space-between
}

.lian-key-considerations-bottom.num3 .lian-key-considerations-item {
    width: 33%
}

.lian-key-considerations-item {
    display: inline-block;
    width: 10%;
    vertical-align: middle
}

.lian-key-considerations-item a {
    display: block;
    overflow: hidden;
    text-align: center
}

.lian-key-considerations-item .img {
    position: relative;
    margin: auto;
    width: 16rem;
    border-radius: 100%;
    background: #e7e7e7
}

.lian-key-considerations-item .title-2 {
    margin-top: 2rem
}

.lian-key-considerations-item .text-2 {
    margin: 2rem auto auto;
    width: 50%;
    color: #666
}

.lian-key-considerations-item a:hover .img-center {
    filter: invert(1) brightness(5)
}

.lian-key-considerations-item a:hover .img {
    background: #004ac7
}

.lian-product-series.global {
    background: #fff
}

.lian-product-series.global .title-1 {
    margin-bottom: 2%;
    width: 74%
}

.lian-products-weoffer .lian-content .lian-products-we-offer-top:last-child {
    position: relative;
    padding-top: 3%
}

.lian-products-weoffer .lian-content .lian-products-we-offer-top:last-child .lian-more {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.lian-products-weoffer .lian-process-item-right .pic:after {
    background: #f7f7f7
}

.lian-whychoose-ml {
    overflow: hidden;
    padding: 5% 0;
    background: url(../../industries/images/bg7.jpg) 50% no-repeat;
    background-size: cover
}

.lian-whychoose-ml-top {
    overflow: hidden
}

.lian-whychoose-ml-top .title-1 {
    width: 78%
}

.lian-whychoose-ml-bottom,.lian-whychoose-ml-main {
    position: relative;
    overflow: hidden;
    margin-top: 1%
}

.lian-whychoose-ml-main {
    padding: 1% 0 1% 3%;
    width: 80%
}

.lian-whychoose-ml-main:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #e5e5e5;
    content: ""
}

.lian-whychoose-ml-main .text-1 {
    color: #666
}

.lian-whychoose-ml-list {
    overflow: hidden;
    margin-top: 3%
}

.lian-whychoose-ml-item {
    float: left;
    margin-right: 5%;
    text-align: center
}

.lian-whychoose-ml-item .icon-1 {
    position: relative;
    width: 13rem
}

.lian-whychoose-ml-item .title-1 {
    margin-top: 2rem
}

.lian-e-catalog {
    overflow: hidden;
    padding: 5% 0
}

.lian-e-catalog-top {
    position: relative;
    overflow: hidden
}

.lian-e-catalog-top .title-1 {
    overflow: hidden
}

.lian-e-catalog-top .text-1 {
    overflow: hidden;
    margin-top: 1%;
    width: 60%
}

.lian-ecatalog-search {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    text-align: right
}

.lian-ecatalog-search .search-1 {
    padding: 4% 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #f5f5f5;
    background: 0 0;
    transition: all .4s ease
}

.lian-ecatalog-search .search-1:focus {
    border-bottom: 1px solid #000
}

.lian-ecatalog-search .searchbtn-1 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2rem;
    height: 2rem;
    background: url(../images/search.png) 50% no-repeat;
    background-size: 100%;
    opacity: .5;
    transform: translateY(-50%)
}

.lian-ecatalog-search .searchbtn-1:hover {
    opacity: 1
}

.lian-e-catalog-bottom {
    clear: both;
    overflow: hidden;
    margin-top: 3%
}

.lian-e-catalog-list {
    overflow: hidden;
    padding: 3% 0 0
}

.lian-e-catalog-item {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 23.5%
}

.lian-e-catalog-item.mr0 {
    margin-right: 0
}

.lian-e-catalog-item a {
    position: relative;
    display: block;
    overflow: hidden
}

.lian-e-catalog-item .text {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 20;
    width: 90%;
    transform: translateY(-50%)
}

.lian-e-catalog-item .text:after {
    position: absolute;
    right: 10%;
    bottom: 5%;
    width: 2.2rem;
    height: 2.2rem;
    background: url(../images/down.png) 50% no-repeat;
    background-size: 100%;
    content: ""
}

.lian-e-catalog-item .icon-1 {
    position: relative;
    width: 5rem;
    height: 5rem
}

.lian-e-catalog-item .title-1 {
    margin-top: 10%;
    width: 80%;
    font-weight: 700
}

.lian-e-catalog-item .img {
    background: 0 0
}

.lian-e-catalog-item a:hover {
    transform: translateY(-10px)
}

.lian-knowledge-faq {
    overflow: hidden;
    padding: 3% 0
}

.lian-knowledge-faq-list {
    overflow: hidden;
    width: 104%
}

.knowledge-faq-item {
    float: left;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 4% 3%;
    width: 42%;
    background: #f5f5f5;
    cursor: pointer
}

.knowledge-faq-item.mr0 {
    margin-right: 0
}

.knowledge-faq-item .title {
    position: relative;
    overflow: hidden
}

.knowledge-faq-item .title i {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    border: 2px solid #000;
    border-radius: 100%;
    vertical-align: middle;
    text-align: center;
    font-style: normal;
    line-height: 3.6rem
}

.knowledge-faq-item .title span {
    display: inline-block;
    margin-left: 2rem;
    width: 70%;
    vertical-align: middle;
    font-weight: 700
}

.knowledge-faq-item .open-1 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    height: 3rem;
    transform: translateY(-50%)
}

.knowledge-faq-item .open-1:after {
    width: 1rem;
    height: 2px
}

.knowledge-faq-item .open-1:after,.knowledge-faq-item .open-1:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    background: #000;
    content: "";
    transform: translate(-50%,-50%)
}

.knowledge-faq-item .open-1:before {
    width: 2px;
    height: 1rem
}

.knowledge-faq-item .text {
    overflow: hidden;
    margin-top: 3%
}

.knowledge-faq-item .text i {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    border: 2px solid #004ac7;
    border-radius: 100%;
    color: #004ac7;
    vertical-align: top;
    text-align: center;
    font-style: normal;
    line-height: 3.6rem
}

.knowledge-faq-item .knowledge-faq-text {
    display: inline-block;
    margin-left: 2rem;
    width: 88%;
    color: #666;
    vertical-align: top
}

.knowledge-faq-item:after {
    position: absolute;
    right: -5%;
    bottom: -15%;
    z-index: 1;
    width: 5rem;
    height: 10rem;
    background: #fff;
    content: "";
    transform: rotate(45deg)
}

.knowledge-faq-item .clickshow {
    display: none
}

.knowledge-faq-item .defaultshow {
    display: -webkit-box
}

.knowledge-faq-item.cur .defaultshow,.knowledge-faq-item.cur .open-1:before {
    display: none
}

.heightauto {
    overflow-x: hidden;
    overflow-y: auto
}

.lian-third-party-verification-bottom {
    position: relative
}

.lian-third-party-verification-left {
    float: left;
    width: 50%
}

.lian-third-party-verification-right {
    float: right;
    margin-top: -1%;
    width: 46%
}

.lian-third-party-verification-from {
    overflow: hidden;
    margin-top: 8%
}

.lian-third-party-verification-from .from-2 {
    overflow: hidden;
    margin-bottom: 2%
}

.lian-third-party-verification-from ul {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 2.5% 0;
    border-bottom: 1px solid #f2f2f2;
    list-style: none;
    font-size: 0
}

.lian-third-party-verification-from li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 75%;
    color: #999;
    list-style: none;
    vertical-align: middle
}

.lian-third-party-verification-from li:first-child {
    padding-left: 3%;
    width: 22%
}

.lian-third-party-verification-from li:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    color: #004ac7;
    content: "*";
    font-size: 1.4rem;
    transform: translateY(-50%)
}

.lian-third-party-verification-from li.cur:before {
    display: block
}

.lian-third-party-verification-from .from-1 ul {
    padding: 2.5% 3%
}

.lian-third-party-verification-from .from-1 li {
    margin-bottom: 2%;
    width: 100%
}

.lian-third-party-verification-from .from-1 li:first-child {
    padding-left: 0;
    width: 25%
}

.input-2,.textarea-2 {
    width: 100%;
    border: none;
    color: #000
}

.textarea-2 {
    min-height: 60px
}

.input-2::-webkit-input-placeholder,.textarea-2::-webkit-input-placeholder {
    color: #000
}

.send-message {
    overflow: hidden;
    margin-top: 5%
}

.send-message a {
    position: relative;
    display: inline-block;
    width: 28rem;
    background: #004ac7;
    text-align: center;
    line-height: 6rem
}

.send-message a:after {
    position: absolute;
    right: -5%;
    bottom: -50%;
    z-index: 1;
    width: 3rem;
    height: 5rem;
    background: #fff;
    content: "";
    transform: rotate(45deg)
}

.send-message span {
    color: #fff
}

.send-message i,.send-message span {
    display: inline-block;
    vertical-align: middle
}

.send-message i {
    margin-left: 2rem;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 100%;
    filter: invert(1) brightness(5) grayscale(1)
}

.send-message a:hover {
    background: #004ac7
}

.lian-news {
    overflow: hidden;
    padding: 5% 0 0
}

.lian-news-top {
    position: relative;
    overflow: hidden
}

.lian-news-top .lian-ecatalog-search {
    bottom: auto;
    bottom: 3%
}

.lian-news-content {
    overflow: hidden;
    padding: 3% 0
}

.lian-news-list {
    overflow: hidden
}

.lian-news-item {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 23.5%
}

.lian-news-item.mr0 {
    margin-right: 0
}

.lian-news-item a {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f5f5f5
}

.lian-news-item .img {
    background-color: #f5f5f5
}

.lian-news-item .pic {
    position: relative;
    overflow: hidden
}

.lian-news-item .text {
    overflow: hidden;
    margin: 10%;
    padding: 0;
    width: 80%
}

.lian-news-item .data-1 {
    display: none;
    color: #999
}

.lian-news-item .title-1 {
    min-height: 45px;
    font-weight: 700
}

.lian-news-item .text-1 {
    display: none;
    margin-top: 3%;
    color: #999
}

.lian-news-item .data-2 {
    position: relative;
    overflow: hidden;
    margin-top: 8%;
    color: #999
}

.lian-news-item .data-2:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    content: "";
    transform: translateY(-50%)
}

.lian-news-item .viewmore-2 {
    display: none
}

.lian-news-item a:hover .pic {
    transform: scale(1.05)
}

.lian-news-item a:hover .title-1 {
    color: #004ac7
}

.lian-news-item.lni1 {
    margin-right: 0;
    width: 100%
}

.lian-news-item.lni1 .img {
    float: left;
    width: 50%
}

.lian-news-item.lni1 .text {
    float: left;
    margin: 5% auto auto 5%;
    width: 40%
}

.lian-news-item.lni1 .data-1,.lian-news-item.lni1 .text-1,.lian-news-item.lni1 .viewmore-2 {
    display: block
}

.lian-news-item.lni1 .title-1 {
    margin-top: 2%;
    min-height: auto;
    font-size: 2.4rem
}

.lian-news-item.lni1 .viewmore-2 {
    margin-top: 20%
}

.lian-news-item.lni1 .data-2 {
    display: none
}

.lian-news-item.lni1 .img:after {
    position: absolute;
    right: -5%;
    bottom: -20%;
    z-index: 1;
    width: 10rem;
    height: 20rem;
    background: #f5f5f5;
    content: "";
    transform: rotate(45deg)
}

.lian-news-item:nth-child(5),.lian-news-item:nth-child(9) {
    margin-right: 0
}

.lian-news-detail {
    overflow: hidden;
    margin-top: 12rem;
    padding: 6% 0;
    background: #f5f5f5
}

.lian-news-detail-top {
    overflow: hidden;
    padding-bottom: 3%;
    border-bottom: 1px solid #e5e5e5
}

.lian-news-detail-top-left {
    float: left;
    width: 25%
}

.lian-news-detail-top-right {
    float: left;
    width: 75%
}

.lian-news-detail-top-right .date-1 {
    color: #004ac7
}

.lian-news-detail-top-right .title-1 h1 {
    margin: 2% 0 0;
    padding: 0
}

.lian-news-detail-center {
    overflow: hidden;
    padding: 3% 0
}

.lian-news-detail-center-left {
    float: left;
    width: 25%
}

.lian-news-detail-center-nav {
    overflow: hidden;
    margin-top: 10%
}

.lian-news-detail-center-nav a {
    display: block;
    margin: 1% 0
}

.lian-news-detail-center-nav span {
    position: relative;
    display: inline-block;
    padding: 3% 0
}

.lian-news-detail-center-nav span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #004ac7;
    content: "";
    transition: all .4s ease
}

.lian-news-detail-center-nav a.cur span,.lian-news-detail-center-nav a:hover span,.lian-news-detail-center-nav:hover a.cur:hover span {
    color: #004ac7
}

.lian-news-detail-center-nav a.cur span:after,.lian-news-detail-center-nav a:hover span:after,.lian-news-detail-center-nav:hover a.cur:hover span:after {
    display: block;
    width: 100%
}

.lian-news-detail-center-nav:hover a.cur span {
    color: #000
}

.lian-news-detail-center-nav:hover a.cur span:after {
    width: 0
}

.lian-news-detail-center-right {
    float: left;
    width: 75%
}

.lian-news-detail-center-main {
    color: #666
}

.lian-news-detail-center-main img {
    height: auto!important;
    max-width: 100%
}

.lian-news-detail-bottom {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.lian-news-detail-bottom a {
    position: relative;
    display: block
}

.lian-news-detail-bottom i {
    position: absolute;
    top: 50%;
    left: 0;
    width: .6rem;
    height: 1rem;
    background: url(../images/r1.svg) 50% no-repeat;
    background-size: 100%;
    opacity: .5;
    transform: translateY(-50%);
    filter: invert(100%) grayscale(100%) brightness(.5)
}

.lian-news-detail-bottom a.next,.lian-news-detail-bottom a.prev {
    position: absolute;
    top: 50%;
    width: 40%;
    transform: translateY(-50%)
}

.lian-news-detail-bottom a.next i {
    right: 0;
    left: auto
}

.lian-news-detail-bottom span {
    display: inline-block;
    margin: 0 3%;
    width: 50%;
    color: #999
}

.lian-news-detail-bottom a.prev {
    float: left;
    padding-left: 2rem;
    width: 40%
}

.lian-news-detail-bottom a.prev i {
    top: 0;
    transform: rotate(180deg) translateY(-50%)
}

.lian-news-detail-bottom a.next {
    right: 0;
    float: right;
    padding-right: 2rem;
    width: 40%;
    text-align: right
}

.lian-news-detail-bottom a.return {
    margin: auto;
    width: 10rem;
    height: 10rem
}

.lian-news-detail-bottom a.return i {
    top: 50%;
    left: 50%;
    width: 2rem;
    height: .1rem;
    background: #000;
    opacity: 1;
    transform: translate(-50%,-50%);
    filter: none
}

.lian-news-detail-bottom a.return i:after,.lian-news-detail-bottom a.return i:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #000;
    content: ""
}

.lian-news-detail-bottom a.return i:after {
    margin-top: 6px
}

.lian-news-detail-bottom a.return i:before {
    margin-top: -6px
}

.lian-news-detail-bottom a.return:hover {
    background: #004ac7
}

.lian-news-detail-bottom a.return:hover i,.lian-news-detail-bottom a.return:hover i:after,.lian-news-detail-bottom a.return:hover i:before {
    background: #fff;
    opacity: 1;
    filter: none
}

.lian-news-detail-bottom a:hover span {
    color: #000
}

.lian-news-detail-bottom a:hover i {
    opacity: 1;
    filter: invert(0) grayscale(0) brightness(1.5)
}

.galleryOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.galleryOverlay.visible {
    opacity: 1
}

.gallerySlider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.gallerySlider .placeholder {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) no-repeat 50%;
    text-align: center;
    line-height: 1px
}

.gallerySlider .placeholder:before {
    display: inline-block;
    margin-right: -1px;
    width: 1px;
    height: 50%;
    content: ""
}

.gallerySlider .placeholder img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.nextArrow,.prevArrow {
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 50%;
    height: 100%;
    border: none;
    text-decoration: none;
    opacity: .5;
    cursor: pointer
}

.nextArrow:hover,.prevArrow:hover {
    opacity: 1
}

.prevArrow {
    left: 0;
    background-position: 0 0
}

.nextArrow {
    right: 0;
    background-position: 100% 0
}

.pagelimit {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -18px;
    color: #fff;
    font-size: 18px
}

.closed {
    position: absolute;
    top: 3%;
    right: 2%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transform: rotate(45deg)
}

.closed:after,.closed:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    content: "";
    transform: translate(-50%,-50%)
}

.closed:hover {
    opacity: .5
}

.closed:after {
    width: 26px;
    height: 2px
}

.closed:before {
    width: 2px;
    height: 26px
}

.news-detail-bottom,.news-detail-bottom-right,.news-detail-share {
    overflow: visible
}

.social-share {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-size: 16px
}

.social-share * {
    font-family: socialshare!important
}

.social-share a {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    outline: 0;
    border: 1px solid #333;
    border-radius: 100%;
    text-decoration: none
}

.social-share .icon-wechat .wechat-qrcode {
    position: absolute;
    top: -205px;
    left: -84px;
    z-index: 9;
    display: none;
    width: 200px;
    height: 192px;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    color: #666;
    text-align: center;
    font-size: 12px;
    -moz-transition: all .35s;
    transition: all .2s;
    -webkit-tansition: all .35s
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    margin: 0;
    padding: 0;
    height: 26px;
    background-color: #f3f3f3;
    color: #777;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    margin: 10px auto;
    width: 105px
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0!important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 16px
}

.social-share .icon-wechat .wechat-qrcode:after {
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 8px solid #fff;
    content: ""
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

.social-share-icon {
    position: relative;
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    opacity: .2
}

.social-share-icon:hover {
    opacity: 1
}

.icon-qq:before,.icon-wechat:before,.icon-weibo:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4rem;
    height: 4rem;
    content: "";
    transform: translate(-50%,-50%)
}

.icon-wechat:before {
    z-index: 11;
    background: url(../images/n1.png) 50% no-repeat
}

.icon-weibo:before {
    z-index: 11;
    background: url(../images/n3.png) 50% no-repeat
}

.icon-qq:before {
    z-index: 11;
    background: url(../images/n2.png) 50% no-repeat
}

.lian-page-model {
    overflow: hidden;
    margin-top: 12rem;
    padding: 6% 0;
    background: #f5f5f5
}

.lian-page-model .lian-content {
    width: 50%
}

.lian-page-model-top {
    overflow: hidden;
    padding-bottom: 3%;
    border-bottom: 1px solid #e5e5e5
}

.lian-page-model-top h1 {
    margin: 0;
    padding: 0
}

.lian-page-model-text {
    overflow: hidden;
    padding: 4% 0;
    color: #666
}

.lian-page-model-text img {
    height: auto!important;
    max-width: 100%
}

.lian-page-model-text p {
    margin: 0;
    padding: 0
}

.lian-sitemap {
    overflow: hidden;
    margin-top: 12rem;
    padding: 6% 0;
    background: #f5f5f5
}

.lian-sitemap .lian-content {
    width: 80%
}

.lian-sitemap-list {
    overflow: hidden
}

.lian-sitemap-item {
    float: left;
    overflow: hidden;
    width: 25%
}

.lian-sitemap-item a {
    position: relative;
    display: inline-block;
    padding: .4rem 0
}

.lian-sitemap-item a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #004ac7;
    content: ""
}

.lian-sitemap-item a:hover:after {
    width: 100%
}

.lian-sitemap-item .title-1 {
    overflow: hidden;
    margin-bottom: 2rem
}

.lian-sitemap-item ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.lian-sitemap-item li {
    display: block;
    margin: 0;
    padding: .4rem 0;
    list-style: none
}

.fengexian {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 4% 0;
    width: 100%;
    height: 1px
}

.fengexian:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    content: ""
}

.lian-history-content:after,.lian-history-content:before,.lian-history-item-right:after {
    display: none;
    opacity: 0
}

.lian-history-content:before {
    display: block;
    width: 100%;
    background: #999;
    opacity: .2
}

.lian-history-item-right {
    margin-top: 1.2%
}

.lian-history-swiper {
    z-index: 11
}

.lian-history-swiper .swiper-slide-active .chilun .left-circle {
    animation: circleleft 8s linear forwards
}

.lian-history-swiper .swiper-slide-active .chilun .right-circle {
    animation: circleright 8s linear forwards
}

.lian-history-item {
    opacity: 0;
    transition: all .4s ease
}

.lian-history-swiper .swiper-slide-active .lian-history-item {
    opacity: 1
}

.historybg {
    opacity: 0
}

.chilun {
    position: relative;
    overflow: hidden;
    width: 70rem;
    height: 70rem
}

.chilun-content {
    left: 0;
    display: block;
    width: 100%;
    background: url(../images/knife.png) 50% no-repeat;
    background-size: 99%;
    transform: rotateX(180deg)
}

.chilun-content,.chilun-item {
    position: absolute;
    top: 0;
    height: 100%
}

.chilun-item {
    z-index: 11;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50%;
    opacity: 1;
    transition: all .4s ease
}

.chilun-item:before {
    width: 100%;
    background: #fff;
    opacity: 0
}

.chilun .left {
    left: 0
}

.chilun .right {
    right: 0
}

.chilun .circle {
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    width: 70rem;
    height: 100%;
    border: 15em solid transparent;
    border-radius: 100%;
    opacity: .5;
    transform: rotate(314deg)
}

.chilun .left-circle {
    left: 0;
    border-top-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.chilun .right-circle {
    right: 0;
    border-bottom-color: #f5f5f5;
    border-right-color: #f5f5f5
}

.chilun .pic-1 {
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    border-radius: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(-50%,-50%)
}

.chilun .pic-1,.chilun-item:before {
    position: absolute;
    z-index: 1;
    overflow: hidden
}

.chilun-item:before {
    top: 0;
    left: 0;
    width: 70rem;
    height: 100%;
    background: url(../images/knife1.png) 50% no-repeat;
    background-size: 99%;
    content: "";
    opacity: .5
}

.chilun-item.right:before {
    right: 0;
    left: auto
}

.chilun .left-circle,.chilun .right-circle {
    opacity: 1
}

@keyframes circleright {
    0% {
        transform: rotate(315deg)
    }

    50%,to {
        transform: rotate(135deg)
    }
}

@keyframes circleleft {
    0%,50% {
        transform: rotate(315deg)
    }

    to {
        transform: rotate(135deg)
    }
}

.industries-right-nav {
    position: fixed;
    top: 70%;
    right: 1%;
    z-index: 111;
    overflow: hidden;
    width: 4.4rem;
    border-radius: 2.5rem;
    background: hsla(0,0%,100%,.9);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    transform: translateY(-50%)
}

.industries-right-nav,.industries-right-nav * {
    transition: all .4s ease
}

.industries-right-nav.cur {
    width: 33rem
}

.industries-right-nav.cur .text-1 {
    opacity: 1;
    transform: translateX(0)
}

.industries-right-nav li,.industries-right-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.industries-right-nav .num-1,.industries-right-nav .text-1 {
    position: relative;
    overflow: hidden;
    padding: 1rem
}

.industries-right-nav li {
    overflow: hidden;
    box-sizing: border-box;
    padding: .5rem 0
}

.industries-right-nav .num-1 {
    float: right
}

.industries-right-nav .num-1 li.cur i {
    background: #333;
    color: #fff
}

.industries-right-nav .num-1 li.cur a i {
    background: #004ac7;
    color: #fff;
    font-weight: 700
}

.industries-right-nav .num-1 li a {
    position: relative;
    display: block
}

.industries-right-nav .num-1 li i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%;
    background: #f2f2f2;
    color: #999;
    text-align: center;
    font-style: normal;
    line-height: 2.4rem
}

.industries-right-nav .text-1 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    box-sizing: border-box;
    padding: 1rem 0;
    width: 30rem;
    height: 100%
}

.industries-right-nav .text-1 li {
    padding-right: 15%;
    line-height: 2.4rem
}

.industries-right-nav .text-1 span {
    display: block;
    overflow: hidden;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap
}

.industries-right-nav .text-1 li.cur a span {
    color: #004ac7;
    font-weight: 700
}

.ml-cookies {
    position: fixed;
    bottom: 5%;
    left: 10%;
    z-index: 1111;
    width: 80%;
    transition: all .4s ease
}

.ml-cookies.cur {
    opacity: 0;
    transform: translateY(140%)
}

.ml-cookies-main {
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    transition: all .4s ease
}

.ml-cookies-content {
    position: relative;
    overflow: hidden;
    padding: 2%
}

.ml-cookies-content-left {
    width: 60%
}

.ml-cookies-content-left .title-1 {
    overflow: hidden
}

.ml-cookies-content-left .title-1 strong {
    font-weight: 900
}

.ml-cookies-content-left .text-1 {
    margin-top: 1%;
    color: #666
}

.ml-cookies-content-left .text-1 strong {
    color: #004ac7
}

.ml-cookies-content-right {
    position: absolute;
    top: 50%;
    right: 2%;
    z-index: 11;
    z-index: 1;
    width: 35%;
    text-align: right;
    transform: translateY(-50%)
}

.ml-cookies-content-right a {
    display: inline-block;
    margin: 0 1%;
    padding: 2rem 4rem;
    border: 1px solid #004ac7;
    border-radius: 4px;
    color: #004ac7;
    vertical-align: middle;
    text-align: center
}

.ml-cookies-content-right a:hover {
    background: #004ac7;
    color: #fff
}

.ml-cookies-content-right a.close-1 {
    padding: 0;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 0
}

.ml-cookies-content-right a.close-1:hover {
    background: 0 0
}

.ml-cookies-content-right a.close-1 i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    transform: rotate(45deg)
}

.ml-cookies-content-right a.close-1:hover i {
    transform: rotate(-45deg)
}

.ml-cookies-content-right a.close-1 i:after,.ml-cookies-content-right a.close-1 i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #666;
    content: "";
    transform: translate(-50%,-50%)
}

.ml-cookies-content-right a.close-1 i:before {
    width: 100%;
    height: 2px
}

.ml-cookies-content-right a.close-1 i:after {
    width: 2px;
    height: 100%
}

@keyframes fadeInBigs {
    0%,20%,40%,60%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(1.1)
    }
}

.fadeInBigs {
    -webkit-animation-name: fadeInBigs;
    animation-name: fadeInBigs;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

@media screen and (max-width: 5120px) {
    html {
        font-size:82.5%
    }

    .lian-news-item .data-2:after,.viewmore-2 span:after {
        background-size: 100%
    }

    .lian-food-processing-item .img .img-center,.lian-index-who-we-are-item .img-center,.lian-what-people-said-item .img-center {
        width: 100%!important;
        height: 100%!important
    }

    .lian-history-item-right .pic-1:before {
        opacity: 0
    }

    .knowledge-faq-text .text-1 p {
        margin: 0;
        padding: 0
    }

    .global-left-pic .pic-1 {
        display: none
    }
}

@media screen and (max-width: 3840px) {
    html {
        font-size:72.5%
    }
}

@media screen and (max-width: 1920px) {
    html {
        font-size:62.5%
    }

    .lian-food-processing-item .img .img-center,.lian-index-who-we-are-item .img-center,.lian-what-people-said-item .img-center {
        width: auto!important;
        height: auto!important
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size:52.5%
    }

    .keyworld-2 a {
        width: 24%
    }

    .lian-products-we-offer-left .keyworld-2 a {
        width: 23.8%
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size:42.5%
    }
}

@media screen and (max-width: 1366px) {
    .keyworld-2 a {
        width:23.8%
    }
}

@media screen and (max-width: 1280px) {
    .lian-about-culture .lian-content,.lian-about-culture-top .title-1 {
        width:100%
    }

    .lian-index-industries-item .text {
        width: 76%
    }

    .lian-key-considerations-item .text-2 {
        width: 70%
    }
}

@media screen and (max-width: 1152px) {
    .keyworld-2 a,.lian-products-we-offer-left .keyworld-2 a {
        width:31.8%
    }

    .lian-about-culture-item .text,.lian-process-item-left .text {
        margin-top: 1%
    }

    .lian-about-team-list .lian-about-team-item {
        margin: 1%;
        width: 48%
    }

    .lian-about-team-list .lian-about-team-item.mr0 {
        margin-right: 1%
    }

    .message-from-item .input-1 {
        width: 70%
    }

    .lian-what-people-said-item {
        width: 32.2%
    }

    .lian-food-processing-list {
        width: 100%
    }

    .lian-page-nav.num2 a:after {
        bottom: -55%
    }
}

@media screen and (max-width: 860px) {
    .header .svg-inject {
        display:none
    }

    .header .svg-injects {
        display: block
    }

    .header-show-nav,.pcshow {
        display: none!important
    }

    .mbshow,.menu-toggle {
        display: block!important
    }

    .header {
        background: #fff
    }

    .header-content {
        height: 7rem
    }

    .header-logo {
        width: 50%
    }

    .header-center {
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        transform: none;
        transform: translateX(100%)
    }

    .no-touch .header-center {
        transform: translateX(0)
    }

    .header-nav {
        box-sizing: border-box;
        padding-top: 7rem
    }

    .header-nav,.header-nav ul {
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .header-nav ul li {
        display: block;
        border-top: 1px solid #ccc
    }

    .header-nav ul li a {
        color: #000
    }

    .header-nav ul li.language {
        margin: 0;
        padding-top: 5%
    }

    .header-nav ul li.language i {
        filter: invert(1)
    }

    .detail .header-nav ul li.language i {
        filter: invert(0)
    }

    .header-nav ul a.nav span {
        font-family: MonBold
    }

    .fengexian,.footer-top-right,.header-contact,.lian-about-culture-item a:hover .img:after,.lian-history-content:after,.lian-history-content:before,.lian-history-item-right:after,.lian-manufacturing-process-item a:hover .img:after,.lian-news-detail-bottom span,.lian-news-detail-center-left,.lian-whychoose-ml-main:before {
        display: none
    }

    .header-nav ul a.nav span:after {
        background: #004ac7
    }

    .index-banner-text {
        left: 5%;
        width: 90%
    }

    .index-banner-text strong {
        font-size: 5rem
    }

    .lian-title .title-1 {
        margin-top: 5%;
        font-size: 4rem
    }

    .lian-index-aboutml-date .title-1 strong {
        font-size: 4rem
    }

    .lian-page-banner .text {
        left: 5%;
        width: 90%
    }

    .lian-page-banner .text .title-1 strong {
        font-size: 4rem
    }

    .footer-top-left,.lian-index-industries-item .text,.lian-index-industries-item.liii1 .text,.lian-index-industries-item.liii2 .text {
        width: 60%
    }

    .knowledge-faq-item .knowledge-faq-text,.lian-application-case-top .title-1,.lian-application-case.gallery .lian-title .title-1 {
        width: 80%
    }

    .footer-content,.lian-about-culture,.lian-application-adtext,.lian-content,.lian-history-swiper,.lian-page-model .lian-content,.lian-product-banner .text,.lian-product-overview-top,.lian-product-team-top,.lian-sitemap .lian-content {
        width: 90%
    }

    .footer-center-item .item-1,.footer-center-left,.footer-center-right,.knowledge-faq-item,.lian-about-certificate-item .img,.lian-about-certificate-item .text,.lian-about-company-left,.lian-about-company-right,.lian-about-team-list .lian-about-team-item,.lian-application-global-left,.lian-application-global-right,.lian-culture-item-left,.lian-culture-item-right,.lian-e-catalog-item,.lian-food-processing-item,.lian-history-item-left,.lian-history-item-right,.lian-index-aboutml-date .text-1,.lian-index-aboutml-left,.lian-index-aboutml-left .lian-title .title-1,.lian-index-aboutml-right,.lian-index-faq-left,.lian-index-faq-right,.lian-index-industries-item,.lian-index-industries-item.liii1,.lian-index-industries-item.liii2,.lian-index-news-item,.lian-index-news-item .img,.lian-index-news-item .text,.lian-index-news-item:last-child,.lian-index-production-top .title-1,.lian-index-who-we-are-top .lian-title,.lian-index-who-we-are-top .lian-title .title-1,.lian-key-production-machines-item,.lian-lck-industries .lian-index-industries-item,.lian-news-detail-top-left,.lian-news-detail-top-right,.lian-news-item,.lian-news-item.lni1 .img,.lian-news-item.lni1 .text,.lian-process-item-left,.lian-process-item-right,.lian-product-overview-top .lian-title,.lian-products-we-offer-bottom-left,.lian-products-we-offer-bottom-right,.lian-products-we-offer-left,.lian-products-we-offer-right,.lian-sitemap-item,.lian-third-party-verification-left,.lian-third-party-verification-right,.lian-what-people-said-item {
        float: none;
        margin-right: auto;
        width: 100%
    }

    .footer-link,.lian-about-contact-text,.lian-ecatalog-search,.lian-index-news-item .viewmore-2,.lian-index-news-item:last-child,.lian-index-news-top .lian-more,.lian-product-overview-top .lian-right-text,.lian-team-rightbtn,.whoweare-swiper-button {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        overflow: hidden;
        transform: none
    }

    .footer-center-item:last-child,.footer-center-item:nth-child(3),.lian-about-contact-text,.lian-about-culture .lian-content,.lian-about-culture-top .title-1,.lian-application-global-center,.lian-ecatalog-search,.lian-food-processing-list,.lian-food-processing-top .text-2,.lian-food-processing-top .title-1,.lian-history-item,.lian-key-considerations-bottom.num3 .lian-key-considerations-item,.lian-key-considerations-top .lian-title .title-1,.lian-key-production-machines-item.lkpm0,.lian-key-production-machines-item.lkpm1,.lian-lck-industries .lian-index-industries-item.liii1,.lian-lck-industries .lian-index-industries-item.liii2,.lian-lck-industries .lian-index-industries-item.liii3,.lian-news-detail-center-right,.lian-process-item-left .text,.lian-product-overview-top .lian-right-text,.lian-product-series.global .title-1,.lian-product-team-top .lian-title,.lian-products-weoffer-top .lian-title .title-1,.lian-whychoose-ml-top .title-1,.message-from-item li {
        width: 100%
    }

    .lian-key-considerations-item {
        margin: 3% 1%;
        width: 48%
    }

    .lian-index-aboutml-left,.lian-index-aboutml-right {
        overflow: hidden
    }

    .footer-content-bottom,.footer-content-center,.footer-content-top,.lian-index-news-item .text {
        padding: 5% 0
    }

    .lian-page-nav {
        padding: 5% 2%
    }

    .lian-products-we-offer-left .keyworld-2 a {
        width: auto
    }

    .lian-news-item .text,.lian-news-item.lni1 .text {
        margin: auto;
        padding: 5%;
        width: 90%
    }

    .lian-about-certificate-bottom,.lian-application-global,.lian-news-detail,.lian-production-machines,.lian-what-people-said {
        padding: 10% 0
    }

    .lian-about-contact-text,.lian-about-culture,.lian-application-case,.lian-e-catalog,.lian-index-faq,.lian-index-industries,.lian-index-news,.lian-index-who-we-are,.lian-page-about,.lian-product-overview,.lian-product-team,.lian-products-we-offer {
        padding: 15% 0
    }

    .footer-link,.lian-about-company-right,.lian-culture-item-right,.lian-food-processing-item,.lian-food-processing-list,.lian-food-processing-top .text-2,.lian-index-aboutml-right,.lian-index-faq-right,.lian-index-industries-item,.lian-index-news-item .viewmore-2,.lian-news-detail-top-right,.lian-process-item-right,.lian-product-overview-top .lian-right-text,.lian-product-team-bottom,.lian-products-we-offer-right,.lian-team-rightbtn,.lian-what-people-said-item,.whoweare-swiper-button {
        margin-top: 5%
    }

    .lian-about-team-list .lian-about-team-item {
        overflow: hidden;
        margin-bottom: 2%
    }

    .swiper-button-next,.swiper-button-prev {
        margin: 0 3% 0 0
    }

    .lian-index-who-we-are {
        padding: 15% 0 25%
    }

    .lian-whychoose-ml-main {
        padding: 5% 0;
        width: 100%
    }

    .lian-index-who-we-are-bottom {
        margin-top: -15%;
        padding-bottom: 15%
    }

    .lian-index-who-we-are-bottom:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 90%;
        background: #ccc;
        content: ""
    }

    .lian-index-who-we-are-bottom .lian-content {
        float: right;
        width: 95%
    }

    .lian-index-who-we-are-swiper .swiper-pagination-progressbar-fill {
        background: #004ac7
    }

    .lian-index-aboutml {
        margin: 0;
        padding: 5% 0
    }

    .lian-index-aboutml-date {
        float: left;
        margin-right: 2.6%;
        width: 48.5%
    }

    .lian-index-aboutml-date .text {
        top: 4%
    }

    .lian-index-aboutml-date:nth-child(2),.lian-index-aboutml-date:nth-child(4) {
        margin-right: 0
    }

    .lian-index-production img,.lian-page-banner img {
        width: 320%;
        max-width: 320%
    }

    .lian-about-company-bottom img.img-bg,.lian-product-banner .img img {
        width: 200%;
        max-width: 200%
    }

    .lian-index-production-top {
        left: 5%
    }

    .lian-index-production-bottom {
        right: 5%;
        bottom: 10%;
        width: 90%
    }

    .footer-content-bottom {
        border-top: 1px solid #3c3c3c
    }

    .lian-page-nav.num4 a,.lian-page-nav.num6 a {
        box-sizing: border-box;
        margin: 1%;
        padding: 0;
        width: 48%;
        border: 1px solid #ccc;
        line-height: 5rem
    }

    .lian-page-nav.num4 a.cur,.lian-page-nav.num6 a.cur {
        border: 1px solid #fff
    }

    .lian-page-nav span {
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 5%;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .lian-page-nav.num3 a {
        position: relative;
        height: 5rem;
        line-height: 5rem
    }

    .lian-page-nav.num3 span {
        position: absolute;
        top: 50%;
        display: -webkit-box;
        overflow: visible;
        overflow: hidden;
        margin: auto;
        width: 100%;
        text-align: center;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: normal;
        transform: translateY(-50%);
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .lian-page-nav a:after {
        bottom: -145%
    }

    .lian-page-nav.num3 a:after {
        bottom: -125%
    }

    .lian-about-company-data {
        display: block
    }

    .lian-company-data-item {
        margin: 4% 0;
        width: 49%
    }

    .lian-about-company-bottom .play-1 {
        width: 8rem;
        height: 8rem
    }

    .lian-history-item-right {
        margin: 10% 0
    }

    .lian-about-culture-item.fr .text {
        transform: none
    }

    .knowledge-faq-item:after,.lian-about-culture-item .pic:after {
        bottom: -34%
    }

    .lian-process-item-right .pic:after {
        bottom: -25%
    }

    .keyworld-2 a:before {
        bottom: -75%
    }

    .keyworld-2 a {
        width: auto;
        width: 46%;
    }

    .lian-about-team-type {
        margin-top: 15%;
        padding-bottom: 15%
    }

    .lian-about-team-bottom {
        margin-top: 10%
    }

    .lian-about-certificate-item .text,.lian-products-we-offer-bottom-right {
        margin: auto;
        padding: 5% 0
    }

    .lian-about-certificate-list .lian-about-certificate-item {
        margin: 1%;
        width: 48%
    }

    .message-from-item span {
        width: 30%
    }

    .message-from-item .input-1 {
        width: 70%
    }

    .lian-about-contact-message,.lian-whychoose-ml-item {
        margin-bottom: 10%
    }

    .send-2 {
        margin: 5% 0 0
    }

    .footer-top-left,.lian-index-industries-item .text,.lian-index-industries-item.liii1 .text,.lian-index-industries-item.liii2 .text,.lian-lck-industries .lian-index-industries-item .text {
        width: 70%
    }

    .lian-lck-industries .lian-index-industries-item .text,.lian-lck-industries .lian-index-industries-item.liii1 .text,.lian-lck-industries .lian-index-industries-item.liii2 .text,.lian-lck-industries .lian-index-industries-item.liii3 .text {
        left: 5%
    }

    .lian-what-people-said-bottom {
        overflow: hidden
    }

    .lian-application-ad .lian-content {
        padding: 10% 0 0;
        background: #333
    }

    .lian-application-ad .lian-more {
        right: auto;
        bottom: auto;
        left: auto;
        margin: 5% auto;
        width: 90%
    }

    .lian-application-ad .lian-more,.lian-application-adtext {
        position: relative;
        top: auto;
        transform: none
    }

    .lian-product-banner .product-right-1 {
        top: auto;
        right: 10%;
        bottom: 10%;
        transform: none
    }

    .lian-product-overview-bottom {
        width: 95%
    }

    .lian-team-rightbtn {
        text-align: left
    }

    .lian-team-rightbtn a {
        margin-left: 0
    }

    .lian-product-team-swiper .swiper-slide img {
        width: auto;
        height: 150px;
        max-width: 100%
    }

    .lian-product-team-swiper .swiper-slide {
        width: auto;
        height: auto
    }

    .knowledge-faq-item {
        box-sizing: border-box;
        width: 94%
    }

    .lian-news-item.lni1 .img:after {
        bottom: -40%
    }

    .lian-news-item .title-1 {
        min-height: auto
    }

    .lian-news-detail,.lian-page-model,.lian-sitemap {
        margin-top: 7rem
    }

    .lian-news-detail-bottom a.prev i {
        margin-top: -2rem
    }

    .lian-news-detail-bottom i {
        width: 1.6rem;
        height: 2rem
    }

    .lian-sitemap-item {
        padding: 3% 0;
        border-bottom: 1px solid #ccc
    }

    .chilun {
        width: 100%;
        height: auto
    }

    .chilun-item:before {
        opacity: .5
    }

    .chilun .circle,.chilun-item:before {
        width: 200%
    }

    .chilun-item {
        width: 50%
    }

    .chilun .circle {
        border: 10em solid transparent;
        mix-blend-mode: difference
    }

    .chilun .left-circle {
        border-top-color: #f5f5f5;
        border-left-color: #f5f5f5
    }

    .chilun .right-circle {
        border-bottom-color: #f5f5f5;
        border-right-color: #f5f5f5
    }

    .lian-products-weoffer .lian-content .lian-products-we-offer-top:last-child .lian-more {
        position: relative
    }

    .lian-key-considerations-bottom {
        display: block;
        justify-content: space-between
    }

    .lian-key-considerations-bottom.num3 .lian-key-considerations-item {
        margin-top: 5%
    }

    .lian-page-nav.num2 a:after {
        bottom: -210%
    }

    .lian-application-global-left .pic-1 {
        top: -15%
    }

    .lian-index-aboutml-img:after {
        bottom: -54%
    }

    .lian-index-faq-img:after {
        bottom: -35%
    }

    .header.scroll-down .header-content,.header.scroll-top .header-content {
        height: 7em
    }

    .lian-e-catalog-top .text-1 {
        margin-top: 3%;
        width: 100%
    }

    .header.black i img {
        filter: invert(0)
    }

    .header-nav ul a.nav {
        display: block;
        padding: 0;
        width: 100%
    }

    .lian-more {
        position: relative!important;
        top: auto!important;
        right: auto!important
    }

    .lian-index-production-bottom .text-1 {
        padding: 5% 0 1%
    }

    .ml-cookies {
        left: 5%;
        width: 90%
    }

    .ml-cookies-content-left {
        width: 100%
    }

    .ml-cookies-content-right {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 3%;
        width: 100%;
        text-align: left;
        transform: none
    }

    .ml-cookies-content {
        padding: 5%
    }

    .show-language {
        left: 50%;
        margin-left: -9rem
    }

    .no-touch .header.scroll-down .header-nav ul li.language i,.no-touch .header.scroll-top .header-nav ul li.language i {
        filter: invert(0)
    }

    .lian-page-banner {
        margin-top: 7rem
    }

    .index-banner-text .title-2 {
        margin-top: auto
    }

    .lian-page-banner .text .title-1 {
        line-height: 4rem
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .header-logo {
        width:13%
    }
}


.downmun {  border-bottom:1px solid #999999; overflow:hidden; margin-bottom:2rem; padding-bottom:2rem;}
.downmun ul li { float:left;padding-right: 0px; padding-left: 0px;}
.downmun ul li:before { content:'';}
.downmun ul li div{ border:1px solid #17334e; color:#17334e;border-radius:3px; height:3rem; display:block; line-height:3rem; text-align:center; text-decoration:none; font-size:1.15rem; margin-right:1rem;cursor: pointer;}
.downmun ul li div:hover{ border:1px solid #17334e; color:#ffffff;border-radius:3px; background-color:#17334e;}
.downmun ul li div.downcur{ border:1px solid #17334e; color:#ffffff;border-radius:3px; background-color:#17334e;}
.filtr-item {width: 100%;}
.datadown{width: 100%;}
.downbtlist { width:100%; border-bottom:1px dashed #e7e7e7; float:left; overflow:hidden}
.downbtlist dt,dl.downbtlist dd { float:left;overflow:hidden;width:20%;color:#000000;height:3em; line-height:3em;text-align: center;margin-left: 0px;}
.downbtlist .downname{width:20%;text-align: left;}
.downlistcontent { width:100%;border-bottom:1px dashed #e7e7e7; overflow:hidden}
.downlistcontent dt,dl.downlistcontent dd { float:left;overflow:hidden;width:19.8%;height:2.5em; line-height:2.5em;text-align: center;white-space: nowrap;text-overflow: ellipsis;margin-left:0px}

.downcontent  a dl.downlistcontent dt,.downcontent  a dl.downlistcontent dd{ color:#000000}
.downcontent  a:hover dl.downlistcontent dt,.downcontent  a:hover dl.downlistcontent dd{ color:#17334e}
.downcontent  a dl.downlistcontent dt.downnamecon  {background:url(../images/wtico.jpg)  left center no-repeat;text-align:left;padding-left:1rem;width:20%}
.downcontent  a:hover dl.downlistcontent dt.downnamecon  {background:url(../images/wtico1.jpg)  left center no-repeat;}

.downcontent  a dl.downlistcontent dd.downczcon  {background:url(../images/dowmmr.jpg)  center center no-repeat;}
.downcontent  a:hover dl.downlistcontent dd.downczcon  {background:url(../images/dowmhg.jpg)  center center no-repeat;}
.datadown .tab-item{display:none}
.datadown .actives{display:block!important}

.pageNum {
  text-align: center;
}
.pageNum a {
  display: inline-block;
  color: #666;
  font-size: 13px;
  font-family: Arial;
  vertical-align: middle;
  font-weight: 700;
  margin: 0 10px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: #eee;
  transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
}
.mt30{margin-top:30px}
.pageNum .button {
  width: 80px;
}
.pageNum .more {
  background: #eee;
  background-size: contain;
}
.pageNum .more:hover {
  background: #17334e;
  background-size: contain;
}
.pageNum a:hover,
.pageNum .page-num-current {
  color: #fff;
  background: #17334e;
}
.pageMore a {
  display: block;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #c9161e;
  color: #fff;
font-size: 12px;}





















.adva-seven{background: url(../images/adva-bg1.jpg) no-repeat; background-position: center;
    background-size:cover !important;}
.adva-seven .advase-font{padding: 62px 0 51px;}
.adva-seven h3{font-size: 30px;color: #fff;text-align: center;}
.adva-seven h3 span{font-weight: bold;}
.adva-seven h4{color: #fff;text-align: center;margin: 20px 0 40px;}
.adva-seven h4 span{font-size: 22px;font-family: 'HELVETICA';}
.advase-form{height: 50px;display: inline-flex;width: 100%;}
.advase-form h5{font-weight: bold;color: #fff;display: inline-block;line-height: 50px;}
.advase-form .advase-text{display: inline-block;padding-left: 20px;width: 89.72%;}
.advase-text p {display: inline-block; float: left;margin-left: 10px;width: 200px;}
.advase-text p:nth-child(3){width: 52%;}
.advase-text .text {width: 100%;height: 50px;color: #888;background: #fff;padding: 0 15px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.advase-text p:last-child{width: 11.2%;float: right;}
.adva-btn{width: 100%;height: 50px; background: #e94709;font-size: 15px;color: #fff; text-align: center;line-height: 50px;}
@media(max-width:1519px) {
  .adva-onebox ul{margin: 0 -25px;}
  .adva-onebox ul li{padding: 0 25px;}
  .adva-li .adva-cont{left: 35%;transform: translateX(-24%);}
  .adva-onebox .adva-li span{font-size: 200px;line-height: 152px;}
  .advtw-li .advtw-font{padding: 30px 20px;}
  .advtw-font p{font-size: 15px;}
  .advath-right .advr-swiper{margin-top: 40px;}
  .advr-swiper p{margin: 0 4px; margin-top: 10px;}
  .advath-box .advath-right{padding-top: 53px;}
  .advf-box ul li{padding: 0 68px;}
  .advf-num .timer {font-size: 52px;}
  .advase-form .advase-text{width: 89%;}
  .advase-text .text{font-size: 15px;}
  .advase-text p:nth-child(3) {width: 46%;}
}
@media(max-width:1359px) {
  .adva-dsc{margin-top: 8px;}
  .adva-one .adva-onebox { margin: 38px 0 34px;}
  .adva-li .adva-cont p{line-height: 22px;}
  .adva-onebox li .adva-li{padding: 38px 25px;height: 250px;}
  .advaone-more {margin: 30px auto 0;}
  .advtw-li .advtw-font {padding: 20px 15px;}
  .advtw-font h3{margin-bottom: 10px;}
  .advtw-font p {font-size: 14px;line-height: 24px;}
  .advath-box .advath-right {padding: 35px 40px 18px 30px;}
  .advath-title h3{margin-bottom: 7.46px;}
  .advath-right .advr-swiper{margin-top: 16px;}
  .advr-swiper p{font-size: 12px;line-height: 18px;margin: 5px 0 0;}
  .adva-four .advf-tips{width: 135px;}
  .advf-box ul li {padding: 0 43px;}
  .advf-num{font-size: 16px;line-height: 44px;}
  .advf-num .timer {font-size: 42px;}
  .adva-four .advf-swiper{margin-top: 46px;}
  .advf-swiper .swiper-button-prev{left: 21.5%;}
  .advf-swiper .swiper-button-next{right: 21.5%;}
  .adva-five ul { margin: 40px -10px 0;}
  .adva-list .advfv-icon{width: 70px;height: 70px;}
  .advfv-icon img{width: 100%;}
  .adva-five li .adva-list{padding: 64px 40px 52px;}
  .adva-list .advfv-font{padding-left: 15px;bottom: 30%;}
  .advas-font h3{margin-bottom: 8px;}
  .adva-seven .advase-font {padding: 46px 0 39px;}
  .adva-seven h3 {font-size: 24px;}
  .adva-seven h4{margin: 15px 0 30px;}
  .adva-seven h4 span{font-size: 18px;}
  .advase-form{position: relative;height: 100px;}
  .advase-form .advase-text { width: 86%;padding-left: 10px;}
  .advase-text p {width: 190px;}
  .advase-text .text{padding: 0 10px;font-size: 14px;}
  .advase-text p:last-child{ display: block;margin: 62px auto 0;float: unset;width: 134px;position: absolute;
    left: 50%;bottom: -14%;transform: translateX(-50%);}
  .adva-btn{height: 42px;line-height: 42px;}
}
@media(max-width:991px) {
  .adva-onebox ul {margin: 0 -10px;}
  .adva-onebox ul li{padding: 0 10px;text-align: center;}
  .adva-onebox li .adva-li{height: 200px;}
  .adva-onebox .adva-li span { font-size: 120px;line-height: 90px;}
  .adva-li .adva-cont h3 {margin: 15px 0 6px;}
  .adva-li .adva-icon{width: 45px;height: 42px;display: inline-block;}
  .adva-icon img{width: 100%;}
  .adva-one .adva-onebox {margin: 28px 0 24px;}
  .advath-box .advath-right {padding: 20px 40px 18px 32px;}
  .advath-right .advr-swiper{margin-top: 9.27px;}
  .adva-four .advf-box{margin-top: 35px;}
  .advf-box ul li{padding: 0 25px;}
  .advf-num{font-size: 14px;line-height: 38px;}
  .advf-num .timer{font-size: 38px;}
  .advf-num sup{top: 0px;}
  .advf-swiper .swiper-button-prev {left: 19.5%;}
  .advf-swiper .swiper-button-next {right: 19.5%;}
  .adva-four .advf-box2{margin-top: 40px;}
  .adva-list .advfv-font{padding-right: 25px;}
  .adva-five li .adva-list{  padding: 38px 25px 34px;}
  .adva-list .advfv-icon{width: 60px;height: 60px;}
  .adva-list .advfv-font{ padding-left: 15px;bottom: 23%; padding-right: 25px;}
  .adva-list .advfv-font h3{margin-bottom: 6px;}
  .adva-five ul{margin: 30px -8px 0;}
  .adva-five ul li{padding: 0 10px;}
  .adva-six ul {margin: 40px -10px 0;}
  .adva-six ul li{padding: 0 10px;}
  .advas-list .advas-font{padding-top: 20px;}
  .advas-font p{height: 40px;}
  .adva-seven h3 {font-size: 22px;}
  .adva-seven h4 {margin: 10px 0 15px;}
  .adva-seven .advase-font{padding: 30px 0 58px;}
  .advase-form{height: 124px;}
  .advase-form .advase-text{width: 85%;}
  .advase-text p {width: 48.34%;}
  .advase-text p:nth-child(3) {width: 98.4%;margin-top: 10px;display: block;}
  .advase-text p:last-child{bottom: -32%;}
}
@media(max-width:767px) {
  .adva-two {padding-top: 55px;}
  .adva-dsc{margin-top: 0;}
  .adva-two .advtw-box{margin-top: 38px;}
  .advtw-box ul li{width: 50%;}
    .advtw-box ul li:last-child{transform:translateX(50%)}
  .advtw-li .advtw-font {padding: 15px 12px;}
  .adva-three .advath-box{margin-top: 30px;}
  .advath-box .advath-left{width: 100%;}
  .advath-box .advath-right{width: 100%;}
  .advl-swiper .swiper-pagination-bullet{width: 8px;height: 8px;}
  .advl-swiper .swiper-pagination{bottom: 16px !important;right: 25px !important;}
  .advl-swiper .adva-tip{bottom: 16px;left: 25px;}
  .advath-box .advath-right{padding: 40px 33px;}
  .adva-four{padding-top: 40px;}
  .adva-four .advf-tips {width: 114px;margin: 15px auto 10px;}
  .advf-box ul li{width: 50%;text-align: center;margin-bottom: 15px;padding: 0;}
  .advf-box li:last-child{transform:translateX(50%)}
  .advf-box ul li:nth-child(2n){border-right: none;}
  .advf-swiper .swiper-button-next,.advf-swiper .swiper-button-prev{width: 36px;height: 36px;line-height: 36px; top: 50%; background-size: 18px 13px;}
  .advf-swiper .swiper-button-prev{left: 20.5%;}
  .advf-swiper .swiper-button-next{right: 20.5%;}
  .advf-swiper .advf-p{bottom: 15px;}
  .adva-five ul {margin: 20px -8px 0;}
  .adva-six{padding-bottom: 40px;}
  .adva-six ul {margin: 30px -10px 0;}
  .adva-six .advaone-more {width: 140px;}
  .adva-six .advaone-more a::before {width: 135px;}
  .adva-six .advaone-more a::after {width: 134px;}
  .adva-seven h3 { font-size: 18px;line-height: 28px;}
  .adva-seven{background-size: 100% 100%;}
  .adva-seven h4 span {font-size: 16px;}
}
@media(max-width:767px) {
  .adva-onebox ul li{width: 100%;margin-bottom: 15px;}
  .adva-onebox ul li:last-child{margin-bottom: 0;}
  .adva-onebox li .adva-li {height: 176px;padding: 26px 22px;}
  .adva-li .adva-cont {left: 20%;transform: translateX(-12%);}
  .advtw-font p {font-size: 13px;line-height: 22px;}
  .advf-swiper{display: none;}
  .advfApp-swiper{display: block;}
  .adva-seven h4 {margin: 10px 0 0;}
  .advase-form {height: 220px;display: block;}
  .advase-form h5{line-height: 40px;text-align: center;display: block;}
  .advase-form .advase-text{width: 100%;padding-left: 0;}
  .advase-text .text{height: 40px;line-height: 40px;}
  .advase-text p{width: 100%;margin-bottom: 12px;margin-left: 0;}
  .advase-text p:nth-child(3){width: 100%;margin-top: 0;}
  .advase-text p:last-child {width: 120px; bottom: -15%;}
  .adva-btn{font-size: 14px;}
}
@media(max-width:430px) {
  .advtw-box ul li{width: 100%;}
  .advath-box .advath-right {padding: 30px 33px 30px;}
  .advf-num{line-height: 32px;}
  .advf-num .timer{font-size: 30px;}
  .adva-five ul li {width: 100%;margin-bottom: 15px;}
  .adva-five ul li:last-child{margin-bottom: 0;}
  .adva-list .advfv-icon {width: 50px; height: 50px;}
  .adva-five li .adva-list {padding: 20px 15px;}
  .adva-list .advfv-font{bottom: 15.5%;padding-right: 15px;}
  .adva-list .advfv-font p{font-size: 13px;}
  .adva-six ul li{width: 100%;margin-bottom: 15px;}
  .adva-six ul li:last-child{margin-bottom: 0;}
}
/* ====================产品详情start================ */
.prde-wrap{}
.prde-top{}
.prde-font{}
/*  */
.prde-introduce{
  /* background-color: #f7f7f7; */
  padding: 0px 80px;
  width: 38.43%;
  float: left;
  }
.prde-name h4{color: #333;font-size: 30px;font-weight: 700;}
.prde-name p{color: #666;margin-top: 12px;}
.prde-tit{font-weight: 700;color: #333;margin-top: 24px;}
.prde-character{}
.prde-character-ul{margin-top: 16px;}
.prde-character-ul p{color: #666;margin-bottom: 8px;}
.prde-range{}
.prde-range span{display: inline-block;padding: 7px 27px;border: 1px solid #e5e5e5;
  color: #666;margin: 12px 0 16px;transition: all 0.5s;}
.prde-range span:hover{background-color:  var(--blue); color: #fff;}
.prde-range-ul{margin-bottom: 30px;}
.prde-range-ul p{color: #666;margin-bottom: 6px;}
.prde-btn{padding: 18px 50px; display: inline-block;border: 1px solid #d4d4d4; 
  color: #666;margin-right: 10px;position: relative;transition: all 0.5s;}
.prde-btn::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;transition: all 0.5s;
  position: absolute;top: 0px;left: 00px;opacity: 0;
   border: 1px solid var(--blue);
}
.prde-btn:hover::after{top: 0px;left: 0px;opacity: 1; background-color:  none; }
.prde-btn:hover,
.prde-btn.active{background-color:  var(--blue);color: #fff;}
.prde-btn:hover span,
.prde-btn.active span{color: #fff;}
.prde-btn.active::after{top: 0px;left: 0px;opacity: 1; background-color:  none; }
/*  */
.prde-pic-app{display: none;}
.prde-pic{float: left;width: 40.5%;box-shadow: 1px 1px 60px #e0e0e0;}
.prde-pic img{width: 100%;transition: all 1s;}
.prde-pic .prde-box{display: none;}
.prde-pic .prde-box:hover img{transform: scale(1.05);}
.prde-pic .prde-box.on{display: block;}

.spec-preview {
  width: 100%;
}
.jqzoom {
  background: white;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.jqzoom img {
  width: 100%;
  height: 100%;
}

/*  */
.prde-pics{float: right;padding: 0 ;}
.prde-pics-ul{}
.prde-pics-ul li{margin-bottom: 20px;background-color: #fff; width:120px;height:110px;}
/* 只有用JS才可以获得index */
.prde-pics-ul img{border: 1px solid #eeeeee;width: 100%;}
.prde-pics-ul li.on img{border: 1px solid var(--blue);}
/* 一个LI对应一张图片：放大镜：图片链接 */
/*  */
.prde-bottom{padding-top: 74px;}
.prbo-nav-ul{border-bottom: 1px solid #ebebeb;}
.prbo-nav-ul li{float: left; padding: 0 30px;}
.prbo-boxs{padding-top: 66px;}
.prbo-box{display: none;width: 100%;}
.prbo-box.on {display: block;}
.prbo-box img{margin: 0 auto;display: block;max-width:100%;}

.prbo-nav-ul li{position: relative;}
.prbo-nav-ul li span{color: #000;padding: 22px 0;display: block;
position: relative;}
.prbo-nav-ul li span::after{
  content: '';
    width: 0;
    height: 2px;
    background: var(--blue);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.prbo-nav-ul li:hover span::after,
.prbo-nav-ul li.on span::after{width: 100%;}
.prbo-nav-ul li.on span,
.prbo-nav-ul li:hover span{color: var(--blue);font-weight: 700;}



@media (max-width: 1800px) {
}
@media (max-width: 1519px) {
.prde-name h4 {font-size: 26px;}
}

@media (max-width: 1480px) {
    /* 产品中心 */
  .prde-introduce{padding: 20px 60px;}
  .prde-pics-ul li{margin-bottom: 16px;}
  .prde-pics{padding: 0 ;}
}

@media (max-width: 1359px) {
  .prde-pics{width: 100%;}
  .prde-pics-ul li{margin-bottom: 16px;float: right;}
  .prde-pic{float: right;width: 50%;}
  .prde-introduce{width: 50%;padding: 20px 20px 23px;}
  .prde-pics-ul li{margin: 20px 5px 16px 0;}
  .pron-active {font-size: 24px;}
}

@media (max-width: 1169px) {
  /* 产品中心 */
.product .pron-header ul {margin: 0;}
.product .pron-header li {width: 25%;text-align: center;padding: 0px;}
.pron-wrap .pron-ul li>a{padding-bottom:40px;}
.pron-active {font-size: 20px;}
.prde-name h4{font-size: 26px;}
.prde-btn{padding: 15px 35px;}
.prde-introduce{padding: 28px 20px;}
}
/*@media (max-width: 991px) {

.pron-wrap .pron-ul li>a{padding-bottom:20px;margin-bottom: 10px;}
.pron-wrap .pron-ul li {padding: 0 5px;}
.pron-box .pagination{ margin-top: 20px;}
.pron-active {font-size: 18px;}
.prde-pics{width: 50%;}
.prde-pics-ul li{width: 25%;}
.prde-pics-ul div img{width: 100%;}
.prde-pics-ul li{margin: 0;}
.prde-name h4{font-size: 18px;}
.prde-name .p-size22 {font-size: 16px;}
.prde-btn{padding: 10px 20px;}
.prde-range-ul{margin-bottom: 21px;}
.productDetail .pron-header ul {margin: 0;}
.productDetail .pron-header li {width: 25%;text-align: center;padding: 0px;}
.prde-bottom{padding-top: 50px;}
.prde-introduce{padding: 23px 20px;}
.prbo-boxs{padding-top: 20px;}
}*/
@media (max-width: 991px) {
  /* 产品中心 */
  .product .pron-header li {width: 50%;}
  .pron-wrap .pron-ul li{width: 50%; padding: 0 5px;}
  .pron-wrap .pron-ul li>a{padding-bottom: 5px;}
  .product .pron-header .p-size18{font-size: 12px;}
  .pron-wrap .pron-ul  p{padding: 0 10px;}
  .pron-active {font-size: 18px;}
  .productDetail .pron-header li {width: 100%;text-align: left;}
  .prde-introduce{width: 100%;float: right;}
  .prde-pics{width: 100%;float: left;}
  .prde-pic{width: 100%;float: left;}
  .prbo-nav-ul li{padding: 0 8px;}
  .prde-name h4{font-size: 16px;}
  .pron-active {font-size: 16px;}
 /* 6.18修改start */
  /* 产品详情 */
  .prde-introduce{float: left;}
  /* PC未隐藏 */
  .prde-pic-app{float: left;width: 100%;display: block;}
  .prde-pic-app .swiper-pagination{        position: relative; margin-top: -30px;}
  .prde-pic-app .swiper-pagination span{margin: 0 5px;}
  .prde-pic-app .prde-img img{width: 100%;}
  .prde-pic{display: none;}
  .spec-scroll{display: none;}
  /* 手机二级导航 */
.pron-header{display: none;}
.pron-nav{position: relative;background-color: #f8f8f8;display: block;}
.nav-top{position: relative;	height: 48px;
	line-height: 48px;
	border-bottom: solid 1px #d8d8d8;}
.nav-top .nav-a{
  color: #444;
	font-size: 16px;
	display: block;
	padding: 0px 20px;
}
.nav-top .nav-more{position: absolute;top: 0px;right: 0;
	font-size: 16px;
	color: #333;
	text-align: center;
	transition: all .5s;
	line-height: 48px;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.nav-bot{position: absolute;top: 48px;left: 0;width: 100%;display: none;}
.nav-bot .nav-item{}
.nav-bot{z-index: 99; background-color: #fff;}
.nav-more.open{transform: rotateZ(90deg);opacity: 1;}
.nav-a.active{color: var(--blue);font-weight: 600;}
 /* 6.18修改start */
  


}
@media (max-width: 767px){
	.pron-wrap .pron-ul h4{height: 20px;}
}


@media (max-width: 320px) {
  .prde-btn{padding: 8px 8px;}
  .pron-wrap .pron-font2 span {
    padding: 0 2px;}
    .pron-active {font-size: 14px;}
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}



.prbo-nav{height:73px}


ul {
    list-style: none;
}

@media (max-width: 1169px){
.pad-80.pro {
    padding: 80px 0 50px;
}}
@media (max-width: 1459px){
.pad-80.pro {
    padding: 80px 0 50px;
}}
@media (max-width: 767px){
.pad-80 {
    padding: 50px 0;
    min-height: 210px;
}}
@media (max-width: 1169px){
.pad-80 {
    padding: 50px 0;
}}
@media (max-width: 1459px){
.pad-80 {
    padding: 50px 0;
}
.prde-wrap {
}}
@media (max-width: 767px){
.pad-80 {
    padding: 40px 0;
}
.pad-80 {
    padding: 80px 0;
}}


/* index-five 明星客户 */
.index-five{}
.inon-tit {
    color: #000;
    font-weight: 700;
}

.landIn {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.infi-wrap{position: relative;margin-bottom: 65px;}
.infi-wrap>img{width: 100%;}
.infi-icon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.infi-box{position: relative;width: 100%;height: 100%;}
.infi-1{position: absolute;top: 33%;left: 8%;transform: translate(-50%,-50%);}
.infi-2{position: absolute;top: 70%;left: 18%;transform: translate(-50%,-50%);}
.infi-3{position: absolute;top: 39%;left: 29%;transform: translate(-54%,-50%);}
.infi-4{position: absolute;top: 79%;left: 35%;transform: translate(-50%,-50%);}
.infi-5{position: absolute;top: 45%;left: 42%;transform: translate(-47%,-50%);}
.infi-6{position: absolute;top: 18%;left: 46%;transform: translate(-50%,-50%);}
.infi-7{position: absolute;top: 82%;left: 54%;transform: translate(-47%,-50%);}
.infi-8{position: absolute;top: 45%;left: 61%;transform: translate(-47%,-50%);}
.infi-9{position: absolute;top: 76%;left: 70%;transform: translate(-54%,-50%);}
.infi-10{position: absolute;top: 19%;left: 74%;transform: translate(-50%,-50%);}
.infi-11{position: absolute;top: 75%;right: 4%;transform: translate(-50%,-50%);}
.infi-12{position: absolute;top: 38%;right: -4%;transform: translate(-50%,-50%);}
.infi-box img{transition: all 1s;max-width: 223px;max-height: 63px;}
.infi-box img:hover{transform: translate(-50%,-80%);}
.infi-box .infi-5:hover{transform: translate(-47%,-80%);}
.infi-box .infi-8:hover{transform: translate(-47%,-80%);}
.infi-box .infi-7:hover{transform: translate(-47%,-80%);}
.infi-box .infi-3:hover{transform: translate(-54%,-80%);}
.infi-box .infi-9:hover{transform: translate(-54%,-80%);}


.infi-wrap-app{display: none;}




.abpa-boxs>img{width: 100%;}
.abpa-pics{width: 100%;height: 100%;}
.abpa-pics-ul{width: 100%;height: 100%;}
.abpa-pics-ul li{width: 100%;margin: 0 -2px;}
.abpa-pics-ul .abpa-pic{float: left;width: 12.8%;padding: 0 2px;margin-bottom: 5px;}
.abpa-pics-ul .abpa-pic>div{background-color: #f8f8f8;height: 165px;align-items: center;display: flex;align-items: center;/* margin: 0px auto; *//* text-align: center; */justify-content: center;}
.abpa-pics-ul .abpa-pic>div img{width: 80%;transition: all 0.5s;}
.abpa-pics-ul li:first-child .abpa-pic{float: left;}
.abpa-pics-ul .abpa-pic:hover img{transform: scale(1.05);}
.abpa-pics-app{display: none;}


.abpa-btn{position: absolute;bottom: 20px;right: 44px;}
.abpa-btn a{display: inline-block;width: 41px;height: 41px;border-radius: 50%;}
.abpa-btn a:hover{background-color: #001a61;}


.index-corporate-culture {position: relative;overflow: hidden;z-index: 11;color: #fff;}
.index-corporate-culture::after {content: '';width: 100%;height: 100%;background: #f6f6f6;position: absolute;left: 0;top: 13%;z-index: 1;}
.corporate-culture-content {width: 86%;/* float: right; */padding: 5% 7% 2%;overflow: hidden;position: relative;background: url('../images/bgd3.jpg') center no-repeat;background-size: cover;z-index: 10;}
.corporate-culture-content .number-1{position: absolute;left: 7%;bottom: 10%;z-index: 11;font-family: 'AvantGardeBkBT';width: 70px;height: 70px;line-height: 70px;text-align: center;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;}
.corporate-culture-left {float: left;width: 39%;}
.corporate-culture-left .class-1 .font15{opacity: .3;}
.corporate-culture-left .title-1 {margin-top: 10%;}
.corporate-culture-left .text-2 {margin-top: 7%;}
.corporate-culture-left .text-2 .font18{opacity: .5;}
.corporate-culture-right {float: right;width: 50%;overflow: hidden;}
.corporate-culture-item {position: relative;overflow: hidden;}
.corporate-culture-item:last-child {/* padding-bottom: 8%; */}
.corporate-culture-item a {display: block;overflow: hidden;position: relative;color:#fff;padding-top: 2%;padding-bottom: 10%;}
.corporate-culture-item .line-1{position: absolute;left: 0;top: 0;background:rgba(255,255,255,.2);width: 100%;height: 1px;z-index: 11;}
.corporate-culture-item .line-1::before {content: '';width: 0;height: 1px;position: absolute;left: 0;top: 0;background: #0091df;transition:all .4s ease;}
.corporate-culture-item .title-1{overflow: hidden;}
.corporate-culture-item .text-1{opacity: .3;position: absolute;right: 0;top: 10%;color:#fff;}
.corporate-culture-item a:hover .text-1{opacity: 1;}
.corporate-culture-item a:hover .line-1::before {width: 100%;}
.corporate-culture-item a:hover .line-1 {background: #fff;}





.service-content {padding: 4% 0 7% 0;overflow: hidden;position: relative;}
.service-content.bg1 {padding: 4% 0;background:#f7f7f7;}
.service-content-top {text-align: center;position: relative;}
.service-content-nav a{display: inline-block;width: 240px;height: 60px;text-align: center;border: 1px solid gray;border-radius: 4px;margin: 0 2px;}
.service-content-nav a span {line-height: 60px;color: #666666;}
.service-content-nav  a.cur,.service-content-nav a:hover{background: #cc1f1f;}
.service-content-nav a.cur span,.service-content-nav a:hover span{color: #fff;}
.service-content-faq {overflow: hidden;}
.service-faq-item {overflow: hidden;border-bottom: 1px solid gray;padding: 3% 0;}
.faq-item-title {position: relative;padding-left: 4%;cursor: pointer;}
.faq-item-title::after {content: '';width: 18px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/d2.png') center no-repeat;filter: grayscale(100%);}
.faq-item-title i{display: block;font-style: normal;width: 40px;height: 40px;line-height: 40px;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background:#000;color: #fff;text-align: center;}
.faq-item-title.cur h4 {color: #cc1f1f;}
.faq-item-title.cur::after {filter: grayscale(0);transform: translateY(-50%) rotate(180deg);}
.faq-item-title.cur i {background:#cc1f1f;}
.faq-item-content {display: none;padding: 1.2% 4%;overflow: hidden;}
.service-content-nav {float: left;}
.service-content-nav.text-center {float: none;} 
.service-content-top .search-2{position: absolute;right: 0;}
.service-content-bottom {margin-top: 5%;}
.service-download-list {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;transition:all .4s ease;}
.service-download-list.mr0 {margin-right: 0;}
.service-download-list a{display: block;background: #fff;}
.service-download-list .img{position: relative;background: #ededed ;}
.service-download-list .text{padding: 6% 8% 4% 8%;overflow: hidden;}
.service-download-list .title-1{color: #000;}
.service-download-list .text-1{overflow: hidden;color: #666666;margin-top: 1%;}
.service-download-list .download-1{margin-top: 5%;position: relative; padding: 6% 0 0 0;overflow: hidden;}
.service-download-list .download-1::after,.service-download-list .download-1::before  {content: '';width: 100%;height: 2px ;background: gray;position: absolute;left: 0;top: 0;z-index: 11;}
.service-download-list .download-1::before {width: 0;background: #cc1f1f;z-index: 13;transition:all .4s ease;}
.service-download-list .download-1 strong{color: var(--gray4);}
.service-download-list .download-1 i{width: 20px;height: 18px;position: absolute;right: 0;top: 50%;background: url('../images/d1.png') center no-repeat;filter: grayscale(100%);opacity: .5;}
.service-download-list a:hover .download-1::before{width: 100%;}
.service-download-list a:hover i{filter: grayscale(0);opacity: 1;}
.service-download-list a:hover .download-1 strong {color: #cc1f1f;}
.service-download-list a:hover .img .pic {transform: scale(1.05);}
.service-download-list:hover {box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1)}



.milestone-content {padding: 3% 0;overflow: hidden;}
.milestone-content-top {width: 80%;margin: auto;text-align: center;}
.milestone-content-center {position: relative;margin-top: 4%;}
.milestone-swiper {margin-top: 3%;width: 80%;margin: auto;}
.milestone-item {background: var(--gray1);overflow: hidden;}
.milestone-item-left {float: left;width: 50%;}
.milestone-item-left .pic{position: relative;}
.milestone-item-right {float: left;overflow: hidden;box-sizing: border-box;position: absolute;width: 50%;height: 100%;right: 0;}
.milestone-item-right .item-list {overflow: hidden;top: 20%;transform: translateY(-50%);padding:7%;width: 100%;box-sizing: border-box;left: 0;position: absolute;}
.milestone-item-right .text{padding:5% 0;border-bottom: 1px solid gray;}
.milestone-item-right .title-1{margin-bottom: 1%;}
.milestone-item-right .text-2{opacity: .8;}
.milestone-item-right .text:hover .title-1{color: var(--blue);}
.milestone-year-swiper {position: relative;width: 90%;margin:auto;overflow:hidden;}
.milestone-year-swiper::after {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.milestone-year-swiper .swiper-wrapper {z-index: 11;}
.milestone-year {text-align: center;overflow: hidden;cursor: pointer;padding: 5% 0;z-index: 11;position: relative;}
.milestone-year .point-1{position: relative;z-index: 11;margin-top: 16%;}
.milestone-year .point-1 i{width: 10px;height: 10px;border-radius: 100%;margin: auto;background: #e5e5e5;display: block;}
.milestone-year .point-1 i::before {content: '';width: 20px;height: 20px;border: 1px solid var(--blue);border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;z-index: 11;}
.milestone-year .point-1 i::after {content: '';width: 8px;height: 8px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;background: var(--blue);opacity: 0;}
.milestone-year .title-1{margin-top: 5%;}
.milestone-year .title-1 strong{color: var(--gray4);}
.milestone-year-swiper .swiper-slide-active .title-1 strong{color: var(--blue);font-size: 50px;}
.milestone-year-swiper .swiper-slide-active .point-1 i {background:none;}
.milestone-year-swiper .swiper-slide-active .point-1 i::before,.milestone-year-swiper .swiper-slide-active .point-1 i::after {opacity: 1;} 
.milestone-prev,.milestone-next {bottom: auto;top: 50%;width: 70px;height: 70px;margin-top: -35px;z-index: 12;}
.milestone-prev {left: 0;right: auto;background: #000 url('../images/l.png') center no-repeat;}
.milestone-next {left:auto; right: 0;background: var(--blue) url('../images/r.png') center no-repeat;}
.milestone-prev.swiper-button-disabled,.milestone-next.swiper-button-disabled  {opacity: 1;}



.honor-content {padding: 5% 0;overflow: hidden;background: url('../images/bgd1.jpg') center no-repeat;background-size: cover;}
.honor-content-top {text-align: center;}
.honor-content-top .title-1{color:#fff;}
.honor-content-top .text-1{width: 50%;margin: auto;margin-top: 1%;opacity: .6;color:#fff;}
.honor-content-top .service-content-nav.text-center {margin-top: 2%;}
.honor-content-top .service-content-nav a strong{color:#fff;}
.honor-content-top .service-content-nav a.cur {border:none;}
.honor-content-top .service-content-nav a{border: 1px solid rgba(255,255,255,.2);}
.honor-content-center {margin-top:5%;}
.honor-content-swiper  {width: 80%;margin: auto;min-height: 500px;}
.honor-item {position: relative;overflow: hidden;}
.honor-content-swiper .pic {position: relative;overflow: hidden;transition:all .4s ease;margin-top: 5%;}
.honor-content-swiper .pic img {max-width: 88%;max-height: 88%;}
.honor-content-swiper .title-1 {margin-top:5%;text-align: center;opacity: 0;}
.honor-content-swiper .title-1 h5{color:#fff;}
.honor-content-swiper .swiper-slide-active .title-1{opacity: 1;}
.honor-content-swiper .swiper-slide-active .pic  {margin-top: 0;}
.honor-content-swiper .swiper-slide-active .pic img {max-width: 100%;max-height: 100%;}
.honor-content-swiper .swiper-slide-prev {text-align: left;}
.honor-content-swiper .swiper-slide-prev img.img-center {right:auto;}
.honor-content-swiper .swiper-slide-next {text-align: left;}
.honor-content-swiper .swiper-slide-next img.img-center {left:auto;}
.honor-prev ,.honor-next {border: none;background: none;bottom: auto;top: 50%;transform: translateY(-50%);}
.honor-prev::after ,.honor-next::after {display: block;color:#fff;font-size: 34px;font-weight:normal;}
.honor-prev {left: 36%;}
.honor-next {right: 36%;}

:root {
    --white: #ffffff;
    --black: #1a1a1a;
    --var(--blue): #002f93;
    --gray: #f2f2f2;
    --gray1: #f5f5f5;
    --gray2: #dadce0;
    --gray3: #666666;
    --gray4: #999999;
    --gray5: #e5e5e5;
    --orange: #f0a700;
    --blue: #004ac7;
    --blue2: #013485;
}

.contact-content {padding: 6% 0 8% 0;overflow: hidden;background: #f7f7f7;}
.contact-content-top {overflow: hidden;padding-bottom: 3%;}
.contact-content-bottom {overflow: hidden;padding-top: 4%;}
.contact-content-bottom .contact-item{float: left;width: 30%;margin-right: 3%;position: relative;}
.contact-content-bottom .contact-item .icon-1{position: relative;overflow: hidden;}
.contact-content-bottom .contact-item .title-1{position: relative;margin-top: 5%; }
.contact-content-bottom .contact-item .title-1::before {content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 0px;background: var(--gray2);}
.contact-content-bottom .contact-item .title-1 h4{position: relative;padding-top:5%;display: inline-block;}
.contact-content-bottom .contact-item .title-1 h4::before  {background: var(--var(--blue));z-index: 11;content: '';width: 100%;height: 2px;position: absolute;left: 0;top: -45px;}
.contact-content-bottom .contact-item .text-1{margin-top: 1%;color: var(--gray3);position: relative;}
.contact-map {position: relative;width: 100%;height: auto;overflow: hidden;}
.contact-map-addlist {position: absolute;width: 28%;right: 5%;top: 50%;transform: translateY(-50%);z-index: 11;background: var(--white);color: var(--black);box-sizing: border-box;padding: 2% 3% 3% 3%;overflow: hidden;}
.contact-map-addlist a{border-bottom: 2px solid var(--gray2);padding: 5% 0;overflow: hidden;color: var(--gray4);display: block;}
.contact-map-addlist a.cur,.contact-map-addlist a:hover{color: var(--var(--blue));border-bottom: 2px solid var(--var(--blue));}
.contact-map-content {overflow: hidden;position: relative;}
.contact-map-add {position: absolute;width: 25%;z-index: 11;padding: 1.5% 2%;overflow: hidden;background: var(--white);top: 50%;left: 20%;}
.contact-map-add .addname-1{color: var(--black);}
.contact-map-add .addtel-1{color: var(--black);}
.contact-map-add .adds-1{margin-top: 6%;color: var(--gray3);}
.contact-map-swiper {position: relative;background: var(--gray2);}
.contact-map-swiper iframe {border:none;border: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;filter: grayscale(1);}
.contact-map-swiper .swiper-slide {background: var(--gray2);}
.contact-map-swiper .swiper-slide-active {z-index: 10;}
@media screen and (max-width: 860px){
	
	.index-about-bottom .index-about-top-left,.footer-content-bottom .social-2,.product-advantages-right {position: relative;bottom: auto;right: auto;left: auto;top: auto;bottom: auto;float: none;}
	.index-recommended-left, .index-recommended-right, .index-product-top .text-2, .index-product-item.ipi1, .index-product-item .pic, .index-product-item.ipi2, .index-product-item.ipi3, .index-product-item.ipi4, .index-project-top .text-2, .index-project-item, .index-about-top-left, .index-about-top-right, .index-latest-news-item.iln1, .index-latest-news-item, .footer-content-top-left, .product-table, .div-product-nav .choice-2, .search-2, .div-product-item, .product-table-swiper, .product-advantages-left, .technology-content-left, .technology-content-right, .high-precision-top-left, .high-precision-top-right, .ervo-control-left, .ervo-control-right, .competitive-advantage-item, .application-content-type .choice-2, .application-content-item.aci1, .application-content-item, .application-detail-left, .application-detail-right, .news-content-item, .milestone-item-left, .service-download-list, .select-1, .service-download-top-left, .aftersale-item, .software-products-left, .software-products-right, .hardware-warranty-item, .contact-content-bottom .contact-item, .recruiting-content-left, .recruiting-content-right, .positions-found, .robot-control-system-left, .robot-control-system-right, .standard-function-item {
    float: none;
    width: 100%;
    margin: 0;
}
.index-recommended-right, .index-product-item.ipi2, .index-product-item.ipi3, .index-product-item.ipi4, .index-project-item, .div-product-item, .technology-content-right, .high-precision-top-right, .ervo-control-right, .competitive-advantage-item, .application-content-item, .news-content-item, .service-download-list, .download-top-right, .hardware-warranty-item, .contact-content-bottom .contact-item, .recruiting-content-right {
    margin-top: 10%;
}
	.index-product-item .product {right: 5%;bottom: 5%;}
	.index-product-item.ipi2 .jiantou-1,.index-project-nav a::after,.index-project-item .jiantou-1,.product-top-nav,.path,.product-parameters-bottom .img,.product-video-swiper .video-prev,.product-video-swiper .video-next,.application-content-item.aci1 .viewmore-3,.application-detail-left-center .fenxiang-1,.faq-item-title i{display: none;}
	.index-project-nav a {width: 50%;padding: 3% 0;border: 1px solid var(--gray2);box-sizing: border-box;margin-top: -1px;}
	.index-project-nav a:nth-child(1),.index-project-nav a:nth-child(2)  {margin-top: 0px;}
	.index-project-nav a:last-child,.standard-function-list.num5 .standard-function-item:nth-child(4),.standard-function-list.num5 .standard-function-item:nth-child(5) {width: 80%;}
	.robot-control-system-left .donwload-2 a {width: 50%;}
		.milestone-year-swiper .swiper-slide-active .title-1 strong {font-size: 20px;}	
			.product-parameters-bottom .parameters-1 {position: relative;left: auto;top: auto;transform: none;width: 90%;margin: auto;}
	.parameters-item {overflow: hidden;width: 100%;float: none;text-align: left;float: none;}
	.parameters-item.fr {float: none;clear: both;}
	.parameters-item .icon-1 {float: left;}
	.parameters-item .text-2 {width: 60%;text-align: left;right: auto;left: 25%;}
	.parameters-item.fr .text-2 {text-align: left;left: 25%;right: auto;}
	.parameters-item:nth-child(5), .parameters-item:last-child {border-bottom: solid 1px var(--gray2);}
	.technology-high-precision::after {height: 20%;}
	.ervo-control-right .text-2 {text-align: left;}
	.application-content-item.aci2  {position: relative;left: auto;top: auto;transform: none;width: 100%;margin: auto;margin-top: 10%;}
	.application-content-item.aci1 .text {position: relative;left: auto;padding: 5%;bottom: auto;width: 90%;}
	.application-content-item .title-1 {color: var(--black);}
	.application-detail-left-center .fenxiang-1 {float: none;margin: 10% 0;}
	.use-the-product-item .text {position: relative;left: auto;top: auto;transform: none;padding: 5% 10% 25% 10%;}
	.use-the-product-item .img {background: none;float: none;width: 100%;overflow: hidden;}
	.faq-item-title {padding-left: 0;}
	.faq-item-content,.service-faq-item {padding: 5% 0;}
	.faq-item-title strong,.honor-content-top .text-1,.demand-feedback .div-content{width: 90%;display: block;}
	.service-content-nav a {margin: 1px;padding: 0 3%;min-width: 50px;}
	.milestone-year-swiper,.standard-function-list {margin-top: 10%;}
	.milestone-item-right,.service-download-top-right {float: none;overflow: hidden;box-sizing: border-box;position: relative;width: 100%;height: auto;right: auto;}
	.milestone-item-right .item-list {top: auto;transform: none;padding: 7%;width: 100%;box-sizing: border-box;left: auto;position: relative;}
	.milestone-content {padding-bottom: 10%;}
	.milestone-year {padding: 10% 0;}
	.milestone-year-swiper {width: 80%;padding: 0 10%;}
	.milestone-year-swiper .swiper-button-prev {left: 0;}
	.milestone-year-swiper .swiper-button-next {right: 0;}
	.milestone-prev, .milestone-next {transform: translateY(-37%);}
	.honor-prev, .honor-next,.corporate-culture-bottom .img {display: none;}
	.corporate-culture-left,.corporate-culture-right,.corporate-culture-item .title-1,.corporate-culture-item .text-1{width:100%;position:unset}
	.milestone-prev, .milestone-next{width:30px;height:30px;top: 65px;}
	.infi-wrap{display: none;}
.infi-wrap-app{display: block;padding: 20px 0;}
.infi-wrap-app-ul{margin-top: 10px;}
.infi-wrap-app-ul li{width: 33.33%;float: left;margin-bottom: 18px;}
.infi-wrap-app-ul img{width: 100%;}
.index-five .inon-right{float: right;}
.abpa-pics-ul .abpa-pic>div{height:60px}
.abpa-pics-ul .abpa-pic{width:32.2%}
.lian-more {
    margin-top: 12%;
}
}
.mt20{padding-top:5%}