html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

:root {
    --color-primary: #dedede;
    --color-primary-rgb: 22, 49, 102;
}

* {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.container {
    padding: 0 14.9479vw;
}

.header {
    height: 5.2083vw;
    z-index: 99;
}

.header.is-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.header.is-shadow {
    box-shadow: 0px .1563vw .3125vw .0521vw rgba(0, 0, 0, 0.16);
}

.header .container-header {
    padding: 0 15vw;
    height: 5.2083vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .container-header .header-logo-link {
    width: 8.5417vw;
    height: 3.75vw;
    line-height: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.header .container-header .header-logo-link .header-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .container-header .header-menu-btn, .header .container-header .header-menu-close {
    display: none;
    cursor: pointer;
}

.header .container-header .header-menu {
    display: flex;
    align-items: center;
    height: 100%;
}

.header .container-header .header-menu .header-menu-item {
    margin-left: 2.5521vw;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.header .container-header .header-menu .header-menu-item.is-image {
    display: none;
}

.header.is-absolute .container-header .header-menu .header-menu-item {
    color: #fff;
}

.header.is-shadow .container-header .header-menu .header-menu-item {
    color: #333;
}

.header .container-header .header-menu .header-menu-item .header-menu-link {
    display: inline-block;
    vertical-align: top;
    font-size: .8333vw;
    font-family: MiSans-Light, MiSans;
    white-space: nowrap;
    transition: .1s all;
    position: relative;
}

.header .container-header .header-menu .header-menu-item.is-image .header-menu-link {
    line-height: 0;
    font-size: 0;
}

.header .container-header .header-menu .header-menu-item:not(.is-initial) .header-menu-link::before {
    position: absolute;
    content: '—';
    right: 100%;
    padding-right: .1563vw;
    color: transparent;
    transition: .1s all;
}

.header .container-header .header-menu .header-menu-item:not(.is-initial) .header-menu-link::after {
    position: absolute;
    content: '—';
    left: 100%;
    padding-left: .1563vw;
    color: transparent;
    transition: .1s all;
}

.header .container-header .header-menu .header-menu-item:not(.is-initial):hover > .header-menu-link, .header .container-header .header-menu .header-menu-item:not(.is-initial):hover > .header-menu-link::before, .header .container-header .header-menu .header-menu-item:not(.is-initial):hover > .header-menu-link::after, .header .container-header .header-menu .header-menu-item:not(.is-initial).is-active .header-menu-link, .header .container-header .header-menu .header-menu-item:not(.is-initial).is-active .header-menu-link::before, .header .container-header .header-menu .header-menu-item:not(.is-initial).is-active .header-menu-link::after {
    color: var(--color-primary);
}

.header .container-header .header-menu .header-menu-item .header-menu-link .header-wechat {
    width: .8854vw;
    height: .8854vw;
}

.header .container-header .header-menu .header-menu-item .header-sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -2.2542vw;
    right: -2.2542vw;
    padding: 1.4063vw 0;
    background-color: rgba(var(--color-primary-rgb), .8);
}

.header .container-header .header-menu .header-menu-item:hover .header-sub-menu {
    display: block;
}

.header .container-header .header-menu .header-menu-item .header-sub-menu .header-sub-menu-item + .header-sub-menu-item {
    margin-top: .9896vw;
}

.header .container-header .header-menu .header-menu-item .header-sub-menu .header-sub-menu-item .header-sub-menu-link {
    text-align: center;
    display: block;
    color: #c1c1c1;
    font-weight: 500;
    white-space: nowrap;
    font-size: .8333vw;
    font-family: MiSans-Light, MiSans;
    transition: all .1s;
}

.header .container-header .header-menu .header-menu-item .header-sub-menu .header-sub-menu-item .header-sub-menu-link:hover {
    color: #fff;
}

.header .container-header .header-menu .header-menu-item .header-product-menu {
    padding: 1.7708vw .9375vw 3.125vw;
    position: absolute;
    top: 100%;
    background-color: rgba(var(--color-primary-rgb), .8);
    display: flex;
    white-space: nowrap;
    color: #fff;
    transform: translateX(-50%);
    display: none;
    z-index: 99;
}

.header .container-header .header-menu .header-menu-item:hover .header-product-menu {
    display: flex;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item {
    padding: 0 1.0417vw;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item + .header-product-menu-item {
    border-left: .0521vw solid #fff;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-memu-title {
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #c1c1c1;
    transition: all .1s;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-memu-title:hover {
    color: #fff;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product {
    margin-top: 1.0417vw;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product .header-product-menu-product-item {
    width: 11.25vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product .header-product-menu-product-item + .header-product-menu-product-item {
    margin-top: .625vw;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product .header-product-menu-product-item .header-product-menu-product-link {
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #c1c1c1;
    transition: all .1s;
}

.header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product .header-product-menu-product-item .header-product-menu-product-link:hover {
    color: #fff;
}

.main .index-swiper {
    width: 100%;
    height: 44.5833vw;
}

.main .index-swiper .swiper-wrapper .swiper-slide .swiper-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.main .index-swiper .swiper-pagination {
    bottom: 9.9479vw;
    left: 8.6979vw;
    width: auto;
    color: var(--color-primary);
    font-size: 1.4583vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
}

.main .index-swiper .swiper-pagination .swiper-pagination-current {
    font-size: 2.6042vw;
    font-family: MiSans-Heavy, MiSans;
    font-weight: 800;
}

.main .index-swiper .swiper-button-prev, .main .index-swiper .swiper-button-next {
    bottom: 11.25vw;
    top: initial;
    width: auto;
    height: auto;
    margin-top: 0;
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    color: #666666;
    right: initial;
}

.main .index-swiper .swiper-button-prev {
    left: 19.2188vw;
}

.main .index-swiper .swiper-button-next {
    left: 38.5938vw;
}

.main .index-swiper .swiper-button-prev::after, .main .index-swiper .swiper-button-next::after {
    content: none;
}

.main .index-swiper .swiper-scrollbar {
    bottom: 11.6146vw;
    left: 23.6979vw;
    width: 12.5vw;
    height: .0521vw;
    background-color: #666;
}

.main .index-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--color-primary);
    margin-top: 1px;
}

.main .index-swiper .swiper-mask {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 7.5vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(49, 49, 49, 0.8) 100%);
}

.main .index-statistics {
    position: relative;
    z-index: 11;
    height: 8vw;
    margin-top: -3.05vw;
}

.main .index-statistics .statistics-list {
    display: flex;
    align-items: center;
    max-width: 56.7708vw;
    margin: 0 auto;
}

.main .index-statistics .statistics-list .statistics-item {
    padding: 0 4.0625vw;
    margin-top: 1.2vw;
    transition: all .3s;
    cursor: pointer;
}

.main .index-statistics .statistics-list .statistics-item:hover {
    margin-top: -3.3854vw;
}

.main .index-statistics .statistics-list .statistics-item:nth-child(1) .statistics-image {
    width: 4.1667vw;
    height: 5.8333vw;
}

.main .index-statistics .statistics-list .statistics-item:nth-child(2) .statistics-image {
    width: 5.3125vw;
    height: 5.7292vw;
}

.main .index-statistics .statistics-list .statistics-item:nth-child(3) .statistics-image {
    width: 7.6042vw;
    height: 5.8333vw;
}

.main .index-statistics .statistics-list .statistics-item:nth-child(4) .statistics-image {
    width: 8.125vw;
    height: 5.8333vw;
}

.module-header {
    text-align: center;
    padding-bottom: 2.3438vw;
}

.module-header .module-title {
    font-size: 1.4583vw;
    font-family: MiSans-Demibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.module-header .module-desc {
    margin-top: .3125vw;
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    color: #333333;
}

.main .index-recommended-product {
    padding: 2.0833vw 0 2.2396vw;
    background-color: #f6f6f6;
}

.main .index-recommended-product .container .recommended-product-wrap {
    display: flex;
    margin-top: 1.6146vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-left: -.7292vw;
    margin-top: -.6771vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item {
    flex: calc(50% - .7292vw);
    width: calc(50% - .7292vw);
    margin-left: .7292vw;
    margin-top: .6771vw;
    text-align: center;
    border: 1px solid #EBEAEA;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-image {
    width: auto;
    height: 11.6667vw;
    object-fit: cover;
    margin-top: 2.1354vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-desc1 {
    margin-top: 2.3438vw;
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    color: #999999;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-desc2 {
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    color: #333333;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap {
    margin-top: .8333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1.3542vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap .recommended-product-title {
    font-size: .7292vw;
    font-family: MiSans-Demibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap .recommended-product-icon {
    margin-left: .5208vw;
    width: .9375vw;
    height: .9375vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    display: flex;
    align-items: center;
    padding: 0 3.0729vw;
    transition: all .5s ease;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item:hover .recommended-product-mask {
    left: 0;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-mask .recommended-product-name {
    font-size: 1.0417vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-mask .recommended-product-icon {
    width: 1.5104vw;
    height: 1.5104vw;
    margin-left: .9375vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right {
    margin-left: 1.4583vw;
    flex: 0 0 34.0625vw;
    width: 34.0625vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item {
    display: block;
    border: 1px solid var(--color-primary);
    text-align: center;
    height: 100%;
    position: relative;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-bar {
    height: 1.3021vw;
    background: linear-gradient(90deg, var(--color-primary) 0%, #0E45AF 100%);
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-image {
    width: auto;
    height: 19.4792vw;
    margin-top: 7.0313vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-desc1 {
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    color: #999999;
    margin-top: 3.8542vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-desc2 {
    margin-top: .5208vw;
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 5.8333vw;
    background: linear-gradient(90deg, var(--color-primary) 0%, #0E45AF 100%);
    display: flex;
    align-items: center;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer .recommended-product-btn {
    width: 13.8021vw;
    height: 2.7083vw;
    border-radius: .5208vw;
    border: 1px solid #FFFFFF;
    font-size: 1.0417vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    margin-left: 10.1563vw;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer .recommended-product-btn:hover {
    color: var(--color-primary);
    background-color: #fff;
}

.main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer .recommended-product-icon {
    width: 2.3958vw;
    height: 2.3958vw;
    margin-left: 2.6042vw;
}

.main .index-bar {
    margin-top: 2.2396vw;
}

.main .index-bar .bar-image {
    width: 100%;
}

.main .index-product-range {
    margin-top: 1.8229vw;
    padding-bottom: 3.8542vw;
}

.main .index-product-range .container .product-range-list {
    display: flex;
}

.main .index-product-range .container .product-range-list .product-range-item {
    cursor: pointer;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-default {
    width: 10.4167vw;
    height: 26.9792vw;
    margin-top: 4.0625vw;
    border: 1px solid #EBEAEA;
    position: relative;
    display: flex;
    flex-direction: column;
}

.main .index-product-range .container .product-range-list .product-range-item:first-child .product-range-default {
    display: none;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-header {
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
    height: 5.5208vw;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-product {
    padding: .7292vw 0;
    flex: 1;
    overflow: hidden;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-product .product-range-product-item {
    margin: 0 .4688vw;
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    color: #999999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: .625vw 0 .4167vw;
    position: relative;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-product .product-range-product-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    height: .0521vw;
    background: linear-gradient(90deg, #FFFFFF 0%, #969696 48%, #FFFFFF 100%);
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-footer {
    height: .7813vw;
    background-color: var(--color-primary);
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active {
    margin-top: 2.2917vw;
    width: 37.9688vw;
    height: 29.8438vw;
    display: flex;
    flex-direction: column;
    border: 1px solid #EBEAEA;
}

.main .index-product-range .container .product-range-list .product-range-item:not(:first-child) .product-range-active {
    display: none;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 7.2917vw;
    background: linear-gradient(90deg, var(--color-primary) 0%, #0E45AF 100%);
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-header .product-range-icon {
    width: 2.0833vw;
    height: 2.0833vw;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-header .product-range-class {
    margin-top: .5208vw;
    font-size: 1.0417vw;
    color: #fff;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body {
    flex: 1;
    overflow: hidden;
    display: flex;
    background: #FFFFFF;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product {
    width: 33.33333333333333%;
    flex-basis: 33.33333333333333%;
    text-align: center;
    border-right: 1px solid #EBEAEA;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product:nth-child(3) {
    border-right: none;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-header {
    padding: .6771vw .9375vw 0;
    text-align: left;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-header .product-range-product-desc1 {
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #999999;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-header .product-range-product-desc2 {
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #333333;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-image {
    margin-top: 3vw;
    height: 10vw;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-title {
    margin-top: 3vw;
    font-size: .7292vw;
    font-family: MiSans-Demibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-footer {
    height: .7813vw;
    background: linear-gradient(90deg, var(--color-primary) 0%, #0E45AF 100%);
}

.main .index-about {
    padding-top: 3.8542vw;
    padding-bottom: 4.6875vw;
    background-color: #fff;
}

.main .index-about .about-section {
    margin-top: 2.5vw;
    display: flex;
    align-items: center;
}

.main .index-about .about-section .about-section-left {
    flex: 1;
}

.main .index-about .about-section .about-section-left .about-section-bar {
    height: .7813vw;
    background-color: var(--color-primary);
}

.main .index-about .about-section .about-section-left .about-section-content {
    background-color: #EDEDED;
    padding: 1.7188vw;
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
}

.main .index-about .about-section .about-section-left .about-section-content .about-section-more {
    font-size: 1.0417vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #FF0000;
    line-height: 24px;
    margin-left: .7813vw;
}

.main .index-about .about-section .about-section-right {
    flex: 1;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 33%) 0px 0px .7813vw;
}

.main .index-about .about-section .about-section-right .about-section-image {
    width: 100%;
    transition: all 0.5s ease 0s;
}

.main .index-about .about-section .about-section-right .about-section-image:hover {
    transform: scale(1.15);
}

.main .statistics {
    height: 13.0208vw;
    background-color: #fff !important;
}

.main .statistics .statistics-wrap {
    position: relative;
    margin: 0 auto;
    width: 70.3125vw;
}

.main .statistics .statistics-wrap .statistics-list {
    position: absolute;
    top: 7.8125vw;
    left: 8.3333vw;
    color: #fff;
    font-size: 2.8125vw;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.main .statistics .statistics-wrap .statistics-list .statistics-item:nth-child(1) {
    width: 1.7349vw;
    margin-right: 11.7188vw;
}

.main .statistics .statistics-wrap .statistics-list .statistics-item:nth-child(2) {
    width: 3.4693vw;
    margin-right: 11.9792vw;
}

.main .statistics .statistics-wrap .statistics-list .statistics-item:nth-child(3) {
    width: 3.4693vw;
    margin-right: 11.4583vw;
}

.main .statistics .statistics-wrap .statistics-list .statistics-item:nth-child(4) {
    width: 5.2036vw;
}

.main .index-project-examples {
    padding-top: 3.6458vw;
    background-color: #fff;
}

.main .index-project-examples .container .project-examples-list {
    margin-top: 2.5521vw;
}

.main .index-project-examples .project-examples-list {
    display: flex;
}

.main .index-project-examples .project-examples-list .project-examples-item {
    flex-basis: 33.33333%;
    width: 33.33333%;
    text-align: center;
    padding: 5.6771vw 0;
    position: relative;
}

.main .index-project-examples .project-examples-list .project-examples-item .project-examples-icon {
    width: 4.9479vw;
    height: 5.0521vw;
    position: relative;
    z-index: 1;
    object-fit: contain;
}

.main .index-project-examples .project-examples-list .project-examples-item .project-examples-name {
    margin-top: 3.5417vw;
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.main .index-project-examples .project-examples-list .project-examples-item .project-examples-bar {
    width: 10.8125rem;
    margin: 0 auto;
    height: .0521vw;
    background: linear-gradient(90deg, rgba(62, 62, 62, 0) 0%, #FFFFFF 34%, #FFFFFF 70%, rgba(0, 0, 0, 0) 100%);
    margin-top: .3646vw;
    position: relative;
    z-index: 1;
}

.main .index-project-examples .project-examples-list .project-examples-item .project-examples-link {
    margin-top: .7813vw;
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
    z-index: 1;
}

.main .index-project-examples .project-examples-list .project-examples-item .project-examples-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: none;
}

.main .index-project-examples .project-examples-list .project-examples-item:hover .project-examples-mask {
    display: block;
}

.main .index-news {
    padding-top: 4.0625vw;
    padding-bottom: 2.6042vw;
    background-color: #fff;
}

.main .index-news .container .news-wrap {
    padding-top: 2.6042vw;
    display: flex;
}

.main .index-news .container .news-wrap .news-block {
    border: 1px solid #EBEAEA;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.main .index-news .container .news-wrap .news-block .news-header {
    height: 4.8438vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-primary);
    color: #fff;
    padding: 0 2.9688vw 0 2.1875vw;
}

.main .index-news .container .news-wrap .news-block .news-header .news-title {
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.main .index-news .container .news-wrap .news-block .news-header .news-icon {
    width: 1.1458vw;
    height: 1.1458vw;
}

.main .index-news .container .news-wrap .news-block .news-body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1.5625vw 2.1875vw 2.0833vw;
    flex: 1;
}

.main .index-news .container .news-wrap .news-block .news-body .news-list .news-item {
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    color: #666666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main .index-news .container .news-wrap .news-block .news-body .news-list .news-item + .news-item {
    margin-top: 1.5625vw;
}

.main .about-about {
    margin-top: 3.4896vw;
}

.main .about-about .about-wrap {
    display: flex;
    align-items: center;
    margin-top: 2.5vw;
}

.main .about-about .about-wrap .about-left {
    flex: 1;
}

.main .about-about .about-wrap .about-left .about-bar {
    height: .7813vw;
    background-color: var(--color-primary);
}

.main .about-about .about-wrap .about-left .about-content {
    background-color: #EDEDED;
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    padding: 2.6042vw 1.7188vw 1.7708vw;
}

.main .about-about .about-wrap .about-right {
    flex: 1;
}

.main .about-about .about-wrap .about-right .about-image {
    width: 100%;
}

.main .about-video {
    margin-top: 4.8438vw;
}

.main .about-video .container {
    position: relative;
}

.main .about-video .container .swiper-video {
    margin-top: 2.6042vw;
    width: 100%;
    height: 33.5938vw;
}

.main .about-video .container .swiper-video .swiper-wrapper .swiper-slide .swiper-slide-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main .about-video .container .swiper-pagination {
    top: calc(100% + 1.875vw);
    bottom: auto;
}

.main .about-video .container .swiper-pagination .swiper-pagination-bullet {
    width: .7292vw;
    height: .7292vw;
    background: #FFFFFF;
    opacity: 1;
    border: 1px solid #333333;
    margin: 0 2.1354vw;
}

.main .about-video .container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1A1A1A;
    border: 1px solid #1A1A1A;
}

.main .about-corporate-culture {
    margin-top: 3.125vw;
}

.main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list {
    display: flex;
    justify-content: space-between;
    margin-top: 5.1563vw;
}

.main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item {
    text-align: center;
}

.main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-icon {
    width: auto;
    height: 3.75vw;
}

.main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-line {
    margin-top: 1.7188vw;
    width: 1px;
    height: 1.4583vw;
    margin: 0 auto;
}

.main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-title {
    font-size: 1.1458vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
    margin-top: 1.6667vw;
}

.main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-desc {
    width: 14.0625vw;
    margin: 0 auto;
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-top: 3.6979vw;
}

.main .about-history {
    margin-top: 6.5104vw;
}

.main .about-honor {
    margin-top: 6.5104vw;
    padding-bottom: 6.875vw;
}

.main .about-history .history-wrap .history-timeline {
    margin-top: 2.8125vw;
    padding: 3.6458vw 0 2.3958vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-top {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-left: 7.7604vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-bottom {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: -7.7604vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-item {
    width: 15.5208vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-item + .history-timeline-item {
    margin-left: 4.3229vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-content {
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    color: #666666;
    line-height: 24px;
    white-space: pre-line;
}

.main .about-history .history-wrap .history-timeline .history-timeline-bottom .history-timeline-content {
    margin-top: 1.9271vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-year {
    font-size: 1.25vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #163166;
    margin-top: 2.5521vw;
    text-align: center;
}

.main .about-history .history-wrap .history-timeline .history-timeline-bottom .history-timeline-year {
    margin-top: .9896vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-round {
    width: .4688vw;
    height: .4688vw;
    background-color: #FFFFFF;
    border: 1px solid #163166;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: .3125vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-bottom .history-timeline-round {
    margin-top: -0.2344vw;
}

.main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-line {
    width: .0521vw;
    height: 3.4896vw;
    background-color: #a5a5a5;
    margin: 0 auto;
}

.main .about-history .history-wrap .history-timeline .history-timeline-bar {
    border-top: 2px dashed #cacaca;
}

.main .product-star-products {
    margin-top: 3.4896vw;
}

.main .product-star-products .container .star-products-wrap {
    margin-top: 4.3229vw;
    position: relative;
}

.main .product-star-products .container .star-products-wrap .swiper-star-products {
    height: 16.9271vw;
}

.main .product-star-products .container .star-products-wrap .swiper-star-products .swiper-wrapper .swiper-slide {
    text-align: center;
    background-color: #f5f5f5;
    border-top: .1563vw solid var(--color-primary);
}

.main .product-star-products .container .star-products-wrap .swiper-star-products .swiper-wrapper .swiper-slide .swiper-slide-image {
    max-width: 50%;
    margin-top: 2.1875vw;
}

.main .product-star-products .container .star-products-wrap .swiper-star-products .swiper-wrapper .swiper-slide .swiper-slide-title {
    margin-top: 2.6563vw;
    font-size: 1.0417vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .product-star-products .container .star-products-wrap .swiper-button-prev {
    left: auto;
    right: calc(100% + 2.7604vw);
    width: 1.7708vw;
    height: 1.7708vw;
    background-image: url(/assets/img/left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.main .product-star-products .container .star-products-wrap .swiper-button-prev::after {
    content: none;
}

.main .product-star-products .container .star-products-wrap .swiper-button-next {
    right: auto;
    left: calc(100% + 2.7604vw);
    width: 1.7708vw;
    height: 1.7708vw;
    background-image: url(/assets/img/right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.main .product-star-products .container .star-products-wrap .swiper-button-next::after {
    content: none;
}

.main .product-product-range .container .product-range-wrap {
    padding-top: 1.3542vw;
    padding-bottom: 2.9167vw;
}

.main .product-product-range .container .product-range-wrap .product-range-module {
    margin-top: 1.3542vw;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-header {
    border-radius: .3125vw;
    border: 1px solid #DCDCDC;
    padding-top: .3125vw;
    padding-bottom: .8333vw;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-header .product-range-title {
    display: inline-block;
    padding-left: 1.5104vw;
    padding-right: 1.0938vw;
    color: var(--color-primary);
    font-size: 1.4583vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    background: url(/assets/img/bn59.png) no-repeat 100% 50%;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-header .product-range-text {
    margin-left: 2.3958vw;
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #666;
    transition: all .1s;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-header .product-range-text:hover {
    color: var(--color-primary);
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body {
    display: flex;
    margin-left: -2.9167vw;
    margin-top: -1.875vw;
    flex-wrap: wrap;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product {
    display: block;
    width: calc(25% - 2.9167vw);
    margin-left: 2.9167vw;
    margin-top: 1.875vw;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap {
    text-align: center;
    position: relative;
    padding-bottom: .2083vw;
    overflow: hidden;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-image {
    margin-top: 2.0313vw;
    height: 11.6667vw;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-name {
    margin-top: .7813vw;
    font-size: .7292vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product:hover .product-range-image-wrap .product-range-name {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-mask {
    background: linear-gradient(135deg, rgba(74, 109, 177, 0.81) 0%, #152B72 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.1875vw;
    transition: all 0.5s ease;
    transform: translateX(-101%);
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product:hover .product-range-image-wrap .product-range-mask {
    transform: translateX(0);
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-mask .product-range-title {
    font-size: 1.0417vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-mask .product-range-icon {
    width: 1.5104vw;
    height: 1.5104vw;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-btn {
    margin-top: .8854vw;
    height: 2.3958vw;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease 0s;
}

.main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product:hover .product-range-btn {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.main .product-bar {
    width: 100%;
    margin-top: .7813vw;
}

.main .product-bar .bar-image {
    width: 100%;
}

.main .product-product-range {
    margin-top: .8854vw;
}

.main .product-details-basis {
    margin-top: 4.8958vw;
}

.main .product-details-basis .container {
    display: flex;
}

.main .product-details-basis .container .product-basis-left {
    flex: 1;
}

.main .product-details-basis .container .product-basis-left .product-basis-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .4167vw;
    border-bottom: .1042vw solid var(--color-primary);
    margin-right: 3.6979vw;
}

.main .product-details-basis .container .product-basis-left .product-basis-header .product-basis-name {
    font-size: 1.6667vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
    display: none;
}

.main .product-details-basis .container .product-basis-left .product-basis-header .product-basis-desc {
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #999999;
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.3646vw;
    margin-right: 3.6979vw;
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab {
    margin-top: 1.3021vw;
    margin-left: .3646vw;
    width: calc(50% - .3646vw);
    border: 1px solid #BFBFBF;
    display: flex;
    align-items: center;
    padding: .2604vw 0;
    cursor: pointer;
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-left {
    padding: 0 .9896vw;
    flex: 1;
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-left .tab-title {
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #999;
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab.is-active .tab-left .tab-title, .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab:hover .tab-left .tab-title {
    color: var(--color-primary);
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-left .tab-desc {
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #999;
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab.is-active .tab-left .tab-desc, .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab:hover .tab-left .tab-desc {
    color: var(--color-primary);
}

.main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-right {
    padding: .3125vw .9375vw .3646vw .6771vw;
    border-left: .0521vw solid #bfbfbf;
}

.main .product-details-basis .container .product-basis-left .product-basis-description {
    display: none;
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: var(--color-primary);
    line-height: 24px;
    margin-top: 1.8229vw;
}

.main .product-details-basis .container .product-basis-left .product-basis-btn {
    margin-top: 2.7083vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.8125vw;
    height: 2.3958vw;
    background-color: var(--color-primary);
    color: #fff;
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
}

.main .product-details-basis .container .product-basis-right {
    margin-top: 2.6042vw;
    margin-left: 5.8854vw;
}

.main .product-details-basis .container .product-basis-right .product-basis-image {
    height: 19.4792vw;
    display: none;
}

.main .product-details-tabs {
    margin-top: 9.5833vw;
}

.main .product-details-tabs .container .product-details-tabs-wrap {
    border-bottom: 1px solid var(--color-primary);
    display: flex;
}

.main .product-details-tabs .container .product-details-tabs-wrap .product-details-tab + .product-details-tab {
    margin-left: 2.1354vw;
}

.main .product-details-tabs .container .product-details-tabs-wrap .product-details-tab .product-details-link {
    display: block;
    padding: .5208vw .9375vw;
    font-size: .8333vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
    transition: all .1s;
}

.main .product-details-tabs .container .product-details-tabs-wrap .product-details-tab.is-active .product-details-link, .main .product-details-tabs .container .product-details-tabs-wrap .product-details-tab:hover .product-details-link {
    background-color: var(--color-primary);
    color: #fff;
}

.main .product-details-details .container .details-title {
    text-align: center;
    margin-top: 2.8646vw;
}

.main .product-details-details .container .details-title .details-title-image {
    width: 34.4792vw;
    height: 9.9479vw;
}

.main .product-details-details .container .details-content {
    margin-top: 3.9063vw;
}

.main .product-details-details .container .details-content img {
    max-width: 100%;
    height: auto !important;
}

.main .product-detail-line .container div {
    border-top: 1px dashed #666;
}

.main .product-details-advantages {
    margin-top: .5208vw;
}

.main .product-details-advantages .container .advantages-title {
    text-align: center;
}

.main .product-details-advantages .container .advantages-title .advantages-title-image {
    width: 34.4792vw;
    height: 9.9479vw;
}

.main .product-details-advantages .container .advantages-content {
    margin-top: 1.8229vw;
}

.main .product-details-params {
    margin-top: 5.9896vw;
}

.main .product-details-params .container .params-title {
    display: flex;
    align-items: center;
}

.main .product-details-params .container .params-title .params-icon {
    width: 1.875vw;
    height: 2.0833vw;
}

.main .product-details-params .container .params-title .params-title {
    margin-left: .8854vw;
    font-size: 1.25vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #666666;
}

.main .product-details-params .container .params-title .params-line {
    margin-left: .7813vw;
    border-top: 1px dashed #666;
    flex: 1;
}

.main .product-details-params .container .params-content {
    margin-top: 5.9896vw;
}

.main .product-details-params .container .params-content .params-table {
    width: 100%;
    border-spacing: 0;
}

.main .product-details-params .container .params-content .params-table .params-cell {
    padding: .8854vw 0;
    text-align: center;
    border: 1px solid #8c8c8c;
    border-top: none;
    border-left: none;
    font-size: .8333vw;
    font-family: MiSans-Normal, MiSans;
    color: #333333;
}

.main .product-details-params .container .params-content .params-table .params-cell:first-of-type {
    border-left: 1px solid #8c8c8c;
}

.main .product-details-params .container .params-content .params-table .params-th {
    border-top: 1px solid #8c8c8c;
    background-color: var(--color-primary);
    color: #fff;
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
}

.main .product-details-params .container .params-content .params-table .params-name {
    background-color: #E6E6E6;
}

.main .product-details-params .container .params-content .params-table .params-tr:hover .params-name {
    background-color: var(--color-primary);
    color: #fff;
}

.main .product-details-factory {
    margin-top: 1.4063vw;
}

.main .product-details-factory .container .factory-title {
    text-align: center;
}

.main .product-details-factory .container .factory-title .factory-title-image {
    width: 34.4792vw;
    height: 9.9479vw;
}

.main .product-details-factory .container .factory-content {
    margin-top: 1.3542vw;
}

.main .product-details-factory .container .factory-content .factory-top {
    display: flex;
}

.main .product-details-factory .container .factory-content .factory-top .factory-left {
    flex: 1;
}

.main .product-details-factory .container .factory-content .factory-top .factory-left .factory-image {
    width: 100%;
}

.main .product-details-factory .container .factory-content .factory-top .factory-right {
    margin-left: 1.9792vw;
    width: 30.78%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main .product-details-factory .container .factory-content .factory-top .factory-right .factory-image {
    width: 100%;
}

.main .product-details-factory .container .factory-content .factory-item {
    position: relative;
    line-height: 0;
    cursor: pointer;
    overflow: hidden;
}

.main .product-details-factory .container .factory-content .factory-item .factory-image {
    transition: all 0.5s ease 0s;
}

.main .product-details-factory .container .factory-content .factory-item:hover .factory-image {
    transform: scale(1.15);
}

.main .product-details-factory .container .factory-content .factory-item .factory-title {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    background-color: rgba(55, 55, 55, .8);
    padding: .3906vw 0;
    font-size: .9375vw;
    font-family: MiSans-Normal, MiSans;
    color: #FFFFFF;
    line-height: 1;
}

.main .product-details-factory .container .factory-content .factory-bottom {
    margin-top: .3125vw;
    display: flex;
}

.main .product-details-factory .container .factory-content .factory-bottom .factory-item {
    width: calc(50% - .625vw);
}

.main .product-details-factory .container .factory-content .factory-bottom .factory-item:nth-child(2) {
    margin-left: 1.25vw;
}

.main .product-details-honor {
    margin-top: 3.9063vw;
}

.main .product-details-honor .container .honor-content {
    margin-top: 2.6563vw;
    position: relative;
}

.main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .swiper-slide-image {
    width: 100%;
    height: 17.4479vw;
}

.main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-image {
    width: 100%;
    margin-top: .0521vw;
}

.main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-order_id {
    font-size: 1.9792vw;
    font-family: MiSans-Normal, MiSans;
    color: #666666;
    text-align: center;
}

.main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-name {
    font-size: 1.0417vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-description {
    font-size: 1.0417vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #999999;
    text-align: center;
}

.main .product-details-honor .container .honor-content .swiper-pagination {
    bottom: -3.4375vw;
}

.main .product-details-honor .container .honor-content .swiper-pagination .swiper-pagination-bullet {
    width: .7292vw;
    height: .7292vw;
    background-color: #fff;
    border: 1px solid #333;
}

.main .product-details-honor .container .honor-content .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000;
}

.main .product-details-bar {
    margin-top: 7.8646vw;
}

.main .product-details-bar .bar-image {
    width: 100%;
}

.main .product-details-faq {
    margin-top: 3.4375vw;
}

.main .product-details-faq .faq-header {
    font-size: 2.6042vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: var(--color-primary);
}

.main .product-details-faq .faq-content .faq-list .faq-item {
    margin-top: 1.8229vw;
    padding-bottom: 4.6354vw;
    border-bottom: 1px dashed #666;
}

.main .product-details-faq .faq-content .faq-list .faq-item .faq-title {
    font-size: 1.1458vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .product-details-faq .faq-content .faq-list .faq-item .faq-content {
    margin-top: 1.9792vw;
    font-size: 1.1458vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #666666;
    white-space: pre-line;
}

.main .product-details-product {
    margin-top: 3.9063vw;
    padding-bottom: 6.3542vw;
}

.main .product-details-product .container .product-content {
    display: flex;
    margin-left: -2.9167vw;
    margin-top: -1.875vw;
}

.main .product-details-product .container .product-content .product-range-product {
    display: block;
    width: calc(25% - 2.9167vw);
    margin-left: 2.9167vw;
    margin-top: 1.875vw;
}

.main .product-details-product .container .product-content .product-range-product .product-range-image-wrap {
    text-align: center;
    position: relative;
    padding-bottom: .2083vw;
    overflow: hidden;
}

.main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-image {
    margin-top: 2.0313vw;
    height: 11.6667vw;
}

.main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-name {
    margin-top: .7813vw;
    font-size: .7292vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .product-details-product .container .product-content .product-range-product:hover .product-range-image-wrap .product-range-name {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-mask {
    background: linear-gradient(135deg, rgba(74, 109, 177, 0.81) 0%, #152B72 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.1875vw;
    transition: all 0.5s ease;
    transform: translateX(-101%);
}

.main .product-details-product .container .product-content .product-range-product:hover .product-range-image-wrap .product-range-mask {
    transform: translateX(0);
}

.main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-mask .product-range-title {
    font-size: 1.0417vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-mask .product-range-icon {
    width: 1.5104vw;
    height: 1.5104vw;
}

.main .product-details-product .container .product-content .product-range-product .product-range-btn {
    margin-top: .8854vw;
    height: 2.3958vw;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease 0s;
}

.main .product-details-product .container .product-content .product-range-product:hover .product-range-btn {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.main .engineering-list {
    padding-bottom: 5.9896vw;
}

.main .engineering-list .container .case-module {
    margin-top: 4.4792vw;
}

.main .engineering-list .container .case-module .case-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -2.2917vw;
    margin-left: -3.3333vw;
}

.main .engineering-list .container .case-module .case-list .case-item {
    width: calc(50% - 3.3333vw);
    position: relative;
    height: 21.5625vw;
    margin-top: 5.5208vw;
    margin-left: 3.3333vw;
}

.main .engineering-list .container .case-module .case-list .case-item .case-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.main .engineering-list .container .case-module .case-list .case-item .case-bottom {
    position: absolute;
    background-color: #fff;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.main .engineering-list .container .case-module .case-list .case-item:hover .case-bottom {
    display: none;
}

.main .engineering-list .container .case-module .case-list .case-item .case-bottom .case-title {
    padding-top: 1.5104vw;
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .engineering-list .container .case-module .case-list .case-item .case-bottom .case-desc {
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #333333;
    padding: 1.0417vw 0;
}

.main .engineering-list .container .case-module .case-list .case-item .case-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(22, 49, 102, .7) 0%, rgba(14, 69, 175, .7) 100%);
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    display: none;
}

.main .engineering-list .container .case-module .case-list .case-item:hover .case-mask {
    display: flex;
}

.main .engineering-list .container .case-module .case-list .case-item .case-mask .case-title {
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #FFFFFF;
}

.main .engineering-list .container .case-module .case-list .case-item .case-mask .case-desc {
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: .8333vw;
}

.main .engineering-body {
    margin-top: 3.8021vw;
}

.main .engineering-body .container {
    display: flex;
    padding-bottom: 5.8854vw;
}

.main .engineering-body .container .body-content {
    flex: 1;
}

.main .engineering-body .container .body-content p {
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
}

.main .engineering-body .container .body-content img {
    max-width: 100% !important;
    height: auto;
}

.main .engineering-body .container .body-right {
    width: 27.6042vw;
    margin-left: 2.0833vw;
}

.main .engineering-body .container .body-right > .case-title {
    font-size: 1.0417vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
}

.main .engineering-body .container .body-right .case-intr {
    margin-top: .2083vw;
    font-size: .8333vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #999999;
}

.main .engineering-body .container .body-right > .case-desc {
    margin-top: 1.5625vw;
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px dashed #333;
    padding-bottom: 3.2813vw;
}

.main .engineering-body .container .body-right .list-title {
    font-size: 1.0417vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: var(--color-primary);
    margin-top: 1.0938vw;
}

.main .engineering-body .container .body-right .case-list {
    margin-left: -0.625vw;
    display: flex;
    flex-wrap: wrap;
}

.main .engineering-body .container .body-right .case-list .case-item {
    width: calc(50% - .625vw);
    margin-top: 1.5625vw;
    margin-left: .625vw;
}

.main .engineering-body .container .body-right .case-list .case-item .case-image {
    height: 7.2396vw;
    width: 100%;
    object-fit: cover;
}

.main .engineering-body .container .body-right .case-list .case-item .case-title {
    font-size: .9375vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #333333;
    margin-top: 1.0938vw;
    text-align: center;
}

.main .engineering-body .container .body-right .case-list .case-item .case-desc {
    margin-top: .5729vw;
    text-align: center;
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    color: #333333;
}

.main .news-banner {
    background-color: var(--color-primary);
    height: 16.4583vw;
}

.main .news-type {
    border-bottom: 1px dashed #ccc;
}

.main .news-type .container {
    display: flex;
}

.main .news-type .container .type-item {
    position: relative;
    padding: 0 1.0417vw;
}

.main .news-type .container .type-item::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 1.5104vw;
    background: linear-gradient(180deg, #FEFEFE 0%, #808080 33%, #808080 67%, #FFFFFF 100%);
    top: 1.5625vw;
    right: 0;
}

.main .news-type .container .type-item:last-child::after {
    content: none;
}

.main .news-type .container .type-item .type-link {
    display: block;
    padding: 1.6667vw 0 1.4063vw;
    border-bottom: .2083vw solid transparent;
    font-size: .9375vw;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    color: #333333;
    transition: all .1s;
}

.main .news-type .container .type-item:hover .type-link, .main .news-type .container .type-item.is-active .type-link {
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.main .news-content {
    margin-top: 2.2396vw;
    padding-bottom: 3.75vw;
}

.main .news-content .container .news-list {
    margin-top: 2.6563vw;
}

.main .news-content .container .news-list .news-item {
    display: flex;
    padding-bottom: 1.4063vw;
    border-bottom: 1px dashed #ccc;
}

.main .news-content .container .news-list .news-item + .news-item {
    margin-top: 4.5313vw;
}

.main .news-content .container .news-list .news-item .news-left {
    display: flex;
    margin-top: 1.1458vw;
    white-space: nowrap;
}

.main .news-content .container .news-list .news-item .news-left .news-left-wrap .news-date {
    font-size: 1.25vw;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.main .news-content .container .news-list .news-item .news-left .news-left-wrap .news-right-icon {
    width: .9896vw;
    height: .9896vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-top: 1.9792vw;
    transition: all .1s;
}

.main .news-content .container .news-list .news-item:hover .news-left .news-left-wrap .news-right-icon {
    color: #fff;
    background-color: var(--color-primary);
}

.main .news-content .container .news-list .news-item .news-left .news-line {
    width: 2.0313vw;
    height: .0521vw;
    border: .0521vw solid #707070;
    margin-left: 1.8229vw;
    margin-top: .5729vw;
}

.main .news-content .container .news-list .news-item .news-center {
    flex: 1;
    margin-left: 1.1458vw;
    margin-right: 3.3854vw;
    margin-top: .7813vw;
}

.main .news-content .container .news-list .news-item .news-center .news-title {
    font-size: .9375vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
}

.main .news-content .container .news-list .news-item:hover .news-center .news-title {
    color: var(--color-primary);
}

.main .news-content .container .news-list .news-item .news-center .news-desc {
    margin-top: .6771vw;
    font-size: .7292vw;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #666666;
}

.main .news-content .container .news-list .news-item .news-right {
    height: 6.7188vw;
}

.main .news-content .container .news-list .news-item .news-right .news-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.main .news-details-section {
    margin-top: 6.4583vw;
    padding-bottom: 6.875vw;
}

.main .news-details-section .container .news-title {
    padding-bottom: .8333vw;
    border-bottom: 1px dashed #333;
    font-size: 1.4583vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
    text-align: center;
}

.main .news-details-section .container .news-details-body .news-details-head {
    margin-top: .9896vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main .news-details-section .container .news-details-body .news-details-head .head-text {
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    color: #333333;
}

.main .news-details-section .container .news-details-body .news-details-head .head-text + .head-text {
    margin-left: 1.25vw;
}

.main .news-details-section .container .news-details-body .news-details-content {
    margin-top: 2.5vw;
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    color: #333333;
    line-height: 21px;
}

.main .news-details-section .container .news-details-body .news-details-content {
    max-width: 100% !important;
    height: auto !important;
}

.main .news-details-section .container .news-details-body .news-details-foot {
    margin-top: 6.875vw;
    display: flex;
    padding-bottom: .9896vw;
    border-bottom: 1px dashed #333;
}

.main .news-details-section .container .news-details-body .news-details-foot > * {
    flex: 1;
}

.main .news-details-section .container .news-details-body .news-details-foot .news-details-news {
    font-size: .7292vw;
    font-family: MiSans-Normal, MiSans;
    color: #333333;
    line-height: 21px;
}

.main .news-details-section .container .news-details-body .news-details-foot .news-details-news:nth-child(2) {
    text-align: right;
}

.main .news-details-section .container .news-details-body .news-details-foot .news-details-news .news-details-link {
    transition: all .1s;
}

.main .news-details-section .container .news-details-body .news-details-foot .news-details-news:hover .news-details-link {
    color: var(--color-primary);
}

.main .contact-banner {
    height: 16.4583vw;
    background-color: var(--color-primary);
}

.main .contact-mode {
    margin-top: 4.5313vw;
}

.main .contact-mode .container .contact-list {
    display: flex;
    margin-left: -3.9583vw;
}

.main .contact-mode .container .contact-list .contact-item {
    width: calc(25% - 3.9583vw);
    height: 15vw;
    border: 1px solid #ccc;
    background-color: #ededed;
    text-align: center;
    padding: 0 1.6667vw;
    transition: all .1s;
    margin-left: 3.9583vw;
    cursor: pointer;
}

.main .contact-mode .container .contact-list .contact-item:hover {
    border-color: var(--color-primary);
}

.main .contact-mode .container .contact-list .contact-item .contact-icon-wrap {
    margin-top: 2.2917vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(1) .contact-icon-wrap .contact-icon {
    width: 3.0208vw;
    height: 3.0208vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-icon-wrap .contact-icon {
    width: 2.8125vw;
    height: 3.0208vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(3) .contact-icon-wrap .contact-icon {
    width: 3.0208vw;
    height: 3.0208vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(4) .contact-icon-wrap .contact-icon {
    width: 3.2813vw;
    height: 3.1771vw;
}

.main .contact-mode .container .contact-list .contact-item .contact-title {
    margin-top: 1.7188vw;
    font-size: .9375vw;
    font-family: MiSans-Normal, MiSans;
    color: #333333;
}

.main .contact-mode .container .contact-list .contact-item .contact-content {
    margin-top: 1.5625vw;
}

.main .contact-mode .container .contact-list .contact-item .contact-content .content-item {
    font-size: .625vw;
    font-family: MiSans-Regular, MiSans;
    color: #666666;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(1) .contact-content .content-item {
    font-size: .9375vw;
    font-weight: 500;
    color: var(--color-primary);
}

.main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-content .content-item + .content-item {
    margin-top: .4167vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-content .content-item:nth-child(1), .main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-content .content-item:nth-child(2) {
    color: #D90303;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-content .content-item .content-link {
    margin-left: .1563vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(3) .contact-content .content-item + .content-item {
    margin-top: .1042vw;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(4) .contact-content .content-item {
    text-align: left;
}

.main .contact-mode .container .contact-list .contact-item:nth-child(4) .contact-content .content-item + .content-item {
    margin-top: .2604vw;
}

.main .contact-map {
    margin-top: 11.0417vw;
    padding-bottom: 4.375vw;
    width: 100%;
    height: 28.3922vw;
}

.main .contact-map .map-image {
    width: 100%;
    height: 100%;
}

.main .message-banner {
    height: 16.4583vw;
    background-color: var(--color-primary);
}

.main .message-body {
    margin-top: 4.5833vw;
    padding-bottom: 9.2708vw;
}

.main .message-body .container .message-form {
    width: 58.6458vw;
    border: 1px solid #DBDBDB;
    padding: 1.875vw 5.7813vw 2.8125vw;
    margin: 4.5313vw auto 0;
}

.main .message-body .container .message-form .form-row {
    display: flex;
}

.main .message-body .container .message-form .form-row .form-group {
    flex: 1;
}

.main .message-body .container .message-form .form-row .form-group + .form-group {
    margin-left: 5.625vw;
}

.main .message-body .container .message-form .form-row .form-group .form-label {
    display: block;
    font-size: .9375vw;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    color: #333333;
    padding-bottom: 1.0417vw;
}

.main .message-body .container .message-form .form-row .form-group .form-input {
    display: block;
    background-color: #f8f8f8;
    border: none;
    outline: none;
    width: 100%;
    height: 2.8125vw;
    line-height: 2.8125vw;
    font-size: .9375vw;
    padding: .0521vw .5729vw;
}

.main .message-body .container .message-form .form-row .form-group .form-textarea {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    height: 11.9792vw;
    padding: .2604vw .5729vw;
    line-height: 1.5;
    font-size: .9375vw;
    background-color: #f8f8f8;
    resize: none;
}

.main .message-body .container .message-form .form-row + .form-row {
    margin-top: 2.3958vw;
}

.main .message-body .container .message-form .form-foot {
    margin-top: 1.6667vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .message-body .container .message-form .form-foot #form-submit {
    width: 11.875rem;
    height: 2.8646vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    font-size: .8333vw;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    color: #FFFFFF;
}

.footer .footer-aftersale {
    background-color: #F2F2F2;
    padding: 2.2396vw 0 1.9792vw;
}

.footer .footer-aftersale .container .aftersale-list {
    display: flex;
    align-items: center;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item {
    flex-basis: calc(25% - 1.7188vw);
    width: calc(25% - 1.7188vw);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item + .aftersale-item {
    margin-left: 1.7188vw;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-icon {
    width: 5.5208vw;
    height: 5.5208vw;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item:hover .aftersale-icon:not(.is-active) {
    display: none !important;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-icon.is-active {
    display: none;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item:hover .aftersale-icon.is-active {
    display: inline-block;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-info {
    margin-left: .625vw;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-info .aftersale-title {
    font-size: 1.0417vw;
    font-family: MiSans-Medium, MiSans;
    font-weight: 500;
    color: #333333;
}

.footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-info .aftersale-desc {
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    color: #999999;
}

.footer .footer-wrap {
    background-color: var(--color-primary);
    padding: 2.5vw 0;
    color: #fff;
}

.footer .footer-wrap .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer .footer-wrap .container .footer-left {
    display: flex;
}

.footer .footer-wrap .container .footer-left .left-item {
    overflow: hidden;
}

.footer .footer-wrap .container .footer-left .left-item .left-title {
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer .footer-wrap .container .footer-left .left-item .left-title::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .625vw;
    height: .625vw;
    margin-right: .1563vw;
    background-color: #fff;
    border-radius: 50%;
}

.footer .footer-wrap .container .footer-left .left-item + .left-item {
    margin-left: 2.4479vw;
}

.footer .footer-wrap .container .footer-left .left-item .left-list {
    margin-top: 1.4063vw;
}

.footer .footer-wrap .container .footer-left .left-item .left-list .list-item {
    font-size: .7292vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer .footer-wrap .container .footer-left .left-item .left-list .list-item + .list-item {
    margin-top: .1042vw;
}

.footer .footer-wrap .container .footer-left .left-item .left-list .list-item::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .2604vw;
    height: .2604vw;
    border-radius: 50%;
    background-color: #fff;
    margin-right: .3646vw;
}

.footer .footer-wrap .container .footer-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footer-wrap .container .footer-right .right-service .service-phone {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footer-wrap .container .footer-right .right-service .service-phone .service-icon {
    margin-right: .625vw;
    width: 1.6667vw;
    height: 1.5104vw;
}

.footer .footer-wrap .container .footer-right .right-service .service-phone .service-text {
    font-size: 1.25vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.footer .footer-wrap .container .footer-right .right-service .service-btn {
    width: 14.0625vw;
    height: 3.1771vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25vw;
    font-family: MiSans-Semibold, MiSans;
    font-weight: 600;
    color: #FFFFFF;
    border: 1px solid #fff;
    margin-top: 1.5104vw;
}

.footer .footer-wrap .container .footer-right .right-qrcode {
    margin-left: 5.2083vw;
    text-align: center;
}

.footer .footer-wrap .container .footer-right .right-qrcode .qrcode-image {
    width: 5.625vw;
    height: 5.625vw;
}

.footer .footer-wrap .container .footer-right .right-qrcode .qrcode-text1 {
    margin-top: .2604vw;
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.footer .footer-wrap .container .footer-right .right-qrcode .qrcode-text2 {
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

.footer .footer-copyright {
    background-color: #2F2F2F;
    padding: 1.3802vw 0;
}

.footer .footer-copyright .container .copyright {
    text-align: center;
    font-size: .8333vw;
    font-family: MiSans-Regular, MiSans;
    font-weight: 400;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .container {
        padding: 0 15px;
    }

    .header {
        height: 80px;
        position: relative;
        border-bottom: 1px solid #eee;
    }

    .header.is-absolute {
        background-color: #fff;
    }

    .header .container-header {
        height: 80px;
        padding: 0 15px;
    }

    .header .container-header .header-logo-link {
        width: auto;
        height: auto;
        max-height: 50px;
    }

    .header .container-header .header-logo-link .header-logo {
        width: auto;
        height: auto;
        max-height: 50px;
    }

    .header .container-header .header-menu-btn {
        display: inline-block;
    }

    .header .container-header .header-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        height: initial;
        flex-direction: column;
        align-items: flex-start;
        background-color: #fff;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        display: none;
    }

    .header .container-header .header-menu .header-menu-item {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }

    .header.is-absolute .container-header .header-menu .header-menu-item {
        color: #333;
    }

    .header.is-absolute .container-header .header-menu .header-menu-item.is-initial {
        display: none;
    }

    .header.is-absolute .container-header .header-menu .header-menu-item.is-image {
        display: none;
    }

    .header .container-header .header-menu .header-menu-item .header-menu-link {
        display: block;
        line-height: 38px;
        height: 38px;
        padding: 0 30px;
        font-size: 14px;
        width: 100%;
    }

    .header .container-header .header-menu .header-menu-item .header-sub-menu {
        display: block;
        position: initial;
        top: 100%;
        left: -2.2542vw;
        right: -2.2542vw;
        background-color: #fff;
        width: 100%;
        padding: 0;
        z-index: 99;
    }

    .header .container-header .header-menu .header-menu-item .header-sub-menu .header-sub-menu-item + .header-sub-menu-item {
        margin-top: 0;
    }

    .header .container-header .header-menu .header-menu-item .header-sub-menu .header-sub-menu-item .header-sub-menu-link {
        font-size: 14px;
        color: #333;
        padding: 0 45px;
        height: 38px;
        line-height: 38px;
        text-align: left;
    }

    .header .container-header .header-menu .header-menu-item .header-product-menu {
        color: #333;
        background-color: #fff;
        display: block;
        position: initial;
        transform: translateX(0);
        width: 100%;
        padding: 0;
    }

    .header .container-header .header-menu .header-menu-item:hover .header-product-menu {
        display: block;
    }

    .header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item {
        padding: 0;
    }

    .header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-memu-title {
        font-size: 16px;
        padding: 0 45px;
        color: #333;
        height: 38px;
        line-height: 38px;
    }

    .header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product {
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product .header-product-menu-product-item {
        width: auto;
    }

    .header .container-header .header-menu .header-menu-item .header-product-menu .header-product-menu-item .header-product-menu-product .header-product-menu-product-item .header-product-menu-product-link {
        height: 38px;
        line-height: 38px;
        padding: 0 60px;
        display: block;
        width: 100%;
        font-size: 14px;
    }

    .module-header {
        padding-bottom: 40px;
    }

    .module-header .module-title {
        font-size: 20px;
    }

    .module-header .module-desc {
        font-size: 14px;
    }

    .main .index-swiper {
        margin-top: 80px;
    }

    .main .index-recommended-product {
        padding: 30px 0;
    }

    .main .index-recommended-product .container .recommended-product-wrap {
        margin-top: 20px;
        flex-direction: column-reverse;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left {
        margin-left: 0;
        margin-top: 0;
        flex-wrap: wrap;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item {
        width: 100%;
        flex: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-image {
        margin-top: 30px;
        width: 50%;
        height: auto;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-desc1 {
        margin-top: 30px;
        font-size: 14px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-desc2 {
        font-size: 16px;
        margin-top: 5px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap {
        margin-top: 5px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap .recommended-product-title {
        font-size: 18px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap {
        padding-bottom: 30px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-title-wrap .recommended-product-icon {
        margin-left: 5px;
        width: 20px;
        height: 20px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-mask {
        background-size: 100% 100% !important;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-mask .recommended-product-name {
        font-size: 20px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-left .recommended-product-item .recommended-product-mask .recommended-product-icon {
        margin-left: 5px;
        width: 20px;
        height: 20px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right {
        margin-left: 0;
        width: 100%;
        flex: 0 0 100%;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-image {
        margin-top: 30px;
        width: 60%;
        height: auto;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-bar {
        height: 25px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-desc1 {
        margin-top: 30px;
        font-size: 14px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-desc2 {
        margin-top: 10px;
        font-size: 16px;
        padding-bottom: 90px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer {
        justify-content: center;
        height: 60px;
        font-size: 16px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer .recommended-product-btn {
        margin-left: 0;
        font-size: 18px;
        width: auto;
        height: auto;
        padding: 5px 20px;
    }

    .main .index-recommended-product .container .recommended-product-wrap .recommended-product-right .recommended-product-item .recommended-product-footer .recommended-product-icon {
        width: 20px;
        height: 20px;
    }

    .main .index-product-range .container .product-range-list {
        flex-direction: column;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-default {
        width: 100%;
        height: 100%;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-header {
        height: 105px;
        font-size: 16px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-product {
        padding: 14px 0;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-product .product-range-product-item {
        margin: 0 9px;
        padding: 12px 0 8px;
        font-size: 14px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-default .product-range-footer {
        height: 15px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active {
        width: 100%;
        height: 100%;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-header {
        height: 140px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-header .product-range-icon {
        width: 40px;
        height: 40px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-header .product-range-class {
        font-size: 20px;
        margin-top: 10px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body {
        flex-direction: column;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product {
        width: 100%;
        flex-basis: 100%;
        border-bottom: 1px solid #EBEAEA;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-header {
        padding: 13px 18px 0;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-header .product-range-product-desc1 {
        font-size: 18px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-header .product-range-product-desc2 {
        font-size: 18px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-image {
        margin-top: 50px;
        max-width: 50%;
        height: auto;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-footer {
        height: 15px;
    }

    .main .index-product-range .container .product-range-list .product-range-item .product-range-active .product-range-body .product-range-product .product-range-product-title {
        margin-top: 50px;
        font-size: 25px;
        padding-bottom: 50px;
    }

    .main .index-about .about-section {
        margin-top: 48px;
        flex-direction: column;
    }

    .main .index-about .about-section .about-section-left {
        flex: 0 0 100%;
        width: 100%;
    }

    .main .index-about .about-section .about-section-left .about-section-bar {
        height: 15px;
    }

    .main .index-about .about-section .about-section-left .about-section-content {
        padding: 15px;
        font-size: 16px;
    }

    .main .index-about .about-section .about-section-left .about-section-content .about-section-more {
        font-size: 20px;
    }

    .main .index-about .about-section .about-section-right {
        flex: 0 0 100%;
        width: 100%;
    }

    .main .index-project-examples .container .project-examples-list {
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .main .index-project-examples .project-examples-list .project-examples-item {
        flex-basis: 100%;
        width: 100%;
        padding: 100px 0;
        margin-top: 20px;
        background-size: cover !important;
    }

    .main .index-project-examples .project-examples-list .project-examples-item .project-examples-icon {
        width: 95px;
        height: 97px;
    }

    .main .index-project-examples .project-examples-list .project-examples-item .project-examples-name {
        margin-top: 68px;
        font-size: 16px;
    }

    .main .index-project-examples .project-examples-list .project-examples-item .project-examples-bar {
        width: 173px;
        margin-top: 7px;
        height: 1px;
    }

    .main .index-project-examples .project-examples-list .project-examples-item .project-examples-link {
        margin-top: 15px;
        width: 30px;
        height: 30px;
    }

    .main .index-news .container .news-wrap {
        padding-top: 50px;
        flex-wrap: wrap;
    }

    .main .index-news .container .news-wrap .news-block {
        width: 100%;
        flex-basis: 100%;
        margin-bottom: 10px;
    }

    .main .index-news .container .news-wrap .news-block .news-header {
        height: 93px;
        padding: 0 57px 0 42px;
    }

    .main .index-news .container .news-wrap .news-block .news-header .news-title {
        font-size: 16px;
    }

    .main .index-news .container .news-wrap .news-block .news-header .news-icon {
        width: 22px;
        height: 22px;
    }

    .main .index-news .container .news-wrap .news-block .news-body {
        padding: 30px 42px 40px;
    }

    .main .index-news .container .news-wrap .news-block .news-body .news-list .news-item {
        font-size: 14px;
    }

    .main .index-news .container .news-wrap .news-block .news-body .news-list .news-item + .news-item {
        margin-top: 30px;
    }

    .main .about-about .about-wrap {
        margin-top: 48px;
        flex-wrap: wrap;
    }

    .main .about-about .about-wrap .about-left {
        flex: 0 0 100%;
        width: 100%;
    }

    .main .about-about .about-wrap .about-left .about-bar {
        height: 15px;
    }

    .main .about-about .about-wrap .about-left .about-content {
        padding: 50px 33px 33px;
        font-size: 16px;
    }

    .main .about-about .about-wrap .about-right {
        flex: 0 0 100%;
        width: 100%;
    }

    .main .about-video .container .swiper-video {
        margin-top: 50px;
        height: 300px;
    }

    .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list {
        margin-top: 99px;
        flex-wrap: wrap;
    }

    .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item {
        flex-basis: 50%;
        width: 50%;
        margin-top: 99px;
    }

    .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item:first-child, .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item:nth-child(2) {
        margin-top: 0;
    }

    .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-icon {
        height: 72px;
    }

    .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-title {
        margin-top: 32px;
        font-size: 22px;
    }

    .main .about-corporate-culture .container .corporate-culture-wrap .corporate-culture-list .corporate-culture-item .corporate-culture-desc {
        margin-top: 70px;
        font-size: 14px;
        width: 90%;
    }

    .main .about-history .history-wrap .history-timeline {
        background-size: cover !important;
    }

    .main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-content {
        font-size: 14px;
    }

    .main .about-history .history-wrap .history-timeline .history-timeline-item {
        width: 25%;
    }

    .main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-year {
        margin-top: 49px;
        font-size: 24px;
    }

    .main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-round {
        width: 9px;
        height: 9px;
        margin-top: 6px;
    }

    .main .about-history .history-wrap .history-timeline .history-timeline-item .history-timeline-line {
        width: 1px;
        height: 64px;
    }

    .main .about-history .history-wrap .history-timeline .history-timeline-bottom .history-timeline-round {
        margin-top: -4.5px;
    }

    .main .product-details-honor .container .honor-content {
        margin-top: 51px;
    }

    .main .product-star-products .container .star-products-wrap .swiper-star-products {
        height: auto;
    }

    .main .product-star-products .container {
        padding: 0 15%;
    }

    .main .product-star-products .container .star-products-wrap .swiper-star-products .swiper-wrapper .swiper-slide {
        border-top: 3px solid var(--color-primary);
    }

    .main .product-star-products .container .star-products-wrap .swiper-star-products .swiper-wrapper .swiper-slide .swiper-slide-title {
        margin-top: 2.6563vw;
        font-size: 20px;
        padding-bottom: 2.1875vw;
    }

    .main .product-star-products .container .star-products-wrap .swiper-button-prev {
        width: 34px;
        height: 34px;
    }

    .main .product-star-products .container .star-products-wrap .swiper-button-next {
        width: 34px;
        height: 34px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module {
        margin-top: 26px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-header {
        border-radius: 6px;
        padding-top: 6px;
        padding-bottom: 16px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-header .product-range-title {
        padding-left: 29px;
        padding-right: 21px;
        font-size: 28px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-header .product-range-text {
        margin-left: 46px;
        font-size: 14px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body {
        margin-left: -28px;
        margin-top: -18px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product {
        display: block;
        width: calc(50% - 28px);
        margin-left: 28px;
        margin-top: 18px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap {
        padding-bottom: 4px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-image {
        margin-top: 39px;
        width: 60%;
        height: auto;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-name {
        margin-top: 15px;
        font-size: 14px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-btn {
        margin-top: 17px;
        height: 46px;
        font-size: 18px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-mask {
        padding: 0 42px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-mask .product-range-title {
        font-size: 20px;
    }

    .main .product-product-range .container .product-range-wrap .product-range-module .product-range-body .product-range-product .product-range-image-wrap .product-range-mask .product-range-icon {
        width: 29px;
        height: 29px;
    }

    .main .product-details-basis .container {
        flex-wrap: wrap;
    }

    .main .product-details-basis .container .product-basis-left {
        width: 100%;
        flex: 0 0 100%;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-header {
        padding-bottom: 8px;
        border-bottom: 2px solid var(--color-primary);
        margin-right: 71px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-header .product-basis-name {
        font-size: 32px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-header .product-basis-desc {
        font-size: 14px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-tabs {
        margin-left: -7px;
        margin-right: 71px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab {
        margin-top: 25px;
        margin-left: 7px;
        width: calc(50% - 7px);
        padding: 5px 0;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-left {
        padding: 0 19px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-left .tab-title {
        font-size: 16px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-left .tab-desc {
        font-size: 16px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-tabs .product-basis-tab .tab-right {
        padding: 6px 18px 7px 13px;
        border-left: 1px solid #bfbfbf;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-description {
        font-size: 16px;
        margin-top: 35px;
    }

    .main .product-details-basis .container .product-basis-left .product-basis-btn {
        margin-top: 52px;
        width: 150px;
        height: 46px;
        font-size: 18px;
    }

    .main .product-details-basis .container .product-basis-right {
        margin: 50px 0 0;
        width: 100%;
        text-align: center;
    }

    .main .product-details-basis .container .product-basis-right .product-basis-image {
        width: 50%;
        height: auto;
    }

    .main .product-details-tabs .container .product-details-tabs-wrap .product-details-tab + .product-details-tab {
        margin-left: 10px;
    }

    .main .product-details-tabs .container .product-details-tabs-wrap .product-details-tab .product-details-link {
        padding: 6px 9px;
        font-size: 12px;
    }

    .main .product-details-params .container .params-content .params-table .params-th {
        font-size: 18px;
    }

    .main .product-details-params .container .params-content .params-table .params-cell {
        padding: 17px 0;
        font-size: 16px;
    }

    .main .product-details-factory .container .factory-content .factory-item .factory-title {
        padding: 7.5px 0;
        font-size: 18px;
    }

    .main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-order_id {
        font-size: 38px;
    }

    .main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-name {
        font-size: 20px;
    }

    .main .product-details-honor .container .honor-content .swiper-honor .swiper-wrapper .swiper-slide .honor-description {
        font-size: 20px;
    }

    .main .product-details-faq .faq-header {
        font-size: 50px;
    }

    .main .product-details-faq .faq-content .faq-list .faq-item {
        margin-top: 35px;
        padding-bottom: 89px;
    }

    .main .product-details-faq .faq-content .faq-list .faq-item .faq-title {
        font-size: 22px;
    }

    .main .product-details-faq .faq-content .faq-list .faq-item .faq-content {
        margin-top: 38px;
        font-size: 22px;
    }

    .main .product-details-product .container .product-content {
        margin-left: -56px;
        margin-top: -36px;
        flex-wrap: wrap;
    }

    .main .product-details-product .container .product-content .product-range-product {
        width: calc(50% - 56px);
        margin-left: 56px;
        margin-top: 36px;
    }

    .main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-image {
        margin-top: 39px;
        width: 50%;
        height: auto;
    }

    .main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-name {
        margin-top: 15px;
        font-size: 14px;
    }

    .main .product-details-product .container .product-content .product-range-product .product-range-btn {
        margin-top: 17px;
        height: 46px;
        font-size: 18px;
    }

    .main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-mask {
        padding: 0 42px;
    }

    .main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-mask .product-range-title {
        font-size: 20px;
    }

    .main .product-details-product .container .product-content .product-range-product .product-range-image-wrap .product-range-mask .product-range-icon {
        width: 29px;
        height: 29px;
    }

    .main .engineering-list .container .case-module .case-list {
        margin-top: 0;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .main .engineering-list .container .case-module .case-list .case-item {
        width: 100%;
        height: 300px;
        margin-top: 30px;
        margin-left: 0;
    }

    .main .engineering-list .container .case-module .case-list .case-item .case-bottom .case-title {
        padding-top: 28px;
        font-size: 18px;
    }

    .main .engineering-list .container .case-module .case-list .case-item .case-bottom .case-desc {
        font-size: 14px;
        padding: 20px 0;
    }

    .main .engineering-list .container .case-module .case-list .case-item .case-mask .case-title {
        font-size: 18px;
    }

    .main .engineering-list .container .case-module .case-list .case-item .case-mask .case-desc {
        font-size: 14px;
        margin-top: 16px;
    }

    .main .engineering-body .container {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding-bottom: 50px;
    }

    .main .engineering-body .container .body-content {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 30px;
    }

    .main .engineering-body .container .body-content p {
        font-size: 14px;
    }

    .main .engineering-body .container .body-right {
        margin-left: 0;
        width: 100%;
    }

    .main .engineering-body .container .body-right > .case-title {
        font-size: 20px;
    }

    .main .engineering-body .container .body-right .case-intr {
        margin-top: 4px;
        font-size: 16px;
    }

    .main .engineering-body .container .body-right > .case-desc {
        margin-top: 30px;
        font-size: 14px;
        padding-bottom: 63px;
    }

    .main .engineering-body .container .body-right .list-title {
        font-size: 20px;
        margin-top: 21px;
    }

    .main .engineering-body .container .body-right .case-list {
        margin-left: -12px;
    }

    .main .engineering-body .container .body-right .case-list .case-item {
        width: calc(50% - 12px);
        margin-top: 30px;
        margin-left: 12px;
    }

    .main .engineering-body .container .body-right .case-list .case-item .case-image {
        height: 120px;
    }

    .main .engineering-body .container .body-right .case-list .case-item .case-title {
        font-size: 18px;
        margin-top: 21px;
    }

    .main .engineering-body .container .body-right .case-list .case-item .case-desc {
        margin-top: 11px;
        font-size: 14px;
    }

    .main .news-type .container .type-item {
        padding: 0 5px;
    }

    .main .news-type .container .type-item .type-link {
        padding: 16px 7px;
        border-bottom: 2px solid transparent;
        font-size: 12px;
    }

    .main .news-type .container .type-item::after {
        height: 14px;
        top: 15px;
    }

    .main .news-content .container .news-list .news-item {
        padding-bottom: 27px;
        flex-wrap: wrap;
    }

    .main .news-content .container .news-list .news-item .news-left {
        margin-top: 22px;
    }

    .main .news-content .container .news-list .news-item .news-left .news-left-wrap .news-date {
        font-size: 24px;
    }

    .main .news-content .container .news-list .news-item .news-left .news-left-wrap .news-right-icon {
        width: 19px;
        height: 19px;
        margin-top: 38px;
    }

    .main .news-content .container .news-list .news-item .news-left .news-line {
        width: 39px;
        height: 1px;
        border: 1px solid #707070;
        margin-left: 35px;
        margin-top: 11px;
    }

    .main .news-content .container .news-list .news-item .news-center {
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
        width: 100%;
        flex: 0 0 100%;
    }

    .main .news-content .container .news-list .news-item .news-center .news-title {
        font-size: 18px;
    }

    .main .news-content .container .news-list .news-item .news-center .news-desc {
        margin-top: 13px;
        font-size: 14px;
    }

    .main .news-content .container .news-list .news-item .news-right {
        height: 129px;
        margin-top: 15px;
    }

    .main .news-details-section .container .news-title {
        padding-bottom: 16px;
        font-size: 28px;
    }

    .main .news-details-section .container .news-details-body .news-details-head {
        margin-top: 19px;
    }

    .main .news-details-section .container .news-details-body .news-details-head .head-text {
        font-size: 14px;
    }

    .main .news-details-section .container .news-details-body .news-details-head .head-text + .head-text {
        margin-left: 24px;
    }

    .main .news-details-section .container .news-details-body .news-details-content {
        margin-top: 48px;
        font-size: 14px;
    }

    .main .news-details-section .container .news-details-body .news-details-foot {
        margin-top: 132px;
        padding-bottom: 19px;
    }

    .main .news-details-section .container .news-details-body .news-details-foot .news-details-news {
        font-size: 14px;
    }

    .main .contact-mode .container .contact-list {
        margin-top: -30px;
        margin-left: -30px;
        flex-wrap: wrap;
    }

    .main .contact-mode .container .contact-list .contact-item {
        width: calc(50% - 30px);
        margin-top: 30px;
        height: 288px;
        padding: 0 32px;
        margin-left: 30px;
    }

    .main .contact-mode .container .contact-list .contact-item .contact-icon-wrap {
        margin-top: 44px;
    }

    .main .contact-mode .container .contact-list .contact-item .contact-title {
        margin-top: 33px;
        font-size: 18px;
    }

    .main .contact-mode .container .contact-list .contact-item .contact-content {
        margin-top: 30px;
    }

    .main .contact-mode .container .contact-list .contact-item:nth-child(1) .contact-content .content-item {
        font-size: 18px;
    }

    .main .contact-mode .container .contact-list .contact-item:nth-child(1) .contact-icon-wrap .contact-icon {
        width: 58px;
        height: 58px;
    }

    .main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-icon-wrap .contact-icon {
        width: 54px;
        height: 58px;
    }

    .main .contact-mode .container .contact-list .contact-item .contact-content .content-item {
        font-size: 12px;
    }

    .main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-content .content-item .content-link {
        margin-left: 3px;
    }

    .main .contact-mode .container .contact-list .contact-item:nth-child(2) .contact-content .content-item + .content-item {
        margin-top: 8px;
    }

    .main .message-body .container .message-form {
        width: 98%;
        padding: 27px 55px;
        margin: 48px auto 0;
    }

    .main .message-body .container .message-form .form-row {
        flex-wrap: wrap;
    }

    .main .message-body .container .message-form .form-row + .form-row {
        margin-top: 46px;
    }

    .main .message-body .container .message-form .form-row .form-group {
        width: 100%;
        flex: 0 0 100%;
    }

    .main .message-body .container .message-form .form-row .form-group + .form-group {
        margin-left: 0;
        margin-top: 46px;
    }

    .main .message-body .container .message-form .form-row .form-group .form-label {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .main .message-body .container .message-form .form-row .form-group .form-input {
        height: 54px;
        line-height: 54px;
        font-size: 18px;
        padding: 1px 10px;
    }

    .main .message-body .container .message-form .form-row .form-group .form-textarea {
        height: 230px;
        padding: 5px 11px;
        font-size: 18px;
    }

    .main .message-body .container .message-form .form-foot {
        margin-top: 32px;
    }

    .main .message-body .container .message-form .form-foot #form-submit {
        height: 55px;
        font-size: 16px;
    }

    .footer .footer-aftersale .container .aftersale-list {
        flex-wrap: wrap;
        margin-top: 0;
        margin-left: 0;
        padding: 33px 0;
    }

    .footer .footer-aftersale .container .aftersale-list .aftersale-item {
        flex-basis: 100%;
        width: 100%;
        margin-left: 0;
        margin-top: 33px;
    }

    .footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-icon {
        width: 106px;
        height: 106px;
    }

    .footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-info {
        margin-left: 12px;
    }

    .footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-info .aftersale-title {
        font-size: 20px;
    }

    .footer .footer-aftersale .container .aftersale-list .aftersale-item .aftersale-info .aftersale-desc {
        font-size: 14px;
    }

    .footer .footer-wrap .container {
        flex-wrap: wrap;
    }

    .footer .footer-wrap .container .footer-left {
        flex-wrap: wrap;
        margin-left: -47px;
        margin-top: -47px;
    }

    .footer .footer-wrap .container .footer-left .left-title {
        font-size: 16px;
        white-space: nowrap;
    }

    .footer .footer-wrap .container .footer-left .left-title::before {
        width: 12px;
        height: 12px;
        margin-right: 3px;
    }

    .footer .footer-wrap .container .footer-left .left-item {
        margin-left: 47px !important;
        margin-top: 47px;
    }

    .footer .footer-wrap .container .footer-left .left-item .left-list {
        margin-top: 27px;
    }

    .footer .footer-wrap .container .footer-left .left-item .left-list .list-item {
        font-size: 14px;
        white-space: nowrap;
    }

    .footer .footer-wrap .container .footer-left .left-item .left-list .list-item + .list-item {
        margin-top: 2px;
    }

    .footer .footer-wrap .container .footer-left .left-item .left-list .list-item::before {
        width: 5px;
        height: 5px;
        margin-right: 7px;
    }

    .footer .footer-wrap .container .footer-right {
        margin-top: 42px;
    }

    .footer .footer-wrap .container .footer-right .right-service .service-phone .service-icon {
        width: 32px;
        height: 29px;
        margin-right: 12px;
    }

    .footer .footer-wrap .container .footer-right .right-service .service-phone .service-text {
        font-size: 24px;
    }

    .footer .footer-wrap .container .footer-right .right-service .service-btn {
        margin-top: 29px;
        width: 270px;
        height: 61px;
        font-size: 24px;
    }

    .footer .footer-wrap .container .footer-right {
        width: 100%;
        flex-wrap: wrap;
    }

    .footer .footer-wrap .container .footer-right .right-qrcode {
        margin-left: 0;
        margin-top: 30px;
        width: 100%;
    }

    .footer .footer-wrap .container .footer-right .right-qrcode .qrcode-image {
        width: 108px;
        height: 108px;
    }

    .footer .footer-wrap .container .footer-right .right-qrcode .qrcode-text1 {
        margin-top: 5px;
        font-size: 16px;
    }

    .footer .footer-wrap .container .footer-right .right-qrcode .qrcode-text2 {
        font-size: 16px;
    }

    .footer .footer-copyright {
        padding: 26.5px 0;
    }

    .footer .footer-copyright .container .copyright {
        font-size: 16px;
    }
}