@charset "utf-8";

:root {
    --shen-color: #333;
    --qian-color: #666;
    --main-color: #004262;
    --hover-color: #007735;
    --Montserrat-Regular: Montserrat-Regular;
    --Montserrat-Bold: Montserrat-Bold;
    --Montserrat-Black: Montserrat-Black;
    --Roboto-Bold: Roboto-Bold;
    --Poppins-Bold: Poppins-Bold
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    box-sizing: content-box
}

div,
p,
span,
i,
em {
    white-space: inherit !important
}

ul {
    list-style: none
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
    margin: 0;
    padding: 0
}

html {
    font-size: 1px !important
}

html,
body {
    position: relative
}

@media (max-width:1730px) {
    html {
        font-size: .901042px !important
    }
}

@media (max-width:1600px) {
    html {
        font-size: .824479px !important
    }
}

@media (max-width:1530px) {
    html {
        font-size: .792708px !important
    }
}

@media (max-width:1440px) {
    html {
        font-size: .741146px !important
    }
}

@media (max-width:1366px) {
    html {
        font-size: .702604px !important
    }
}

@media (max-width:1360px) {
    html {
        font-size: .699479px !important
    }
}

@media (max-width:1280px) {
    html {
        font-size: .657813px !important
    }
}

@media (max-width:1200px) {
    html {
        font-size: .510938px !important
    }
}

body {
    font-family: var(--Montserrat-Regular), 'Microsoft Yahei', '微软雅黑', '思源黑体 CN-Medium', '思源黑体 CN', 'Microsoft YaHei New', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'Helvetica', sans-serif;
    font-size: 16rem;
    color: var(--qian-color);
    line-height: 1.1;
    width: 100%;
    background: #fff;
    font-weight: normal;
    margin: 0 auto !important;
    word-break: break-word;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

@-moz-document url-prefix() {

    html,
    body {
        scroll-behavior: auto !important
    }
}

a:link,
a:visited {
    text-decoration: none;
    outline: none;
    color: var(--qian-color)
}

a:hover,
a:active,
a:focus {
    color: var(--qian-color);
    text-decoration: none
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

table {
    border-collapse: collapse;
    width: 100%
}

table td {
    font-size: 16rem;
    line-height: 32rem;
    padding: 9rem 15rem;
    color: #212121;
    border: 1px solid #d3d7db
}

input,
textarea,
select {
    font-size: 16rem;
    outline: 0;
    overflow: hidden;
    font-family: var(--Montserrat-Regular), 'Microsoft Yahei', '微软雅黑', '思源黑体 CN-Medium', '思源黑体 CN', 'Microsoft YaHei New', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'Helvetica', sans-serif
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
    cursor: pointer;
    outline: 0
}

input[type='checkbox'],
input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
    padding: 0;
    color: var(--qian-color);
    outline: 0
}

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

input,
select,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0
}

::-webkit-input-placeholder {
    color: #888
}

:-moz-placeholder {
    color: #888;
    opacity: 1
}

::-moz-placeholder {
    color: #888;
    opacity: 1
}

:-ms-input-placeholder {
    color: #888
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    clear: both;
    height: 0;
    content: '';
    line-height: 0;
    font-size: 0;
    display: block
}

.pic {
    width: 100%;
    overflow: hidden;
    position: relative
}

.pic img {
    transition: .5s
}

.pic:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    object-fit: cover
}

.ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.ellipsis4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4
}

.ellipsis5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5
}

.ellipsis6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6
}

.ellipsis7 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        transform: translate3d(-70px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft2 {
    animation-name: fadeInLeft2
}

@keyframes fadeInLeft3 {
    0% {
        opacity: 0;
        transform: translate3d(-10px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft3 {
    animation-name: fadeInLeft3
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        transform: translate3d(70px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight2 {
    animation-name: fadeInRight2
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 70px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp2 {
    animation-name: fadeInUp2
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        transform: translate3d(0, -70px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown2 {
    animation-name: fadeInDown2
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.scale {
    animation-name: scale
}

@keyframes ants {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../font/Montserrat-Regular.woff2') format('woff2'), url('../font/Montserrat-Regular.woff') format('woff'), url('../font/Montserrat-Regular.ttf') format('truetype'), url('../font/Montserrat-Regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../font/Poppins-Bold.woff2') format('woff2'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('../font/Poppins-Bold.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto-Bold;
    src: url('../font/Roboto-Bold.woff2') format('woff2'), url('../font/Roboto-Bold.woff') format('woff'), url('../font/Roboto-Bold.ttf') format('truetype'), url('../font/Roboto-Bold.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Black;
    src: url('../font/Montserrat-Black.otf');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../font/Montserrat-Bold.ttf');
    font-style: normal;
    font-display: swap
}

.prompt {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/ie_sosad.webp) no-repeat center 35% #fff;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 999;
    filter: alpha(opacity=80);
    opacity: 80
}

.prompt span {
    position: absolute;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    top: 55%;
    left: 50%;
    margin-left: -152px;
    width: 304px;
    display: block;
    line-height: 24px;
    color: var(--qian-color)
}

.prompt span a {
    text-decoration: underline
}

.prompt .prompt_close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    background: url(../images/closed.webp) no-repeat center center;
    cursor: pointer
}

.sitemap {
    background: #fff
}

.sitemap .home-title {
    margin-bottom: 35rem
}

.sitemap .sitemap-bottom {
    font-size: 18rem;
    line-height: 30rem;
    color: #333
}

.sitemap .sitemap-bottom li {
    border-bottom: 1px dashed #e0e0e0;
    padding-bottom: 20rem;
    margin-bottom: 20rem
}

.sitemap .sitemap-bottom li .top1 {
    font-size: 22rem;
    color: #333;
    display: block;
    font-family: var(--Montserrat-Bold)
}

.sitemap .sitemap-bottom li .top1 span {
    display: block;
    line-height: 40rem
}

.sitemap .sitemap-bottom li .top1 .txt-2 {
    display: none
}

.sitemap .sitemap-bottom li .top1:hover {
    color: var(--main-color);
    text-decoration: underline
}

.sitemap .sitemap-bottom li .subnav {
    margin-top: 15rem
}

.sitemap .sitemap-bottom li .subnav a {
    font-size: 16rem;
    color: var(--qian-color);
    margin-right: 20rem;
    padding: 5rem 0;
    display: block;
    float: left
}

.sitemap .sitemap-bottom li .subnav a:hover {
    color: var(--main-color);
    text-decoration: underline
}

.sitemap .p {
    color: var(--shen-color)
}

.sitemap .p p {
    margin-bottom: 15rem
}

.fix {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    transition: .5s;
    left: 0
}

.transparent {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.6);
    top: 0;
    left: 0;
    z-index: 888;
    backdrop-filter: blur(5px)
}

.transparent.active {
    display: block
}

.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1600rem
}

.height {
    height: 1px;
    position: absolute;
    top: -120rem;
    left: 0;
    width: 100%
}

.height1 {
    height: 120rem
}

.header {
    height: 120rem;
    width: 100%;
    transition: .5s;
    position: relative;
    z-index: 2;
    box-shadow: 2rem 3rem 7rem 0 rgba(0, 0, 0, 0.05);
    background-color: #fff
}

.header .logo {
    float: left;
    transition: .5s;
    position: absolute;
    top: 50%;
    left: 125rem;
    transform: translateY(-50%)
}

.header .logo a {
    display: block;
    position: relative;
    transition: .5s
}

.header .logo a img {
    display: inline-block;
    vertical-align: top;
    width: 130rem;
    z-index: 5;
    position: relative;
    transition: .5s
}

.header .logo a .lg2 {
    display: none
}

.header .header-right {
    float: right;
    position: relative
}

.header .header-right .menu {
    float: right;
    position: relative;
    width: 36px;
    height: 36px;
    margin-top: 12px;
    display: none
}

.header .header-right .menu .navPhoneBtn {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    float: left;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
    text-align: right
}

.header .header-right .menu .navPhoneBtn span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #666;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 20px;
    transform-origin: 20px;
    -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}

.header .header-right .menu .navPhoneBtn span:nth-last-child(2) {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: width .5s ease;
    transition: width .5s ease
}

.header .header-right .menu .navPhoneBtn span:last-child {
    margin-bottom: 0
}

.header .header-right .tr {
    padding-top: 10rem
}

.header .header-right .search-main {
    z-index: 777;
    position: relative;
    width: 265rem;
    background-color: #e5e5e5;
    float: right;
    border-radius: 30rem
}

.header .header-right .search-main .form-control {
    text-align: left;
    border: 0;
    width: 100%;
    font-size: 16rem;
    color: #999;
    height: 40rem;
    vertical-align: top;
    padding: 0 60rem 0 30rem;
    -webkit-appearance: none;
    background: none
}

.header .header-right .search-main .btn {
    top: 0;
    border: 0;
    right: 0;
    color: #fff;
    width: 40rem;
    height: 40rem;
    line-height: 40rem;
    position: absolute;
    border-radius: 50%;
    background: var(--main-color) url(../images/search.webp) no-repeat center center;
    background-size: 16rem !important
}

.header .header-right .lan {
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 111;
    transition: .5s;
    background: url(../images/line.webp) no-repeat center left;
    background-size: 1px;
    padding-left: 20rem;
    margin-left: 20rem
}

.header .header-right .lan p {
    font-size: 18rem;
    line-height: 40rem;
    color: #333;
    height: 40rem;
    display: flex;
    flex-wrap: wrap;
    font-weight: lighter;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 18rem;
    background: url(../images/arrow.webp) no-repeat center right;
    background-size: 7rem
}

.header .header-right .lan p img {
    width: 20rem;
    height: 20rem;
    margin-right: 4rem;
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
    border-radius: 50%
}

.header .header-right .lan p .la1 {
    display: none
}

.header .header-right .lan span {
    display: block;
    height: 50rem;
    transition: .7s;
    padding: 0 20rem 0 0;
    font-size: 16rem;
    line-height: 50rem;
    color: #353535;
    display: inline-block;
    vertical-align: middle
}

.header .header-right .lan ul {
    position: absolute;
    top: 100%;
    width: 150rem;
    background: #fff;
    color: #353535;
    display: none;
    z-index: -1;
    border-radius: 5rem;
    padding: 10rem 0;
    left: 50%;
    margin-left: -60rem;
    text-align: center;
    box-shadow: 0 0 10rem rgba(0, 0, 0, 0.2)
}

.header .header-right .lan ul::after {
    content: "";
    border: 8rem solid transparent;
    border-bottom-color: #fff;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: -16rem;
    left: 0;
    right: 0
}

.header .header-right .lan ul li a {
    display: block;
    color: #666;
    text-align: center;
    font-size: 16rem;
    line-height: 40rem
}

.header .header-right .lan ul li a img {
    width: 25rem;
    height: 25rem;
    margin-right: 5rem;
    margin-top: -3rem;
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
    border-radius: 50%
}

@media (min-width:1025px) {
    .header .header-right .lan ul li a:hover {
        background: #eee
    }
}

.headerfix {
    box-shadow: -6rem 0 59rem 0 rgba(51, 51, 51, 0.08)
}

.nav {
    transition: .2s
}

.nav ul {
    z-index: 1
}

.nav ul li {
    float: left;
    margin-left: 63rem;
    position: relative
}

.nav ul li a {
    font-size: 18rem;
    font-weight: bold;
    color: #333;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.nav ul li a>span {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.nav ul li a .txt-1 {
    display: block;
    line-height: 70rem
}

.nav ul li a .txt-2 {
    display: none;
    transform: translateY(100%)
}

.nav ul li .subnav {
    width: 286rem;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -143rem;
    display: none;
    z-index: 333;
    text-align: left
}

.nav ul li .subnav ul {
    margin: 0;
    padding: 12rem;
    background: #fff;
    box-shadow: -6rem 0 59rem 0 rgba(51, 51, 51, 0.08)
}

.nav ul li .subnav ul li {
    width: auto;
    padding: 0;
    float: none;
    margin: 0
}

.nav ul li .subnav ul li a {
    font-size: 16rem;
    line-height: 28rem;
    color: #333 !important;
    height: auto;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
    padding: 10rem 16rem;
    border-radius: 4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-weight: normal !important;
    display: block
}

.nav ul li .subnav ul li a:after {
    display: none
}

.nav ul li .subnav ul li a:before {
    display: none
}

@media (min-width:1025px) {
    .nav ul li .subnav ul li:hover>a {
        color: #fff !important;
        background: var(--main-color)
    }
}

.nav ul li:hover a span {
    color: var(--hover-color)
}

.nav ul li:hover a i {
    background: url(../images/xia1.webp) no-repeat left center;
    background-size: 100%
}

.nav ul li:nth-child(1) {
    margin-left: 0
}

.nav ul .active a span {
    color: var(--hover-color)
}

.nav ul .active a i {
    background: url(../images/xia1.webp) no-repeat left center;
    background-size: 100%
}

#menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    background: #fff;
    z-index: 9999;
    height: 100%;
    transition: .5s;
    overflow: auto;
    padding: 62px 8px
}

#menu .lan {
    text-align: center;
    padding: 15px 0
}

#menu .lan a {
    color: #666;
    font-size: 16px;
    margin: 0 5px 10px 5px
}

#menu .btn {
    text-align: center
}

#menu .hide {
    display: none
}

#menu .search {
    z-index: 777;
    width: 100%;
    margin-top: 20px;
    position: relative;
    margin-bottom: 20px
}

#menu .search .form-control {
    text-align: left;
    border: 0;
    width: 100%;
    font-size: 14px;
    color: #999;
    height: 42px;
    vertical-align: top;
    padding: 0 40px 0 20px;
    border-radius: 2px;
    border: solid 1px #d1d1d1;
    background: none
}

#menu .search .btn {
    top: 0;
    border: 0;
    right: 0;
    color: #fff;
    width: 42px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    background: var(--main-color) url(../images/search.webp) no-repeat center center;
    background-size: 15px !important
}

#menu ul .subnav {
    display: none;
    text-transform: inherit
}

#menu ul .subnav a {
    text-transform: inherit
}

#menu ul ul {
    padding: 0;
    margin: 0 -5px;
    padding-left: 10px
}

#menu ul ul li {
    width: 100%;
    float: left;
    border: 0
}

#menu ul ul li i {
    right: 5px
}

#menu ul ul li a {
    padding: 9px 48px 9px 0;
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
    color: #666
}

#menu ul ul li ul {
    display: none
}

#menu ul ul li ul a {
    padding-left: 15px
}

#menu ul ul li ul a:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 0;
    background: #999
}

#menu ul {
    overflow: hidden;
    padding: 0 0 0 10px
}

#menu ul li {
    position: relative;
    border-bottom: 1px solid #f1f1f1
}

#menu ul li i {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    text-align: center;
    background: url(../images/jt.webp) no-repeat center center;
    background-size: 13px
}

#menu ul li a {
    font-size: 18px;
    color: #333;
    display: block;
    line-height: 38px;
    padding: 9px 0;
    padding-right: 48px;
    position: relative;
    z-index: 2
}

#menu .close {
    display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    right: 17px;
    top: 18px;
    border-radius: 50%;
    background: url(../images/closed.webp) no-repeat center center;
    background-size: 15px
}

#menu.show1 {
    right: 0
}

.hide {
    display: none
}

.pc {
    display: block
}

.phone {
    display: none
}

@media (max-width:1025px) {
    .phone {
        display: block
    }

    .pc {
        display: none
    }
}

.home-title {
    font-family: var(--Montserrat-Bold);
    font-size: 52rem;
    font-weight: normal;
	text-transform: uppercase;
    color: #007735
}

.more a,
.more p {
    display: inline-block;
    vertical-align: top;
    transition: all .5s ease-in;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 43rem;
    cursor: pointer;
    padding: 0 35rem;
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
    font-size: 16rem;
    border-radius: 4rem;
    border: solid 1px var(--hover-color);
    background: var(--hover-color)
}

.more a:before,
.more p:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(1) scaleX(1.25);
    top: 100%;
    width: 140%;
    height: 180%;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    display: block;
    transition: all .5s .1s cubic-bezier(.55, 0, .1, 1);
    z-index: -1
}

.more a:after,
.more p:after {
    content: "";
    position: absolute;
    left: 55%;
    transform: translateX(-50%) scaleY(1) scaleX(1.45);
    top: 180%;
    width: 160%;
    height: 190%;
    background-color: #000;
    border-radius: 50%;
    display: block;
    transition: all .5s .1s cubic-bezier(.55, 0, .1, 1);
    z-index: -1
}

.more a svg,
.more p svg {
    width: 22rem;
    height: 50rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 10rem;
    fill: #fff
}

.more a img,
.more p img {
    width: 13rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10rem;
    margin-top: -4rem
}

@media (min-width:1025px) {
    .more a:hover {
        color: #fff;
        border: 1px solid var(--main-color)
    }

    .more a:hover:before {
        top: -35%;
        background-color: var(--main-color);
        transform: translateX(-50%) scaleY(1.3) scaleX(.8)
    }

    .more a:hover:after {
        top: -45%;
        background-color: var(--main-color);
        transform: translateX(-50%) scaleY(1.3) scaleX(.8)
    }
}

.more1 a,
.more1 p {
    width: 80rem;
    height: 80rem;
    background-color: var(--hover-color);
    border-radius: 50%;
    display: flex;
    text-align: center;
    align-items: center
}

.more1 a img,
.more1 p img {
    display: inline-block;
    vertical-align: middle;
    width: 18rem;
    margin: 0 auto
}

.more2 a,
.more2 p {
    font-size: 14rem;
    font-weight: normal;
    line-height: 36rem;
    color: #666;
    border-bottom: 1px solid #d9d9d9
}

.more2 a span,
.more2 p span {
    float: right
}

.more2 a svg,
.more2 p svg {
    width: 15rem;
    height: 36rem;
    display: inline-block;
    vertical-align: top;
    fill: #666
}

@media (min-width:1025px) {
    .more2 a:hover {
        color: var(--hover-color);
        border-bottom: 1px solid var(--hover-color)
    }

    .more2 a:hover svg {
        fill: var(--hover-color)
    }
}

.center {
    text-align: center
}

.white {
    color: #fff
}

.black {
    color: #000
}

.banner {
    position: relative;
    overflow: hidden
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.swiper-renewal-main {
    position: relative;
    overflow: hidden
}

.swiper-renewal-main .swiper-slide {
    overflow: hidden
}

.swiper-renewal-main .img img,
.swiper-renewal-main .img1 img,
.swiper-renewal-main .img video,
.swiper-renewal-main .img1 video {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
    position: relative;
    z-index: 33
}

.swiper-renewal-main .img img,
.swiper-renewal-main .img1 img {
    /* -webkit-animation: wave 3s alternate;
    animation: wave 3s alternate */

	    
}

/* .swiper-renewal-main  .swiper-slide-active .img img {
-webkit-animation: wave 2s alternate;
    animation: wave 2s alternate;
} */



.swiper-renewal-main .img {
    position: relative;
    overflow: hidden;
    width: 100%
}

.swiper-renewal-main .img1 {
    display: none
}

.swiper-renewal-main .banner-hover {
    position: absolute;
    top: 17.3%;
    left: 0;
    width: 100%;
    z-index: 340;
    transition: .5s
}

.swiper-renewal-main .banner-hover .bt {
    font-family: var(--Montserrat-Black);
    font-size: 79rem;
    line-height: 100rem;
    color: #333;
    font-weight: normal;
    text-shadow: 2rem 3rem 3rem rgba(75, 111, 131, 0.3)
}

.swiper-renewal-main .banner-hover .p {
    font-family: var(--Montserrat-Bold);
    font-size: 56rem;
    color: #333;
    font-weight: normal;
    margin-top: 24rem;
    margin-bottom: 68rem
}

.swiper-renewal-main .banner-hover .p span {
    font-family: var(--Montserrat-Black);
    font-size: 70rem;
    font-weight: normal;
    color: var(--hover-color)
}

.swiper-renewal-main .banner-hover .span {
    font-family: var(--Montserrat-Bold);
    font-size: 37rem;
    margin-bottom: 68rem;
    font-weight: bold;
    color: #333
}

.swiper-renewal-main .banner-hover .jsh {
    font-size: 22rem;
    font-weight: normal;
    line-height: 40rem;
    color: #333
}

.swiper-renewal-main .banner-hover .jsh img {
    width: 22rem;
    height: 22rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10rem;
    margin-top: -2rem
}

.swiper-renewal-main .banner-hover .jsh p {
    margin-bottom: 6rem
}

.swiper-renewal-main .hide {
    opacity: 0
}

.swiper-renewal-main .swiper-pagination {
    bottom: 50rem;
    text-align: center;
    left: 0;
    width: 100%
}

.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet {
    width: 38rem;
    height: 38rem;
    margin: 0 6rem;
    overflow: hidden;
    opacity: 1;
    border-radius: 0;
    position: relative;
    background: url(../images/dot.webp) no-repeat center center;
    background-size: 100%
}

.swiper-renewal-main .swiper-pagination .swiper-pagination-bullet-active {
    background: url(../images/dot2.webp) no-repeat center center;
    background-size: 100%;
    -webkit-animation: ants 5s alternate;
    animation: ants 5s alternate
}


.swiper-renewal-main .img img {
	transform: scale(1.1);
}

.swiper-renewal-main .swiper-slide-active .img img {
    -webkit-animation: wave 4s alternate;
    animation: wave 4s alternate
}



.swiper-renewal-main .swiper-slide-active .img1 img {
    -webkit-animation: wave 4s alternate;
    animation: wave 4s alternate;
}

.swiper-renewal-main .swiper-slide-active .banner-hover .bt {
    -webkit-animation: fadeInUp2 2s alternate;
    animation: fadeInUp2 2s alternate
}

.swiper-renewal-main .swiper-slide-active .banner-hover .p {
    -webkit-animation: fadeInUp2 3s alternate;
    animation: fadeInUp2 3s alternate
}

.swiper-renewal-main .swiper-slide-active .banner-hover .span {
    -webkit-animation: fadeInUp2 4s alternate;
    animation: fadeInUp2 4s alternate
}

.swiper-renewal-main .swiper-slide-active .banner-hover .jsh {
    -webkit-animation: fadeInUp2 4s alternate;
    animation: fadeInUp2 4s alternate
}

.swiper-renewal-main .swiper-button-next,
.swiper-renewal-main .swiper-button-prev {
    width: 56rem;
    height: 56rem;
    left: 22rem;
    margin-top: -28rem;
    border-radius: 50%;
    border: solid 1px rgba(255, 255, 255, 0.8);
    display: none
}

.swiper-renewal-main .swiper-button-next:after,
.swiper-renewal-main .swiper-button-prev:after {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20rem
}

@media (min-width:1025px) {

    .swiper-renewal-main .swiper-button-next:hover,
    .swiper-renewal-main .swiper-button-prev:hover {
        border: solid 1px var(--main-color)
    }
}

.swiper-renewal-main .swiper-button-next {
    right: 22rem;
    left: auto
}

.home-about {
    padding: 91rem 0 60rem 0
}

.home-about .nr {
    position: relative;
    z-index: 34
}

.home-about .left {
    width: 45%;
    float: left;
    padding-top: 138rem
}

.home-about .p1 {
    font-size: 16rem;
    font-weight: normal;
    line-height: 36rem;
    margin-top: 40rem;
    margin-bottom: 45rem;
    color: #666
}

.home-about .right {
    width: 50%;
    float: right
}

.home-about .bt1 {
    font-family: var(--Montserrat-Bold);
    font-size: 15.4rem;
    font-weight: normal;
    line-height: 40rem;
    padding-left: 127rem;
    color: var(--main-color);
    position: relative
}

.home-about .bt1 span{
	font-size: 30rem;
}

.home-about .bt1:after {
    content: '';
    display: block;
    width: 69rem;
    height: 5rem;
    background-color: var(--hover-color);
    position: absolute;
    top: 18rem;
    left: 41rem
}

.home-about .about05 {
    box-shadow: 0 0 50rem 0 rgba(44, 140, 187, 0.1);
    border-radius: 20rem;
    padding: 0;
    margin-top: 22rem
}

.home-about .about05 .about-bottom {
    min-height: 690rem;
    margin-top: 0
}

.home-about .about05 .about-bottom .about-list1 {
    width: 24.5%;
    padding: 46rem 0;
    padding-left: 50rem;
    height: 100%
}

.home-about .about05 .mySwiper1 .swiper-slide-active span {
    padding-left: 189rem;
    display: none
}

.home-about .about05 .about-bottom .about-list1:after {
    left: 130rem
}

.home-about .about05 .about-right {
    width: 71%;
    padding-left: 0
}

.home-about .about05 .mySwiper2 .swiper-slide .box {
    width: 87%;
    padding-left: 0;
    padding-top: 69rem
}

.home-about .about05 .mySwiper2 .swiper-slide .box .bt {
    line-height: 70rem
}

.home-about .about05 .mySwiper2 .swiper-slide-active .box .bt {
    font-size: 64rem;
    line-height: 70rem
}

.home-about .about05 .about-right::after {
    display: none
}

.youshi {
    margin-top: -185rem;
    position: relative;
    z-index: 2
}

.youshi ul {
    padding: 41rem 0;
    position: relative
}

.youshi ul:after {
    content: '';
    display: block;
    width: 100vw;
    position: absolute;
    top: 0;
    right: 20rem;
    height: 100%;
    background: var(--main-color);
    z-index: 3
}

.youshi li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    font-size: 0;
    width: 25%;
    z-index: 4
}

.youshi li .box {
    position: relative;
    padding: 0 46rem 0 120rem
}

.youshi li .num {
    font-size: 64rem;
    line-height: 70rem;
    height: 70rem;
    color: #fff;
    font-family: var(--Montserrat-Bold)
}

.youshi li .num span {
    display: inline-block;
    font-size: 64rem;
    margin-right: 5rem;
    vertical-align: top
}

.youshi li .num em {
    vertical-align: bottom;
    display: inline-block;
    font-style: normal;
    font-size: 20rem;
    line-height: 32rem
}

.youshi li .num i {
    font-size: 20rem;
    line-height: 30rem;
    margin-right: -15rem;
    font-style: normal;
    display: inline-block;
    vertical-align: top
}

.youshi li .h3 {
    font-size: 20rem;
    margin-top: 11rem;
    color: #fff
}

.youshi li:nth-child(1) {
    width: 20%
}

.youshi li:nth-child(1) .box {
    padding-left: 0
}

.anniu {
    position: relative;
    width: 120rem;
    height: 50rem
}

.anniu .swiper-button-next,
.anniu .swiper-button-prev {
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    border: solid 1px #666;
    left: 0
}

.anniu .swiper-button-next:after,
.anniu .swiper-button-prev:after {
    content: ''
}

.anniu .swiper-button-next svg,
.anniu .swiper-button-prev svg {
    width: 30rem;
    height: 50rem;
    fill: #666
}

@media (min-width:1025px) {

    .anniu .swiper-button-next:hover,
    .anniu .swiper-button-prev:hover {
        background: var(--main-color);
        border: solid 1px var(--main-color)
    }

    .anniu .swiper-button-next:hover svg,
    .anniu .swiper-button-prev:hover svg {
        fill: #fff
    }
}

.anniu .swiper-button-next {
    right: 0;
    left: auto
}

.home-featured {
    padding: 60rem 0 60rem 0;
    overflow: hidden;
    position: relative;
	background: #f0f0f0;
}

.home-featured .home-title {
    line-height: 50rem;
    float: left
}

.home-featured .anniu {
    position: relative;
    float: right
}

.home-featured .home-bottom {
    padding-top: 60rem
}

.featuredlist .item {
    width: 20%
}

.featuredlist .item .box {
    position: relative
}

.featuredlist .item .pic:after {
    padding-bottom: 123.17708333%
}

.featuredlist .item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.featuredlist .item .bt {
    font-family: var(--Montserrat-Bold);
    font-size: 20rem;
    font-weight: normal;
    color: #007735;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    padding: 0 30rem;
    line-height: 45rem;
    position: absolute;
    bottom: 20rem;
    left: 0;
    width: 100%;
    z-index: 33
}

.featuredlist .item .more1 {
    position: absolute;
    top: 40rem;
    right: 40rem;
    z-index: 33;
    opacity: 0;
    transition: .5s
}

@media (min-width:1025px) {
    .featuredlist .item:hover .pic img {
        transform: scale(1.1)
    }

    .featuredlist .item:hover .bt {
        /* color: var(--main-color) */
    }

    .featuredlist .item:hover .more1 {
        opacity: 1
    }
}
.home-product{
	padding-top:60rem;
	padding-bottom:60rem;
}
.home-product .container {
    max-width: 1590rem
}

.home-product .home-bottom {
    padding-top: 50rem
}

.home-product .left {
    float: left;
    width: 49.4%
}

.home-product .left .text .p {
    height: 546rem;
    overflow: hidden
}

.home-product .left .text .p p{
	/*width:20%;
	float:left;*/
}

.home-product .box {
    position: relative
}

@media (min-width:1025px) {
    .home-product .box:hover .pic img {
        transform: scale(1.1)
    }

    .home-product .box:hover .pic .hover {
        opacity: 1
    }

    .home-product .box:hover .text {
        opacity: 1
    }

    .home-product .box:hover .title {
        opacity: 0
    }
}

.home-product .pic {
    border-radius: 20rem
}

.home-product .pic .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 66, 98, 0.8);
    text-align: center;
    opacity: 0;
    transition: .5s
}

.home-product .pic .hover:after {
    content: '';
    display: block;
    border: solid 5rem #fff;
    width: calc(100% - 60rem);
    height: calc(100% - 60rem);
    position: absolute;
    top: 30rem;
    left: 30rem;
    z-index: 22
}

.home-product .title {
    position: absolute;
    bottom: 50rem;
    left: 0;
    z-index: 33;
    width: 100%;
    padding: 0 32rem;
    opacity: 1;
    transition: .5s;
    display: block;
    font-family: var(--Montserrat-Bold);
    font-size: 24rem;
    line-height: 40rem;
    font-weight: normal;
    color: #fff;
    z-index: 23
}


.home-product .title a {
    display: block;
    overflow: hidden;
	text-shadow: 1px 1px 0px #fff;
    color: #fff;
}


.home-product .title1 a{
	color: #707070;
	text-shadow: 1px 1px 0px #000000;
}
.home-product .title2 a{
	color: #000000;
}
.home-product .title-3 a{
	color: #2eafe1;
}
.home-product .title-4 a{
	color: #cba822;
}

.home-product .text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 33;
    width: 100%;
    padding: 75rem;
    opacity: 0;
    transition: .5s;
    height: 100%
}

.home-product .text .bt {
    margin-bottom: 18rem
}

.home-product .text .bt a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-family: var(--Montserrat-Bold);
    font-size: 20rem;
    font-weight: normal;
    color: #fff;
	position: absolute;
    bottom: 18rem;
	right: 35rem;
	padding: 5rem 10rem;
	background: rgba(0, 66, 98, 1);
}

@media (min-width:1025px) {
    .home-product .text .bt a:hover {
        text-decoration: underline
    }
}

.home-product .text .p {
    margin-bottom: 11rem
}

.home-product .text .p p a {
    display: block;
    font-size: 16rem;
    font-weight: normal;
    line-height: 42rem;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    padding-left: 16rem;
    position: relative
}

.home-product .text .p p a:after {
    content: '';
    display: block;
    width: 6rem;
    height: 6rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.home-product .text .p p a b {
    font-family: var(--Montserrat-Bold);
    font-weight: normal
}

@media (min-width:1025px) {
    .home-product .text .p p a:hover {
        text-decoration: underline
    }
}

.home-product .right {
    float: right;
    width: 49.4%
}

.home-product .right .ul {
    margin-bottom: 20rem
}

.home-product .right .ul .pic:after {
    padding-bottom: 48.73417722%
}

.home-product .right .text {
    padding: 60rem
}

.home-product .right .text .p {
    height: 168rem;
    overflow: hidden
}

.home-product .right .text .p p{
	width:20%;
	float:left;
}

.home-product .right .text2 .p p{
	width:50%;
}

.home-product .right .li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 20rem;
    grid-column-gap: 20rem
}

.home-app {
    padding: 60rem 0 60rem 0;
    overflow: hidden;
	background: #f0f0f0;
}

.home-app .home-top .left {
    float: left
}

.home-app .home-top .btn {
    line-height: 66rem;
    height: 86rem;
    margin-top: 60rem;
    position: relative
}

.home-app .home-top .btn .swiper-pagination {
    bottom: 0;
    font-size: 18rem;
    color: #333
}

.home-app .home-top .btn .swiper-pagination span {
    font-family: var(--Montserrat-Bold);
    font-size: 60rem;
    color: var(--main-color);
    display: inline-block;
    line-height: 86rem;
    vertical-align: bottom
}

.home-app .home-top .swiper-button-prev,
.home-app .home-top .swiper-button-next {
    width: 52rem;
    height: 52rem;
    border: 0;
    border-radius: 0;
    margin-top: -26rem;
    z-index: 33;
    left: 5%
}

.home-app .home-top .swiper-button-prev:after,
.home-app .home-top .swiper-button-next:after {
    display: none
}

.home-app .home-top .swiper-button-prev svg,
.home-app .home-top .swiper-button-next svg {
    width: 28rem;
    height: 52rem;
    fill: #666
}

.home-app .home-top .swiper-button-next {
    right: 5%;
    left: auto
}

.home-app .home-top .right {
    float: right;
    width: 62%
}

.home-app .home-top .right .bt {
    font-family: var(--Montserrat-Bold);
    font-size: 32rem;
    font-weight: normal;
    color: #333
}

.home-app .home-top .right .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    margin-top: 27rem;
    margin-bottom: 28rem;
    color: #666
}

.home-app .home-bottom {
    padding-top: 60rem
}

.home-app .applist {
    width: 125.2%;
    position: relative;
    overflow: hidden
}

.applist .item {
    width: 20%;
    margin-right: 40rem;
    float: left;
    box-sizing: border-box
}

.applist .item .box{
    position: relative;
}
.applist .item .box:before{
    position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:99;
	background:rgba(0,0,0,0.5);
	content:"";
	display:block;
	border-radius: 20rem;
}
.applist .item .pic {
    border-radius: 20rem
}

.applist .item .pic img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.applist .item .pic:after {
    padding-bottom: 156.75675676%
}

.applist .item .text {
    padding: 0 30rem;
    line-height: 35rem;
    position: absolute;
    bottom: 30rem;
    left: 0;
    width: 100%;
    z-index: 33
}

.applist .item .img {
    max-width: 53rem;
    margin-bottom: 20rem
}

.applist .item .img img {
    display: block
}

.applist .item .img img {
    filter: brightness(0) invert(1)
}

.applist .item .bt {
    font-family: var(--Montserrat-Bold);
    font-size: 20rem;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.applist .item .more1 {
    position: absolute;
    top: 30rem;
    right: 30rem;
    z-index: 33;
    opacity: 0;
    transition: .5s
}

@media (min-width:1025px) {
    .applist .item:hover .pic img {
        transform: scale(1.1)
    }
	.applist .item:hover .box:before{
        opacity:0;
    }

    .applist .item:hover .more1 {
        opacity: 1
    }
}

.home-advantages{
	padding-bottom: 60rem;
	padding-top: 60rem;
}
.home-advantages .nr {
    padding: 99rem 83rem;
    overflow: hidden;
    border-radius: 20rem
}

.home-advantages .nr .left {
    float: left;
    width: 46.4%
}

.home-advantages .nr .left .show {
    padding-top: 35rem
}

.home-advantages .nr .left .show .info {
    display: none
}

.home-advantages .nr .left .show .info .bt {
    font-size: 28rem;
    font-weight: bold;
    font-family: var(--Montserrat-Bold);
    line-height: 32rem;
    margin-bottom: 24rem;
    color: #fff
}

.home-advantages .nr .left .show .info .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    max-height: 128rem;
    margin-bottom: 48rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    color: #fff
}

.home-advantages .nr .right {
    float: right;
    width: 49.4%
}

.home-advantages .nr ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 20rem;
    grid-column-gap: 20rem
}

.home-advantages .nr ul li {
    cursor: pointer
}

.home-advantages .nr ul li .box {
    border-radius: 12rem;
    position: relative;
    padding: 26rem 21rem;
    height: 226rem;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1)
}

.home-advantages .nr ul li .box .num {
    position: absolute;
    top: 20rem;
    right: 20rem;
    font-size: 18rem;
    font-weight: normal;
    line-height: 40rem;
    color: #fff
}

.home-advantages .nr ul li .bt {
    font-size: 18rem;
    font-weight: bold;
    line-height: 32rem;
    color: #fff;
    max-height: 64rem;
    overflow: hidden;
    margin-top: 31rem;
    margin-bottom: 7rem
}

.home-advantages .nr ul li .p {
    font-size: 14rem;
    font-weight: normal;
    line-height: 20rem;
    color: #fff;
    max-height: 40rem;
    overflow: hidden
}

.home-advantages .nr ul li .pic {
    width: 40rem
}

.home-advantages .nr ul .active .box {
    background: var(--main-color);
    border: solid 1px var(--main-color)
}

.home-news {
    padding: 61rem 0 127rem 0;
    overflow: hidden;
	background:#f0f0f0;
}

.home-news .home-top .home-title {
    float: left;
    line-height: 45rem
}

.home-news .home-top .right {
    float: right
}

.home-news .home-bottom {
    padding-top: 47rem
}

.home-news .swiper-news {
    position: relative
}

.newslist .item {
    width: 33.33333333%;
    float: left;
    margin-right: 40rem
}

.newslist .item .box {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 30rem 0 rgba(0, 43, 85, 0.1);
    border-radius: 20rem
}

.newslist .item .pic img {
    width:100%;
	height:100%;
	object-fit:cover;
}


.newslist .item .pic:after {
    padding-bottom: 61.26482213%
}

.newslist .item .text {
    padding: 28rem 35rem 0 35rem
}

.newslist .item .span {
    font-size: 14rem;
    font-weight: normal;
    line-height: 26rem;
    font-family: var(--Montserrat-Bold);
    color: #004262;
    height: 26rem;
    display: inline-block;
    vertical-align: top;
    padding: 0 10rem;
    background-color: #e5ecef;
    border-radius: 4rem
}

.newslist .item .date {
    font-size: 14rem;
    font-weight: normal;
    line-height: 76rem;
    color: var(--main-color);
    margin: 0 -35rem;
    padding: 0 35rem;
    border-top: solid 1px #e1e1e1
}

.newslist .item .date p img {
    width: 15rem;
    margin-right: 6rem;
    margin-top: -4rem;
    display: inline-block;
    vertical-align: middle
}

.newslist .item .date p svg {
    fill: #333;
    width: 22rem;
    height: 76rem;
    float: right
}

.newslist .item .bt {
    font-family: var(--Montserrat-Bold);
    font-size: 20rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-top: 19rem;
    margin-bottom: 42rem
}

@media (min-width:1025px) {
    .newslist .item:hover .box {
        background: var(--hover-color)
    }

    .newslist .item:hover .pic img {
        transform: scale(1.05)
    }

    .newslist .item:hover .span {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2)
    }

    .newslist .item:hover .date {
        color: #fff;
        border-top: solid 1px rgba(255, 255, 255, 0.2)
    }

    .newslist .item:hover .date p img {
        filter: brightness(0) invert(1)
    }

    .newslist .item:hover .date p svg {
        fill: #fff
    }

    .newslist .item:hover .bt {
        color: #fff
    }
}

.footer {
    background: var(--main-color)
}

.footer .container {
    max-width: 1720rem
}

.footer .footer-top {
    padding: 72rem 0 54rem 0
}

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

.footer .footer-top ul li {
    display: inline-block;
    vertical-align: top;
    width: 43%;
    margin-bottom: 50rem
}

.footer .footer-top ul li .h3 {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-size: 18rem;
    margin-bottom: 23rem;
    font-family: var(--Montserrat-Bold);
    font-weight: normal;
    color: #fff
}

@media (min-width:1025px) {
    .footer .footer-top ul li .h3:hover {
        color: #fff;
        text-decoration: underline
    }
}

.footer .footer-top ul li ul {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer .footer-top ul li ul li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0
}

.footer .footer-top ul li ul li a {
    padding: 0;
    margin: 0;
    font-size: 14rem;
    font-weight: normal;
    line-height: 40rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-family: var(--Montserrat-Regular);
    color: rgba(255, 255, 255, 0.7)
}

@media (min-width:1025px) {
    .footer .footer-top ul li ul li a:hover {
        color: #fff;
        text-decoration: underline
    }
}

.footer .footer-top ul li .p p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 28rem;
    color: #fff;
    padding-left: 38rem;
    position: relative;
    margin-bottom: 15rem
}

.footer .footer-top ul li .p p img {
    width: 21rem;
    position: absolute;
    top: 10rem;
    left: 0
}

.footer .footer-top ul li .p p a {
    font-family: var(--Montserrat-Regular);
    margin: 0;
    padding: 0;
    font-size: 16rem;
    color: #fff;
    display: block
}

@media (min-width:1025px) {
    .footer .footer-top ul li .p p a:hover {
        color: #fff;
        text-decoration: underline
    }
}

.footer .footer-top ul li.li2 {
    width: 53.5%
}

.footer .footer-top ul li.li3 {
    width: 100%
}

.footer .footer-top .ul2 {
    width: 19%
}

.footer .footer-top .ul3 {
    width: 24%
}

.footer .footer-top .ul3 li {
    width: 100%;
    margin-bottom: 126rem
}

.footer .footer-top .ul3 li ul li {
    margin: 0
}

.footer .footer-top .ul4 {
    width: 24%;
    margin-left: -80rem
}

.footer .footer-top .ul4 li {
    width: 100%
}

.footer .footer-top .ul4 .item {
    position: relative;
    padding-top: 14rem
}

.footer .footer-top .ul4 .item .li {
    position: relative;
    margin-bottom: 10rem
}

.footer .footer-top .ul4 .item .span {
    color: #f00;
    font-size: 16rem;
    position: absolute;
    top: 10rem;
    left: 10rem
}

.footer .footer-top .ul4 .item input,
.footer .footer-top .ul4 .item textarea {
    width: 100%;
    height: 42rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4rem;
    font-size: 16rem;
    padding: 0 20rem;
    border: 0;
    font-weight: normal;
    color: #fff
}

.footer .footer-top .ul4 .item input::-webkit-input-placeholder,
.footer .footer-top .ul4 .item textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7)
}

.footer .footer-top .ul4 .item input:-moz-placeholder,
.footer .footer-top .ul4 .item textarea:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1
}

.footer .footer-top .ul4 .item input::-moz-placeholder,
.footer .footer-top .ul4 .item textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1
}

.footer .footer-top .ul4 .item input:-ms-input-placeholder,
.footer .footer-top .ul4 .item textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7)
}

.footer .footer-top .ul4 .item textarea {
    padding: 10rem 20rem;
    height: 102rem
}

.footer .footer-bottom {
    padding: 20rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

.footer .footer-bottom .flist {
    float: left
}

.footer .footer-bottom .right {
    float: right;
    font-size: 14rem;
    line-height: 32rem;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.4)
}

.footer .footer-bottom .right a {
    color: rgba(255, 255, 255, 0.4);
    margin-left: 10rem
}

@media (min-width:1025px) {
    .footer .footer-bottom .right a:hover {
        color: #fff;
        text-decoration: underline
    }
}

.flist li {
    position: relative;
    margin-right: 10rem;
    float: left
}

.flist li:hover .hover {
    display: block
}

.flist li:hover .hover1 {
    display: block
}

.flist .box {
    transition: .5s;
    display: block
}

.flist .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32rem;
    height: 32rem;
    border-radius: 4rem
}

.flist .icon img,
.flist .icon svg {
    width: 16rem;
    height: 16rem;
    fill: #fff
}

.flist .down {
    display: none;
    color: #666;
    font-size: 14rem;
    align-items: center;
    width: 120rem;
    cursor: initial;
    position: absolute;
    bottom: 100%;
    left: 0
}

.flist .down .txt {
    margin-right: 10rem
}

.flist .down .ewm {
    width: 119rem;
    position: relative
}

.flist .active .down {
    display: flex
}

.flist .box:hover .icon {
    opacity: 1
}

.float {
    position: fixed;
    bottom: 100rem;
    right: 20rem;
    z-index: 44
}

.float .flist .icon {
    width: 50rem;
    height: 50rem
}

.float .flist .icon img,
.float .flist .icon svg {
    width: 24rem;
    height: 24rem
}

.float .flist li {
    margin-right: 0;
    float: none;
    margin-bottom: 10rem
}

#video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000000000000000;
    display: none
}

#video .close {
    position: absolute;
    width: 34rem;
    height: 34rem;
    top: 10rem;
    right: 10rem;
    text-align: center;
    line-height: 34rem;
    border-radius: 50%;
    font-size: 34rem;
    color: #fff;
    cursor: pointer;
    z-index: 3333;
    background: rgba(0, 0, 0, 0.2);
    font-family: var(--HarmonyOS_Sans_SC_Light)
}

#video video {
    display: block;
    max-width: 100%;
    max-height: 90vh;
    margin: 0 auto;
    border-radius: 20rem;
    overflow: hidden
}

#Privacy {
    z-index: 10000;
    position: fixed;
    width: 800px;
    background: #fff;
    border: 4px solid rgba(0, 0, 0, 0.15);
    top: 50%;
    left: 50%;
    margin-top: -264px;
    margin-left: -400px;
    border-radius: 5px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

#Privacy .dialog_header {
    width: 100%;
    position: relative;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f3f3f3
}

#Privacy .dialog_header .title {
    width: 100%;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px
}

#Privacy .dialog_header .close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    color: #c5c5c5;
    cursor: pointer
}

#Privacy .privacy_policy_title {
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px
}

#Privacy .p-1 {
    font-size: 20px
}

#Privacy .p-2 {
    font-size: 16px
}

#Privacy .privacy_content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 400px;
    padding: 20px 30px;
    overflow: auto;
    line-height: 30px
}

#Privacy .privacy_footer {
    width: 100%;
    padding: 20px 0;
    text-align: center
}

#Privacy .close_btn {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    min-width: 200px;
    height: 40px;
    background: var(--main-color);
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

@media (max-width:1025px) {
    #Privacy {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0
    }
}

.inbanner {
    color: #fff;
    position: relative;
    overflow: hidden
}

.inbanner img,
.inbanner video {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.inbanner .img {
    position: relative;
    overflow: hidden
}

.inbanner .img img {
    -webkit-animation: wave 2s alternate;
    animation: wave 2s alternate;
    display: block
}

.inbanner .img1 {
    position: relative;
    overflow: hidden;
    display: none
}

.inbanner .item {
    position: relative;
    overflow: hidden
}

.inbanner .banner-hover {
    position: absolute;
    bottom: 16%;
    left: 0;
    width: 100%;
    z-index: 5
}

.inbanner .banner-hover .info {
    -webkit-animation: fadeInUp2 2s alternate;
    animation: fadeInUp2 2s alternate;
    position: relative
}

.inbanner .banner-hover .bt {
    margin-bottom: 15rem;
    font-family: var(--Montserrat-Bold);
    font-size: 48rem;
    font-weight: normal;
    color: #fff
}

.inbanner .banner-hover .p {
    font-size: 20rem;
    font-weight: normal;
    line-height: 30rem;
    color: #fff
}

.inbanner .current {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.current .right {
    padding: 25rem 0;
    overflow: hidden
}

.current span {
    background: url(../images/home.svg) no-repeat left 3rem;
    background-size: 18rem;
    padding-left: 32rem;
    font-size: 16rem;
    line-height: 24rem;
    color: #888;
    /* float: right */
}

.current span a {
    color: #333
}

.current span b {
    color: #333;
    font-weight: normal
}

.current1 span {
    background: url(../images/home1.svg) no-repeat left 3rem;
    background-size: 18rem;
    color: #fff
}

.current1 span a {
    color: #fff
}

.current1 span b {
    color: #fff
}

.content {
    padding: 121rem 0 130rem 0;
    min-height: 600rem
}

.featured {
    background: #f2f5f7
}

.featured .inmain-bottom {
    padding-top: 44rem
}

.featured-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 40rem;
    grid-column-gap: 40rem
}

.featured-list .featured-item .box {
    background: #fff
}

.featured-list .featured-item .pic:after {
    padding-bottom: 71.62162162%
}

.featured-list .featured-item .text {
    padding: 12rem 29rem 36rem 29rem
}

.featured-list .featured-item .bt {
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    font-weight: normal;
    line-height: 28rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 56rem;
    color: #333
}

.featured-list .featured-item .bt span {
    font-family: var(--Montserrat-Regular)
}

.featured-list .featured-item .p {
    font-size: 14rem;
    line-height: 24rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    height: 72rem;
    margin-top: 13rem;
    margin-bottom: 20rem;
    color: #666
}

@media (min-width:1025px) {
    .featured-list .featured-item:hover .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .featured-list .featured-item:hover .bt {
        color: var(--hover-color)
    }

    .featured-list .featured-item:hover .more2 p {
        color: var(--hover-color);
        border-bottom: 1px solid var(--hover-color)
    }

    .featured-list .featured-item:hover .more2 p svg {
        fill: var(--hover-color)
    }
}

.featured-list1 {
    grid-template-columns: 1fr 1fr 1fr
}

.inside-1 {
    padding-bottom: 105rem;
    position: relative;
    padding-top: 70rem;
    background: #f2f5f7
}

.inside-1 .con {
    position: relative
}

.inside-1 .leftAsideMDiv {
    width: 22.6%;
    float: left;
    background-color: #fff;
    display: block;
    border-top: 4rem solid var(--main-color);
    position: sticky;
    top: 140rem;
    margin-bottom: 50rem
}

.inside-1 .leftAsideMDiv .title1 {
    font-size: 32rem;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    line-height: 64rem;
    color: var(--hover-color);
    padding: 15rem 55rem 15rem 35rem;
    position: relative
}

.inside-1 .leftAsideMDiv .header-search {
    float: right;
    position: absolute;
    top: 15rem;
    right: 20rem
}

.inside-1 .leftAsideMDiv .header-search .pull-right {
    position: relative;
    z-index: 778
}

.inside-1 .leftAsideMDiv .header-search .pull-right a {
    display: block;
    overflow: hidden;
    height: 64rem;
    transition: .7s;
    background: url(../images/search1.webp) no-repeat center center;
    background-size: 23rem !important;
    width: 35rem
}

.inside-1 .leftAsideMDiv .header-search .search .search-main {
    top: 100%;
    right: 0;
    z-index: 777;
    width: 300rem;
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}

.inside-1 .leftAsideMDiv .header-search .form-control {
    text-align: left;
    border: 0;
    width: 100%;
    font-size: 16rem;
    color: #666;
    height: 64rem;
    vertical-align: top;
    padding: 0 70rem 0 30rem;
    -webkit-appearance: none;
    background: none
}

.inside-1 .leftAsideMDiv .header-search .btn {
    top: 0;
    border: 0;
    right: 0;
    color: #fff;
    width: 64rem;
    height: 64rem;
    line-height: 64rem;
    position: absolute;
    background: var(--hover-color) url(../images/search.webp) no-repeat center center;
    background-size: 23rem !important
}

.inside-1 .classifyAside {
    font-size: 18rem;
    position: relative;
    z-index: 1;
    padding: 0 35rem 25rem 35rem
}

.inside-1 .classifyAside .list>li {
    overflow: hidden;
    border-bottom: 1px #ccc dashed
}

.inside-1 .classifyAside .list>li .title {
    position: relative;
    z-index: 1
}

.inside-1 .classifyAside .list>li .title>a {
    display: flex;
    font-size: 18rem;
    font-weight: normal;
    line-height: 28rem;
    color: #333;
    padding: 25rem 29rem 25rem 0;
    position: relative;
    display: block;
    font-family: var(--Montserrat-Bold)
}

.inside-1 .classifyAside .list>li:hover .title a {
    color: var(--hover-color)
}

.inside-1 .classifyAside .list>li:hover .title .icon {
    background-color: var(--hover-color)
}

.inside-1 .classifyAside .list>li:hover .title .icon svg {
    fill: #fff
}

.inside-1 .classifyAside .list .icon {
    cursor: pointer;
    width: 22rem;
    height: 22rem;
    position: absolute;
    z-index: 999;
    top: 27rem;
    right: 0;
    background-color: #e1e1e1;
    border-radius: 50%;
    text-align: center
}

.inside-1 .classifyAside .list .icon svg {
    width: 12rem;
    height: 22rem;
    fill: #333
}

.inside-1 .classifyAside .list .active .title a {
    color: var(--hover-color)
}

.inside-1 .classifyAside .list .active .title .icon {
    background-color: var(--hover-color)
}

.inside-1 .classifyAside .list .active .title .icon svg {
    fill: #fff
}

.inside-1 .classifyAside .list .active .child {
    display: block
}

.inside-1 .classifyAside .list .child {
    display: none;
    border-top: solid 1px #e3e3e3
}

.inside-1 .classifyAside .list .child .list>li {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    position: relative;
    border-bottom: solid 1px #e3e3e3;
    z-index: 1
}

.inside-1 .classifyAside .list .child .list>li a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-family: var(--Roboto-Light);
    font-size: 18rem;
    color: #333;
    line-height: 28rem;
    padding: 10rem 0 10rem 0;
    position: relative
}

.inside-1 .classifyAside .list .child .list>li a:hover {
    color: var(--main-color)
}

.inside-1 .classifyAside .list .child .list>li:nth-last-child(1) {
    border-bottom: 0
}

.inside-1 .rightCon {
    flex: 1;
    width: 73%;
    float: right;
    background: #fff
}

.product {
    background: #f2f5f7
}

.fenye {
    padding-top: 36rem
}

.page {
    clear: both;
    text-align: center;
    font-size: 0;
    color: #947d58
}

.page em {
    font-style: normal;
    font-size: 18rem
}

.page a {
    color: #858585;
    display: inline-block;
    text-align: center;
    font-family: arial;
    font-size: 14rem;
    min-width: 40rem;
    line-height: 38rem;
    text-transform: uppercase;
    border-radius: 30rem;
    margin: 0 5rem;
    padding: 0 5rem;
    vertical-align: top;
    background: none;
    -webkit-transition: background .5s;
    transition: background .5s;
    -webkit-box-shadow: 0 0 0 1px #e6e6e6
}

.page a span {
    display: block
}

.page a.prev,
.page a.next {
    padding: 0 20rem
}

.page a.prev svg,
.page a.next svg {
    width: 14rem;
    height: 19rem;
    margin: 0 5rem;
    fill: #666;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3rem
}

.page a.cur,
.page a:hover {
    background: var(--hover-color);
    color: #fff
}

.page a.cur svg,
.page a:hover svg {
    fill: #fff
}

.download {
    padding-top: 80rem;
    background: #f2f5f7
}

.download .inmain-bottom {
    padding-top: 50rem
}

.downloadlist .info .list {
    margin-bottom: 20rem;
    font-weight: lighter;
    color: #000;
    background: #fff;
    font-size: 0;
    border-radius: 20rem
}

.downloadlist .info .list .span {
    position: relative;
    font-size: 20rem;
    line-height: 100rem;
    color: #000;
    min-height: 100rem
}

.downloadlist .info .list .span .pic {
    width: 50rem;
    position: absolute;
    top: 50%;
    left: 60rem;
    transform: translateY(-50%)
}

.downloadlist .info .list .span {
    float: left;
    width: 14%;
    padding: 0 14rem;
    text-align: center
}

.downloadlist .info .list .span1 {
    text-align: left;
    width: 62%
}

.downloadlist .info .list .span1 {
    padding-left: 128rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.downloadlist .info .list .span4 {
    width: 10%;
    float: right;
    display: flex;
    align-items: center
}

.downloadlist .info .list .down-btn {
    width: 50rem;
    line-height: 50rem;
    border-radius: 50%;
    display: inline-block;
    margin: 0 auto;
    text-align: center
}

.downloadlist .info .list .down-btn svg {
    display: block;
    width: 23rem;
    height: 50rem;
    margin: 0 auto
}

@media (min-width:1025px) {
    .downloadlist .info .list:hover .down-btn {
        background: var(--hover-color)
    }

    .downloadlist .info .list:hover .down-btn svg {
        fill: #fff
    }
}

.quality-nr {
    padding: 95rem 60rem
}

.quality-title {
    font-family: var(--Montserrat-Bold);
    font-size: 40rem;
    font-weight: normal;
    color: #333;
    background: url(../images/line1.webp) no-repeat bottom left;
    background-size: 100%;
    padding-bottom: 30rem;
    margin-bottom: 33rem
}

.quality-jsh {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #666
}

.quality-jsh b {
    font-weight: normal;
    color: #333;
    font-family: var(--Montserrat-Bold)
}

.raw-title {
    font-size: 32rem;
    font-weight: normal;
    margin-bottom: 22rem;
    line-height: 40rem;
    font-family: var(--Montserrat-Bold);
    color: #333
}

.raw-info {
    padding-top: 53rem
}

.rawlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 40rem;
    grid-column-gap: 40rem;
    padding-top: 47rem
}

.rawlist .item .box {
    background-color: #fff;
    box-shadow: 0 0 30rem 0 rgba(0, 66, 98, 0.1);
    text-align: center;
    padding: 60rem 30rem;
    cursor: pointer;
    height: 100%
}

.rawlist .item .img {
    width: 100rem;
    margin: 0 auto;
    padding: 4rem;
    border-radius: 50%;
    background-color: var(--hover-color)
}

.rawlist .item .pic {
    border: 1px dashed #fff;
    margin: 0 auto;
    border-radius: 50%;
    filter: brightness(0) invert(1)
}

.rawlist .item .text {
    padding-top: 24rem
}

.rawlist .item .bt {
    font-size: 20rem;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    line-height: 30rem;
    margin-bottom: 14rem;
    color: #333
}

.rawlist .item .span {
    font-size: 16rem;
    font-weight: normal;
    line-height: 28rem;
    color: #666
}

@media (min-width:1025px) {
    .rawlist .item:hover .box {
        background-color: var(--hover-color)
    }

    .rawlist .item:hover .img {
        background-color: #fff
    }

    .rawlist .item:hover .pic {
        border: 1px dashed var(--hover-color);
        filter: brightness(1) invert(0)
    }

    .rawlist .item:hover .bt {
        color: #fff
    }

    .rawlist .item:hover .span {
        color: #fff
    }
}

.rawlist1 {
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 20rem
}

.test01 {
    padding-top: 26rem
}

.test01 .test-title {
    font-size: 22rem;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    line-height: 40rem;
    margin-bottom: 15rem;
    color: #333
}

.test01 .te-item {
    margin-bottom: 20rem
}

.test01 .te-h3 {
    font-size: 20rem;
    font-weight: normal;
    line-height: 40rem;
    margin-bottom: 11rem;
    color: #333
}

.test01 .table table td {
    font-size: 16rem;
    font-weight: normal;
    color: #666;
    padding: 8rem 15rem;
    background-color: #f2f5f7;
    border: 1px solid #fff
}

.test01 .table table .firstRow td {
    color: #fff;
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    background-color: var(--hover-color)
}

.test01 .p {
    font-size: 14rem;
    font-weight: normal;
    line-height: 26rem;
    color: #666;
    margin-top: 8rem
}

.test01 .p font {
    color: #f00
}

.test01 .telist ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 30rem;
    grid-column-gap: 30rem
}

.test01 .telist ul li .pic:after {
    padding-bottom: 68.61538462%
}

.test01 .telist ul li .p {
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    font-weight: normal;
    line-height: 30rem;
    color: #333
}

.app {
    padding: 100rem 0 130rem 0;
    background: #fff
}

.solutionlist {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 60rem;
    grid-column-gap: 60rem
}

.solutionlist li {
    position: relative
}

.solutionlist li .box {
    overflow: hidden;
    justify-content: space-between;
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    transition: .5s;
    box-shadow: 0 0 50rem 0 rgba(49, 101, 126, 0.2)
}

.solutionlist li .box .pic {
    width: 50%;
    flex: none
}

.solutionlist li .box .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.solutionlist li .box .pic:after {
    padding-bottom: 62.5%
}

.solutionlist li .box .text0 {
    width: 50%;
    padding: 0 42rem 0 60rem;
    flex: none
}

.solutionlist li .box .text0 .img img {
    display: block;
    max-height: 70rem
}

.solutionlist li .box .text0 .bt {
    font-size: 30rem;
    font-weight: normal;
    color: #333;
    font-family: var(--Montserrat-Bold);
    line-height: 38rem;
    margin-top: 34rem;
    margin-bottom: 23rem
}

.solutionlist li .box .text0 .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #666;
    overflow: hidden;
    margin-bottom: 28rem
}

@media (min-width:1025px) {
    .solutionlist li:hover .pic img {
        transform: scale(1.1)
    }

    .solutionlist li:hover .text .bt {
        color: var(--main-color)
    }

    .solutionlist li:hover .more p {
        color: #fff;
        border: 1px solid var(--main-color)
    }

    .solutionlist li:hover .more p:before {
        top: -35%;
        background-color: var(--main-color);
        transform: translateX(-50%) scaleY(1.3) scaleX(.8)
    }

    .solutionlist li:hover .more p:after {
        top: -45%;
        background-color: var(--main-color);
        transform: translateX(-50%) scaleY(1.3) scaleX(.8)
    }
}

.solutionlist li:nth-child(2n) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.app-show {
    padding: 70rem 0 130rem 0;
    background: #f2f5f7;
    overflow: hidden
}

.solutionlist1 li .box .text0 .bt {
    font-size: 40rem;
    line-height: 48rem
}

.related-pro {
    padding: 119rem 0 0 0;
    position: relative
}

.related-pro .inmain-bottom {
    padding-top: 50rem;
    padding-bottom: 20rem
}

.related-pro .inmain-bottom table tr td:first-child{
	width:25%;
}

.related-pro .inmain-bottom table tr td:nth-child(2),.related-pro .inmain-bottom table tr td:nth-child(3){
	width:10%;
}

.related-pro .inmain-bottom table tr:nth-child(2n){
	background-color:#fff;
}
.related-pro .inmain-bottom table tr:first-child{
	background-color:#007735;
	font-weight:700;
	text-transform: uppercase;
}
.related-pro .inmain-bottom table tr:first-child td{
	color:#fff;
}

.contact {
    padding: 90rem 0 130rem 0;
    background: #fff
}

.inmain-title {
    font-family: var(--Montserrat-Bold);
    font-size: 40rem;
    color: #333;
    position: relative;
    z-index: 55
}

.clist {
    padding-top: 39rem;
    position: relative;
    z-index: 55
}

.clist ul {
    margin: 0 -10rem
}

.clist ul li {
    width: 50%;
    float: left;
    padding: 0 10rem;
    margin-bottom: 24rem
}

.clist ul li .span {
    font-size: 16rem;
    line-height: 32rem;
    color: #333;
    margin-bottom: 6rem
}

.clist ul li .span font {
    color: #f00
}

.clist ul li input,
.clist ul li textarea {
    width: 100%;
    height: 42rem;
    background-color: #fff;
    border-radius: 3rem;
    padding: 0 20rem;
    border: 0
}

.clist ul li textarea {
    height: 152rem;
    padding: 20rem
}

.clist ul li .verify-wrap {
    width: 100% !important;
    height: 44rem;
    background-color: #e5e5e5;
    position: relative
}

.clist ul li .verify-wrap .drag-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 44rem;
    height: 44rem;
    background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;
    background-size: 18rem;
    z-index: 2;
    cursor: move;
    border: 1px solid #e1e1e1
}

.clist ul li .verify-wrap .suc-drag-btn {
    background: #fff url(../images/drag-success.svg?t=1) no-repeat center center;
    background-size: 22rem;
    border: 1px solid #e1e1e1
}

.clist ul li .verify-wrap .drag-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 44rem;
    width: 0;
    background-color: var(--main-color);
    color: #fff;
    font-size: 16rem;
    text-align: center;
    line-height: 42rem
}

.clist ul li .verify-wrap .fix-tips,
.clist ul li .verify-msg {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    color: #51555c;
    z-index: 1;
    line-height: 42rem;
    font-size: 14rem;
    text-align: center;
    padding-left: 40rem
}

.clist ul li .verify-wrap .verify-msg {
    background-color: var(--main-color);
    color: #fff;
    display: none;
    padding-left: 0;
    padding-right: 47rem
}

.clist ul li .more {
    float: left;
    margin-right: 20rem
}

.clist ul li .more a {
    padding: 0 60rem;
    line-height: 52rem
}

.clist ul li .more0 a {
    background: none;
    display: block;
    border: solid 1px #666;
    text-align: center;
    color: #666
}

@media (min-width:1025px) {
    .clist ul li .more0 a:hover {
        color: #fff
    }
}

.contact01 .contact-info {
    padding-top: 46rem;
    display: flex;
    flex-wrap: wrap
}

.contact01 .left {
    float: left;
    width: 50%;
    box-shadow: 0 0 80rem 0 rgba(0, 66, 98, 0.1);
    border-radius: 20rem;
    border: solid 1px #fff;
    padding: 63rem 72rem 85rem 72rem;
    position: relative;
    overflow: hidden;
    background: url(../images/cbg.webp) no-repeat top center;
    background-size: cover
}

.contact01 .left .inmain-title {
    color: var(--hover-color)
}

.contact01 .right {
    float: right;
    width: 50%;
    padding-left: 81rem
}

.contact01 .right .jsh {
    padding-top: 40rem;
    padding-bottom: 28rem
}

.contact01 .right .jsh .li {
    margin-bottom: 69rem
}

.contact01 .right .jsh .h3 {
    font-family: var(--Montserrat-Bold);
    font-size: 28rem;
    color: #333;
    margin-bottom: 20rem
}

.contact01 .right .jsh .pp {
    font-family: var(--Montserrat-Bold);
    font-size: 28rem;
    line-height: 42rem;
    color: var(--hover-color)
}

.contact01 .right .jsh .pp a {
    color: var(--hover-color);
    display: block
}

.contact01 .p {
    font-size: 16rem;
    padding-top: 24rem;
    line-height: 32rem;
    color: #666;
    position: relative;
    z-index: 55
}

.contact01 .p b {
    font-family: var(--Montserrat-Bold);
    color: #333
}

#allmap {
    position: relative;
    border-radius: 20rem;
    overflow: hidden;
    margin-top: 106rem
}

#allmap img {
    display: block
}

#allmap .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(111%, -55%);
    z-index: 33333;
    width: 86rem;
    height: 86rem;
    border-radius: 50%;
    background: var(--main-color)
}

#allmap .playBtn .icon {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#allmap .playBtn .circle {
    width: 140rem;
    height: 140rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#allmap .playBtn .circle::before {
    content: '';
    display: block;
    width: 140rem;
    height: 140rem;
    border-radius: 50%;
    background: rgba(28, 80, 156, 0.8);
    position: absolute;
    z-index: -1;
    animation: ripple 4s ease-out 0s infinite
}

#allmap .playBtn .circle::after {
    content: '';
    display: block;
    width: 140rem;
    height: 140rem;
    border-radius: 50%;
    background: rgba(28, 80, 156, 0.8);
    position: absolute;
    z-index: -1;
    animation: ripple 2s ease-out 0s infinite
}

.news {
    padding: 113rem 0 130rem 0;
    background: #fff
}

.news-one {
    position: relative;
    overflow: hidden;
    margin-bottom: 37rem;
    background-color: #fff;
    box-shadow: 0 0 30rem 0 rgba(0, 43, 85, 0.1);
    border-radius: 20rem
}

.news-one .list {
    position: relative;
    z-index: 5
}

.news-one .list li .box {
    position: relative;
    min-height: 490rem;
    padding-left: 860rem;
    overflow: hidden
}

.news-one .list li .box .pic {
    width: 800rem;
    position: absolute;
    top: 0;
    left: 0
}

.news-one .list li .box .pic img {
    transition: .5s;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.news-one .list li .box .pic:after {
    padding-bottom: 61.25%
}

.news-one .list li .box .text {
    padding-top: 81rem;
    padding-right: 83rem
}

.news-one .list li .box .text .date {
    color: var(--main-color);
    font-size: 14rem;
    font-weight: normal;
    line-height: 37rem;
    background: #e5ecef;
    border-radius: 30rem;
    padding: 0 20rem;
    display: inline-block;
    vertical-align: top
}

.news-one .list li .box .text .date img {
    width: 15rem;
    margin-top: -4rem;
    margin-right: 3rem;
    display: inline-block;
    vertical-align: middle
}

.news-one .list li .box .text .bt {
    font-size: 22rem;
    line-height: 38rem;
    color: #333;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 15rem;
    margin-top: 29rem
}

.news-one .list li .box .text .jsh {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #666;
    margin-bottom: 30rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

@media (min-width:1025px) {
    .news-one .list li:hover .pic img {
        transform: scale(1.04)
    }

    .news-one .list li:hover .text .bt {
        color: var(--main-color)
    }
}

.news .btn1 {
    position: relative;
    height: 50rem;
    margin: 0 auto;
    margin-bottom: 70rem;
    width: 86%
}

.news .btn1 .swiper-button-prev,
.news .btn1 .swiper-button-next {
    border-radius: 50%;
    width: 50rem;
    height: 50rem;
    border: solid 1px var(--main-color);
    z-index: 5;
    top: auto;
    bottom: 0;
    margin: 0
}

.news .btn1 .swiper-button-prev svg,
.news .btn1 .swiper-button-next svg {
    fill: var(--main-color);
    width: 32rem;
    height: 32rem
}

.news .btn1 .swiper-button-prev:after,
.news .btn1 .swiper-button-next:after {
    content: ''
}

@media (min-width:1025px) {

    .news .btn1 .swiper-button-prev:hover,
    .news .btn1 .swiper-button-next:hover {
        background: var(--main-color)
    }

    .news .btn1 .swiper-button-prev:hover svg,
    .news .btn1 .swiper-button-next:hover svg {
        fill: #fff
    }
}

.news .btn1 .swiper-button-prev {
    left: 0
}

.news .btn1 .swiper-button-next {
    right: 0;
    left: auto;
    margin-left: auto
}

.news .btn1 .swiper-pagination {
    height: 2px;
    width: 88%;
    left: 50%;
    top: 23rem;
    background: #e1e1e1;
    transform: translateX(-50%)
}

.news .btn1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--main-color)
}

.newslist1 {
    margin: 0 -20rem
}

.newslist1 .item {
    padding: 0 20rem;
    margin-right: 0;
    margin-bottom: 40rem
}

.news-show {
    padding: 0 0 130rem 0;
    background: #fff
}

.news-show .inmain-bottom .neleft {
    float: right;
    width: 91%
}

.news-show .fenxiang {
    float: left;
    width: 60rem;
    text-align: center;
    position: sticky;
    top: 180rem
}

.news-show .fenxiang span {
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    margin-bottom: 10rem;
    display: block;
    font-weight: normal;
    color: var(--hover-color)
}

.news-show .fenxiang .flist li {
    margin-bottom: 20rem;
    margin-right: 0;
    float: none
}

.news-show .fenxiang .flist .icon {
    width: 40rem;
    height: 40rem;
    margin: 0 auto;
    border-radius: 50%
}

.h1 {
    font-size: 40rem;
    color: #333;
    font-weight: normal;
    font-family: var(--Montserrat-Bold)
}

.h2 {
    font-size: 14rem;
    line-height: 24rem;
    color: #666;
    padding: 44rem 0 0 0
}

.h2 span {
    margin-right: 20rem;
    padding: 0 6rem
}

.news-info {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #666;
    padding: 33rem 0 103rem 0
}

.news-info b {
    font-family: var(--Montserrat-Bold);
    color: #333
}

.lable {
    font-size: 16rem;
    padding-bottom: 52rem;
    line-height: 40rem
}

.lable span {
    color: #333;
    display: block;
    float: left;
    font-size: 20rem;
    padding-right: 14rem
}

.lable a {
    color: #333;
    line-height: 40rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    border: solid 1px #e1e1e1;
    font-size: 16rem;
    padding: 0 16rem;
    margin-bottom: 5px;
    margin-right: 20rem;
    text-align: center;
    display: block;
    float: left
}

@media (min-width:1025px) {
    .lable a:hover {
        text-decoration: underline;
        color: var(--main-color)
    }
}

.list-page-news {
    border-top: solid 1px #d9d9d9
}

.list-page-news ul {
    overflow: hidden
}

.list-page-news ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d9d9d9
}

.list-page-news ul li p {
    padding: 17rem 0
}

.list-page-news ul li a {
    display: block;
    line-height: 28rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 24rem;
    color: #333;
    position: relative;
    padding-left: 167rem
}

.list-page-news ul li a span {
    line-height: 28rem;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 138rem;
    background: url(../images/prev.webp) no-repeat center right;
    background-size: 9rem
}

@media (min-width:1025px) {
    .list-page-news ul li:hover a {
        color: var(--main-color);
        text-decoration: underline
    }
}

.list-page-news ul li:nth-child(2) a span {
    background: url(../images/next.webp) no-repeat center right;
    background-size: 9rem
}

.selist {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 40rem;
    grid-column-gap: 40rem
}

.selist .item:nth-child(2n) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.selist .box {
    justify-content: space-between;
    display: flex;
    align-items: center
}

.selist .img {
    width: 49.5%;
    float: left;
    overflow: hidden
}

.selist .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.selist .text {
    width: 46%;
    float: right
}

.selist .bt {
    font-size: 24rem;
    font-weight: normal;
    line-height: 32rem;
    color: #333;
    font-family: var(--Montserrat-Bold);
    margin-bottom: 22rem
}

.selist .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #666
}

.join {
    padding: 0 !important
}

.join01 {
    padding: 121rem 0 134rem 0;
    background: url(../images/bg.webp) no-repeat top center;
    background-size: cover
}

.join01 .contact-info {
    padding-top: 0
}

.join01 .join-p {
    font-size: 24rem;
    font-weight: normal;
    line-height: 40rem;
    font-family: var(--Montserrat-Bold);
    color: #333;
    padding: 40rem 0 15rem 0
}

.join01 .right {
    float: left;
    padding-left: 0;
    padding-right: 80rem;
    padding-top: 36rem
}

.join02 {
    background: var(--main-color);
    overflow: hidden
}

.join02 .home-title {
    font-size: 48rem
}

.join02 .join-top {
    position: relative;
    padding: 61rem 615rem 56rem 0
}

.join02 .join-top .p {
    font-size: 18rem;
    line-height: 30rem;
    margin-top: 26rem;
    color: #fff
}

.join02 .join-top .se {
    position: absolute;
    top: 50%;
    right: 5rem;
    transform: translateY(-50%)
}

.join02 .join-top .se a {
    font-size: 18rem;
    font-weight: normal;
    line-height: 50rem;
    color: #666;
    padding: 0 20rem;
    background-color: #fff;
    border-radius: 30rem;
    text-align: center;
    display: block;
    position: relative;
    z-index: 44
}

.join02 .join-top .se a img {
    width: 16rem;
    margin-right: 10rem;
    display: inline-block;
    vertical-align: middle
}

.join02 .join-top .general {
    border: 10rem solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    height: 600rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    width: 600rem
}

.join02 .join-top .general:after,
.join02 .join-top .general:before {
    border: 10rem solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    content: '';
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out;
    z-index: 0
}

.join02 .join-top .general:before {
    height: 180rem;
    width: 180rem
}

.join02 .join-top .general:after {
    height: 350rem;
    width: 350rem
}

@media (min-width:1025px) {
    .join02:hover .join-top .general {
        border-width: 10rem;
        height: 150vw;
        width: 150vw
    }

    .join02:hover .join-top .general:before {
        border: 20rem solid rgba(255, 255, 255, 0.2);
        height: 70vw;
        width: 70vw
    }

    .join02:hover .join-top .general:after {
        border: 10rem solid rgba(255, 255, 255, 0.2);
        height: 30vw;
        width: 30vw
    }
}

.join03 {
    padding: 107rem 0;
    background: #f2f5f7;
    position: relative
}

.join03 dl {
    margin-bottom: 40rem;
    background-color: #fff;
    padding: 47rem 66rem 95rem 66rem;
    border-radius: 20rem
}

.join03 dt {
    overflow: hidden;
    cursor: pointer;
    font-size: 32rem;
    font-weight: normal;
    color: #333;
    line-height: 50rem;
    transition: all .5s;
    position: relative
}

.join03 .span-01 {
    display: block;
    font-family: var(--Montserrat-Bold);
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
    padding-right: 67rem
}

.join03 .span-03 {
    font-size: 18rem;
    font-weight: normal;
    line-height: 28rem;
    color: #333;
    padding-top: 28rem
}

.join03 .span-03 span {
    color: #666;
    width: 300rem;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 18rem;
    left: 0
}

.join03 .span-03 p {
    border-bottom: 1px solid #e1e1e1;
    padding: 18rem 0 18rem 300rem;
    position: relative
}

.join03 .span-02 {
    display: block;
    width: 42rem;
    height: 42rem;
    border-radius: 50%;
    float: right;
    position: absolute;
    top: 3rem;
    right: 0;
    background: url(../images/shouqi.webp) no-repeat center right;
    background-size: 100%
}

.join03 dd {
    height: 0;
    overflow: hidden
}

.join03 dd .nr {
    padding: 62rem 0 0 0;
    position: relative;
    font-size: 16rem;
    font-weight: normal;
    line-height: 36rem;
    color: #666
}

.join03 .cur .span-02 {
    background: url(../images/zhankai.webp) no-repeat center right;
    background-size: 100%
}

.join03 .cur dd {
    height: auto
}

.join03 .p-01 {
    font-size: 22rem;
    font-family: var(--Montserrat-Bold);
    color: #333;
    margin-bottom: 10rem
}

.join03 .more {
    margin-top: 45rem
}

.join03 .more a {
    font-family: var(--Montserrat-Regular);
    border-radius: 30rem;
    line-height: 52rem
}

.join03 .more a img {
    width: 29rem;
    margin-left: 0;
    margin-right: 10rem;
    margin-top: 0
}

.featured-show {
    padding-top: 0 !important;
    overflow: hidden;
    background: #f2f5f7
}

.product01 {
    padding: 22rem 0 55rem 0
}

.product01 .right {
    width: 43%;
    float: right;
    padding-top: 59rem;
    font-size: 0
}

.product01 .right .bt {
    margin-bottom: 35rem;
    font-size: 28rem;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    line-height: 44rem;
    color: #333;
    background: url(../images/line1.webp) no-repeat bottom left;
    padding-bottom: 16rem
}

.product01 .right .span {
    font-size: 16rem;
    line-height: 28rem;
    margin-bottom: 22rem;
    color: #333
}

.product01 .right .pp {
    font-size: 16rem;
    line-height: 28rem;
    margin-bottom: 28rem;
    color: #666;
    display: flex;
    flex-wrap: wrap
}

.product01 .right .pp p {
    width: 50%;
    margin-bottom: 14rem;
    padding-right: 5rem
}

.product01 .right .pp p b {
    display: block;
    font-family: var(--Montserrat-Bold);
    color: #333
}

.product01 .right .more a img {
    width: 22rem;
    margin-right: 10rem;
    margin-left: 0;
    margin-top: -2rem
}

.product01 .left {
    width: 52%;
    float: left;
    position: relative
}

.product01 .left .pic:after {
    padding-bottom: 72.46376812%
}

.product01 .left .mySwiper2 {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: #fff
}

.product01 .left .li {
    padding: 0 33rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 20rem
}

.product01 .left .mySwiper1 {
    overflow: hidden;
    position: relative;
    height: 100%
}

.product01 .left .mySwiper1 .pic {
    border: solid 1px #ddd
}

.product01 .left .mySwiper1 .pic .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bofang.webp) no-repeat center center;
    background-size: 36rem
}

.product01 .left .mySwiper1 .swiper-slide-thumb-active .pic {
    border: solid 1px var(--main-color)
}

.product01 .left .swiper-button-next,
.product01 .left .swiper-button-prev {
    display: none !important;
    background: #eceeec;
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0;
    height: 25rem;
    margin-top: 0;
    z-index: 3;
    top: 0
}

.product01 .left .swiper-button-next:after,
.product01 .left .swiper-button-prev:after {
    font-size: 18rem;
    color: #666;
    transform: rotate(90deg)
}

@media (min-width:1025px) {

    .product01 .left .swiper-button-next:hover:after,
    .product01 .left .swiper-button-prev:hover:after {
        color: var(--main-color)
    }
}

.product01 .left .swiper-button-next {
    bottom: 0;
    top: auto
}

.product03 ul {
    display: flex;
    justify-content: space-between
}

.product03 ul li {
    float: left;
    width: 20%;
    text-align: center
}

.product03 ul li a {
    display: block;
    font-size: 18rem;
    line-height: 36rem;
    padding: 0 15rem;
    padding-bottom: 7rem;
    border-bottom: 1px solid var(--hover-color);
    color: #333
}

@media (min-width:1025px) {
    .product03 ul li:hover a {
        color: var(--hover-color);
        font-family: var(--Montserrat-Bold)
    }
}

.product03 ul li:nth-last-child(1) {
    margin-right: 0
}

.product03 ul .current a {
    color: var(--hover-color);
    font-family: var(--Montserrat-Bold)
}

.product04 {
	padding: 39rem 20rem 46rem 20rem;
	border: 1px solid var(--hover-color);
	border-top: 0;
}

.product04 ul.list-paddingleft-2{
	padding-left: 20rem;
}

.product04 .pitem {
    margin-bottom: 41rem;
    position: relative
}

.p-title .span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url(../images/bg1.webp) no-repeat bottom right;
    background-size: 149rem;
    padding-right: 148rem
}

.p-title p {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 8rem;
    padding-right: 6rem;
    border-bottom: 1px solid var(--hover-color)
}

.p-title span {
    font-size: 22rem;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    line-height: 43rem;
    padding: 0 29rem 0 30rem;
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: var(--hover-color)
}

.p-title span:after {
    content: '';
    display: block;
    width: 16rem;
    height: 100%;
    background: url(../images/bg2.webp) no-repeat bottom center;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: -16rem
}

.description-content {
    padding: 34rem 0 0 0;
    overflow: hidden;
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.description-content .p {
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.description-content .p b {
    font-family: var(--Montserrat-Bold);
    color: #333
}

.description-content .left {
    float: left;
    width: 46.5%
}

.description-content .left .pp {
    font-size: 16rem;
    line-height: 28rem;
    color: #666;
    display: flex;
    flex-wrap: wrap
}

.description-content .left .pp p {
    width: 50%;
    margin-bottom: 14rem;
    padding-right: 5rem;
    padding-bottom: 10rem;
    border-bottom: 1px solid #ced0d2
}

.description-content .left .pp p b {
    display: block;
    font-family: var(--Montserrat-Bold);
    color: #333
}

.description-content .right {
    float: right;
    width: 46%;
    font-size: 16rem;
    line-height: 28rem;
    color: #666
}

.description-content .right b {
    display: block;
    font-family: var(--Montserrat-Bold);
    color: #333
}

.features-content {
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333;
    padding: 14rem 0 0 0;
    overflow: hidden;
    width: 70%
}

.features-content .p {
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.features-content .p b {
    font-family: var(--Montserrat-Bold);
    color: #333
}

.storage-content {
	padding: 14rem 0 0 0;
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.storage-content .li {
    margin-bottom: 21rem
}

.storage-content .li-h3 {
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    font-weight: normal;
    line-height: 28rem;
    margin-bottom: 11rem;
    color: #333
}

.storage-content .span {
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.storage-content .span p {
    position: relative;
    padding-left: 20rem
}

.storage-content .span p:after {
    content: '';
    display: block;
    width: 7rem;
    height: 7rem;
    background-color: var(--hover-color);
    position: absolute;
    top: 13rem;
    left: 0
}

.storage-content .p {
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.storage-content .p b {
    font-family: var(--Montserrat-Bold);
    color: #333
}

.index-content {
    padding: 36rem 0 0 0
}

.index-content .table {
    margin-bottom: 14rem
}

.index-content table {
    text-align: center;
	width:100%!important;
}

.index-content table td {
    line-height: 29rem!important;
    background: #fff;
	padding: 15rem 0!important;
	font-size: 16rem!important;
}

.index-content table tr:nth-child(2n-1) td{
    background: #F2F5F7!important;
}
.index-content table tr.first td,.index-content table tr.firstRow td {
    color: #fff!important;
    background: var(--hover-color)!important;
    font-family: var(--Montserrat-Bold)!important;
    font-size: 18rem!important;
}


.index-content .table-span {
    font-size: 14rem;
    font-weight: normal;
    line-height: 28rem;
    margin-bottom: 8rem;
    color: #999
}


.index-content .p {
    font-size: 18rem;
    font-weight: normal;
    line-height: 36rem;
    color: #333
}

.index-content .p b {
    font-family: var(--Montserrat-Bold);
    color: #333
}

.product05 {
    padding: 94rem 167rem 70rem 167rem;
    background: #fff;
	margin-top: 50rem;
    position: relative
}

.product05 .span1 {
    text-align: center;
    font-size: 18rem;
    font-weight: normal;
    line-height: 30rem;
    margin-top: 15rem;
    color: #666
}

.product05 .clist ul {
    margin: 0 -18rem
}

.product05 .clist ul li .span {
    font-size: 18rem;
    margin-bottom: 6rem
}

.product05 .clist ul li .more a {
    line-height: 43rem
}

.product05 .clist ul li {
    width: 25%;
    padding: 0 18rem;
    margin-bottom: 29rem
}

.product05 .clist ul li .code {
    position: relative;
    padding-right: 400rem
}

.product05 .clist ul li .code input {
    height: 43rem;
    padding-right: 120rem
}

.product05 .clist ul li .code .p {
    position: relative
}

.product05 .clist ul li .code .img {
    border-radius: 4rem;
    border: solid 1px #e1e4e6;
    overflow: hidden;
    width: 154rem;
    height: 43rem;
    position: absolute;
    top: 0;
    right: 0
}

.product05 .clist ul li .code .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product05 .clist ul li .code .more {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.product05 .clist ul li input,
.product05 .clist ul li textarea {
    border: solid 1px rgba(0, 0, 0, 0.15)
}

.product05 .clist ul li textarea {
    height: 177rem
}

.product05 .mep {
    font-size: 14rem;
    font-weight: normal;
    line-height: 24rem;
    color: #999
}

.featured-show1 {
    position: relative;
    background: #f2f5f7
}

.featured-show1 .product01 {
    padding: 0 0 55rem 0
}

.featured-show1 .product01 .right {
    padding-top: 0
}

.featured-show1 .features-content {
    width: 100%
}

.featured-show1 .storage-content {
    width: 100%
}

.related-pro1 {
    overflow: hidden;
    position: relative
}

.saleslist {
    padding-top: 28rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 29rem;
    grid-column-gap: 29rem
}

.saleslist .box {
    position: relative;
    padding-left: 120rem;
    display: flex;
    align-items: center;
    min-height: 100rem
}

.saleslist .pic {
    width: 100rem;
    border-radius: 50%;
    background-color: var(--hover-color);
    box-shadow: inset 0 0 10rem rgba(255, 255, 255, 0.75), 0 0 10rem 0 rgba(0, 15, 7, 0.2);
    border: solid 1px #fff;
    position: absolute;
    top: 0;
    left: 0
}

.saleslist .bt {
    font-family: var(--Montserrat-Bold);
    font-size: 18rem;
    font-weight: normal;
    line-height: 28rem;
    margin-bottom: 8rem;
    color: #333
}

.saleslist .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 28rem;
    color: #333
}

.sale02 {
    position: relative;
    padding-top: 72rem
}

.sale02 .img {
    width: 360rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.sale02 .img img {
    display: block
}

.sale02 ul {
    margin: 0 -10rem;
    display: flex;
    flex-wrap: wrap
}

.sale02 ul li {
    width: 33.3333333%;
    float: left;
    text-align: center;
    padding: 0 10rem;
    margin-top: 41rem
}

.sale02 ul li .box {
    position: relative;
    padding-top: 50rem;
    height: 100%
}

.sale02 ul li .quan {
    width: 113rem;
    height: 113rem;
    background-color: var(--hover-color);
    border-radius: 50%;
    font-size: 16rem;
    font-weight: normal;
    line-height: 24rem;
    font-family: var(--Roboto-Bold);
    color: #fff;
    padding: 4rem;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 33
}

.sale02 ul li .quan .it {
    border: dashed 1px #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center
}

.sale02 ul li .quan p {
    width: 100%
}

.sale02 ul li .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 24rem;
    color: #666
}

.sale02 ul li .text {
    padding: 64rem 15rem 32rem 15rem;
    background: #fff;
    box-shadow: 0 0 30rem 0 rgba(0, 66, 98, 0.1);
    position: relative;
    z-index: 23;
    height: 100%
}

.about {
    padding: 0 !important
}

.about01 {
    padding: 85rem 0 47rem 0;
    position: relative
}

.about01 .left {
    font-family: Poppins;
    font-size: 110rem;
    font-weight: normal;
    line-height: 140rem;
    color: #007735;
    position: sticky;
    top: 140rem;
    padding-top: 106rem;
    float: left;
    font-family: var(--Poppins-Bold)
}

.about01 .left span {
    display: block
}

.about01 .left span:nth-child(2) {
    padding-left: 192rem
}

.about01 .left span:nth-child(3) {
    font-family: var(--Montserrat-Bold);
    padding-left: 62rem
}

.about01 .right {
    float: right;
    width: 57%
}

.about01 .right .about-bt {
    font-family: var(--Montserrat-Bold);
    font-size: 36rem;
    font-weight: normal;
    line-height: 56rem;
    color: #333
}

.about01 .right .about-p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    padding: 27rem 0;
    color: #666
}

.about01 .right .about-span {
    font-size: 24rem;
    font-weight: normal;
    font-family: var(--Montserrat-Bold);
    line-height: 56rem;
    color: var(--hover-color)
}

.about01 .right .about-list {
    padding-top: 19rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 23rem;
    grid-column-gap: 23rem
}

.about01 .right .about-list .item {
    position: relative
}

.about01 .right .about-list .item .box {
    position: relative;
    padding-left: 62rem;
    padding-top: 5rem
}

.about01 .right .about-list .item .box .pic {
    width: 55rem;
    position: absolute;
    top: 0;
    left: 0
}

.about01 .right .about-list .item .box .bt {
    font-size: 18rem;
    margin-bottom: 6rem;
    font-family: var(--Montserrat-Bold);
    font-weight: normal;
    color: #333
}

.about01 .right .about-list .item .box .p {
    font-size: 16rem;
    font-weight: normal;
    line-height: 32rem;
    color: #666
}

.about01 .right .about-list1 {
    font-size: 18rem;
    line-height: 40rem;
    color: #333
}

.about01 .right .about-list1 p {
    padding-left: 17rem;
    position: relative
}

.about01 .right .about-list1 p:after {
    content: '';
    display: block;
    width: 5rem;
    height: 5rem;
    background-color: var(--hover-color);
    border-radius: 50%;
    position: absolute;
    top: 17rem;
    left: 0
}

.about02 {
    padding: 93rem 0 121rem 0;
    position: relative
}

.about02 .about-bottom {
    padding: 0 70rem;
    margin: 0 -70rem;
    padding-top: 75rem;
    padding-bottom: 80rem;
    position: relative
}

.about02 .about-bottom .swiper-button-next,
.about02 .about-bottom .swiper-button-prev {
    width: 60rem;
    height: 60rem;
    position: absolute;
    left: -90rem;
    margin: 0;
    top: 50%;
    z-index: 3;
    background: #45464a;
    border-radius: 50%
}

.about02 .about-bottom .swiper-button-next:after,
.about02 .about-bottom .swiper-button-prev:after {
    font-size: 16rem;
    color: #fff
}

@media (min-width:1025px) {

    .about02 .about-bottom .swiper-button-next:hover,
    .about02 .about-bottom .swiper-button-prev:hover {
        background: var(--hover-color)
    }

    .about02 .about-bottom .swiper-button-next:hover:after,
    .about02 .about-bottom .swiper-button-prev:hover:after {
        color: #fff
    }
}

.about02 .about-bottom .swiper-button-next {
    left: auto;
    right: -90rem
}

.about02 .swiper-honor {
    position: relative;
    overflow: hidden;
    width: 100%
}

.about02 .swiper-honor .item {
    width: 20%
}

.about02 .swiper-honor .item .box {
    padding: 24rem;
    background: url(../images/bg5.webp) no-repeat top center;
    background-size: 100%;
    position: relative;
    border-radius: 7rem
}

.about02 .swiper-honor .item .box:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bg6.webp) no-repeat center center;
    background-size: 100%
}

.about02 .swiper-honor .item .pic {
    background: #fff;
    border: solid 5rem #a8d1c0;
    border-radius: 7rem
}

.about02 .swiper-honor .item .pic:after {
    padding-bottom: 141.90871369%
}

.about03 {
    padding: 124rem 0 125rem 0;
    position: relative
}

.hon_con_case {
    position: relative;
    padding-top: 90rem
}

.hon_con_box {
    float: left;
    width: 53%;
    padding-right: 12%;
    padding-left: 12%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box
}

.hon_con_box .swiper-container {
    overflow: initial
}

.hon_con_box .swiper-slide {
    opacity: .9;
    transition: all .5s ease-in
}

.hon_con_box .swiper-slide.active {
    opacity: 1
}

.hon_con_box .swiper-slide>div {
    width: 100%;
    position: relative
}

.hon_con_box .swiper-slide>div>.img {
    display: block;
    max-width: 298rem;
    margin: 0 auto;
    padding: 24rem;
    background: url(../images/bg5.webp) no-repeat top center;
    background-size: 100%;
    position: relative;
    border-radius: 7rem
}

.hon_con_box .swiper-slide>div>.img:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bg6.webp) no-repeat center center;
    background-size: 100%
}

.hon_con_box .swiper-slide>div>.img .pic {
    background: #fff;
    border: solid 5rem #a8d1c0;
    border-radius: 7rem
}

.hon_con_box .swiper-slide>div>.img .pic:after {
    padding-bottom: 141.90871369%
}

.pure {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between
}

.hon_name_box {
    width: 43%;
    float: right;
    padding: 70rem 0;
    position: relative;
    z-index: 1
}

.hon_name_text {
    font-size: 18rem;
    line-height: 100rem;
    height: 100rem;
    padding: 0 30rem;
    text-align: center;
    opacity: .5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #000;
    transition: all .5s ease-in;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hon_name_text:after,
.hon_name_text:before {
    content: '';
    display: block;
    width: 30rem;
    height: 100%;
    background: url(../images/maisuizuo.webp) no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s
}

.hon_name_text:after {
    right: 0;
    left: auto;
    background: url(../images/maisuiyou.webp) no-repeat center center;
    background-size: 100%
}

.hon_name_box .active-nav .hon_name_text {
    font-size: 20rem;
    opacity: 1;
    font-family: var(--Montserrat-Bold)
}

.hon_name_box .active-nav .hon_name_text:after,
.hon_name_box .active-nav .hon_name_text:before {
    opacity: 1
}

.hon_name_box .swiper-container {
    height: 300rem;
    overflow: hidden
}

.hon_name_box .swiper-slide {
    cursor: pointer
}

.hon_name_box .swiper-button-prev,
.hon_name_box .swiper-button-next {
    background-image: none;
    font-size: 18rem;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #000;
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    left: 50%;
    margin-left: -25rem;
    border: solid 1px #666
}

.hon_name_box .swiper-button-prev svg,
.hon_name_box .swiper-button-next svg {
    height: 50rem;
    width: 30rem;
    fill: #666
}

.hon_name_box .swiper-button-prev:after,
.hon_name_box .swiper-button-next:after {
    content: ''
}

@media (min-width:1025px) {

    .hon_name_box .swiper-button-prev:hover,
    .hon_name_box .swiper-button-next:hover {
        background: var(--main-color);
        border: solid 1px var(--main-color)
    }

    .hon_name_box .swiper-button-prev:hover svg,
    .hon_name_box .swiper-button-next:hover svg {
        fill: #fff
    }
}

.hon_name_box .swiper-button-prev {
    top: 0
}

.hon_name_box .swiper-button-next {
    top: auto;
    bottom: 0
}

.about04 {
    padding: 122rem 0 120rem 0;
    background: #fff;
    position: relative
}

.about04 .about-bottom {
    padding-top: 50rem
}

.about04 .about-bottom img {
    display: block
}

.about05 {
    padding: 119rem 0 0 0;
    background: url(../images/hbg.webp) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.about05 .about-bottom {
    position: relative;
    margin-top: 33rem
}

.about05 .about-bottom .li {
    position: absolute;
    bottom: 49%;
    right: -327rem;
    transform: rotate(-90deg);
    font-size: 14rem;
    font-weight: normal;
    line-height: 32rem;
    letter-spacing: 10rem;
    color: #fff;
    text-align: center;
    z-index: 33
}

.about05 .about-bottom .about-list1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 35.5%;
    height: 100%;
    overflow: hidden;
    padding: 46rem 0;
    padding-left: 175rem;
    z-index: 23
}

.about05 .about-bottom .about-list1:after {
    content: '';
    display: block;
    background: #bfbfbf;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 255rem
}

.about05 .mySwiper1 {
    position: relative;
    overflow: hidden;
    height: 100%;
    z-index: 33
}

.about05 .mySwiper1 .swiper-slide {
    height: auto;
    padding-right: 10rem;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24rem;
    color: #fff;
    line-height: 101rem;
    z-index: 23
}

.about05 .mySwiper1 .swiper-slide span {
    display: block;
    width: 100%;
    transition: .5s
}

.about05 .mySwiper1 .swiper-slide:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 11rem;
    height: 11rem;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #fff;
    left: 75rem;
    z-index: 33
}

.about05 .mySwiper1 .swiper-slide:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 101rem;
    height: 101rem;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #fff;
    left: 31rem;
    opacity: 0;
    transition: .5s;
    z-index: 33
}

.about05 .mySwiper1 .swiper-slide-active {
    font-size: 64rem;
    line-height: 101rem;
    font-family: var(--Montserrat-Bold)
}

.about05 .mySwiper1 .swiper-slide-active:before {
    opacity: 1
}

.about05 .mySwiper1 .swiper-slide-active span {
    padding-left: 189rem
}

.about05 .swiper-button-next,
.about05 .swiper-button-prev {
    width: 36rem;
    height: 36rem;
    border: solid 1px #e1e1e1;
    margin-top: 0;
    border-radius: 50%;
    top: 0;
    left: 63rem;
    z-index: 66;
    transform: rotate(90deg)
}

.about05 .swiper-button-next:after,
.about05 .swiper-button-prev:after {
    content: ''
}

.about05 .swiper-button-next svg,
.about05 .swiper-button-prev svg {
    fill: #fff;
    width: 24rem;
    height: 36rem
}

.about05 .swiper-button-next:after,
.about05 .swiper-button-prev:after {
    font-size: 20rem;
    color: #fff
}

@media (min-width:1025px) {

    .about05 .swiper-button-next:hover,
    .about05 .swiper-button-prev:hover {
        background: var(--main-color);
        border: solid 1px var(--main-color)
    }
}

.about05 .swiper-button-next {
    top: auto;
    bottom: 1px;
}

.about05 .about-right {
    position: relative;
    overflow: hidden;
    width: 64%;
    float: right;
    padding-left: 274rem
}

.about05 .about-right::after {
    content: '';
    display: block;
    width: 280rem;
    height: 2rem;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 333
}

.about05 .mySwiper2 {
    position: relative;
    height: 690rem;
    z-index: 333;
    overflow: hidden
}

.about05 .mySwiper2 .swiper-slide {
    height: auto !important
}

.about05 .mySwiper2 .swiper-slide .box {
    width: 75%;
    transition: .5s;
    color: #fff;
    padding-left: 42rem;
    position: relative;
    opacity: .6;
    padding-top: 85rem
}

.about05 .mySwiper2 .swiper-slide .box .bt {
    font-size: 28rem;
    font-weight: normal;
    line-height: 36rem;
    color: #fff
}

.about05 .mySwiper2 .swiper-slide .box .p {
    font-size: 16rem;
    line-height: 24rem;
    height: 94rem;
    overflow: hidden
}

.about05 .mySwiper2 .swiper-slide .box .p p {
    position: relative;
    padding-left: 20rem
}

.about05 .mySwiper2 .swiper-slide .box .p p:after {
    content: '';
    display: block;
    width: 8rem;
    height: 8rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 8rem;
    left: 0
}

.about05 .mySwiper2 .swiper-slide-active .box {
    color: #fff;
    opacity: 1
}

.about05 .mySwiper2 .swiper-slide-active .box .bt {
    font-family: var(--Montserrat-Bold)
}

@media (max-width:1025px) {
    body {
        font-size: 16px
    }

    table td {
        font-size: 16px;
        line-height: 32px;
        padding: 9px 15px
    }

    input,
    textarea,
    select {
        font-size: 16px
    }

    .sitemap .home-title {
        margin-bottom: 25px
    }

    .sitemap .sitemap-bottom {
        font-size: 18px;
        line-height: 30px
    }

    .sitemap .sitemap-bottom li {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .sitemap .sitemap-bottom li .top1 {
        font-size: 18px
    }

    .sitemap .sitemap-bottom li .top1 span {
        line-height: 40px
    }

    .sitemap .sitemap-bottom li .top1 .txt-2 {
        display: none
    }

    .sitemap .sitemap-bottom li .subnav {
        margin-top: 10px
    }

    .sitemap .sitemap-bottom li .subnav a {
        font-size: 16px;
        margin-right: 20px;
        padding: 5px 0
    }

    .sitemap .p p {
        margin-bottom: 15px
    }

    .container {
        max-width: 750px;
        padding: 0 15px;
        width: 100%
    }

    .height {
        top: -60px
    }

    .height1 {
        height: 60px
    }

    .header {
        height: 60px;
        box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.05)
    }

    .header .logo {
        left: 15px
    }

    .header .logo a img {
        width: 65px
    }

    .header .logo a .lg2 {
        display: none
    }

    .header .header-right .menu {
        display: block
    }

    .header .header-right .tr {
        padding-top: 10px
    }

    .header .header-right .search-main {
        display: none
    }

    .header .header-right .lan {
        display: none
    }

    .headerfix {
        box-shadow: -6px 0 59px 0 rgba(51, 51, 51, 0.08)
    }

    .nav {
        display: none
    }

    .home-title {
        font-size: 28px
    }

    .more a,
    .more p {
        line-height: 40px;
        padding: 0 25px;
        font-size: 14px;
        border-radius: 4px
    }

    .more a svg,
    .more p svg {
        width: 22px;
        height: 40px;
        margin-left: 10px
    }

    .more a img,
    .more p img {
        width: 13px;
        margin-left: 10px;
        margin-top: -4px
    }

    .more1 a,
    .more1 p {
        width: 80px;
        height: 80px
    }

    .more1 a img,
    .more1 p img {
        width: 18px
    }

    .more2 a,
    .more2 p {
        font-size: 14px;
        line-height: 36px
    }

    .more2 a svg,
    .more2 p svg {
        width: 15px;
        height: 36px
    }

    .swiper-renewal-main .img {
        display: none
    }

    .swiper-renewal-main .img1 {
        display: block;
        height: 50vh
    }

    .swiper-renewal-main .banner-hover {
        top: 50%;
        padding-top: 0;
        transform: translateY(-50%)
    }

    .swiper-renewal-main .banner-hover .bt {
        font-size: 40px;
        line-height: 50px;
        text-shadow: 2px 3px 3px rgba(75, 111, 131, 0.3)
    }

    .swiper-renewal-main .banner-hover .p {
        font-size: 26px;
        margin-top: 14px;
        margin-bottom: 28px
    }

    .swiper-renewal-main .banner-hover .p span {
        font-size: 30px
    }

    .swiper-renewal-main .banner-hover .span {
        font-size: 20px;
        margin-bottom: 28px
    }

    .swiper-renewal-main .banner-hover .jsh {
        font-size: 16px;
        line-height: 30px
    }

    .swiper-renewal-main .banner-hover .jsh img {
        width: 22px;
        height: 22px;
        margin-right: 10px;
        margin-top: -2px
    }

    .swiper-renewal-main .banner-hover .jsh p {
        margin-bottom: 6px
    }

    .swiper-renewal-main .hide {
        opacity: 0
    }

    .swiper-renewal-main .swiper-pagination {
        bottom: 20px
    }

    .swiper-renewal-main .swiper-pagination .swiper-pagination-bullet {
        width: 22px;
        height: 22px;
        margin: 0 6px
    }

    .swiper-renewal-main .swiper-button-next,
    .swiper-renewal-main .swiper-button-prev {
        width: 56px;
        height: 56px;
        left: 22px;
        margin-top: -28px
    }

    .swiper-renewal-main .swiper-button-next:after,
    .swiper-renewal-main .swiper-button-prev:after {
        font-size: 20px
    }

    .swiper-renewal-main .swiper-button-next {
        right: 22px;
        left: auto
    }

    .home-about {
        padding: 40px 0 0 0
    }

    .home-about .left {
        width: 100%;
        padding-top: 0
    }

    .home-about .p1 {
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .home-about .right {
        width: 100%;
        padding-top: 25px
    }

    .home-about .bt1 {
        font-size: 22px;
        line-height: 40px;
        padding-left: 60px
    }
	.home-about .bt1 span{
		font-size: 24px;
	}

    .home-about .bt1:after {
        width: 40px;
        height: 3px;
        top: 18px;
        left: 0
    }

    .home-about .about05 {
        box-shadow: 0 0 50px 0 rgba(44, 140, 187, 0.1);
        border-radius: 20px;
        padding: 20px;
        margin-top: 22px
    }

    .home-about .about05 .about-bottom {
        min-height: 0;
        margin-top: 0
    }

    .home-about .about05 .about-bottom .about-list1 {
        width: 0;
        padding: 0;
        padding-left: 0;
        height: 100%
    }

    .home-about .about05 .mySwiper1 .swiper-slide-active span {
        padding-left: 189px;
        display: none
    }

    .home-about .about05 .about-bottom .about-list1:after {
        left: 130px
    }

    .home-about .about05 .about-right {
        width: 100%;
        padding-left: 0;
        height: 490px;
        overflow: auto
    }

    .home-about .about05 .mySwiper2 .swiper-slide .box {
        width: 100%;
        padding-left: 0;
        padding-top: 69px
    }

    .home-about .about05 .mySwiper2 .swiper-slide .box .bt {
        line-height: 70px
    }

    .home-about .about05 .mySwiper2 .swiper-slide-active .box .bt {
        font-size: 64px;
        line-height: 70px
    }

    .home-about .about05 .about-right::after {
        display: none
    }

    .youshi {
        margin-top: 25px
    }

    .youshi ul {
        padding: 41px 0;
        font-size: 0
    }

    .youshi ul:after {
        width: 100vw;
        right: -15px
    }

    .youshi li {
        width: 50%
    }

    .youshi li .box {
        padding: 0
    }

    .youshi li .num {
        font-size: 36px;
        line-height: 44px;
        height: 44px
    }

    .youshi li .num span {
        font-size: 36px;
        margin-right: 5px
    }

    .youshi li .num em {
        font-size: 16px;
        line-height: 28px
    }

    .youshi li .num i {
        font-size: 16px;
        line-height: 28px;
        margin-right: -15px
    }

    .youshi li .h3 {
        font-size: 16px;
        margin-top: 11px
    }

    .youshi li:nth-child(1) {
        width: 50%
    }

    .youshi li:nth-child(1) .box {
        padding-left: 0
    }

    .anniu {
        width: 100px;
        height: 40px
    }

    .anniu .swiper-button-next,
    .anniu .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .anniu .swiper-button-next svg,
    .anniu .swiper-button-prev svg {
        width: 20px;
        height: 40px
    }

    .anniu .swiper-button-next {
        right: 0;
        left: auto
    }

    .home-featured {
        padding: 40px 0
    }

    .home-featured .home-title {
        line-height: 50px
    }

    .home-featured .home-bottom {
        padding-top: 25px
    }

    .featuredlist .item {
        width: 33.33333%
    }

    .featuredlist .item .bt {
        font-size: 16px;
        padding: 0 20px;
        line-height: 45px;
        bottom: 0
    }

    .featuredlist .item .more1 {
        top: 40px;
        right: 40px
    }

    .home-product .container {
        max-width: 750px
    }

    .home-product .home-bottom {
        padding-top: 25px
    }

    .home-product .left {
        width: 100%;
        margin-bottom: 15px
    }

    .home-product .pic {
        border-radius: 20px
    }

    .home-product .pic .hover {
        display: none
    }

    .home-product .title {
        bottom: 20px;
        padding: 0 15px;
        font-size: 16px;
        line-height: 30px
    }

    .home-product .text {
        display: none
    }

    .home-product .right {
        width: 100%
    }

    .home-product .right .ul {
        margin-bottom: 15px
    }

    .home-product .right .li {
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .home-app {
        padding: 40px 0
    }

    .home-app .home-top .btn {
        line-height: 66px;
        height: 76px;
        margin-top: 20px;
        position: relative
    }

    .home-app .home-top .btn .swiper-pagination {
        bottom: 0;
        font-size: 16px;
        color: #333
    }

    .home-app .home-top .btn .swiper-pagination span {
        font-family: var(--Montserrat-Bold);
        font-size: 30px;
        color: var(--main-color);
        display: inline-block;
        line-height: 76px;
        vertical-align: bottom
    }

    .home-app .home-top .swiper-button-prev,
    .home-app .home-top .swiper-button-next {
        width: 52px;
        height: 52px;
        border: 0;
        border-radius: 0;
        margin-top: -26px;
        z-index: 33;
        left: 0
    }

    .home-app .home-top .swiper-button-prev:after,
    .home-app .home-top .swiper-button-next:after {
        display: none
    }

    .home-app .home-top .swiper-button-prev svg,
    .home-app .home-top .swiper-button-next svg {
        width: 28px;
        height: 52px;
        fill: #666
    }

    .home-app .home-top .swiper-button-next {
        right: 0;
        left: auto
    }

    .home-app .home-top .right {
        width: 100%;
        margin-top: 10px
    }

    .home-app .home-top .right .bt {
        font-size: 18px
    }

    .home-app .home-top .right .p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
        margin-bottom: 14px
    }

    .home-app .home-bottom {
        padding-top: 25px
    }

    .home-app .applist {
        width: 125.2%
    }

    .applist .item {
        width: 33.33333%;
        margin-right: 20px
    }

    .applist .item .pic {
        border-radius: 20px
    }

    .applist .item .text {
        padding: 0 15px;
        line-height: 28px;
        bottom: 20px
    }

    .applist .item .img {
        max-width: 33px;
        margin-bottom: 10px
    }

    .applist .item .bt {
        font-size: 16px
    }

    .applist .item .more1 {
        top: 30px;
        right: 30px;
        z-index: 33;
        opacity: 0;
        transition: .5s
    }

    .home-advantages .nr {
        padding: 40px;
        border-radius: 20px
    }

    .home-advantages .nr .left {
        width: 100%
    }

    .home-advantages .nr .left .show {
        padding-top: 25px
    }

    .home-advantages .nr .left .show .info {
        display: none
    }

    .home-advantages .nr .left .show .info .bt {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 12px
    }

    .home-advantages .nr .left .show .info .p {
        font-size: 16px;
        line-height: 28px;
        max-height: 112px;
        margin-bottom: 22px
    }

    .home-advantages .nr .right {
        width: 100%;
        padding-top: 25px
    }

    .home-advantages .nr ul {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .home-advantages .nr ul li .box {
        border-radius: 12px;
        backdrop-filter: blur(18px) brightness(1.2) contrast(.9);
        padding: 20px;
        height: auto
    }

    .home-advantages .nr ul li .box .num {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 18px;
        line-height: 40px
    }

    .home-advantages .nr ul li .bt {
        display: none
    }

    .home-advantages .nr ul li .p {
        display: none
    }

    .home-advantages .nr ul li .pic {
        width: 40px
    }

    .home-news {
        padding: 40px 0
    }

    .home-news .home-top .home-title {
        line-height: 42px
    }

    .home-news .home-bottom {
        padding-top: 25px
    }

    .newslist .item {
        width: 50%;
        margin-right: 20px
    }

    .newslist .item .box {
        box-shadow: 0 0 30px 0 rgba(0, 43, 85, 0.1);
        border-radius: 20px
    }

    .newslist .item .text {
        padding: 15px 15px 0 15px
    }

    .newslist .item .span {
        font-size: 14px;
        line-height: 26px;
        height: 26px;
        padding: 0 10px;
        border-radius: 4px
    }

    .newslist .item .date {
        font-size: 14px;
        line-height: 46px;
        margin: 0 -15px;
        padding: 0 15px
    }

    .newslist .item .date p img {
        width: 15px;
        margin-right: 6px;
        margin-top: -4px
    }

    .newslist .item .date p svg {
        width: 22px;
        height: 46px
    }

    .newslist .item .bt {
        font-size: 16px;
        line-height: 28px;
        margin-top: 10px;
        margin-bottom: 22px
    }

    .footer .container {
        max-width: 750px
    }

    .footer .footer-top {
        padding: 30px 0
    }

    .footer .footer-top ul {
        width: 100%;
        display: none
    }

    .footer .footer-top ul li {
        width: 100%;
        margin-bottom: 0
    }

    .footer .footer-top ul li .h3 {
        display: block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: normal;
        color: #fff
    }

    .footer .footer-top ul li ul {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .footer .footer-top ul li ul li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .footer .footer-top ul li ul li a {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 40px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        color: rgba(255, 255, 255, 0.7)
    }

    .footer .footer-top ul li .p p {
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        color: #fff;
        padding-left: 38px;
        position: relative;
        margin-bottom: 15px
    }

    .footer .footer-top ul li .p p img {
        width: 21px;
        position: absolute;
        top: 5px;
        left: 0
    }

    .footer .footer-top ul li .p p a {
        margin: 0;
        padding: 0;
        font-size: 16px;
        color: #fff;
        display: block
    }

    .footer .footer-top ul li.li2 {
        width: 53.5%
    }

    .footer .footer-top ul li.li3 {
        width: 100%
    }

    .footer .footer-top .ul2 {
        width: 100%
    }

    .footer .footer-top .ul3 {
        width: 100%;
        display: block
    }

    .footer .footer-top .ul3 li {
        width: 100%;
        margin-bottom: 126px;
        display: none
    }

    .footer .footer-top .ul3 li ul li {
        margin: 0
    }

    .footer .footer-top .ul3 li:nth-child(2) {
        display: block
    }

    .footer .footer-top .ul4 {
        width: 100%;
        display: block;
        margin-left: 0;
        padding-top: 20px
    }

    .footer .footer-top .ul4 li {
        width: 100%
    }

    .footer .footer-top .ul4 .item {
        padding-top: 0
    }

    .footer .footer-top .ul4 .item .li {
        position: relative;
        margin-bottom: 10px
    }

    .footer .footer-top .ul4 .item .span {
        color: #f00;
        font-size: 16px;
        position: absolute;
        top: 10px;
        left: 10px
    }

    .footer .footer-top .ul4 .item input,
    .footer .footer-top .ul4 .item textarea {
        width: 100%;
        height: 42px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        font-size: 16px;
        padding: 0 20px;
        border: 0
    }

    .footer .footer-top .ul4 .item textarea {
        padding: 10px 20px;
        height: 102px
    }

    .footer .footer-bottom {
        padding: 10px 0;
        text-align: center
    }

    .footer .footer-bottom .flist {
        float: none;
        width: 100%;
        display: block;
        overflow: hidden;
        padding-bottom: 10px
    }

    .footer .footer-bottom .right {
        width: 100%;
        float: none;
        font-size: 14px;
        line-height: 24px
    }

    .footer .footer-bottom .right a {
        margin-left: 10px;
        display: inline-block;
        vertical-align: top
    }

    .flist li {
        position: relative;
        margin-right: 10px;
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .flist .icon {
        width: 32px;
        height: 32px;
        border-radius: 4px
    }

    .flist .icon img,
    .flist .icon svg {
        width: 16px;
        height: 16px
    }

    .flist .down {
        display: none;
        color: #666;
        font-size: 14px;
        align-items: center;
        width: 120px;
        cursor: initial;
        position: absolute;
        bottom: 100%;
        left: 0
    }

    .flist .down .txt {
        margin-right: 10px
    }

    .flist .down .ewm {
        width: 119px;
        position: relative
    }

    .flist .active .down {
        display: flex
    }

    .float {
        display: none
    }

    .inbanner .img {
        display: none
    }

    .inbanner .img1 {
        display: block
    }

    .inbanner .banner-hover {
        bottom: 20px
    }

    .inbanner .banner-hover .bt {
        margin-bottom: 10px;
        font-size: 30px
    }

    .inbanner .banner-hover .p {
        font-size: 16px;
        line-height: 28px
    }

    .inbanner .current {
        display: none
    }

    .current .right {
        padding: 15px 0
    }

    .current span {
        background: url(../images/home.svg) no-repeat left 1px;
        background-size: 18px;
        padding-left: 22px;
        font-size: 14px;
        line-height: 24px
    }

    .current1 span {
        background: url(../images/home1.svg) no-repeat left 1px;
        background-size: 18px
    }

    .content {
        padding: 40px 0;
        min-height: 600px
    }

    .featured .inmain-bottom {
        padding-top: 25px
    }

    .featured-list {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .featured-list .featured-item .text {
        padding: 12px 20px 20px 20px
    }

    .featured-list .featured-item .bt {
        font-size: 16px;
        line-height: 28px;
        height: 56px
    }

    .featured-list .featured-item .p {
        font-size: 14px;
        line-height: 24px;
        height: 72px;
        margin-top: 8px;
        margin-bottom: 10px
    }

    .featured-list1 {
        grid-template-columns: 1fr 1fr
    }

    .inside-1 .leftAsideMDiv {
        display: none
    }

    .inside-1 .rightCon {
        width: 100%
    }

    .fenye {
        padding-top: 25px
    }

    .page em {
        font-size: 18px
    }

    .page a {
        font-size: 14px;
        min-width: 40px;
        line-height: 38px;
        border-radius: 30px;
        margin: 0 5px;
        padding: 0 5px;
        display: none
    }

    .page a.prev,
    .page a.next {
        padding: 0 20px;
        display: inline-block;
        vertical-align: top
    }

    .page a.prev svg,
    .page a.next svg {
        width: 14px;
        height: 19px;
        margin: 0 5px;
        margin-top: -3px
    }

    .download .inmain-bottom {
        padding-top: 25px
    }

    .downloadlist .info .list {
        margin-bottom: 20px;
        border-radius: 20px;
        padding: 20px
    }

    .downloadlist .info .list .span {
        font-size: 16px;
        line-height: 40px;
        min-height: 40px
    }

    .downloadlist .info .list .span .pic {
        width: 30px;
        left: 0
    }

    .downloadlist .info .list .span {
        width: 100%;
        padding: 0 0 0 40px;
        text-align: left
    }

    .downloadlist .info .list .span .phone {
        display: inline-block;
        vertical-align: top
    }

    .downloadlist .info .list .span1 {
        text-align: left;
        width: 100%
    }

    .downloadlist .info .list .span1 {
        padding-left: 40px
    }

    .downloadlist .info .list .span4 {
        width: 100%;
        float: right;
        display: flex;
        align-items: center
    }

    .downloadlist .info .list .down-btn {
        width: auto;
        line-height: 40px;
        margin: 0;
        text-align: left
    }

    .downloadlist .info .list .down-btn svg {
        display: block;
        width: 23px;
        height: 40px;
        margin: 0 auto
    }

    .quality-nr {
        padding: 30px
    }

    .quality-title {
        font-size: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .quality-jsh {
        font-size: 16px;
        line-height: 28px
    }

    .raw-title {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 40px
    }

    .raw-info {
        padding-top: 25px
    }

    .rawlist {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px;
        padding-top: 20px
    }

    .rawlist .item .box {
        box-shadow: 0 0 30px 0 rgba(0, 66, 98, 0.1);
        padding: 20px
    }

    .rawlist .item .img {
        width: 50px;
        padding: 4px
    }

    .rawlist .item .text {
        padding-top: 12px
    }

    .rawlist .item .bt {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .rawlist .item .span {
        font-size: 16px;
        line-height: 28px
    }

    .rawlist1 {
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 20px
    }

    .test01 {
        padding-top: 26px
    }

    .test01 .test-title {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 10px
    }

    .test01 .te-item {
        margin-bottom: 20px
    }

    .test01 .te-h3 {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 11px
    }

    .test01 .table {
        overflow: auto
    }

    .test01 .table table {
        width: 900px
    }

    .test01 .table table td {
        font-size: 14px;
        padding: 8px 15px
    }

    .test01 .table table .firstRow td {
        font-size: 16px
    }

    .test01 .p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 8px
    }

    .test01 .telist ul {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .test01 .telist ul li .p {
        font-size: 14px;
        line-height: 24px
    }

    .solutionlist {
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .solutionlist li .box {
        display: block;
        box-shadow: 0 0 50px 0 rgba(49, 101, 126, 0.2)
    }

    .solutionlist li .box .pic {
        width: 100%;
        flex: none
    }

    .solutionlist li .box .text0 {
        width: 100%;
        padding: 20px;
        flex: none
    }

    .solutionlist li .box .text0 .img img {
        max-height: 35px
    }

    .solutionlist li .box .text0 .bt {
        font-size: 20px;
        line-height: 38px;
        margin-top: 14px;
        margin-bottom: 13px
    }

    .solutionlist li .box .text0 .p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 14px
    }

    .solutionlist1 li .box .text0 .bt {
        font-size: 26px;
        line-height: 38px
    }

    .related-pro {
        padding: 40px 0 0 0
    }

    .related-pro .inmain-bottom {
        padding-top: 25px;
        padding-bottom: 20px
    }

    .inmain-title {
        font-size: 26px
    }

    .clist {
        padding-top: 25px
    }

    .clist ul {
        margin: 0 -5px
    }

    .clist ul li {
        width: 100%;
        float: left;
        padding: 0 5px;
        margin-bottom: 14px
    }

    .clist ul li .span {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 6px
    }

    .clist ul li input,
    .clist ul li textarea {
        height: 42px;
        border-radius: 3px;
        padding: 0 20px
    }

    .clist ul li textarea {
        height: 152px;
        padding: 20px
    }

    .clist ul li .verify-wrap {
        width: 100% !important;
        height: 44px;
        background-color: #e5e5e5;
        position: relative
    }

    .clist ul li .verify-wrap .drag-btn {
        position: absolute;
        left: 0;
        top: 0;
        width: 44px;
        height: 44px;
        background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;
        background-size: 18px;
        z-index: 2;
        cursor: move;
        border: 1px solid #e1e1e1
    }

    .clist ul li .verify-wrap .suc-drag-btn {
        background: #fff url(../images/drag-success.svg?t=1) no-repeat center center;
        background-size: 22px;
        border: 1px solid #e1e1e1
    }

    .clist ul li .verify-wrap .drag-progress {
        position: absolute;
        left: 0;
        top: 0;
        height: 44px;
        width: 0;
        background-color: var(--main-color);
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 42px
    }

    .clist ul li .verify-wrap .fix-tips,
    .clist ul li .verify-msg {
        width: 100%;
        position: absolute;
        right: 0;
        left: 0;
        height: 100%;
        color: #51555c;
        z-index: 1;
        line-height: 42px;
        font-size: 14px;
        text-align: center;
        padding-left: 40px
    }

    .clist ul li .verify-wrap .verify-msg {
        background-color: var(--main-color);
        color: #fff;
        display: none;
        padding-left: 0;
        padding-right: 47px
    }

    .clist ul li .more {
        float: left;
        margin-right: 20px
    }

    .clist ul li .more a {
        padding: 0 30px;
        line-height: 42px
    }

    .contact01 .contact-info {
        padding-top: 25px;
        display: block
    }

    .contact01 .left {
        width: 100%;
        box-shadow: 0 0 80px 0 rgba(0, 66, 98, 0.1);
        border-radius: 20px;
        padding: 20px
    }

    .contact01 .right {
        float: right;
        width: 100%;
        padding-left: 0;
        padding-top: 20px
    }

    .contact01 .right .jsh {
        padding-top: 20px;
        padding-bottom: 18px
    }

    .contact01 .right .jsh .li {
        margin-bottom: 19px
    }

    .contact01 .right .jsh .h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .contact01 .right .jsh .pp {
        font-size: 16x;
        line-height: 28px
    }

    .contact01 .p {
        font-size: 16px;
        padding-top: 10px;
        line-height: 28px
    }

    #allmap {
        border-radius: 20px;
        margin-top: 0
    }

    #allmap img {
        display: block
    }

    #allmap .playBtn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(111%, -55%);
        z-index: 33333;
        width: 86px;
        height: 86px;
        border-radius: 50%;
        background: var(--main-color)
    }

    #allmap .playBtn .icon {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    #allmap .playBtn .circle {
        width: 140px;
        height: 140px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    #allmap .playBtn .circle::before {
        content: '';
        display: block;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: rgba(28, 80, 156, 0.8);
        position: absolute;
        z-index: -1;
        animation: ripple 4s ease-out 0s infinite
    }

    #allmap .playBtn .circle::after {
        content: '';
        display: block;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: rgba(28, 80, 156, 0.8);
        position: absolute;
        z-index: -1;
        animation: ripple 2s ease-out 0s infinite
    }

    .news-one {
        margin-bottom: 25px;
        box-shadow: 0 0 30px 0 rgba(0, 43, 85, 0.1);
        border-radius: 20px
    }

    .news-one .list li .box {
        min-height: 0;
        padding-left: 0
    }

    .news-one .list li .box .pic {
        width: 100%;
        position: relative;
        top: auto;
        left: auto
    }

    .news-one .list li .box .text {
        padding: 20px
    }

    .news-one .list li .box .text .date {
        font-size: 14px;
        line-height: 37px;
        border-radius: 30px;
        padding: 0 20px
    }

    .news-one .list li .box .text .date img {
        width: 15px;
        margin-top: -4px;
        margin-right: 3px
    }

    .news-one .list li .box .text .bt {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 9px
    }

    .news-one .list li .box .text .jsh {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px
    }

    .news .btn1 {
        height: 50px;
        margin-bottom: 20px;
        width: 100%
    }

    .news .btn1 .swiper-button-prev,
    .news .btn1 .swiper-button-next {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        z-index: 5;
        top: auto;
        bottom: 0;
        margin: 0;
        display: none
    }

    .news .btn1 .swiper-button-prev svg,
    .news .btn1 .swiper-button-next svg {
        fill: var(--main-color);
        width: 32px;
        height: 32px
    }

    .news .btn1 .swiper-button-prev:after,
    .news .btn1 .swiper-button-next:after {
        content: ''
    }

    .news .btn1 .swiper-button-prev {
        left: 0
    }

    .news .btn1 .swiper-button-next {
        right: 0;
        left: auto;
        margin-left: auto
    }

    .news .btn1 .swiper-pagination {
        height: 2px;
        width: 88%;
        left: 50%;
        top: 23px;
        background: #e1e1e1;
        transform: translateX(-50%)
    }

    .news .btn1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--main-color)
    }

    .newslist1 {
        margin: 0 -5px
    }

    .newslist1 .item {
        padding: 0 5px;
        margin-right: 0;
        margin-bottom: 20px
    }

    .news-show {
        padding: 0 0 40px 0
    }

    .news-show .inmain-bottom .neleft {
        float: right;
        width: 100%
    }

    .news-show .fenxiang {
        float: left;
        width: 60px;
        text-align: center;
        position: sticky;
        top: 180px;
        display: none
    }

    .news-show .fenxiang span {
        font-size: 18px;
        margin-bottom: 10px;
        display: block;
        font-weight: normal;
        color: var(--hover-color)
    }

    .news-show .fenxiang .flist li {
        margin-bottom: 20px;
        margin-right: 0;
        float: none
    }

    .news-show .fenxiang .flist .icon {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        border-radius: 50%
    }

    .h1 {
        font-size: 32px
    }

    .h2 {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 0 0 0
    }

    .h2 span {
        margin-right: 10px;
        padding: 0 6px
    }

    .news-info {
        font-size: 16px;
        line-height: 28px;
        padding: 20px 0
    }

    .lable {
        font-size: 14px;
        padding-bottom: 20px;
        line-height: 30px
    }

    .lable span {
        font-size: 16px;
        padding-right: 14px
    }

    .lable a {
        line-height: 30px;
        font-size: 14px;
        padding: 0 16px;
        margin-bottom: 5px;
        margin-right: 10px
    }

    .list-page-news ul li {
        float: left;
        width: 100%
    }

    .list-page-news ul li p {
        padding: 10px 0
    }

    .list-page-news ul li a {
        line-height: 28px;
        font-size: 16px;
        padding-left: 120px
    }

    .list-page-news ul li a span {
        line-height: 28px;
        width: 100px;
        background: url(../images/prev.webp) no-repeat center right;
        background-size: 9px
    }

    .list-page-news ul li:nth-child(2) a span {
        background: url(../images/next.webp) no-repeat center right;
        background-size: 9px
    }

    .selist {
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .selist .box {
        display: block
    }

    .selist .img {
        width: 100%
    }

    .selist .text {
        width: 100%;
        float: right;
        padding-top: 13px
    }

    .selist .bt {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 10px
    }

    .selist .p {
        font-size: 16px;
        line-height: 28px
    }

    .join01 {
        padding: 40px 0
    }

    .join01 .contact-info {
        padding-top: 0
    }

    .join01 .join-p {
        font-size: 18px;
        line-height: 32px;
        padding: 20px 0 10px 0
    }

    .join01 .right {
        float: left;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 20px
    }

    .join02 .home-title {
        font-size: 28px
    }

    .join02 .join-top {
        padding: 20px
    }

    .join02 .join-top .p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 16px
    }

    .join02 .join-top .se {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin-top: 10px;
        display: inline-block;
        vertical-align: top
    }

    .join02 .join-top .se a {
        font-size: 14px;
        line-height: 40px;
        padding: 0 20px;
        border-radius: 30px;
        display: inline-block;
        vertical-align: top
    }

    .join02 .join-top .se a img {
        width: 16px;
        margin-right: 10px
    }

    .join02 .join-top .general {
        border: 10px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        height: 600px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s ease-in-out;
        width: 600px
    }

    .join02 .join-top .general:after,
    .join02 .join-top .general:before {
        border: 10px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        content: '';
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .5s ease-in-out;
        z-index: 0
    }

    .join02 .join-top .general:before {
        height: 180px;
        width: 180px
    }

    .join02 .join-top .general:after {
        height: 350px;
        width: 350px
    }

    .join03 {
        padding: 40px 0
    }

    .join03 dl {
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 20px
    }

    .join03 dt {
        font-size: 24px;
        line-height: 40px
    }

    .join03 .span-01 {
        padding-right: 67px
    }

    .join03 .span-03 {
        font-size: 16px;
        line-height: 28px;
        padding-top: 20px
    }

    .join03 .span-03 span {
        width: 100%;
        vertical-align: top;
        position: relative;
        top: auto;
        left: auto
    }

    .join03 .span-03 p {
        padding: 5px 0
    }

    .join03 .span-02 {
        width: 32px;
        height: 32px;
        top: 4px
    }

    .join03 dd .nr {
        padding: 20px 0 0 0;
        font-size: 16px;
        line-height: 28px
    }

    .join03 .p-01 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .join03 .more {
        margin-top: 15px
    }

    .join03 .more a {
        border-radius: 30px;
        line-height: 42px
    }

    .join03 .more a img {
        width: 20px;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 0
    }

    .product01 {
        padding: 22px 0 40px 0
    }

    .product01 .right {
        width: 100%;
        padding-top: 20px;
        font-size: 0
    }

    .product01 .right .bt {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 44px;
        padding-bottom: 16px
    }

    .product01 .right .span {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 12px
    }

    .product01 .right .pp {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 18px
    }

    .product01 .right .pp p {
        width: 100%;
        margin-bottom: 7px;
        padding-right: 5px
    }

    .product01 .right .more a img {
        width: 22px;
        margin-right: 10px;
        margin-left: 0;
        margin-top: -2px
    }

    .product01 .left {
        width: 100%
    }

    .product01 .left .li {
        padding: 0 33px;
        margin-top: 20px
    }

    .product01 .left .mySwiper1 {
        height: 100%
    }

    .product01 .left .mySwiper1 .pic .hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bofang.webp) no-repeat center center;
        background-size: 36px
    }

    .product01 .left .swiper-button-next,
    .product01 .left .swiper-button-prev {
        display: none !important;
        background: #eceeec;
        width: 100%;
        position: absolute;
        left: 0;
        margin: 0;
        height: 25px;
        margin-top: 0;
        z-index: 3;
        top: 0
    }

    .product01 .left .swiper-button-next:after,
    .product01 .left .swiper-button-prev:after {
        font-size: 18px;
        color: #666;
        transform: rotate(90deg)
    }

    .product01 .left .swiper-button-next {
        bottom: 0;
        top: auto
    }

    .product03 ul {
        display: block
    }

    .product03 ul li {
        width: 50%
    }

    .product03 ul li a {
        font-size: 16px;
        line-height: 36px;
        padding: 7px 15px
    }

    .product04 {
        padding: 30px 15px;
    }

    .product04 .pitem {
        margin-bottom: 20px
    }

    .p-title .span {
        padding-right: 0;
        background: none !important
    }

    .p-title p {
        padding-bottom: 8px;
        padding-right: 0
    }

    .p-title span {
        font-size: 16px;
        line-height: 28px;
        padding: 10px 20px
    }

    .p-title span:after {
        display: none
    }

    .description-content {
        padding: 25px 0 0 0;
		font-size: 16px;
        line-height: 28px
    }

    .description-content .p {
        font-size: 16px;
        line-height: 28px
    }

    .description-content .left {
        float: left;
        width: 100%
    }

    .description-content .left .pp {
        font-size: 16px;
        line-height: 28px;
        color: #666;
        display: flex;
        flex-wrap: wrap
    }

    .description-content .left .pp p {
        width: 100%;
        margin-bottom: 14px;
        padding-right: 5px;
        padding-bottom: 10px
    }

    .description-content .right {
        width: 100%;
        font-size: 16px;
        line-height: 28px
    }

    .features-content {
        font-size: 16px;
        line-height: 28px;
        padding: 14px 0 0 0;
        width: 100%
    }

    .features-content .p {
        font-size: 16px;
        line-height: 28px
    }

    .storage-content {
        padding: 20px 0 0 0;
        width: 100%
    }

    .storage-content .li {
        margin-bottom: 11px
    }

    .storage-content .li-h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px
    }

    .storage-content .span {
        font-size: 16px;
        line-height: 28px
    }

    .storage-content .span p {
        padding-left: 20px
    }

    .storage-content .span p:after {
        width: 4px;
        height: 4px;
        top: 11px
    }

    .storage-content .p {
        font-size: 16px;
        line-height: 28px
    }

    .index-content {
        padding: 20px 0 0 0
    }

    .index-content .table {
        margin-bottom: 10px
    }

    .index-content .table table td {
        line-height: 24px
    }

    .index-content .table table .first td {
        font-size: 16px
    }

    .index-content .table-span {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px
    }

    .index-content .p {
        font-size: 16px;
        line-height: 28px
    }

    .product05 {
        padding: 20px;
		margin-top: 20rem;
    }

    .product05 .span1 {
        font-size: 18px;
        line-height: 30px;
        margin-top: 10px
    }

    .product05 .clist ul {
        margin: 0 -5px
    }

    .product05 .clist ul li .span {
        font-size: 16px;
        margin-bottom: 6px
    }

    .product05 .clist ul li .more a {
        line-height: 43px
    }

    .product05 .clist ul li {
        width: 100%;
        padding: 0 5px;
        margin-bottom: 12px
    }

    .product05 .clist ul li .code {
        padding-right: 0;
        width: 100%
    }

    .product05 .clist ul li .code input {
        height: 43px;
        padding-right: 120px
    }

    .product05 .clist ul li .code .p {
        position: relative
    }

    .product05 .clist ul li .code .img {
        border-radius: 4px;
        overflow: hidden;
        width: 154px;
        height: 43px;
        position: absolute;
        top: 0;
        right: 0
    }

    .product05 .clist ul li .code .img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .product05 .clist ul li .code .more {
        position: relative;
        top: auto;
        right: auto;
        margin: 0;
        margin-top: 10px
    }

    .product05 .clist ul li textarea {
        height: 177px
    }

    .product05 .mep {
        font-size: 14px;
        line-height: 24px
    }

    .featured-show1 .product01 {
        padding: 0 0 40px 0
    }

    .featured-show1 .product01 .right {
        padding-top: 0
    }

    .featured-show1 .features-content {
        width: 100%
    }

    .featured-show1 .storage-content {
        width: 100%
    }

    .saleslist {
        padding-top: 20px;
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .saleslist .box {
        padding-left: 80px;
        min-height: 60px
    }

    .saleslist .pic {
        width: 60px;
        box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.75), 0 0 10px 0 rgba(0, 15, 7, 0.2)
    }

    .saleslist .bt {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 4px
    }

    .saleslist .p {
        font-size: 14px;
        line-height: 24px
    }

    .sale02 {
        padding-top: 40px
    }

    .sale02 .img {
        width: 360px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 0 auto
    }

    .sale02 ul {
        margin: 0 -5px;
        display: flex;
        flex-wrap: wrap
    }

    .sale02 ul li {
        width: 100%;
        padding: 0 5px;
        margin-top: 21px
    }

    .sale02 ul li .box {
        padding-top: 50px;
        height: 100%
    }

    .sale02 ul li .quan {
        width: 113px;
        height: 113px;
        font-size: 14px;
        line-height: 24px;
        padding: 4px
    }

    .sale02 ul li .p {
        font-size: 14px;
        line-height: 24px
    }

    .sale02 ul li .text {
        padding: 74px 15px 22px 15px;
        box-shadow: 0 0 30px 0 rgba(0, 66, 98, 0.1)
    }

    .about01 {
        padding: 40px 0
    }

    .about01 .left {
        font-size: 50px;
        line-height: 60px;
        position: relative;
        top: auto;
        padding-top: 0
    }

    .about01 .left span:nth-child(2) {
        padding-left: 50px
    }

    .about01 .left span:nth-child(3) {
        padding-left: 30px
    }

    .about01 .right {
        width: 100%;
        padding-top: 20px
    }

    .about01 .right .about-bt {
        font-size: 26px;
        line-height: 36px
    }

    .about01 .right .about-p {
        font-size: 16px;
        line-height: 28px;
        padding: 14px 0
    }

    .about01 .right .about-span {
        font-size: 20px;
        line-height: 36px
    }

    .about01 .right .about-list {
        padding-top: 19px;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .about01 .right .about-list .item .box {
        padding-left: 62px;
        padding-top: 5px
    }

    .about01 .right .about-list .item .box .pic {
        width: 55px;
        position: absolute;
        top: 0;
        left: 0
    }

    .about01 .right .about-list .item .box .bt {
        font-size: 18px;
        margin-bottom: 6px
    }

    .about01 .right .about-list .item .box .p {
        font-size: 16px;
        line-height: 28px
    }

    .about01 .right .about-list1 {
        font-size: 16px;
        line-height: 28px
    }

    .about01 .right .about-list1 p {
        padding-left: 17px
    }

    .about01 .right .about-list1 p:after {
        width: 5px;
        height: 5px;
        top: 12px
    }

    .about02 {
        padding: 40px 0;
        overflow: hidden
    }

    .about02 .about-bottom {
        padding: 0 70px;
        margin: 0 -70px;
        padding-top: 25px;
        padding-bottom: 40px
    }

    .about02 .swiper-honor .item {
        width: 33.33333333%
    }

    .about02 .swiper-honor .item .box {
        padding: 24px;
        border-radius: 7px
    }

    .about02 .swiper-honor .item .pic {
        border: solid 5px #a8d1c0;
        border-radius: 7px
    }

    .about03 {
        padding: 40px 0
    }

    .hon_con_case {
        padding-top: 25px
    }

    .hon_con_box {
        float: left;
        width: 100%;
        padding-right: 12%;
        padding-left: 12%;
        overflow: hidden;
        position: relative;
        box-sizing: border-box
    }

    .hon_con_box .swiper-slide>div>.img {
        display: block;
        max-width: 298px;
        margin: 0 auto;
        padding: 24px;
        background: url(../images/bg5.webp) no-repeat top center;
        background-size: 100%;
        position: relative;
        border-radius: 7px
    }

    .hon_con_box .swiper-slide>div>.img:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/bg6.webp) no-repeat center center;
        background-size: 100%
    }

    .hon_con_box .swiper-slide>div>.img .pic {
        background: #fff;
        border: solid 5px #a8d1c0;
        border-radius: 7px
    }

    .pure {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between
    }

    .hon_name_box {
        width: 43%;
        float: right;
        padding: 70px 0;
        position: relative;
        z-index: 1;
        display: none
    }

    .hon_name_text {
        font-size: 18px;
        line-height: 100px;
        height: 100px;
        padding: 0 30px;
        text-align: center;
        opacity: .5;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        color: #000;
        transition: all .5s ease-in;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .hon_name_text:after,
    .hon_name_text:before {
        content: '';
        display: block;
        width: 30px;
        height: 100%;
        background: url(../images/maisuizuo.webp) no-repeat center center;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: .5s
    }

    .hon_name_text:after {
        right: 0;
        left: auto;
        background: url(../images/maisuiyou.webp) no-repeat center center;
        background-size: 100%
    }

    .hon_name_box .active-nav .hon_name_text {
        font-size: 20px;
        opacity: 1
    }

    .hon_name_box .active-nav .hon_name_text:after,
    .hon_name_box .active-nav .hon_name_text:before {
        opacity: 1
    }

    .hon_name_box .swiper-container {
        height: 300px;
        overflow: hidden
    }

    .hon_name_box .swiper-slide {
        cursor: pointer
    }

    .hon_name_box .swiper-button-prev,
    .hon_name_box .swiper-button-next {
        background-image: none;
        font-size: 18px;
        width: 100%;
        text-align: center;
        margin: 0;
        color: #000;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        left: 50%;
        margin-left: -25px
    }

    .hon_name_box .swiper-button-prev svg,
    .hon_name_box .swiper-button-next svg {
        height: 50px;
        width: 30px;
        fill: #666
    }

    .hon_name_box .swiper-button-prev:after,
    .hon_name_box .swiper-button-next:after {
        content: ''
    }

    .hon_name_box .swiper-button-prev {
        top: 0
    }

    .hon_name_box .swiper-button-next {
        top: auto;
        bottom: 0
    }

    .about04 {
        padding: 40px 0
    }

    .about04 .about-bottom {
        padding-top: 25px
    }

    .about05 {
        padding: 40px 0
    }

    .about05 .about-bottom {
        margin-top: 25px
    }

    .about05 .about-bottom .li {
        position: absolute;
        bottom: 49%;
        right: -327px;
        transform: rotate(-90deg);
        font-size: 14px;
        font-weight: normal;
        line-height: 32px;
        letter-spacing: 10px;
        color: #fff;
        text-align: center;
        z-index: 33;
        display: none
    }

    .about05 .about-bottom .about-list1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        padding: 0;
        padding-left: 0
    }

    .about05 .about-bottom .about-list1:after {
        content: '';
        display: block;
        background: #bfbfbf;
        height: 100%;
        position: absolute;
        top: 0;
        left: 255px
    }

    .about05 .mySwiper1 {
        position: relative;
        overflow: hidden;
        height: 100%;
        z-index: 33
    }

    .about05 .mySwiper1 .swiper-slide {
        height: auto;
        padding-right: 10px;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        line-height: 101px;
        z-index: 23
    }

    .about05 .mySwiper1 .swiper-slide span {
        display: block;
        width: 100%;
        transition: .5s
    }

    .about05 .mySwiper1 .swiper-slide:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 11px;
        height: 11px;
        transform: translateY(-50%);
        border-radius: 50%;
        background: #fff;
        left: 75px;
        z-index: 33
    }

    .about05 .mySwiper1 .swiper-slide:before {
        content: '';
        position: absolute;
        top: 50%;
        width: 101px;
        height: 101px;
        transform: translateY(-50%);
        border-radius: 50%;
        left: 31px;
        opacity: 0;
        transition: .5s;
        z-index: 33
    }

    .about05 .mySwiper1 .swiper-slide-active {
        font-size: 64px;
        line-height: 101px
    }

    .about05 .mySwiper1 .swiper-slide-active:before {
        opacity: 1
    }

    .about05 .mySwiper1 .swiper-slide-active span {
        padding-left: 189px
    }

    .about05 .swiper-button-next,
    .about05 .swiper-button-prev {
        width: 36px;
        height: 36px;
        margin-top: 0;
        border-radius: 50%;
        top: 0;
        left: 63px;
        z-index: 66;
        transform: rotate(90deg)
    }

    .about05 .swiper-button-next:after,
    .about05 .swiper-button-prev:after {
        content: ''
    }

    .about05 .swiper-button-next svg,
    .about05 .swiper-button-prev svg {
        fill: #fff;
        width: 24px;
        height: 36px
    }

    .about05 .swiper-button-next:after,
    .about05 .swiper-button-prev:after {
        font-size: 20px;
        color: #fff
    }

    .about05 .swiper-button-next {
        top: auto;
        bottom: 0
    }

    .about05 .about-right {
        position: relative;
        overflow: hidden;
        width: 100%;
        float: right;
        padding-left: 0
    }

    .about05 .about-right::after {
        content: '';
        display: block;
        width: 280px;
        height: 2px;
        background: rgba(255, 255, 255, 0.4);
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 333;
        display: none
    }

    .about05 .box {
        width: 100%;
        color: #fff;
        opacity: 1;
        padding: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.2) url(../images/cbg.webp) no-repeat top center;
        background-size: cover
    }

    .about05 .box .bt {
        font-size: 22px;
        font-weight: normal;
        line-height: 36px;
        color: #fff
    }

    .about05 .box .p {
        font-size: 14px;
        line-height: 24px;
        overflow: hidden
    }

    .about05 .box .p p {
        position: relative;
        padding-left: 20px
    }

    .about05 .box .p p:after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 0
    }
}

@media (max-width:520px) {
    .inbanner .img1 {
        height: 30vh
    }

    .home-featured .home-title {
        line-height: 50px;
        text-align: center;
        float: none
    }

    .home-featured .anniu {
        float: none;
        margin: 0 auto
    }

    .home-about .about05 {
        border-radius: 10px
    }

    .home-product .pic {
        border-radius: 10px
    }

    .home-app .applist {
        width: 100%
    }

    .applist .item {
        width: 50%;
        margin-right: 10px
    }

    .home-advantages .nr {
        padding: 20px;
        border-radius: 10px
    }

    .about01 .left span {
        display: inline-block;
        vertical-align: top
    }

    .about01 .left span:nth-child(2) {
        padding-left: 0
    }

    .about01 .left span:nth-child(3) {
        padding-left: 0
    }

    .featured-list1 {
        grid-template-columns: 1fr
    }

    .featured-list {
        grid-template-columns: 1fr
    }

    .product01 .right .bt {
        line-height: 38px;
        margin-top: 10px
    }

    .product03 ul li {
        width: 100%
    }

    .product05 .span1 {
        font-size: 16px;
        line-height: 28px
    }

    .rawlist {
        grid-template-columns: 1fr
    }

    .test01 .telist ul {
        grid-template-columns: 1fr
    }

    .sale02 .img {
        max-width: 360px;
        width: 100%
    }

    .news-one {
        border-radius: 10px
    }

    .newslist .item {
        width: 100%
    }

    .downloadlist .info .list {
        border-radius: 10px
    }

    .contact01 .left {
        border-radius: 10px
    }

    #allmap {
        border-radius: 10px
    }

    .newslist .item .box {
        border-radius: 10px
    }
}

.home-news .home-bottom2{
	display: flex;
	padding-top: 50rem;
}
.home-news .home-bottom2 .left{
	width: 50%;
}
.home-news .home-bottom2 .left .text{
	margin-top: 20rem;
}
.home-news .home-bottom2 .left .text .tit{
	font-family: var(--Montserrat-Bold);
    font-size: 20rem;
    line-height: 36rem;
	overflow: hidden;
	margin-bottom: 5rem;
}
.home-news .home-bottom2 .left .text .txt{
	font-size: 16rem;
    line-height: 1.5;
	overflow: hidden;
}
.home-news .home-bottom2 .left .text .data{
	font-size: 14rem;
    font-weight: normal;
    line-height: 60rem;
    color: var(--main-color);
}
.home-news .home-bottom2 .left .text .data p img{
	width: 15rem;
    margin-right: 6rem;
    margin-top: -4rem;
    display: inline-block;
    vertical-align: middle;
}
.home-news .home-bottom2 .left .text .data p svg{
	fill: #333;
    width: 22rem;
    height: 76rem;
    float: right;
}
.home-news .home-bottom2 .left .pic:after {
    content: '';
    display: block;
    padding-bottom: 60%;
}
.home-news .home-bottom2 .left .pic img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-news .home-bottom2 .right{
	width: 50%;
	padding-left: 20rem;
}
.home-news .home-bottom2 .right .newslist{
	display: flex;
    flex-direction: column;
}
.home-news .home-bottom2 .right .newslist .item{
	width: 100%;
	margin-bottom: 20rem;
}
.home-news .home-bottom2 .right .newslist .text .data{
	font-size: 14rem;
    font-weight: normal;
    line-height: 60rem;
    color: var(--main-color);
}
.home-news .home-bottom2 .right .newslist .text .data p img{
	width: 15rem;
    margin-right: 6rem;
    margin-top: -4rem;
    display: inline-block;
    vertical-align: middle;
}
.home-news .home-bottom2 .right .newslist .text .data p svg{
	fill: #333;
    width: 22rem;
    height: 76rem;
    float: right;
}
.home-news .home-bottom2 .right .newslist .text .tit{
	font-family: var(--Montserrat-Bold);
    font-size: 20rem;
    line-height: 36rem;
	overflow: hidden;
	margin-bottom: 5rem;
	height: 36rem;
}
.home-news .home-bottom2 .right .newslist .text .txt{
	font-size: 16rem;
    line-height: 1.5;
	overflow: hidden;
	height: 72rem;
}
/**********新增************/
.news .right {
    width: 73%;
    float: right;
}

.news .right ul {
	overflow:hidden;
	margin-bottom:30px
}
.news .right ul li {
	border-bottom:1px solid #eee;
	padding-bottom:29px;
	margin-bottom:30px;
	overflow:hidden
}
.news .right ul li a {
	display:block;
	position:relative;
	padding-left:219px
}
.news .right ul li .pic {
	width:219px;
	position:absolute;
	top:0;
	left:0
}
.news .right ul li .pic:after {
	padding-bottom:62.55707762557077%
}
.news .right ul li .pic img {
	transition: .5s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news .right ul li .text {
	padding-left:34px
}
.news .right ul li .text .bt {
	font-size:20rem;
	color:#222;
	margin-bottom:15px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.news .right ul li .text .jsh {
	font-size:16rem;
	color:#777;
	line-height:24rem;
	height:48rem;
	overflow:hidden;
	margin-bottom:21rem
}
.news .right ul li .text .more .left {
	font-size:14rem;
	color:#a6a6a6;
	border:1px solid #a6a6a6;
	width:104px;
	text-align:center;
	border-radius:20rem;
	height:26rem;
	line-height:24rem;
	float:left
}
.news .right ul li .text .more .time {
	font-size:14rem;
	color:#a6a6a6;
	line-height:26rem;
	float:right;
	font-family:arial
}

.inside-1 .leftAsideMDiv .contact {
    font-size: 16rem;
    color: #656565;
    text-align: center;
    padding: 25rem;
    background: #fff;
    padding-top: 0;
}
.inside-1 .leftAsideMDiv .contact .font18 {
	font-size: 32rem;
    font-weight: normal;
	margin-bottom: 25rem;
    font-family: var(--Montserrat-Bold);
    color: var(--hover-color);
    position: relative;
}
.inside-1 .leftAsideMDiv .contact .ico {
    text-align: left;
    margin-top: 10rem;
    padding-left: 30rem;
    position: relative;
    line-height: 24rem;
}
.inside-1 .leftAsideMDiv .contact .ico img {
    top: 5px;
    left: 0;
    position: absolute;
    max-width: 20rem;
    filter: grayscale(100%) invert(100%);
}


@media(min-width:1025px) {
	.news .right ul li:hover .pic img {
		transform:scale(1.02)
	}
	.news .right li:hover .text .bt {
		color:var(--hover-color)
	}
	.news .right ul li:hover .text .more .left {
		border:1px solid var(--hover-color);
		background:var(--hover-color);
		color:#fff
	}
}

@media(max-width:1024px) {
	.news .leftAsideMDiv{
		display:none;
	}
	.news .right{
		width:100%;
		float:left;
	}

	.news {
		padding-top:30px
	}
	.news .right ul {
		margin-bottom:20px
	}
	.news .right ul li {
		width:100%;
		float:left;
		padding:0 5px 10px 5px;
		margin-bottom:10px
	}
	.news .right ul li a {
		padding-left:0
	}
	.news .right ul li .pic {
		width:100%;
		position:relative;
		top:auto;
		left:auto
	}
	.news .right ul li .text {
		padding-left:0;
		padding-top:5px
	}
	.news .right ul li .text .bt {
		font-size:16px;
		margin-bottom:5px
	}
	.news .right ul li .text .jsh {
		margin-bottom:5px
	}
	.news .right ul li .text .more .left {
		font-size:12px;
		width:85px;
		float:none
	}
	.news .right ul li .text .more .time {
		font-size:12px;
		float:none
	}
}