@font-face {
    font-family: 'Samsung';
    src: url('../fonts/Samsung.otf');
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-weight: 900 1000;
    src: url(../fonts/Alibaba-PuHuiTi-Heavy.ttf)
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-weight: 700 900;
    src: url(../fonts/Alibaba-PuHuiTi-Bold.ttf)
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-weight: 500 700;
    src: url(../fonts/Alibaba-PuHuiTi-Medium.ttf)
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-weight: 300 500;
    src: url(../fonts/Alibaba-PuHuiTi-Regular.ttf)
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-weight: 100 300;
    src: url(../fonts/Alibaba-PuHuiTi-Light.ttf)
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    color: #3d4c63;
    background: #fff;
    font: 14px/1.5 AlibabaPuHuiTi sans-serif;
    outline: 0;
    overflow-x: hidden;
    padding-top: 0;
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: inherit
}

img {
    max-width: 100%;
    border: none
}

em,
i {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select,
textarea {
    font-size: 14px;
    color: #444;
    font-family: "Microsoft Yahei", sans-serif;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus {
    background: #fff;
    border: 1px solid #bbb
}

.false:focus {
    border: 2px solid #ff1531;
    background: #fff
}

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

::-moz-placeholder {
    color: #999
}

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

::-ms-clear,
::-ms-reveal {
    display: none
}

.fix {
    *zoom: 1
}

.fix:after,
.fix:before {
    display: block;
    content: "";
    height: 0;
    clear: both
}

.c {
    clear: both
}

.col-l,
.l {
    float: left
}

.col-r,
.r {
    float: right
}

.ani {
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.unselect {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.wp {
    /* width: 87%;
    max-width: 87%;
    margin: 0 auto */
    width:100%;
    padding:0 120px;
    box-sizing: border-box;
}

.h50 {
    height: 50px;
    clear: both;
    overflow: hidden
}

.h100 {
    height: 100px;
    clear: both;
    overflow: hidden
}

.dn {
    display: none
}

.tab-a,
.tab-b,
.tab-c {
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.tab-a.ok,
.tab-b.ok,
.tab-c.ok {
    height: auto;
    visibility: visible
}

.tit-ind1 {
    text-align: center;
    padding: 60px 0 55px
}

.tit-ind1 .tit {
    font-size: 42px;
    margin-bottom: 24px;
    color: #333;
    font-weight: bold
}

.tit-ind1 .tit:after {
    content: '';
    display: block;
    margin: 19px auto 0;
    width: 50px;
    height: 2px;
    background-color: #F08519
}

.tit-ind1 .sub {
    font-size: 16px;
    color: #666
}

.tit-ind1.white .sub,
.tit-ind1.white .tit {
    color: #fff
}

.tit-ind1.white .tit:after {
    background-color: #fff
}

.tit-ind2 {
    overflow: hidden;
    margin-bottom: 28px
}

.tit-ind2 .a1 {
    float: right;
    line-height: 42px;
    color: #999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none;
}

.tit-ind2 .w-more {
    float: right;
}

.tit-ind2 h3 {
    font-size: 28px;
    color: #333;
    display: inline-block;
}

.tit-ind2 .a1:hover {
    color: #F08519
}

.menuBtn {
    display: none;
    position: relative;
    width: 1em;
    height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menuBtn span {
    display: block;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    width: 100%;
    height: 2px;
    border: none;
    cursor: pointer;
    color: inherit
}

.menuBtn span:after,
.menuBtn span:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -ms-transform: translate(-50%, -.3em);
    -webkit-transform: translate(-50%, -.3em);
    transform: translate(-50%, -.3em);
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.menuBtn.open span {
    background: 0 0
}

.menuBtn span:after {
    -webkit-transform: translate(-50%, .3em);
    -moz-transform: translate(-50%, .3em);
    -ms-transform: translate(-50%, .3em);
    -o-transform: translate(-50%, .3em);
    transform: translate(-50%, .3em)
}

.menuBtn.open span:before {
    -ms-transform: translate(-48%, 0) rotate(45deg);
    -webkit-transform: translate(-48%, 0) rotate(45deg);
    transform: translate(-48%, 0) rotate(45deg)
}

.menuBtn.open span:after {
    -ms-transform: translate(-52%, 0) rotate(-45deg);
    -webkit-transform: translate(-52%, 0) rotate(-45deg);
    transform: translate(-52%, 0) rotate(-45deg)
}

.menuBtn {
    margin: 12px 0 0;
    font-size: 30px
}

.menuBtn span,
.menuBtn span:after,
.menuBtn span:before {
    background-color: #666;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.header {
    height: 90px;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88888;
    transition: background-color .3s ease, box-shadow .3s ease;
}

.header .logo img {
    transition: filter .3s ease;
}

.header .Header-search-click {
    filter: none;
}

.header .menuBtn span,
.header .menuBtn span:after,
.header .menuBtn span:before {
    background-color: #333;
}

.header .nav li a {
    color: #333;
    transition: color .3s ease, border-bottom-color .3s ease;
}

.header .nav li.on a {
    color: #ff6a00;
    border-bottom-color: transparent;
}

.header .nav li>a:hover {
    color: #ff6a00;
}

.header .Header-language-hover a {
    color: #333;
    transition: color .3s ease;
}

.header .Header-search-click {
    transition: filter .3s ease;
}

.header.header-solid {
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

.header.header-solid .nav li a {
    color: #333;
}

.header.header-solid .nav li.on a,
.header.header-solid .nav li>a:hover {
    color: #ff6a00;
}

.header.header-solid .Header-language-hover a {
    color: #333;
}

.header.header-solid .logo img {
    filter: none;
}

.header.header-solid .Header-search-click {
    filter: none;
}

.index .header {
    top: 0 !important;
}

.logo {
    float: left;
    line-height: 90px;
    z-index: 999;
    position: relative;
}

.logo img,
.logo svg {
    display: inline-block;
    vertical-align: middle;
    max-width: 210px;
    width: 210px;
}

.page-top {
    color: #fff;
    background: #F08519;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 60px
}

.page-top .page-more {
    float: left;
}

.page-top .page-text {
    float: right;
}

.page-top>span {
    position: relative;
    padding: 0 5px
}

.page-top>span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background: #999
}

.page-top .p-tel {
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    background: url(../images/w-tel.png) no-repeat left center;
    font-weight: 700;
}

.hdr {
    padding: 23px 0 0;
    text-align: center;
    z-index: 89;
}

.hdr-search {
    display: none;
    position: relative;
    margin: 45px 25px;
}

.Header-search {
    float: right;
}

.Header-search-click {
    width: 48px;
    height: 57px;
    background: transparent url('../images/search.png') no-repeat center;
    cursor: pointer;
    user-select: none;
    margin-top: 25px;
}

.Header-search-click.ontrue {
    background: transparent url('../images/close.png') no-repeat center;
}

.Header-search-message {
    width: 100%;
    height: 90px;
    position: absolute;
    z-index: 99;
    background: #fff;
    right: 0;
    top: 0;
    display: none;
}

.Header-search-words {
    width: 1360px;
    margin: 0 auto;
}

.Header-search-wordsform {
    float: right;
    height: 90px;
    line-height: 90px;
    font-size: 0;
}

.Header-search-submit {
    width: 54px;
    height: 90px;
    background: url('../images/search.png') no-repeat center center;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 0;
}

.Header-search-wordsform input {
    width: 580px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    outline: none !important;
    border: none;
    font-size: 16px;
    color: #333;
    margin-right: 40px;
    border-bottom: 1px solid #dadada;
}

.Header-search-wordsform input:focus {
    border: 0;
    border-bottom: 1px solid #dadada;
}

.Header-search-close {
    width: 54px;
    height: 90px;
    background: url('../images/close.png') no-repeat center center;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
}

.tel-lang {
    text-align: right;
    font-size: 0;
    margin-bottom: 4px;
    float: right;
    padding-top: 25px;
    position: relative;
    z-index: 90;
}

.tel-lang .tel {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 40px;
    background: url(../images/w-tel.png) no-repeat left center;
    font-weight: 700;
    font-size: 22px;
    color: #F08519
}

.tel-lang .mall {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 10px
}

.tel-lang .mall a {
    position: relative;
    font-size: 14px;
    color: #999;
    padding: 0 5px;
    line-height: 35px
}

.tel-lang .mall a:hover {
    color: #F08519
}

.tel-lang .mall a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background: #999
}

.tel-lang .lang {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    position: relative;
}

/*.tel-lang .lang a{float:left;width:50%;text-align:center;font-size:12px;line-height:22px;border-radius:11px;color:#666}
.tel-lang .lang a.on{background-color:#F08519;color:#fff}*/
/* 多个语言 */
.Hlang-box {
    padding: 16px 0px;
    z-index: 4;
    width: 128px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    background: #fff;
    position: absolute;
    top: 65px;
    left: 50%;
    display: none;
    margin-left: -64px;
}

.Hlang-box:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #efefef transparent;
    position: absolute;
    top: -8px;
    left: 50%;
    margin: 0 0 0 -4px;
}

.Hlang-box a {
    display: block;
    padding: 5px 10px 5px 44px;
    line-height: 30px;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    font-size: 16px;
    color: #666;
    text-align: left;
}

.Hlang-box a:hover {
    color: #fff;
    background: #F08519;
}

.Hlang-box a.CN {
    background-image: url('../images/icon-cn.png');
}

.Hlang-box a.EN {
    background-image: url('../images/icon-en.png');
}


.lang.ontrue .Hlang-box {
    display: block;
    /* animation: fadeInUpV .6s ease-in-out;
    -webkit-animation: fadeInUpV .6s ease-in-out; */
}

@keyframes fadeInUpV {
    0% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

.Header-language-hover {
    font-size: 16px;
    color: #666;
    display: block;
    cursor: pointer;
    line-height: 58px;
}

.Header-language-hover i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../images/language.png') no-repeat center center;
    vertical-align: middle;
    margin: -2px 4px 0 0;
}

.m-lang {
    font-size: 16px;
    text-align: center;
    display: none;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 15px 0;
    line-height: 1;
}

.m-lang a {
    border: 1px solid #f08519;
    color: #f08519;
    border-radius: 6px;
    margin: 0 auto;
    overflow: hidden;
}

.m-lang a span {
    width: 70px;
    padding: 10px 15px;
    display: inline-block;
}

.m-lang a span.on {
    background-color: #f08519;
    color: #fff;
}

.nav {
    overflow: hidden
}

.nav li {
    margin: 0 24px;
    display: inline-block;
}

.nav li a {
    display: block;
    font-size: 18px;
    line-height: 63px;
    border-bottom: 4px solid transparent;
    transition: all .3s;
}

.nav li>a:hover {
    color: #ff6a00;
    border-bottom-color: #ff6a00
}

.nav.hover li.on a {
    color: #333;
    border-bottom-color: transparent
}

.nav li.on a,
.nav.hover>li.on:hover>a {
    color: #ff6a00;
    border-bottom-color: #ff6a00
}

/* 下拉 */
.Header-arr {
    display: block;
}

.Header-dropdown {
    display: none;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 90px;
    left: 0;
    border-top: 1px solid #ddd;
    padding: 58px 0 68px;
    text-align: left;
}

.Header-dropdown-contain {
    width: 80%;
    margin: 0 auto;
}

.Header-dpmenu {
    width: 17%;
    float: left;
    border-right: 1px solid #e5e5e5;
    min-height: 180px;
}

.Header-dpmenu p {
    display: block;
    width: 100%;
}

.nav li .Header-dpmenu a {
    display: inline-block;
    padding-left: 32px;
    position: relative;
    font-size: 17px;
    color: #333;
    height: 36px;
    line-height: 36px;
    transition: all .4s ease;
    border: 0;
}

.nav li .Header-dpmenu a i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30px;
    text-align: left;
    background: url('../images/dropArr.png') no-repeat left center;
}

/* .nav li .Header-dpmenu a.ontrue {
    color: #F08519;
} */

.Header-dpcont {
    width: 83%;
    float: right;
}

.Header-dpitem {
    display: none;
    width: 100%;
    overflow: hidden;
}

.Header-dpitem.ontrue {
    display: block;
}

.Header-prolink {
    width: 60%;
    float: left;
    padding: 0 60px;
    border-right: 1px solid #e5e5e5;
    min-height: 180px;
    overflow: hidden;
}

.Header-prolink p {
    display: block;
    width: 50%;
    float: left;
}

.nav li .Header-prolink a {
    display: inline-block;
    font-size: 17px;
    color: #333;
    height: 36px;
    line-height: 36px;
    transition: all .4s ease;
    border: 0;
}

/* .nav li .Header-prolink a.ontrue {
    color: #F08519;
} */

.Header-proimg {
    width:400px;
    /* width: 40%; */
    /* height:212px; */
    text-align: center;
    float: right;
}

.Header-proimg-img {
    /* max-width: 100%; */
    display: none;
    margin: 0 auto;
    width:100%;
    /* height: 100%; */
}

/* .Header-proimg-img.ontrue {
    display: block;
} */

.Header-sonwdimg {
    width: 100%;
    overflow: hidden;
    padding-left: 60px;
}

.Header-sonwd {
    width: 52%;
    float: left;
}

.Header-sonwd p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.Header-sonimg {
    width: 34%;
    float: right;
}

.Header-sonimg img {
    width: 100%;
    object-fit: cover;
}

.Header-dropmore .Header-dpmenu {
    width: 24%;
}

.Header-dropmore .Header-dpcont {
    width: 76%;
}

.Header-dropmore .Header-sonimg {
    width: 35.2%;
}

.banner .item {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.banner .item img {
    object-fit: cover;
    width: 100%;
}

.banner .item img.pc {
    display: block;
}

.banner .item img.m {
    display: none;
}

.banner .slick-dots {
    position: absolute;
    bottom: 29px;
    left: 0;
    right: 0;
    font-size: 0;
    text-align: center
}

.banner .slick-dots li {
    display: inline-block;
    margin: 0 5px
}

.banner .slick-dots li button {
    width: 11px;
    height: 11px;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: 1;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 0;
    font-size: 0
}

.banner .slick-dots li.slick-active button {
    width: 11px;
    height: 11px;
    background-color: #F08519
}

.banner .slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    margin-top: -60px;
    font-size: 0;
    border: 0;
    background: url(../images/arrow-banner.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2
}

.banner .slick-prev {
    background-position: 0 0;
    left: 4%
}

.banner .slick-next {
    background-position: 100% 0;
    right: 4%
}

.footer {
    background-color: #fff;
    /* padding:30px 0 */
    border-top: 1px solid #ccc;
}

.fd-top {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.foot-logo {
    width: 210px;
}

.foot-follow {}

.eq-box {
    text-align: center;
    color: #333
}

.eq-box>div {
    display: inline-block;
}

.eq {
    width: 100px;
    margin-left: 30px;
}

.eq img {
    width: 100%;
}

.foot-nav {
    display: flex;
    padding: 40px 0;
    justify-content: space-between;
}

.foot-nav-item {
    margin-right: 35px;
}

.foot-nav-item:last-child {
    margin-right: 0;
}

.foot-nav-item h3 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    padding-bottom: 15px;
    display: block;
    height: 42px;
    line-height: 42px
}

.foot-nav-item p {
    margin-bottom: 10px;
}

.foot-nav-item a {
    font-size: 14px;
    color: #666;
    transition: all 0.3s ease;
}

.Footer-navclick {
    width: 100%;
    position: relative;
}

.Footer-navclick a {
    font-size: 16px;
    color: #fff;
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
}

.Footer-navclick i {
    width: 42px;
    height: 42px;
    display: none;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    background: url('../images/iconArr.png') no-repeat center center /14px auto;
}

/* .Footer-navclick i.ontrue {
    color: #666;
    transform: rotate(180deg);
} */

.Footer-navwords {
    width: 100%;
    overflow: hidden;
}

.foot-copy {
    text-align: center;
    color: #666;
    padding: 20px 0;
    border-top: 1px solid #ccc;
}

.foot-copy span {
    padding: 0 10px;
}

.foot-copy a {
    transition: all 0.3s ease;
    color: #666;
}

.foot-nav-item a:hover,
.foot-copy a:hover {
    color: #F08519;
}

.fd-nv {
    position: relative;
    float: left;
    overflow: hidden;
    padding-left: 25px;
    margin-right: 46px
}

.fd-nv:after {
    content: '';
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #181818
}

.fd-nv dl {
    float: left;
    width: 167px
}

.fd-nv dt {
    position: relative;
    font-size: 18px;
    color: #dcdcdc;
    margin-bottom: 22px
}

.fd-nv dt:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -25px;
    width: 15px;
    height: 1px;
    background: #F08519;
    display: none;
}

.fd-nv dd a {
    display: block;
    line-height: 33px;
    color: #777;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.fd-nv dd a:hover {
    color: #fff
}

.copyright {
    padding: 10px 0;
    line-height: 28px;
    overflow: hidden;
    transform: translate(0, -20px);
    /* background: #181818; */
}

.copyright .left {
    color: #777;
    float: left
}

.copyright .left span {
    margin-right: 25px
}

.copyright .left a {
    color: #777
}

.copyright .left a:hover {
    color: #F08519
}

.back-top {
    width: 38px;
    height: 38px;
    position: fixed;
    right: 24px;
    bottom: -200px;
    transition: ease all 0.3s;
    background: url(../images/icon-top.png) no-repeat;
    background-size: 100%;
    z-index: 999;
    opacity: 0;
}

.ft-share {
    float: right
}

.ft-share .cont {
    overflow: hidden
}

.ft-share .cont a {
    float: left;
    margin: 0 0 0 10px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 100%;
    -webkit-background-size: cover;
    background-size: cover
}

.ft-share .cont .bds_tsina {
    background-image: url(../images/icon-weibo.png)
}

.ft-share .cont .bds_sqq {
    background-image: url(../images/icon-qq.png)
}

.ft-share .cont .bds_mail {
    background-image: url(../images/icon-emial.png)
}

.ft-share .cont .bds_tsina:hover {
    background-image: url(../images/icon-weibo-on.png)
}

.ft-share .cont .bds_sqq:hover {
    background-image: url(../images/icon-qq-on.png)
}

.ft-share .cont .bds_mail:hover {
    background-image: url(../images/icon-emial-on.png)
}

.ft-share .cont a:hover {
    background-position: 0 0;
    opacity: 1
}

.fd-contact {
    float: left;
    padding: 10px 0 0;
    text-align: center;
    margin-right: 60px;
}

.fd-contact h4 {
    font-weight: 700;
    font-family: Arial;
    font-size: 36px;
    margin-bottom: 8px;
    color: #F08519
}

.fd-contact p {
    line-height: 22px;
    color: #666
}

.fd-contact .btn {
    display: block;
    margin: 22px auto 0;
    width: 201px;
    height: 37px;
    line-height: 37px;
    background: #F08519;
    color: #fff;
    text-align: center;
    border-radius: 18px
}

.fd-contact .btn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.fd-link {
    position: relative;
    top: -38px;
    z-index: 2
}

.fd-link .wp {
    position: relative;
    padding: 28px 0 23px 14px
}

.fd-link .wp:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -100%;
    background-color: #F08519
}

.fd-link h4 {
    position: relative;
    z-index: 2;
    float: left;
    padding-left: 30px;
    background: url(../images/w-link.png) no-repeat left center;
    font-size: 16px;
    color: #fff;
    margin-right: 12px
}

.fd-link .con a {
    position: relative;
    float: left;
    color: #aeb4d9;
    line-height: 24px;
    margin-left: 38px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.fd-link .con a:hover {
    color: #fff
}

.fd-link .con a:first-child {
    margin-left: 0
}

.fd-link .con a:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 7px;
    width: 1px;
    height: 12px;
    background-color: #7881bd
}

.fd-link .con a:first-child:after {
    display: none
}

.g-sidebar {
    position: fixed;
    top: 40%;
    right: 2%;
    z-index: 1000
}

.g-sidebar li {
    position: relative;
    margin-bottom: 4px;
    background-color: #666;
    border-radius: 22px
}

.g-sidebar li a {
    display: block
}

.g-sidebar li .pic {
    position: relative;
    z-index: 100;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center
}

.g-sidebar li a img {
    display: inline-block;
    vertical-align: middle
}

.g-sidebar li a p {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 44px;
    background-color: #F08519;
    width: 150px;
    line-height: 44px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    display: none
}

.g-sidebar li a p:after {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
    height: 30px;
    background-color: #a4aad2
}

.g-sidebar li:hover {
    background-color: #F08519
}

.g-sidebar li.on:before {
    content: '';
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    width: 80px;
    background-color: #F08519
}

.g-sidebar li:hover a p {
    display: block
}

.ft-bar {
    display: none
}

.pop_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .75);
    display: none
}

.tab-pro {
    text-align: center;
    font-size: 0;
    margin-bottom: 50px
}

.tab-pro li {
    display: inline-block;
    margin: 0 14px
}

.tab-pro li a {
    display: block;
    font-size: 18px;
    width: 194px;
    height: 56px;
    line-height: 54px;
    border: 1px solid #ddd;
    border-radius: 28px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.tab-pro li a:hover {
    border-color: #F08519;
    color: #F08519
}

.tab-pro li.on a {
    border-color: #F08519;
    background-color: #F08519;
    color: #fff
}

.slick-pro {
    margin: 0 -20px
}

.slick-pro .slick-track {
    padding-top: 10px
}

.slick-pro .pro-item {
    position: relative;
    top: 0;
    display: block;
    border: 1px solid #ddd;
    margin: 0 20px;
    padding: 0 0 35px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-pro .pro-item .pro-item__pic {
    height: 385px;
    text-align: center
}

.slick-pro .pro-item .pro-item__pic img {
    vertical-align: top;
    display: inline-block;
    max-height: 100%
}

.slick-pro .pro-item .pro-item__txt {
    text-align: center;
    padding: 16px 5px 0
}

.slick-pro .pro-item .pro-item__txt h4 {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slick-pro .pro-item .pro-item__txt p {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 42px;
    margin-bottom: 3px
}

.slick-pro .pro-item .pro-item__more {
    font-weight: lighter;
    color: #F08519;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    line-height: 48px;
    padding-left: 30px;
    border: 1px solid #F08519;
    border-radius: 25px;
    background-image: url(../images/w-arrow.png);
    background-repeat: no-repeat;
    background-position: 90px center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-pro .pro-item:hover {
    top: -5px;
    box-shadow: 0 2px 8px rgba(58, 64, 106, .11)
}

.slick-pro .pro-item:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #F08519
}

.slick-pro .pro-item:hover .pro-item__more {
    background-image: url(../images/w-arrow-on.png);
    background-color: #F08519;
    color: #fff
}

.slick-pro .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-pro .slick-prev {
    left: -90px;
    background-image: url(../images/w-prev.png)
}

.slick-pro .slick-next {
    right: -90px;
    background-image: url(../images/w-next.png)
}

.slick-pro .slick-prev:hover {
    background-image: url(../images/w-prev-on.png)
}

.slick-pro .slick-next:hover {
    background-image: url(../images/w-next-on.png)
}

.index-more {
    font-weight: lighter;
    color: #fff;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #F08519;
    border-radius: 25px;
    background-repeat: no-repeat;
    background-position: 90px center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    background-color: #F08519;
    padding-left: 48px;
    margin-top: 25px;
}

.index-more:hover {
    background-image: url(../images/case-arr.png);
    color: #fff;
    padding-left: 40px;
    text-align: left;
    background-position: 115px;
}

.row-ind2 {
    background: url(../images/w-bg1.jpg) no-repeat center/cover
}

.ul-reason {
    overflow: hidden;
    margin: 0 -12px
}

.ul-reason .reason-item {
    float: left;
    width: 25%
}

.ul-reason .reason-inner {
    margin: 0 28px
}

.ul-reason .reason-item__pic {
    display: block;
    width: 200px;
    height: 200px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #F08519;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.ul-reason .reason-item__pic1 {
    background-image: url(../images/r-icon1.png)
}

.ul-reason .reason-item__pic2 {
    background-image: url(../images/r-icon2.png)
}

.ul-reason .reason-item__pic3 {
    background-image: url(../images/r-icon3.png)
}

.ul-reason .reason-item__pic4 {
    background-image: url(../images/r-icon4.png)
}

.ul-reason .reason-item__txt {
    padding: 12px 0 0;
    color: #fff;
    text-align: center
}

.ul-reason .reason-item__txt h4 {
    font-size: 20px;
    margin-bottom: 13px
}

.ul-reason .reason-item__txt p {
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 120px
}

.ul-reason .reason-inner:hover .reason-item__pic {
    background-color: #F08519;
    border-color: #fff
}

.ul-reason .reason-inner:hover .reason-item__pic1 {
    background-image: url(../images/r-icon1-on.png)
}

.ul-reason .reason-inner:hover .reason-item__pic2 {
    background-image: url(../images/r-icon2-on.png)
}

.ul-reason .reason-inner:hover .reason-item__pic3 {
    background-image: url(../images/r-icon3-on.png)
}

.ul-reason .reason-inner:hover .reason-item__pic4 {
    background-image: url(../images/r-icon4-on.png)
}

.ul-count {
    position: relative;
    top: 55px;
    background-color: #fff;
    overflow: hidden;
    padding: 30px 0 40px 40px;
    box-shadow: 0 2px 10px 0 rgba(61, 70, 78, .1)
}

.ul-count .count-item {
    float: left;
    width: 25%
}

.ul-count .count-item+.count-item {
    position: relative;
    padding-left: 65px
}

.ul-count .count-item+.count-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 80px;
    background: #ddd
}

.ul-count .count-item .count {
    font-weight: lighter;
    font-size: 60px;
    line-height: 1.2;
    color: #F08519;
    margin-bottom: 2px;
    font-family: 'Samsung'
}

.ul-count .count-item .count .num {
    font-family: 'Samsung'
}

.ul-count .count-item p {
    font-size: 16px;
    color: #222
}

.row-ind1 {
    padding: 0 0 90px
}

.row-ind3 {
    background: #f5f5f5;
}

.row-ind4 {
    padding: 80px 0 80px;
    background: url(../images/index-about-bg.jpg) left center no-repeat;
    background-size: cover;
    min-height: 570px;
    position: relative;
}

.row-ind4 .wp {
    position: relative;
}

.row-ind4:before {
    content: '';
    background-color: rgba(6, 58, 160, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row-ind4:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    width: 353px;
    display: none;
}

.row-ind4 .txt {
    width: 100%;
    position: relative;
}

.row-ind4 .txt h4 {
    font-size: 42px;
    color: #fff;
    margin-bottom: 52px;
    font-weight: bold;
    text-align: center;
}

.row-ind4 .txt h4:after {
    content: '';
    display: block;
    margin: 20px auto 0;
    width: 50px;
    height: 3px;
    background: #F08519
}

.row-ind4 .txt p {
    line-height: 2;
    color: #fff;
    margin: 0 auto 52px;
    text-align: center;
    max-width: 80%;
    font-size: 16px;
}

/*.w-more{display:block;text-transform:uppercase;width:160px;height:50px;line-height:48px;border:1px solid #F08519;color:#F08519;border-radius:25px;padding-left:30px;background-image:url(../images/w-more.png);background-position:90px center;background-repeat:no-repeat;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.w-more:hover{background-color:#F08519;background-image:url(../images/w-more-on.png);color:#fff}*/

.w-more {
    font-weight: lighter;
    color: #fff;
    display: block;
    text-transform: uppercase;
    width: 160px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #F08519;
    border-radius: 25px;
    background-repeat: no-repeat;
    background-position: 90px center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    background-color: #F08519;
    padding-left: 48px;
    margin-top: 25px;
}

.w-more:hover {
    background-image: url(../images/case-arr.png);
    color: #fff;
    padding-left: 40px;
    text-align: left;
    background-position: 115px;
}

.row-ind4 .video-box {
    position: absolute;
    right: 10%;
    left: 10%;
    top: 330px;
    z-index: 2;
    display: flex;
}

.row-ind4 .video {
    overflow: hidden;
    border-radius: 10px;
    justify-content: center;
    margin: 0 15px;
    width: calc(50% - 30px);
    position: relative;
    max-height: 310px;
}

.row-ind4 .video video,
.row-ind4 .video img {
    display: block;
    width: 100%;
    background-color: #000;
    object-fit: cover;
}

.row-ind4 .video .video-mask {
    padding-top: 54.07%;
}

.slick-w1 {
    margin: 45px -8px 0
}

.slick-w1 .item {
    display: block;
    margin: 0 8px
}

.slick-w1 .pic {
    position: relative;
    padding-top: 71.43%;
    overflow: hidden
}

.slick-w1 .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-w1 .pic:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.slick-w1 .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    border: 0;
    background-color: transparent;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-w1 .slick-prev {
    left: -90px;
    background-image: url(../images/w-prev.png)
}

.slick-w1 .slick-next {
    right: -90px;
    background-image: url(../images/w-next.png)
}

.slick-w1 .slick-prev:hover {
    background-image: url(../images/w-prev-on.png)
}

.slick-w1 .slick-next:hover {
    background-image: url(../images/w-next-on.png)
}

.row-ind5 {
    padding: 62px 0 90px;
    margin-top: 150px;
}

.row-ind5 .tab-abo {
    text-align: left
}

.row-ind5 .tab-abo .tab-abo_li:first-child {
    margin-left: 0
}

.row-ind6 {
    padding: 0 0 90px;
    overflow: hidden;
    background-color: #f5f5f5
}

.row-ind6 .col-l {
    width: 60%
}

.row-ind6 .col-r {
    width: 40%;
    padding-left: 40px;
}

.index-vr-img img {
    width: 100%;
}

.index-vr-txt {
    text-align: center;
    padding: 16px 0;
    background-color: #fff;
    font-size: 18px;
}

.m-news {
    overflow: hidden
}

.m-news .cont {
    float: left;
    width: 40%;
    margin-right: 15px;
    border: 1px solid #ddd;
}

.m-news .con1 {
    position: relative;
}

.m-news .con1 .new-pic {
    width: 100%;
    height: 250px;
}

.m-news .con1 .new-pic img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.m-news .con1 .pic {
    position: relative;
    padding-top: 74.26%;
    overflow: hidden
}

.m-news .con1 .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-news .con1 .pic:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.m-news .con1 .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    padding: 15px 12px 10px 12px
}

.m-news .con1 .txt h4 {
    margin-bottom: 5px
}

.m-news .con1 .txt h4 a {
    display: block;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-news .con1 .txt .time {
    color: #fff
}

.m-news .con2 {
    background: #fff;
    padding: 10px;
}

.m-news .con2 time {
    font-size: 12px;
    color: #c2c2c2;
}

.m-news .con2 h4 {
    margin-bottom: 5px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.m-news .con2 p {
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
    color: #999;
    margin-bottom: 5px
}

.m-news .con2 span {
    color: #999;
}

.ul-news {
    overflow: hidden
}

.ul-news li {
    overflow: hidden;
    padding: 18px 10px;
    margin-bottom: 7px;
    background: #fff;
    border: 1px solid #ddd;
}

/* .ul-news li:first-child{border-top:0;padding-top:18px} */
.ul-news .news-item__time {
    float: left;
    width: 120px;
    color: #666;
    text-align: center;
    margin-right: 10px;
    padding: 3px 0 0
}

.ul-news .news-item__time strong {
    font-weight: 700;
    display: block;
    font-family: Arial;
    font-size: 36px;
    line-height: 1.3;
    margin: 0 auto
}

.ul-news .news-item__txt {
    overflow: hidden;
    padding: 3px 0 0
}

.ul-news .news-item__txt h4 {}

.ul-news .news-item__txt h4 {
    display: block;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 7px
}

.ul-news a:hover .news-item__txt h4 {
    color: #F08519
}

.ul-news .news-item__txt p {
    line-height: 22px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px
}

.ul-problem .problem-item {
    margin-bottom: 1px
}

.ul-problem .problem-item .problem-item__link {
    display: block;
    position: relative;
    font-size: 16px;
    color: #666;
    line-height: 75px;
    padding: 0 50px 0 48px;
    background: #fff url(../images/w-right.png) no-repeat right 22px center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ul-problem .problem-item .problem-item__link:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 25px;
    width: 9px;
    height: 9px;
    border: 2px solid #b6b6b6;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.ul-problem .problem-item .problem-item__link:hover {
    background-color: #F08519;
    color: #fff;
    background-image: url(../images/w-right-on.png)
}

.ul-problem .problem-item .problem-item__link:hover:after {
    border-color: #fff
}

.row-ind7 {
    padding: 0 0 90px
}

.ul-step {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    padding: 15px 0 0
}

.ul-step li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 2;
    color: #666;
    margin: 0 21px
}

.ul-step li+li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -22px;
    width: 4px;
    height: 1px;
    background-color: #666
}

.ul-step li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.hot-search {
    background-color: #f6f6f6;
    padding: 10px;
    line-height: 45px
}

.hot-search .search {
    float: right;
    position: relative;
    padding-right: 44px;
    width: 352px;
    margin-left: 20px
}

.hot-search .search .inp {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent;
    padding: 0 5px;
    width: 100%
}

.hot-search .search .btn {
    position: absolute;
    top: 5px;
    right: 0;
    width: 36px;
    height: 36px;
    background: #F08519 url(../images/ico_search.png) no-repeat center center;
    border: none;
    border-radius: 50%
}

.hot-search .hot {
    overflow: hidden
}

.hot-search .hot dt {
    float: left
}

.hot-search .hot dd {
    overflow: hidden;
    color: #666
}

.hot-search .hot a {
    margin-right: 15px;
    color: #666
}

.hot-search .hot a:hover {
    color: #F08519
}

.slick-case.pro {
    margin: 0 -12px 55px
}

.slick-case.pro .case2-item {
    float: left;
    width: 25%;
    margin: 0 0 28px
}

.slick-case.pro .case2-item .case2-con {
    margin: 0 12px
}

.h120 {
    height: 120px
}

.pro-so {
    overflow: hidden;
    padding: 40px 0 10px
}

.pro-so .so {
    position: relative;
    float: right;
    width: 318px;
    height: 46px;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 23px
}

.pro-so .so .inp {
    display: block;
    width: 100%;
    height: 44px;
    border: none;
    padding: 0 48px 0 18px
}

.pro-so .so .submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56px;
    background: url(../images/so2.png) no-repeat center;
    font-size: 0;
    border: 0
}

.pro-so .sel {
    overflow: hidden;
    text-align: center;
}

.pro-so .sel a {
    margin-right: 10px;
    min-width: 150px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 23px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 0 20px;
    margin-bottom: 15px;
    display: inline-block;
}

.pro-so .sel a:hover {
    border-color: #F08519;
    color: #F08519
}

.pro-so .sel a.on {
    background-color: #F08519;
    color: #fff;
    border-color: #F08519
}

.m-product {
    overflow: hidden;
    padding: 60px 0
}

.m-product .pic-box {
    float: left;
    width: 600px;
    margin-right: 92px
}

.m-product .pic-box .pic-big {
    height: 560px;
    margin-bottom: 26px
}

.m-product .pic-box .pic-big img {
    display: block;
    width: 100%;
    height: 100%
}

.slick-pic {
    padding: 0 45px
}

.slick-pic .slick-track {
    padding: 1px 0
}

.slick-pic .item {
    position: relative;
    margin: 0 5px;
    cursor: pointer
}

.slick-pic .item.on:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 2px solid #F08519
}

.slick-pic .pic {
    position: relative;
    padding-top: 100%
}

.slick-pic .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-pic .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    font-size: 0;
    border: 0;
    z-index: 2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 100%;
}

.slick-pic .slick-prev {
    left: 0;
    background-image: url(../images/w-prev.png)
}

.slick-pic .slick-next {
    right: 0;
    background-image: url(../images/w-next.png)
}

.slick-pic .slick-prev:hover {
    background-image: url(../images/w-prev-on.png)
}

.slick-pic .slick-next:hover {
    background-image: url(../images/w-next-on.png)
}

.m-product .txt-box {
    overflow: hidden
}

.m-product .txt-box .con1 {
    padding: 0 0 20px;
    border-bottom: 1px solid #ececec
}

.m-product .txt-box .con1 h3 {
    font-weight: 700;
    font-size: 30px;
    color: #333;
    margin-bottom: 8px
}

.m-product .txt-box .con1 p {
    color: #666
}

.m-product .txt-box .con2 {
    overflow: hidden;
    padding: 18px 0 20px;
    font-size: 16px;
    line-height: 2
}

.m-product .txt-box .con2 li {
    float: left;
    width: 50%
}

.m-product .txt-box .con2 li p {
    font-size: 16px;
    line-height: 36px;
    color: #333
}

.m-product .txt-box .con3 .share {
    margin-bottom: 26px
}

.m-product .txt-box .con3 .share .bdsharebuttonbox {
    display: inline-block;
    vertical-align: middle
}

.m-product .txt-box .con3 .share .bdsharebuttonbox a {
    width: 36px;
    height: 36px;
    background: url(../images/icon-share.png) no-repeat
}

.m-product .txt-box .con3 .share .bdsharebuttonbox a.bds_tsina {
    background-position: 0 0
}

.m-product .txt-box .con3 .share .bdsharebuttonbox a.bds_weixin {
    background-position: -42px 0
}

.m-product .txt-box .con3 .share .bdsharebuttonbox a.bds_sqq {
    background-position: -87px 0
}

.m-product .txt-box .con3 .share .bdsharebuttonbox a.bds_mail {
    background-position: right 0
}

.m-product .txt-box .con3 .btn {
    overflow: hidden
}

.m-product .txt-box .con3 .btn a {
    float: left;
    font-size: 16px;
    width: 220px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #F08519;
    border-radius: 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-product .txt-box .con3 .btn a.a1 {
    color: #F08519;
    margin-right: 21px
}

.m-product .txt-box .con3 .btn a.a1:hover,
.m-product .txt-box .con3 .btn a.a2 {
    background-color: #F08519;
    color: #fff
}

.m-product .txt-box .con4 {
    overflow: hidden;
    padding: 42px 0 0
}

.m-product .txt-box .con4 a,
.m-product .txt-box .con4 .prev,
.m-product .txt-box .con4 .next {
    float: left;
    width: 45px;
    height: 45px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.m-product .txt-box .con4 .prev a,
.m-product .txt-box .con4 .prev {
    background-image: url(../images/left5.png)
}

.m-product .txt-box .con4 .next a,
.m-product .txt-box .con4 .next {
    background-image: url(../images/right5.png)
}

.m-product .txt-box .con4 a.return {
    background: url(../images/icon-return.png)
}

.m-product .txt-box .con4 a:hover,
.m-product .txt-box .con4 div:hover {
    background-color: #F08519
}

.m-product .txt-box .con4 a.return:hover {
    background: url(../images/icon-return-on.png)
}

.m-product .txt-box .con4 .prev a,
.m-product .txt-box .con4 .next a,
.m-product .txt-box .con4 .prev,
.m-product .txt-box .con4 .next {
    display: block;
    overflow: hidden;
    line-height: 45px;
    text-indent: -9999px;
}

.pro-tab {
    background-color: #fff;
    font-size: 0;
    text-align: center;
    margin-bottom: 60px
}

.pro-tab li {
    display: inline-block;
    width: 135px;
    margin: 0 20px
}

.pro-tab li a {
    font-weight: 700;
    display: block;
    font-size: 18px;
    line-height: 57px;
    color: #333;
    border-bottom: 3px solid transparent
}

.pro-tab li.on a {
    color: #F08519;
    border-bottom-color: #F08519
}

.pro-row1 {
    padding: 50px 0 71px;
}

.pro-row1 .wp {
    line-height: 2
}

.pro-row1 .wp table {
    margin: 0 auto !important
}

.pro-row2 {
    background: #fff;
}

.provr-row {
    padding-bottom: 55px;
}

.pro-vr {
    padding-bottom: 70px;
    background: url(../images/details_imgs_bg.png) center bottom no-repeat;
}

.provr-row .xr {
    margin: 0 auto;
}

#backbuffer {
    width: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-height: 100%;
}

.ul-pro {
    padding: 30px 20px 40px;
    background-color: #fff
}

.ul-pro li {
    height: 626px;
    overflow: hidden
}

.ul-pro .l,
.ul-pro .r {
    position: relative;
    width: 50%;
    height: 100%
}

.ul-pro li:nth-child(even) .l {
    float: right
}

.ul-pro .pic {
    position: relative;
    padding-top: 106.3%
}

.ul-pro .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ul-pro .txt {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 64px
}

.ul-pro .txt h4 {
    font-weight: lighter;
    font-size: 40px;
    color: #333;
    margin-bottom: 52px
}

.ul-pro .txt p {
    font-size: 16px;
    line-height: 36px;
    color: #666
}

.ul-pro .txt .tip {
    overflow: hidden;
    padding: 70px 0 0
}

.ul-pro .txt .tip .item {
    float: left;
    width: 88px;
    height: 88px;
    border: 2px dashed #F08519;
    font-size: 16px;
    padding: 12px 0 0;
    color: #ff59ba;
    text-align: center
}

.ul-pro .txt .tip .item+.item {
    margin-left: 19px
}

.ul-pro .txt .tip .item strong {
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px
}

.ul-pro .txt h5 {
    font-weight: lighter;
    font-size: 26px;
    color: #F08519;
    margin: 40px 0
}

.ul-pro .txt span {
    display: block;
    font-size: 26px;
    height: 80px;
    line-height: 80px;
    background: rgba(72, 84, 164, 1);
    border-radius: 40px;
    text-align: center;
    color: #fff
}

.ul-pro .txt span.s1 {
    background-color: #16bde5
}

.ul-pro .txt span.s2 {
    background-color: #F08519
}

/*.pro-row2{padding:68px 0 88px;background-color:#fff}*/
.ul-pro2 {
    overflow: hidden;
    padding: 70px 0 0
}

.ul-pro2 li {
    float: left;
    width: 390px
}

.ul-pro2 li+li {
    margin-left: 60px
}

.ul-pro2 li p {
    font-weight: lighter;
    font-size: 14px;
    overflow: hidden;
    line-height: 35px
}

.ul-pro2 li p span {
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    width: 122px;
    color: #333
}

.ul-pro2 li:nth-child(2) p span {
    width: 110px
}

.pro-row2 .wp {
    position: relative;
    height: 100%
}

.download-buy {
    position: absolute;
    bottom: 0;
    right: 165px;
    z-index: 2
}

.download-buy .download {
    display: block;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 44px;
    color: #F08519;
    padding-left: 55px;
    background: url(../images/icon-download.png) no-repeat left center
}

.download-buy .buy {
    display: block;
    font-size: 16px;
    color: #fff;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #F08519;
    border-radius: 25px;
    letter-spacing: 1px
}

.pro-row3 {
    height: 280px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.pro-row3 .wp {
    position: relative;
    height: 100%
}

.pro-row3 .tel {
    position: absolute;
    top: 0;
    right: 0;
    width: 247px;
    height: 157px;
    padding: 22px 0 0;
    background: rgba(72, 84, 164, .74);
    text-align: center;
    border-radius: 0 80px 0 80px;
    z-index: 2
}

.pro-row3 .tel p {
    font-weight: lighter;
    font-size: 16px;
    color: #fff;
    margin-bottom: 7px
}

.pro-row3 .tel h4 {
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    margin-bottom: 6px
}

.pro-row3 .tel a {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 14px;
    color: #fff
}

.fancybox-infobar {
    display: none
}

.news1-item:hover .news1-pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.mo-con {
    display: none
}

.ban-in {
    height: 600px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.wp-poa {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ban-in-tit {
    color: #fff;
    position: absolute;
    left: 120px;
    top: 60%;
    transform: translate(0, -50%);
}

.ban-in-tit h3 {
    font-size: 50px;
    font-weight: 700;
    position: relative;
    padding-bottom: 40px;
    letter-spacing: 5px
}

.ban-in-tit h3:after {
    content: '';
    width: 110px;
    height: 2px;
    background-color: #f08519;
    position: absolute;
    bottom: 22px;
    left: 0
}

.ban-in-tit p {
    font-size: 18px
}

.ban-in-cur {
    position: absolute;
    right: 120px;
    bottom: 20px;
    text-align: right
}

.ban-in-cur a,
.ban-in-cur em,
.ban-in-cur span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    margin: 0 2px
}

.ban-in-cur i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 24px;
    background: url(../images/local.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain
}

.ban-position {
    padding: 15px 0 0;
    background-color: #fff;
}

.ban-position h2 {
    display: none;
    font-size: 26px;
    color: #000;
    font-weight: bold;
    padding: 10px 0;
}

.ban-position-box {
    display: flex;
    justify-content: space-between;
}

.ban-position .ban-in-cur {
    position: static;
}

.ban-position .ban-in-cur a,
.ban-position .ban-in-cur em,
.ban-position .ban-in-cur span,
.ban-position .ban-return a {
    color: #3d4c63;
    transition: .3s ease;
}

.ban-position .ban-in-cur a:hover,
.ban-position .ban-return a:hover {
    color: #f08519;
}

.about1 {
    background-color: #fff;
}

.about-count {
    background-color: #f8f8f8;
    padding: 45px 0;
    margin-top: 90px;
}

.about-count .ul-count {
    box-shadow: none;
    background: none;
    top: 0;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

.about-count .ul-count .count-item {
    width: 20%;
    text-align: center;
    padding: 15px 0;
}

.about-count .ul-count .count-item+.count-item:after {
    display: none;
}

.abo-tit {
    text-align: center
}

.abo-tit h3 {
    font-size: 44px;
    color: #333;
    padding-bottom: 20px
}

.abo-tit em {
    display: block;
    margin: 0 auto 25px;
    width: 42px;
    height: 3px;
    background-color: #F08519;
    position: relative
}

.abo-tit em:before {
    content: '';
    width: 110px;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    left: 100%;
    bottom: 1px
}

.abo-tit em:after {
    content: '';
    width: 110px;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    right: 100%;
    bottom: 1px
}

.abo-tit p {
    font-size: 16px;
    color: #666
}

.abo1-box {
    padding-top: 106px;
    /*overflow:hidden*/
}

.abo1-txt {
    position: relative;
}

.abo1-video {
    overflow: hidden
}

.abo1-txt_h3 {
    font-size: 30px;
    color: #333;
    padding-left: 36px;
    position: relative;
    margin-bottom: 38px
}

.abo1-txt_h3:after {
    content: '';
    height: 40px;
    width: 6px;
    background-color: #F08519;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px
}

.abo1-txt_h3 span {
    position: relative;
    z-index: 5
}

.abo1-txt_h3 em {
    font-size: 100px;
    font-weight: 700;
    color: #f5f5f5;
    position: absolute;
    left: 43px;
    top: 29%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.abo1-txt_desc {
    padding-left: 36px;
    text-indent: 32px;
    font-size: 16px;
    color: #222;
    line-height: 2;
    padding-right: 60px;
    text-align: justify;
}

.abo1-video {
    position: relative;
    padding-left: 21px;
    padding-top: 23px
}

.abo1-video:after {
    content: '';
    width: calc(100% - 21px);
    height: calc(100% - 23px);
    border: 1px solid #F08519;
    position: absolute;
    top: 0;
    left: 0
}

.abo1-txt_desc .video {
    position: relative;
    overflow: hidden;
    float: right;
    width: 50%;
    margin: 7px 0 30px 30px;
}

.abo1-txt_desc .video video {
    z-index: 10;
    background-color: #000
}

.video-mask {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 61.75%;
    display: block;
}

.video-mask img {
    /* position:absolute;top:0;left:0; */
    width: 100%;
    /* height:100%; */
    z-index: 99;
    transition: .3s;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.video-mask:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.video-mask .icon {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/play.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    cursor: pointer
}

.about2 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.tab-abo {
    text-align: center;
    font-size: 0;
    display: flex;
    justify-content: center;
}

.row-ind5 .tab-abo {
    justify-content: center;
}

.tab-abo_li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding-bottom: 7px;
    position: relative
}

.tab-abo_li a {
    display: block;
    padding: 6px 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #c9c9c9;
    font-size: 16px;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.tab-abo a:hover {
    border-color: #F08519;
    color: #F08519
}

.tab-abo_li.on a {
    border-color: #F08519;
    background-color: #F08519;
    color: #fff;
    font-weight: 700
}

.tab-abo_li.on:after {
    content: '';
    width: 14px;
    height: 7px;
    /*background:url(../images/down.png) no-repeat center center;-webkit-background-size:contain;background-size:contain;*/
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: #F08519
}

.abo2-con {
    display: block;
    overflow: hidden;
    text-align: center;
    /*padding-top:71.45%;background:no-repeat center center;-webkit-background-size:cover;background-size:cover;-webkit-transition:all 1.3s ease;-moz-transition:all 1.3s ease;-ms-transition:all 1.3s ease;-o-transition:all 1.3s ease;transition:all 1.3s ease*/
}

.abo2-con img {
    max-width: 100%;
    transition: all 1.3s ease;
}

.abo2-con:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.slick-abo .abo2-item {
    overflow: hidden;
    padding: 0 5px;
}

.abo2-box {
    padding-top: 65px
}

.slick-abo .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 46px;
    height: 80px;
    background-color: rgba(0, 0, 0, .8);
    -webkit-background-size: 9px auto;
    background-size: 9px auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 30;
    border: none;
    font-size: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-abo .slick-prev {
    left: 0;
    background-image: url(../images/left.png)
}

.slick-abo .slick-next {
    right: 0;
    background-image: url(../images/right.png)
}

.slick-abo .slick-arrow:hover {
    background-color: rgba(0, 0, 0, .6)
}

.about3 {
    padding-bottom: 90px;
    background: #f8f8f8
}

/* background:#fff url(../images/mont.jpg) no-repeat center bottom;-webkit-background-size:100% auto;background-size:100% auto */
/* .abo3-list{overflow:hidden;padding-top:113px} */
.abo3-list {
    overflow: hidden;
}

.abo3-item {
    float: left;
    width: 25%;
}

.abo3-box {
    position: relative;
    background: #fff;
    margin: 0 10px;
    padding: 40px;
    color: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.abo3-box:hover {
    background: #E57312;
    color: #fff;
}

.abo3-box:hover .abo3-box-d1>b {
    color: #fff;
}

.abo3-box:hover .abo3-box-d1>span {
    color: #fff;
}

.abo3-box::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 161px;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(-78deg, #E57312 0%, #E57312 50%, transparent 51%, transparent 100%);
}

.abo3-box:hover::after {
    background-image: linear-gradient(-78deg, #c26310 0%, #c26310 50%, transparent 51%, transparent 100%);
}

.abo3-box-d1 {
    height: 105px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-left: 100px;
    padding-top: 15px;
    background-position: left 0;
    background-repeat: no-repeat;
}

.abo3-list .abo3-item:nth-child(1) .abo3-box-d1 {
    background-image: url(../images/culture-02.png)
}

.abo3-list .abo3-item:nth-child(2) .abo3-box-d1 {
    background-image: url(../images/culture-01.png);
    background-size: 70px
}

.abo3-list .abo3-item:nth-child(3) .abo3-box-d1 {
    background-image: url(../images/culture-03.png)
}

.abo3-list .abo3-item:nth-child(4) .abo3-box-d1 {
    background-image: url(../images/culture-04.png)
}

.abo3-list .abo3-item:nth-child(1) .abo3-box:hover .abo3-box-d1 {
    background-image: url(../images/culture-02-on.png)
}

.abo3-list .abo3-item:nth-child(2) .abo3-box:hover .abo3-box-d1 {
    background-image: url(../images/culture-01-on.png)
}

.abo3-list .abo3-item:nth-child(3) .abo3-box:hover .abo3-box-d1 {
    background-image: url(../images/culture-03-on.png)
}

.abo3-list .abo3-item:nth-child(4) .abo3-box:hover .abo3-box-d1 {
    background-image: url(../images/culture-04-on.png)
}

.abo3-box:hover .abo3-box-d1 {
    border-bottom-color: #E57312;
}

.abo3-box-d1>b {
    font-size: 18px;
    display: block;
    font-weight: 700;
    color: #333;
}

.abo3-box-d1>span {
    color: #bcbcbc;
}

.abo3-box-d2 {
    height: 50px;
    font-size: 18px;
    margin-bottom: 20px;
}

.abo3-pic {
    background: url(../images/aqb.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 156px;
    height: 135px;
    position: relative;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.abo3-pic:hover {
    background-image: url(../images/aqb-on.png)
}

.abo3-pic-icon {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: no-repeat center bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.abo3-pic:hover .abo3-pic-icon {
    background-position: center top
}

.abo3-txt {
    text-align: center
}

.abo3-txt_h3 {
    padding-top: 20px;
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.abo3-txt_p {
    padding-top: 9px;
    font-size: 14px;
    color: #666
}

.m-boss {
    padding-top: 128px
}

.m-boss .abo-tit em:after,
.m-boss .abo-tit em:before {
    background-color: #909090
}

.boss-pic {
    width: 315px;
    height: 315px;
    margin: 51px auto 37px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, .6);
    overflow: hidden
}

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

.boss-desc {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    max-width: 900px;
    width: 98%;
    margin: 0 auto
}

.boss-name {
    max-width: 800px;
    width: 98%;
    margin: 30px auto 0;
    height: 38px;
    background: no-repeat right center
}

.about-honor {
    padding-bottom: 90px;
}

.about4 {
    background-color: #f8f8f8;
}

.abo4-box {
    position: relative;
}

.abo4-box:before {
    content: " ";
    height: 2px;
    background-color: rgba(229, 115, 18, .2);
    position: absolute;
    min-width: 100%;
    left: 0;
    right: 0;
    top: 68px;
}

.abo4-list {
    padding-bottom: 119px;
    white-space: nowrap;
    overflow-x: auto;
}

.abo4-list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.abo4-list::-webkit-scrollbar-track-piece {
    background-color: #ededed;
}

.abo4-list::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    min-height: 150px;
    min-width: 150px;
    border-radius: 10px;
}

.abo4-list::-webkit-scrollbar-thumb:vertical:hover {
    background: #d9d9d9
}

.abo4-list::-webkit-scrollbar-thumb:horizontal:hover {
    background: #d9d9d9
}

.abo4-item {
    /* width:335px; max-width:335px;*/
    position: relative;
    margin-left: 100px;
    display: inline-flex;
}

.abo4-pic {
    width: 152px;
    height: 152px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #dcdcdc;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 10
}

.abo4-pic-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.abo4-pic:hover {
    background-color: #F08519
}

.abo4-pic:hover .abo4-pic-icon {
    background-position: center top
}

.abo4-txt {
    text-align: center
}

.abo4-txt_h3 {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    text-align: left;
    position: relative;
    padding-bottom: 60px;
    display: block;
}

.abo4-txt_h3:after {
    content: ' ';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: rgba(229, 115, 18, .5);
    border-radius: 100%;
    top: 59px;
    left: 19px;
}

.abo4-txt_h3:before {
    content: ' ';
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    background: rgba(229, 115, 18, 1);
    border-radius: 100%;
    top: 62px;
    left: 22px;
}

.abo4-txt_p {
    font-size: 14px;
    color: #222;
    margin-top: 30px;
    text-align: left;
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(213, 213, 213, 0.24);
    border-radius: 10px;
    padding: 20px;
    white-space: break-spaces;
}

.abo4-txt_p p {
    padding: 6px 0
}

.about-partner {
    padding-bottom: 90px;
}

.partner-box {
    display: flex;
    padding: 1px 0 0 1px;
    flex-wrap: wrap;
}

.partner-item {
    border: 1px solid #ececec;
    margin-left: -1px;
    margin-top: -1px;
    line-height: 0;
    width: 12.5%;
    text-align: center;
    min-width: 12.5%;
    max-width: 12.5%;
    flex: 1;
}

.partner-item img {}

.nav-in {
    height: 70px;
    line-height: 70px;
    /* border-bottom: 1px solid #E4E4E4; */
    font-size: 0;
    position: relative;
    width: calc(100% - 240px);
    display: block;
    margin:0 auto;
    background-color: #fff;
    transition: .6s ease;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: hidden;
}
.nav-in:hover{
     overflow-x: auto;
}

.nav-in .wp {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    min-width: 100%;
    padding:0 !important;
}

.nav-in.pfixed {
    position: fixed;
    top: 0;
     /* z-index: 999; */
}

.nav-in a {
    display: inline-block;
    vertical-align: middle;
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    color: #333;
    margin: 0 17px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;

}

.nav-in a:first-child {
    margin-left: 0 !important;
}
.nav-in a:last-child {
    margin-right: 0 !important; 
}
/* 901~1500px：缩小导航字体和间距，避免换行 */
/* @media (min-width: 901px) and (max-width: 1500px) {
    .nav-in a {
        font-size: 14px !important;
        margin: 0 10px !important;
    }
} */
.sol-section>img{
width:calc(100% - 240px);
}
.nav-in .on:after,
.nav-in .active:after,
.nav-in a:hover:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #F08519;
    content: ' ';
}

.nav-in .on,
.nav-in .active {
    color: #111;
    font-weight: 600;
}

.nav-in .wp i.more-arr {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -2.5%;
    top: 0;
    background: url(../images/iconArr.png) no-repeat center center /14px auto;
    display: none;
    transition: all .3s ease;
}

/* .nav-in .wp i.more-arr.ontrue {
    transform: rotate(180deg);
} */

/* 解决方案详情页：隐藏二级导航 .nav-in */
.page-solution-guti .nav-in,
.page-solution-fenti .nav-in,
.page-solution-shuzihua .nav-in,
.page-solution-lianxizhizao .nav-in,
.page-solution-epc .nav-in,
.page-solution-yuanliao .nav-in,
.page-solution-shengwu .nav-in,
.page-solution-xinnengyuan .nav-in {
    display: none;
}

.case1 {
    padding: 51px 0 90px
}

.case-list {
    overflow: hidden;
    margin: 0 -12px;
    padding-top: 10px;
    padding-bottom: 40px
}

.case-item {
    float: left;
    width: 33.3%;
    margin-bottom: 49px
}

.case-con {
    display: block;
    margin: 0 12px;
    padding: 13px;
    border-bottom: 1px solid #F08519;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.case-con:hover {
    box-shadow: 0 0 8px 0 rgba(61, 70, 78, .15)
}

.case-pic {
    padding-top: 75.82%;
    position: relative;
    overflow: hidden
}

.case-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.case-pic:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.case-txt {
    letter-spacing: 1.5px;
    padding: 26px 0 9px;
    text-align: center;
    font-size: 16px;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.case-con:hover .case-txt {
    color: #F08519
}

.pages {
    font-size: 0;
    text-align: center
}

.pages span,
.pages a {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    margin: 0 5px;
    background: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    /* border: 1px solid #dcdee2; */
    border-radius: 5px;
    color: #999999;
    box-shadow: 0 0px 5px #d8d6d6;
    padding: 0 15px;
}

/* .pages span.current,.pages a:hover{background-color:#F08519; color:#FFF;} */
.pages span.current {
    background: linear-gradient(to right, #febb42 0%, #f1881b 100%);
    color: #fff;
}

.pages-item a {
    display: block;
    color: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pages-item.on a,
.pages-item:hover a {
    color: #fff
}

.case2 {
    background-color: #fff
        /*#f5f5f5*/
    ;
    padding-bottom: 133px
}

.case2-tit {
    font-size: 44px;
    color: #333
}

/*.slick-case{padding-top:25px}*/
.case2-item {
    margin: 0 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.case2-con {
    background-color: #fff;
    border: 1px solid #ddd;
}

.case2-con-device {
    border: 1px solid #ddd;
}

.case2-pic {
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

.case2-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.case2-txt {
    border-top: 1px solid #ddd;
    padding: 30px 0 28px;
    border-bottom: 3px solid #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.case2-txt_h3 {
    font-size: 16px !important;
    color: #333;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 !important;
}

.case2-txt p {
    height: 40px;
    padding: 10px 25px;
    text-align: center;
    color: #999;
}

.case2-txt_a {
    display: block;
    margin: 20px auto 0;
    width: 140px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #F08519;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: lighter;
    color: #F08519;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.case2-txt_a em {
    display: inline-block;
    vertical-align: middle
}

.case2-txt_a i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 32px;
    height: 6px;
    background: url(../images/right3.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.case2-item:hover {
    -webkit-transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    transform: translateY(-9px)
}

.slick-case .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: no-repeat center center;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 0;
    z-index: 20;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slick-case .slick-prev {
    left: -100px;
    background-image: url(../images/left2-off.png)
}

.slick-case .slick-prev:hover {
    background-image: url(../images/left2.png)
}

.slick-case .slick-next {
    right: -100px;
    background-image: url(../images/right2-off.png)
}

.slick-case .slick-next:hover {
    background-image: url(../images/right2.png)
}

.slick-case .slick-track {
    padding-top: 10px
}

.case2-item:hover .case2-txt {
    border-bottom: 3px solid #F08519
}

.case2-item:hover .case2-txt_a {
    color: #fff;
    background-color: #F08519
}

.case2-item:hover .case2-txt_a i {
    background-image: url(../images/right3-on.png)
}

.contact1 {
    padding-top: 64px;
    padding-bottom: 91px
}

.cont-tit {
    font-size: 44px;
    color: #333;
    font-weight: 400;
    position: relative;
    padding-bottom: 30px;
    text-align: center
}

.cont-tit:after {
    content: '';
    width: 50px;
    height: 4px;
    background-color: #F08519;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cont1-list {
    overflow: hidden;
    padding-top: 88px;
    margin: 0 -20px
}

.cont1-item {
    float: left;
    width: 25%
}

.cont1-con {
    text-align: center
}

.cont1-con:hover .cont1-pic {
    background-color: #F08519
}

.cont1-con:hover .cont1-icon {
    background-position: center top
}

.cont1-pic {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #F08519;
    position: relative;
    margin: 0 auto 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cont1-icon {
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: no-repeat center bottom;
    background-size: cover;
}

.cont1-tit {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 17px
}

.cont1-tit:after {
    content: '';
    width: 28px;
    height: 2px;
    background-color: #F08519;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cont1-desc {
    font-size: 16px;
    color: #666
}

.contact2 {
    padding-bottom: 72px
}

.allmap {
    height: 520px
}

#allmap .amap-info-close {
    right: 6px !important;
    top: 6px;
}

#allmap .amap-info-content {
    padding: 18px;
}

.relmap-info {
    width: 100%;
    overflow: hidden;
}

.relmap-info h6,
.relmap-info h1 {
    font-size: 16px;
    color: #F08519;
    line-height: 24px;
    font-weight: 700;
}

.relmap-info p {
    font-size: 14px;
    color: #000;
    margin-top: 8px;
}

.relmap-info a {
    font-size: 14px;
    display: block;
    margin: 10px auto 0;
    color: #d4a95b;
    width: 180px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d4a95b;
    text-align: center;
    transition: all .3s ease;
}

.relmap-info a:hover {
    background: #d4a95b;
    color: #fff;
}

#allmap .amap-logo,
#allmap .amap-copyright {
    display: none !important;
}

.anchorBL {
    display: none !important
}

.map-tips {
    padding: 19px 25px 20px;
    color: #fff;
    font-size: 18px;
    background-color: #F08519;
    box-shadow: 0 2px 10px 0 rgba(61, 78, 70, .35);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative
}

.map-tips:after {
    content: '';
    width: 33px;
    height: 20px;
    background: url(../images/down2.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px
}

.map-tips em {
    display: block;
    font-size: 14px;
    padding-top: 8px
}

.fwb {
    font-weight: 700
}

.contact3 {
    padding-bottom: 131px
}

.mesg-box {
    display: block;
    padding-top: 83px
}

.mesg-s {
    overflow: hidden;
    margin-bottom: 26px
}

.inp-box {
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative
}

.inp-box.w100 {
    float: none;
    width: 100%;
    margin-top: 5px
}

.inp-box em {
    position: relative;
    float: left;
    width: 50px;
    font-size: 16px;
    color: #333;
    height: 40px;
    line-height: 40px
}

.mesg-s .inp-box:nth-child(2) {
    padding-left: 44px
}

.mesg-s .inp-box.must:nth-child(2):before {
    left: 104px
}

.inp-box.must em:before {
    content: '*';
    color: #e80606;
    font-size: 16px;
    position: absolute;
    right: -15px;
    top: 3px
}

.inp-box input {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    width: calc(100% - 55px);
    height: 40px;
    line-height: 38px;
    padding-left: 25px;
    color: #666;
    font-size: 14px
}

.inp-box input::-webkit-input-placeholder {
    color: #999
}

.inp-box input::-moz-placeholder {
    color: #999
}

.inp-box input:-moz-placeholder {
    color: #999
}

.inp-box input:-ms-input-placeholder {
    color: #999
}

.inp-box textarea {
    display: block;
    resize: none;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    width: calc(100% - 55px);
    height: 221px;
    padding: 20px 15px
}

.inp-box textarea::-webkit-input-placeholder {
    color: #999
}

.inp-box textarea::-moz-placeholder {
    color: #999
}

.inp-box textarea:-moz-placeholder {
    color: #999
}

.inp-box textarea:-ms-input-placeholder {
    color: #999
}

.mesg-btn {
    overflow: hidden;
    width: 100%;
    padding-left: 50px;
    margin-top: 30px
}

.mesg-btn input {
    display: block;
    width: 326px;
    height: 46px;
    line-height: 46px;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.btn-reset {
    float: left;
    color: #6e6e6e !important;
}

.btn-submit {
    float: right;
    background-color: #F08519
}

.btn-reset.on {
    background-color: #F08519
}

.join1 {
    padding-top: 77px;
    padding-bottom: 121px
}

.join1-list {
    overflow: hidden;
    padding-top: 94px;
    margin: 0 -11px
}

.join1-item {
    float: left;
    width: 33.3%
}

.join1-con {
    margin: 0 11px;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e5e5e5
}

.join1-pic {
    margin: 0 auto;
    width: 260px;
    height: 260px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 8px solid #ddd;
    overflow: hidden
}

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

.join1-name {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    padding-top: 25px
}

.join1-mask {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background-color: rgba(72, 84, 164, .94);
    padding: 10px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.join1-con:hover .join1-mask {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.join1-mask-name {
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 29px 0 18px;
    border-bottom: 1px dashed rgba(255, 255, 255, .38)
}

.join1-mask-txt {
    padding: 30px 40px
}

.join1-mask-txt_tit {
    font-size: 16px;
    color: #fff;
    padding-bottom: 20px
}

.join1-mask-txt_p {
    color: #fff;
    font-size: 14px;
    padding-left: 35px;
    background: url(../images/ph.png) no-repeat left center;
    -webkit-background-size: 28px auto;
    background-size: 28px auto
}

.join1-mask-txt_a {
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    color: #F08519;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 280px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.join1-mask-txt_a:hover {
    opacity: .8
}

.join2 {
    background-color: #f5f5f5;
    padding: 77px 0 83px
}

.join2-list {
    overflow: hidden;
    padding-top: 94px
}

.join2-item {
    float: left;
    width: 25%;
    text-align: center
}

.join2-pic {
    position: relative;
    margin: 0 auto;
    width: 160px;
    height: 160px;
    padding: 5px;
    background: url(../images/join-bg.png) no-repeat center;
    border-radius: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.join2-pic .join2-pic-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.join2-pic i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
    -o-transition: .4s ease-out
}

.join2-item:hover .join2-pic {
    background: #535ea9
}

.join2-item:hover .join2-pic .join2-pic-icon {
    background-position: top center
}

.join2-item:hover .join2-pic i {
    border: 4px solid #b1b6d8;
    background: #535ea9;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05)
}

.join2-tit {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    padding: 29px 0 14px
}

.join2-desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 72px;
    width: 228px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.join3 {
    padding: 86px 0 102px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover
}

.abo-tit.white h3 {
    color: #fff
}

.slick-join {
    margin-top: 93px
}

.join3-item {
    display: block;
    margin: 0 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.join3-con {
    position: relative;
    height: 464px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.join3-con:hover {
    background-color: #535ea9
}

.join3-con:hover .join3-txt {
    background-color: #535ea9;
    height: 290px;
    z-index: 10
}

.join3-con:hover .join3-txt em {
    color: #fff
}

.join3-con:hover .join3-txt span {
    color: #fff
}

.join3-con:hover .join3-txt_desc {
    color: #fff;
    display: block
}

.join3-con:hover .join3-txt_a span {
    color: #535ea9
}

.join3-con:hover .join3-txt_a i {
    background-image: url(../images/up-on.png)
}

.join3-pic {
    position: relative;
    padding-top: 56.7%;
    overflow: hidden
}

.join3-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.join3-txt {
    padding: 15px 20px;
    background-color: #fff;
    height: 245px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.join3-txt_name {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 13px
}

.join3-txt_name:after {
    content: '';
    width: 71px;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    left: 0;
    bottom: 0
}

.join3-txt_name em {
    font-size: 18px;
    color: #333;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.join3-txt_name span {
    color: #666;
    font-size: 14px;
    padding-left: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.join3-txt_desc {
    font-size: 14px;
    color: #444;
    overflow: hidden;
    line-height: 24px
}

.join3-txt_desc.ell {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.join3-txt_a {
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 40px);
    height: 40px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.join3-txt_a span {
    font-size: 16px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.join3-txt_a i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: url(../images/up.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: 10px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.slick-join .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 40px;
    background: no-repeat center center;
    -webkit-background-size: 18px auto;
    background-size: 18px auto;
    z-index: 20;
    font-size: 0;
    border: none;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.slick-join .slick-prev {
    background-image: url(../images/left4.png);
    left: -60px
}

.slick-join .slick-prev:hover {
    background-image: url(../images/left4-on.png)
}

.slick-join .slick-next {
    background-image: url(../images/right4.png);
    right: -60px
}

.slick-join .slick-next:hover {
    background-image: url(../images/right4-on.png)
}

.join4 {
    padding: 80px 0 102px
}

.join4-list {
    overflow: hidden;
    margin: 0 -15px;
    padding-top: 69px
}

.join4-item {
    float: left;
    width: 25%;
    margin-bottom: 36px
}

.join4-con {
    margin: 0 15px;
    padding: 10px 0 35px 20px;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(28, 46, 56, .1)
}

.join4-tit {
    color: #F08519;
    line-height: 1.2;
    padding-bottom: 15px
}

.join4-tit em {
    font-size: 70px
}

.join4-tit span {
    font-size: 26px;
    position: relative;
    top: -3px
}

.join4-desc {
    font-size: 14px
}

.join4-icon {
    width: 150px;
    height: 150px;
    background: no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: -10px;
    top: -10px
}

.cust {
    padding-top: 83px
}

.cust-list {
    overflow: hidden;
    margin: 0 -16px;
    padding-bottom: 30px
}

.cust-item {
    float: left;
    width: 20%;
    margin-bottom: 60px
}

.cust-con {
    margin: 0 16px;
    padding-bottom: 105px;
    position: relative
}

.cust-pic {
    padding-top: 102.3%;
    position: relative;
    overflow: hidden
}

.cust-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cust-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cust-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: url(../images/play.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 3
}

.cust-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    background-color: #fff;
    padding: 20px 22px 25px 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 10
}

.cust-txt_name {
    padding-bottom: 12px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    transition: all .3s
}

.cust-txt_name em {
    font-size: 18px;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cust-txt_name span {
    font-size: 14px;
    color: #666;
    margin-left: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cust-txt_comp {
    overflow: hidden;
    font-size: 14px;
    transition: all .3s;
    color: #999;
    text-align: center;
}

.cust-txt_comp em {
    float: right;
    font-size: 14px;
    color: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cust-txt_comp span {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cust-con:hover .cust-mask {
    opacity: 0
}

.cust-con:hover .cust-pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.cust-con:hover .cust-txt {
    height: 124px;
    background-color: #F08519
}

.cust-con:hover .cust-txt_comp,
.cust-con:hover .cust-txt_name {
    color: #fff
}

.cust {
    padding-bottom: 127px
}

.news1 {
    overflow: hidden;
    padding-top: 71px;
    padding-bottom: 39px
}

.slick-news {
    float: left;
    width: 507px;
    position: relative;
    padding-top: 10px
}

.news1-con {
    display: block;
    position: relative
}

.news1-pic {
    padding-top: 71.79%;
    position: relative
}

.news1-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.news1-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 51px;
    line-height: 51px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: rgba(0, 0, 0, .6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.slick-news .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(55, 55, 55, .8) no-repeat center center;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    width: 36px;
    height: 70px;
    font-size: 0;
    border: none;
    z-index: 20;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.slick-news .slick-arrow:hover {
    background-color: rgba(83, 94, 169, .8)
}

.slick-news .slick-prev {
    background-image: url(../images/left4.png);
    left: 0
}

.slick-news .slick-next {
    background-image: url(../images/right4.png);
    right: 0
}

.news1-list {
    overflow: hidden;
    padding-left: 32px;
    padding-top: 12px
}

.news1-l-item {
    margin-bottom: 3px
}

.news1-l-con {
    display: block;
    background-color: #fff;
    padding: 23px 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 181px
}

.news1-l-con:hover {
    box-shadow: 0 0 8px 0 rgba(61, 70, 78, .15)
}

.news1-l-tit {
    font-size: 24px;
    color: #333;
    font-weight: 400;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news1-l-tit:hover {
    color: #F08519
}

.news1-l-date {
    font-size: 14px;
    color: #797979;
    padding: 12px 0 16px
}

.news1-l-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #666
}

.news2 {
    padding-bottom: 129px;
    background-color: #f5f5f5;
    padding-top: 55px;
}

.news2-list {
    padding-bottom: 76px;
    overflow: hidden;
    margin: 0 -15px
}

.news2-item {
    overflow: hidden;
    transition: all .3s;
    float: left;
    width: 25%;
    padding: 15px;
}

.news2-item .wp {
    overflow: hidden;
    padding: 0;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    transition: all .4s
}

.news2-item .wp:hover {
    background-color: #F08519;
}

.news2-item:last-child .wp {
    border-bottom: none
}

.news2-item:hover .news2-txt_h3 a {
    color: #F08519
}

.news2-item:hover .case2-txt_a {
    background-color: #F08519;
    color: #fff
}

.news2-item:hover .case2-txt_a i {
    background-image: url(../images/right3-on.png)
}

.news2-pic {
    display: block;
    overflow: hidden;
    background-color: rgb(226, 230, 239);
}

.news2-pic a {
    display: block;
    position: relative;
    padding-top: 64%
}

.news2-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    object-fit: cover;
}

.news2-item .wp:hover .news2-pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.news2-txt {
    overflow: hidden;
    padding: 15px;
}

.news2-txt_h3 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #333;
    position: relative;
    top: -6px;
    transition: all .4s
}

.news2-txt_desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 20px 0;
    height: 48px;
}

.news2-txt_a {
    margin: 0;
    color: #666;
    transition: all .4s
}

.news2-item .wp:hover .news2-txt_h3 a,
.news2-item .wp:hover .news2-txt_desc,
.news2-item .wp:hover .news2-date span,
.news2-item .wp:hover .news2-txt_a {
    color: #fff;
}

.news2-date {
    text-align: left;
    padding: 15px 15px 0;
}

.news2-date em {
    display: block;
    font-weight: 700;
    color: #F08519;
    font-size: 46px;
    line-height: 1.2;
    padding-top: 15px
}

.news2-date span {
    font-size: 16px;
    color: #666
}

.news-det {
    overflow: hidden;
    padding: 77px 0 0;
    margin-bottom: 75px
}

.news-det-inner {
    margin-bottom: 31px;
    border-bottom: 1px solid #e5e5e5
}

.news-det-side {
    float: right;
    width: 300px
}

.news-det-side_tit {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    padding-left: 16px;
    background-color: #F08519
}

.news-det-side_list {
    padding-top: 26px;
    padding-left: 10px
}

.side-item {
    padding: 10px 0 12px;
    border-bottom: 1px dashed #e5e5e5
}

.side-item_h3 {
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 6px
}

.side-item_h3:after {
    content: '';
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #bbb;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px
}

.side-item_h3:hover {
    color: #F08519
}

.side-item_date {
    padding-left: 20px;
    font-size: 14px;
    color: #999
}

.news-det-main {
    overflow: hidden;
    padding-right: 35px
}

.det-main_h1 {
    font-size: 32px;
    color: #333;
    line-height: 42px;
    padding-bottom: 22px
}

.det-main_info {
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px
}

.det-info_desc {
    float: left;
    font-size: 14px;
    color: #999
}

.det-info_share {
    float: right
}

.det-info_share em {
    float: left;
    font-size: 14px;
    color: #999
}

.det-info_share .bdsharebuttonbox {
    float: left
}

.det-info_share .bdsharebuttonbox a {
    height: 30px;
    width: 30px;
    margin: 0 5px;
    padding: 0;
    background: no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain
}

.det-info_share .bdsharebuttonbox .bds_tsina {
    background-image: url(../images/s1.png)
}

.det-info_share .bdsharebuttonbox .bds_sqq {
    background-image: url(../images/s2.png)
}

.det-info_share .bdsharebuttonbox .bds_weixin {
    background-image: url(../images/s3.png)
}

.det-info_share .bdsharebuttonbox .bds_mail {
    background-image: url(../images/s4.png)
}

.det-info_share .bdsharebuttonbox .bds_qzone {
    background-image: url(../images/s5.png)
}

.det-main_cont {
    padding-top: 33px;
    padding-bottom: 34px;
    color: #222;
    font-size: 16px;
    line-height: 2.4
}

.det-main_cont img {
    display: block;
    margin: 15px auto;
    width: 900px;
}

.news-det-btn {
    overflow: hidden
}

.news-det-btn a {
    font-size: 16px;
    color: #666;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.news-det-btn a:hover {
    color: #F08519
}

.news-det-btn .prev {
    float: left;
    padding-left: 25px;
    background: url(../images/prev.png) no-repeat left center
}

.news-det-btn .next {
    float: right;
    padding-right: 25px;
    background: url(../images/next.png) no-repeat right center
}

.det-btn-back {
    display: block;
    margin: 46px auto 0;
    width: 220px;
    height: 60px;
    text-align: center;
    background-color: #F08519;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    line-height: 60px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.det-btn-back:hover {
    opacity: .8;
    color: #fff
}

.det-btn-back i {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url(../images/bar.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain
}

.det-btn-back em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.m-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300
}

.pop-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 301;
    background-color: rgba(0, 0, 0, .8)
}

.m-pop video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
    z-index: 303;
    background-color: #000
}

.join-job {
    padding-bottom: 90px;
    background: #f8f8f8;
}

.join-info {
    font-size: 16px;
    color: #888888;
    text-align: center;
    margin: 20px 0 50px;
    line-height: 28px;
}

.join-job-box {
    margin: 55px auto 60px;
    width: 930px;
    display: flex;
    border-radius: 8px;
    background-color: #fff;
}

.join-job-box .join-img {
    line-height: 0;
}

.join-job-box .join-txt {
    padding: 55px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.join-job-box .join-txt h3 {
    font-size: 20px;
    font-weight: normal;
    color: #303030;
}

.join-job-box .join-txt p {
    font-size: 14px;
    color: #b8b8b8;
}

.join-fl {
    width: 415px;
    height: 480px;
    background: #0f75bb;
    padding: 35px;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.join-fl h4 {
    font-size: 18px;
}

.join-fr {
    width: 100%;
}

.join-fr ul {
    margin-left: -2%;
    display: flex;
    justify-content: center;
}

.join-fr ul li {
    width: 31.33333333333%;
    background: #fff;
    padding: 35px;
    margin-left: 2%;
    margin-bottom: 17px;
    height: 230px;
}

.join-fr ul li h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}

.join-fr ul li p {
    font-size: 14px;
    color: #888;
    line-height: 22px;
}

.join-fr ul li a {
    color: #F08519;
    display: block;
    margin-top: 15px;
    font-size: 14px;
    text-decoration: underline;
    user-select: none;
}

.join-fr ul.jobsite li {
    padding: 0;
    height: 160px;
}

.join-fr ul.jobsite li a {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-items: center;
    height: 100%;
}

.join-fr ul.jobsite li a img {
    margin: 0 auto;
}

.vjoin-wordsbottom {
    display: none;
}

.join-fuli {
    padding-bottom: 90px;
}

.join-fuli-box ul li {
    width: 25%;
    float: left;
    color: #666;
    height: 180px;
    margin-top: 30px;
    text-align: center;
}

.join-fuli-box ul li span {
    position: relative;
    top: 0px;
    transition: all 0.5s ease;
}

.join-fuli-box ul li:hover span {
    top: -10px;
}

.join-fuli-box ul li h4 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.join-fuli-box ul li p {
    margin: 10px auto 0;
    max-width: 60%
}

.join-huanjing {
    padding-bottom: 90px;
    background: #f8f8f8;
}

.join-huanjing-box {
    text-align: center;
}

.jopPop {
    display: none;
    position: fixed;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

.jopPop-contain {
    width: 1000px;
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    position: relative;
    border-top-right-radius: 0px;
}

.jopPop-close {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: -60px;
    cursor: pointer;
    background: url(../images/close.jpg) no-repeat right center;
}

.jopPop-mix {
    width: 100%;
}

.jopPop-cont {
    width: 100%;
}

.jopPop-cont h4 {
    font-size: 24px;
    color: #333;
    margin-bottom: 16px;
}

.jopPop-cont p {
    background: #f2f2f2;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding: 0 16px;
}

.jopPop-cont p:first-of-type {
    padding-top: 14px;
}

.jopPop-cont p:last-of-type {
    padding-bottom: 14px;
}

.jopPop-desc {
    width: 100%;
    margin-top: 16px;
    max-height: 340px;
    overflow-y: auto;
    padding: 0 16px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.jopPop-desc p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.jopPop-desc::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.jopPop-desc::-webkit-scrollbar-thumb {
    background: #0054a5;
}

.jopPop-desc::-webkit-scrollbar-track {
    background: #fafafa;
}

.formPop .jopPop-contain {
    padding-bottom: 40px;
}

.formPop .jopPop-cont h4 {
    text-align: center;
}

.formPop .jopPop-cont p {
    text-align: center;
    padding: 40px !important;
}

.formPop .jopPop-desc {
    max-height: 100%;
}

.formPop .mesg-box {
    padding-top: 20px;
}

.formPop .inp-box input {
    width: calc(100% - 55px);
}

.mes-product-list {
    overflow: auto;
    padding: 90px 0;
    background-color: #f8f8f8;
}

.mes-product-box {
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.mes-product-list .mes-product-box>div {
    display: inline-block;
}

.mes-product-list .mes-product-box>div.mes-p-img {
    width: 40%;
    order: 1;
}

.mes-product-list .mes-product-box>div.mes-p-msg {
    width: 60%;
    padding-left: 100px;
    order: 2;
}

.mes-product-list:nth-child(2n) {
    background: #fff
}

.mes-product-list:nth-child(2n) .mes-product-box>div.mes-p-img {
    order: 2;
}

.mes-product-list:nth-child(2n) .mes-product-box>div.mes-p-msg {
    order: 1;
    padding-left: 0;
    padding-right: 100px;
}

.mes-p-img {
    text-align: center
}

.mes-p-btn {
    display: inline-block;
    color: #fff;
    padding: 4px 12px;
    background: #F08519;
    border-radius: 20px;
    margin: 30px 0 16px 0;
}

.mes-p-h4 {
    color: #F08519;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 28px;
}

.system-main .pro-so {
    padding: 40px 0;
}

/* ===== New Header & Footer (for XinLiEIMS_Top.html / XinLiEIMS_Foot.html) ===== */
:root {
    --accent: #f58600;
}

body {
    padding-top: 0;
}

body>.ban-in {
    margin-top: -88px;
    padding-top: 88px;
}

/* ---- Top Navigation ---- */
.top-nav {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 120px;
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.6s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.top-nav.top-nav-hidden {
    transform: translateY(-100%);
}

/* Hover → Style B (white bg, dark text, no filter on logo) */
body .top-nav:hover {
    background-color: #fff !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
}

body .top-nav:hover .menu a,
body .top-nav:hover .nav-link {
    color: #1a1a1a
}

body .top-nav:hover .tools button {
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body .top-nav:hover .logo-wrap img {
    filter: none !important;
}

.top-nav .logo-wrap {
    display: flex;
    align-items: center;
}

.top-nav .logo {
    width: 195px;
    max-width: 40vw;
    height: auto;
}

.top-nav .menu {
    display: flex;
    gap: clamp(16px, 1.5vw, 36px);
    font-size: 16px;
    font-weight: 400;
}
@media (min-width: 1501px) {
    .top-nav .menu {
        gap: clamp(16px, 6vw, 83px);
    }
}
.top-nav .menu.disnone{
    display: none;
}

.top-nav .menu>a,
.top-nav .nav-link {
    position: relative;
}

.top-nav .menu a:hover,
.top-nav .nav-link:hover {
    color: var(--accent);
}

.top-nav .menu>a:hover::after,
.top-nav .nav-item:hover>.nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--accent);
    z-index: 21;
}

.top-nav .menu>a:hover::after {
    bottom: -24px;
}

.top-nav .nav-item:hover>.nav-link::after {
    bottom: -24px;
}

/* ---- Nav Items & Dropdown ---- */
.top-nav .nav-item {
    position: static;
}

.top-nav .nav-item:hover>.nav-link {
    color: var(--accent);
}

.top-nav .nav-dropdown {
    position: absolute;
    top: 69px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 100px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #eee;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 19;
    pointer-events: none;
}

.top-nav .nav-item:hover>.nav-dropdown,
.top-nav .nav-dropdown.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dropdown-inner {
    width:calc(100% - 240px);
    /* max-width: 1400px; */
    margin: 0 auto;
    display: flex;
    padding: 40px 0;
}

.dropdown-col {
    padding: 0 40px;
    width: 300px;
}

.dropdown-col:first-child {
    min-width: 220px;
    border-right: 1px solid #e5e5e5;
}

.dropdown-col a {
    display: block;
    padding: 10px 0;
    color: #333;
    font-size: 15px;
    text-decoration: none;
    transition: color 0.2s, padding-left 0.2s;
}

.dropdown-col a:hover {
    color: var(--accent);
    padding-left: 8px;
}

.nav-dropdown .dropdown-col a {
    /* background: red !important; */
    position: relative;

}

.nav-dropdown .dropdown-col a:after {
    display: block;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
    left: -50px;
    top: 18px;
    transform: rotate(135deg);
}

.active .dropdown-col a:hover {

    color: #f69b2f !important;
}

.nav-dropdown .dropdown-col a:hover:after {
    border-left: 2px solid #f69b2f;

    border-top: 2px solid #f69b2f;

}

.dropdown-desc {

    color: #999;
    font-size: 14px;
    line-height: 1.8;
    width: 600px !important;
}

.top-nav .tools {
    display: block;
    width: 172px;
    float: right;
    position: relative;
}



.top-nav .tools button {
    border: 1px solid #dde3ea;
    background: #fff;
    color: #5c6673;
    border-radius: 20px;
    height: 34px;
    padding: 0 14px;
    cursor: pointer;
    font-size: 14px;
}

.top-nav.header-transparent {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

.top-nav.header-transparent .logo {
    filter: brightness(0) invert(1);
}

.top-nav.header-transparent .menu a {
    color: #fff;
}

.top-nav.header-transparent .tools button {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.15);
}

/* ---- 头部初始透明，鼠标悬停变白（同首页），适用于带深色 banner 的页面 ---- */
.page-header-transparent .top-nav {
    background: transparent;
    box-shadow: none;
}

.page-header-transparent .top-nav .menu a,
.page-header-transparent .top-nav .nav-link {
    color: #fff;
}

.page-header-transparent .top-nav .logo-wrap img {
    filter: brightness(0) invert(1);
}

.page-header-transparent .top-nav .tools button {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.15);
}

.page-header-transparent .top-nav .inputSearch input {
    color: #1a1a1a;
}

/* 顶部为浅色内容的页面：透明底 + 深色文字（保证可读性） */
.page-header-transparent.header-text-dark .top-nav .menu a,
.page-header-transparent.header-text-dark .top-nav .nav-link {
    color: #1a1a1a;
}

.page-header-transparent.header-text-dark .top-nav .logo-wrap img {
    filter: none;
}

.page-header-transparent.header-text-dark .top-nav .tools button {
    color: #1a1a1a;
    border-color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.05);
}

/* 滚动后 → 白底深色（同首页 nav-solid） */
.page-header-transparent .top-nav.nav-solid {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.page-header-transparent .top-nav.nav-solid .logo-wrap img {
    filter: none;
}

.page-header-transparent .top-nav.nav-solid .menu a,
.page-header-transparent .top-nav.nav-solid .nav-link {
    color: #1a1a1a;
}

.page-header-transparent .top-nav.nav-solid .tools button {
    color: #1a1a1a;
    border-color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.05);
}



/* ---- Footer ---- */
.footer {
    min-height: 467px;
    background: #fff;
    border-top: 1px solid #f2f2f2;
    padding: 34px 0 30px;
}

.footer .wrap {
    
    width:  calc(100vw - 240px);
    margin: 0 auto;
}

.footer .logo {
    width: 195px;
    max-width: 40vw;
    height: auto;
    float: none;
    line-height: normal;
    z-index: auto;
    position: static;
}

.footer .line {
    height: 1px;
    margin: 28px 0;
    background: #ddd;
}

.footer-grid {
    height: 130px;
    display: flex;
    justify-content: space-between;
    /* 两端对齐 */

}

.footer-grid div {
    /* float: left;
    width: 26.66%;
    text-align: center; */

    /* display: grid;
    grid-template-columns: repeat(5, 1fr) minmax(240px, 320px);
    gap: 20px; */
}

.footer-grid .footer-grid-item {
    /* float: left;
    width: 10%;
    text-align: center; */

    /* display: grid;
    grid-template-columns: repeat(5, 1fr) minmax(240px, 320px);
    gap: 20px; */
}

.footer-grid h4 {
    margin: 0 0 18px;
    font-size: 16px;
    color: #000;

}

.footer-grid a {
    display: block;
    color: #808080;
    margin-bottom: 10px;
    transition: color 0.2s;
}

.footer-grid a:hover {
    color: var(--accent);
}

.qrs {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
}

.qrs figure {
    margin: 0;
    text-align: center;
}

.qrs img {
    width: 105px;
    height: 105px;
}

.qrs figcaption {
    margin-top: 8px;
    color: #808080;
}

.copyright {
    text-align: center;
    /* margin: 26px 0 0;
    text-align: right;
    color: #808080;
    font-size: 14px;
    background: transparent;
    padding: 0;
    line-height: normal;
    overflow: visible; */
}
    .swiper-button-prev{
        transform: translate(120px, 0)  !important;
    }
     .swiper-button-next{
        transform: translate(-120px, 0) !important;
    }

/* Responsive: header & footer */
@media (max-width: 1200px) {
    .footer .wrap {
        width: min(1680px, calc(100vw - 120px));
    }

    .top-nav {
        padding: 0 60px;
    }

  

    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .qrs {
        grid-column: span 3;
        justify-content: flex-start;
    }
    .nav-in {
       width:calc(100% - 120px);
    }

}

@media (max-width: 900px) {
     .nav-in {
       width:100% !important;
       padding:0 10px;
       box-sizing: border-box;
    }
      .top-nav .menu,
    .top-nav .tools {
        display: none;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .qrs {
        grid-column: span 2;
    }

    .copyright {
        text-align: left;
    }
}

@media only screen and (max-width:1499px) {
    .row-ind5 {
        margin-top: 90px;
    }
}

@media only screen and (max-width:1399px) {
    .header {
        padding: 0 10px
    }

    .Header-search-words {
        width: 100%;
    }

    .slick-pro {
        padding: 0 80px
    }

    .slick-pro .slick-prev {
        left: 25px
    }

    .slick-pro .slick-next {
        right: 25px
    }

    .banner .item {
        height: 450px
    }

    .tab-b {
        padding: 0 70px
    }

    .slick-w1 .slick-prev {
        left: -60px
    }

    .slick-w1 .slick-next {
        right: -60px
    }

    .ul-step li {
        font-size: 16px
    }

    .wp {
        width: 98%;
        max-width: 98%;
    }

    .mesg-s .inp-box:nth-child(2) {
        padding-left: 0
    }

    .inp-box textarea {
        width: calc(100% - 78px)
    }

    .mesg-btn {
        width: 1100px
    }

    .cont1-list {
        margin: 0
    }

    .eq-box {
        display: none;
    }

    .row-ind4 .video {
        top: 100px;
        height: 518px;
    }
}

/* 侧边栏 */
.float-kf {
    position: fixed;
    right: 0;
    top: 200px;
    width: 77px;
    z-index: 88888;
    display: block;
}

.float-kf li {
    width: 77px;
    height: 71px;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 999;
    border: 1px solid #dfdfdf;
    margin-top: -1px;
}

.float-kf li .ewm-img {
    position: absolute;
    right: 78px;
    top: -30px;
    -moz-transform: rotateX(270deg);
    -ms-transform: rotateX(270deg);
    -o-transform: rotateX(270deg);
    -webkit-transform: rotateX(270deg);
    transform: rotateX(270deg);
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.float-kf li.ewm:hover .ewm-img {
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.float-kf li a {
    display: block;
    padding-top: 15px;
    width: 77px;
}

.float-kf li a span {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.float-kf li a#gotop {}

.float-kf li.ewm a img {
    width: 23px;
    height: 23px;
}

.float-kf li.ewm a img {
    width: 23px;
    height: 23px;
}

.float-kf li.ewm:hover .ewm-img {
    display: block;
}

.float-kf li.contact-number a {
    float: left;
}

.float-kf li.contact-number {
    width: 77px;
    position: relative;
    overflow: hidden;
}

.float-kf li.contact-number .content {
    position: absolute;
    top: -1px;
    left: 0;
    width: 220px;
    height: 71px;
    z-index: 99;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #fff;
}

.float-kf li.contact-number .content .tel {
    line-height: 71px;
    font-size: 16px;
}

.float-kf li.contact-number:hover {
    overflow: inherit;
}

.float-kf li.contact-number:hover .content {
    left: -144px;
    width: 220px;
    border: 1px solid #dfdfdf;
}

.float-kf li.online .chat {
    position: absolute;
    right: -244px;
    top: -1px;
    border: 1px solid #dfdfdf;
    width: 150px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 99;
    background: #fff;
}

.float-kf li.online:hover .chat {
    right: 75px;
}

.float-kf li.online .chat i {
    background: url(../images/kf/jiantou.png) right center no-repeat;
    display: block;
    width: 8px;
    height: 15px;
    right: -8px;
    position: absolute;
    top: 30%;
}

.float-kf li.online .chat .chatlist {
    line-height: 40px;
    color: #666;
    text-align: left;
    text-indent: 15px;
}

.float-kf li.online .chat .chatlist a {
    width: auto;
    padding-top: 0;
    height: 40px;
    line-height: 40px;
}

.float-kf li.online .chat .chatlist a span {
    display: inline-block;
    font-size: 12px;
}

.float-kf li.online .chat .chatlist img {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-left: -6px;
}

.ban-position.mp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    border-bottom: 1px solid #ececec;
}

.ban-info-show {
    padding: 7px 2.5%;
    background: rgba(202, 120, 16, 0.7);
    position: fixed;
    top: 50%;
    right: 0;
    width: 86px;
    border-radius: 10px 0 0 10px;
    z-index: 1001;
}

.ban-position.mp .ban-in-cur {
    padding: 20px 0;
}

.ban-position.mp .ban-return {
    position: relative;
}

.ban-position.mp .ban-return a {
    background-color: #F08519;
    color: #fff;
    padding: 20px 25px;
    position: absolute;
    right: 0;
    top: 0;
    width: 128px;
    height: 100%;
}

.ban-info-show .ban-return a {
    color: #fff;
    padding: 0;
    position: static;
    font-size: 18px;
}

.ban-position.mp h2 {
    display: block;
}

.ban-position.mp .ban-in-cur {
    display: none;
}

.search-box {
    background: #fff;
}

.search-form {
    padding: 75px 0;
}

.search-form form {
    width: 1000px;
    margin: 0 auto;
    border: 1px solid #ef8200;
    border-radius: 10px;
    padding-left: 30px;
    height: 60px;
    display: flex;
    justify-content: space-between;
}

.search-form form input {
    font-size: 26px;
    color: #333333;
    border: 0;
    outline: none !important;
    width: calc(100% - 160px);
}

.search-form form input:focus {
    border: 0;
}

.search-form form button {
    background-color: #ef8200;
    color: #fff;
    font-size: 30px;
    border: 0;
    border-radius: 10px;
    width: 160px;
    line-height: 60px;
}

.search-txt {
    padding-bottom: 15px;
}

.search-main {
    background-color: #f5f5f5;
}

.search-main h3 {
    color: #333333;
    font-size: 26px;
    font-weight: bold;
    padding: 30px 0;
}

@media only screen and (max-width:1500px) {
    .wp {
        width: 100%;
        max-width: 100%;
    }


    .abo3-box {
        padding: 20px;
    }

    .abo3-box-d2 {
        font-size: 16px;
    }

    .abo3-box-d1 {
        background-size: 60px;
        background-position: left 9px;
        padding-left: 80px;
    }

    .abo3-list .abo3-item:nth-child(2) .abo3-box-d1 {
        background-size: 54px;
    }

    .abo3-box::after {
        width: 29px;
        height: 135px;
    }

    .Header-dropdown-contain {
        width: 90%;
    }
}

@media only screen and (max-width:1199px) {
        .sol-section>img{
width:calc(100% - 48px);
}
    .float-kf {
        display: none;
    }

    .g-sidebar {
        display: none
    }

    .back-top {
        opacity: 1;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 55px;
        z-index: 1100;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .15)
    }

    .index .header {
        top: 0 !important;
    }

    body {
        padding: 0
    }

    body>.ban-in {
        margin-top: 0px;
        padding-top: 55px;
    }

    .menuBtn {
        display: block;
        float: right;
        z-index: 10000;
    }

    .page-top {
        display: none;
    }

    .hdr {
        position: fixed;
        top: 0 !important;
        bottom: 0;
        left: 100%;
        width: 40%;
        background-color: #fff;
        z-index: 999;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        display: block;
        z-index: 1001;
    }

    .hdr.open {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .hdr-box {
        position: relative;
        min-height: calc(100% - 45px);
    }

    .logo {
        line-height: 55px;
        max-width: 240px
    }

    .Header-search-click {
        margin-top: 0;
        height: 55px;
        width: 46px;
    }

    .Header-language-hover {
        line-height: 55px;
    }

    .Header-search-message {
        height: 45px;
        top: 55px;
        background: #fafafa;
    }

    .Header-search-words {
        width: 95%;
    }

    .Header-search-close {
        display: none;
    }

    .Header-search-wordsform {
        height: 44px;
        line-height: 44px;
        float: initial;
    }

    .Header-search-submit {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        width: 44px;
        background: #F08519 url("../images/searchW.png") no-repeat center;
    }

    .Header-search-wordsform input {
        background: #fafafa;
        width: 100%;
        margin-right: 0;
        height: 44px;
        padding-right: 46px;
        box-sizing: border-box;
        border-bottom: none;
    }

    .Header-search-wordsform input:focus {
        background: #fafafa;
        border-bottom: none;
    }

    .tel-lang {
        text-align: center;
        display: none;
    }

    .tel-lang .tel {
        width: 200px;
        font-size: 20px
    }

    .tel-lang .lang,
    .tel-lang .mall,
    .tel-lang .tel {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .tel-lang .mall a:first-child:after {
        display: none
    }

    .m-lang {
        display: flex;
    }

    .nav {
        margin: 0px
    }

    .nav li {
        float: none;
        margin: 0;
        display: block;
    }

    .nav li a {
        border-bottom: 0;
        text-align: center;
        line-height: 48px;
        display: block;
        text-align: left;
        padding-left: 45px;
    }

    .nav li.on a {
        color: #fff;
        background-color: #F08519
    }

    .ft-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        background-color: #F08519;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
        z-index: 99
    }

    .ft-bar a {
        width: 25%;
        color: #fff;
        text-align: center;
        font-size: 12px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
        flex-direction: column;
        height: 55px
    }

    .ft-bar a .icon {
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover
    }

    .banner .slick-arrow {
        display: none !important
    }

    .slick-pro .pro-item .pro-item__pic {
        height: 240px
    }

    .slick-pro .pro-item {
        margin: 0 10px
    }

    .fd-link,
    .fd-nv,
    .ft-share {
        display: none
    }

    .copyright .left,
    .fd-contact {
        float: none;
        padding: 0;
        text-align: center;
        margin-right: 0;
    }

    .copyright {
        padding: 10px 0
    }

    .fd-top {
        padding: 10px 0 20px
    }

    .ul-step li {
        font-size: 14px;
        margin: 0 5px
    }

    .ul-step li+li:after {
        display: none
    }

    .row-ind6 .col-l,
    .row-ind6 .col-r {
        float: none;
        width: auto;
        padding-left: 0;
    }

    .row-ind6 {
        padding: 30px 0
    }

    .tit-ind1 {
        padding: 20px 0
    }

    .tit-ind1 .tit {
        font-size: 30px;
        margin-bottom: 10px
    }

    .tit-ind1 .tit:after {
        margin: 5px auto 0
    }

    .row-ind7 {
        padding: 0 0 50px
    }

    .row-ind4 .video {
        top: 30px;
        height: 480px
    }

    .row-ind4 .txt {
        width: 450px
    }

    .row-ind4 {
        padding: 30px 0;
        background-position: center center;
        min-height: 400px;
    }

    .row-ind1 {
        padding: 0 0 30px
    }

    .row-ind4 .txt h4 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .pro-so .so {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .m-product .pic-box {
        float: none;
        margin: 0 auto 20px
    }

    .m-product .txt-box .con2 {
        padding: 10px 0 30px
    }

    .pro-so {
        padding: 20px 0 10px
    }

    .system-main .pro-so {
        padding: 0
    }

    .system-main .pro-so .sel {
        padding: 20px 0 10px
    }

    .m-product {
        padding: 20px 0
    }

    .m-product .txt-box .con4 {
        text-align: center;
        font-size: 0
    }

    .m-product .txt-box .con1 h3 {
        font-size: 24px
    }

    .m-product .txt-box .con4 a {
        display: inline-block;
        vertical-align: middle;
        float: none
    }

    .pro-tab {
        margin-bottom: 20px
    }

    .ul-pro .txt h4 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .ul-pro .txt {
        left: 30px
    }

    .ul-pro li {
        height: 480px
    }

    .hot-search .hot,
    .row-ind4:after,
    .ul-count .count-item+.count-item:after {
        display: none
    }

    .hot-search .search {
        float: none;
        width: auto;
        margin-left: 0
    }

    .ul-count .count-item,
    .ul-reason .reason-item {
        width: 50%;
        margin-bottom: 20px
    }

    .ul-count .count-item+.count-item {
        padding-left: 0
    }

    .ul-count .count-item {
        text-align: center;
        margin-bottom: 0;
        width: 33.33%;
    }

    .ul-count {
        padding: 10px 0
    }

    .ul-count .count-item .count {
        font-size: 36px
    }

    .row-ind4 .txt {
        width: auto
    }

    .row-ind4 .video {
        position: relative;
        width: auto;
        top: 10px;
        margin-top: 10px
    }

    .ul-step li {
        display: block;
        float: left;
        width: 25%;
        margin: 0;
        height: 50px
    }

    .row-ind7 {
        padding: 0 0 30px
    }

    .row-ind4 .txt p {
        margin-bottom: 20px;
        max-width: 95%;
        line-height: 1.5;
        text-align: left;
        font-size: 14px;
    }

    .row-ind4 .video-box {
        top: 285px;
        left: 2.5%;
        right: 2.5%;
    }

    .banner .item {
        background: 0 0;
        height: auto
    }

    .banner .item img.pc {
        display: none;
    }

    .banner .item img.m {
        display: block;
        width: 100%
    }

    .banner .slick-dots {
        bottom: 5px
    }

    .ul-pro .txt h4 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .ul-pro .txt p {
        font-size: 12px;
        line-height: 22px
    }

    .ul-pro .txt .tip .item+.item {
        margin-left: 5px
    }

    .ul-pro .txt .tip {
        padding: 20px 0 0
    }

    .ul-pro li {
        height: 360px
    }

    .ul-pro .txt .tip .item {
        font-size: 12px;
        width: 60px;
        height: 60px;
        padding: 5px 0 0
    }

    .ul-pro .txt .tip .item strong {
        font-size: 14px
    }

    .ul-pro .txt h5 {
        font-size: 18px;
        margin: 20px 0
    }

    .ul-pro .txt span {
        height: 50px;
        line-height: 50px;
        font-size: 14px
    }

    .ul-pro2 li {
        width: 300px
    }

    .ul-pro2 li+li {
        margin-left: 20px
    }

    .ul-pro2 {
        padding: 10px 0 0
    }

    .download-buy {
        position: static;
        margin-top: 20px
    }

    .download-buy .download {
        margin-bottom: 20px
    }

    .abo4-item {
        width: 33.3%;
        height: auto;
        margin-bottom: 30px
    }

    .abo4-item .abo4-y {
        display: none
    }

    .abo4-item .abo4-pic {
        position: static;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 0 auto
    }

    .abo4-item .abo4-pic:after {
        display: none
    }

    .abo4-item .abo4-txt {
        position: static !important;
        margin-bottom: 20px
    }

    .abo4-txt_h3 {
        font-size: 18px;
        padding-bottom: 0
    }

    .abo4-txt_p {
        font-size: 14px
    }

    .cont1-pic {
        width: 150px;
        height: 150px
    }

    .inp-box em {
        float: none
    }

    .inp-box input {
        width: 98%
    }

    .inp-box textarea {
        width: 100%
    }

    .mesg-btn {
        width: 100%;
        margin-left: 0
    }

    .cust-item {
        width: 33.3%
    }

    .cust-con {
        height: auto
    }

    .cust-txt {
        position: static
    }

    .join1-mask-txt {
        padding: 10px
    }

    .join2-desc {
        padding: 0 10px;
        width: 100%
    }

    .join4-item {
        width: 33.3%
    }

    .slick-news {
        float: none;
        width: 60%;
        margin: 0 auto
    }

    .news1-list {
        padding: 10px
    }

    .news1-l-item {
        margin-bottom: 10px
    }

    .news2-item {
        width: 50%;
    }

    .news-det-side {
        width: 240px
    }

    .inp-box.must em:before {
        top: 34px;
        right: 30px;
    }

    .jopPop-contain {
        width: 95%;
        border-top-right-radius: 10px;
        max-height: 95vh;
        overflow: hidden;
        overflow-y: auto;
    }

    .jopPop-close {
        right: 0;
        border-top-right-radius: 10px
    }

    .join-job-box {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .mes-product-box {
        flex-flow: column;
    }

    .mes-product-list {
        padding: 30px 0;
    }

    .mes-product-list .mes-product-box>div.mes-p-img {
        width: 100%;
    }

    .mes-product-list .mes-product-box>div.mes-p-msg {
        width: 100%;
        padding-left: 0;
        margin-top: 25px;
    }

    .mes-product-list:nth-child(2n) .mes-product-box>div.mes-p-img {
        order: 1;
    }

    .mes-product-list:nth-child(2n) .mes-product-box>div.mes-p-msg {
        padding-right: 0;
    }

    .tab-abo {
        justify-content: center;
    }

    .nav-in .wp i.more-arr {
        display: block;
    }

    .pro-so .sel {
        display: none;
    }

    .hdr-search {
        display: block;
        margin: 45px;
    }

    .hdr-search .Header-search-submit {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fff;
        border: 1px #ccc solid;
        background-image: url(../images/sou.png);
        background-size: 20px;
    }

    .hdr-search .Header-search-wordsform input {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding-left: 1em;
    }

    .ban-position.mp h2 {
        font-size: 16px;
        padding: 20px 0;
    }
}

@media only screen and (max-width:959px) {
    .abo4-item {
        width: 33.3%;
        height: auto;
        margin-bottom: 30px
    }

    .abo4-item .abo4-y {
        display: none
    }

    .abo4-item .abo4-pic {
        position: static;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 0 auto
    }

    .abo4-item .abo4-pic:after {
        display: none
    }

    .abo4-item .abo4-txt {
        position: static !important;
        margin-bottom: 20px
    }

    .abo4-txt_h3 {
        font-size: 18px;
        padding-bottom: 0
    }

    .abo4-txt_p {
        font-size: 14px
    }

    .cont1-pic {
        width: 150px;
        height: 150px
    }

    .inp-box em {
        float: none
    }

    .inp-box input {
        width: 98%
    }

    .inp-box textarea {
        width: 100%
    }

    .mesg-btn {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }

    .mesg-btn input {
        margin: 0 0 15px;
        width: calc(50% - 20px);
    }

    .pro-row3 {
        height: 157px
    }

    .pro-row2 {
        padding: 30px 0
    }

    .slick-case.pro .case2-item {
        width: 50%
    }

    .wp {
        width: 95%;
        max-width: 95%;
    }

    .ban-in {
        height: 160px
    }

    .ban-in-tit {
        bottom: 20px
    }

    .ban-in-tit h3 {
        font-size: 18px;
        padding-top: 15px;
        line-height: 1.5;
        padding-bottom: 0
    }

    .ban-in-tit h3:after {
        width: 30px;
        bottom: -5px;
    }

    .ban-in-tit p {
        font-size: 14px;
        margin-top:10px;
        /* display: none; */
    }

    .about1 {
        padding-top: 30px
    }

    .abo-tit h3 {
        font-size: 18px;
        padding-bottom: 10px
    }

    .abo-tit em {
        width: 20px;
        margin-bottom: 10px
    }

    .abo-tit em:after,
    .abo-tit em:before {
        width: 50px
    }

    .abo-tit p {
        font-size: 14px
    }

    .abo1-box {
        padding-top: 30px
    }

    .abo1-txt {
        float: none;
        width: 100%
    }

    .abo1-txt_h3 {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 15px
    }

    .abo1-txt_h3:after {
        height: 20px;
        margin-top: -10px
    }

    .abo1-txt_h3 em {
        font-size: 50px;
        left: 20px
    }

    .abo1-txt_desc {
        padding: 0;
        line-height: 1.8
    }

    .abo1-video {
        margin-top: 50px
    }

    .about2 {
        padding: 30px 0
    }

    .abo2-box {
        padding-top: 10px
    }

    .tab-abo_li a {
        font-size: 14px
    }

    .slick-abo .slick-arrow {
        width: 30px;
        height: 60px
    }

    .about3 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .abo3-item {
        width: 50%;
        margin-bottom: 20px
    }

    .abo3-txt_h3 {
        font-size: 16px;
        padding-top: 5px
    }

    .abo3-txt_p {
        font-size: 12px;
        padding-top: 0
    }

    .abo3-pic {
        width: 100px;
        height: 80px
    }

    .abo3-pic-icon {
        width: 60px;
        height: 60px
    }

    .m-boss {
        padding-top: 30px
    }

    .boss-pic {
        width: 288px;
        height: 288px
    }

    .boss-desc {
        font-size: 14px;
        line-height: 1.5
    }

    .about4 {
        padding-top: 30px
    }

    .abo4-list {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .abo4-txt_h3 {
        font-size: 16px;
        font-weight: 400
    }

    .abo4-txt_h3:after {
        top: 39px;
        left: 0;
    }

    .abo4-txt_h3:before {
        top: 42px;
        left: 3px;
    }

    .abo4-txt_p {
        font-size: 14px;
        margin-top: 50px;
    }

    .abo4-pic {
        width: 100px;
        height: 100px
    }

    .case1 {
        padding: 30px 0
    }

    .case-list {
        padding-bottom: 30px
    }

    .case-item {
        width: 50%;
        margin-bottom: 15px
    }

    .case-txt {
        padding: 10px 0 5px;
        font-size: 14px
    }

    .pages-item {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .case2 {
        padding: 30px 0
    }

    .case2-tit {
        font-size: 18px
    }

    .contact1 {
        padding: 30px 0
    }

    .cont-tit {
        font-size: 20px;
        padding-bottom: 10px
    }

    .cont-tit:after {
        width: 20px;
        height: 2px
    }

    .cont1-list {
        padding-top: 30px
    }

    .cont1-pic {
        width: 80px;
        height: 80px;
        margin-bottom: 10px
    }

    .cont1-icon {
        width: 40px;
        height: 40px;
        -webkit-background-size: 40px auto;
        background-size: 40px auto
    }

    .cont1-tit {
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    .cont1-desc {
        font-size: 12px
    }

    .contact2 {
        padding-bottom: 30px
    }

    .contact2 img {
        min-height: 350px;
        object-fit: cover;
    }

    .allmap {
        height: 300px
    }

    .mesg-box {
        padding-top: 30px
    }

    .mesg-s {
        margin-bottom: 15px
    }

    .inp-box.w100 {
        margin-top: 0
    }

    .inp-box input {
        height: 32px;
        line-height: 30px
    }

    .inp-box textarea {
        height: 150px
    }

    .contact3 {
        padding-bottom: 80px
    }

    .cust {
        padding: 30px 0
    }

    .cust-item {
        margin-bottom: 20px
    }

    .cust-txt {
        height: auto;
        padding: 10px
    }

    .cust-txt_name {
        padding-bottom: 0
    }

    .cust-txt_comp span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .cust-con:hover .cust-txt {
        height: auto
    }

    .join1 {
        padding: 30px 0
    }

    .join1-list {
        margin: 0;
        padding-top: 30px
    }

    .join1-item {
        float: none;
        width: 100%
    }

    .join1-mask {
        position: static;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        margin-top: 15px
    }

    .join1-mask-txt_a {
        position: static;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        margin: 10px auto;
        width: 40%;
        height: 35px;
        line-height: 35px
    }

    .join1-name {
        font-size: 16px;
        padding-top: 10px
    }

    .join1-mask-name {
        font-size: 16px;
        padding: 10px 0
    }

    .join1-mask-txt_tit {
        padding-bottom: 10px
    }

    .join1-con {
        border-bottom: none
    }

    .join2 {
        padding: 30px 0
    }

    .join2-list {
        padding-top: 30px
    }

    .join2-item {
        width: 50%;
        margin-bottom: 15px
    }

    .join2-tit {
        font-size: 16px;
        padding: 10px 0
    }

    .join2-desc {
        font-size: 12px
    }

    .join2-desc br {
        display: none
    }

    .join2-pic {
        width: 100px;
        height: 88px
    }

    .join3 {
        padding: 30px 0
    }

    .slick-join {
        margin-top: 30px
    }

    .join3-con {
        height: auto
    }

    .join3-txt {
        position: static;
        height: auto
    }

    .join3-txt_desc {
        overflow: hidden;
        height: 72px
    }

    .join3-con:hover .join3-txt {
        height: auto
    }

    .join3-con:hover .join3-txt_desc {
        overflow: hidden;
        height: 72px
    }

    .join3-txt_a {
        position: static;
        display: block;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        margin: 10px auto 0;
        width: 70%;
        height: 30px;
        line-height: 28px;
        font-size: 0
    }

    .join3-txt_a span {
        font-size: 14px
    }

    .join4 {
        padding: 30px 0
    }

    .join4-list {
        margin: 0;
        padding-top: 30px
    }

    .join4-tit em {
        font-size: 20px
    }

    .join4-tit span {
        font-size: 16px;
        top: 0
    }

    .join4-desc {
        font-size: 12px;
        height: 36px;
    }

    .join4-con {
        padding: 10px 10px 15px 20px;
    }

    .join4-item {
        width: 50%;
        margin-bottom: 15px
    }

    .join4-icon {
        width: 100px;
        height: 100px
    }

    .news1 {
        padding: 30px 0 0
    }

    .news1-l-tit {
        font-size: 18px
    }

    .news1-l-date {
        padding: 10px 0
    }

    .news2-date em {
        font-size: 18px
    }

    .news2-date span {
        font-size: 12px
    }

    .news2-txt_h3 a {
        font-size: 18px;
        top: 0
    }

    .news2-txt_desc {
        padding: 0;
    }

    .news2-txt_a {
        height: 30px;
        line-height: 28px
    }

    .news2-list {
        padding-bottom: 20px;
    }

    .news2 {
        padding-bottom: 30px;
        padding-top: 15px;
    }

    .news-det-side {
        float: none;
        width: 100%;
        padding: 0
    }

    .pc-con {
        display: none
    }

    .mo-con {
        display: block
    }

    .news-det {
        padding-top: 0;
        margin-bottom: 30px
    }

    .news-det-side_tit {
        height: auto;
        line-height: 2;
        font-size: 18px;
        background: #ffefdd;
        display: flex;
        justify-content: space-between;
        padding: 6px 15px;
        color: #F08519;
        align-items: center;
        min-height: 48px;
    }

    .news-det-side_tit img {
        max-height: 20px;
    }

    .news-det-side_tit span {
        font-size: 0;
    }

    .news-det-side_tit span a {
        font-size: 0;
    }

    .news-det-side_tit span a::after {
        content: '下一篇';
        font-size: 18px;
        color: #F08519;
    }

    .news-det-side_list {
        padding: 10px 15px;
    }

    .news-det-side_list .side-item {
        padding: 0;
        border: 0;
    }

    .news-det-side_list .side-item_h3 {
        font-size: 16px;
        padding-left: 0;
        padding-bottom: 0;
    }

    .news-det-side_list .side-item_h3 a {
        padding: 10px 0;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .news-det-side_list .side-item_date {
        display: none;
    }

    .news-det-side_list .side-item_h3:after {
        display: none;
    }

    .news-det-main {
        padding-right: 0;
        padding-top: 20px
    }

    .det-main_h1 {
        font-size: 20px;
        padding: 0 15px 10px;
        font-weight: bolder;
    }

    .det-main_info {
        padding: 0 15px 10px;
        border: 0;
    }

    .det-btn-back {
        width: 30%;
        height: 40px;
        line-height: 40px
    }

    .det-btn-back i {
        width: 20px;
        height: 20px
    }

    .news-det-inner {
        margin-bottom: 0;
        border: 0;
    }

    .news-det-inner.morenews {
        border: 1px #ffd8ad solid;
        border-radius: 10px;
        overflow: hidden;
        margin: 0 15px;
    }

    .det-main_cont {
        font-size: 18px;
        line-height: 2;
        padding: 10px 15px 34px;
    }

    .inp-box.must em:before {
        top: 30px;
    }

    /*.pages span, .pages a {width: 30px;height: 30px;line-height: 30px;}*/
    .nav-in {
        position: sticky;
        top: 0;
        overflow: hidden;
        overflow-x:hidden;
        height: auto !important;
    }
.nav-in:hover{
    overflow-x:auto;
}
    .nav-in .wp {
        white-space: nowrap;
    }

    .ban-position.mp .wp {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    .nav-in.product-nav-in {
        margin-bottom: 20px;
        border-bottom: 0;
        overflow: unset;
    }

    .nav-in.product-nav-in .wp {
        width: 100%;
        max-width: 100%;
    }

    .nav-in.product-nav-in>.wp:first-child {
        border-bottom: 1px solid #E4E4E4;
        overflow-x: auto;
    }

    .nav-in.product-nav-in>.wp>a.on:after,
    .nav-in.product-nav-in>.wp>a:hover:after {
        height: 6px;
        width: 15px;
        bottom: 0;
        left: 50%;
        margin-left: -7px;
        background: url(../images/icon-cur.png) no-repeat;
        background-size: cover;
    }

    .nav-in.product-nav-in a {
        line-height: 47px;
        height: 50px;
    }

    .nav-in.product-nav-in a:first-child {
        margin-left: 2.5%;
    }

    .pro-snav {
        display: flex;
        background-color: #f4f4f4;
        width: 100%;
        overflow: hidden;
    }

    .pro-snav a {
        color: #666666;
    }

    .pro-snav-l {
        width: calc(100% - 80px);
        overflow: hidden;
        overflow-x: auto;
    }

    .pro-snav .more-arr {
        color: #ef8202;
        background: url(../images/icon-pmore.png) 15px center no-repeat;
        background-size: 18px;
        border-left: 1px #d6d6d6 solid;
        padding-left: 40px;
        font-size: 14px;
        line-height: 49px;
        width: 80px;
    }

    .nav-in.product-nav-in .pro-snav-l .on:after,
    .nav-in.product-nav-in .pro-snav-l a:hover:after {
        position: absolute;
        bottom: 3px;
        left: 50%;
        right: 0;
        height: 3px;
        background: none;
        background-color: #F08519;
        content: ' ';
        max-width: 15px;
        border-radius: 4px;
        margin-left: -7px;
    }

    .pro-so {
        padding: 15px 0;
        background-color: #fff;
        display: none;
    }

    .pro-so.mo-con {
        padding-bottom: 20px;
        box-shadow: #c8c8c8 0px 5px 12px 0px;
        margin-bottom: 20px;
        border-radius: 0 0 10px 10px;
        position: absolute;
        top: 0
    }

    .pro-snav-l::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .pro-so .pclose-arr {
        display: flex;
        justify-content: right;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .pro-so .pclose-arr i {
        width: 30px;
        height: 30px;
        background: url(../images/icon-pclose.png) no-repeat;
        background-size: cover;
        cursor: pointer;
    }

    .pro-so .sel {
        display: flex;
        flex-wrap: wrap;
    }

    .pro-so .sel a {
        min-width: calc(50% - 20px);
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        margin: 0 10px 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pro-so .sel a:hover::after {
        display: none;
    }

    .search-box .wp {
        width: 100%;
        max-width: 100%;
    }

    .search-form {
        padding: 0;
    }

    .search-form form {
        width: 100%;
        border-radius: 0;
        border: 0;
        background: #fff;
        padding-left: 10px;
        height: 40px;
    }

    .search-form form input {
        font-size: 16px;
        background: transparent;
        width: calc(100% - 60px);
    }

    .search-form form button {
        width: 60px;
        border-radius: 0;
        font-size: 18px;
        line-height: 40px;
    }

    .search-txt {
        display: none;
    }

}

@media only screen and (max-width:767px) {
    .wp-poa{
left:-16%;
    }
    .header {
        box-shadow: none;
        border-bottom: 1px solid #e8e8ea;
    }

    .logo img {
        width: 168px;
        margin-top: -7px;
    }

    .tel-lang {
        padding-top: 0;
        margin-bottom: 0;
    }

    .hdr {
        width: 60%;
        padding-top: 55px;
        top: 0 !important;
        z-index: 1001;
    }

    .nav {
        margin-top: 0;
    }

    .nav li {
        margin: 0;
        display: block;
    }

    .nav li a {
        text-align: left;
        padding-left: 25px;
    }

    .m-product .pic-box {
        width: auto
    }

    .pro-tab li {
        width: 100px;
        margin: 0 5px
    }

    .ul-pro li {
        height: auto
    }

    .ul-pro {
        padding: 20px 10px 0
    }

    .ul-pro2 li {
        float: none;
        width: auto;
        margin-left: 0 !important
    }

    .ul-pro2 li p span {
        width: 110px
    }

    .pro-row3 {
        display: none
    }

    .pro-row1 {
        padding: 0 0 20px
    }

    .m-product {
        padding: 0 0 20px
    }

    .m-product .txt-box .con2 {
        padding: 10px 0
    }

    .m-product .txt-box .con4 {
        padding: 20px 0
    }

    .ul-pro .txt {
        position: static;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        padding: 10px 0 20px
    }

    .ul-pro .l,
    .ul-pro .r {
        float: none !important;
        width: auto
    }

    .pro-tab li a {
        font-size: 14px;
        line-height: 36px
    }

    .m-product .pic-box .pic-big,
    .m-product .txt-box .con3 .share,
    .slick-pic .item.on:after {
        display: none
    }

    .m-product .txt-box .con2 li,
    .m-product .txt-box .con3 .btn a {
        float: none;
        width: auto
    }

    .m-product .txt-box .con3 .btn {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
    }

    .m-product .txt-box .con3 .btn a {
        display: block;
        border-radius: 0;
    }

    .slick-pic {
        padding: 0
    }

    .m-product .txt-box .con3 .btn a.a1 {
        margin-right: 0;
        margin-bottom: 10px
    }

    .tit-ind1 .tit {
        font-size: 22px
    }

    .tit-ind1 .sub {
        font-size: 12px
    }

    .tab-pro li {
        display: block;
        margin: 0 0 5px;
        width: 33.33%;
    }

    .tab-pro li a {
        font-size: 14px;
        width: auto;
        height: 42px;
        line-height: 40px;
        padding: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .slick-pro .pro-item .pro-item__txt h4 {
        font-size: 16px
    }

    .slick-pro .pro-item .pro-item__txt p {
        font-size: 12px
    }

    .slick-pro .pro-item {
        padding: 0 0 20px;
        margin: 0 1px;
    }

    .row-ind4 .video-box {
        flex-direction: column;
    }

    .row-ind4 .video {
        height: 190px;
        margin: 0;
        margin-bottom: 15px;
    }

    .video-mask .icon {
        width: 40px;
        height: 40px;
    }

    .row-ind5 {
        padding: 30px 0;
        margin-top: 318px;
    }

    .slick-w1 {
        margin-top: 10px
    }

    .m-news .cont {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 0px;
    }

    .ul-step li {
        margin-bottom: 20px;
    }

    .ul-step li img {
        display: block;
        text-align: center;
        margin: 0 auto;
        height: 36px;
    }

    .tit-ind2 {
        margin-bottom: 20px
    }

    .tit-ind2 h3 {
        font-size: 20px
    }

    .tit-ind2 .a1 {
        line-height: 30px;
        display: inline;
    }

    .tit-ind2 .w-more {
        display: none;
    }

    .ul-news li {
        padding: 15px 15px 15px 0;
        margin-bottom: 0;
        margin-top: -1px;
    }

    .ul-news .news-item__time {
        width: 80px;
    }

    .ul-problem .problem-item .problem-item__link {
        line-height: 50px;
        padding-left: 30px
    }

    .ul-problem .problem-item .problem-item__link:after {
        left: 15px
    }

    .ban-in-tit {
        bottom: auto;
        top: 64px
    }

    .ban-in-cur {
        right: auto;
        left: 0;
        display: none;
    }

    .tab-abo {
        overflow: hidden
    }

    .tab-abo_li {
        display: block;
        margin: 0;
        float: left;
        width: 33.33%
    }

    .tab-abo_li.on:after {
        display: none
    }

    .tab-abo_li a {
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 6px 0;
        text-align: center
    }

    .abo3-item {
        width: 100%
    }

    .abo3-txt_p {
        height: 36px;
        overflow: hidden
    }

    .abo4-list {
        padding-top: 8px;
    }

    .abo4-item {
        width: 60%;
        margin-bottom: 15px;
        margin-left: 50px;
    }

    .abo4-item .abo4-txt {
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .abo4-txt_p {
        display: block;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        margin-top: 35px;
    }

    .nav-in {
        position: sticky;
        top: 0;
        line-height: 1.5;
        height: auto;
        overflow: hidden;
        overflow-x: auto;
    }

    .nav-in .wp {
        white-space: nowrap;
        height:60px;
        /* padding-top:10px; */
    }
        .nav-in .wp.mbNone {
      
        height:0px;
        /* padding-top:10px; */
    }

    .nav-in a {
        padding: 0;
        height: 58px;
        line-height: 60px;
        font-size: 14px;
        margin: 0 10px;
    }

    .cont1-item {
        width: 50%;
        margin-bottom: 20px
    }

    .case-con {
        margin: 0 3px;
        padding: 5px
    }

    .case-list {
        margin: 0 -3px
    }

    .inp-box {
        float: none;
        width: 100%
    }

    .mesg-s {
        margin-bottom: 0
    }

    .mesg-btn input {
        float: none;
    }

    .contact3 {
        padding-bottom: 30px
    }

    .cust-item {
        width: 50%
    }

    .slick-news {
        width: 100%
    }

    .news2-list {
        margin: 0;
    }

    .news1-l-con {
        height: auto;
        padding: 5px
    }

    .news1-list {
        padding: 5px
    }

    .news2-item {
        width: 100%;
        padding: 0px;
        margin-bottom: 15px;
    }

    .news2-pic {
        float: none;
        width: auto;
        margin: 0 auto 10px
    }

    .news2-item .wp {
        position: relative
    }

    .news2-date {
        padding: 10px 10px 0;
    }

    .news2-date em {
        display: inline-block;
        vertical-align: middle;
        padding-top: 10px
    }

    .news2-date span {
        display: inline-block;
        vertical-align: middle
    }

    .news2-txt {
        padding: 10px
    }

    .news2-txt_desc {
        margin: 10px 0;
        height: auto;
    }

    .det-info_desc {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .det-info_share {
        display: none
    }

    .det-main_h1 {
        line-height: 1.5
    }

    .news-det-btn .next {
        width: 100%;
        font-size: 16px;
    }

    .news-det-btn a {
        display: block;
        float: none !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-det-btn .prev {
        width: 100%;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .det-btn-back {
        width: 50%;
        margin-top: 20px
    }

    .slick-case.pro .case2-item {
        margin-bottom: 10px
    }

    .slick-case.pro .case2-item .case2-con {
        margin: 0 4px
    }

    .slick-case.pro {
        margin: 0 -5px 10px
    }

    .h120 {
        height: 30px
    }

    .slick-pro,
    .tab-b {
        padding: 0;
        margin: 0
    }

    .tab-pro {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        margin: 0 auto 10px;
        width: 95%;
    }

    .ul-reason .reason-item__pic {
        width: 150px;
        height: 150px
    }

    .slick-w1 .slick-prev {
        left: 25px;
    }

    .slick-w1 .slick-next {
        right: 25px;
    }

    .case2-txt_h3 {
        font-size: 14px
    }

    .slick-pro .slick-prev,
    .slick-pro .slick-next {
        background-size: 100%;
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 100%;
    }

    .det-main_cont img {
        margin: 20px 0
    }

    .slick-pic .slick-prev {
        background-image: url(../images/w-prev.png);
        left: 10px
    }

    .slick-pic .slick-next {
        background-image: url(../images/w-next.png);
        right: 10px
    }

    .ul-reason .reason-inner {
        margin: 0 10px
    }

    .ul-reason {
        margin: 0
    }

    .ul-reason .reason-item__txt p {
        font-size: 12px
    }

    .ul-count .count-item p {
        font-size: 14px
    }

    .cust-con {
        margin: 0 3px
    }

    .cust-list {
        margin: 0 -3px
    }

    .cust-play {
        width: 40px;
        height: 40px;
        -webkit-background-size: 40px auto;
        background-size: 40px auto
    }

    .cust-txt_comp span {
        font-size: 12px
    }

    .cust-txt_comp {
        position: relative;
        overflow: visible
    }

    .cust-txt_comp em {
        float: none;
        position: absolute;
        top: -24px;
        right: 0
    }

    .inp-box.must:before {
        left: 40px !important
    }

    .index-more,
    .w-more {
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        padding-left: 52px;
    }

    .m-news .con1 .new-pic {
        width: 100%;
        height: auto;
        line-height: 0;
    }

    .m-news .con1 .new-pic img {
        width: 100%;
        height: auto;
    }

    .m-news .con2 p {
        max-height: 44px;
        height: auto;
    }

    .ul-news .news-item__txt h4 a {
        font-size: 16px;
    }

    .row-ind6 .col-r {
        padding-left: 0;
    }

    .slick-w1 .slick-arrow {
        width: 40px;
        height: 40px;
        background-size: 100%;
        background-color: rgba(255, 255, 255, .7);
        border-radius: 100%;
    }

    .fd-top {
        display: none;
    }

    .foot-nav {
        flex-direction: column;
    }

    .foot-nav-item {
        margin-right: 0;
    }

    .Footer-navclick i {
        display: block;
    }

    .Footer-navwords {
        display: none;
        padding-bottom: 15px;
    }

    .foot-copy {
        border-top: 0;
        padding-top: 0;
    }

    .about-count .ul-count .count-item {
        width: 33.33%;
    }

    .abo4-txt_h3:before {
        top: 31px;
        left: 3px;
    }

    .abo4-txt_h3:after {
        top: 28px;
        left: 0
    }

    .abo4-box:before {
        top: 60px;
    }

    .about-partner {
        padding-bottom: 30px;
    }

    .partner-item {
        width: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
    }

    .case2-txt {
        padding: 15px 0 10px;
    }

    .case2-txt p {
        height: 56px;
        padding: 10px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pro-row1 .wp {
        overflow-x: auto;
    }

    .pro-row1 .wp td {
        padding: 0 3px !important;
    }

    .formPop .jopPop-cont p {
        padding: 10px !important;
    }

    .inp-box textarea {
        height: 90px;
    }

    .join-fuli-box ul li {
        width: 50%;
        height: 200px;
    }

    .join-fuli {
        padding-bottom: 30px;
    }

    .join-huanjing {
        padding-bottom: 30px;
    }

    .join-fr ul.jobsite li {
        width: 98%;
    }

    .join-job-box {
        margin: 20px auto;
        width: 100%;
    }

    .join-job-box .join-txt {
        padding: 15px;
    }

    .join-job-box .join-img {
        width: 70%;
    }

    .join-job-box .join-img img {
        object-fit: cover;
    }

    .join-job-box .join-txt h3 {
        font-size: 14px;
    }

    .join-job {
        padding-bottom: 30px;
    }

    .m-lang {
        display: flex;
    }

    .hdr-search {
        display: block;
        margin: 45px 25px
    }

    .abo1-txt_desc .video {
        float: none;
        margin: 7px 0 15px;
        width: 100%;
    }

    .proshow-bg {
        padding-bottom: 50px;
    }
}

.productcenter .Header-prolink {
    border-left: 1px solid #ddd;
}

.productcenter p {
    height: 40px;
    line-height: 40px;

    font-size: 14px;
}

.productcenter .Header-dpitem p.topItemMenu a {
    color: #999;
}

.productcenter .Header-dpitem p.topItemMenu a:hover {
    color: #ff9205;
}

.inputSearch {
    height: 34px;
    width: 0px;
    opacity: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 17px;
    position: relative;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #ccc;

    position: absolute;
    right: 134px;
    top: 1px;
    /* background: transparent url(../images/search.png) no-repeat 230px 7px; */
}

.inputSearch.active {
    width: 260px;
    opacity: 1;
    animation: expandWidth 1s ease-in-out forwards;
}

@keyframes expandWidth {
    0% {
        width: 0px;
        opacity: 0;
    }

    100% {
        width: 260px;
        opacity: 1;
    }
}

.inputSearch :hover {
    border: 1px solid #ccc;
}

.inputSearch input {
    height: 34px;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 17px;

    outline: none;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none;
    -webkit-appearance: none;
    /* 移除 Safari 默认样式 */
    -moz-appearance: none;
    /* 移除 Firefox 默认样式 */
    appearance: none;
}

.inputSearch img,
.inputSearch .close-search-btn {
    position: absolute;
    right: 12px;
    top: 6px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.inputSearch input:focus {
    outline: none;
    border: none;
    background: rgba(255, 255, 255, .3);
    /* 或自定义边框 */
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
  .top-nav .tools{
    position:static;
  }
  .inputSearch.active{
    position: absolute;
    left: 54%;
    width: 600px !important;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .top-nav .tools{
    position:static;
  }
  .inputSearch.active{
    position: absolute;
    left: 54%;
    width: 400px !important;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}


/* ==========================================================================
 * 以下为从各页面内联 <style> 提取的样式（extract-css.js 自动生成）
 * 每个页面的样式都带独立作用域，避免各页面之间互相影响
 * ========================================================================== */

/* ==========================================================================
 * 来源：XinLiEIMS_Foot.html
 * 全站公共页脚（被所有页面 include），统一限制在 .footer 内生效
 * ========================================================================== */
/* ===== PC Footer (default) ===== */
.footer {
    background: #f5f5f5;
}
.footer .pc-footer-top {
    display: block;
}
.footer .footer-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    height: auto;
    padding: 30px 0;
}
.footer .footer-col h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 600;
}
.footer .footer-col a {
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 2;
    text-decoration: none;
}
.footer .footer-col a:hover {
    color: #f58600;
}
/* ===== Mobile Footer (< 768px) ===== */
@media (max-width: 900px) {
        .wp {
        padding: 0 10px;
        transform: translate(10px, 0);
        }
    .footer .wrap {
        width: 90%;
    }
    .footer .pc-footer-top,
    .footer .pc-line {
        display: none !important;
    }
    .footer .footer-grid {
        display: block;
        height: auto;
        padding: 0 16px;
    }
    .footer .footer-col {
        border-bottom: 1px solid #e8e8e8;
        /* height:56px; */
    }
    .footer .line {
        height: 1px;
        margin: 8px 0;
        background: rgba(0,0,0,0);
    }
    .footer .col-title {
        position: relative;
        margin: 0;
        padding: 8px 0;
        font-size: 16px;
        color: #333;
        font-weight: 500;
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer .col-title::after {
        content: '';
        width: 10px;
        height: 10px;
        border-right: 1.5px solid #999;
        border-bottom: 1.5px solid #999;
        transform: rotate(45deg);
        transition: transform 0.3s;
        display: inline-block;
        margin-right: 4px;
    }
    .footer .footer-col.expanded .col-title::after {
        transform: rotate(-135deg);
    }
    .footer .col-links {
        display: none;
        padding-bottom: 12px;
    }
    .footer .footer-col.expanded .col-links {
        display: block;
    }
    .footer .col-links a {
        font-size: 14px;
        color: #666;
        line-height: 2.4;
        padding-left: 4px;
    }
    .footer .wrap .line:last-of-type {
        margin-top: 10px;
    }
    .footer .copyright {
        font-size: 12px;
        padding: 16px 10px;
        text-align: center;
        color: #999;
    }
    .footer .copyright a {
        color: #999;
    }
    /* Go top button */
    .footer .go-top {
        position: fixed;
        right: 16px;
        bottom: 60px;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(0,0,0,0.55);
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 25px;
        text-decoration: none;
        z-index: 999;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }
    .footer .go-top.visible {
        opacity: 1;
        pointer-events: auto;
    }
}
/* Go top button visible on all screens, but positioned differently */
@media (min-width: 769px) {
    .footer .go-top {
        position: fixed;
        right: 24px;
        bottom: 24px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgba(0,0,0,0.45);
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 30px;
        text-decoration: none;
        z-index: 999;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }
    .footer .go-top.visible {
        opacity: 1;
        pointer-events: auto;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_Top.html
 * 全站公共头部（被所有页面 include），选择器均为 .top-nav / .mobile-* 专用类，保持全局
 * ========================================================================== */
.mobile-header-actions,
.mobile-search-bar,
.mobile-drawer {
    display: none;
}
@media (max-width: 900px) {
    .top-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 60px !important;
        padding: 0 16px !important;
        position: fixed !important;
        top: 0;
        background: #fff;
    }

    /* 移动端模式下，菜单栏固定为白色（覆盖各页面透明头部 / 滚动变色逻辑） */
    .top-nav,
    .top-nav.header-transparent,
    body.page-header-transparent .top-nav,
    .top-nav.header-transparent.nav-solid,
    body.page-header-transparent .top-nav.nav-solid,
    body.search-open .top-nav,
    body .top-nav:hover {
        background: #fff !important;
        background-color: #fff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
    }

    .top-nav .logo {
        filter: none !important;
    }

    .top-nav.header-transparent .tools button,
    body.page-header-transparent .top-nav .tools button,
    body.search-open .top-nav .tools button {
        color: #666 !important;
        border-color: #dde3ea !important;
        background: #fff !important;
    }

    .top-nav {
        height: 60px !important;
    }

    /* banner 从顶部开始的页面，移动端让出 60px 给固定白色菜单栏 */
    body.page-header-transparent {
        padding-top: 60px !important;
    }
    .top-nav .logo-wrap {
        display: flex !important;
        align-items: center !important;
    }
    .top-nav .logo-wrap img {
        height: 28px !important;
        width: auto !important;
    }
    .top-nav .logo {
        filter: brightness(1) invert(0);
    }
    .top-nav .menu,
    .top-nav .tools {
        display: none !important;
    }
    .mobile-header-actions {
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
    }
    .mobile-icon-btn {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-search-bar {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px 16px;
        border-top: 1px solid #eee;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        z-index: 999;
        align-items: center;
    }
    .mobile-search-bar.active {
        display: flex !important;
    }
    .mobile-search-bar input {
        flex: 1;
        border: 1px solid #ddd;
        border-radius: 4px 0 0 4px;
        padding: 8px 12px;
        font-size: 14px;
        outline: none;
    }
    .mobile-search-bar button {
        border: 1px solid #ddd;
        border-left: none;
        background: #f58600;
        color: #fff;
        border-radius: 0 4px 4px 0;
        padding: 0 16px;
        cursor: pointer;
        font-size: 14px;
        height: 38.8px;
    }
    .mobile-drawer {
        display: block;
    }
    .mobile-drawer-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
    }
    .mobile-drawer.active .mobile-drawer-overlay {
        opacity: 1;
        visibility: visible;
    }
    .mobile-drawer-panel {
        position: fixed;
        top: 0;
        right: 0;
        width: 80%;
        max-width: 320px;
        height: 100vh;
        background: #fff;
        z-index: 10001;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        display: flex;
        flex-direction: column;
        padding: 16px;
        box-shadow: -2px 0 8px rgba(0,0,0,0.1);
    }
    .mobile-drawer.active .mobile-drawer-panel {
        transform: translateX(0);
    }
    .mobile-drawer-close {
        align-self: flex-end;
        background: none;
        border: none;
        padding: 4px;
        cursor: pointer;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-drawer-search {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    .mobile-drawer-search input {
        flex: 1;
        border: none;
        padding: 10px 12px;
        font-size: 14px;
        outline: none;
    }
    .mobile-drawer-search button {
        border: none;
        background: #fff;
        border-left: 1px solid #ddd;
        padding: 0 12px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-drawer-nav {
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .mobile-drawer-nav > a {
        display: block;
        padding: 14px 12px;
        font-size: 16px;
        color: #333;
        text-decoration: none;
        border-bottom: 1px solid #f5f5f5;
        transition: background 0.2s, color 0.2s;
    }
    .mobile-drawer-nav > a.active {
        background: #f58600;
        color: #fff;
        border-bottom-color: #f58600;
    }
    .mobile-drawer-nav > a:active {
        background: #f5f5f5;
    }
    .mobile-nav-item {
        border-bottom: 1px solid #f5f5f5;
    }
    .mobile-nav-top {
        display: flex;
        align-items: center;
    }
    .mobile-nav-top > a {
        flex: 1;
        display: block;
        padding: 14px 12px;
        font-size: 16px;
        color: #333;
        text-decoration: none;
    }
    .mobile-nav-toggle {
        background: none;
        border: none;
        padding: 10px 12px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-nav-toggle svg {
        transition: transform 0.25s;
    }
    .mobile-nav-item.open .mobile-nav-toggle svg {
        transform: rotate(180deg);
    }
    .mobile-nav-sub {
        display: none;
        padding-bottom: 6px;
    }
    .mobile-nav-item.open .mobile-nav-sub {
        display: block;
    }
    .mobile-nav-sub a {
        display: block;
        padding: 11px 12px 11px 26px;
        font-size: 14px;
        color: #666;
        text-decoration: none;
        border-top: 1px dashed #eee;
    }
    .mobile-nav-sub a:active {
        color: #f58600;
    }
    .mobile-drawer-lang {
        display: flex;
        border-radius: 999px;
        overflow: hidden;
        border: 1px solid #f58600;
        margin-top: auto;
        margin-bottom: 20px;
    }
    .mobile-drawer-lang a {
        flex: 1;
        text-align: center;
        padding: 10px 0;
        font-size: 14px;
        color: #f58600;
        text-decoration: none;
        transition: background 0.2s, color 0.2s;
    }
    .mobile-drawer-lang a.active {
        background: #f58600;
        color: #fff;
    }
}
/* @media (min-width: 769px) {
        .mobile-header-actions,
        .mobile-search-bar,
        .mobile-drawer {
            display: none !important;
        }
    } */


/* ==========================================================================
 * 来源：XinLiEIMS_index.html
 * 仅在该页面生效（作用域 body.page-index）
 * ========================================================================== */
@media (max-width: 900px) {
    body.page-index {
        padding-top: 60px !important;
    }
    /* ===== 1. Hero ===== */
    body.page-index .hero-swiper {
        height: 56vw !important;
        min-height: 320px !important;
    }
    body.page-index .hero-slide {
        background-size: cover;
        background-position: center;
    }
    body.page-index .swiper-button-prev,
    body.page-index .swiper-button-next {
        display: none !important;
    }
    body.page-index .swiper-pagination {
        bottom: 12px !important;
    }
    /* ===== 2. Solutions ===== */
    body.page-index .solutions {
        min-height: auto !important;
        padding: 60px 0 50px !important;
    }
    body.page-index .solutions .wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }
    body.page-index .solution-panel {
        order: 1;
        overflow: hidden;
    }
    body.page-index .solution-tabs {
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-behavior: smooth;
        padding: 6px 16px 10px !important;
        margin: 0 -16px !important;
        mask-image: linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%);
        -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%);
    }
    body.page-index .solution-tabs::-webkit-scrollbar {
        display: none;
    }
    body.page-index .solution-tabs li {
        flex-shrink: 0;
        width: auto !important;
        height: 40px !important;
        font-size: 13px !important;
        padding: 0 18px !important;
        border-radius: 20px !important;
        white-space: nowrap;
        transition: all 0.35s ease;
        border: 1.5px solid #e8ecf1;
    }
    body.page-index .solution-tabs li.active {
        width: auto !important;
        height: 40px !important;
        font-size: 13px !important;
        border-radius: 20px !important;
        border-color: var(--accent);
        box-shadow: 0 2px 8px rgba(0,122,255,0.25);
    }
    body.page-index .solution-tabs.link li a {
        line-height: 40px !important;
        display: flex !important;
        align-items: center !important;
    }
    body.page-index .solution-tabs li::before {
        width: 16px !important;
        height: 16px !important;
        margin-right: 8px !important;
    }
    body.page-index .solution-tabs li span {
        display: none !important;
    }
    body.page-index .solution-visual {
        order: 2;
        text-align: center !important;
    }
    body.page-index .solution-visual h3 {
        text-align: center !important;
        font-size: 24px !important;
        transition: all 0.3s ease;
    }
    body.page-index .solution-visual p {
        text-align: center !important;
        font-size: 14px !important;
        margin-bottom: 16px !important;
        transition: all 0.3s ease;
    }
    body.page-index .solution-link-wrap {
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    body.page-index .solution-link {
        font-size: 14px !important;
        padding: 6px 16px !important;
    }
    body.page-index .solution-img-wrap {
        text-align: center;
    }
    body.page-index .solution-img-wrap .img-a,
    body.page-index .solution-img-wrap .img-b {
        max-width: 100%;
        transition: opacity 0.5s ease !important;
    }
    /* ===== 3. Products ===== */
    body.page-index .products {
        min-height: auto !important;
        padding: 50px 16px 40px !important;
        background-image: none !important;
        background-color: #fff !important;
        position: relative;
    }
    /* 移动端产品模块标题 */
    body.page-index .products::before {
        content: '产品系列';
        display: block;
        font-size: 26px;
        color: #000;
        text-align: center;
        margin-bottom: 20px;
    }
    body.page-index .product-grid::before {
        content: '为全球客户提供固体制剂、粉体工程自动化产线及数智化工厂解决方案';
        display: block;
        font-size: 13px;
        color: #000;
        text-align: center;
        margin-bottom: 24px;
        padding: 0 20px;
        line-height: 1.5;
    }
    body.page-index .product-grid {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        gap: 16px !important;
    }
    body.page-index .product-item {
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-radius: 12px !important;
        padding: 0 !important;
        flex: none !important;
        min-height: 200px;
        position: relative !important;
        overflow: hidden;
        cursor: pointer;
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }
    /* 每个卡片的背景图用 data-bg */
    body.page-index #select1 {
        background-image: url('{XinLi.templateskin}/images/固体制剂底图.png') !important;
    }
    body.page-index #select2 {
        background-image: url('{XinLi.templateskin}/images/粉体处理底图.png') !important;
    }
    body.page-index #select3 {
        background-image: url('{XinLi.templateskin}/images/信息化系统底图.png') !important;
    }
    body.page-index .product-item::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(10,14,30,0.78) 100%);
        z-index: 1;
    }
    body.page-index .product-item .product-text {
        position: absolute;
        z-index: 2;
        bottom: 24px;
        left: 20px;
        right: 20px;
        color: #fff !important;
        animation: none !important;
        transform: translate(-30px,-30px);
    }
    body.page-index .product-item small {
        display: none !important;
    }
    body.page-index .product-item small::after {
        display: none !important;
    }
    body.page-index .product-item h3 {
        font-size: 22px !important;
        margin: 6px 0 8px !important;
        line-height: 1.3 !important;
    }
    body.page-index .product-item .product-desc {
        font-size: 13px !important;
        line-height: 1.7 !important;
        color: rgba(255,255,255,0.8) !important;
        max-width: 100% !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    body.page-index .product-divider,
    body.page-index .product-bottom,
    body.page-index .product-img,
    body.page-index .product-item::after,
    body.page-index .arrow {
        display: none !important;
    }
    /* ===== 4. About ===== */
    body.page-index .about {
        min-height: auto !important;
        padding: 60px 0 40px !important;
    }
    body.page-index .center-copy h2 {
        font-size: 26px !important;
    }
    body.page-index .center-copy p {
        font-size: 14px !important;
        padding: 0 8px !important;
    }
    body.page-index .link-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        color: var(--accent) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        padding: 6px 18px !important;
        border: 2px solid var(--accent) !important;
        border-radius: 30px !important;
        text-decoration: none !important;
    }
    body.page-index .metrics {
        display: none !important;
    }
    body.page-index .play-btn-wrap {
        margin: 36px auto 20px !important;
    }
    body.page-index .play-btn {
        width: 64px !important;
        height: 64px !important;
    }
    /* ===== 5. News ===== */
    body.page-index .news {
        min-height: auto !important;
        padding: 60px 0 50px !important;
    }
    body.page-index .news-wrap {
        padding: 0 8px !important;
    }
    body.page-index .card-row {
        margin-top: 30px !important;
        padding-bottom: 40px !important;
    }
    body.page-index .card {
        min-height: auto !important;
        padding: 20px 18px !important;
    }
    body.page-index .card h3 {
        font-size: 18px !important;
        margin: 12px 0 10px !important;
    }
    body.page-index .card p {
        font-size: 14px !important;
    }
    body.page-index .card time {
        font-size: 13px !important;
    }
    body.page-index .news-nav {
        width: 36px !important;
        height: 36px !important;
        display: none !important;
    }
    body.page-index .news-prev {
        left: 0 !important;
    }
    body.page-index .news-next {
        right: 0 !important;
    }
    /* ===== 6. Join ===== */
    body.page-index .join {
        min-height: auto !important;
        padding: 80px 16px 60px !important;
    }
    /* General wraps */
    body.page-index main .wrap {
        width: calc(100vw - 32px) !important;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_epc.html
 * 仅在该页面生效（作用域 body.page-solution-epc）
 * ========================================================================== */
body.page-solution-epc .epc-solution-nav {
    position: sticky;
    top: 0;
}
/* EPC Page Specific Styles */
/* .epc-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .epc-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .epc-solution-nav a {
          float:left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin:0 24px;
            height:70px;
            line-height:70px;
        }
        .epc-solution-nav a:hover,
        .epc-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Service Advantages */
body.page-solution-epc .epc-advantage-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 0 auto;
}
body.page-solution-epc .epc-advantage-card {
    text-align: center;
    padding: 32px 20px;
}
body.page-solution-epc .epc-advantage-icon {
    width: 85px;
    height: 85px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.page-solution-epc .epc-advantage-icon svg {
    width: 36px;
    height: 36px;
    fill: #fff;
}
body.page-solution-epc .epc-advantage-icon.orange {
    background: #f58600;
}
body.page-solution-epc .epc-advantage-icon.blue {
    background: #2a7de1;
}
body.page-solution-epc .epc-advantage-icon.teal {
    background: #1a9b8a;
}
body.page-solution-epc .epc-advantage-icon.purple {
    background: #7b5bbf;
}
body.page-solution-epc .epc-advantage-card h4 {
    margin: 0 0 12px;
    font-size: 18px;
    color: #1a1a1a;
}
body.page-solution-epc .epc-advantage-card p {
    margin: 0;
    font-size: 13px;
    line-height: 1.8;
    color: #666;
}
/* Service Timeline */
body.page-solution-epc .epc-timeline {
    display: flex;
    max-width: 1200px;
    margin: 40px auto 0;
    gap: 24px;
}
body.page-solution-epc .epc-timeline-item {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 24px;
    position: relative;
}
body.page-solution-epc .epc-timeline-item::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 24px;
    right: 24px;
    height: 3px;
    border-radius: 3px;
}
body.page-solution-epc .epc-timeline-item.pre::before {
    background: #f58600;
}
body.page-solution-epc .epc-timeline-item.mid::before {
    background: #2a7de1;
}
body.page-solution-epc .epc-timeline-item.post::before {
    background: #1a9b8a;
}
body.page-solution-epc .epc-timeline-label {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 16px;
}
body.page-solution-epc .epc-timeline-item.pre .epc-timeline-label {
    background: #f58600;
}
body.page-solution-epc .epc-timeline-item.mid .epc-timeline-label {
    background: #2a7de1;
}
body.page-solution-epc .epc-timeline-item.post .epc-timeline-label {
    background: #1a9b8a;
}
body.page-solution-epc .epc-timeline-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-solution-epc .epc-timeline-item li {
    font-size: 13px;
    color: #555;
    line-height: 1.8;
    padding-left: 16px;
    position: relative;
}
body.page-solution-epc .epc-timeline-item li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
}
@media (max-width: 1024px) {
    body.page-solution-epc .epc-advantage-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    body.page-solution-epc .epc-timeline {
        flex-wrap: wrap;
    }
    body.page-solution-epc .epc-timeline-item {
        flex: 1 1 45%;
    }
}
@media (max-width: 900px) {
    body.page-solution-epc .epc-advantage-grid {
        grid-template-columns: 1fr;
    }
    body.page-solution-epc .epc-timeline-item {
        flex: 1 1 100%;
    }
    /* Vant Tab 风格 */
    body.page-solution-epc .epc-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-epc .epc-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-epc .epc-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-epc .epc-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-epc .epc-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-epc .epc-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-epc .epc-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-epc .epc-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_fenti.html
 * 仅在该页面生效（作用域 body.page-solution-fenti）
 * ========================================================================== */
/* Fenti Page Specific Styles */
/* .fenti-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .fenti-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .fenti-solution-nav a {
            float: left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin: 0 17px;
            height: 70px;
            line-height: 70px;
        }
        .fenti-solution-nav a:hover,
        .fenti-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Banner override */
body.page-solution-fenti .fenti-solution-nav {
    position: sticky;
    top: 0;
}
body.page-solution-fenti .fenti-banner {
    background: url("../images/粉体处理底图.png") center/cover no-repeat;
}
/* Flow Section */
body.page-solution-fenti .fenti-flow-block {
    margin-bottom: 48px;
}
body.page-solution-fenti .fenti-flow-block h3 {
    margin: 0 0 18px;
    color: #f58600;
    font-size: 22px;
    font-weight: bold;
}
body.page-solution-fenti .fenti-flow-block img {
    width: 100%;
    display: block;
}
/* Industry Grid */
body.page-solution-fenti .fenti-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin: 0 auto;
}
body.page-solution-fenti .fenti-industry-grid article {
    background: #fff;
    border: 1px solid #e6e6e6;
    text-align: center;
    padding-bottom: 14px;
    overflow: hidden;
}
body.page-solution-fenti .fenti-industry-grid img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
body.page-solution-fenti .fenti-industry-grid h4 {
    margin: 12px 0 0;
    font-size: 18px;
    color: #1a1a1a;
}
/* Equipment Swiper */
body.page-solution-fenti .fenti-equipment-swiper-wrap {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
}

/* ==========================================================================
 * 顶部下拉搜索面板（仅用于 XinLiEIMS_Top.html 的 #topSearchPanel）
 * 选择器均为 .top-search-panel / body.search-open 专用类，不影响其他页面
 * ========================================================================== */
.top-search-panel {
    position: fixed;
    top: 69px;
    left: 0;
    width: 100%;
    height: 360px;
    background: #fff;
    z-index: 19;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    pointer-events: none;
}

.top-search-panel.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.top-search-panel .top-search-box {
    position: relative;
    width: 640px;
    max-width: 80vw;
    border-bottom: 1px solid #d9d9d9;
}

.top-search-panel .top-search-box input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #333;
    padding: 0 36px 0 4px;
    box-sizing: border-box;
}

.top-search-panel .top-search-box input::placeholder {
    color: #b5b5b5;
}

.top-search-panel .top-search-btn {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

/* 弹出框展开（含悬浮于弹出框）时，顶部菜单变白 */
body.search-open .top-nav {
    background-color: #fff !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
}

body.search-open .top-nav .menu a,
body.search-open .top-nav .nav-link {
    color: #1a1a1a !important;
}

body.search-open .top-nav .logo-wrap img {
    filter: none !important;
}

body.search-open .top-nav .tools button {
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

@media (max-width: 900px) {
    .top-search-panel {
        top: 60px;
    }
}
body.page-solution-fenti .fenti-equipment-swiper {
    overflow: visible !important;
}
body.page-solution-fenti .fenti-equipment-swiper article {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-align: center;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
body.page-solution-fenti .fenti-equipment-swiper article.device-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}
body.page-solution-fenti .fenti-device-photo {
    width: 100%;
    aspect-ratio: 404 / 498;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 14px;
}
body.page-solution-fenti .fenti-device-photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
body.page-solution-fenti .fenti-equipment-swiper h4 {
    margin: 0;
    font-size: 17px;
    color: #1a1a1a;
}
body.page-solution-fenti .fenti-equipment-swiper p {
    margin: 6px 0 0;
    font-size: 12px;
    color: #888;
}
body.page-solution-fenti .fenti-swiper-prev,
body.page-solution-fenti .fenti-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #666;
    opacity: 1 !important;
}
body.page-solution-fenti .fenti-swiper-prev:hover,
body.page-solution-fenti .fenti-swiper-next:hover {
    background: #f58600;
    border-color: #f58600;
    color: #fff;
}
body.page-solution-fenti .fenti-swiper-prev {
    left: 0;
}
body.page-solution-fenti .fenti-swiper-next {
    right: 0;
}
body.page-solution-fenti .fenti-cta {
    display: block;
    margin: 46px auto 0;
    border: 0;
    background: #f58600;
    color: #fff;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}
body.page-solution-fenti .fenti-cta:hover {
    background: #e07800;
    color: #fff;
}
@media (max-width: 1024px) {
    body.page-solution-fenti .fenti-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 900px) {
    body.page-solution-fenti .fenti-industry-grid {
        grid-template-columns: 1fr;
    }
    body.page-solution-fenti .fenti-device-photo {
        padding: 16px;
    }
    body.page-solution-fenti .fenti-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-fenti .fenti-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-fenti .fenti-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-fenti .fenti-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-fenti .fenti-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-fenti .fenti-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-fenti .fenti-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-fenti .fenti-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_guti.html
 * 仅在该页面生效（作用域 body.page-solution-guti）
 * ========================================================================== */
body.page-solution-guti .epc-solution-nav {
    position: sticky;
    top: 0;
}
@media (max-width: 900px) {
    .wp{
        padding:0 10px;
        transform: translate(10px,0);
    }
    .ban-in{
margin-top:0;
    }
    body.page-solution-guti .epc-advantage-grid {
        grid-template-columns: 1fr;
    }
    body.page-solution-guti .epc-timeline-item {
        flex: 1 1 100%;
    }
    /* Vant Tab 风格 */
    body.page-solution-guti .epc-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-guti .epc-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-guti .epc-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-guti .epc-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-guti .epc-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-guti .epc-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-guti .epc-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-guti .epc-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_lianxizhizao.html
 * 仅在该页面生效（作用域 body.page-solution-lianxizhizao）
 * ========================================================================== */
body.page-solution-lianxizhizao .lianxu-solution-nav {
    position: sticky;
    top: 0;
}
/* Lianxu Page Specific Styles */
/* .lianxu-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .lianxu-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .lianxu-solution-nav a {
            float: left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin: 0 24px;
            height: 70px;
            line-height: 70px;
        }
        .lianxu-solution-nav a:hover,
        .lianxu-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Flow Section Layout */
body.page-solution-lianxizhizao .lianxu-flow-wrap {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
body.page-solution-lianxizhizao .lianxu-flow-left {
    flex: 1.2;
}
body.page-solution-lianxizhizao .lianxu-flow-left img {
    width: 100%;
    display: block;
}
body.page-solution-lianxizhizao .lianxu-flow-right {
    flex: 1;
}
body.page-solution-lianxizhizao .lianxu-flow-right h4 {
    font-size: 16px;
    color: #1a1a1a;
    margin: 0 0 16px;
}
body.page-solution-lianxizhizao .lianxu-flow-right ul {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
}
body.page-solution-lianxizhizao .lianxu-flow-right li {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    padding-left: 14px;
    position: relative;
}
body.page-solution-lianxizhizao .lianxu-flow-right li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f58600;
}
body.page-solution-lianxizhizao .lianxu-flow-right img {
    width: 100%;
    display: block;
}
/* Production Line Section */
body.page-solution-lianxizhizao .lianxu-line-title {
    font-size: 22px;
    color: #f58600;
    font-weight: bold;
    margin: 0 0 24px;
}
body.page-solution-lianxizhizao .lianxu-line-img {
    width: 100%;
    display: block;
}
/* Equipment Swiper */
body.page-solution-lianxizhizao .lianxu-equipment-swiper-wrap {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
}
body.page-solution-lianxizhizao .lianxu-equipment-swiper {
    overflow: visible !important;
}
body.page-solution-lianxizhizao .lianxu-equipment-swiper article {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-align: center;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
body.page-solution-lianxizhizao .lianxu-equipment-swiper article.device-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}
body.page-solution-lianxizhizao .lianxu-device-photo {
    width: 100%;
    aspect-ratio: 404 / 498;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 14px;
}
body.page-solution-lianxizhizao .lianxu-device-photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
body.page-solution-lianxizhizao .lianxu-equipment-swiper h4 {
    margin: 0;
    font-size: 17px;
    color: #1a1a1a;
}
body.page-solution-lianxizhizao .lianxu-equipment-swiper p {
    margin: 6px 0 0;
    font-size: 12px;
    color: #888;
}
body.page-solution-lianxizhizao .lianxu-swiper-prev,
body.page-solution-lianxizhizao .lianxu-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #666;
    opacity: 1 !important;
}
body.page-solution-lianxizhizao .lianxu-swiper-prev:hover,
body.page-solution-lianxizhizao .lianxu-swiper-next:hover {
    background: #f58600;
    border-color: #f58600;
    color: #fff;
}
body.page-solution-lianxizhizao .lianxu-swiper-prev {
    left: 0;
}
body.page-solution-lianxizhizao .lianxu-swiper-next {
    right: 0;
}
body.page-solution-lianxizhizao .lianxu-cta {
    display: block;
    margin: 46px auto 0;
    border: 0;
    background: #f58600;
    color: #fff;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}
body.page-solution-lianxizhizao .lianxu-cta:hover {
    background: #e07800;
    color: #fff;
}
@media (max-width: 1024px) {
    body.page-solution-lianxizhizao .lianxu-flow-wrap {
        flex-direction: column;
    }
    body.page-solution-lianxizhizao .lianxu-flow-right ul {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 900px) {
    body.page-solution-lianxizhizao .lianxu-device-photo {
        padding: 16px;
    }
    /* Vant Tab 风格 */
    body.page-solution-lianxizhizao .lianxu-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-lianxizhizao .lianxu-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-lianxizhizao .lianxu-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-lianxizhizao .lianxu-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-lianxizhizao .lianxu-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-lianxizhizao .lianxu-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-lianxizhizao .lianxu-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-lianxizhizao .lianxu-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_shengwu.html
 * 仅在该页面生效（作用域 body.page-solution-shengwu）
 * ========================================================================== */
body.page-solution-shengwu .shengwu-solution-nav {
    position: sticky;
    top: 0;
}
/* Bio-solution nav */
/* .shengwu-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .shengwu-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .shengwu-solution-nav a {
          float:left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin:0 24px;
            height:70px;
            line-height:70px;
        }
        .shengwu-solution-nav a:hover,
        .shengwu-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Process Table */
body.page-solution-shengwu .sw-process-table-wrap {
    margin-top: 40px;
}
body.page-solution-shengwu .sw-process-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #333;
}
body.page-solution-shengwu .sw-process-table thead th {
    background: #f7f9fc;
    padding: 18px 24px;
    text-align: left;
    font-weight: 600;
    border: 1px solid #e8ecf2;
    color: #1a1a1a;
    font-size: 15px;
}
body.page-solution-shengwu .sw-process-table tbody td {
    padding: 18px 24px;
    border: 1px solid #e8ecf2;
    line-height: 1.8;
    vertical-align: top;
}
body.page-solution-shengwu .sw-process-table tbody tr:nth-child(even) {
    background: #fafbfc;
}
body.page-solution-shengwu .sw-process-table tbody tr:hover {
    background: #f0f4f8;
}
/* Process Flow */
body.page-solution-shengwu .sw-flow-title {
    margin: 60px 0 30px;
    font-size: 22px;
    color: #f58600;
    font-weight: 500;
}
body.page-solution-shengwu .sw-flow-img {
    width: 100%;
    text-align: center;
}
body.page-solution-shengwu .sw-flow-img img {
    max-width: 100%;
    height: auto;
}
/* Equipment Swiper */
body.page-solution-shengwu .yuanliao-equipment-swiper-wrap {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
}
body.page-solution-shengwu .yuanliao-equipment-swiper {
    overflow: visible !important;
}
body.page-solution-shengwu .yuanliao-equipment-swiper article {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-align: center;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
body.page-solution-shengwu .yuanliao-equipment-swiper article.device-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}
body.page-solution-shengwu .yuanliao-device-photo {
    width: 100%;
    aspect-ratio: 404 / 498;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 14px;
}
body.page-solution-shengwu .yuanliao-device-photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
body.page-solution-shengwu .yuanliao-equipment-swiper h4 {
    margin: 0;
    font-size: 17px;
    color: #1a1a1a;
}
body.page-solution-shengwu .yuanliao-equipment-swiper p {
    margin: 6px 0 0;
    font-size: 12px;
    color: #888;
}
body.page-solution-shengwu .yuanliao-swiper-prev,
body.page-solution-shengwu .yuanliao-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #666;
    opacity: 1 !important;
}
body.page-solution-shengwu .yuanliao-swiper-prev:hover,
body.page-solution-shengwu .yuanliao-swiper-next:hover {
    background: #f58600;
    border-color: #f58600;
    color: #fff;
}
body.page-solution-shengwu .yuanliao-swiper-prev {
    left: 0;
}
body.page-solution-shengwu .yuanliao-swiper-next {
    right: 0;
}
body.page-solution-shengwu .yuanliao-cta {
    display: block;
    margin: 46px auto 0;
    border: 0;
    background: #f58600;
    color: #fff;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}
body.page-solution-shengwu .yuanliao-cta:hover {
    background: #e07800;
    color: #fff;
}
@media (max-width: 1024px) {
    body.page-solution-shengwu .shengwu-solution-nav a {
        margin: 0 14px;
        font-size: 14px;
    }
    body.page-solution-shengwu .sw-process-table {
        font-size: 13px;
    }
    body.page-solution-shengwu .sw-process-table thead th,
    body.page-solution-shengwu .sw-process-table tbody td {
        padding: 14px 16px;
    }
}
@media (max-width: 900px) {
    body.page-solution-shengwu .shengwu-solution-nav a {
        margin: 0 8px;
        font-size: 13px;
        height: 50px;
        line-height: 50px;
    }
    body.page-solution-shengwu .sw-process-table {
        display: block;
        overflow-x: auto;
    }
    body.page-solution-shengwu .sw-process-table thead th,
    body.page-solution-shengwu .sw-process-table tbody td {
        padding: 12px 14px;
        white-space: nowrap;
    }
    body.page-solution-shengwu .yuanliao-device-photo {
        padding: 16px;
    }
    body.page-solution-shengwu .shengwu-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-shengwu .shengwu-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-shengwu .shengwu-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-shengwu .shengwu-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-shengwu .shengwu-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-shengwu .shengwu-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-shengwu .shengwu-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-shengwu .shengwu-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_shuzihua.html
 * 仅在该页面生效（作用域 body.page-solution-shuzihua）
 * ========================================================================== */
body.page-solution-shuzihua .shuzihua-solution-nav {
    position: sticky;
    top: 0;
}
/* Shuzihua Page Specific Styles */
/* .shuzihua-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .shuzihua-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .shuzihua-solution-nav a {
            float: left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin: 0 24px;
            height: 70px;
            line-height: 70px;
        }
        .shuzihua-solution-nav a:hover,
        .shuzihua-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Platform Architecture Image */
body.page-solution-shuzihua .shuzihua-platform-img {
    width: 100%;
    display: block;
}
/* Cases Grid */
body.page-solution-shuzihua .shuzihua-cases-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin: 0 auto;
}
body.page-solution-shuzihua .shuzihua-cases-grid article {
    background: #fff;
    border: 1px solid #e6e6e6;
    text-align: center;
    padding-bottom: 14px;
    overflow: hidden;
}
body.page-solution-shuzihua .shuzihua-cases-grid img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}
body.page-solution-shuzihua .shuzihua-cases-grid h4 {
    margin: 12px 0 0;
    font-size: 16px;
    color: #1a1a1a;
}
/* Equipment Swiper */
body.page-solution-shuzihua .shuzihua-equipment-swiper-wrap {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
}
body.page-solution-shuzihua .shuzihua-equipment-swiper {
    overflow: visible !important;
}
body.page-solution-shuzihua .shuzihua-equipment-swiper article {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-align: center;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
body.page-solution-shuzihua .shuzihua-equipment-swiper article.device-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}
body.page-solution-shuzihua .shuzihua-device-photo {
    width: 100%;
    aspect-ratio: 404 / 498;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 14px;
}
body.page-solution-shuzihua .shuzihua-device-photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
body.page-solution-shuzihua .shuzihua-equipment-swiper h4 {
    margin: 0;
    font-size: 17px;
    color: #1a1a1a;
}
body.page-solution-shuzihua .shuzihua-equipment-swiper p {
    margin: 6px 0 0;
    font-size: 12px;
    color: #888;
}
body.page-solution-shuzihua .shuzihua-swiper-prev,
body.page-solution-shuzihua .shuzihua-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #666;
    opacity: 1 !important;
}
body.page-solution-shuzihua .shuzihua-swiper-prev:hover,
body.page-solution-shuzihua .shuzihua-swiper-next:hover {
    background: #f58600;
    border-color: #f58600;
    color: #fff;
}
body.page-solution-shuzihua .shuzihua-swiper-prev {
    left: 0;
}
body.page-solution-shuzihua .shuzihua-swiper-next {
    right: 0;
}
body.page-solution-shuzihua .shuzihua-cta {
    display: block;
    margin: 46px auto 0;
    border: 0;
    background: #f58600;
    color: #fff;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}
body.page-solution-shuzihua .shuzihua-cta:hover {
    background: #e07800;
    color: #fff;
}
@media (max-width: 1024px) {
    body.page-solution-shuzihua .shuzihua-cases-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 900px) {
    body.page-solution-shuzihua .shuzihua-cases-grid {
        grid-template-columns: 1fr;
    }
    body.page-solution-shuzihua .shuzihua-device-photo {
        padding: 16px;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-shuzihua .shuzihua-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-shuzihua .shuzihua-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_xinnengyuan.html
 * 仅在该页面生效（作用域 body.page-solution-xinnengyuan）
 * ========================================================================== */
body.page-solution-xinnengyuan .xny-solution-nav {
    position: sticky;
    top: 0;
}
/* New Energy Solution Nav */
/* .xny-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .xny-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .xny-solution-nav a {
          float:left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin:0 24px;
            height:70px;
            line-height:70px;
        }
        .xny-solution-nav a:hover,
        .xny-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Application Scenario Flow */
body.page-solution-xinnengyuan .xny-flow-section {
    background: #fff;
    padding: 60px 0;
}
body.page-solution-xinnengyuan .xny-flow-img {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
body.page-solution-xinnengyuan .xny-flow-img img {
    max-width: 100%;
    height: auto;
}
/* Production Steps */
body.page-solution-xinnengyuan .xny-steps-section {
    background: #fff;
    padding: 60px 0;
}
body.page-solution-xinnengyuan .xny-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 40px;
}
body.page-solution-xinnengyuan .xny-step-card {
    background: #fff;
    border: 1px solid #e8ecf2;
    border-radius: 8px;
    padding: 24px 20px;
    transition: all 0.3s;
}
body.page-solution-xinnengyuan .xny-step-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border-color: #f58600;
}
body.page-solution-xinnengyuan .xny-step-card h4 {
    margin: 0 0 12px;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 600;
}
body.page-solution-xinnengyuan .xny-step-card p {
    margin: 0;
    font-size: 13px;
    line-height: 1.8;
    color: #666;
}
/* Application Cases */
body.page-solution-xinnengyuan .xny-case-section {
    background: #f7f9fc;
    padding: 60px 0;
}
body.page-solution-xinnengyuan .xny-case-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    margin-top: 40px;
}
body.page-solution-xinnengyuan .xny-case-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s;
}
body.page-solution-xinnengyuan .xny-case-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
body.page-solution-xinnengyuan .xny-case-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
body.page-solution-xinnengyuan .xny-case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
body.page-solution-xinnengyuan .xny-case-card:hover .xny-case-img img {
    transform: scale(1.05);
}
body.page-solution-xinnengyuan .xny-case-info {
    padding: 16px 20px;
    text-align: center;
}
body.page-solution-xinnengyuan .xny-case-info h4 {
    margin: 0;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}
/* Equipment Swiper */
body.page-solution-xinnengyuan .yuanliao-equipment-swiper-wrap {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
}
body.page-solution-xinnengyuan .yuanliao-equipment-swiper {
    overflow: visible !important;
}
body.page-solution-xinnengyuan .yuanliao-equipment-swiper article {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-align: center;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
body.page-solution-xinnengyuan .yuanliao-equipment-swiper article.device-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}
body.page-solution-xinnengyuan .yuanliao-device-photo {
    width: 100%;
    aspect-ratio: 404 / 498;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 14px;
}
body.page-solution-xinnengyuan .yuanliao-device-photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
body.page-solution-xinnengyuan .yuanliao-equipment-swiper h4 {
    margin: 0;
    font-size: 17px;
    color: #1a1a1a;
}
body.page-solution-xinnengyuan .yuanliao-equipment-swiper p {
    margin: 6px 0 0;
    font-size: 12px;
    color: #888;
}
body.page-solution-xinnengyuan .yuanliao-swiper-prev,
body.page-solution-xinnengyuan .yuanliao-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #666;
    opacity: 1 !important;
}
body.page-solution-xinnengyuan .yuanliao-swiper-prev:hover,
body.page-solution-xinnengyuan .yuanliao-swiper-next:hover {
    background: #f58600;
    border-color: #f58600;
    color: #fff;
}
body.page-solution-xinnengyuan .yuanliao-swiper-prev {
    left: 0;
}
body.page-solution-xinnengyuan .yuanliao-swiper-next {
    right: 0;
}
body.page-solution-xinnengyuan .yuanliao-cta {
    display: block;
    margin: 46px auto 0;
    border: 0;
    background: #f58600;
    color: #fff;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}
body.page-solution-xinnengyuan .yuanliao-cta:hover {
    background: #e07800;
    color: #fff;
}
@media (max-width: 1280px) {
    body.page-solution-xinnengyuan .xny-steps-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1024px) {
    body.page-solution-xinnengyuan .xny-solution-nav a {
        margin: 0 14px;
        font-size: 14px;
    }
    body.page-solution-xinnengyuan .xny-case-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 900px) {
    body.page-solution-xinnengyuan .xny-solution-nav a {
        margin: 0 8px;
        font-size: 13px;
        height: 50px;
        line-height: 50px;
    }
    body.page-solution-xinnengyuan .xny-steps-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    body.page-solution-xinnengyuan .xny-step-card {
        padding: 18px 14px;
    }
    body.page-solution-xinnengyuan .xny-case-grid {
        grid-template-columns: 1fr;
    }
    body.page-solution-xinnengyuan .yuanliao-device-photo {
        padding: 16px;
    }
    body.page-solution-xinnengyuan .xny-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-xinnengyuan .xny-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-xinnengyuan .xny-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-xinnengyuan .xny-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-xinnengyuan .xny-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-xinnengyuan .xny-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-xinnengyuan .xny-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-xinnengyuan .xny-solution-nav a.on::after {
        width: 100%;
    }
}


/* ==========================================================================
 * 来源：XinLiEIMS_solution_yuanliao.html
 * 仅在该页面生效（作用域 body.page-solution-yuanliao）
 * ========================================================================== */
body.page-solution-yuanliao .yuanliao-solution-nav {
    top: 0;
    position: sticky;
}
/* Yuanliao Page Specific Styles */
/* .yuanliao-solution-nav {
            background: #fff;
            border-bottom: 1px solid #eee;
        }
        .yuanliao-solution-nav .wp {
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
        }
        .yuanliao-solution-nav a {
            float: left;
            padding: 0px;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: all 0.2s;
            margin: 0 24px;
            height: 70px;
            line-height: 70px;
        }
        .yuanliao-solution-nav a:hover,
        .yuanliao-solution-nav a.on {
            border-bottom-color: #f58600;
        } */
/* Flow Chart */
body.page-solution-yuanliao .yuanliao-flow-img {
    width: 100%;
    display: block;
    margin-bottom: 32px;
}
body.page-solution-yuanliao .yuanliao-flow-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 4px;
    margin: 0 auto;
    max-width: 1100px;
}
body.page-solution-yuanliao .yuanliao-flow-steps span {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: #555;
}
body.page-solution-yuanliao .yuanliao-flow-steps .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2a7de1;
    margin-right: 6px;
    flex-shrink: 0;
}
body.page-solution-yuanliao .yuanliao-flow-steps .arrow {
    color: #999;
    margin: 0 6px;
    font-size: 12px;
}
/* Production Line Section */
body.page-solution-yuanliao .yuanliao-line-title {
    font-size: 22px;
    color: #f58600;
    font-weight: bold;
    margin: 0 0 24px;
}
body.page-solution-yuanliao .yuanliao-line-img {
    width: 100%;
    display: block;
}
/* Equipment Swiper */
body.page-solution-yuanliao .yuanliao-equipment-swiper-wrap {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
}
body.page-solution-yuanliao .yuanliao-equipment-swiper {
    overflow: visible !important;
}
body.page-solution-yuanliao .yuanliao-equipment-swiper article {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    text-align: center;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
body.page-solution-yuanliao .yuanliao-equipment-swiper article.device-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}
body.page-solution-yuanliao .yuanliao-device-photo {
    width: 100%;
    aspect-ratio: 404 / 498;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    margin-bottom: 14px;
}
body.page-solution-yuanliao .yuanliao-device-photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
body.page-solution-yuanliao .yuanliao-equipment-swiper h4 {
    margin: 0;
    font-size: 17px;
    color: #1a1a1a;
}
body.page-solution-yuanliao .yuanliao-equipment-swiper p {
    margin: 6px 0 0;
    font-size: 12px;
    color: #888;
}
body.page-solution-yuanliao .yuanliao-swiper-prev,
body.page-solution-yuanliao .yuanliao-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    color: #666;
    opacity: 1 !important;
}
body.page-solution-yuanliao .yuanliao-swiper-prev:hover,
body.page-solution-yuanliao .yuanliao-swiper-next:hover {
    background: #f58600;
    border-color: #f58600;
    color: #fff;
}
body.page-solution-yuanliao .yuanliao-swiper-prev {
    left: 0;
}
body.page-solution-yuanliao .yuanliao-swiper-next {
    right: 0;
}
body.page-solution-yuanliao .yuanliao-cta {
    display: block;
    margin: 46px auto 0;
    border: 0;
    background: #f58600;
    color: #fff;
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}
body.page-solution-yuanliao .yuanliao-cta:hover {
    background: #e07800;
    color: #fff;
}
@media (max-width: 900px) {
    body.page-solution-yuanliao .yuanliao-flow-steps {
        justify-content: flex-start;
    }
    body.page-solution-yuanliao .yuanliao-device-photo {
        padding: 16px;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav {
        position: sticky !important;
        border-bottom: 1px solid #ebedf0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav .wp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 8px;
        gap: 0;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav .wp::-webkit-scrollbar {
        display: none;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav a {
        float: none;
                flex-shrink: 0;
        /* padding: 0 12px; */
        margin: 0 12px;
                font-size: 13px;
                color: #646566;
                height: 44px;
                line-height: 44px;
                position: relative;
                border-bottom: none;
                transition: color 0.3s;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav a:hover {
        color: #f58600;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav a.on {
        color: #000;
        font-weight: 600;
    }
    /* 滑动指示线 */
    body.page-solution-yuanliao .yuanliao-solution-nav a::after {
        content: '';
        position: absolute;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #f58600;
        border-radius: 3px;
        transition: width 0.3s ease;
    }
    body.page-solution-yuanliao .yuanliao-solution-nav a.on::after {
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 900px){
    .ban-in{
        height:280px;
    }
    .ban-in-tit{
left:-360px;
transform: translate(0, -80%);
    }
}