@import "animate.min.css";

::selection,
::-moz-selection,
::-webkit-selection {
    background: #1f1f1f;
    color: #fff;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px;
    /* Required, global font size */
    width: 100%;
    overflow-x: hidden;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
a {
    margin: 0;
    padding: 0;
}

/* 初始化 */
body,
div,
span,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
span,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 1.71428571429;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "PingFang SC","Microsoft YaHei",sans-serif;
    color: #232830;
    background-color: #ffffff;
}

:active,
:focus {
    outline: none !important;
}

select {
    max-width: 100%;
}

ul,
li {
    list-style-type: none;
}

blockquote {
    background: #fff;
    border: 1px solid #F8F8F8;
    border-left: 5px solid #EC5E79;
    padding: 0 1.75rem 1.25rem;
    margin-top: 1.421875rem;
    line-height: 2;
    font-size: 1rem;
}

blockquote::before {
    color: #EC5E79;
    content: open-quote;
    font-size: 5.25rem;
    line-height: 0.1;
    margin-right: 0.21875rem;
    vertical-align: -2.055rem;
    font-family: sans-serif;
    content: "\201C";
    /*Unicode for Left Double Quote*/
}

strong {
    font-weight: 600;
}

hr {
    margin: 1.421875rem 0;
    border-color: #F4F4F4;
}

hr.black {
    border-color: rgba(255, 255, 255, 0.1);
}

img {
    max-width: 100%;
}

iframe {
    border: none !important;
}

/* ======================================================
   <!-- Table -->
/* ====================================================== */
table.table-normal,
.table-normal table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
}

table.table-normal th,
.table-normal table th {
    text-align: left;
}

table.table-normal td,
table.table-normal th,
.table-normal table td,
.table-normal table th {
    border: 1px solid black;
    padding: 0.2rem;
}

a {
    color: #232830;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a.link {
    text-decoration: underline;
    color: #EC5E79;
}

a.link:hover {
    color: #E8588C;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-variant-ligatures: common-ligatures;
    /*Ligatures and contextual forms are ways of combining glyphs to produce more harmonized forms.*/
    margin-top: 0;
    word-wrap: break-word;
}

.h1 {
    font-size: 3.375rem !important;
    line-height: 1.14285714286 !important;
}

.h2 {
    font-size: 22.375rem !important;
    line-height: 1.2 !important;
}

.h3 {
    font-size: 1.75rem !important;
    line-height: 1.25 !important;
}

.h4 {
    font-size: 1.25rem !important;
    line-height: 1.33333333333 !important;
}

.h5 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

.h6 {
    font-size: 0.75rem !important;
    line-height: 2 !important;
    font-weight: 600 !important;
}

.heading-space-none {
    margin: 0 !important;
    padding: 0 !important;
}

@media all and (max-width: 768px) {
    h1 {
        font-size: 2.4107142857rem;
        line-height: 1.15555556;
    }

    h2 {
        font-size: 15.6625rem;
        line-height: 1.421875;
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.625;
    }

    .h1 {
        font-size: 2.4107142857rem !important;
        line-height: 1.15555556 !important;
    }

    .h2 {
        font-size: 15.6625rem !important;
        line-height: 1.421875 !important;
    }

    .h3 {
        font-size: 1.25rem !important;
        line-height: 1.625 !important;
    }
}

@media all and (max-width: 480px) {
    h1 {
        font-size: 1.2053571429rem;
        line-height: 1.38461538462;
    }

    h2 {
        font-size: 13.425rem;
        line-height: 1.28571428571;
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .h1 {
        font-size: 1.2053571429rem !important;
        line-height: 1.38461538462 !important;
    }

    .h2 {
        font-size: 13.425rem !important;
        line-height: 1.28571428571 !important;
    }

    .h3 {
        font-size: 1.25rem !important;
        line-height: 1.5 !important;
    }
}

.font-normal {
    font-family: "PingFang SC","Microsoft YaHei",sans-serif;
    font-weight: 400 !important;
}

.font-uppercase {
    text-transform: uppercase !important;
}

.font-bold {
    font-weight: 800 !important;
}

.font-italic {
    font-style: italic !important;
}

.font-no-italic {
    font-style: normal !important;
}

.font-underline {
    text-decoration: underline !important;
}

.font-primary-color {
    color: #EC5E79 !important;
}

.font-sub-color {
    color: #AEAEAE !important;
}

.font-white {
    color: white;
}

.font-white p,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6,
.font-white .h1,
.font-white .h2,
.font-white .h3,
.font-white .h4,
.font-white .h5,
.font-white .h6 {
    color: white;
}

html {
    font-size: 100px;
}
@media screen and (min-width: 1921px) {
    html {
        font-size: 115px;
    }
}

@media screen and (min-width: 2561px) {
    html {
        font-size: 150px;
    }
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 90px;
    }
}

@media screen and (max-width: 1500px) {
    html {
        font-size: 85px;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 80px;
    }
}

@media screen and (max-width: 1366px) {
    html {
        font-size: 75px;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 70px;
    }
}

@media screen and (max-width: 1100px) {
    html {
        font-size: 60px;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
    html {
        font-size: 55px;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 70px;
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width: 640px) {
    html {
        font-size: 85.33px;
    }
}

@media screen and (max-width: 591px) {
    html {
        font-size: 78.8px;
    }
}

@media screen and (max-width: 562px) {
    html {
        font-size: 74.933px;
    }
}

@media screen and (max-width: 540px) {
    html {
        font-size: 72px;
    }
}

@media screen and (max-width: 521px) {
    html {
        font-size: 69.4666px;
    }
}

@media screen and (max-width: 428px) {
    html {
        font-size: 57.066px;
    }
}

@media screen and (max-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media screen and (max-width: 412px) {
    html {
        font-size: 54.933px;
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.66px;
    }
}

/* 去掉浏览器激活样式 */
select:focus,
textarea:focus,
input:focus,
button {
    outline: none;
}

/* 提示文字的初始样式 */
input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
    color: #999;
    transition: color .5s;
}

/* 提示文字的激活样式 */
/* table */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font: inherit;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}

input {
    border: none;
    background-color: transparent;
    outline: none;
    font-family: Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "PingFang SC", "Hiragino Sans GB", sans-serif;
}

a {
    text-decoration: none;
}

*,
*:before,
*:after {
    max-height: 100000px;
}

/*用来解决在安卓上的点击出现篮框问题*/
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div {
    -webkit-appearance: none;
}

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

.morels {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    work-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.triangle {
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    border-color: transparent transparent #fff transparent;
    /*上右下左  哪里需要就在哪里设置颜色*/
    border-style: dashed dashed solid dashed;
    /**上右下左  哪里小哪里就设置solid**/
}

img[src=""],
img:not([src]) {
    opacity: 0;
    display: none;
}

.fl_l {
    float: left;
}

.fl_r {
    float: right;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

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

body {
    height: auto;
    overflow-x: hidden;
}

/*redefine global*/
:root {
    --bg-blue: #0068B7;
    --bg-red: #BD1B21;
    --bg-white: #fff;
    --bg-black: #000;
    --text-color-blue: #0068B7;
    --text-color-red: #BD1B21;
    --text-color-white: #ffffff;
    --text-color-black: #000;
    --text-color-grey: #666;
    --text-color-999: #999;
}

::-webkit-scrollbar {
    width: 4px;
    height: 11px;
    border: none;
    background: var(--bg-blue)
}

::-webkit-scrollbar-track-piece {
    border: none;
    position: absolute;
    padding: 0;
    box-shadow: none;
    background: var(--bg-blue, #000);
    border-radius: 1px
}

::-webkit-scrollbar-thumb:vertical {
    background: var(--bg-blue, #000);
    border-radius: 0;
    border: none
}

::-webkit-scrollbar-thumb:horizontal {
    background: var(--bg-blue, #000);
    border-radius: 0;
    border: none
}

::-webkit-scrollbar {
    width: 4px;
    height: 12px
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-track:vertical {
    background: var(--bg-blue, #000)
}

::-webkit-scrollbar-track-piece {
    background: #fff
}

::-webkit-scrollbar-thumb:vertical {
    background: var(--bg-blue, #000);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: var(--bg-blue, #000)
}

::-webkit-scrollbar-corner:vertical {
    background: var(--bg-blue, #000)
}

@font-face {
    font-family: 'f-Regular';
    src: url('../fonts/Canela-Regular_atdzcu.eot');
    src: local('☺'), url('../fonts/Canela-Regular_atdzcu.woff') format('woff'), url('../fonts/Canela-Regular_atdzcu.ttf') format('truetype'), url('../fonts/Canela-Regular_atdzcu.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'en_l';
    src: url('../fonts/NEUEHANSKENDRICK REGULAR.OTF');
}

@font-face {
    font-family: 'en_b';
    src: url('../fonts/HANKEN DESIGN BOLD.OTF');
}

.en_b {
    font-family: 'en_b';
}

.en_l {
    font-family: 'en_l';
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.woff2?t=1675046316153') format('woff2'),
        url('../fonts/iconfont.woff?t=1675046316153') format('woff'),
        url('../fonts/iconfont.ttf?t=1675046316153') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    /*font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;*/
    font-family: -apple-system, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, SimSun, sans-serif;
    position: relative;
    z-index: 1;
}

.container {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1800px;
}

 @media(min-width: 1600px) {
    .container {
        width: 83.33333vw;
        max-width: 1600px;
        min-width: 1600px
    }
}

@media(min-width: 1300px) and (max-width: 1549px) {
    .container {
        width: 95vw;
    }
}

@media(max-width: 992px) {
    .container {
        width: 95vw
    }
}

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

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 5;
}

/*header*/
#header {
    background-color: #fff;
}

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

#header .container::before,
#header .container::after {
    display: none;
}

.header-logo {
    width: 255px;
    height: 54px;
    background-size: contain !important;
    float: left;
    position: relative;
}

.header-logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.header-logo a img {
    display: block;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: ease .5s;
}

.header-logo a img:nth-child(2) {
    opacity: 1;
}

.header-logo a img:nth-child(1) {
    opacity: 0;
}

#header.header-sticky .header-logo a img:nth-child(1) {
    opacity: 1;
}

#header.header-sticky .header-logo a img:nth-child(2) {
    opacity: 0;
}

.header-right {
    margin: 0;
    display: flex
}

/*Header button*/
.header-button {
    margin-right: 2%;
    margin-top: 0px;
    position: relative;
    height: 50px;
    width: 30px;
    cursor: pointer;
    display: none;
}

.header-button:after,
.header-button:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: "";
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}

.header-button:after {
    bottom: 13px;
}

.header-button:before {
    top: 13px;
}

.header-button span {
    display: block;
    height: 2px;
    width: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 2px;
    margin-top: -1px;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}

.header-button.active:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    left: 5px;
    bottom: 13px;
}

.header-button.active:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    top: 13px;
    left: 5px;
}

.header-button.active span {
    opacity: 0
}

/*dropdown nav*/
.nav-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    position: relative
}

.nav-wrapper .nav-item {
    padding: 0 .27808rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 10
}

.nav-wrapper .nav-item h2.nav-item-link {
    font-weight: 400;
    line-height: 100px;
    cursor: pointer;
}

.nav-wrapper .nav-item h2.nav-item-link a {
    font-weight: 400;
    display: block;
    position: relative;
    font-size: .16rem;
    line-height: inherit;
}

.nav-item .submenu {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease .5s;
    transition: ease .5s;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
    z-index: 10;

}

.nav-item .submenu a {
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    position: relative;
    display: block;
    overflow: hidden;
    height: 36px;
    padding: 0 10px;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}

.nav-item .submenu a:last-child {
    border-bottom: 0
}

.nav-item .submenu a:hover {
    color: #fff;
    background: var(--text-color-blue)
}

.nav-item .submenu a:hover:after {
    right: 15px;
    visibility: visible
}

.nav-wrapper .nav-item h2.nav-item-link.active a {
    font-weight: 600;
}

.nav-wrapper>.nav-item+.nav-item {
    margin-left: 10px;
}

.nav-wrapper .nav-item:hover,
.nav-wrapper .nav-item.active {
/*    background-color: var(--bg-blue);*/
}

.nav-wrapper .nav-item .nav-item-link:hover a:before,
.nav-wrapper .nav-item .nav-item-link.active a:before {
    opacity: 1;
}

.header-sticky .nav-wrapper .nav-item .nav-item-link:hover a:before,
.header-sticky .nav-wrapper .nav-item .nav-item-link.active a:before {
    opacity: 1;
}

.header-sticky .nav-wrapper .nav-item h2.nav-item-link {
    line-height: 100px;
}

.nav-wrapper .nav-item:hover .submenu {
    top: 100px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.nav-wrapper .nav-item:hover .nav-item-link a,
.header-sticky .nav-wrapper .nav-item:hover .nav-item-link a,
.nav-wrapper .nav-item.active .nav-item-link a,
.header-sticky .nav-wrapper .nav-item.active .nav-item-link a {
/*    color: #fff;*/
}

.header-sticky .nav-wrapper .nav-item h2.nav-item-link a {
    color: var(--text-color-333);
}

.header-sticky .nav-wrapper .nav-item h2.nav-item-link.active a {
    color: var(--text-color-blue);
}

/* submenu */
.header-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    padding: 40px 0;
    left: 0;
    top: 70px;
    z-index: 3;
    box-shadow: 5px 0px 10px -6px rgb(169, 217, 172);
    display: none;
}

#header .header-menu .container {
    justify-content: flex-start;
    align-items: flex-start;
}

.header-menu-items {
    margin: 0;
}

.header-menu-item {
    align-items: center;
    justify-content: flex-start;
    visibility: hidden;
    display: none;
    opacity: 0;
}

.header-menu-item.active {
    visibility: visible;
    opacity: 1;
    display: flex;
}

.header-menu-item .menu-left {
    margin-right: 4rem;
}

.header-menu-item .menu-title h2 {
    color: var(--text-color-red);
    font-weight: 600;
    font-size: var(--font-size-32);
}

.header-menu-item .menu-title p {
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #999;
    font-size: var(--font-size-12);
}

.header-menu-item .menu-title a {
    padding: 3px 15px;
    border-radius: 15px;
    color: var(--text-color-red);
    border: 1px solid var(--bg-red);
}

.header-menu-item .menu-channel {
    position: relative;
    width: 23rem;
    padding-left: 10px;
    border-right: 1px solid #f0f6ef;
    border-left: 1px solid #f0f6ef;
}

.header-menu-item .menu-channel dd {
    font-size: var(--font-size-14);
    line-height: 2;
}

.header-menu-item .menu-channel dd a.m-channel-link {
    position: relative;
    padding-left: 25px;
    line-height: 40px;
    display: block;
}

.header-menu-item .menu-channel dd a.m-channel-link:hover::after {
    content: '>';
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text-color-blue);
    margin-left: 5px;
    vertical-align: middle;
}

.header-menu-item .menu-channel dd ul {
    position: absolute;
    left: 23rem;
    top: 0;
    width: 100%;
    padding-left: 2rem;
    display: none;
}

.header-menu-item .menu-channel dd.sub-channel:hover ul {
    display: block;
}

/*top tel*/
.header-tel {
    margin-left: .27808rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.tel-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    ;
    width: .4rem;
    height: .4rem;
    font-size: .208rem;
    color: #333;
    border: 1px solid #333;
    border-radius: 100%;
}

#header.header-sticky {
    background: var(--bg-white);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

#header.header-sticky .header-nav-item a {
    color: var(--text-color-333)
}

#header.header-sticky .header-search-icon {
    color: var(--text-color-333)
}

#header.header-sticky .header-nav-item:hover a,
#header.header-sticky .header-nav-item.active a {
    color: var(--text-color-blue)
}

/*mobile nav*/
.m-nav {
    position: fixed;
    top: 0;
    /*box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);*/
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    z-index: 0;
    opacity: 0;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    /*    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;*/
    top: 0;
    transform: translateX(100%)
}

.m-nav a {
    outline: none
}

.m-nav.active {
    opacity: 1;
    transform: translateX(0);
    z-index: 1000
}

.m-nav .top {
    height: 60px;
    padding: 20px;
    box-sizing: border-box
}

.m-nav .top .closed {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    float: right;
    cursor: pointer
}

.m-nav .logo {
    width: 100%;
    margin: 0 auto
}

.m-nav .logo img {
    width: 42%;
    display: block;
    margin: 0 auto 30px
}

.m-nav .ul {
    margin-top: 30px
}

.m-nav .ul li {
    padding: 0 20px;
    border-bottom: 1px solid #f5f5f5;
    transform: translateY(0);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0
}

.m-nav.active .ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.m-nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(5) {
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(7) {
    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(8) {
    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: relative;
}

.m-nav .ul li a.active {
    font-weight: 800;
    color: #1b2c43
}

.m-nav .ul li.dropdown a.dropdown-title::before,
.m-nav .ul li.dropdown a.dropdown-title::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: rgba(51, 51, 51, 0.5);
    right: 10px;
    top: 50%;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}

.m-nav .ul li.dropdown a.dropdown-title::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.m-nav .ul li.dropdown a.dropdown-title.active::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.m-nav .ul li a i {
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.m-nav .ul li .dropdown_menu {
    display: none
}

.m-nav .ul li.dropdown.active .dropdown_menu {
    display: block
}

.m-nav .ul li .dropdown_menu a {
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5
}

.m-nav .ul li .dropdown_menu a:last-child {
    border: none
}

.m-nav-tel {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #666;
}

.m-nav-tel a {
    font-weight: 800;
}

.m-nav-link {
    text-align: center;
    margin-top: 18px;
}

.m-nav-link a {
    display: inline-block;
    padding: 5px 25px;
    color: #fff;
    cursor: default;
    background: #00598e;
    font-size: 14px;
    line-height: 2;
}

/*main*/
#main {
    position: relative;
    z-index: 2
}

/*banner*/
.indexBanner {
    width: 100%;
    overflow: hidden;
}

.indexBanner .PcBanenr {
    position: relative;
}

#banner {
    position: relative;
    height: 100vh;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list {
    position: relative;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PcBanenr .PcBanenr_content .PcBanenr_content_list img:nth-child(2){
	display: none;
}
.banner-text {
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.banner-text .list_title_dt {
    margin-top: 1.4rem;
    font-size: .72rem;
}

.banner-text .list_title_p {
    margin-top: .26rem;
    font-size: .36rem;
    color: rgba(0, 104, 183, 1);
}

.banner_title {
    position: absolute;
    left: 0;
    top: 2rem;
    font-size: 1.2rem;
    font-weight: 900;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .3);
    z-index: 2;
}

.banner_bootm {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}

.src_hint {
    width: 7px;
    height: 1rem;
    position: relative;
    animation: linedown linear infinite 1.5s;
    -webkit-animation: linedown linear infinite 1.5s;
    -moz-animation: linedown linear infinite 1.5s;
    -ms-animation: linedown linear infinite 1.5s;
    -o-animation: linedown linear infinite 1.5s;
}

.src_hint span {
    font-size: .14rem;
    line-height: 1.4;
    display: block;
    transform-origin: 0 100%;
    position: absolute;
    left: 0;
    top: -1rem;
}

@keyframes linedown {
    0% {
        bottom: 30px
    }

    50% {
        bottom: 15px
    }

    100% {
        bottom: 30px
    }
}

@-webkit-keyframes linedown {
    0% {
        bottom: 30px
    }

    50% {
        bottom: 15px
    }

    100% {
        bottom: 30px
    }
}

@-moz-keyframes linedown {
    0% {
        bottom: 30px
    }

    50% {
        bottom: 15px
    }

    100% {
        bottom: 30px
    }
}

.src_hint::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: rgba(51, 51, 51, .2);
}

.src_hint::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateY(50%);
    width: 4px;
    height: 44px;
    background: rgba(102, 102, 102, 1);
    margin-left: -20%;
    animation: footbtn 3s linear infinite;
    transform-origin: center;
    -webkit-transform-origin: center;
}

@keyframes footbtn {
    0% {
        bottom: 100%;
        transform: translateY(50%) scale(1);
    }

    50% {
        bottom: 0;
        transform: translateY(50%) scale(1.2);
    }

    100% {
        bottom: 0;
        transform: translateY(50%) scale(1.4);
        opacity: 0;
    }
}

.banner_news {
    margin-left: 1.565rem;
    margin-bottom: .3rem;
    width: 5.7rem;
    position: relative;
}

.news_tit {
    font-size: .2rem;
    color: rgba(51, 51, 51, 1);
    line-height: 2;
}

.news_list {
    margin: 0;
    width: 71%;
    height: .21rem;
}

.news_list a {
    display: flex;
    align-items: center;
}

.news_list a span {
    position: relative;
    margin-right: .1rem;
    padding-right: .1rem;
    width: calc(24% - .1rem);
    font-size: .14rem;
    line-height: 1;
}

.news_list a span::after {
    content: "";
    width: 1px;
    height: 60%;
    background-color: rgba(51, 51, 51, 1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.news_list a h4 {
    width: 76%;
    font-size: .14rem;
}

.news_pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.news_pagination em {
    display: none;
}

.news_pagination div {
    margin-right: .24rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: .45rem;
}

.news_pagination .swiper-button-next,
.news_pagination .swiper-button-prev {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    width: auto;
    height: auto;
    margin-top: 0;
}

.news_pagination .swiper-button-next:after,
.news_pagination .swiper-button-prev:after {
    color: rgba(51, 51, 51, 1);
    font-size: .16rem;
}

.news_pagination i {
    color: rgba(51, 51, 51, 1);
}

.banner_nav {
    margin-bottom: .2rem;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner_nav a {
    padding-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc((100% - 1.2rem)/3);
    border-bottom: 1px solid rgba(51, 51, 51, 1);
}

.banner_nav a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    color: rgba(0, 104, 183, 1);
    font-size: .4rem;
}

.banner_nav a span {
    width: calc(100% - .4rem);
    text-align: center;
    color: rgba(51, 51, 51, 1);
    font-size: .16rem;
}

.banner_nav a+a {
    margin-left: .6rem;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.title {
    position: relative;
}

.title h4 {
    font-size: .36rem;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
    line-height: 2;
}

.title p {
    font-size: .18rem;
    color: rgba(153, 153, 153, 1);
    line-height: 1.6;
}

/* solution */
.solution {
    padding: .8rem 0;
    background-color: rgba(252, 252, 252, 1);
}

.solution_list {
    margin-top: .6rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.solution_list div {
    padding: .6rem .3rem .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: calc((100% - .8rem)/5);
    text-align: center;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.solution_list div i {
    margin-bottom: .2rem;
    padding-bottom: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    height: .5rem;
    font-size: .5rem;
    color: rgba(0, 104, 183, 1);
    position: relative;
}

.solution_list div i::after {
    content: "";
    width: .2rem;
    height: 1px;
    background-color: rgba(0, 104, 183, 1);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.solution_list div span {
    display: block;
    font-size: .16rem;
    line-height: 2;
    color: rgba(102, 102, 102, 1);
}

.solution_list div::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 104, 183, 1) 0%, rgba(62, 177, 53, 1) 100%);
    position: absolute;
    left: 0;
    top: -100%;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    display: none;
    opacity: 0;
    z-index: -1;
}

.solution_list div+div {
    margin-left: .2rem;
}

.solution_list div:hover span,
.solution_list div:hover i {
    color: #fff;
}

.solution_list div:hover::before {
    top: 0;
    opacity: 1;
    display: block;
}

.solution_list div:hover i::after {
    background-color: #fff;
}

/* case */
.case {
    padding: .8rem 0;
    background: url(../images/case-bg.jpg) no-repeat center;
    background-size: cover;
}

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

.case_top_left {
    width: 30%;
}

.case_top_left h2 {
    margin: .1rem 0 .4rem;
    font-size: .24rem;
    color: rgba(0, 104, 183, 1);
}

.case_top_left p {
    font-size: .3rem;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    line-height: 1.4;
}

.case_classify_tab {
	max-width: 68%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.case_classify_tab span {
    padding-bottom: .1rem;
    font-size: .18rem;
    line-height: 2;
    position: relative;
}

.case_classify_tab span::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: rgba(0, 104, 183, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}

.case_classify_tab span+span {
    margin-left: .6rem;
}

.case_classify_tab span:hover::after,
.case_classify_tab span.active::after {
    opacity: 1;
}

.case_bottom {
    margin-top: .3rem;
}

.case_list {
    padding-bottom: .6rem;
}

.case_item {
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}

.case_item.swiper-slide-active {
    transform: translateY(.6rem);
}

.case_item .img-box {
    height: 4.2rem;
    overflow: hidden;
}

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

.case_text {
    /*margin-left: -.05rem;*/
    margin-top: -.6rem;
    padding: .2rem .3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
    width: 80%;
    background-color: #bbe3f9;
    position: relative;
    box-shadow: 0px 10px 20px 0px rgba(209, 209, 209, 0.25);
    z-index: 1;
}

.case_text h4 {
	max-width: 68%;
    font-size: .24rem;
    color: rgba(51, 51, 51, 1);
    line-height: 2;
}

.case_text p {
    font-size: .18rem;
    color: rgba(102, 102, 102, 1);
    line-height: 2;
}

.more {
	margin-right: .3rem;
    display: flex;
    align-items: center;
    color: rgba(153, 153, 153, 1);
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}

.more span {
    margin-left: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    border: 1px solid rgba(0, 104, 183, 1);
    border-radius: 100%;
}

.more span i {
    display: block;
    width: .06rem;
    height: .06rem;
    background-color: rgba(0, 104, 183, 1);
    border-radius: 100%;
    position: relative;
}

.more span i::before {
    content: "";
    width: .5rem;
    height: 1px;
    background-color: rgba(0, 104, 183, 1);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}

.case_item:hover .more {
    margin-right: 0;
}

.case_item:hover .more span i::before {
    width: 1px;
}

/* customized */
.customized {
    padding: .8rem 0;
}

.customized .container {
    position: relative;
}

.customized_bd {
    margin-top: .8rem;
    position: relative;
}

.custom_item {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.cus_left {
    width: 47%;
    position: relative;
}

.cus_left .num {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke: 1px rgba(0, 104, 183, 1);
    font-style: normal;
    position: absolute;
    right: 0;
    top: -.6rem;
}

.cus_left .cus_text {
    width: calc(100% - .66rem);
}

.cus_text h3 {
    margin-top: .9rem;
    color: rgba(0, 104, 183, 1);
    font-size: .32rem;
}

.cus_text span {
    display: block;
    margin-top: -.5rem;
    font-size: .48rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(247, 247, 247, 1);
    position: relative;
    z-index: -1;
}

.cus_text p {
    margin-top: .35rem;
    font-size: .18rem;
    line-height: 2;
    color: rgba(102, 102, 102, 1);
    text-align: justify;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    work-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.cus_pic {
    width: 52%;
	height: 460px;
}

.cus_pic div {
    width: 127%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

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

.cur_classift_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(240, 240, 240, 1);
    width: calc(50% - 1.16rem);
    position: absolute;
    left: 0;
    bottom: 0;
}

.cur_classift_tab div {
    padding: .1rem .25rem;
    width: calc((100% - 60px)/3);
    font-size: .2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cur_classift_tab div::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: -1px;
    background-color: rgba(0, 104, 183, 1);
    display: none;
}

.cur_classift_tab div+div {
    margin-left: 30px;
}

.cur_classift_tab div:hover::before,
.cur_classift_tab div.active::before {
    display: block;
}

.cur_classift_tab div:hover,
.cur_classift_tab div.active {
    color: rgba(0, 104, 183, 1);
}

/* page*/

.page-main {
    margin-top: 100px;
}

.page_banner {
    margin-top: 1rem;
    position: relative;
}

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

.page_banner::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(61, 176, 53, 0.5) 0%, rgba(0, 104, 183, 0.5) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.sub_section {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateX(-50%);
    color: #fff;
    font-size: .14rem;
}

.sub_section h2 {
    font-size: .4rem;
    font-weight: 700;
    line-height: 2;
    font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;
}

.sub_section p {
    font-size: .24rem;
    font-weight: lighter;
    line-height: 2;
    text-transform: uppercase;
}

.page_channel {
	width: 100%;
    background-color: rgba(0, 104, 183, 1);
}
.page_channel #partnav{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start
}
.page_channel #partnav span{
}
.page_channel #partnav span+span{
	margin-left: .1rem
}
.subnav-mobile{
	display: none;
	font-weight: bold;
	width: 100%;
}
.page_channel a {
    padding: .1rem .3rem;
    display: block;
    font-size: .18rem;
    color: #fff;
}

.page_channel span:hover a,
.page_channel span.active a,
.subnav-wrap a:hover,
.subnav-wrap a.active{
    background-color: rgba(61, 176, 53, 1);
}
.page_channel .navFix{
	width: 100%;
	position: fixed;
	top: 100px;
	left: 0;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
	border-bottom:1px solid #e3e3e3\9;
	background-color: rgba(0, 104, 183, 1);
	z-index: 99999;
}
/* page about */
.page-about {
    padding: .8rem 0;
    background-color: #f4f8fb;
}

.page-about .title {
    margin-bottom: 0.2rem;
}

.page-about-bd {
    display: flex;
    justify-content: space-between;
}

.page-about-left {
    width: 48%;
    margin-left: 0
}

.page-about-pic {
    width: 50%;
}

.page-about-left .about-title {
    font-size: .22rem;
    color: rgba(0, 104, 183, 1);
}

.page-about-left .about-title {
    text-indent: 0
}

.page-about-text {
    font-size: .16rem;
    line-height: 2
}

.page-about-text p {
    margin-bottom: 15px;
    text-align: justify;
}

.page-about-text p:last-child {
    margin-bottom: 0
}

.page-about-left .about-info {
    margin-bottom: 0;
    margin-top: 3vw
}

.page-about-left .about-number {
    font-weight: 900;
    font-size: .3rem
}

.page-culture {
    background: url(../images/about_backg_1.png) no-repeat fixed center;
    background-size: cover;
    padding: .8rem 0
}

.page-culture .title h4,
.page-culture .title p {
    color: #fff
}

.page-culture-list {
    margin-top: 4.208vw;
    display: flex
}

.page-culture-item {
    flex: 1;
    text-align: center;
    padding: 0 2vw;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s
}

.page-culture-icon {
    font-size: .4rem;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
}

.page-culture-title {
    font-size: .2rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.page-culture-summary {
    font-size: .16rem;
    color: #fff
}

.page-culture-item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px)
}

.page-path {
    background: url(../images/about_backg_2.png) no-repeat top center;
    background-size: cover;
    padding: .8rem 0
}

.page-path-box {
    margin-top: 5.2083vw
}

.path-pagination {
    position: relative;
    display: flex;
    max-width: 80%;
    justify-content: space-between;
    margin: 0 auto 5.208vw
}

.path-pagination:before {
    position: absolute;
    left: 10px;
    bottom: 14px;
    width: calc(100% - 20px);
    height: 2px;
    background: #e5e5e5;
    content: '';
    margin-top: -1px;
}

.path-pagination span {
    position: relative;
    z-index: 2;
    padding-bottom: 45px;
    border-radius: 0;
    background: transparent;
    width: auto;
    height: auto;
    opacity: 1;
    font-size: .18rem;
    color: #999
}

.path-pagination span:before,
.path-pagination span:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.path-pagination span:before {
    width: 30px;
    height: 30px;
    background: #e5e5e5;
    bottom: 0
}

.path-pagination span:after {
    width: 10px;
    height: 10px;
    background: #ccc;
    bottom: 10px;
}

.path-pagination span:hover,
.path-pagination span.swiper-pagination-bullet-active {
    color: rgba(0, 104, 183, 1)
}

.path-pagination span:hover:before,
.path-pagination span.swiper-pagination-bullet-active:before {
    background: #adbad6
}

.path-pagination span:hover:after,
.path-pagination span.swiper-pagination-bullet-active:after {
    background: rgba(0, 104, 183, 1)
}

.swiper-path ul li {
    width: auto;
    display: flex;
    justify-content: space-between;
}

.page-path-img {
    width: 0;
    height: 14.583vw;
    border-radius: 18px;
    overflow: hidden;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
}

.page-path-img img {
    min-height: 100%;
    object-fit: cover
}

.page-path-text {
    padding-left: 2vw;
    max-width: 20.83vw;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
}

.page-path-number {
    font-size: .48rem;
    color: #ccc;
    font-weight: 900;
    margin-bottom: 20px;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
}

.page-path-title {
    padding-top: 30px;
    border-top: solid 1px #e5e5e5;
    font-size: .2rem;
    color: #333;
    font-weight: 900;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
}

.page-path-summary {
    margin-top: 20px;
    font-size: .14rem;
    color: #999;
    visibility: hidden;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
}

.swiper-path ul li.swiper-slide-active .page-path-img {
    width: 26.04vw
}

.swiper-path ul li.swiper-slide-active .page-path-number {
    color: rgba(0, 104, 183, 1)
}

.swiper-path ul li.swiper-slide-active .page-path-title {
    color: #333
}

.swiper-path ul li.swiper-slide-active .page-path-summary {
    color: #333;
    visibility: visible
}

.page-honor {
    padding: .8rem 0
}

.page-honor-swiper {
    margin: .3rem auto 0;
    width: 90%;
    position: relative;
    padding: 0 5vw
}

.page-honor-swiper ul li {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 5px;
    margin: 20px auto;
    opacity: .6;
    width: 20vw;
    margin-top: 4vw;
}

.page-honor-swiper ul li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-honor-swiper ul li.swiper-slide-active {
    opacity: 1;
    width: 25vw;
    margin-top: 0
}

.honor-next,
.honor-prev {
    border: solid 2px #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.honor-next:after,
.honor-prev:after {
    font-size: .2rem;
    color: #333
}

.honor-next:hover,
.honor-prev:hover {
    border-color: rgba(0, 104, 183, 1)
}
/* page productCase */
.page-product-case{
    padding: .5rem 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}
.page-product-case .pro-case-item{
    margin-right: 2px;
    margin-bottom: 2px;
    padding: .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: rgba(248, 250, 253, 1);
    width: calc((100% - 4px)/3);
    position: relative;
}
.page-product-case .pro-case-item::before{
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(145deg, rgba(0, 104, 183, 1) 0%, rgba(61, 176, 53, 1) 100%);
    position: absolute;
    left: -1px;
    top: -1px;
    transition: all 1s ease;
    z-index: -1;
    opacity: 0;
}
.page-product-case .pro-case-item:nth-child(2n){
    background-color: rgba(238, 243, 249, 1);
}
.page-product-case a:nth-child(3n){
    margin-right: 0;
}
.pro-case-item .img-box{
    margin-bottom: .2rem;
	width: 100%;
    height: 2.6rem;
    overflow: hidden;
}
.pro-case-item .img-box img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s ease;
}
.pro-case-item h4{
    font-size: .18rem;
    color: rgba(51, 51, 51, 1);
    line-height: 2;
}
.pro-case-item p{
    font-size: .14rem;
    line-height: 1.8;
    color: rgba(102, 102, 102, 1);
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    work-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pro-case-item .p-more{
    display: none;
}
.pro-case-item .p-more span{
    margin-top: .5rem;
    padding: .08rem .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: rgba(0, 104, 183, 1);
    transition: all 1s ease;
    opacity: 1;
}
.pro-case-item .p-more i{
    margin-left: .1rem;
    font-size: .22rem;
}
.pro-case-item:hover::before{
    opacity: 1;
}
.pro-case-item:hover .img-box img{
    transform: scale3D(1.1, 1.1, 1.1);
}
.pro-case-item:hover .p-more{
   display: block;
}

/* page product detail */

.page-location {
    padding: 15px 0;
    font-size: .14rem;
    transition: ease-in-out .3s;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .07);
	position: relative
}

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

.page-location .container:before,
.page-location .container:after {
    display: none
}

.page-location a {
    color: #333
}

.page-location a:hover {
    color: rgba(0, 104, 183, 1)
}

.page-location-left {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.page-location-left .page-title {
    margin-left: 2vw
}

.page-location-right {
    margin: 0;
    font-size: .16rem;
    font-weight: bold
}

.page-location-right a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(0, 104, 183, 1)
}

.page-location-right svg {
    width: 24px;
    height: 24px;
    fill: rgba(0, 104, 183, 1);
    margin-right: 10px
}

.page-location-right svg path {
    fill: rgba(0, 104, 183, 1)
}
.page-product-content{
    padding: .3rem 0;
    background-color: #fff;
}
.page-product-top {
    margin-bottom: .3rem;
    padding: .2rem;
    background-color: #fff;
    display: flex;
    align-items: stretch;
}
.page-pro-pic{
    margin-right: .3rem;
    width: 5rem;
    border: solid 1px #f2f2f2;
}
.page-pro-pic img{
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 90%;
    object-fit: contain;
}
.pro-top-right{
    width: calc(100% - 5.3rem);
}
.page-product-summary{
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.page-product-summary span{
    padding-right: .2rem;
    width: 33.33%;
    line-height: 2;
}
.page-product-bottom{
    padding: .2rem;
    background-color: #fff;
}
.page-product-label label{
    margin-bottom: .1rem;
    display: inline-block;
    font-size: .2rem;
    line-height: 2;
    color: rgba(0, 104, 183, 1);
}
.page-product-text{
    font-size: .16rem;
    line-height: 2;
    color: #333;
}
.page-product-text p{
    margin-bottom: .1rem;
}
.page-product-text img{
    max-width: 100%;
    height: auto!important;
}
/**/
.page-product-content .pro-title{
	margin-bottom: .15rem;
	font-size: 32px;
	text-align: center;
}
.page-product-content .pro-desc{
	margin-bottom: .3rem;
	font-size: 14px;
    color: #737373;
    line-height: 2;
	text-align: justify
}
.page-product-content .page-pro-list2{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}
.page-product-content .page-pro-list2 > li{
	margin-right: 2%;
	margin-bottom: .25rem;
	width: 32%;
}
.page-product-content .page-pro-list2 > li img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.page-product-content .page-pro-list2 > li:nth-child(3n){
	margin-right: 0
}
/* page solution */
.page-solution{
    padding: .4rem 0;
}
.page-solution-item{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.page-solution-item:nth-child(even){
	flex-direction: row-reverse
}
.page-solution div.page-solution-item+div.page-solution-item{
	border-top: 1px solid #fafafa
}
.page-solution-item .sol-left{
    padding-right: .5rem;
    width: calc(100% - 6.2rem);
}
.page-solution-item .sol-left h4,.p-sol-content h4{
    margin-top: .3rem;
    margin-bottom: .2rem;
    padding-bottom: .05rem;
    display: inline-block;
    font-size: .34rem;
    color: #333;
    position: relative;
}
.page-solution-item .sol-left h4::before,.p-sol-content h4::before{
    content: "";
    width: 50%;
    height: 1px;
    background-color: rgba(0, 104, 183, 1);
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-solution-item .sol-left p{
    text-align: justify;
    font-size: .16rem;
    line-height: 2;
    color: #737373;
}
.page-solution-item .sol-left a.more{
	color: #3eb135;
	font-size: .13rem;
	font-weight: 600
}
.page-solution-item .sol-pic{
    width: 6.2rem;
	height: 4.72rem;
	overflow: hidden
}
.page-solution-item .sol-pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.page-solution-item:nth-child(even) .sol-left,.p-sol-ct .sol-left{
	padding-left: .5rem;
	padding-right: 0
}
.p-sol-ct.page-solution-item{
	flex-direction: row!important
}

/* page service */
.page-service-list{
    padding: .5rem 0;
}
.service_item .cus_left .num{
    display: none;
}
.service_item .cus_left,
.service_item .cus_pic{
    width: 50%;
}
.service_item .cus_pic div{
    width: 100%;
}
.service_item .cus_left .cus_text{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service_item .cus_text h3{
    margin-top: 0;
}
.service_item .cus_text p{
    margin-top: .2rem;
}
.service_item:nth-child(2n){
    flex-direction: row-reverse;
}
.service_item:nth-child(2n) .cus_left .cus_text{
    padding-left: .66rem;
    width: 100%;
}

/* page news */
.page-news {
    padding: .5rem 0;
}
/* page news */
.page-news {
    background-color: #fff;
}

.page_news_list {
    margin-top: .4rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.page_news_list .page-news-item {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 32%;
    background-color: #fff;
}

.page_news_list .page-news-item:nth-child(3n) {
    margin-right: 0;
}

.page_news_list .page-news-item .page-news-img {
    position: relative;
    width: 100%;
    height: 2.88rem;
    overflow: hidden;
}

.page_news_list .page-news-item .page-news-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.page_news_list .page-news-item:hover .page-news-img img {
    transform: scale(1.1);
}

.page-news-text {
    padding: 20px 30px;
    box-sizing: border-box;
    background-color: rgb(248, 248, 248);
}

.page-news-title {
    font-size: .18rem;
    line-height: 30px;
    height: 60px;
    margin-bottom: 20px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page-news-time {
    color: #898989;
    font-size: .14rem
}

.page-news-time svg {
    width: 18px;
    height: 18px;
    fill: #898989;
    float: left;
    margin-right: 10px
}

.page-news-item:hover .page-news-img-block {
    transform: scale(1.1, 1.1)
}

.page-news-item:hover .page-news-title {
    color: rgba(0, 104, 183, 1);
    font-weight: bold
}

/*page news details*/
.page-news-details {
    background: #F7F7F7;
    padding: 50px 0
}

.page-news-details .container {
    background-color: #fff;
    padding: 40px;
}

.page-news-details .page-title {
    position: relative;
    font-size: .24rem;
    line-height: 1.6;
    color: #000;
    font-weight: 900;
}

.page-news-details .page-title:before {
    position: absolute;
    left: -40px;
    top: 50%;
    width: 6px;
    height: 32px;
    background-color: rgba(0, 104, 183, 1);
    content: '';
    margin-top: -16px;
}
.page-about-details .page-title{
    margin-bottom: 2rem;
}
.page-about-details .page-title:before{
    display: none;
}

.page-info {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 30px;
    align-items: center;
    margin-bottom: 40px;
}

.page-info-left {
    margin: 0;
    font-size: .16rem;
    color: #000
}

.page-info-right {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-info-right span {
    display: flex;
    font-size: .16rem;
    color: #666;
    margin-left: 20px;
    justify-content: center;
    align-items: center
}

.page-info-right span svg {
    width: 16px;
    height: 16px;
    fill: #666;
    margin-right: 10px;
}

.page-info-right span svg path {
    fill: #666;
}

.page-news-details .page-text p {
    margin-bottom: .12rem;
    text-align: justify;
    font-size: .16rem;
    line-height: 2;
}

.page-news-details .page-text img {
    max-width: 100%;
    height: auto !important;
}

/* page contact */
.page-contact {
    display: flex;
}

.page-contact-left {
    width: 43.2%;
    padding: 9.375vw 4.0625vw 9.375vw 8.33vw
}

.page-contact-left .page-title {
    font-size: .34rem;
    color: #000;
    margin-bottom: 50px;
    font-family: 'Noto Sans CJK SC';
    font-weight: bold
}

.page-contact-tel {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 60px;
}

.page-contact-tel i svg {
    width: 50px;
    height: 50px;
    fill: rgba(0, 104, 183, 1)
}

.page-contact-tel i svg path {
    fill: rgba(0, 104, 183, 1)
}

.page-contact-tel p {
    margin-left: 10px;
    font-size: .16rem;
    color: rgba(0, 104, 183, 1)
}

.page-contact-tel p b {
    display: block;
    font-size: .5rem;
    color: rgba(0, 104, 183, 1);
    line-height: 1;
    font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’, source-han-serif-sc, serif;
}

.page-contact-adds {
    font-size: .16rem;
    color: #333;
    line-height: 2;
    margin-bottom: 70px;
}

.page-contact-code {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.page-contact-code-item {
    margin-right: 2vw;
    text-align: center;
    width: calc((100% - 6vw) / 4)
}

.page-contact-code-item:last-child {
    margin-right: 0
}

.page-contact-code-item p {
    font-size: .16rem;
    color: #333;
    margin-top: 10px;
}

.page-contact-info {
    margin-top: 60px;
    font-size: .16rem;
    color: #999;
    line-height: 2
}

.page-contact-right {
    width: 56.8%
}

.page-contact-right #map {
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .page-contact {
        flex-direction: column;
    }

    .page-contact-left {
        width: 100%;
        padding: 30px 10px;
    }

    .page-contact-left .page-title {
        font-size: .38rem;
        margin-bottom: 20px;
    }
    .page-contact-adds{
        font-size: 0.266rem;
    }
    .page-contact-tel {
        margin-bottom: 20px;
    }

    .page-contact-tel i svg {
        width: 40px;
        height: 40px;
    }

    .page-contact-tel p {
        font-size: .228rem
    }

    .page-contact-tel p b {
        font-size: .494rem
    }

    .page-contact-code-item p {
        font-size: .228rem
    }

    .page-contact-adds {
        margin-bottom: 20px;
    }

    .page-contact-info {
        margin-top: 30px;
        font-size: 0.304rem;
    }

    .page-contact-right {
        height: 250px;
        width: 100%
    }
}


/*page next*/
.page-next {
    margin-top: 30px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.page-next p {
    font-size: 14px;
    line-height: 30px;
    color: #999;
    position: relative;
    display: flex;
    background: #F5F5F5;
    align-items: center;
    justify-content: center;
    padding: 8px 35px;
}

.page-next p:last-child {
    text-align: right
}

.page-next p svg {
    width: 16px;
    height: 16px;
    fill: #666
}

.page-next p a {
    color: #000;
    display: block;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.page-next p:hover,
.page-next p:hover a {
    background-color: #d43030;
    color: #fff
}

.page-next p:hover svg {
    fill: #fff
}

@media(max-width: 767px) {
    .page-next p {
        padding: 5px 10px;
        font-size: 1.2rem;
        line-height: 2
    }
}

.pages_text_box,
.pages_text_box p {
    font-size: var(--font-size-16);
    line-height: 1.8;
}

.pages_text_box p {
    margin-bottom: 1rem;
}

.pages_text_box img {
    max-width: 100%;
    height: auto !important;
}
/* page solution channel */
.page-solution{
    padding: .4rem 0;
}
.page-solution-top{
    margin-bottom: .8rem;
}
.page-solution-top .title h4{
    color: rgba(0, 104, 183, 1);
}
.page-solution-top .title .cn{
    margin-top: .5rem;
}
.page-sol-process{
    margin: .8rem auto .4rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}
.sol-process-div{
    width: 15%;
}
.sol-process-div div{
    margin: 0 auto .4rem;
    position: relative;
    width: 96px;
    height: 50px;
    color: rgba(0, 104, 183, 1);
    border-left: 2px solid rgba(0, 104, 183, 1);
    border-right: 2px solid rgba(0, 104, 183, 1);
    text-align: center;
}
.sol-process-div div::before{
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    transform: scaleX(1.5) translate(30%, -30px) rotate(45deg);
    border-left: 2px solid rgba(0, 104, 183, 1);
    border-top: 2px solid rgba(0, 104, 183, 1);
    background-image: linear-gradient(135deg, var(--color-gradient) 41%, rgba(255, 255, 255, 0) 0%);
    bottom: -2px;
    left: 3px;
    overflow: hidden;
}
.sol-process-div div::after{
    content: '';
    position: absolute;
    width: 45px;
    height:45px;
    transform: scaleX(1.5) translate(30%, -30px) rotate(45deg);
    border-bottom: 2px solid rgba(0, 104, 183, 1);
    border-right: 2px solid rgba(0, 104, 183, 1);
    background-image: linear-gradient(315deg, var(--color-gradient) 42%, rgba(255, 255, 255, 0) 0%);
    top: 58px;
    left: 3px;
    overflow: hidden;
}
.sol-process-div i{
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .4rem;
    color: rgba(0, 104, 183, 1);
    position: relative;
    -webkit-transition: -webkit-transform .62s ease-out;
    -moz-transition: -moz-transform .62s ease-out;
    -o-transition: -o-transform .62s ease-out;
    -ms-transition: -ms-transform .62s ease-out;
    transition: transform .62s ease-out;
}
.sol-process-div p{
    margin-top: .1rem;
    font-size: .16rem;
    line-height: 2;
}
.sol-process-div:hover i{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.page-solution-bottom{
    margin: .4rem auto;
}
.page-solution-bottom .title h4{
    padding-top: .2rem;
    display: inline-block;
    position: relative;
    color: rgba(0, 104, 183, 1);
}
.page-solution-bottom .title h4::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #a5a5a5;
    position: absolute;
    left: 0;
    top: 0;
}
.page-solution-bottom .title h4::after{
    content: "";
    width: 50%;
    height: 4px;
    background-color: rgba(0, 104, 183, 1);
    position: absolute;
    left: 50%;
    top: -1.5px;
    transform: translateX(-50%);
}
.hy-sol-list{
    margin-bottom: .2rem;
    padding: .4rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/sol-bg.jpg) no-repeat center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}
.hy-sol-list::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*background-color: rgba(0,0,0,.3);*/
	background-image: linear-gradient(135deg, rgba(0, 104, 183,.3) 0%, rgba(62, 177, 53, .3) 100%);
    z-index: -1;
}
.hy-sol-list .hy-sol-item{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.hy-sol-list .hy-sol-item i{
    font-size: .46rem;
}
.hy-sol-list .hy-sol-item span{
    font-size: .16rem;
    line-height: 2;
}
.page-sol-notice{
    font-size: .15rem;
    line-height: 2;
}

/* footer */
.footer {
    padding-top: .3rem;
    position: relative;
    background-color: rgba(246, 246, 246, 1);
    z-index: 5;
}

.bottom {
    padding-bottom: .3rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.ft_tit {
    margin-bottom: .2rem;
    font-size: .26rem;
    line-height: 2;
    color: rgba(51, 51, 51, 1);
}

.ft_media {
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
}

.ft_media a {
    color: #fff;
}

.ft_media div {
    position: relative;
    cursor: pointer;
}

.ft_media div+div {
    margin-left: .1rem;
}

.ft_media i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    background-color: rgba(0, 104, 183, 1);
    border-radius: 100%;
    font-size: .24rem;
    color: #fff;
}

.hoverbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0px;
    position: fixed;
    width: 1px;
    height: 1px;
    bottom: 100px;
    left: 0;
    line-height: 30px;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: opacity 0.3s, top 0.3s;
    -o-transition: opacity 0.3s, top 0.3s;
    transition: opacity 0.3s, top 0.3s;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    z-index: 5;
}

.hoverbox img {
    width: 100%;
}

.hoverbox span {
    margin-top: 8px;
    font-size: .14rem;
    color: #666;
    text-align: center;
}

.hoverbox::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 18px;
    bottom: -16px;
    left: 0;
}

.hoverbox::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 13px;
    height: 13px;
    margin-left: -7px;
    border-bottom: 2px solid #ebeced;
    border-right: 2px solid #ebeced;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}

.ft_media div:hover .hoverbox {
    position: absolute;
    width: 180px;
    padding: 10px 10px 17px;
    height: auto;
    overflow: initial;
    bottom: 55px;
    left: 45%;
    z-index: 2;
    opacity: 1;
}

.contact_link a {
    margin-right: .1rem;
    padding: .1rem .18rem;
    display: inline-block;
    font-size: .16rem;
    color: rgba(102, 102, 102, 1);
    border: 1px solid rgba(221, 221, 221, 1);
}

.bottom_left {
    margin: 0;
    padding-left: 1rem;
    width: 76%;
    position: relative;
}

.bottom_left::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(230, 230, 230, 1);
    position: absolute;
    left: 0;
    top: 0;
}

.f-menu {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.f-menu dt {
    margin-bottom: .1rem;
    font-size: .2rem;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
}

.f-menu a {
    margin: .5rem 0;
    width: 50%;
    font-size: .16rem;
    color: rgba(102, 102, 102, 1);
    line-height: 2;
}

.copyright {
    border-top: 1px solid rgba(230, 230, 230, 1);
    padding: .1rem 0;
    color: rgba(51, 51, 51, 1);
    font-size: .14rem;
}

.copyright a {
    color: rgba(51, 51, 51, 1);
    font-size: .14rem;
    line-height: 2;
}

.copyright br {
    display: none;
}

@media(max-width: 1600px) {}

@media(max-width: 1440px) {}

@media(min-width: 1300px) and (max-width: 1549px) {
    .form-title {
        margin-bottom: 3rem;
    }
}

@media(max-width: 1280px) {
    .nav-wrapper .nav-item {
        padding: 0 15px
    }

    .nav-wrapper>.nav-item+.nav-item {
        margin-left: 10px;
    }

    .f-menu {
        width: 56%;
    }

    .f-menu div.f-menu-item+div.f-menu-item {
        margin-left: 5rem;
    }
}

@media (min-width: 1025px) and (max-width: 1270px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .nav-wrapper .nav-item h2.nav-item-link {
        font-size: 15px;
    }

    .nav-wrapper>.nav-item+.nav-item {
        padding: 0 12px;
    }

    .form-title {
        margin-bottom: 2rem;
    }
}

@media(max-width: 1024px) {
    .nav-wrapper .nav-item h2.nav-item-link {
        font-size: 14px;
    }

    .nav-wrapper>.nav-item+.nav-item {
        padding: 0 6px;
    }

    .pub_con_box {
        padding: 0 1.5rem;
    }

    .page_news_left {
        padding-top: 2.5rem;
        padding-right: 0;
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
    }

    .title_info_box .pub_title {
        font-size: 2.5rem;
    }

    .title_info_box .pub_title_en {
        font-size: 1.3rem;
        margin-top: 2.4vw;
        white-space: nowrap;
    }

    .title_info_box .pub_plan_hint_box {
        display: none;
    }

    .pub_go_back {
        display: none;
    }

    .title_info_box {
        position: relative;
        top: auto;
        left: 0;
        transform: translate3d(0, 0, 0);
    }

    .page_news_right {
        margin-right: 0;
        padding-top: 2.5rem;
        width: 100%;
    }

    .page_news_list {
        margin-top: 0;
    }

    .page_news_list .news_det {
        margin-right: 4%;
        margin-bottom: 2rem;
        width: 48%;
    }

    .page_news_list .news_det .news_num {
        display: none;
    }

    .page_news_list .news_det .news_title {
        font-size: 1.4rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 35px;
    }

    .page_news_list .news_det .news_bottom>span {
        font-size: 1.2rem;
    }

    .page_news_list .news_det .news_bottom>div {
        font-size: 1.2rem;
    }

    .page_news_list .news_det:nth-child(2n) {
        margin-top: 0;
        margin-bottom: 2rem;
    }

    .page-news-content .title_info_box .pub_title {
        display: none;
    }

    .page-news-content .page_news_right {
        padding-top: 0;
    }

    .page-news-details {
        padding: 0;
    }

    .page_video {
        padding: 2rem 0;
    }

    .page-vidoe-list {
        flex-wrap: wrap;
    }

    .page-vidoe-list .video-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .page-vidoe-list .video-item a {
        bottom: 42px;
    }

    .page-vidoe-list .video-item .title {
        margin-top: 1rem;
        font-size: 1.6rem;
    }

    .bottom_code {
        width: 100%;
    }

    .bottom_code div {
        width: 33.33%;
    }

    .bottom_code div+div {
        margin-left: 0;
    }
}

@media(max-width: 992px) {
    .header-nav-item a {
        padding: 0 .6vw
    }
}

@media screen and (orientation: portrait) {
    #header {
        height: 50px;
    }

    .header-logo {
        height: 32px;
    }

    .header-logo a img {
        width: auto;
        height: 100%;
    }

    .header-button:before,
    .header-button:after,
    .header-button span {}

    .header-sticky .header-button:before,
    .header-sticky .header-button:after,
    .header-sticky .header-button span {
        background-color: #333
    }

    #header.background {
        background-color: rgba(255, 255, 255, .9)
    }

    #header.background .header-button:before,
    #header.background .header-button:after,
    #header.background .header-button span {
        background-color: var(--bg-black)
    }

    #banner {
        height: auto;
    }
	.PcBanenr .PcBanenr_content .PcBanenr_content_list img:first-child{
		display:none;
	}
	.PcBanenr .PcBanenr_content .PcBanenr_content_list img:nth-child(2){
		display:block;
	}
	.banner-text{
		display:none
	}
    .banner_nav a span{
        font-size: 0.266rem;
    }

    .about {
        flex-direction: column;
        align-items: center;
    }

    .about_txt {
        padding: 1.5rem;
        width: 100%;
    }

    .about_title {
        font-size: 6rem;
    }

    .about_txt h4 {
        margin-bottom: 1.5rem;
        font-size: 2rem;
    }

    .about_txt p {
        font-size: 1.4rem;
    }

    .about_list {
        height: 10rem;
        position: relative;
    }

    .about_list div i {
        width: 4rem;
        height: 4rem;
        font-size: 3.6rem;
    }

    .about_list div span {
        font-size: 1.4rem;
    }

    .about_list div:first-child i {
        font-size: 6rem;
    }

    .about_list div i::before {
        display: none;
    }

    .product {
        padding: 2rem 0 0;
        flex-direction: column;
    }

    .product_text {
        padding: 0 2rem 2rem;
        width: 100%;
    }

    .product_text h4 {
        font-size: 1.8rem;
    }

    .product_text p {
        font-size: 1.4rem;
    }

    .pro_scene {
        margin: 1rem 0;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .pro_scene div {
        margin-bottom: .5rem;
        width: 33.33%;
        font-size: 1.4rem;
    }

    .pro_scene div i {
        font-size: 2rem;
    }

    .product_text .more {
        margin-top: 2rem;
        padding: 1rem;
        width: 15rem;
        font-size: 1.4rem;
    }

    .product_text .more i {
        margin-left: 1rem;
        font-size: 1.4rem;
    }

    .product_pic {
        width: 100%;
    }

    .news {
        padding: 3rem 0;
    }

    .title h3 {
        font-size: 2.4rem;
    }

    .news-list .news-img {
        height: 22rem;
    }

    .news-list .txt-box h4 {
        font-size: 1.6rem;
    }

    .news-list .txt-box span {
        font-size: 1.4rem;
    }

    .page-main {
        margin-top: 50px;
    }

    .sub_banenr {
        margin-top: 50px;
        height: 24rem;
    }

    .sub_section h2 {
        margin-top: 0;
        font-size: 20px
    }

    .sub_section p {
        font-size: 14px;
        line-height: 1.8
    }

    .page-channel {
        margin-top: 1.5rem;
    }

    .page-channel a {
        font-size: 1.6rem;
    }

    .page-channel a+a {
        padding-left: 4rem;
    }

    .page-channel a+a::before {
        left: 2.5rem;
    }
    .page-news-details {}

    .page-news-details .page-title {
        font-size: 1.6rem;
    }

    .page-info {
        margin-top: 15px;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .page-info-left {
        font-size: 1.2rem;
    }

    .page-info-right span {
        margin-left: 1rem;
        font-size: 1.2rem;
    }

    .page-news-details .page-text p {
        font-size: 1.4rem;
    }
	.page-product-content .pro-title{
		font-size:24px;
	}
	.page-product-content .page-pro-list2 > li{
		width: 100%;
		margin-right: 0;
	}
    .footer {
        padding: 0;
    }
    .bottom {
        padding: .57rem 15px;
    }

    .bottom.container {
        flex-direction: column;
    }

    .bottom_left {
		display: none;
        width: 100%;
    }

    .ft_media {
        margin-bottom: .5rem;
        justify-content: center;
    }
	.ft_media i{
		width: .608rem;
		height: .608rem;
		font-size: .342rem
	}
	.ft_media div+div{
		margin-left: .2rem
	}
    .ft_media a+a {
        margin-left: 3rem;
    }

    .ft_contact {
		display: none;
        text-align: center;
    }

	.m-ft-container{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.m-ft-container .page-contact-tel,.m-ft-container .page-contact-adds{
		width: 100%
	}
	.page-contact-tel i{
		line-height: 1
	}
	.page-contact-code-item{
		margin: 0 auto;
		width: calc((100% - 6vw) / 3)
	}
	.page-contact-code-item:last-child{
		margin-right: auto
	}
    .f-menu {
        display: none;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .f-menu a {
        margin: 0 1rem;
        width: auto;
        font-size: 1.3rem;
    }

    .bootm_right {
        width: 100%;
    }

    .f-weixin {
        margin-top: 2rem;
        width: 100%;
    }

    .f-weixin img {
        margin: 0 auto;
        width: 36%;
    }
	.copyright span{
		display: none;
	}
    .copyright br{
        display: block;
    }
}
.backTop {
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

@media(max-width: 760px) {
    .backTop {
    }

    .backTop.active {
    }
}

/*pages*/
.pages {
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.pages a,
.pages b {
    margin: 5px;
    display: inline-block;
    color: #777777;
    border: none;
    line-height: 32px;
    height: 32px;
    padding: 0 12px;
    background-color: #f6f6f6;
}

.pages b {
    background: var(--bg-blue);
    color: var(--text-color-white)
}

.pages a:hover {
    color: var(--text-color-blue)
}
.pages a:first-child{
    display: none;
}
@media(max-width: 760px) {

    .pages a,
    .pages b {
        height: 24px;
        line-height: 24px;
        padding: 0 8px;
    }
}
/*right fixed*/
.right-fixed {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 100
}

.right-fixed-item {
    margin-bottom: -1px;
    position: relative;
    width: 80px;
}
.r-phone.right-fixed-item{
    height: 60px;
}

.right-fixed-block {
    padding: 10px 0;
    display: block;
    width: 80px;
    border: 1px solid #EAEAEA;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

.right-fixed-block i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    line-height: 1;
    color: var(--text-color-blue);
}
.backTop .right-fixed-block i{
    font-size: .5rem;
    line-height: .6;
}
.right-fixed-block p{
    font-size: .14rem;
    text-align: center;
}

.right-fixed-block span {
    display: none;
    color: #333333;
    font-size: 12px;
}

.right-fixed-code {
    position: absolute;
    right: -130%;
    width: 180px;
    padding: 12px;
    background-color: var(--bg-blue);
    text-align: center;
    top: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    z-index: 1
}

.right-fixed-code img {}

.right-fixed-code p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 2;
    color: #fff
}

.right-fixed-item:hover .right-fixed-block {
    background: var(--bg-blue);
    color: #fff
}

.right-fixed-item:hover i,
.right-fixed-item:hover span {
    color: #fff
}

.r-phone.right-fixed-item .right-fixed-block {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.r-phone.right-fixed-item .right-fixed-block span {
    font-size: 18px;
    color: #fff
}

.r-phone.right-fixed-item:hover .right-fixed-block {
    width: 216px;
    padding: 0 15px;
    border-radius: 30px;
    flex-direction: row;
}
.r-phone.right-fixed-item:hover .right-fixed-block p{
    display: none;
}

.right-fixed-item:hover .right-fixed-block span {
    display: block;
}

.right-fixed-item:hover .right-fixed-code {
    display: block;
    visibility: visible;
    opacity: 1;
    right: 90px
}

.right-fixed-item:hover .right-fixed-contact {
    right: 80px
}
.fixbar-box{
	display: none;
}
.m-ft-contact{
	display: none
}
@media screen and (orientation: portrait) {
    .header-right {
        display: none;
    }

    .header-button {
		margin-right: 0;
        display: block;
    }
	.indexBanner{
		margin-top: 50px;
		overflow: visible;
	}
    .banner-text .list_title_dt {
        margin-top: .4rem;
        font-size: .4rem;
    }

    .banner-text .list_title_p {
        font-size: .2rem;
    }

    .banner_title {
        display: none;
    }

    .src_hint {
        display: none;
    }

    .banner_bootm {
        bottom: -54px
    }

    .banner_news {
        margin: .2rem 0;
        width: 100%;
		display: none;
    }

    .news_tit {
        display: none;
    }

    .news_list {
        width: 82%;
        height: .4rem;
    }

    .news_list a span {
        width: calc(26% - .1rem);
        font-size: .24rem;
    }

    .news_list a h4 {
        width: 72%;
        font-size: .269rem;
    }

    .banner_nav {
        margin-top: .1rem;
        width: 100%;
		display: none;
    }

    .solution {
		margin-top: 0;
        padding: .5rem 0;
    }
	.solution .title p{
		display: none;
	}

    .solution_list {
        margin-top: .3rem;
        flex-wrap: wrap;
		justify-content: center
    }

    .solution_list div {
        margin-bottom: 0;
        margin-right: 0;
		padding: 0 .15rem .3rem;
        width: calc(100%/4);
    }
	.solution_list div i{
		margin-bottom: 0;
		padding-bottom: .2rem;
		width: auto;
		height: auto;
		font-size: .57rem;
		line-height: 1.2;
		background: linear-gradient(135deg, rgba(0, 104, 183, 1) 0%, rgba(62, 177, 53, 1) 100%);
		-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
	}
    .solution_list div span {
        font-size: .228rem;
		line-height: 1.6
    }

    .solution_list div i::after {
        background-color: #fff;
    }

    .solution_list div+div {
        margin-left: 0;
    }

    .solution_list div:nth-child(3n) {
        margin-right: 0;
    }
    .solution_list div::before {
        top: 0;
        display: none;
        opacity: 0;
    }
	.solution_list div:hover::before{
		opacity: 0
	}
	.solution_list div:hover span{
		color: #333
	}

    .case {
        padding: .5rem 0;
    }

    .case_top {
        flex-direction: column;
    }

    .case_top_left {
        text-align: center;
    }

    .case_top_left h2 {
        margin: .1rem 0 .2rem;
        font-size: .36rem;
    }

    .case_top_left p {
		display: none;
        font-size: .18rem;
        line-height: 1.6;
    }

    .case_classify_tab {
		margin-left: 0;
        margin-top: .2rem;
        width: calc(100% + 30px);
		max-width: none;
    }

    .case_classify_tab span {
		float: left;
        margin: 0 auto .2rem;
		padding: 0 5px;
		display: block;
        font-size: .266rem;
        text-align: center;
    }

    .case_classify_tab span+span {
        margin-left: 0px;
		margin-right: 0px
    }

    .case_item.swiper-slide-active {
        transform: none;
    }

    .case_item .img-box {
        height: 2.4rem;
    }

    .case_text {
        margin: 0;
        padding: 0 .2rem;
        width: 100%;
    }

    .case_text h4 {
        font-size: .266rem;
    }

    .case_text .more {
        margin: .2rem .3rem .2rem 0;
    }

    .case_bottom {
        margin-top: 0;
    }
	.case_list{
		padding-bottom: 0;
		height: 352px;
	}
	.case_item{
		height: calc((100% - 10px) / 2);
	}
    .customized {
        padding: .5rem 0;
    }

    .customized_bd {
        margin-top: .3rem;
    }
    .cur_classift_tab div{
        width: 30%;
        font-size: .266rem;
    }
    .cur_classift_tab div+div{
        margin-left: 5%;
    }

    .customized .container {
        padding-bottom: 1rem;
    }

    .custom_item {
        flex-direction: column-reverse;
    }

    .cus_pic {
        width: 100%;
		height: 210px
    }

    .cus_pic div {
        width: 100%;
    }

    .cus_left {
        width: 100%;
    }

    .cus_left .cus_text {
        width: 100%;
    }

    .cus_left .num {
        font-size: .68rem;
        top: .2rem;
    }

    .cus_text h3 {
        margin-top: .3rem;
    }

    .cus_text p {
        margin-top: .3rem;
		font-size: .266rem
    }

    .cur_classift_tab {
        padding: 0 15px;
        width: 100%;
    }
    .page_banner{
        margin-top: .95rem;
    }
	.page_channel #partnav{
		padding: 10px 15px
	}
	.page_channel #partnav span+span{
		margin-left: .19rem
	}
	.page_channel a{
		padding: .1rem .2rem;
		font-size: .266rem;
	}

	.page_channel .navFix{
		top: 50px		
	}
    /* page about */
    .page-about,
    .page-culture,
    .page-path,
    .page-honor {
        padding: .3rem 0;
    }

    .page-about .title {
        text-align: center;
    }

    .page-about .title h4,
    .page-culture .title h4,
    .page-path .title h4,
    .page-honor .title h4 {
        font-weight: 600;
    }

    .page-about-bd {
        flex-direction: column-reverse;
    }

    .page-about-pic {
        width: 100%;
    }

    .page-about-left {
        width: 100%;
    }
	.page-about-left .about-title{
		font-size: .304rem
	}
	.page-about-text{
		font-size: .266rem
	}

    .page-culture-icon {
        margin-bottom: .28rem;
        font-size: .57rem;
    }

    .page-culture-title {
        margin-bottom: .28rem;
        font-size: .342rem;
    }

    .page-path-box {
        margin-top: .57rem;
    }

    .path-pagination {
        width: 100%;
        max-width: 100%
    }

    .path-pagination:before {
        bottom: 6px;
    }

    .path-pagination span {
        padding-bottom: 30px;
    }

    .path-pagination span:before {
        width: 14px;
        height: 14px;
    }

    .path-pagination span:after {
        width: 6px;
        height: 6px;
        bottom: 4px;
    }

    .swiper-path ul li {
        width: 100%;
        display: block
    }

    .page-path-img {
        width: 100%
    }

    .swiper-path ul li.swiper-slide-active .page-path-img {
        border-radius: 10px;
        width: 100%;
        height: 210px
    }

    .page-path-text {
        max-width: 100%;
        margin-top: 15px;
    }
    .page-path-number{
        margin-bottom: .1rem;
    }
    .page-path-title{
        padding-top: .15rem;
        font-size: .3rem;
    }
    .page-path-summary{
        margin-top: .15rem;
    }
    .page-honor-swiper{width: 100%;padding: 0;}
    .page-honor-swiper ul li{
        margin-bottom: 0;
    }
    .page-honor-swiper ul li.swiper-slide-active{
        width: 100%
    }
    .honor-next, .honor-prev{
        display: none
    }
    .page-product-case{
        padding: .3rem 15px;
    }
    .page-product-case .pro-case-item{
        margin-right: 0;
        margin-bottom: 15px;
        padding: .24rem;
        width: 100%;
    }
    .page-product-case .pro-case-item::before{
        opacity: 1;
    }
    .pro-case-item .img-box{
        margin-bottom: .15rem;
        height: 4.2rem;
    }
    .pro-case-item h4{
        font-size: .3rem;
    }
    .pro-case-item .p-more,.pro-case-item:hover .p-more{
        display: none;
    }
    .pro-case-item .p-more span{
        margin-top: .2rem;
        padding: .08rem .15rem;
    }
    .page-location {
        padding: 10px 0
    }
	.page-location a{
		font-size: .247rem
	}

    .page-location.navbar-fixed-top .page-location-left p {
        display: none
    }
    .page-location-left .page-title {
        margin-left: 0
    }
    .page-location-right svg {
        width: 18px;
        height: 18px
    }
    .page-product-top{
        flex-direction: column;
    }
    .page-pro-pic{
        margin-right: 0;
        margin-bottom: .3rem;
        width: 100%;
    }
    .pro-top-right{
        width: 100%;
    }
    .page-product-title{
        font-size: .342rem;
    }
    .page-product-summary span{
        width: 50%;
		font-size: .266rem
    }
    .page-product-label label{
        font-size:.342rem;
    }
    .page-solution-item{
        padding: .3rem 0;
        flex-direction: column-reverse!important;
    }
    .page-solution-item .sol-pic{
        width: 100%;
    }
    .page-solution-item .sol-left,.p-sol-ct .sol-left{
		padding: 0!important;
        width: 100%;
    }
    .page-solution-item .sol-left h4{
        font-weight: 800;
    }
	.page-solution-item .sol-left p{
		font-size: .266rem
	}
	.page-solution-top .title .cn{
		margin-top: .3rem;
		font-size: .228rem
	}
	.page-solution-top .title .cn br,.page-sol-notice br{
		display: none;
	}
	.page-sol-process{
		width: 100%
	}
	.sol-process-div{
		margin: 0 1%;
		width: 18%;
	}
	.sol-process-div i{
		font-size: .52rem
	}
	.sol-process-div div{
		width: 64px;
		height: 38px
	}
	.sol-process-div div::before{
		width: 30px;
		height: 30px;
		left: 1px;
		bottom: -7px
	}
	.sol-process-div div::after{
		width: 30px;
		height: 30px;
		top: 53px;
		left: 1px
	}
	.hy-sol-list .hy-sol-item{
		width: 30%
	}
	.hy-sol-list .hy-sol-item i{
		font-size: .52rem
	}
	.hy-sol-list .hy-sol-item span{
		font-size: .266rem;
	}
	.p-sol-ct.page-solution-item{
		flex-direction: column!important
	}
	.page-sol-notice{
		padding: 0 15px
	}
    .page-service-list{
        padding: .3rem 0;
    }
    .service_item,.service_item:nth-child(2n){
        margin-bottom: 15px;
        flex-direction: column-reverse;
    }
    .service_item .cus_left, .service_item .cus_pic{
        width: 100%;
    }
    .service_item .cus_pic{
        margin-bottom: .3rem;
    }
    .service_item:nth-child(2n) .cus_left .cus_text{
        padding-left: 0;
    }
	.contact_link a{
		font-size: .266rem
	}
	.m-ft-contact{
		display: block;
	}
	.copyright{
		border-top: none;
	}
	.copyright,.copyright a{
		font-size: .228rem
	}
	.right-fixed{display: none;}
	.fixbar-box{
		display: block;
	}
	.fixbar{
		display:-webkit-box!important;
		display:-webkit-flex!important;
		display:-moz-box!important;
		display:-ms-flexbox!important;
		display:flex!important;
		position:fixed;
		width:100%;
		left:0;
		bottom:0;
		height:50px;
		bottom:constant(safe-area-inset-bottom);
		bottom:env(safe-area-inset-bottom);
		background-color:var(--bg-blue);
		color:#fff;
		z-index:90;
		-webkit-justify-content:space-around;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-moz-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-shadow:0 0 20px rgba(255,255,255,.05);
		-moz-box-shadow:0 0 20px rgba(255,255,255,.05);
		box-shadow:0 0 20px rgba(255,255,255,.05)
	}
	.fixbar a{
		color: #fff;
		text-align:center;
		font-size:16px;
		padding:10px;
		width:-webkit-calc(100% / 2);
		width:-moz-calc(100% / 2);
		width:calc(100% / 2);
		position:relative;
		display:flex;
		align-items: center;
		justify-content: center
	}
	.fixbar a img{
		width: auto;
		height: 20px;
		display: inline-block;
		margin-right: 10px;
	}
	.fixbar a+a:after,.b_menu a+a:before{
		content:'';
		width:1px;
		height:60%;
		background-color:#fff;
		left:0;
		top:20%;
		position:absolute;
		opacity:.2
	}
	.fixbar a i{
		font-size: 18px;
		margin-right: 5px;
	}
	.fixbar:before{
		contain:'';
		height:50px;
		left:0;
		bottom:-50px;
		position:absolute;
		background-color:#fff;
		width:100%
	}
}