.black {
    color: #000
}
.white-bg{
    background-color: #fff;
}
.black-10 {
    color: rgba(0, 0, 0, 0.1)
}

.bg-black10 {
    background-color: rgba(0, 0, 0, 0.1)
}

.black-20 {
    color: rgba(0, 0, 0, 0.2)
}

.bg-black20 {
    background-color: rgba(0, 0, 0, 0.2)
}

.black-30 {
    color: rgba(0, 0, 0, 0.3)
}

.bg-black30 {
    background-color: rgba(0, 0, 0, 0.3)
}

.black-40 {
    color: rgba(0, 0, 0, 0.4)
}

.bg-black40 {
    background-color: rgba(0, 0, 0, 0.4)
}

.black-50 {
    color: rgba(0, 0, 0, 0.5)
}

.bg-black50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.black-60 {
    color: rgba(0, 0, 0, 0.6)
}

.bg-black60 {
    background-color: rgba(0, 0, 0, 0.6)
}

.black-70 {
    color: rgba(0, 0, 0, 0.7)
}

.bg-black70 {
    background-color: rgba(0, 0, 0, 0.7)
}

.black-80 {
    color: rgba(0, 0, 0, 0.8)
}

.bg-black80 {
    background-color: rgba(0, 0, 0, 0.8)
}

.black-90 {
    color: rgba(0, 0, 0, 0.9)
}

.bg-black90 {
    background-color: rgba(0, 0, 0, 0.9)
}

.white {
    color: #fff
}

.white-10 {
    color: rgba(255, 255, 255, 0.1)
}

.white-20 {
    color: rgba(255, 255, 255, 0.2)
}

.white-30 {
    color: rgba(255, 255, 255, 0.3)
}

.white-40 {
    color: rgba(255, 255, 255, 0.4)
}

.white-50 {
    color: rgba(255, 255, 255, 0.5)
}

.white-60 {
    color: rgba(255, 255, 255, 0.6)
}

.white-70 {
    color: rgba(255, 255, 255, 0.7)
}

.white-80 {
    color: rgba(255, 255, 255, 0.8)
}

.white-90 {
    color: rgba(255, 255, 255, 0.9)
}

.gray {
    color: #CDCDCD
}

.lightgray {
    color: #f4f4f4
}

.vi {
    color: #fc4349;
    /*color: #cc0012;*/
}

.bg-white {
    background-color: #fff
}

.bg-white10 {
    background-color: rgba(255, 255, 255, 0.1)
}

.bg-white20 {
    background-color: rgba(255, 255, 255, 0.2)
}

.bg-white30 {
    background-color: rgba(255, 255, 255, 0.3)
}

.bg-white40 {
    background-color: rgba(255, 255, 255, 0.4)
}

.bg-white50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.bg-white60 {
    background-color: rgba(255, 255, 255, 0.6)
}

.bg-white70 {
    background-color: rgba(255, 255, 255, 0.7)
}

.bg-white80 {
    background-color: rgba(255, 255, 255, 0.8)
}

.bg-white90 {
    background-color: rgba(255, 255, 255, 0.9)
}

.bg-vi {
    background-color: #fc4349;
    /*background-color: #cc0012;*/
}

.bg-vi10 {
    background-color: rgba(230, 0, 18, 0.1)
}

.bg-vi20 {
    background-color: rgba(230, 0, 18, 0.2)
}

.bg-vi30 {
    background-color: rgba(230, 0, 18, 0.3)
}

.bg-vi40 {
    background-color: rgba(230, 0, 18, 0.4)
}

.bg-vi50 {
    background-color: rgba(230, 0, 18, 0.5)
}

.bg-vi60 {
    background-color: rgba(230, 0, 18, 0.6)
}

.bg-vi70 {
    background-color: rgba(230, 0, 18, 0.7)
}

.bg-vi80 {
    background-color: #fc4349
}

.bg-vi90 {
    background-color: rgba(230, 0, 18, 0.9)
}

.bg-gray {
    background-color: #f8f8f8
}

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

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

body {
    line-height: 1;
    font-size: 0
}

ol,
ul {
    list-style: none
}

* {
    -webkit-tap-highlight-color: transparent
}

.container {
    overflow: hidden
}

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

a {
    text-decoration: none
}

[class*=' icon-'],
[class^=icon-] {
    font-family: "iconfont";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}
.about-section{
    background-image: url(../img/world-map.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.v-rl {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl
}

.v-lr {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.bg-cover,
.bg-contain {
    background-position: center center;
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.bg-line {
    height: 1px;
    background-color: #F2F4F6
}
.about-bg{
    background-image:url('../img/about-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.wow {
    visibility: hidden
}

.no-cssanimations .wow {
    visibility: visible
}

.mw-680 {
    max-width: 680px
}

.mw-800 {
    max-width: 800px
}

.mw-880 {
    max-width: 880px
}

.mw-960 {
    max-width: 960px
}

.mw-1200 {
    max-width: 1200px
}

.block-center {
    margin-right: auto;
    margin-left: auto
}

.fz-12 {
    font-size: 12px
}

.fz-13 {
    font-size: 13px
}

.fz-14 {
    font-size: 14px
}

.fz-15 {
    font-size: 15px
}

.fz-16 {
    font-size: 16px
}

.fz-17 {
    font-size: 17px
}

.fz-18 {
    font-size: 18px
}

.fz-19 {
    font-size: 19px
}

.fz-20 {
    font-size: 20px
}

.fz-21 {
    font-size: 21px
}

.fz-22 {
    font-size: 22px
}

.fz-23 {
    font-size: 23px
}

.fz-24 {
    font-size: 24px
}

.fz-25 {
    font-size: 25px
}

.fz-26 {
    font-size: 26px
}

.fz-27 {
    font-size: 27px
}

.fz-28 {
    font-size: 28px
}

.fz-29 {
    font-size: 29px
}

.fz-30 {
    font-size: 30px
}

.fz-31 {
    font-size: 31px
}

.fz-32 {
    font-size: 32px
}

.fz-33 {
    font-size: 33px
}

.fz-34 {
    font-size: 34px
}

.fz-35 {
    font-size: 35px
}

.fz-36 {
    font-size: 36px
}

.fz-37 {
    font-size: 37px
}

.fz-38 {
    font-size: 38px
}

.fz-39 {
    font-size: 39px
}

.fz-40 {
    font-size: 40px
}

.fz-41 {
    font-size: 41px
}

.fz-42 {
    font-size: 42px
}

.fz-50 {
    font-size: 50px
}

.fz-60 {
    font-size: 60px
}
/*首页产品中心样式*/
.product-item{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
 }
.product-item .item{
    /*width: 25%;*/
width: 33%;
    /*flex:1;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.product-item .item a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.product-item .item .pic{width: 75%;}
.product-item .item .pic img{width: 100%;}
.product-item .item .title{margin: 15px 0px;}
.product-item .item .title h1{
    font-size: 24px;
    font-weight: 500;
    font-family: revert;
}
.product-item .item .desc{padding: 0 30px;}
.product-item .item .desc p{
    font-size: 14px;
    line-height: 29px;
    font-family: revert;
}
@media (max-width: 767px) {
    .product-item .item{
        width: 100%;
        margin: 0 10px;
        /*box-shadow: 0px 0px 6px 2px #ccc;*/
    }
    .product-item .item .title h1{
        font-size: 20px;
    }
}
/*首页产品中心样式*/
@media (max-width: 1920px) {
    .fz-60 {
        font-size: 3.125vw
    }

    .fz-50 {
        font-size: 2.60417vw;
        font-size: 1.50417vw;
    }

    .fz-40 {
        font-size: 2.08333vw
    }

    .fz-30 {
        font-size: 1.5625vw
    }
}

@media (max-width: 1280px) {
    .fz-60 {
        font-size: 40px
    }

    .fz-50 {
        font-size: 36px
    }

    .fz-42 {
        font-size: 32px
    }

    .fz-40 {
        font-size: 32px
    }

    .fz-30 {
        font-size: 24px
    }

    .fz-26 {
        font-size: 22px
    }

    .fz-24 {
        font-size: 20px
    }

    .fz-22 {
        font-size: 18px
    }

    .fz-20 {
        font-size: 18px
    }
}

@media (max-width: 768px) {
    
    .about-bg{
        background-image:url('../img/wap-about-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .fz-60 {
        font-size: 32px
    }

    .fz-50 {
        font-size: 28px
    }

    .fz-42 {
        font-size: 24px
    }

    .fz-40 {
        font-size: 24px
    }

    .fz-30 {
        font-size: 20px
    }

    .fz-26 {
        font-size: 20px
    }

    .fz-24 {
        font-size: 18px
    }

    .fz-22 {
        font-size: 16px
    }

    .fz-20 {
        font-size: 16px
    }

    .fz-16 {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .fz-42 {
        font-size: 22px
    }

    .fz-40 {
        font-size: 22px
    }
}

.lh-30 {
    line-height: 1.875
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.lts--50 {
    letter-spacing: -.05em
}

.lts--40 {
    letter-spacing: -.04em
}

.lts--30 {
    letter-spacing: -.03em
}

.lts--20 {
    letter-spacing: -.02em
}

.lts--10 {
    letter-spacing: -.01em
}

.lts-0 {
    letter-spacing: 0em
}

.lts-10 {
    letter-spacing: .01em
}

.lts-20 {
    letter-spacing: .02em
}

.lts-30 {
    letter-spacing: .03em
}

.lts-40 {
    letter-spacing: .04em
}

.lts-50 {
    letter-spacing: .05em
}

.lts-60 {
    letter-spacing: .06em
}

.lts-70 {
    letter-spacing: .07em
}

.lts-80 {
    letter-spacing: .08em
}

.lts-90 {
    letter-spacing: .09em
}

.lts-100 {
    letter-spacing: .1em
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mt-160 {
    margin-top: 160px
}

.mt-170 {
    margin-top: 170px
}

.mt-180 {
    margin-top: 180px
}

.mt-190 {
    margin-top: 190px
}

.mt-200 {
    margin-top: 200px
}

@media (max-width: 1024px) {
    .mt-40 {
        margin-top: 20px
    }

    .mt-50 {
        margin-top: 25px
    }

    .mt-60 {
        margin-top: 30px
    }

    .mt-70 {
        margin-top: 35px
    }

    .mt-80 {
        margin-top: 40px
    }

    .mt-90 {
        margin-top: 45px
    }

    .mt-100 {
        margin-top: 50px
    }

    .mt-110 {
        margin-top: 55px
    }

    .mt-120 {
        margin-top: 60px
    }

    .mt-130 {
        margin-top: 65px
    }

    .mt-140 {
        margin-top: 70px
    }

    .mt-150 {
        margin-top: 75px
    }

    .mt-160 {
        margin-top: 80px
    }

    .mt-170 {
        margin-top: 85px
    }

    .mt-180 {
        margin-top: 90px
    }

    .mt-190 {
        margin-top: 95px
    }

    .mt-200 {
        margin-top: 100px
    }
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.font-en {
    font-family: "Montserrat"
}

.br-3 {
    border-radius: 3px
}

.ptb-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 1024px) {
    .ptb-120 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.display-ib {
    display: inline-block;
    vertical-align: top
}

.display-ib-vb {
    display: inline-block;
    vertical-align: bottom
}

.list {
    font-size: 0
}

.list>li {
    display: inline-block;
    vertical-align: top
}

.list-1>li {
    width: 100%
}

.list-2>li {
    width: 50%
}

.list-3>li {
    width: 33.33333%
}

.list-4>li {
    width: 25%;
    /*width: 33.3333%;*/
}

.list-5>li {
    width: 20%
}

.list-6>li {
    width: 16.66667%
}

.list-7>li {
    width: 14.28571%
}

.list-8>li {
    width: 12.5%
}

.list-9>li {
    width: 11.11111%
}

.list-default {
    margin-right: -12px;
    margin-left: -12px
}

.list-item {
    margin-right: 12px;
    margin-left: 12px
}

@media (max-width: 1024px) {
    .list-default {
        margin-right: -10px;
        margin-left: -10px
    }

    .list-item {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (max-width: 480px) {
    .list-default {
        margin-right: -5px;
        margin-left: -5px
    }

    .list-item {
        margin-right: 5px;
        margin-left: 5px
    }
}

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

.line-multiy,
.line2,
.line3,
.line4,
.line5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

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

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

.line4 {
    -webkit-line-clamp: 4
}

.line5 {
    -webkit-line-clamp: 5
}

.wx-share {
    margin-top: -85px;
    margin-left: -70px;
    border-radius: 3px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 140px;
    padding-top: 20px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
}

.wx-share img {
    display: block;
    width: 120px;
    margin: 0 auto
}

.wx-share p {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    color: #000
}

.wx-share i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.img-box {
    position: relative
}

.img-box::before {
    content: "";
    display: block
}

.img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.social-qrcode {
    position: relative
}

.social-qrcode img {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    margin-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.social-qrcode:hover img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.display-ib-vt {
    display: inline-block;
    vertical-align: top
}

.display-ib-vb {
    display: inline-block;
    vertical-align: bottom
}

.display-block {
    display: block
}

.lts-10 {
    letter-spacing: 0.01em
}

.lts-20 {
    letter-spacing: 0.02em
}

.lts-30 {
    letter-spacing: 0.03em
}

.lts-50 {
    letter-spacing: 0.04em
}

.lts-100 {
    letter-spacing: 0.1em
}

.col-20 {
    width: 20%
}

.col-25 {
    width: 25%
}

.col-33 {
    width: 33.3333%
}

.col-50 {
    width: 50%
}

.col-66 {
    width: 66.6666%
}

.col-100 {
    width: 100%
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.plugin-layer-box.msg {
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 3px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.plugin-layer-box.dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.plugin-layer-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8)
}

.plugin-layer-main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 240px;
    margin-top: -120px;
    margin-left: -240px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff
}

.plugin-layer-content {
    height: 180px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.plugin-layer-btns {
    font-size: 0;
    border-top: 3px solid #000
}

.plugin-layer-btn {
    font-size: 16px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    background-color: #8762FF;
    color: #000;
    line-height: 60px;
    text-align: center;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.plugin-layer-btn:nth-of-type(n+2) {
    border-left: 3px solid #000
}

@media (any-hover: hover) {
    .plugin-layer-btn:hover {
        color: rgba(0, 0, 0, 0.3)
    }
}

@media (max-width: 480px) {
    .plugin-layer-main {
        width: 90%;
        left: 5%;
        margin-left: 0
    }
}

.animimg-box .img-box {
    overflow: hidden
}

.animimg-box .img-box img,
.animimg-box .img-box .imgbg {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}

@media (any-hover: hover) {

    .animimg-box:hover .img-box img,
    .animimg-box:hover .img-box .imgbg {
        /* -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1) */
        -webkit-transform: scale(1.1) translateY(10px);
        transform: scale(1.1) translateY(10px);
    }

    .animimg-box:hover .img-box .news-item__bg {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    .animimg-box:hover .img-box .resp-bg {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
}

@-webkit-keyframes moreArrow {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    49% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }

    50% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        opacity: 1
    }

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

@keyframes moreArrow {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    49% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }

    50% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        opacity: 1
    }

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

@-webkit-keyframes prevArrow {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    49% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%)
    }

    50% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        opacity: 1
    }

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

@keyframes prevArrow {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    49% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%)
    }

    50% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        opacity: 0
    }

    51% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        opacity: 1
    }

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

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: local("Montserrat"), url("../font/montserrat-v23-latin-100.woff2") format("woff2"), url("../font/montserrat-v23-latin-100.woff") format("woff")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local("Montserrat"), url("../font/montserrat-v23-latin-300.woff2") format("woff2"), url("../font/montserrat-v23-latin-300.woff") format("woff")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat"), url("../font/montserrat-v23-latin-regular.woff2") format("woff2"), url("../font/montserrat-v23-latin-regular.woff") format("woff")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local("Montserrat"), url("../font/montserrat-v23-latin-500.woff2") format("woff2"), url("../font/montserrat-v23-latin-500.woff") format("woff")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat"), url("../font/montserrat-v23-latin-700.woff2") format("woff2"), url("../font/montserrat-v23-latin-700.woff") format("woff")
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

@-webkit-keyframes scaleHeight {
    from {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes scaleHeight {
    from {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

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

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

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

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

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

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.wrap {
    
    max-width: 1360px;
    margin-right: auto;
    margin-left: auto
}
.footer-menu dt span{color:#fc4349;letter-spacing: 1px;}
.foot-wrap{
    display: flex;
    justify-content: space-between;
}
.w-1520 {
    max-width: 1520px;
    margin-right: auto;
    margin-left: auto
}

.blank-top {
    height: 100px
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    /* padding: 30px 0; */
    /*padding: 34px 0;*/
    padding: 20px 0;
}

.header::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #F2F4F6
}

.header-inner {
    position: relative;
    height: 40px
}

.hm-item {
    position: relative;
    margin-right: 24px;
    margin-left: 24px
}

.hm-item::after {
    content: "\e759";
    font-family: iconfont;
    position: absolute;
    top: 100%;
    right: -24px;
    left: -24px;
    font-size: 30px;
    height: 1em;
    line-height: 20px;
    text-align: center;
    color: #fc4349;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.hm-item.current::after {
    opacity: 1
}

.hm-item.current .hm-link {
    color: #fc4349
}

.hm-link {
    display: block;
    line-height: 40px
}

.hm-left,
.hm-right {
    position: absolute;
    top: 0
}

.hm-left {
    right: 50%;
    margin-right: 150px
}

.hm-right {
    left: 50%;
    margin-left: 150px
}

.smenu-link {
    display: block;
    line-height: 48px;
    white-space: nowrap;
    min-width: 138px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    
    /*width: 258px;*/
    width: 110px;
    overflow: hidden;
    /*height: 105px;*/
    height: 84px;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.header-logo img {
    object-fit: contain;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 100%;
    width: auto;
    /* -webkit-clip-path: polygon(0 0, 24.5% 0, 24.5% 100%, 0% 100%); */
    /* clip-path: polygon(0 0, 24.5% 0, 24.5% 100%, 0% 100%) */
}

.hm-other {
    position: relative;
    margin-left: 72px
}

.hm-other::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -44px;
    width: 1px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
    margin-top: -8px
}

.hm-search,
.hm-vr {
    line-height: 40px
}

.hm-vr {
    margin-left: 30px
}

@media (min-width: 1201px) {
    .fixed-menu .header-logo {
        /* width: 122px;
        height: 52px; */
        /*width: 258px;*/
        width: 110px;
    /*height: 105px;*/
    height: 84px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .fixed-menu .header-logo img {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        -webkit-transition: all .2s ease .2s;
        -o-transition: all .2s ease .2s;
        transition: all .2s ease .2s
    }

    .sub-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        padding: 8px;
        /*margin-top: 30px;*/
        margin-top: 21px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
        clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .hm-link span {
        display: none
    }
}

@media (any-hover: hover) {
    .hm-item:hover::after {
        opacity: 1
    }

    .hm-item:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
    }

    .hm-item:hover .hm-link {
        color: #fc4349
    }

    .smenu-link:hover {
        background-color: #fc4349;
        color: #fff
    }
}

@media (max-width: 1520px) {
    .wrap {
        margin-right: 80px;
        margin-left: 80px
    }
}

@media (max-width: 1280px) {
    .wrap {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media (max-width: 1400px) {
    .hm-left {
        margin-right: 120px
    }

    .hm-right {
        margin-left: 120px
    }

    .hm-item {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media (max-width: 1200px) {
    .hm-item::after {
        top: 30px;
        right: auto;
        left: 0;
        width: 64px;
        bottom: auto;
        font-size: 20px;
        line-height: 1;
        height: 1em
    }

    .hm-item.current::after {
        opacity: 1
    }

    .blank-top {
        height: 70px
    }

    .header {
        padding: 15px 0
    }

    .header-inner::after {
        content: "";
        position: absolute;
        top: -15px;
        right: 0;
        bottom: -14px;
        left: 0;
        background-color: #fff
    }

    .header-logo {
        /* height: 40px; */
        height: 75px;
        /* top: 0; */
        top:-20px;
        left: 0;
        width: inherit;
        -webkit-transform: none;
        transform: none
    }

    .header-logo img {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
    }

    .header-menu {
        position: fixed;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding: 20px 40px;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .menu-open .header-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1
    }

    .hm-left,
    .hm-right {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin-right: auto;
        margin-left: auto
    }

    .list-hm>li {
        display: block
    }

    .list-hm .hm-other {
        display: none
    }

    .hm-item {
        margin-right: 0;
        margin-left: 0
    }

    .hm-item::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: .5px;
        background-color: #CDCDCD
    }

    .hm-item.active .hm-link span {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .has-sub .hm-link span {
        position: absolute;
        top: 0;
        right: 0;
        font-family: iconfont;
        font-size: 14px;
        line-height: 50px;
        color: #CDCDCD;
        width: 40px;
        text-align: center;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .hm-link {
        position: relative;
        line-height: 50px
    }

    .sub-menu {
        padding-bottom: 10px;
        display: none
    }

    .smenu-link {
        text-align: left;
        font-size: 14px;
        line-height: 40px;
        color: rgba(0, 0, 0, 0.6)
    }
}

@media (max-width: 1024px) {
    .wrap {
        margin-right: 20px;
        margin-left: 20px;
        flex-direction: column;
    }

    .header-menu {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .header-logo{
        height: 50px;
    top: -4px;
    }
    .hm-item::after {
        width: 56px
    }
}

.btn-menu {
    display: none;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 5;
    width: 40px;
    height: 40px
}

.btn-menu span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #fc4349;
    margin-left: -10px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-menu span:nth-of-type(1) {
    margin-top: -7px
}

.btn-menu span:nth-of-type(3) {
    margin-top: 7px
}

@media (max-width: 1200px) {
    .btn-menu {
        display: block
    }

    .menu-open .btn-menu span:nth-of-type(1) {
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .menu-open .btn-menu span:nth-of-type(2) {
        opacity: 0
    }

    .menu-open .btn-menu span:nth-of-type(3) {
        margin-top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.header-search {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    padding: 30px 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.search-open .header-search {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.search-open .header-logo {
    opacity: 0
}

.hs-inner {
    position: relative
}

.hs-logo {
    position: absolute;
    top: 50%;
    left: 0;
    /*height: 52px;*/
    /*margin-top: -26px;*/
    height: 85px;
    margin-top: -38px;
    width: auto
}

.hs-main {
    position: relative;
    max-width: 800px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hs-main::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #CDCDCD
}

.hs-input {
    display: block;
    height: 40px;
    border: 0;
    padding: 0;
    outline: 0;
    width: 100%
}

.hs-input::-webkit-input-placeholder {
    color: #CDCDCD
}

.hs-input::-moz-placeholder {
    color: #CDCDCD
}

.hs-input:-ms-input-placeholder {
    color: #CDCDCD
}

.hs-input::-ms-input-placeholder {
    color: #CDCDCD
}

.hs-input::placeholder {
    color: #CDCDCD
}

.hs-submit {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 40px;
    height: 40px
}

.hs-close {
    position: absolute;
    top: 0;
    left: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (any-hover: hover) {
    .hs-close:hover {
        color: #fc4349
    }
}

@media (max-width: 1280px) {
    .hs-main {
        max-width: 600px
    }
}

.footer {
    position: relative;
    padding-top: 100px
}

.footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-logo img {
    display: block;
    width: auto;
    /*height: 74px;*/
    height: 140px;
}

.footer-menu {
    margin-right: 80px
}

.footer-menu:last-of-type {
    margin-right: 0
}

.footer-menu dt {
    margin-bottom: 20px
}

.footer-menu dt h3 {
    margin-bottom: 6px
}

.fm-link {
    line-height: 30px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.footer-contact {
    line-height: 30px
}

.footer-contact p span {
    line-height: 30px;
    margin-right: 10px
}

.footer-contact p a:hover {
    text-decoration: underline
}

.fsocial-link {
    line-height: 30px;
    margin-right: 15px
}

.footer-bottom {
    padding: 10px 0;
    line-height: 30px
}

.gotop {
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

@media (any-hover: hover) {
    .fm-link:hover {
        color: #fc4349
    }
}

@media (max-width: 1200px) {
    .footer {
        padding-top: 80px
    }

    .footer-menu {
        margin-right: 60px
    }
}

@media (max-width: 1024px) {
    .footer {
        padding-top: 40px
    }

    .footer-inner {
        display: block
    }

    .footer-right {
        display: none
    }

    .footer-contact {
        margin-top: 30px
    }

    .footer-logo img {
        height: 52px
    }

    .gotop {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 480px) {
    .gotop {
        bottom: 74px;
        bottom: 110px;
    }
}

.fixed-contact {
    display: none;
    position: fixed;
    right: 0px;
    /* bottom: 41px; */
    bottom: 25%;
    z-index: 90
}

.fc-box {
    position: relative;
    white-space: nowrap;
    background-color: #F2F4F6;
    padding: 0 20px;
    border-radius: 40px
}

.fcb-svg {
    position: absolute;
    top: 100%;
    right: 20px;
    margin-top: -4px;
    width: 12px;
    height: auto
}

.fc-img {
    width: 80px
}

.fc-img::before {
    padding-top: 125%
}

.fcq-item {
    width: 120px;
    display: none
}

.fc-qrcode {
    border-radius: 6px;
    background-color: #F2F4F6;
    white-space: nowrap
}

.fc-qrcode,
.fc-tel {
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.fcq-item {
    margin-left: 15px
}

.fc-qimg::before {
    padding-top: 100%
}

.fc-box {
    position: absolute;
    bottom: 100%;
    bottom: 111%;
    right: 0
}

.fc-tel {
    background-color: #F2F4F6;
    white-space: nowrap;
    border-radius: 6px
}

.fct-ico {
    line-height: 1
}

.fct-tel {
    margin-left: 15px;
    line-height: 36px;
    display: none
}

.fixed-contact:hover .fc-box {
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.fixed-contact:hover .fcq-item {
    display: inline-block
}

.fixed-contact:hover .fc-qrcode,
.fixed-contact:hover .fc-tel {
    display: block
}

.fixed-contact:hover .fc-qrcode {
    padding: 20px
}

.fixed-contact:hover .fct-ico {
    line-height: 36px
}

.fixed-contact:hover .fc-tel {
    padding: 15px 20px;
    margin-top: 6px
}

.fixed-contact:hover .fct-tel {
    display: inline-block
}

@media (max-width: 1200px) {
    .fixed-contact {
        display: none;
        right: 0;
        bottom: 140px
    }

    .fc-box {
        right: 10px;
        padding: 10px 0
    }

    .fc-qrcode,
    .fc-tel {
        display: block
    }

    .fcb-svg {
        right: 14px
    }

    .fc-img {
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }

    .fcq-item {
        width: 100px
    }
}

.comm-desc {
    /* line-height: 1.5; */
    line-height:2.3;
}

.comm-dots>li {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    margin-left: 6px
}

.comm-dots>li button {
    font-size: 0;
    border: 0;
    padding: 0;
    outline: 0;
    background-color: transparent
}

.comm-dots>li button::before {
    content: "\e760";
    font-family: iconfont;
    font-size: 32px
}

.comm-dots>li.slick-active button::before {
    content: "\e761"
}

.comm-dots.white>li button {
    color: #fff
}

.comm-dots.white>li.slick-active button {
    color: #fc4349
}

.loading-bg {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

@media (max-width: 1024px) {
    .comm-dots>li button::before {
        font-size: 24px
    }
}

.ib-box,
.ib-item {
    /* height: calc(100vh - 100px); */
    height: 44vw;
    /* min-height: 600px */
}

.ib-box {
    overflow: hidden
}

.ib-item {
    position: relative
}

.ib-item::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    opacity: .6;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000)
}

.ib-item__intro {
    position: absolute;
    right: 0;
    bottom: 80px;
    left: 0;
    z-index: 2
}

.slick-ib .comm-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0
}

@media (max-width: 750px) {

    .ib-box,
    .ib-item {
        height: 133.33vw;
        min-height: inherit
    }

    .ib-box.page,
    .ib-item.page {
        height: 53.3333vw
    }
}

.list-iseries>li:nth-of-type(n+4) {
    margin-top: 24px
}

.iseries-item {
    display: block;
    position: relative;
    box-shadow: 0px 0px 6px 1px #ccc;
}

.iseries-title {
    position: absolute;
    /* bottom: 30px; */
    bottom: 15px;
    /* right: 0; */
    /* left: 0; */
    left: 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-shadow: 0 0 20px #000
}

.iseries-img::before {
    padding-top: 100%;
    padding-top: 64%;
}
.animimg-box .img-box img.lazy{height: 100%;}
.iseries-img::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40%;
    opacity: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000)
}

.iseries-img.more::after {
    display: none
}

.iseries-circle {
    position: absolute;
    top: 18.75%;
    left: 18.75%;
    width: 62.5%;
    height: 62.5%;
    background-color: #fc4349;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.iseries-more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iseres-more-logo {
    display: block;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    transition: 0.45s;
}

.iseries-more-txt {
    line-height: 30px
}

.iseries-more-txt span {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    overflow: hidden
}
.color-text{color: #fc4349;text-shadow: 0 0 BLACK!important;}
p.color-text:last-child{text-align: left;}
.iseries-more-txt span::before {
    display: block
}

@media (any-hover: hover) { 
    .iseries-item:hover{
        /* box-shadow: 0px 0px 1px 2px #fc4349; */
        background: #fc4349;
    }
    .iseries-item:hover .color-text{
        color: #ffffff;
        text-shadow: 0 0 BLACK!important;
    }
    .iseries-item:hover .iseries-circle {
        visibility: visible;
        opacity: 0;
    }

    .iseries-item:hover .iseries-title {
        /* visibility: hidden; */
        opacity: 1
    }

    .iseries-more:hover .iseries-more-txt span::before {
        -webkit-animation: moreArrow .75s ease;
        animation: moreArrow .75s ease;
        
    }
    .iseries-more:hover .iseres-more-logo{transform: rotateZ(360deg);}
}

@media (max-width: 1024px) {
    .iseries-title {
        bottom: 20px
    }

    .list-iseries>li:nth-of-type(n+5) {
        margin-top: 20px
    }

    .iseres-more-logo {
        width: 48px
    }

    .iseries-more-txt {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .list-iseries>li {
        width: 33.3333%
    }
    .section-product{padding: 40px 0px;}
    .list-iseries>li:nth-of-type(n+4) {
        margin-top: 20px
    }

    .iseres-more-logo {
        width: 60px
    }
   
}

@media (max-width: 480px) {
    .list-iseries>li {
        width: 50%
    }

    .list-iseries>li:nth-of-type(n+3) {
        margin-top: 10px
    }
}

@media (any-hover: none) {
    .iseries-circle {
        display: none
    }

    .iseries-title {
        position: absolute;
        bottom: 0;
        right: auto;
        left: 0;
        background-color: #fc4349;
        width: 60px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .iseries-title>div {
        width: 100%
    }

    .iseries-title .mt-10 {
        margin-top: 5px
    }

    .iseries-img::after {
        display: none
    }
}

.index-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.about-title{
    /*font-size: 37px;*/
    font-size: 45px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    color: #fc4349;
}
.about-section{
    padding: 50px 0px 120px;
}
.ia-left {
    /* width: 45%; */
    width: 100%;
}

.ia-right {
    width: 52%;
    display: none;
}

.iar-img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.iar-img::before {
    padding-top: 51.51515%
}

.slick-iar .slick-list {
    overflow: visible
}

.slick-iar .slick-slide {
    opacity: 1 !important;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
}

.slick-iar .slick-slide .iar-img {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    opacity: .23;
    -webkit-transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    -o-transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1)
}

.slick-iar .slick-current .iar-img {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    opacity: 1
}

.slick-iar .slick-current+.slick-slide .iar-img {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    opacity: .5
}

.ialn-item {
    margin-right: 60px;
    margin-bottom: 20px
}

.ialn-item:last-of-type {
    margin-right: 0
}

@media (max-width: 1024px) {
    .index-about {
        display: block
    }

    .ia-left,
    .ia-right {
        width: 100%
    }

    .ia-right {
        margin-top: 40px
    }

    .ial-num {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .ialn-item {
        margin-right: 0
    }
}

.index-factory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ifac-left,
.ifac-right {
    width: 50%
}

.ifac-right {
    height: 530px;
    -webkit-transition: background-image .3s;
    -o-transition: background-image .3s;
    transition: background-image .3s
}

.ifac-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ifacl-wrap {
    width: 680px;
    margin-right: 0;
    margin-left: auto
}

.ifacl-body {
    position: relative;
    margin-right: 80px;
    /* display: none */
}

.ifacl-pic {
    display: none
}

.ifacl-pic::before {
    padding-top: 51.51515%
}

.ifacl-more {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-left: 10px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.ifacl-more::before {
    display: block
}

.ifacl-desc {
    /* max-width: 360px; */
    max-width: 410px;
}

@media (min-width: 1025px) {
    .ifacl-desc {
        /* height: 3em; */
        /*height: 3.7em;*/
        height: 4.7em;
        overflow: hidden
    }
}

.ifacl-item {
    display: block
}

.ifacl-item:nth-of-type(n+2) {
    margin-top: 100px
}

.ifacl-item.active .psect-cn {
    color: #cc0012;
}

.ifacl-item.active .ifacl-more {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media (any-hover: hover) {
    .ifacl-more:hover::before {
        -webkit-animation: moreArrow .75s ease;
        animation: moreArrow .75s ease
    }
}

@media (max-width: 1520px) {
    .ifacl-wrap {
        width: calc(100% - 120px);
        margin-left: 80px
    }
}

@media (max-width: 1280px) {
    .ifacl-wrap {
        margin-left: 40px;
        width: calc(100% - 40px)
    }

    .ifacl-item:nth-of-type(n+2) {
        margin-top: 60px
    }

    .ifacl-body {
        margin-top: 30px;
        margin-right: 40px
    }

    .ifac-right {
        height: 400px
    }

    .ifacl-more {
        margin-bottom: -5px
    }
}

@media (max-width: 1024px) {
    .ifacl-wrap {
        margin-left: 20px
    }

    .index-factory {
        display: block
    }

    .ifac-left,
    .ifac-right {
        width: 100%
    }

    .ifac-left {
        height: inherit
    }

    .ifac-right {
        height: auto
    }

    .ifac-right::before {
        content: "";
        display: block;
        padding-top: 55.20833%
    }

    .ifacl-body {
        display: block
    }

    .ifacl-desc {
        max-width: calc(100% - 10px);
        -webkit-line-clamp: inherit
    }

    .ifacl-item {
        margin-top: 60px
    }

    .ifacl-item .psect-cn {
        color: #fc4349
    }

    .ifacl-more {
        margin-right: -40px;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
    }

    .ifacl-pic {
        display: block;
        margin-top: 20px;
        margin-right: -20px;
        margin-left: -20px
    }

    .ifac-right {
        display: none
    }
}

.sec-title {
    position: relative
}

.sec-title::after {
    content: "\e759";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    text-align: center;
    font-family: iconfont;
    color: #fc4349
}

.sec-title.no-arrow::after {
    display: none
}

.sec-title__en {
    font-size: 1.762em;
    line-height: 1;
    margin-bottom: -.1em;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sec-title__cn {
    position: relative;
    z-index: 2;
    line-height: 1.15;
    white-space: nowrap
}

.list-series>li:nth-of-type(n+2) {
    margin-top: 100px
}

.list-series>li:nth-of-type(2n) .series-item::before {
    right: 0;
    left: auto
}

.list-series>li:nth-of-type(2n) .si-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.series-item {
    padding: 100px 0;
    position: relative
}

.series-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 43.02083%;
    background-color: #f8f8f8
}

.si-wrap {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.si-video {
    width: calc(100% - 460px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.si-video-black {
    width: 100%
}

.si-video-black::before {
    padding-top: 56.25%
}

.si-video-box {
    width: 100%
}

.si-video-box .plyr__poster {
    background-size: cover
}

.si-video-box .plyr__controls {
    opacity: 0
}

.si-video-box .plyr--video .plyr__control.plyr__tab-focus,
.si-video-box .plyr--video .plyr__control:hover,
.si-video-box .plyr--video .plyr__control[aria-expanded=true] {
    background-color: #fc4349
}

.si-video-box .plyr__control svg {
    width: 36px;
    height: 36px
}

.si-video-box .plyr__control--overlaid {
    background-color: #fff;
    color: #fc4349;
    padding: 30px
}

.si-intro {
    width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.si-title {
    position: relative;
    z-index: 1
}

.si-title span {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    font-size: 1.762em;
    margin-bottom: -.1em
}

.si-series {
    position: relative;
    margin-right: 2em;
    line-height: 1.5
}

.si-series::before {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    right: -1em;
    width: 1.5px;
    height: .9em;
    background-color: #fc4349;
    margin-top: -.45em;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.si-desc h3 {
    color: #000;
    font-weight: 700;
    margin-bottom: .6em
}

.si-link {
    line-height: 46px;
    padding: 0 20px
}

.si-link span {
    line-height: 46px;
    margin-left: .2em;
    overflow: hidden
}

.si-link span::before {
    display: block
}

@media (any-hover: hover) {
    .si-link:hover .icon-more::before {
        -webkit-animation: moreArrow .75s ease;
        animation: moreArrow .75s ease
    }
}

@media (max-width: 1280px) {
    .series-item {
        padding: 80px 0
    }
}

@media (max-width: 1024px) {
    .si-video-box .plyr__control svg {
        width: 20px;
        height: 20px
    }

    .si-video-box .plyr__control--overlaid {
        padding: 20px
    }
}

@media (max-width: 960px) {
    .sec-title__en {
        font-size: 1.462em;
       
    }
    .list-series {
        margin-right: -20px;
        margin-left: -20px
    }

    .list-series>li:nth-of-type(2n) .si-video::before {
        left: auto;
        right: 0
    }

    .list-series>li:nth-of-type(2n) .si-video .si-video-box {
        margin-right: auto;
        margin-left: 0
    }

    .series-item {
        padding: 20px 0
    }

    .series-item::before {
        display: none
    }

    .si-wrap {
        display: block
    }

    .si-video {
        width: 100%;
        display: block;
        position: relative;
        z-index: 1;
        padding: 30px 0
    }

    .si-video::before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 70%;
        background-color: #f8f8f8
    }

    .si-video .si-video-box {
        width: 80%;
        margin-right: 0;
        margin-left: auto
    }

    .si-intro {
        display: block;
        /*margin-left: 20%;*/
        margin-left: 5%;
        width: calc(80% - 20px);
        width: 100%;
        margin-top: 40px
    }
    #solution .view>.container>.plan{
        margin-top: 15px;
    }
    .list-series>li:nth-of-type(n+2) {
        margin-top: 20px
    }
}

.prod-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prodt-left {
    position: relative;
    width: calc(100% - 540px)
}

.prodt-right {
    width: 540px
}

.prod-desc {
    line-height: 1.65
}

.prod-img {
    width: 80%;
    max-width: 620px;
    border-radius: 50%;
    overflow: hidden
}

.prod-img::before {
    padding-top: 100%
}

.prod-img img {
    z-index: 3
}

.prod-img__bg {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%
}

.prod-cate {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: .5em;
    visibility: hidden;
    opacity: 0
}

.prod-cate span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.prod-cate.active {
    visibility: visible;
    opacity: 1
}

.prods-item {
    position: relative;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.prods-item:last-of-type {
    margin-right: 0
}

.prods-item span {
    display: block;
    text-align: center;
    line-height: 60px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.prods-item::after {
    content: "\e762";
    font-size: 24px;
    font-family: iconfont;
    width: 1em;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 50%;
    margin-left: -.5em;
    text-align: center;
    line-height: 1.25;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.prods-item.current {
    background-color: #fc4349;
    color: #fff
}

.prods-item.current::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.prods-item.current span {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

@media (max-width: 1280px) {
    .prods-item {
        width: 50px;
        height: 50px;
        border-radius: 3px;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .prods-item span {
        font-size: 16px;
        line-height: 50px
    }
}

@media (max-width: 1024px) {
    .prod-top {
        display: block
    }

    .prodt-left,
    .prodt-right {
        width: 100%
    }

    .prod-img {
        margin-right: auto;
        margin-left: auto;
        max-width: 320px
    }

    .prodt-right {
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .prods-item {
        width: 40px;
        height: 40px;
        margin-right: 8px
    }

    .prods-item::after {
        font-size: 20px
    }

    .prods-item span {
        font-size: 12px;
        line-height: 40px
    }
}

.prodtb-item {
    width: 60px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.slick-current .prodtb-item {
    color: #fc4349
}

@media (max-width: 1024px) {
    .prodtb-item {
        width: 40px
    }
}

.prodslick-item {
    height: 0;
    overflow: hidden
}

.prodslick-item.active {
    height: auto
}

.prod-buy {
    padding: 13px 20px;
    line-height: 24px
}

.prod-buy a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px
}

.prod-advt {
    line-height: 40px
}

.adv-item {
    max-width: 260px
}

.adv-item__img {
    width: 100px
}

.adv-item__img::before {
    padding-top: 100%
}

.adv-item__desc {
    max-width: 260px
}

@media (min-width: 1025px) {
    .list-adv>li:nth-of-type(n+4) {
        margin-top: 120px
    }

    .list-adv>li:nth-of-type(3n) .adv-item {
        margin-right: 0;
        margin-left: auto
    }

    .list-adv>li:nth-of-type(3n+2) .adv-item {
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 1280px) {
    .adv-item__img {
        width: 80px
    }
}

@media (max-width: 1024px) {
    .list-adv>li:nth-of-type(n+4) {
        margin-top: 60px
    }

    .adv-item {
        margin-right: 10px;
        margin-left: 10px;
        max-width: inherit
    }

    .adv-item__img {
        width: 60px
    }

    .prod-advt .font-en {
        display: none
    }
}

@media (max-width: 768px) {
    .list-adv>li {
        width: 50%
    }
    .footer-logo img{height:100px;}
    .about-title{font-size: 27px;margin-bottom: 15px;}
    .about-section{
        background-image: none;
    }
    .list-adv>li:nth-of-type(n+3) {
        margin-top: 30px
    }
}

@media (max-width: 640px) {
    .list-cvalue>li {
        position: relative;
        width: 100%
    }

    .list-cvalue>li:nth-of-type(n+2) {
        margin-top: 60px
    }

    .list-cvalue>li::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -30px;
        left: 0;
        height: 1px;
        background-color: #fff
    }

    .list-cvalue>li:last-of-type::after {
        display: none
    }
}

.param-title {
    position: relative;
    z-index: 1
}

.param-title::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #f8f8f8
}

.param-title span {
    padding-right: 40px
}

.prod-table table {
    width: 100%;
    text-align: left
}

.prod-table table thead {
    background-color: #f8f8f8
}

.prod-table table thead th {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 20px;
    color: #000
}

.prod-table table tr td {
    line-height: 24px;
    padding: 18px 20px
}

.prod-table table tr th,
.prod-table table tr td {
    border: 1px solid #fff;
    padding-left: 50px;
    white-space: nowrap
}

.prod-table table tr:nth-of-type(2n) {
    background-color: #f8f8f8
}

@media (max-width: 1024px) {
    .prod-table {
        overflow-x: scroll
    }

    .prod-table table tr th,
    .prod-table table tr td {
        padding-left: 20px
    }
}

.list-prodd>li:nth-of-type(n+5) {
    margin-top: 50px
}

.prodd-item {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.prodd-item__img::before {
    padding-top: 75%
}

.news-date {
    width: 84px;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.prodd-date {
    position: absolute;
    bottom: 0;
    left: 0
}

.prodd-intro {
    padding: 20px
}

.prodd-title {
    height: 3em
}

.prodd-more {
    line-height: 30px;
    position: relative
}

.prodd-more .ico {
    position: absolute;
    top: 0;
    left: 100%;
    line-height: 28px
}

.prodd-more .txt {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

@media (any-hover: hover) {
    .prodd-item:hover .prodd-intro {
        background-color: #fc4349;
        color: #fff
    }

    .prodd-item:hover .prodd-title {
        color: #fff
    }

    .prodd-item:hover .prodd-more .txt {
        width: 4.625em;
        opacity: 1
    }

    .prodd-item:hover .prodd-more .txt,
    .prodd-item:hover .prodd-more .ico {
        color: #fff
    }
}

@media (max-width: 1280px) {
    .list-prodd>li:nth-of-type(n+5) {
        margin-top: 40px
    }
}

@media (max-width: 1024px) {
    .list-prodd>li {
        width: 33.3333%
    }

    .list-prodd>li:nth-of-type(n+4) {
        margin-top: 20px
    }

    .news-date {
        width: 64px;
        height: 64px
    }
}

@media (max-width: 768px) {
    .list-prodd>li {
        width: 50%
    }

    .list-prodd>li:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media (max-width: 640px) {
    .list-prodd>li {
        width: 100%
    }

    .list-prodd>li:nth-of-type(n+2) {
        margin-top: 20px
    }

    .prodd-title {
        height: auto;
        max-height: 3em
    }
}

.pager {
    text-align: center
}

.pager a {
    margin-right: 4px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    padding: 0 4px;
    min-width: 20px;
    color: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pager a.current {
    background-color: #fc4349;
    color: #fff
}

.pager a.prev,
.pager a.next {
    color: #fc4349
}

.pager a.prev {
    margin-right: 10px
}

.pager a.next {
    margin-left: 10px
}

@media (any-hover: hover) {
    .pager a:hover {
        color: #fc4349
    }
}

.pgrid-item {
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pgrid-wrap {
    position: relative
}

.pgrid-wrap::before {
    content: "";
    display: block
}

.style-a .pgrid-wrap::before {
    padding-top: 73.05936%
}

.style-b .pgrid-wrap {
    padding-top: 24px
}

.style-b .pgrid-wrap::before {
    padding-top: 146.11872%
}

.style-c .pgrid-wrap {
    padding-right: 24px
}

.style-c .pgrid-wrap::before {
    padding-top: 36.52968%
}

.pgrid-more {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pgrid-title {
    position: absolute;
    bottom: 12px;
    left: 12px;
    border-left: 4px solid #fc4349;
    padding-left: 6px
}

@media (any-hover: hover) {
    .pgrid-item:hover .pgrid-more {
        visibility: visible;
        opacity: 1
    }
}

@media (max-width: 1280px) {
    .pgrid-item {
        padding: 10px
    }

    .style-b .pgrid-wrap {
        padding-top: 20px
    }

    .style-c .pgrid-wrap {
        padding-right: 20px
    }
}

@media (max-width: 750px) {
    .pgrid-item {
        padding: 5px
    }

    .style-b .pgrid-wrap {
        padding-top: 10px
    }

    .style-c .pgrid-wrap {
        padding-right: 10px
    }

    .pgrid-item.style-a,
    .pgrid-item.style-b {
        width: 50%
    }

    .pgrid-item.style-c {
        width: 100%
    }
}

.about-banner {
    overflow: hidden
}

.about-banner::before {
    padding-top: 26.04167%
}

@media (max-width: 1280px) {
    .about-banner::before {
        padding-top: 0;
        height: 320px
    }
}

@media (max-width: 750px) {
    .about-banner::before {
        /*padding-top: 53.33333%;*/
        /*padding-top: 75.33333%;*/
        padding-top: 100%;
        height: auto
    }
}

.about-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.anum-item {
    position: relative;
    padding-left: 20px;
    border-left: 3px solid #fc4349
}

@media (max-width: 1024px) {
    .about-num {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .anum-item {
        border-left-width: 2px;
        padding-left: 10px
    }
}

@media (max-width: 640px) {
    .anum-item {
        margin-bottom: 20px
    }

    .anum-item p:first-of-type {
        font-size: 20px
    }
}

.value-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.value-ico {
    width: 100px
}

.value-ico::before {
    padding-top: 100%
}

.value-title,
.value-desc {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.value-desc {
    display: none
}

.value-bg {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fc4349;
    overflow: hidden
}

.value-bg img {
    position: absolute;
    top: -16%;
    right: -20%;
    height: 132%;
    width: auto
}

.value-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    left: 0;
    top: 0;
    background-color: #f8f8f8;
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width: 640px) {
    .value-title {
        font-size: 16px
    }

    .value-desc {
        font-size: 12px;
        margin-top: 10px
    }
}

.value-item:hover .value-ico,
.value-item.current .value-ico {
    display: none
}

.value-item:hover .value-desc,
.value-item.current .value-desc {
    display: block
}

.value-item:hover .value-bg::after,
.value-item.current .value-bg::after {
    -webkit-transform: skew(30deg) translate3d(100%, 0, 0);
    transform: skew(30deg) translate3d(100%, 0, 0)
}

.value-item:hover .value-title,
.value-item:hover .value-desc,
.value-item.current .value-title,
.value-item.current .value-desc {
    color: #fff
}

@media (max-width: 1280px) {
    .value-item {
        height: 260px
    }

    .value-ico {
        width: 80px
    }
}

@media (max-width: 1200px) {
    .value-item {
        height: 200px
    }

    .value-ico {
        width: 60px
    }
}

@media (max-width: 768px) {
    .list-value>li {
        width: 33.3333%
    }

    .value-ico {
        width: 50px
    }
}

@media (max-width: 480px) {
    .list-value {
        padding: 40px 0
    }

    .list-value>li {
        width: 50%
    }

    .value-item {
        height: 120px
    }
}

.slick-history {
    margin-right: -24px
}

.slick-history::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    background-color: #fff
}

.history-item {
    position: relative
}

.history-item__title {
    position: relative;
    padding-bottom: 40px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.history-item__title::before,
.history-item__title::after {
    content: "";
    position: absolute
}

.history-item__title::before {
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #CDCDCD;
    border-radius: 50%;
    background-color: #fff
}

.history-item__title::after {
    bottom: 11px;
    left: 12px;
    right: 0;
    height: 1px;
    background-color: #CDCDCD
}

.history-item__intro {
    margin-right: 24px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.history-item__img::before {
    padding-top: 57.80347%
}

.history-item__desc {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.history-item__desc p:nth-of-type(n+2) {
    margin-top: 6px
}

.show-more {
    width: 140px;
    line-height: 46px
}

.show-more span {
    position: relative;
    width: 15px;
    height: 15px;
    margin-top: 15px;
    margin-left: 10px
}

.show-more span::before,
.show-more span::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #fff
}

.show-more span::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.slick-current .history-item__title {
    color: #fc4349
}

@media (any-hover: hover) {
    .history-item:hover .history-item__intro {
        background-color: #fc4349
    }

    .history-item:hover .history-item__desc {
        color: #fff
    }
}

@media (max-width: 1024px) {
    .slick-history {
        margin-right: -20px
    }

    .slick-history::after {
        width: 20px
    }

    .history-item__intro {
        margin-right: 20px
    }
}

@media (max-width: 640px) {
    .slick-history {
        margin-right: 0
    }

    .slick-history::after {
        width: 0
    }

    .history-item__intro {
        margin-right: 0
    }
}

.about-video .plyr__video-wrapper {
    max-height: 700px
}

.about-video .plyr__video-wrapper video {
    max-height: 700px
}

.honor-tab>span {
    margin-right: 25px;
    margin-left: 25px;
    border-left: 3px solid #CDCDCD;
    padding-left: 10px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.honor-tab>span.current {
    border-color: #fc4349;
    color: #000
}

.list-honor>li:nth-of-type(n+5) {
    margin-top: 24px
}

.honor-item {
    padding: 15px 15px 20px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.honor-img::before {
    padding-top: 64.58333%
}

.honor-title {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.honor-part {
    display: none
}

.honor-part.active {
    display: block
}

@media (any-hover: hover) {
    .honor-item:hover {
        background-color: #fc4349
    }

    .honor-item:hover .honor-title {
        color: #fff
    }
}

@media (max-width: 1024px) {
    .list-honor>li:nth-of-type(n+5) {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .honor-tab>span {
        margin-bottom: 20px
    }

    .list-honor>li {
        width: 33.3333%
    }

    .list-honor>li:nth-of-type(n+4) {
        margin-top: 20px
    }
}

@media (max-width: 480px) {
    .honor-item {
        padding: 10px 10px 15px
    }

    .list-honor>li {
        width: 50%
    }

    .list-honor>li:nth-of-type(n+3) {
        margin-top: 10px
    }
}

.resp-wrap {
    position: relative;
    margin: 12px
}

.style-a .resp-img {
    padding-top: 23px
}

.style-a .resp-img::before {
    padding-top: 101.49254%
}

.style-b .resp-img::before {
    padding-top: 50.74627%
}

.resp-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}

.resp-intro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 440px;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.resp-cate {
    position: relative;
    padding-left: .4em;
    line-height: 1
}

.resp-cate::before {
    content: "";
    position: absolute;
    top: .05em;
    left: 0;
    width: .2em;
    height: .9em;
    background-color: #fc4349
}

.resp-title {
    margin-top: .75em
}

@media (max-width: 1024px) {
    .resp-wrap {
        margin: 10px
    }

    .resp-intro {
        padding: 20px
    }
}

@media (max-width: 768px) {
    .resp-item {
        width: 100%
    }
}

@media (max-width: 640px) {
    .resp-intro {
        padding: 10px
    }
}

.saying-box {
    position: relative
}

.saying-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #EAEAEA;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.saying-item {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.saying-arrow .slick-arrow {
    position: absolute;
    top: 50%;
    border: 0;
    outline: 0;
    background-color: transparent;
    z-index: 10;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.saying-arrow .slick-arrow span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.saying-arrow .slick-arrow svg {
    position: relative;
    z-index: 2;
    width: 44px;
    height: auto
}

.saying-arrow .slick-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 58px;
    height: 58px;
    background-color: #F2F4F6;
    border-radius: 50%;
    -webkit-transform: translate(50%, -45%);
    transform: translate(50%, -45%)
}

.saying-arrow .slick-prev {
    left: 70px
}

.saying-arrow .slick-prev::before {
    right: 0
}

.saying-arrow .slick-next {
    right: 70px
}

.saying-arrow .slick-next::before {
    right: 100%
}

.history-arrow .slick-prev {
    left: -150px
}

.history-arrow .slick-next {
    right: -126px
}

@media (any-hover: hover) {
    .saying-arrow .slick-next:hover svg {
        -webkit-animation: moreArrow .75s ease;
        animation: moreArrow .75s ease
    }

    .saying-arrow .slick-prev:hover svg {
        -webkit-animation: prevArrow .75s ease;
        animation: prevArrow .75s ease
    }
}

@media (max-width: 1680px) {
    .history-arrow .slick-prev {
        left: -100px
    }

    .history-arrow .slick-next {
        right: -76px
    }
}

@media (max-width: 1600px) {
    .saying-arrow .slick-arrow::before {
        width: 40px;
        height: 40px
    }

    .saying-arrow .slick-arrow svg {
        width: 30px
    }
}

@media (max-width: 1560px) {
    .history-arrow .slick-prev {
        left: -70px
    }

    .history-arrow .slick-next {
        right: -46px
    }
}

@media (max-width: 1200px) {
    .saying-arrow .slick-prev {
        left: 10px
    }

    .saying-arrow .slick-next {
        right: 10px
    }
}

@media (max-width: 1024px) {
    .saying-arrow .slick-arrow {
        top: auto;
        bottom: 40px;
        -webkit-transform: none;
        transform: none
    }

    .saying-arrow .slick-prev {
        left: auto;
        right: 50%;
        margin-right: 30px
    }

    .saying-arrow .slick-next {
        right: auto;
        left: 50%;
        margin-left: 30px
    }

    .saying-item {
        height: auto;
        padding: 60px 0 120px
    }
}

@media (max-width: 1280px) {
    .history-arrow {
        margin-bottom: 60px
    }

    .history-arrow .slick-arrow {
        bottom: -60px;
        top: auto
    }

    .history-arrow .slick-prev {
        margin-left: -80px;
        left: 50%;
        right: auto
    }

    .history-arrow .slick-next {
        margin-right: -80px;
        right: 50%;
        left: auto
    }
}

.ndetail-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ndetail-body {
    max-width: 1080px;
    width: calc(100% - 280px)
}

.ndetail-tag {
    line-height: 30px
}

.ndetail-tag span {
    color: #d2d2d2;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    margin-right: 10px
}

.comm-detail {
    line-height: 1.875
}

.comm-detail blockquote {
    margin: 0;
    font-size: 1.25em;
    line-height: 1.8;
    padding-left: 1.25em;
    position: relative
}

.comm-detail blockquote::before {
    content: "";
    position: absolute;
    top: .4em;
    bottom: .4em;
    left: 0;
    width: 4px;
    background-color: #fc4349
}

.comm-detail h3 {
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: .75em
}

.comm-detail img {
    max-width: 100%;
    height: auto !important
}

.nd-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ndp-link {
    line-height: 30px;
    position: relative
}

.ndp-link::before {
    position: absolute;
    top: 0;
    line-height: 30px;
    font-family: iconfont;
    color: #fc4349
}

.nd-prev {
    padding-left: 20px
}

.nd-prev::before {
    content: "\e763";
    left: 0
}

.nd-next {
    padding-right: 20px
}

.nd-next::before {
    content: "\e87d";
    right: 0
}

.nds-link {
    display: block;
    line-height: 30px;
    cursor: pointer;
    position: relative
}

.nds-link>span {
    width: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    margin-right: 4px
}

.nds-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 20px;
    visibility: hidden;
    opacity: 0
}

.nds-dropdown a {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (any-hover: hover) {
    .nd-share:hover .nds-dropdown {
        visibility: visible;
        opacity: 1
    }

    .nds-dropdown a:hover {
        color: #fc4349
    }
}

@media (max-width: 1280px) {
    .ndetail-body {
        width: calc(100% - 200px)
    }
}

@media (max-width: 768px) {
    .ndetail-wrap {
        display: block
    }

    .ndetail-body {
        width: 100%
    }

    .nd-pager {
        display: block
    }

    .ndp-link {
        display: block
    }

    .nd-next {
        padding-right: 0;
        padding-left: 20px
    }

    .nd-next::before {
        right: auto;
        left: 0
    }

    .ndetail-side {
        margin-top: 20px
    }

    .nds-link {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px
    }
}

.nb-info {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0
}

.nb-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.7)
}

.nb-intro {
    max-width: 560px;
    margin-left: 15px;
    width: calc(100% - 80px)
}

.nb-intro .news-item__title {
    padding-top: .4em
}

.news-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsf-tab>a {
    line-height: 2;
    position: relative;
    padding-left: 8px;
    margin-right: 50px
}

.newsf-tab>a:last-of-type {
    margin-right: 0
}

.newsf-tab>a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 1em;
    margin-top: -.5em;
    background-color: #CDCDCD
}

.newsf-tab>a.current {
    color: #000
}

.newsf-tab>a.current::before {
    background-color: #fc4349
}

body .select2-container {
    font-size: 16px
}

body .select2-container .select2-results__option {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    line-height: 40px
}

body .select2-container .select2-results__option::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    left: 6px;
    border-radius: 3px;
    background-color: #fc4349;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fff;
    color: #fff
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable::before {
    visibility: visible;
    opacity: 1
}

body .select2-container--default .select2-results__option--selected {
    background-color: #fff;
    color: #fff
}

body .select2-container--default .select2-results__option--selected::before {
    visibility: visible;
    opacity: 1
}

body .select2-results {
    padding: 6px 0
}

body .select2-dropdown {
    border: 0;
    border-radius: 3px
}

.newsf-select {
    width: 200px;
    height: 40px
}

.newsf-select select {
    display: block;
    width: 100%
}

.newsf-select .select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    height: 40px
}

.newsf-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 20px
}

.newsf-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px
}

.newsf-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.newsf-select .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: "\e768";
    font-size: 24px;
    font-family: iconfont;
    color: #fc4349;
    display: block;
    line-height: 24px;
    text-align: center
}

@media (max-width: 1280px) {
    .nb-info {
        bottom: 60px
    }

    .newsf-tab>a {
        margin-right: 40px
    }
}

@media (max-width: 1024px) {
    .nb-info {
        bottom: 40px
    }

    .newsf-tab>a {
        margin-right: 30px
    }
}

@media (max-width: 768px) {
    .news-filter {
        display: block
    }

    .newsf-cate {
        margin-top: 10px
    }
}

.list-news>li:nth-of-type(n+4) {
    margin-top: 80px
}

.news-item {
    display: block
}

.news-item__img {
    overflow: hidden
}

.news-item__img::before {
    padding-top: 54.3379%
}

.news-item__cate {
    border-left: 0.2em solid #fc4349;
    padding-left: 4px
}

.news-item__date {
    position: absolute;
    
    bottom: 0;
    left: 0
}

.news-item__intro {
    padding: 20px
}

.news-item__desc {
    max-height: 3.7em;
    line-height: 1.9;
    /*display: none;*/
    display: block;
}

@media (any-hover: none) {
    .prodd-more .txt {
        width: 4.625em;
        opacity: 1
    }

    .prodd-more .txt,
    .prodd-more .ico {
        color: #000
    }
}

@media (any-hover: hover) {
    .news-item:hover .news-item__intro {
        background-color: #fc4349;
        color: #fff
    }

    .news-item:hover .news-item__title,
    .news-item:hover .news-item__desc {
        color: #fff
    }

    .news-item:hover .prodd-more .txt {
        width: 4.625em;
        opacity: 1
    }

    .news-item:hover .prodd-more .txt,
    .news-item:hover .prodd-more .ico {
        color: #fff
    }
}

@media (max-width: 1024px) {
    .list-news>li:nth-of-type(n+4) {
        margin-top: 40px
    }
}

@media (max-width: 768px) {
    .list-news>li {
        width: 50%
    }

    .list-news>li:nth-of-type(n+3) {
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .list-news>li {
        width: 100%
    }

    .list-news>li:nth-of-type(n+2) {
        margin-top: 40px
    }
}

.rawb-intro {
    position: absolute;
    bottom: 140px;
    right: 0;
    left: 0;
    z-index: 5
}

.slick-rawb .comm-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -680px
}

@media (max-width: 1520px) {
    .slick-rawb .comm-dots {
        margin-left: 0;
        left: 80px
    }
}

@media (max-width: 1280px) {
    .slick-rawb .comm-dots {
        left: 40px
    }
}

@media (max-width: 1024px) {
    .slick-rawb .comm-dots {
        left: 20px;
        bottom: 10px
    }
}

.sec-quality {
    position: relative;
    z-index: 1
}

.secq-bg {
    position: absolute;
    top: 80px;
    right: 0;
    width: 55.625%;
    max-width: 1068px;
    z-index: -1
}

.secq-bg::before {
    padding-top: 46.06742%
}

@media (max-width: 1024px) {
    .secq-bg {
        position: relative;
        top: auto;
        width: auto;
        width: 60%;
        margin-top: -80px;
        margin-right: 0;
        margin-left: auto
    }
}

@media (max-width: 768px) {
    .secq-bg {
        margin-top: -20px;
        width: 80%
    }
}

.psec-title {
    position: relative;
    z-index: 1
}

.psect-en {
    position: absolute;
    top: -.35em;
    z-index: -1;
    white-space: nowrap;
    font-size: .952em
}

.psect-en.big {
    font-size: 1.14em
}

.psect-cn {
    line-height: 1.3;
    white-space: nowrap
}

.raw-part:nth-of-type(n+2) {
    margin-top: 120px
}

.rawp-img::before {
    padding-top: 35.52632%
}

.rawp-intro {
    padding: 60px
}

.rawp-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rawp-desc {
    width: calc(100% - 600px);
    margin-right: 100px
}

@media (max-width: 1280px) {
    .rawp-intro {
        padding: 40px
    }

    .raw-part:nth-of-type(n+2) {
        margin-top: 80px
    }
}

@media (max-width: 1200px) {
    .rawp-con {
        display: block
    }

    .rawp-desc {
        width: auto;
        margin-bottom: 30px;
        margin-right: 0
    }
}

@media (max-width: 1024px) {
    .rawp-intro {
        padding: 30px 20px
    }

    .raw-part:nth-of-type(n+2) {
        margin-top: 60px
    }
}

.factory-vr {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-nav {
    position: fixed;
    top: 50%;
    left: 30px;
    z-index: 90;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pnav-link {
    display: block;
    border-radius: 20px;
    padding: 0 10px;
    -webkit-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.pnav-link:nth-of-type(n+2) {
    margin-top: 10px
}

.pnav-link span {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.pnav-link .pnav-ico {
    margin-left: 4px
}

.pnav-link.current {
    background-color: #fc4349
}

.pnav-link.current .pnav-title {
    color: #fff
}

@media (any-hover: hover) {
    .pnav-link:hover {
        background-color: #fc4349
    }

    .pnav-link:hover .pnav-title {
        color: #fff
    }
}

@media (max-width: 1280px) {
    .page-nav {
        display: none
    }
}

.list-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lcontact-ico {
    display: block;
    height: 60px
}

.lcontact-desc {
    max-width: 280px
}

.lcontact-desc p {
    font-family: "Montserrat"
}

@media (max-width: 1280px) {
    .lcontact-ico {
        height: 40px
    }
}

@media (max-width: 1024px) {
    .list-contact {
        display: block
    }

    .lcontact-item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        text-align: center
    }

    .lcontact-item:nth-of-type(n+3) {
        margin-top: 40px
    }

    .lcontact-ico {
        height: 30px;
        margin-right: auto;
        margin-left: auto
    }

    .lcontact-desc {
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 480px) {
    .lcontact-item {
        position: relative;
        width: 100%
    }

    .lcontact-item:nth-of-type(n+2) {
        margin-top: 60px
    }

    .lcontact-item:last-of-type::after {
        display: none
    }

    .lcontact-item::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -30px;
        left: 0;
        height: 1px;
        background-color: #fff
    }
}

.adv-ico {
    width: 100px;
    margin-right: auto;
    margin-left: auto
}

.adv-ico::before {
    padding-top: 100%
}

.cvalue-ico {
    width: 180px;
    margin-right: auto;
    margin-left: auto
}

.cvalue-ico::before {
    padding-top: 100%
}

.lcate-item {
    position: relative
}

.lcate-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background-color: #fc4349;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.lcate-circle>div {
    width: 100%
}

.lcate-circle p {
    margin-top: 5px
}

.lcate-img::before {
    padding-top: 216.49485%
}

.lcate-img::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 58%;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
    opacity: 0
}

.lcate-intro {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    text-shadow: 0 0 20px #000
}

@media (any-hover: hover) {
    .lcate-item:hover .lcate-circle {
        visibility: visible;
        opacity: 1
    }

    .lcate-item:hover .lcate-intro {
        opacity: 0
    }
}

@media (max-width: 1400px) {
    .cvalue-ico {
        width: 120px
    }
}

@media (max-width: 1280px) {
    .cvalue-ico {
        width: 100px
    }

    .adv-ico {
        width: 80px
    }
}

@media (max-width: 1024px) {
    .cvalue-ico {
        width: 80px
    }

    .adv-ico {
        width: 60px
    }

    .sec-joinv::before,
    .sec-joinv::after {
        display: none
    }
}

@media (max-width: 768px) {
    .adv-ico {
        width: 50px
    }
}

.contact-map {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto
}

.contact-map::before {
    padding-top: 46.06742%
}

.contact-pimg::before {
    padding-top: 44.11765%
}

.contact-pdesc p {
    position: relative;
    padding-left: 10px
}

.contact-pdesc p::before {
    content: "";
    position: absolute;
    top: .4375em;
    left: 0;
    width: 3px;
    height: 1em;
    border-radius: 3px;
    background-color: #fc4349
}

.contact-map {
    position: relative
}

.cmap-box {
    max-width: 1065px;
    margin-right: auto;
    margin-left: auto
}

.cmap-box::before {
    padding-top: 80.75117%
}

.cmap-box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.cmap-intro {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 440px;
    z-index: 5
}

.cmapi-title {
    border-left: 2px solid #fc4349;
    padding-left: 4px
}

@-webkit-keyframes svgCircle {
    from {
        r: 5.5
    }

    to {
        r: 17.5
    }
}

@keyframes svgCircle {
    from {
        r: 5.5
    }

    to {
        r: 17.5
    }
}

.map-city:hover .st3 {
    -webkit-animation: svgCircle 1s ease infinite;
    animation: svgCircle 1s ease infinite
}

@media (max-width: 1280px) {
    .cmap-intro {
        bottom: 60px
    }
}

@media (max-width: 1024px) {
    .cmap-intro {
        bottom: 40px
    }
}

@media (max-width: 768px) {
    .cmap-intro {
        position: relative;
        width: auto;
        margin-top: 100px
    }
}

.join-way {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.join-way::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #fc4349 transparent transparent transparent;
    visibility: hidden;
    opacity: 0
}

.join-way.current {
    background-color: #fc4349
}

.join-way.current::after {
    visibility: visible;
    opacity: 1
}

.join-way.current .psect-cn {
    color: #fff
}

.join-way.current .psect-en {
    opacity: .2
}

.joinw-ico {
    width: 130px;
    margin-right: 60px
}

.joinw-ico::before {
    padding-top: 100%
}

@media (max-width: 1400px) {
    .joinw-ico {
        width: 100px
    }
}

@media (max-width: 1280px) {
    .join-way {
        padding: 20px 40px
    }

    .joinw-ico {
        width: 80px;
        margin-right: 40px
    }
}

@media (max-width: 1024px) {
    .joinw-ico {
        width: 60px;
        margin-right: 20px
    }
}

@media (max-width: 768px) {
    .join-way {
        padding: 20px
    }
}

@media (max-width: 640px) {
    .psec-title {
        /*font-size: 16px;*/
        font-size: 30px;
    }
}

.list-job {
    border-bottom: 1px solid #f4f4f4
}

.job-item {
    position: relative
}

.job-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #f4f4f4
}

.job-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background-color: #fc4349;
    width: 0;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.job-item.active::after {
    width: 100%
}

.job-item.active .jobi-ico::before {
    content: ""
}

.jobi-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    cursor: pointer
}

.jobi-title {
    width: 25%
}

.jobi-city {
    width: 25%
}

.jobi-name {
    width: 30%
}

.jobi-date {
    width: 12%
}

.jobi-ico {
    width: 8%;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.jobi-body {
    padding: 0 0 100px calc(25% + 20px);
    display: none
}

.jobi-bottom {
    position: relative
}

.jobi-bottom-arrow {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 46px;
    cursor: pointer;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.jobi-desc h3 {
    font-weight: 700
}

@media (any-hover: hover) {
    .jobi-ico:hover {
        color: #fc4349
    }

    .job-item:hover::after {
        width: 100%
    }

    .jobi-bottom-arrow:hover {
        color: #fc4349
    }
}

@media (max-width: 1280px) {
    .jobi-header {
        height: 80px
    }

    .jobi-body {
        padding-bottom: 80px
    }
}

@media (max-width: 1024px) {

    .jobi-city,
    .jobi-name,
    .jobi-date {
        display: none
    }

    .jobi-title {
        width: 92%
    }

    .jobi-body {
        padding-left: 20px;
        padding-bottom: 60px
    }
}

.jobs-input {
    position: relative;
    width: calc(100% - 692px);
    margin-right: 24px
}

.jobs-input input {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #CDCDCD;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    border-radius: 0
}

.jobs-input::after {
    content: "\e75c";
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 24px;
    line-height: 40px;
    color: #fc4349;
    font-family: iconfont
}

.jobs-select {
    width: 250px;
    height: 40px;
    margin-right: 24px
}

.jobs-select select {
    display: block;
    width: 100%
}

.jobs-reset {
    width: 120px
}

.jobs-reset button {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    outline: 0;
    border: 0;
    outline: 0;
    height: 40px
}

@media (max-width: 1024px) {
    .jobs-input {
        width: 160px
    }

    .jobs-select {
        width: 160px
    }
}

@media (max-width: 750px) {
    .jobs-input {
        width: 100%;
        margin-bottom: 20px
    }

    .jobs-input::after {
        right: 10px
    }

    .jobs-select {
        width: 100%;
        margin-bottom: 20px
    }
}

.sec-joinv {
    position: relative;
    padding: 80px 0
}

.sec-joinv::before,
.sec-joinv::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff;
    margin-left: -1px
}

.sec-joinv::before {
    left: 33.3333%
}

.sec-joinv::after {
    right: 33.3333%
}

.list-career {
    position: relative;
    z-index: 1
}

.list-career::before {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 50px;
    right: 7.2%;
    left: 7.2%;
    height: 1px;
    background-color: #E7E9E9
}

.career-img {
    width: 120px
}

.career-img::before {
    padding-top: 100%
}

.career-num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.sec-tip {
    position: relative;
    padding-left: 10px
}

.sec-tip::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    border-radius: 3px;
    background-color: #fc4349
}

@media (max-width: 1280px) {
    .career-img {
        width: 100px
    }
}

@media (max-width: 1024px) {
    .career-img {
        width: 80px
    }
}

@media (max-width: 768px) {
    .list-career::before {
        display: none
    }

    .list-career>li {
        width: 25%
    }

    .list-career>li:nth-of-type(n+5) {
        margin-top: 40px
    }

    .list-career>li:nth-of-type(4n+1) .career-item::before {
        left: 50%
    }

    .list-career>li:nth-of-type(4n) .career-item::before,
    .list-career>li:last-of-type .career-item::before {
        right: 50%
    }

    .career-item {
        position: relative;
        z-index: 1
    }

    .career-item::before {
        content: "";
        z-index: -1;
        position: absolute;
        bottom: 48px;
        right: 0;
        left: 0;
        height: 1px;
        background-color: #E7E9E9
    }

    .career-img {
        width: 60px
    }
}

.list-welf>li:nth-of-type(n+4) {
    margin-top: 50px
}

.welf-intro {
    padding: 30px
}

.welf-img::before {
    padding-top: 54.3379%
}

.welf-desc {
    height: 9.375em
}

.welf-desc p {
    position: relative;
    padding-left: 14px
}

.welf-desc p::before {
    content: "·";
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 1280px) {
    .welf-intro {
        padding: 20px
    }
}

@media (max-width: 1024px) {
    .list-welf>li {
        width: 100%
    }

    .list-welf>li:nth-of-type(n+2) {
        margin-top: 20px
    }

    .welf-desc {
        height: auto
    }
}

.life-item {
    margin-right: 24px
}

.life-item.style-a {
    width: 900px
}

.life-item.style-a .life-img::before {
    padding-top: 61.11111%
}

.life-item.style-b {
    width: 438px
}

.life-item.style-b .life-img::before {
    padding-top: 125.57078%
}

.life-img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (max-width: 1280px) {
    .life-item {
        margin-right: 20px
    }

    .life-item.style-a {
        width: 720px
    }

    .life-item.style-b {
        width: 350px
    }
}

@media (max-width: 1024px) {
    .life-item.style-a {
        width: 450px
    }

    .life-item.style-b {
        width: 219px
    }
}

.error-404 {
    text-align: center;
    padding: 160px 0
}

.error-404 h1 {
    line-height: 1;
    font-weight: 700
}

.error-404 p {
    line-height: 2
}

.back-home {
    display: inline-block;
    vertical-align: top;
    line-height: 2;
    padding: 0 1em;
    text-decoration: none
}

.psearch-header,
.psearch-body {
    padding: 60px 0
}

.search-item__title span {
    color: #fc4349
}

.search-item__desc {
    max-height: 3em
}

.list-search>li {
    border-bottom: 1px solid rgba(205, 205, 205, 0.5);
    padding-bottom: 20px
}

.list-search>li:last-of-type {
    border-bottom: 0
}

.list-search>li:nth-of-type(n+2) {
    margin-top: 40px
}

@media (any-hover: hover) {
    .search-item:hover .prodd-more .txt {
        width: 4.625em;
        opacity: 1
    }

    .search-item:hover .prodd-more .txt,
    .search-item:hover .prodd-more .ico {
        color: #000
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}
@media (max-width: 768px) {
    
    .iseries-title{
        width:100px;
        height: 27px;
        left: 4px;
        background-color: unset;
    }
    p.color-text:first-child{text-align:left;font-size: 15px;}
    p.color-text:last-child{display: none;}
    .iseries-more-txt{margin: 0;}
    .iseres-more-logo{width: 50px;}
    div.product-wrap.wrap{margin:0px 5px;}
}
div.product-wrap.wrap{max-width: 1500px;}
li.newslist-item:nth-child(n+2){
    display: none;
}
/*# sourceMappingURL=app.css.map */

/*# sourceMappingURL=app.css.map */