.c0 {
    color:#000
}
.c1 {
    color:#111
}
.c2 {
    color:#222
}
.c3 {
    color:#333
}
.c4 {
    color:#444
}
.c5 {
    color:#555
}
.c6 {
    color:#666
}
.c7 {
    color:#777
}
.c8 {
    color:#888
}
.c9 {
    color:#999
}
.ca {
    color:#aaa
}
.cb {
    color:#bbb
}
.clr {
    clear:both
}
.cc {
    color:var(--theme-color)
}
.cc1 {
    color:#ff6601
}
.cc2 {
    color:#da251c
}
.cd {
    color:#ddd
}
.ce {
    color:#eee
}
.cf {
    color:#fff
}
.bc0 {
    background-color:#000
}
.bcf {
    background-color:#fff
}
.bcc {
    background-color:var(--theme-color)
}
.bcc1 {
    background-color:#ff6601
}
.bcc2 {
    background-color:#da251c
}
.boc {
    border-color:var(--theme-color)
}
.bn {
    border:none
}
.bor {
    border:1px solid #bbb
}
.bt {
    border-top:1px solid #bbb
}
.bl {
    border-left:1px solid #bbb
}
.br {
    border-right:1px solid #bbb
}
.f0 {
    font-size:0
}
.f12 {
    font-size:12px
}
.f13 {
    font-size:13px
}
.f14 {
    font-size:14px
}
:root {
    --theme-color:#041b45;
    --subtheme-color:#fcc003;
    --thitheme-color:#ff6601;
}
@media (max-width:640px) {
    .f14 {
        font-size:13px
    }
}
.f15 {
    font-size:15px
}
@media (max-width:640px) {
    .f15 {
        font-size:1rem
    }
}
.f16 {
    font-size:.8rem
}
@media (max-width:768px) {
    .f16 {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .f16 {
        font-size:1rem
    }
}
.f17 {
    font-size:.85rem
}
@media (max-width:768px) {
    .f17 {
        font-size:.94444444rem
    }
}
@media (max-width:640px) {
    .f17 {
        font-size:1.0625rem
    }
}
.f18 {
    font-size:.9rem
}
@media (max-width:768px) {
    .f18 {
        font-size:.94444444rem
    }
}
.f19 {
    font-size:.95rem
}
.f20 {
    font-size:1rem
}
.f21 {
    font-size:1.05rem
}
@media (max-width:768px) {
    .f21 {
        font-size:1rem
    }
}
.f22 {
    font-size:1.1rem
}
@media (max-width:768px) {
    .f22 {
        font-size:1.04761905rem
    }
}
.f23 {
    font-size:1.15rem
}
@media (max-width:768px) {
    .f23 {
        font-size:1.04545455rem
    }
}
.f24 {
    font-size:1.2rem
}
@media (max-width:768px) {
    .f24 {
        font-size:1.09090909rem
    }
}
.f25 {
    font-size:1.25rem
}
@media (max-width:768px) {
    .f25 {
        font-size:1.08695652rem
    }
}
.f26 {
    font-size:1.3rem
}
@media (max-width:768px) {
    .f26 {
        font-size:1.13043478rem
    }
}
.f27 {
    font-size:1.35rem
}
@media (max-width:768px) {
    .f27 {
        font-size:1.125rem
    }
}
.f28 {
    font-size:1.4rem
}
@media (max-width:768px) {
    .f28 {
        font-size:1.16666667rem
    }
}
.f29 {
    font-size:1.45rem
}
@media (max-width:768px) {
    .f29 {
        font-size:1.16rem
    }
}
.f30 {
    font-size:1.5rem
}
@media (max-width:768px) {
    .f30 {
        font-size:1.2rem
    }
}
.f31 {
    font-size:1.55rem
}
@media (max-width:768px) {
    .f31 {
        font-size:1.19230769rem
    }
}
.f32 {
    font-size:1.6rem
}
@media (max-width:768px) {
    .f32 {
        font-size:1.23076923rem
    }
}
.f33 {
    font-size:1.65rem
}
@media (max-width:768px) {
    .f33 {
        font-size:1.22222222rem
    }
}
.f34 {
    font-size:1.7rem
}
@media (max-width:768px) {
    .f34 {
        font-size:1.25925926rem
    }
}
.f35 {
    font-size:1.75rem
}
@media (max-width:768px) {
    .f35 {
        font-size:1.25rem
    }
}
.f36 {
    font-size:1.8rem
}
@media (max-width:768px) {
    .f36 {
        font-size:1.28571429rem
    }
}
.f37 {
    font-size:1.85rem
}
@media (max-width:768px) {
    .f37 {
        font-size:1.27586207rem
    }
}
.f38 {
    font-size:1.9rem
}
@media (max-width:768px) {
    .f38 {
        font-size:1.31034483rem
    }
}
.f39 {
    font-size:1.95rem
}
@media (max-width:768px) {
    .f39 {
        font-size:1.3rem
    }
}
.f40 {
    font-size:2rem
}
@media (max-width:768px) {
    .f40 {
        font-size:1.33333333rem
    }
}
.f41 {
    font-size:2.05rem
}
@media (max-width:768px) {
    .f41 {
        font-size:1.32258065rem
    }
}
.f42 {
    font-size:2.1rem
}
@media (max-width:768px) {
    .f42 {
        font-size:1.35483871rem
    }
}
.f45 {
    font-size:2.25rem
}
@media (max-width:768px) {
    .f45 {
        font-size:1.36363636rem
    }
}
.f48 {
    font-size:2.4rem
}
@media (max-width:768px) {
    .f48 {
        font-size:1.45454545rem
    }
}
.f50 {
    font-size:2.5rem
}
@media (max-width:768px) {
    .f50 {
        font-size:1.51515152rem
    }
}
.f54 {
    font-size:2.7rem
}
@media (max-width:768px) {
    .f54 {
        font-size:1.58823529rem
    }
}
.f60 {
    font-size:3rem
}
@media (max-width:768px) {
    .f60 {
        font-size:1.57894737rem
    }
}
.f64 {
    font-size:2.3rem
}
@media (max-width:768px) {
    .f64 {
        font-size:1.42857143rem
    }
}
.f72 {
    font-size:3.6rem
}
@media (max-width:768px) {
    .f72 {
        font-size:1.8rem
    }
}
.f88 {
    font-size:4.4rem
}
@media (max-width:1200px) {
    .f88 {
        font-size:4vw
    }
}
@media (max-width:768px) {
    .f88 {
        font-size:1.45454545rem
    }
}
.fal {
    font-family:Arial
}
.fyl {
    font-family:FontBlar
}
.fs {
    font-family:'宋体'
}
.fh {
    font-family:'黑体'
}
.fn {
    font-weight:400
}
.fb {
    font-weight:700
}
.fi {
    font-style:italic
}
.fl {
    float:left
}
.fln {
    float:none
}
.fr {
    float:right
}
.db {
    display:block
}
.dib {
    display:inline-block
}
.dt {
    display:table
}
.dtc {
    display:table-cell
}
.dn {
    display:none
}
.bn {
    border:none
}
.tl {
    text-align:left
}
.tc {
    text-align:center
}
.tr {
    text-align:right
}
.tu {
    text-transform:uppercase
}
.vt {
    vertical-align:top
}
.vm {
    vertical-align:middle
}
.vb {
    vertical-align:bottom
}
.over {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.box {
    box-sizing:border-box
}
.ma {
    margin-left:auto;
    margin-right:auto
}
.c50 {
    left:50%;
    transform:translateX(-50%)
}
.hc:hover {
    color:var(--theme-color)
}
.jz {
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%)
}
.m0 {
    margin:0
}
.p0 {
    padding:0
}
.yy {
    box-shadow:0 0 12px rgba(70, 70, 70, .5)
}
.yy2 {
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2)
}
.pz {
    padding-left:15px;
    margin-left:-15px
}
.pr {
    position:relative
}
.pa {
    position:absolute
}
.oh {
    overflow:hidden
}
.ov {
    overflow:visible
}
.wrap {
    overflow:hidden
}
.w50 {
    width:50%;
    float:left
}
.w0 {
    width:0
}
.w00 {
    width:100%
}
.h0 {
    height:0
}
.h00 {
    height:100%
}
.ma00 {
    max-width:100%
}
.mh00 {
    max-height:100%
}
.wa {
    width:auto
}
.ha {
    height:auto
}
.abs {
    position:absolute;
    width:100%;
    height:100%;
    z-index:5;
    left:0;
    top:0
}
.imWrap {
    width:100%;
    padding-top:75.5%;
    position:relative;
    overflow:hidden
}
.imWrap img {
    display:block;
    position:absolute;
    width:100%;
    min-height:100%;
    z-index:5;
    left:0;
    top:0
}
.imWrap .imgcon {
    position:absolute;
    width:100%;
    height:100%;
    z-index:5;
    left:0;
    top:0
}
.imWrap .imgcon img {
    position:relative;
    display:inline-block;
    width:auto;
    max-width:100%
}
.big {
    overflow:hidden
}
.big img {
    width:100%;
    display:block;
    transform:translateZ(0);
    transition:transform .3s linear
}
.big:hover img {
    transform:scale(1.1, 1.1)
}
.big .imgcon img {
    width:auto;
    min-height:auto
}
.imgDiv {
    position:relative;
    width:100%;
    overflow:hidden
}
.imgDiv img {
    position:relative;
    display:block;
    left:50%;
    max-width:100%;
    transform:translateX(-50%)
}
@media (max-width:768px) {
    .imgDiv img {
        width:150%;
        max-width:initial
    }
}
.imgDiv .abs {
    text-align:center
}
.imgDiv .abs::after {
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    content:".";
    clear:both;
    width:0
}
.imgDiv .ind_tit {
    display:inline-block;
    vertical-align:middle;
    margin:0
}
.imgcon {
    text-align:center;
    font-size:0;
    overflow:hidden
}
.imgcon img {
    display:inline-block;
    vertical-align:middle;
    max-width:100%
}
.imgcon:after {
    display:inline-block;
    vertical-align:middle;
    height:100%;
    color:#bbb;
    content:"";
    width:0
}
.m3w {
    margin-top:30px;
    margin-top:3vw
}
.m2w {
    margin:2vw 0
}
.p2w {
    padding:2vw 0
}
.p3w {
    padding:3vw 0
}
.poi {
    cursor:pointer
}
* {
    margin:0;
    padding:0
}
.clearfix {
    display:inline-block;
    zoom:1
}
.clearfix:after {
    display:block;
    font-size:0;
    clear:both;
    height:0;
    visibility:hidden;
    content:"."
}
img {
    border:none
}
blockquote, body, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, p, pre, select, textarea {
    margin:0
}
menu, ol, ul {
    list-style:none;
    margin:0;
    padding:0
}
a {
    color:var(--theme-color);
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none
}
a, a:active, a:focus {
    outline:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
blockquote, q {
    quotes:none
}
address, em, i {
    font-style:normal
}
abbr, acronym {
    font-variant:normal
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
a img, fieldset, iframe {
    border:none
}
button, input, select {
    vertical-align:middle
}
button {
    overflow:visible
}
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    border:0 none;
    padding:0
}
:active {
    outline:0 none
}
::selection {
    color:#fff;
    background:#e74700
}
blockquote:after, blockquote:before, q:after, q:before {
    content:'';
    content:none
}
* html .clearfix {
    height:1%
}
html {
    font-size:20px;
    line-height:1.76
}
* {
    font-family:"Microsoft Yahei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif
}
body {
    background-color:#fff;
    font-size:14px;
    max-width:1920px;
    margin:0 auto;
    min-width:320px;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased
}
h1 {
    font-size:1.8rem
}
@media (max-width:768px) {
    h1 {
        font-size:1.28571429rem
    }
}
h2 {
    font-size:1rem
}
h3 {
    font-weight:400;
    font-size:.8rem
}
@media (max-width:768px) {
    h3 {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    h3 {
        font-size:1rem
    }
}
h4 {
    font-size:16px
}
@font-face {
    font-family:FontBlar;
    src:url(../fonts/heimi.woff) format('woff'), url(../fonts/heimi.ttf) format('truetype'), url(../fonts/heimi.svg) format('svg')
}
ul {
    overflow:hidden
}
a, input {
    outline:0
}
input[type=button], input[type=submit], input[type=reset] {
    -webkit-appearance:none;
    border-radius:0
}
.containe {
    width:100%;
    display:block;
    max-width:1200px;
    margin:0 auto
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#bbb
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#bbb
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#bbb
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#bbb
}
.articleCon img {
    max-width:100%;
    height:auto!important
}
.swiper-container {
    position:relative;
    width:100%;
    height:100%
}
.swiper-container img {
    display:block;
    max-width:100%
}
div.digg {
    width:100%;
    text-align:center;
    font-size:14px;
    padding:3px;
    margin:15px 0
}
@media (max-width:640px) {
    div.digg {
        font-size:13px
    }
}
div.digg li {
    display:inline-block;
    vertical-align:middle
}
div.digg a {
    text-align:center;
    border:#ccc 1px solid;
    padding:4px 10px;
    color:#666;
    margin:5px;
    line-height:39px
}
@media screen and (max-width:768px) {
    div.digg a {
        padding:3px 9px;
        margin:3px
    }
}
div.digg p {
    display:inline-block;
    vertical-align:middle
}
div.digg .disabled * {
    color:#ddd;
    border:#eee 1px solid;
    padding:4px 10px;
    margin:5px
}
div.digg .current * {
    color:#fff;
    font-weight:700;
    border:#bf141c 1px solid;
    padding:4px 10px;
    background-color:#bf141c
}
div.digg .active * {
    color:#fff;
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
.btn {
    display:inline-block;
    color:#333;
    font-size:14px;
    text-align:center;
    line-height:1.6rem;
    border:1px solid #333
}
@media (max-width:640px) {
    .btn {
        font-size:13px
    }
}
.btn.bg {
    background-color:var(--theme-color);
    color:#fff;
    border-color:var(--theme-color)
}
.tabCon .con {
    display:none
}
.tabCon .con.act {
    display:block
}
.row {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.row .col {
    flex:1
}
.tabUl {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.tabUl li {
    flex:1;
    cursor:pointer
}
.gradient_linear {
    background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.bgcon {
    overflow:hidden;
    background-color:#fff;
    padding-bottom:3vw;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto auto
}
.bg_move_btn {
    display:inline-block;
    position:relative;
    overflow:hidden;
    margin-left:0;
    z-index:0;
    transition:all .3s
}
.bg_move_btn::after {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    content:" ";
    z-index:-2;
    left:0;
    top:0
}
.bg_move_btn::before {
    content:'';
    z-index:-1;
    position:absolute;
    top:50%;
    left:100%;
    margin:-15px 0 0 1px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--theme-color);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transform:scale3d(1, 2, 1);
    transform:scale3d(1, 2, 1);
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s;
    -webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1);
    transition-timing-function:cubic-bezier(.7, 0, .9, 1)
}
.bg_move_btn:hover {
    color:#fff!important
}
.bg_move_btn:hover::before {
    -webkit-transform:scale3d(9, 9, 1);
    transform:scale3d(9, 9, 1)
}
@font-face {
    font-family:Segoe;
    src:url(../images/AKZIDENZGROTESK-LIGHTCOND.OTF) format("opentype");
    font-weight:400;
    font-style:normal
}
body {
    max-width:inherit;
    padding-top:129px;
    line-height:1.6
}
body * {
    font-family:Arial
}
.containe {
    max-width:1500px
}
.containe.ci {
    max-width:1400px
}
@media screen and (max-width:1600px) {
    .containe {
        width:auto;
        margin:0 5%
    }
}
@media screen and (max-width:980px) {
    .containe {
        width:auto;
        margin:0 auto;
        max-width:690px!important
    }
}
@media screen and (max-width:768px) {
    .containe {
        margin:0 12px
    }
}
@media screen and (max-width:1600px) {
    html {
        font-size:19px
    }
}
.share03 {
    margin-top:7px;
    color:#fff;
    float:right;
    display:inline-block
}
.share03 i {
    display:inline-flex;
    padding:6px
}
.share03 svg {
    width:15px;
    height:15px;
    fill:#fff;
    line-height:20px
}
.share03 a {
    display:inline-block;
    font-size:0;
    vertical-align:middle;
    margin-right:8px;
    border-radius:50%
}
.share03 a:hover svg {
    fill:#ff6601
}
.share03 a:nth-child(1) {
    background-color:var(--theme-color)
}
.share03 a:nth-child(2) {
    background-color:#6dcef8
}
.share03 a:nth-child(3) {
    background-color:#3373bb
}
.share03 a:nth-child(4) {
    background-color:#d23f2f
}
#topbar {
    border-bottom:1px solid #ddd
}
#topbar .slogan {
    color:#333;
    font-size:.8rem;
    line-height:40px
}
@media (max-width:768px) {
    #topbar .slogan {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #topbar .slogan {
        font-size:1rem
    }
}
#topbar .slogan em {
    color:#ff6601
}
#topbar .slogan i {
    margin:0 .5em 0 1em;
    font-size:.9rem;
    line-height:40px
}
@media (max-width:768px) {
    #topbar .slogan i {
        font-size:.94444444rem
    }
}
#topbar .slogan i:first-child {
    margin-left:0
}
#topbar .languages {
    float:right;
    font-size:14px;
    color:#333;
    border-left:1px solid #fff;
    padding-left:1rem;
    line-height:15px;
    margin-right:1.5em;
    margin-top:2px
}
@media (max-width:640px) {
    #topbar .languages {
        font-size:13px
    }
}
#topbar .languages .icon {
    display:inline-block;
    vertical-align:middle
}
#topbar .languages .xla {
    display:inline-block;
    vertical-align:middle;
    position:relative;
    z-index:55
}
#topbar .languages .xla .tit {
    cursor:pointer;
    font-size:14px;
    color:#333;
    padding-left:10px;
    line-height:38px
}
@media (max-width:640px) {
    #topbar .languages .xla .tit {
        font-size:13px
    }
}
#topbar .languages .xla .tit i {
    display:inline-block;
    vertical-align:bottom;
    margin-left:8px;
    -webkit-transition:all .2s linear
}
#topbar .languages .xla .tit:hover i {
    transform:rotate(-180deg)
}
#topbar .languages .xla dl {
    overflow:hidden;
    position:absolute;
    display:block;
    height:0;
    top:100%;
    left:0;
    background-color:rgba(31, 40, 111, .52);
    transition:all .3s
}
#topbar .languages .xla dl dd {
    padding:5px 15px;
    line-height:2
}
#topbar .languages .xla dl dd:hover {
    background-color:var(--theme-color)
}
#topbar .languages .xla dl a {
    color:#fff
}
#topbar .languages .xla:hover dl {
    height:5em;
    padding:5px 0 5px
}
@media screen and (max-width:1900px) {
    #topbar .languages {
        margin-right:5em
    }
}
@media screen and (max-width:768px) {
    #topbar .languages {
        display:none
    }
}
#header {
    width:100%;
    background-color:#fff;
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
    position:fixed;
    z-index:88;
    height:129px;
    top:0;
    left:0
}
#header .containe {
    max-width:1800px
}
@media screen and (max-width:768px) {
    #header {
        overflow:hidden;
        position:fixed;
        z-index:888;
        height:52px;
        top:0;
        left:0
    }
}
#header .navbar {
    font-size:0
}
#header .navbar .logo {
    position:relative;
    float:left;
    display:inline-block;
    z-index:5;
    padding-top:7px;
    white-space:nowrap;
    padding-right:5vw
}
#header .navbar .logo img {
    display:block
}
#header .navbar .logo h1 {
    font-size:0;
    display:none
}
@media (max-width:768px) {
    #header .navbar .logo {
        padding-top:0;
        margin-top:8px;
        background-size:auto 100%!important
    }
    #header .navbar .logo img {
        max-width:278px;
        max-height:38px
    }
}
#header .navbar .mBtn {
    display:none;
    float:right;
    text-align:center;
    width:10%;
    cursor:pointer
}
#header .navbar .mBtn .iconfont {
    font-size:25px;
    line-height:1.7
}
@media screen and (max-width:1400px) {
    #header .navbar .mBtn {
        display:inline-block;
        margin-top:18px
    }
}
@media screen and (max-width:768px) {
    #header .navbar .mBtn {
        margin-top:7px
    }
}
#header .searDiv {
    overflow:hidden;
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    float:right;
    border:none;
    width:2rem;
    height:2rem;
    margin-top:1.2rem;
    margin-left:3%;
    border:1px solid #ddd;
    border-radius:1.5rem;
    transition:all .4s linear
}
@media screen and (max-width:768px) {
    #header .searDiv {
        margin-top:-3rem;
        margin-right:12%;
        height:2.3rem
    }
    #header .searDiv #searcher {
        height:2rem
    }
}
#header .searDiv .iconfont {
    position:absolute;
    font-size:.9rem;
    font-weight:700;
    color:var(--theme-color);
    right:11px;
    padding-left:6px;
    z-index:5;
    top:5px;
    display:inline-flex;
    width:20px;
    height:20px;
    fill:#fff
}
@media (max-width:768px) {
    #header .searDiv .iconfont {
        font-size:.94444444rem
    }
}
@media screen and (max-width:768px) {
    #header .searDiv .iconfont {
        font-size:14px;
        top:7px
    }
}
#header .searDiv.active {
    width:12rem
}
#header #searcher {
    float:left;
    display:block;
    font-size:13px;
    color:#333;
    border:none;
    position:relative;
    height:38px;
    width:calc(100% - 50px);
    margin-right:4px;
    padding:0 0;
    background-color:transparent;
    z-index:10;
    text-indent:1em
}
#header #searchglass {
    float:right;
    display:block;
    overflow:hidden;
    border:none;
    color:#fff;
    position:relative;
    z-index:99;
    height:36px;
    width:45px;
    cursor:pointer;
    background-color:transparent;
    background-position:3px center;
    background-repeat:no-repeat;
    text-indent:-99em
}
#header #Nav {
    text-align:center;
    overflow:visible;
    display:flex;
    flex-flow:row nowrap;
    justify-content:flex-end;
    padding-left:5%
}
#header #Nav a {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
#header #Nav li {
    flex:1;
    padding-right:2%
}
#header #Nav li .tarA {
    display:block;
    box-sizing:border-box;
    color:#333;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    position:relative;
    line-height:84px;
    white-space:nowrap;
    font-size:16px;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
    min-width:115px
}
#header #Nav li .tarA::after {
    background-color:#ff6601;
    position:absolute;
    opacity:0;
    content:"";
    bottom:10px;
    left:50%;
    z-index:60;
    margin-left:-2.3rem;
    width:4rem;
    height:2px;
    transform:translateX(-60px);
    transition:transform .5s ease-out .1s
}
#header #Nav li .tarA.act {
    color:#ff6601
}
#header #Nav li .tarA.act::after {
    opacity:1;
    transform:translateX(0)
}
#header #Nav li:hover .tarA::after {
    opacity:1;
    transform:translateX(0)
}
#header #Nav li dl {
    line-height:2.8;
    background-color:#fff;
    padding:1em 0
}
#header #Nav li dl a {
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#666;
    text-align: left;
    padding: 0 10px;
}
#header #Nav li dl a:hover {
    color:var(--theme-color)
}
#header #Nav li dl dd {
    font-size:14px
}
@media (max-width:640px) {
    #header #Nav li dl dd {
        font-size:13px
    }
}
@media screen and (max-width:1400px) {
    #header #Nav {
        display:none
    }
}
.submenus {
    text-align:left;
    font-size:14px;
    display:none;
    background-color:#fff;
    position:absolute;
    width:100%;
    left:0;
    box-sizing:border-box;
    top:100%;
    padding:2% 3%;
    border-top:1px solid #efefef;
    box-shadow:0 3px 5px rgba(70, 70, 70, .2);
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    right:0
}
@media (max-width:640px) {
    .submenus {
        font-size:13px
    }
}
.submenus .tit {
    margin-bottom:2%
}
.submenus h3 {
    display:inline-block;
    font-size:1.2rem;
    font-weight:700;
    color:var(--theme-color);
    line-height:1rem
}
@media (max-width:768px) {
    .submenus h3 {
        font-size:1.09090909rem
    }
}
.submenus h3 a {
    font-size:14px;
    font-weight:400;
    color:#ff6601;
    display:inline-block;
    padding:0 2em;
    text-decoration:underline;
    line-height:1.2
}
@media (max-width:640px) {
    .submenus h3 a {
        font-size:13px
    }
}
.submenus .tit2 {
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
    color:var(--theme-color);
    line-height:3
}
@media (max-width:640px) {
    .submenus .tit2 {
        font-size:13px
    }
}
.submenus .ul {
    padding-bottom:.3em
}
.submenus .ul .item {
    display:inline-block;
    margin-right:3%;
    margin-bottom:.8em;
    font-size:14px
}
@media (max-width:640px) {
    .submenus .ul .item {
        font-size:13px
    }
}
.submenus .ul .item a {
    color:#333
}
.submenus .ul .item a:hover {
    color:var(--theme-color)
}
.submenus .top_plist {
    display:flex;
    flex-flow:wrap;
    justify-content:flex-start
}
.submenus .top_plist .item {
    text-align:center;
    width:16%
}
.submenus .top_plist .item .big {
    position:relative;
    padding-top:75%
}
.submenus .top_plist .item .big img {
    position:absolute;
    width:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index:5;
    max-width:98%;
    max-height:98%
}
.submenus .top_plist .item .ptit {
    line-height:1.6;
    font-size:14px;
    color:#666;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin:.5em
}
@media (max-width:640px) {
    .submenus .top_plist .item .ptit {
        font-size:13px
    }
}
.share01 {
    margin-top:.6rem
}
.share01 i {
    display:inline-flex;
    padding:7px
}
.share01 svg {
    width:20px;
    height:20px;
    fill:#ff6601;
    line-height:20px
}
.share01 a {
    display:inline-block;
    font-size:0;
    vertical-align:middle;
    margin-right:8px
}
.share01 a:hover svg {
    fill:#48abf9
}
#topBack {
    top:7%;
    right:-2vw;
    background-color:var(--theme-color);
    position:absolute;
    width:2.1rem;
    height:2.1rem;
    text-align:center;
    border-radius:1.1rem
}
#topBack i {
    font-size:1rem;
    color:#fff;
    line-height:2
}
.foot a:hover{
    text-decoration: underline;
}
#footer {
    overflow:hidden;
    margin-top:30px;
    margin-top:3vw;
    clear:both;
    background-color:var(--theme-color);
    background-image:url(../images/10.jpg);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:cover
}
#footer .containe {
    position:relative
}
#footer .top {
    padding-top:3%
}
@media screen and (max-width:768px) {
    #footer .top {
        display:none;
        padding-top:0
    }
    #footer .top>.containe {
        display:none
    }
}
#footer .share02 {
    float:right
}
#footer .share02 strong {
    font-size:.8rem;
    color:#fff
}
@media (max-width:768px) {
    #footer .share02 strong {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #footer .share02 strong {
        font-size:1rem
    }
}
#footer .share02 i {
    display:inline-flex;
    margin-right:-12px
}
#footer .share02 svg {
    width:18px;
    height:20px;
    fill:#fff;
    line-height:20px
}
#footer .share02 a {
    display:inline-block;
    font-size:0;
    vertical-align:middle;
    border-radius:4px
}
#footer .share02 a:hover {
    background-color:var(--theme-color)
}
#footer .flogo {
    display:inline-block;
    float:left;
    width:30%;
    margin-right:5%
}
#footer h3.ftit {
    font-size:.8rem;
    font-weight:700;
    color:#fff;
    margin-bottom:1.3em;
    line-height:1
}
@media (max-width:768px) {
    #footer h3.ftit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #footer h3.ftit {
        font-size:1rem
    }
}
#footer .fast_links {
    min-width:10%;
    padding-top:5rem
}
#footer .fast_links li a {
    display:block;
    font-size:14px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#fff;
    line-height:2.5
}
@media (max-width:640px) {
    #footer .fast_links li a {
        font-size:13px
    }
}
#footer .fast_links li a:hover {
    color:var(--theme-color)
}
@media screen and (max-width:768px) {
    #footer .fast_links {
        display:none
    }
}
#footer .tform {
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    display:flex;
    width:67%
}
#footer .tform .ftit {
    white-space:nowrap;
    font-size:1rem;
    margin-top:15px;
    margin-right:1.5em;
    margin-bottom:0
}
#footer .tform form {
    width:100%;
    display:flex
}
#footer .tform form input {
    background-color:#fff;
    border:none;
    font-size:14px;
    color:#999;
    width:60%;
    line-height:40px;
    border-radius:4px;
    margin-left:.5rem;
    max-width:260px;
    padding:0 1em
}
@media (max-width:640px) {
    #footer .tform form input {
        font-size:13px
    }
}
#footer .tform form .i_sub {
    float:right;
    background-color:#ff6601;
    position:relative;
    display:inline-block;
    text-align:center;
    width:170px;
    height:52px;
    border-radius:4px;
    margin-left:.5rem
}
#footer .tform form .i_sub svg {
    fill:#fff;
    position:absolute;
    top:50%;
    right:10%;
    margin-top:-13px;
    margin-left:-8px;
    z-index:5;
    width:24px;
    height:24px
}
#footer .tform form input[type=submit] {
    cursor:pointer;
    color:#fff;
    font-size:.8rem;
    font-weight:700;
    position:relative;
    z-index:8;
    background-color:transparent;
    margin-top:8px;
    margin-left:-1em
}
@media (max-width:768px) {
    #footer .tform form input[type=submit] {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #footer .tform form input[type=submit] {
        font-size:1rem
    }
}
#footer .tform form:hover .i_sub {
    background-color:#ff6601
}
#footer .telcon {
    margin-top:7%
}
#footer .telcon .nowrap {
    white-space:nowrap;
    display:flex;
    flex-flow:row nowrap;
    justify-content:flex-start;
    margin-bottom:.9em
}
#footer .telcon .iconfont {
    font-size:1rem;
    color:#ff6601;
    padding-right:1em;
    line-height:1.2
}
#footer .telcon p {
    font-size:14px;
    color:#fff;
    display:block;
    line-height:1.5;
    white-space:pre-wrap;
    max-width:300px
}
@media (max-width:640px) {
    #footer .telcon p {
        font-size:13px
    }
}
#footer .copyright {
    text-align:left;
    line-height:1.6;
    padding:1em 0;
    border-top:1px solid #ddd;
    color:#fff;
    margin-top:1.5rem
}
@media screen and (max-width:980px) {
    #footer .copyright {
        margin:0
    }
}
@media screen and (max-width:480px) {
    #footer .copyright {
        text-align:center;
        padding:2% 0
    }
}
#footer .copyright a {
    display:inline-block;
    color:#fff;
    margin:0 15px
}
@media screen and (max-width:1400px) {
    html {
        font-size:18px
    }
}
h1.tagname {
    position:absolute;
    color:#fff;
    font-size:2.25rem;
    font-weight:700;
    top:-10vw;
    left:0;
    z-index:66;
    letter-spacing:1px
}
@media (max-width:768px) {
    h1.tagname {
        font-size:1.36363636rem
    }
}


/* j_f_message */

.j_f_message{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 80px;
}
.j_f_message .tit{
    font-size: 2rem;
    font-weight: bold;
    color:#fff;
}
.j_f_message .form{
    width: 100%;
    padding-top: 30px;
}
.j_f_message .form form{
    justify-content: center;
}
.j_f_message .input{
    width: 24%;
    padding: 0 20px;
}
.j_f_message .input input{
    width: 100%;
    height: 50px;
    border-radius: 100px;
    background: #fff;
    outline: none;
    padding: 0 20px;
    border: none;
    box-sizing: border-box;
}
.j_f_message .button button{
    padding: 0 50px;
    border-radius: 100px;
    background: var(--thitheme-color);
    color:#fff;
    height: 50px;
    outline: none;
    border: none;
    font-size: 0.8rem;
    cursor: pointer;
    transition:all .5s;
}
.j_f_message .button button:hover{
    background: var(--subtheme-color);
}

.j_copy{
    justify-content: center;
}
.j_copy a:hover{
    text-decoration: underline;
}
.j_privacy_policy .item span{
    padding: 0 10px;
}
.j_privacy_policy .item:last-child span{
    display: none;
}
.j_article{
    padding-bottom: 60px;
}


.follow_list{display: flex;}

.follow_list a svg{ fill:#111; height:14px; width:14px;transition:all .4s;}
.follow_list a{display: block;margin-right:3px;width:26px;height:26px;border-radius: 50%;border:1px solid #ccc;transition:all .4s;}
.follow_list a i{display:flex;justify-content:center;align-items:center;width: 100%;height:100%;}
.follow_list a.icon_pinterest{ background:#e60023;}
.follow_list a.icon_instagram{ background: linear-gradient( to top right,#fdbd50,#e63d7f,#68428e); color: #fff;}

.follow_list a.icon_google{ background: #db4437; color: #fff;border-color:#db4437;}
.follow_list a.icon_facebook{ background: #4267b2; color: #fff;border-color:#4267b2}
.follow_list a.icon_instagram1,.follow_list a.icon_instagram{ background: linear-gradient( to top right,#fdbd50,#e63d7f,#68428e); color: #fff;border-color:linear-gradient( to top right,#fdbd50,#e63d7f,#68428e);}
.follow_list a.icon_linkedin{ background: #0e76a8; color: #fff;border-color:#0e76a8;}
.follow_list a.icon_twitter{ background: #1da1f2; color: #fff;border-color:#1da1f2;}
.follow_list a.icon_youtube{ background: #ff0000; color: #fff;border-color:#ff0000;}
.follow_list a svg{fill:#fff;}

.follow_list a:hover{
    opacity: .8;
    transform: scale(1.2);
}

.tags .breaker {
    float:left
}
.taglist {
    background-color:#fff;
    padding:2em 1.5em;
    margin-bottom:5vw;
    margin-top:-1%
}
.taglist a {
    display:inline-block;
    color:#666;
    font-size:14px;
    padding:3px 10px;
    background-color:#f3f3f3;
    white-space:nowrap;
    margin:4px 10px 4px 0;
    border-radius:3px
}
@media (max-width:640px) {
    .taglist a {
        font-size:13px
    }
}
.taglist a:hover {
    color:#fff;
    background:#1abc9c
}
@media screen and (max-width:768px) {
    .taglist {
        padding:0 1em
    }
}
@media screen and (min-width:980px) and (max-width:1200px) {
    html {
        font-size:17px
    }
}
@media screen and (min-width:768px) and (max-width:979px) {
    html {
        font-size:16px
    }
}
#toolbar {
    display:none;
    width:100%;
    background-color:#fff;
    height:55px;
    position:fixed;
    z-index:999;
    bottom:0;
    left:0;
    border-top:1px solid #E5E9F2
}
@media (max-width:767px) {
    #toolbar {
        display:block
    }
}
#toolbar ul {
    padding-top:5px
}
#toolbar ul li {
    float:left;
    position:relative;
    text-align:center;
    width:25%
}
#toolbar ul li a {
    width:100%;
    position:relative;
    color:#1b2c42;
    line-height:23px;
    padding-top:7px
}
#toolbar ul li a.iconfont {
    font-size:22px
}
#toolbar ul li a span {
    font-size:13px;
    display:block
}
#toolbar ul li:hover a {
    color:var(--theme-color)
}
.m_nav {
    height:100%;
    background-color:#fff;
    position:fixed;
    top:0;
    right:0;
    visibility:visible;
    z-index:-1;
    width:80%;
    margin-top:0;
    opacity:1;
    box-shadow:0 15px 27px 0 rgba(167, 165, 165, .38);
    transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transform:translateX(100%)
}
.m_nav .bg {
    background-repeat:no-repeat;
    background-position:100% 100%;
    background-size:auto auto;
    padding-bottom:10px;
    margin-bottom:-10px
}
.m_nav .overly {
    position:absolute;
    height:100%;
    width:102vw;
    right:0;
    z-index:0;
    top:0
}
.m_nav .ul li .dropdown_menu {
    display:none;
    transition:none
}
.m_nav .ul li .dropdown_menu a {
    display:block;
    box-sizing:border-box;
    position:relative;
    height:50px;
    line-height:50px;
    padding:0 40px;
    border-bottom:1px solid #f5f5f5
}
.m_nav .ul li .dropdown_menu a:last-child {
    border:none
}
.m_nav .ul li .dropdown_menu a .icon-arright {
    font-size:13px;
    margin-left:-20px;
    margin-right:10px
}
.m_nav .ul li .icon-xialajiantou {
    position:absolute;
    font-weight:700;
    text-align:center;
    color:#666;
    cursor:pointer;
    top:0;
    right:5px;
    z-index:20;
    height:35px;
    width:35px;
    line-height:35px;
    transition:all .5s ease 0s;
    font-size:8px;
    border:7px solid #fff;
    border-radius:50%
}
.m_nav .ul li:hover .icon-xialajiantou {
    background:#f5f5f5
}
.m_nav .ul li:first-child .icon-xialajiantou {
    display:none
}
.m_nav .ul li .icon-xialajiantou.up {
    transform:rotate(180deg)
}
.m_nav.open {
    z-index:1000;
    transform:translateX(0)
}
.m_nav .top {
    box-sizing:border-box;
    height:60px;
    padding:20px
}
.m_nav .top .closed {
    vertical-align:middle;
    float:right;
    cursor:pointer;
    height:30px;
    width:30px
}
.m_nav .mlogo {
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.m_nav .mlogo img {
    display:block;
    height:50px;
    margin:10px auto;
    max-width:80%;
    height:auto
}
.m_nav .ul {
    overflow-y:auto;
    height:calc(100vh - 180px);
    margin-top:20px
}
.m_nav .ul li {
    padding:0 20px;
    opacity:0;
    border-bottom:1px solid #f5f5f5;
    -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    -webkit-transform:translateY(100%);
    transform:translateY(0);
    transform:translateY(100%)
}
.m_nav.open .ul li {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all .2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all .4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all .8s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(7) {
    -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li:nth-child(8) {
    -webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0s
}
.m_nav .ul li a {
    display:block;
    width:100%;
    height:50px;
    font-size:16px;
    color:#333;
    line-height:50px;
    text-decoration:none
}
.m_nav .ul li a.leve1 {
    display:block;
    width:auto;
    margin-right:3em
}
@media screen and (max-width:768px) {
    html {
        font-size:15px
    }
    body {
        max-width:100%;
        padding-top:52px!important;
        overflow-x:hidden;
        padding-bottom:55px
    }
}
@media screen and (max-width:640px) {
    html {
        font-size:14px
    }
}
.ind_tit p{
    font-size: 1rem;
    color:var(--subtheme-color);
    text-transform: capitalize;
}
.ind_tit h2 {
    font-size:2rem;
    font-weight:700;
    color:var(--theme-color);
    text-transform:uppercase;
    line-height:1;
    margin-bottom:2%
}

.j_flex{
    display: flex;
}
.j_flex_center{
    display: flex;
    align-items: center;
}
.button_wrap{
    margin-top: 40px;
    justify-content: center;
}
.button_wrap .button {
    height:50px;
    padding:0 40px;
    color:#fff;
    background-color:var(--thitheme-color);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    vertical-align: middle;
    transition: 0.5s;
    z-index: 1;
    font-style: normal;
    display: inline-flex;
    font-size:18px;
    align-items: center;
    justify-content: center;
    border-radius: 120px;
}
.button_wrap .button:before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color:transparent;
}
.button_wrap .button:after {
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color:var(--theme-color) transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: -1;
}
.button_wrap .button:hover {
    color:#fff;
    background-color:transparent;
    border-color:var(--theme-color);
}
.button_wrap .button:hover:after {
    border-width: 400px 400px 0 0;
}


/* j_about_wrap */

.ptb60{
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb80{
    padding-top: 80px;
    padding-bottom: 80px;
}

.j_about_wrap{
    
}
.j_about_img{
    width: 50%;
}
.j_about_img img{
    width: 100%;
}
.j_about_con{
    flex:1;
    min-width: 0;
    padding-left: 5%;
    padding-right: 6%;
}
.j_about_con .tit{
    color:var(--theme-color);
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3;
}
.j_about_con .tit span{
    display: block;
    color:var(--subtheme-color);
}
.j_about_con .con{
    margin: 30px 0;
    font-size: 0.9rem;
}
.j_about_con .con p{
    margin-bottom: 30px;
}
.j_about_con .list{
    padding-top: 30px;
    padding-bottom: 40px;
    margin: 0 -20px;
}
.j_about_con .list .item{
    padding: 0 20px;
    border-right: 1px solid var(--subtheme-color);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.j_about_con .list .item:last-child{
    border-right: 0;
}
.j_about_con .list .item img{
    width:50px;
}
.j_about_con .list .item .info {
    text-align: center;
}
.j_about_con .list .item .info h4{
    font-size: 1.2rem;
    color:var(--theme-color);
    margin: 20px 0 5px;
}


/* j_why */

.j_why_wrap{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.j_why{
    
}
.j_why .tit{
    text-align: center;
}
.j_why .tit img{
    height: 40px;
}
.j_why .tit h4{
    font-size: 2rem;
    text-transform: uppercase;
}
.j_why .list{
    padding-top: 40px;
    margin:0 -20px;
}
.j_why .item_w{
    width: 25%;
    padding: 0 20px;
}
.j_why .item{
    border: 1px solid var(--subtheme-color);
    padding:40px 30px;
    text-align: center;
    border-radius: 15px;
    height: 100%;
    box-sizing: border-box;
}
.j_why .item img{
    width:90px;
}
.j_why .item .cont{
    color:#fff;
}
.j_why .item .cont h4{
    font-size: 1.2rem;
    margin: 20px 0 5px;
}
.j_why .item .cont p{
    font-size: 1rem;
}


/* j_projects_wrap */

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

.j_projects_swiper{
    padding-top: 20px;
    padding-bottom: 20px;
}
.j_projects_swiper a{
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 20px;
}
.j_projects_swiper a .img{
    width: 40%;
}
.j_projects_swiper a .con{
    flex:1;
    min-width: 0;
    padding-left: 5%;
}
.j_projects_swiper a .con h4{
    font-size: 0.9rem;
    transition:all .5s;
    line-height: 1.3;
}
.j_projects_swiper a .con p{
    margin-top: 15px;
    text-transform: uppercase;
}
.j_projects_swiper a .con p span{
    color:var(--thitheme-color);
    font-size: 20px;
    margin-left: 6px;
}
.j_projects_swiper a:hover .con h4{
    color:var(--thitheme-color);
}
.pt80{
    padding-top: 80px;
}

.j_projects_list{
    justify-content: center;
    padding: 30px 0 20px;
}
.j_projects_list .item_w{
    width: 25%;
    padding: 0 30px;
    text-align: center;
}
.j_projects_list .item{
    position: relative;
}
.j_projects_list .item .img{
    
}
.j_projects_list .item .img img{
    width: 120px;
}
.j_projects_list .item .line{
    position: absolute;
    left: 76%;
    top: 55px;
}
.j_projects_list .item .line img{
    width:200px;
}

.j_projects_list .item_w:last-child .line{
    display: none;
}
.j_projects_list .item .cont h4{
    color:var(--theme-color);
    font-size: 1.2rem;
    margin: 20px 0 5px;
}
.j_projects_list .item .cont h4 span{
    color:var(--subtheme-color);
    margin-right: 10px;
}
.j_projects_list .item .cont p{
    color:#666;
    font-size: 0.8rem;
}


/* j_built_wrap */

.j_built_wrap{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color:#fff;
}
.j_built .tit p{
    font-size: 0.8rem;
    color:var(--subtheme-color);
    text-transform: uppercase;
    font-weight: bold;
}
.j_built .tit h4{
    font-size: 2rem;
    line-height: 1.2;
}
.j_built .desc{
    max-width: 50%;
    font-size: 0.9rem;
    margin: 20px 0 40px;
}
.j_built .list .item{
    margin-right: 30px;
}
.j_built .list .item .img img{
    width: 40px;
}
.j_built .list .item .cont{
    padding-left: 15px;
}
.j_built .list .item .cont .j_t{
    font-size: 1.4rem;
    line-height: 1.2;
}
.j_built .list .item .cont .j_t span{
    line-height: 1.2;
    font-weight: bold;
}
.text-overflow{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}

.text-overflow-line2{

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box!important;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}

.text-overflow-line3{

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    line-clamp: 3;

    -webkit-box-orient: vertical;

}

.text-overflow-line4{

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    line-clamp: 4;

    -webkit-box-orient: vertical;

}


@media (max-width:768px) {
    .ind_tit h2 {
        font-size:1.33333333rem
    }
}
.ind_tit h2 em {
    color:var(--theme-color)
}
.ind_tit small {
    font-size:15px;
    color:#666;
    display:block
}
@media (max-width:640px) {
    .ind_tit small {
        font-size:1rem
    }
}
.inner_tit {
    margin-bottom:1em
}
.inner_tit h2 {
    font-size:1.2rem;
    font-weight:700;
    color:#333;
    text-align:center;
    line-height:1.8
}
@media (max-width:768px) {
    .inner_tit h2 {
        font-size:1.09090909rem
    }
}
.inner_tit h2.news {
    text-align:left;
    margin-bottom:.5em
}
@media screen and (max-width:768px) {
    .inner_tit h2 {
        line-height:1.4
    }
}
h2.inner_tit {
    font-size:1.8rem;
    color:#000;
    font-weight:700;
    text-align:center;
    font-family:Arial;
    line-height:1.2
}
@media (max-width:768px) {
    h2.inner_tit {
        font-size:1.28571429rem
    }
}
h2.inner_tit.about {
    text-align:left
}
h2.inner_tit::after {
    background-color:var(--theme-color);
    display:block;
    content:" ";
    height:5px;
    width:5rem;
    z-index:5;
    margin-top:.8rem;
    margin-left:auto;
    margin-right:auto
}
#ind_banner {
    max-width:1920px
}
#ind_banner .swiper-pagination-bullets {
    bottom:27px
}
#ind_banner .swiper-pagination-bullet {
    background-color:var(--theme-color);
    position:relative;
    margin:0 15px!important
}
#ind_banner .swiper-pagination-bullet-active {
    background-color:#ffffff
}
#ind_banner .swiper-pagination-bullet-active::after {
    display:block;
    content:" ";
    height:27px;
    width:27px;
    z-index:5;
    position:absolute;
    left:-10px;
    top:-10px;
    border:1px solid #ffffff;
    border-radius:22px
}
#ind_banner img {
    display:block;
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1, 1.1)
}
#ind_banner .cont {
    position:absolute;
    left:3%;
    top:10%;
    opacity:0;
    transition:all 1s;
    width:80%;
    max-width:1000px;
    z-index:9
}
#ind_banner .cont h3 {
    font-size:80px;
    color:#ffffff;
    font-weight:700;
    line-height:1.15;
    margin-bottom:1vw;
    text-transform:uppercase
}
#ind_banner .cont small {
    display:block;
    font-size:40px;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:700;
    line-height:1;
    height: 0.9em;
    overflow: hidden;
}
#ind_banner .cont .btn {
    display:inline-block;
    color:#ffffff;
    font-size:1rem;
    text-transform:uppercase;
    border:2px solid #ffffff;
    border-radius:1.5rem;
    margin-top:3.5vw;
    padding:.5em 2em
}
#ind_banner .swiper-slide-active .cont, #ind_banner .swiper-slide-duplicate-active .cont {
    opacity:1;
    left:8%
}
#ind_banner .swiper-slide-active img, #ind_banner .swiper-slide-duplicate-active img {
    transition:6s linear;
    transform:scale(1, 1)
}
#ind_banner .swiper-button-next, #ind_banner .swiper-button-prev {
    background-color:rgba(131, 131, 131, .34);
    border-radius:50%;
    width:2rem;
    height:2rem;
    background-size:auto 1rem
}
#ind_banner_mob {
    display:none
}
#ind_pros {
    padding:3vw 0;
    background: #f7f7f7;
}
#ind_pros .ind_tit {
    text-align:center
}
.ind_pros .swiper-father {
    width:100%;
    margin-left:-30px;
    padding:0 30px;
    position:relative
}
.ind_pros .swiper-button-next, .ind_pros .swiper-button-prev {
    text-align:center;
    background-color:#eee;
    width:2rem;
    height:2rem;
    border-radius:1rem;
    background-size:0;
    top:40%
}
.ind_pros .swiper-button-next i, .ind_pros .swiper-button-prev i {
    color:#333;
    font-size:1rem;
    line-height:2rem
}
.ind_pros .swiper-button-next:hover, .ind_pros .swiper-button-prev:hover {
    background-color:var(--theme-color)
}
.ind_pros .swiper-button-next:hover i, .ind_pros .swiper-button-prev:hover i {
    color:#fff
}
.ind_pros .swiper-button-prev {
    left:-1.5rem
}
.ind_pros .swiper-button-next {
    right:-1.5rem
}
#ind_pros .item {
    text-align:center
}
#ind_pros .item .big {
    border:1px solid #ddd;
    position:relative;
    padding-top:100%
}
#ind_pros .item .big img {
    position:absolute;
    width:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index:5
}
#ind_pros .item .tit {
    line-height:1.8;
    font-size:14px;
    color:#666;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:1em 0;
    padding:0 .5em
}
@media (max-width:640px) {
    #ind_pros .item .tit {
        font-size:13px
    }
}
#ind_pros .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    border:1px solid var(--theme-color);
    line-height:3;
    padding:0 2em;
    border-radius:2rem;
    margin-top:3%
}
@media (max-width:640px) {
    #ind_pros .more {
        font-size:13px
    }
}
#ind_pros .more:hover {
    border-color:#ff6601
}
#ind_pros .more::before {
    background-color:#ff6601
}
.pro_item {
    overflow:hidden;
    text-align:center;
    padding:2% 0
}
.pro_item .ind_tit {
    text-align:center;
    margin:3% 0
}
.pro_item .containe>.big {
    position:relative;
    width:30%
}
.pro_item:nth-child(odd) {
    background-color:#e6e6e6
}
.pro_item:nth-child(odd) .containe>.big {
    float:right;
    margin-left:10%
}
.pro_item:nth-child(even) .containe>.big {
    float:left;
    margin-right:10%
}
.pro_item .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    font-weight:700;
    border:2px solid var(--theme-color);
    line-height:3;
    padding:0 2em;
    border-radius:2rem;
    margin-top:5%
}
@media (max-width:640px) {
    .pro_item .more {
        font-size:13px
    }
}
.pro_item .more:hover {
    border-color:#ff6601
}
.pro_item .more::before {
    background-color:#ff6601
}
.pro_item_ul {
    width:100%
}
.pro_item_ul li {
    width:24%;
    margin-right:1%;
    float:left
}
.pro_item_ul li a {
    display:block
}
.pro_item_ul .big {
    width:100%;
    position:relative;
    height:0;
    padding-top:100%
}
.pro_item_ul .big img {
    width:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:block;
    max-width:100%;
    max-height:100%;
    margin:auto
}
.pro_item_ul .tit {
    font-weight:700;
    font-size:.8rem;
    color:#333;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-top: 0.5em;
}
@media (max-width:768px) {
    .pro_item_ul .tit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .pro_item_ul .tit {
        font-size:1rem
    }
}
#ind_bar {
    text-align:center;
    padding:4%;
    background-image:url(../images/03.jpg);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto auto
}
#ind_bar h2 {
    font-size:80px;
    color:#fff;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase
}
#ind_bar small {
    font-size:.8rem;
    color:#fff
}
@media (max-width:768px) {
    #ind_bar small {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #ind_bar small {
        font-size:1rem
    }
}
#ind_bar strong {
    font-size:1.8rem;
    color:#fff;
    display:block
}
@media (max-width:768px) {
    #ind_bar strong {
        font-size:1.28571429rem
    }
}
#ind_bar .more {
    font-size:.9rem;
    color:#ff6601;
    display:inline-block;
    font-weight:700;
    border:2px solid #ff6601;
    line-height:3;
    padding:0 2em;
    border-radius:2rem;
    margin-top:1.5%
}
@media (max-width:768px) {
    #ind_bar .more {
        font-size:.94444444rem
    }
}
#ind_bar .more:hover {
    border-color:var(--theme-color)
}
#ind_bar .more::before {
    width:40px
}
#ind_bar ul {
    background-image:url(../images/i02.png);
    background-repeat:no-repeat;
    background-position:center 10%;
    background-size:auto 100%;
    padding:3% 10% 4%;
    display:flex;
    flex-flow:row nowrap;
    justify-content:center
}
#ind_bar ul li {
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    margin:0 3%
}
#ind_bar ul li img {
    margin-right:.5rem;
    transition:all .5s ease
}
#ind_bar ul li span {
    color:#ff6601;
    font-weight:700;
    display:block;
    font-size:.8rem;
    white-space:nowrap
}
@media (max-width:768px) {
    #ind_bar ul li span {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #ind_bar ul li span {
        font-size:1rem
    }
}
#ind_bar ul li:hover img {
    transform:rotateY(180deg)
}
.pbanner {
    position:relative;
    padding:4% 0 0
}
.pbanner .ind_tit {
    white-space:nowrap
}
.pbanner .ind_tit h2 {
    display:inline-block;
    line-height:1.2;
    margin-right:1rem
}
.pbanner .ind_tit small {
    display:inline-block;
    font-weight:700;
    font-size:1.2rem;
    color:#ff6601;
    vertical-align:text-bottom;
    line-height:1.5
}
@media (max-width:768px) {
    .pbanner .ind_tit small {
        font-size:1.09090909rem
    }
}
.pbanner .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    float:right;
    border:1px solid var(--theme-color);
    line-height:3;
    padding:0 2em;
    border-radius:2rem;
    margin-top:4.5%;
    margin-left:10%
}
@media (max-width:640px) {
    .pbanner .more {
        font-size:13px
    }
}
.pbanner .more:hover {
    border-color:#ff6601
}
.pbanner .more::before {
    background-color:#ff6601
}
.pbanner .wrap {
    position:relative
}
.pbanner .wrap .des {
    font-size:14px;
    color:#666;
    font-weight:400;
    line-height:1.9
}
@media (max-width:640px) {
    .pbanner .wrap .des {
        font-size:13px
    }
}
.pbanner .wrap .des p {
    margin-bottom:1em
}
.pbanner .mid {
    clear:both;
    padding:3% 0;
    margin-bottom:-1.2%;
    position:relative;
    z-index:5
}
.pbanner .bot {
    text-align:center;
    position:relative;
    z-index:3;
    background-image:url(../images/05.jpg);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto auto;
    padding:10% 0 5%
}
.pbanner .bot h4 {
    font-size:2rem;
    color:#fff;
    text-transform:uppercase
}
@media (max-width:768px) {
    .pbanner .bot h4 {
        font-size:1.33333333rem
    }
}
.pbanner .bot small {
    font-size:1.2rem;
    color:#fff
}
@media (max-width:768px) {
    .pbanner .bot small {
        font-size:1.09090909rem
    }
}
.pbanner .btns {
    margin:4% auto 3%
}
.pbanner .btns li {
    display:inline-block;
    font-size:.8rem;
    cursor:pointer;
    margin:0 .9em;
    border-radius:3px;
    padding:0 2em;
    line-height:2.9;
    border:2px solid #ddd;
    border-radius:1.5rem
}
@media (max-width:768px) {
    .pbanner .btns li {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .pbanner .btns li {
        font-size:1rem
    }
}
.pbanner .btns li a {
    color:#fff
}
.pbanner .btns li.act, .pbanner .btns li:hover {
    background-color:#ff6601;
    border-color:#ff6601
}
.pbanner .btns li.video a::before {
    display:inline-block;
    content:" ";
    z-index:5;
    border-left:8px solid #fff;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    vertical-align:middle;
    margin-right:.5rem
}
.nums {
    clear:both;
    float:right;
    position:relative;
    width:60%;
    margin-left:5%;
    display:flex;
    justify-content:space-between;
    margin-right:-10px
}
.nums p.t {
    font-size:14px;
    display:block;
    width:100%;
    color:#333;
    line-height:1.3;
    margin-top:1em
}
@media (max-width:640px) {
    .nums p.t {
        font-size:13px
    }
}
.nums .li_box {
    box-sizing:border-box;
    text-align:center;
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
    background-color:#fff;
    width:28%;
    margin-left:5%;
    margin-right:10px;
    padding:5% 0;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    box-shadow:2px 2px 7px rgba(132, 151, 190, .48)
}
.nums .li_box .number {
    display:block;
    width:100%;
    font-size:.8rem;
    color:#000
}
@media (max-width:768px) {
    .nums .li_box .number {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .nums .li_box .number {
        font-size:1rem
    }
}
.nums .li_box .number img {
    display:block;
    margin:2% auto 5%
}
.nums .li_box .number span {
    font-size:.8rem;
    vertical-align:text-top;
    line-height:1.6
}
@media (max-width:768px) {
    .nums .li_box .number span {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .nums .li_box .number span {
        font-size:1rem
    }
}
.nums .li_box .number .num {
    font-size:2rem;
    font-family:Arial;
    font-weight:700;
    margin:0;
    color:#ff6601;
    vertical-align:middle;
    line-height:1
}
@media (max-width:768px) {
    .nums .li_box .number .num {
        font-size:1.33333333rem
    }
}
.nums .li_box .number .wd {
    font-size:1.2rem;
    font-weight:700;
    color:#ff6601;
    text-transform:uppercase;
    line-height:1;
    vertical-align:middle;
    margin-left:3px
}
@media (max-width:768px) {
    .nums .li_box .number .wd {
        font-size:1.09090909rem
    }
}
@media screen and (max-width:768px) {
    .nums {
        display:none
    }
}
.ul02 {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.ul02 li {
    flex:1;
    box-sizing:border-box;
    min-width:50%;
    white-space:nowrap;
    background-image:url(../images/i07i.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto auto;
    font-size:.8rem;
    font-weight:700;
    color:var(--theme-color);
    padding-left:2em;
    margin-bottom:4%
}
@media (max-width:768px) {
    .ul02 li {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .ul02 li {
        font-size:1rem
    }
}
.fenye_btns {
    text-align:center
}
.fenye_btns li {
    display:inline-block;
    width:9px;
    height:9px;
    border-radius:5px;
    background-color:#f1f1f1;
    margin:0 2px
}
.fenye_btns li.on {
    background-color:var(--theme-color)!important
}
@media screen and (min-width:768px) {
    .fenye_btns {
        display:none
    }
}
#ind_news {
    padding:3% 0
}
#ind_news .ind_tit {
    text-align:center;
    margin-bottom:2%
}
#ind_news .ind_tit h2 {
    margin-bottom:.5em
}
#ind_news .row {
    flex-wrap:nowrap
}
#ind_news .col1 {
    box-sizing:border-box;
    position:relative;
    background-color:#eee;
    min-width:26%;
    max-width:26%;
    background-repeat:no-repeat;
    background-position:0 bottom;
    background-size:100% auto;
    padding:2rem 1.5rem 1.5rem;
    padding-bottom:15rem
}
#ind_news .col1 h4 {
    font-size:1.2rem;
    color:#333;
    font-weight:700;
    line-height:1.4;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:768px) {
    #ind_news .col1 h4 {
        font-size:1.09090909rem
    }
}
#ind_news .col1 h4 a {
    color:#333
}
#ind_news .col1 h4 a:hover {
    color:var(--theme-color)
}
#ind_news .col1 .date {
    font-size:14px;
    color:#333;
    line-height:3.4;
    display:block;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width:640px) {
    #ind_news .col1 .date {
        font-size:13px
    }
}
#ind_news .col1 .des {
    font-size:14px;
    color:#666;
    line-height:2;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:640px) {
    #ind_news .col1 .des {
        font-size:13px
    }
}
#ind_news .col1 .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    text-decoration:underline;
    margin-top:7%
}
@media (max-width:640px) {
    #ind_news .col1 .more {
        font-size:13px
    }
}
#ind_news .col1 .more:hover {
    color:#ff6601
}
#ind_news .col2 {
    position:relative;
    overflow:hidden;
    flex:1;
    margin:0 1%
}
#ind_news .col2 .cltag {
    font-size:14px;
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    background-color:var(--theme-color);
    color:#fff;
    position:absolute;
    left:0;
    top:5%;
    z-index:5;
    line-height:2.8;
    padding:0 2.5em
}
@media (max-width:640px) {
    #ind_news .col2 .cltag {
        font-size:13px
    }
}
#ind_news .col2 .cont {
    position:absolute;
    bottom:0;
    z-index:6;
    left:0;
    padding:1.5rem 1.5rem .7rem;
    background-color:rgba(0, 0, 0, .6)
}
#ind_news .col2 .cont h4 {
    font-size:1.2rem;
    color:#fff;
    font-weight:700;
    line-height:1.4
}
@media (max-width:768px) {
    #ind_news .col2 .cont h4 {
        font-size:1.09090909rem
    }
}
#ind_news .col2 .cont .date {
    font-size:14px;
    color:#fff;
    line-height:3;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
@media (max-width:640px) {
    #ind_news .col2 .cont .date {
        font-size:13px
    }
}
#ind_news .col2 .swiper-pagination {
    box-sizing:border-box;
    text-align:right;
    padding-right:1rem
}
#ind_news .col2 .swiper-pagination .swiper-pagination-bullet {
    background-color:#fff;
    width:1.5rem;
    height:2px
}
#ind_news .faq {
    padding:0;
    background-image:none
}
#ind_news .faq .pad {
    padding:1.5rem
}
#ind_news .faq h3.tit {
    font-size:1.2rem;
    font-weight:700;
    color:#ff6601
}
@media (max-width:768px) {
    #ind_news .faq h3.tit {
        font-size:1.09090909rem
    }
}
#ind_news .faq .item{
    padding:5px 0;
    display: block;
}
#ind_news .faq h4 {
    font-size:.9rem;
    margin-top:.35em
}
.j_faq_swiper{
    overflow: hidden;
    height:460px;
}
.j_faq_swiper .swiper-slide{
    
}
.j_faq_swiper .item{
    height: 140px;
}
@media (max-width:768px) {
    #ind_news .faq h4 {
        font-size:.94444444rem
    }
}
#ind_news .faq h4:hover {
    color:var(--theme-color)
}
#ind_news .faq .date {
    line-height:1.3;
    font-size: 0.8rem;
    color:#666;
    margin-top: 6px;
}
/*#ind_news .faq .item:nth-child(n+5) {*/
/*    display:none*/
/*}*/
#ind_news .faq .contact {
    position:relative
}
#ind_news .faq .contact img {
    width:100%;
    display:block
}
#ind_news .faq .contact a {
    display:inline-block;
    font-size:1.4rem;
    color:#fff;
    border:none;
    line-height:1;
    padding:.8rem 0;
    white-space:nowrap;
    border-top:1px solid #95a3bd;
    border-bottom:1px solid #95a3bd;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%)
}
@media (max-width:768px) {
    #ind_news .faq .contact a {
        font-size:1.16666667rem
    }
}
#ind_news .faq .contact .iconfont {
    position:relative;
    -webkit-transition:.3s;
    transition:.3s;
    display:inline-block;
    vertical-align:middle;
    width:1.7rem;
    line-height:1.7rem;
    background-color:#ff6601;
    border-radius:50%;
    margin-left:1rem
}
#ind_news .faq .contact:hover .iconfont {
    margin-left:1.5rem
}
.ind_newslist {
    width:101.5%;
    overflow:hidden;
    padding:1rem 0
}
.ind_newslist .big {
    border-radius:1rem
}
.ind_newslist .imWrap {
    padding-top:65.8
}
.ind_newslist .pad {
    position:relative;
    padding:3em 0 2em
}
.ind_newslist .date {
    font-size:.8rem;
    color:#fff;
    text-align:center;
    position:absolute;
    background-color:var(--theme-color);
    line-height:1.2;
    top:0;
    left:0;
    padding:.5em .8em;
    transform:translateY(-70%);
    z-index:5
}
@media (max-width:768px) {
    .ind_newslist .date {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .ind_newslist .date {
        font-size:1rem
    }
}
.ind_newslist .date strong {
    font-size:1.5rem;
    display:block
}
@media (max-width:768px) {
    .ind_newslist .date strong {
        font-size:1.2rem
    }
}
.ind_newslist h4 {
    font-size:.9rem;
    font-weight:700;
    color:#333;
    text-align:left;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height:3.3em
}
@media (max-width:768px) {
    .ind_newslist h4 {
        font-size:.94444444rem
    }
}
.ind_newslist .des {
    font-size:.8rem;
    color:#666;
    text-align:left;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:768px) {
    .ind_newslist .des {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .ind_newslist .des {
        font-size:1rem
    }
}
.ind_newslist .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    line-height:.9;
    border-bottom:1px solid var(--theme-color);
    margin-top:8%
}
@media (max-width:640px) {
    .ind_newslist .more {
        font-size:13px
    }
}
.ind_newslist .more i {
    padding-left:.5em;
    position:relative;
    display:inline-block;
    transition:transform .3s
}
.ind_newslist .more:hover i {
    transform:translateX(.5em)
}
.ind_newslist li {
    display:block;
    box-sizing:border-box;
    background-color:#fff;
    float:left;
    width:23.5%;
    margin-right:1.5%;
    border-radius:.5rem
}
.ind_newslist li:hover h4 {
    color:var(--theme-color)
}
@media screen and (max-width:768px) {
    .ind_newslist {
        width:100%
    }
    .ind_newslist li {
        width:100%;
        margin-right:0;
        margin-bottom:2%
    }
    .ind_newslist li .big {
        width:30%;
        float:left;
        margin-right:2%
    }
    .ind_newslist .pad {
        padding:3%;
        overflow:hidden
    }
    .ind_newslist .date {
        padding-bottom:3px
    }
}
.imgDiv {
    position:relative;
    overflow:hidden
}
.imgDiv .cont {
    width:100%;
    text-align:left;
    display:block;
    position:absolute;
    z-index:5;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%)
}
.imgDiv .cont a {
    color:var(--theme-color)
}
.imgDiv h2 {
    font-size:2.3rem;
    font-weight:700;
    color:#ff6601;
    margin-bottom:.5em;
    line-height:1
}
@media (max-width:768px) {
    .imgDiv h2 {
        font-size:1.42857143rem
    }
}
.imgDiv small {
    font-size:14px;
    display:block;
    color:#333;
    font-weight:400;
    line-height:2
}
@media (max-width:640px) {
    .imgDiv small {
        font-size:13px
    }
}
@media screen and (max-width:768px) {
    .imgDiv img {
        width:210%
    }
    .imgDiv .cont {
        width:90%;
        margin-left:0
    }
}
@media screen and (max-width:500px) {
    .imgDiv h2 {
        font-size:16px
    }
    .imgDiv small {
        font-size:13px;
        line-height:1.6
    }
}
.innernav {
    text-align:left;
    width:100%;
    position:relative
}
.innernav .posi {
    width:100%
}
.innernav .path {
    font-size:14px;
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#666;
    margin-top:1.5rem;
    margin-bottom:.7rem
}
@media (max-width:640px) {
    .innernav .path {
        font-size:13px
    }
}
.innernav .path a {
    color:#666;
    padding:0 5px
}
.innernav .path span {
    line-height:1.4;
    padding:0 5px
}
@media screen and (max-width:768px) {
    .innernav {
        overflow:hidden;
        padding-bottom:10px
    }
}
.inner_prolist {
    width:102.3%;
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start
}
.inner_prolist .proslide, .inner_prolist li {
    box-sizing:border-box;
    border:1px solid #ddd;
    padding:.4rem;
    width:31%;
    margin-right:2.3%;
    margin-bottom:2%;
    background-color:#fff;
    display:block;
    text-align:left
}
.inner_prolist .proslide .imWrap, .inner_prolist li .imWrap {
    padding-top:75%
}
.inner_prolist .proslide .imWrap img, .inner_prolist li .imWrap img {
    max-width:100%;
    height:auto;
    width:auto;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    min-height:initial
}
.inner_prolist .proslide h3, .inner_prolist li h3 {
    font-size:.9rem;
    color:#333;
    text-align:center;
    font-weight:700;
    margin:1.2em 0 .8em;
    line-height:1.4;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:768px) {
    .inner_prolist .proslide h3, .inner_prolist li h3 {
        font-size:.94444444rem
    }
}
.inner_prolist .proslide .bg_move_btn, .inner_prolist li .bg_move_btn {
    text-align:center;
    width:45%;
    margin:0 2%;
    white-space:nowrap
}
.inner_prolist .proslide .more, .inner_prolist li .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    box-sizing:border-box;
    border:1px solid var(--theme-color);
    line-height:2.7;
    border-radius:2rem
}
@media (max-width:640px) {
    .inner_prolist .proslide .more, .inner_prolist li .more {
        font-size:13px
    }
}
.inner_prolist .proslide .more i, .inner_prolist li .more i {
    padding-left:.5em;
    position:relative;
    display:inline-block;
    transition:transform .3s
}
.inner_prolist .proslide .more:hover i, .inner_prolist li .more:hover i {
    transform:translateX(.5em)
}
.inner_prolist .proslide .down, .inner_prolist li .down {
    font-size:14px;
    color:#666;
    display:inline-block;
    border:1px solid #eee;
    line-height:2.7;
    border-radius:2rem
}
@media (max-width:640px) {
    .inner_prolist .proslide .down, .inner_prolist li .down {
        font-size:13px
    }
}
.inner_prolist .proslide .down i, .inner_prolist li .down i {
    padding-left:.5em;
    position:relative;
    display:inline-block;
    transition:transform .3s;
    line-height:1
}
.inner_prolist .proslide .down:hover i, .inner_prolist li .down:hover i {
    transform:translateX(.5em)
}
.inner_prolist .proslide .down:after, .inner_prolist li .down:after {
    background-color:#eee
}
.inner_prolist .proslide .txt, .inner_prolist li .txt {
    text-align:center;
    font-size:0;
    white-space:nowrap;
    margin-bottom:1rem
}
@media screen and (max-width:768px) {
    .inner_prolist {
        width:100%
    }
    .inner_prolist li {
        width:100%;
        margin-right:0;
        margin-bottom:1rem
    }
}
.inner_prolist2 {
    width:102.3%;
    display:flex;
    flex-flow:row wrap;
    justify-content:flex-start
}
.inner_prolist2 li {
    box-sizing:border-box;
    width:31%;
    margin-right:2.3%;
    margin-bottom:2.3%;
    background-color:#fff;
    display:block;
    text-align:left
}
.inner_prolist2 li .big {
    border:1px solid #ddd;
    padding:.4rem
}
.inner_prolist2 li .imWrap {
    padding-top:75%
}
.inner_prolist2 li .imWrap img {
    height:auto;
    width:auto;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    min-height:initial
}
.inner_prolist2 li h3 {
    font-size:.9rem;
    color:#333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:left;
    font-weight:700;
    padding:.8em 0 .3em
}
@media (max-width:768px) {
    .inner_prolist2 li h3 {
        font-size:.94444444rem
    }
}
.inner_prolist2 li .des {
    font-size:14px;
    color:#666;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-height:1.9
}
@media (max-width:640px) {
    .inner_prolist2 li .des {
        font-size:13px
    }
}
@media screen and (max-width:768px) {
    .inner_prolist2 {
        width:100%
    }
    .inner_prolist2 li {
        width:100%;
        margin-right:0;
        margin-bottom:1rem
    }
}
.ny_prolist {
    padding-bottom:3vw;
    padding-top:.5%;
    width:103%;
    display:flex;
    flex-wrap:wrap
}
.ny_prolist .item {
    text-align:center;
    float:left;
    width:30.3%;
    margin-right:3%;
    margin-bottom:3%
}
.ny_prolist .item .big {
    position:relative;
    border:1px solid #ddd;
    padding-top:100%
}
.ny_prolist .item .big img {
    position:absolute;
    width:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index:5;
    max-width:98%;
    max-height:98%
}
.ny_prolist .item .tit {
    line-height:1.8;
    font-size:14px;
    color:#666;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:1em 0;
    padding:0 .5em
}
@media (max-width:640px) {
    .ny_prolist .item .tit {
        font-size:13px
    }
}
.ny_prolist .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    border:1px solid var(--theme-color);
    line-height:3;
    padding:0 2em;
    border-radius:2rem;
    margin-top:3%
}
@media (max-width:640px) {
    .ny_prolist .more {
        font-size:13px
    }
}
.ny_prolist .more:hover {
    border-color:#ff6601
}
.ny_prolist .more::before {
    background-color:#ff6601
}
.linkdiv {
    display:block;
    text-align:center;
    padding:1em 0;
    margin-top:5%;
    background-color:#333;
    color:#fff;
    font-size:1.2rem
}
@media (max-width:768px) {
    .linkdiv {
        font-size:1.09090909rem
    }
}
.linkdiv .iconfont {
    font-size:1.5rem;
    margin-left:1em
}
@media (max-width:768px) {
    .linkdiv .iconfont {
        font-size:1.2rem
    }
}
.inner_caselist {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.inner_caselist li {
    box-sizing:border-box;
    border:1px solid #ddd;
    width:48.5%;
    margin-bottom:3%;
    background-color:#fff;
    display:block;
    text-align:left
}
.inner_caselist li .imWrap {
    padding-top:59%
}
.inner_caselist li .imWrap img {
    height:auto;
    width:auto;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    min-height:initial
}
.inner_caselist li h3 {
    font-size:1rem;
    color:#333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:left;
    font-weight:700;
    padding:1.2em 4% .5em
}
.inner_caselist li .des {
    font-size:.8rem;
    color:#666;
    padding:0 4%
}
@media (max-width:768px) {
    .inner_caselist li .des {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .inner_caselist li .des {
        font-size:1rem
    }
}
.inner_caselist li .bg_move_btn {
    text-align:center;
    width:11em;
    margin:0 1%;
    white-space:nowrap
}
.inner_caselist li .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    box-sizing:border-box;
    border:1px solid var(--theme-color);
    line-height:2.9;
    border-radius:2rem
}
@media (max-width:640px) {
    .inner_caselist li .more {
        font-size:13px
    }
}
.inner_caselist li .more i {
    padding-left:.5em;
    position:relative;
    display:inline-block;
    transition:transform .3s
}
.inner_caselist li .more:hover i {
    transform:translateX(.5em)
}
.inner_caselist li .down {
    font-size:14px;
    color:#666;
    display:inline-block;
    border:1px solid #eee;
    line-height:2.9;
    border-radius:2rem
}
@media (max-width:640px) {
    .inner_caselist li .down {
        font-size:13px
    }
}
.inner_caselist li .down i {
    padding-left:.5em;
    position:relative;
    display:inline-block;
    transition:transform .3s;
    line-height:1
}
.inner_caselist li .down:hover i {
    transform:translateX(.5em)
}
.inner_caselist li .down:after {
    background-color:#eee
}
.inner_caselist li .txt {
    text-align:right;
    font-size:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin:6% 4% 7%
}
@media screen and (max-width:768px) {
    .inner_caselist {
        width:100%
    }
    .inner_caselist li {
        width:100%;
        margin-right:0;
        margin-bottom:1rem
    }
}
.cases_top {
    overflow:hidden;
    background-color:#f5f5f5;
    margin-bottom:3%
}
.cases_top .cases_r {
    width:50%;
    float:right;
    position:relative;
    z-index:8
}
.cases_top .wd {
    padding:7% 8% 0
}
.cases_top .wd h2 {
    font-size:1.8rem;
    font-weight:700;
    color:#333;
    line-height:1.3;
    margin-bottom:.5em
}
@media (max-width:768px) {
    .cases_top .wd h2 {
        font-size:1.28571429rem
    }
}
.cases_top .wd p {
    font-size:15px;
    color:#333;
    line-height:1.9;
    padding-bottom:1.2em
}
@media (max-width:640px) {
    .cases_top .wd p {
        font-size:1rem
    }
}
.pswiper {
    padding-bottom:4rem
}
.cases_bar {
    text-align:center;
    margin-bottom:-3vw;
    background-image:url(../images/17.jpg);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:100% 100%;
    padding:5% 0
}
.cases_bar small {
    font-size:.85rem;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:1em;
    display:block
}
@media (max-width:768px) {
    .cases_bar small {
        font-size:.94444444rem
    }
}
@media (max-width:640px) {
    .cases_bar small {
        font-size:1.0625rem
    }
}
.cases_bar h3 {
    font-size:2.4rem;
    color:#fff;
    font-weight:700;
    line-height:1
}
@media (max-width:768px) {
    .cases_bar h3 {
        font-size:1.45454545rem
    }
}
.cases_bar .btn {
    background-color:var(--theme-color);
    color:#fff;
    font-size:.8rem;
    display:block;
    border:none;
    width:8em;
    margin:2% auto 0;
    border-radius:5px;
    line-height:2.4
}
@media (max-width:768px) {
    .cases_bar .btn {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .cases_bar .btn {
        font-size:1rem
    }
}
div.digg {
    text-align:right
}
div.digg a {
    border:none;
    line-height:41px;
    background:#eee;
    border-radius:4px
}
.focus_pic {
    box-sizing:border-box;
    height:19rem;
    overflow:hidden;
    display:block;
    border:1px solid #ddd
}
.focus_pic li {
    position:relative;
    width:100%;
    height:100%;
    display:block
}
.focus_pic img {
    max-width:100%;
    display:block;
    max-height:100%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
@media screen and (max-width:979px) {
    .focus_pic {
        height:auto
    }
}
.focus_nav {
    float:left;
    box-sizing:border-box;
    margin-right:4%;
    position:relative;
    width:4rem;
    height:18rem
}
.focus_nav ul {
    position:relative
}
.focus_nav li {
    position:relative;
    cursor:pointer;
    border:1px solid #ddd;
    margin-bottom:.5rem
}
.focus_nav li.on {
    border-color:var(--theme-color)
}
.focus_nav img {
    max-width:100%;
    height:3rem
}
.focus_nav .navNext, .focus_nav .navPrev {
    width:100%;
    text-align:center;
    font-weight:700;
    border:1px solid #fff;
    background-color:#eee;
    color:#333;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
    display:inline-block;
    height:1rem;
    line-height:1;
    overflow:hidden;
    position:absolute;
    top:0;
    font-size:20px;
    display:none
}
.focus_nav .navNext:hover, .focus_nav .navPrev:hover {
    background-color:var(--theme-color);
    color:#fff
}
.focus_nav .navNext {
    top:inherit;
    bottom:0
}
:root .focus_nav {
    -ms-filter:none
}
.ptop {
    overflow:hidden;
    padding-bottom:4%
}
.ptop .txMovie {
    float:left;
    width:48%;
    background-color:#fff;
    margin-right:4%
}
.ptop .wrap {
    flex:1
}
.ptop h1 {
    font-size:1.2rem;
    color:#333;
    font-weight:400;
    line-height:1.3;
    padding-bottom:.8em;
    border-bottom:1px solid #eee;
    margin-bottom:.5em
}
@media (max-width:768px) {
    .ptop h1 {
        font-size:1.09090909rem
    }
}
.ptop .des {
    font-size:14px;
    color:#666;
    display:block;
    padding-top:.5em;
    line-height:2;
    margin-bottom:5%
}
@media (max-width:640px) {
    .ptop .des {
        font-size:13px
    }
}
@media screen and (max-width:979px) {
    .ptop .txMovie {
        float:none;
        width:100%;
        margin-right:0;
        margin-bottom:4%
    }
}
.ptop .btn {
    text-align:center;
    font-size:.8rem;
    color:#fff;
    border:none;
    background-color:var(--theme-color);
    width:11em;
    margin-right:3%;
    border-radius:1.5rem;
    line-height:2.6;
    margin-top:2%
}
@media (max-width:768px) {
    .ptop .btn {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .ptop .btn {
        font-size:1rem
    }
}
.ptop .btn i {
    display:inline-flex;
    width:1rem;
    height:1rem;
    fill:#fff;
    vertical-align:sub;
    margin-right:.5em
}
.ptop .btn.m {
    background-color:#ff6601
}
.ptop .proshare {
    margin-top:5%;
    color:#fff
}
.ptop .proshare i {
    display:inline-flex;
    padding:6px
}
.ptop .proshare svg {
    width:15px;
    height:15px;
    fill:#fff;
    line-height:20px
}
.ptop .proshare a {
    display:inline-block;
    font-size:0;
    vertical-align:middle;
    margin-right:8px;
    border-radius:50%
}
.ptop .proshare a:hover svg {
    fill:#ff6601
}
.ptop .proshare a:nth-child(1) {
    background-color:var(--theme-color)
}
.ptop .proshare a:nth-child(2) {
    background-color:#6dcef8
}
.ptop .proshare a:nth-child(3) {
    background-color:#3373bb
}
.ptop .proshare a:nth-child(4) {
    background-color:#d23f2f
}
.sideMenu>h3 {
    font-size:.9rem;
    font-weight:700;
    color:#333;
    border-bottom:1px solid #ddd;
    line-height:2.1;
    padding-top:1.8em
}
@media (max-width:768px) {
    .sideMenu>h3 {
        font-size:.94444444rem
    }
}
.sideMenu>h3 i {
    color:var(--theme-color);
    font-weight:400;
    margin-right:.5em
}
.sideMenu>h3::after {
    float:right;
    display:inline-block;
    font-size:14px;
    color:#666;
    font-weight:400;
    cursor:pointer;
    content:"Expand All";
    margin-top:.3em;
    z-index:5
}
@media (max-width:640px) {
    .sideMenu>h3::after {
        font-size:13px
    }
}
.sideMenu>h3:hover::after {
    color:var(--theme-color)
}
.sideMenu>h3.on::after {
    content:"Collapse All";
    color:var(--theme-color);
    text-decoration:underline
}
.xla_cont .subtitbar {
    line-height:.6rem;
    padding:.7em 0;
    margin:1em 0 .8em
}
.xla_cont .subtitbar h4 {
    font-size:.8rem;
    color:#333;
    font-weight:700;
    padding-left:1em;
    background-image:url(../images/i24.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto auto;
    margin-left:-1em
}
@media (max-width:768px) {
    .xla_cont .subtitbar h4 {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .xla_cont .subtitbar h4 {
        font-size:1rem
    }
}
.xla_cont .subtitbar i {
    float:right;
    width:1em;
    line-height:1;
    background-color:var(--theme-color);
    color:#fff;
    display:block;
    text-align:center
}
.xla_cont table {
    text-align:left;
    border:1px solid #e8e8e8
}
.xla_cont table tr {
    margin:0
}
.xla_cont table tr:nth-child(even) {
    background-color:#eee
}
.xla_cont table td {
    padding:.6em .4em;
    line-height:1.5;
    border-right:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    text-indent:1.5em
}
.xla_cont .inner_prolist {
    width:102%
}
.xla_cont .inner_prolist li {
    width:23%;
    margin-right:2%
}
.xla_cont .inner_prolist li h3 {
    font-weight:400;
    font-size:.8rem;
    margin:.4em 0 0
}
@media (max-width:768px) {
    .xla_cont .inner_prolist li h3 {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .xla_cont .inner_prolist li h3 {
        font-size:1rem
    }
}
.xla_cont .relate_down .icons {
    float:right
}
.xla_cont .relate_down .icons .iconfont {
    font-size:1.3rem;
    color:#666
}
@media (max-width:768px) {
    .xla_cont .relate_down .icons .iconfont {
        font-size:1.13043478rem
    }
}
.xla_cont .relate_down .tit {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:.8rem;
    color:#333
}
@media (max-width:768px) {
    .xla_cont .relate_down .tit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .xla_cont .relate_down .tit {
        font-size:1rem
    }
}
.xla_cont .relate_down .tit .iconfont {
    font-size:1rem;
    color:var(--theme-color);
    margin-right:.5em
}
.xla_cont .relate_down li {
    border-top:1px solid #ddd;
    background-color:#fff;
    padding:2.5%;
    line-height:1rem
}
.xla_cont .relate_down li:hover .tit {
    color:var(--theme-color)
}
.xla_cont .relate_down li:hover .iconfont {
    color:var(--theme-color)
}
.proform {
    margin:2% 0 5%
}
.proform .inner_tit {
    margin-bottom:.8em
}
.proform form {
    padding:4% 6%;
    overflow:hidden;
    border:1px solid #ddd
}
.proform form p {
    font-size:.8rem;
    color:#666;
    text-align:center;
    margin-bottom:1.5rem
}
@media (max-width:768px) {
    .proform form p {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .proform form p {
        font-size:1rem
    }
}
.proform form .p2 {
    text-align:left
}
.proform form .w50 {
    box-sizing:border-box;
    width:49%;
    margin-right:1%;
    float:left;
    border-radius:3px
}
.proform form .row {
    margin-bottom:1.5%;
    display:block;
    background-color:#eee;
    border-radius:5px
}
@media screen and (max-width:768px) {
    .proform form .row {
        width:100%
    }
}
.proform form label {
    font-size:14px;
    color:#333;
    text-align:left;
    margin-right:1em;
    float:left;
    line-height:4;
    padding-left:1em
}
@media (max-width:640px) {
    .proform form label {
        font-size:13px
    }
}
.proform form label span {
    color:red
}
@media screen and (max-width:768px) {
    .proform form label {
        white-space:nowrap
    }
}
.proform form .txt {
    border-radius:3px;
    width:99%
}
.proform form input {
    width:100%;
    box-sizing:border-box;
    border:none;
    background-color:transparent;
    color:#666;
    line-height:3.2;
    padding:.3rem
}
.proform form textarea {
    width:100%;
    box-sizing:border-box;
    border:none;
    height:14em;
    background-color:transparent;
    padding-top:1em
}
.proform form input[type=submit], .proform form input[type=reset] {
    font-size:.8rem;
    font-weight:400;
    display:block;
    background-color:var(--theme-color);
    color:#fff;
    line-height:2.4;
    text-align:center;
    border:none;
    margin:1em auto 2em;
    cursor:pointer;
    text-transform:uppercase;
    width:15rem;
    white-space:4px;
    border-radius:3px
}
@media (max-width:768px) {
    .proform form input[type=submit], .proform form input[type=reset] {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .proform form input[type=submit], .proform form input[type=reset] {
        font-size:1rem
    }
}
.proform form input[type=submit]:hover, .proform form input[type=reset]:hover {
    animation:jello 1s linear forwards
}
@media screen and (min-width:768px) {
    .proform form .row.txt {
        width:99%
    }
}
@media screen and (max-width:768px) {
    .proform form .w50 {
        width:100%;
        margin-right:0
    }
}
.formpage {
    border:1px solid #ddd
}
.formpage form {
    padding:6% 3%;
    overflow:hidden
}
.formpage form .dw {
    font-size:.8rem;
    color:#666;
    line-height:2;
    margin-right:1.5em
}
@media (max-width:768px) {
    .formpage form .dw {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .formpage form .dw {
        font-size:1rem
    }
}
@media screen and (max-width:768px) {
    .formpage form .dw {
        display:none
    }
}
.formpage form #file {
    position:relative;
    opacity:0;
    z-index:8
}
.formpage form .p2 {
    text-align:left;
    text-indent:1em;
    padding-top:.5em
}
.formpage form .p2 span {
    color:red
}
.formpage form .bginput {
    position:absolute;
    width:100%;
    height:33px;
    z-index:5;
    left:0;
    top:0
}
.formpage form .description {
    padding-top:1.5%
}
.formpage form .w50 {
    box-sizing:border-box;
    width:49%;
    float:left;
    position:relative;
    border-radius:3px
}
@media screen and (min-width:768px) {
    .formpage form .w50+.w50 {
        margin-left:2%
    }
}
@media screen and (max-width:768px) {
    .formpage form .w50 {
        margin-bottom:2.3%
    }
}
.formpage form .row {
    margin-bottom:1.5%;
    display:block;
    border-radius:5px
}
@media screen and (max-width:768px) {
    .formpage form .row {
        width:100%
    }
}
.formpage form label {
    font-size:14px;
    color:#333;
    text-align:left;
    margin-right:1em;
    float:left;
    line-height:2.5;
    padding-left:1em;
    min-width:9em
}
@media (max-width:640px) {
    .formpage form label {
        font-size:13px
    }
}
.formpage form label span {
    color:red
}
@media screen and (max-width:768px) {
    .formpage form label {
        white-space:pre-wrap;
        line-height:1.2;
        width:5em;
        min-width:inherit;
        padding-left:0;
        margin-right:.5em
    }
}
.formpage form .txt {
    border-radius:3px;
    width:100%
}
.formpage form input {
    width:100%;
    box-sizing:border-box;
    border:none;
    background-color:#eee;
    color:#666;
    line-height:1.7;
    padding:.3rem
}
.formpage form textarea {
    width:100%;
    box-sizing:border-box;
    border:none;
    height:14em;
    background-color:#eee;
    padding-top:1em
}
.formpage form input[type=submit], .formpage form input[type=reset] {
    font-size:.8rem;
    font-weight:400;
    display:block;
    background-color:var(--theme-color);
    color:#fff;
    line-height:2.4;
    text-align:center;
    border:none;
    margin:1em auto 2em;
    cursor:pointer;
    text-transform:uppercase;
    width:15rem;
    white-space:4px;
    border-radius:3px
}
@media (max-width:768px) {
    .formpage form input[type=submit], .formpage form input[type=reset] {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .formpage form input[type=submit], .formpage form input[type=reset] {
        font-size:1rem
    }
}
.formpage form input[type=submit]:hover, .formpage form input[type=reset]:hover {
    animation:jello 1s linear forwards
}
.formpage form input[type=radio] {
    width:auto
}
.formpage form input[type=radio]+label {
    float:none
}
.formpage form select {
    width:100%;
    box-sizing:border-box;
    border:none;
    color:#666;
    line-height:1.7;
    padding:.45rem;
    background-color:transparent
}
.formpage form .flexdiv {
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-around;
    align-items:center
}
.formpage form .flexdiv .dw {
    padding-left:1em
}
.formpage form input::-webkit-input-placeholder, .formpage form textarea::-webkit-input-placeholder {
    text-align:center;
    color:#bbb;
    font-size:14px
}
@media screen and (max-width:768px) {
    .formpage form .w50 {
        width:100%;
        margin-right:0
    }
}
.top_news {
    overflow:hidden;
    border:1px solid #ddd;
    margin-bottom:3%
}
.top_news a {
    display:block;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    z-index:5
}
.top_news img {
    display:block
}
.top_news .date {
    font-size:14px;
    color:#333;
    line-height:2.4;
    padding:1% 0;
    z-index:5
}
@media (max-width:640px) {
    .top_news .date {
        font-size:13px
    }
}
.top_news .big {
    position:relative;
    width:50%;
    float:left
}
.top_news .wrap {
    position:relative;
    overflow:hidden;
    padding:3% 3% 0 5%
}
.top_news .wrap .title {
    font-size:1.2rem;
    font-weight:700;
    color:#333;
    overflow:hidden;
    line-height:1.67;
    margin-top:.2em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:768px) {
    .top_news .wrap .title {
        font-size:1.09090909rem
    }
}
.top_news .wrap p {
    overflow:hidden;
    color:#666;
    display:block;
    font-size:14px;
    line-height:1.9;
    margin:1% 0 5%;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
@media (max-width:640px) {
    .top_news .wrap p {
        font-size:13px
    }
}
.top_news .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    font-weight:700;
    text-decoration:underline
}
@media (max-width:640px) {
    .top_news .more {
        font-size:13px
    }
}
.top_news:hover .more {
    color:#ff6601
}
.top_news:hover .title {
    color:var(--theme-color)
}
@media screen and (max-width:640px) {
    .top_news {
        border-left:0;
        border-right:0;
        padding:3% 0
    }
    .top_news .date {
        display:none
    }
    .top_news .big {
        border:none;
        padding-left:0;
        width:8rem;
        float:left;
        margin-left:0
    }
    .top_news .wrap {
        padding-top:0
    }
    .top_news .wrap .title {
        font-size:15px;
        margin-bottom:2%
    }
    .top_news .wrap p {
        -webkit-line-clamp:2;
        margin-bottom:0
    }
    .top_news .date {
        padding-bottom:0;
        margin-top:4%
    }
    .top_news .more {
        display:none
    }
}
.inner_new {
    width:103%
}
.inner_new li {
    position:relative;
    background-color:#fff;
    float:left;
    width:30.3%;
    margin-right:3%;
    margin-bottom:3%
}
.inner_new li a {
    display:block;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    z-index:5
}
.inner_new li .date {
    font-size:14px;
    color:#666;
    line-height:2.4;
    padding:1% 0 0;
    z-index:5
}
@media (max-width:640px) {
    .inner_new li .date {
        font-size:13px
    }
}
.inner_new li .big {
    position:relative
}
.inner_new li .imWrap {
    padding-top:62.7%
}
.inner_new li .title {
    font-size:.8rem;
    font-weight:700;
    color:#333;
    line-height:1.2;
    line-height:1.6;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:768px) {
    .inner_new li .title {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .inner_new li .title {
        font-size:1rem
    }
}
.inner_new li:hover .more {
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:#fff
}
.inner_new li:hover .title {
    color:var(--theme-color)
}
@media screen and (max-width:640px) {
    .inner_new li {
        border-bottom:1px solid #ddd;
        padding-bottom:3%;
        width:100%
    }
    .inner_new li .date {
        display:none
    }
    .inner_new li .big {
        border:none;
        padding-left:0;
        width:8rem;
        float:left;
        margin-left:0;
        margin-right:5%
    }
    .inner_new li .title {
        font-weight:700;
        color:#333;
        overflow:hidden;
        line-height:1.67;
        margin-top:.2em;
        font-size:15px;
        -webkit-line-clamp:3
    }
    .inner_new li .date {
        padding-bottom:0;
        margin-top:4%
    }
    .inner_new li .more {
        display:none
    }
}
.inner_subnav {
    text-align:center;
    margin-bottom:3%
}
.inner_subnav li {
    display:inline-block
}
.inner_subnav a {
    font-size:14px;
    color:#333;
    display:inline-block;
    box-sizing:border-box;
    white-space:nowrap;
    background-color:#ddd;
    padding:0 1.5em;
    margin:0 .5rem;
    line-height:3;
    min-width:6rem
}
@media (max-width:640px) {
    .inner_subnav a {
        font-size:13px
    }
}
.inner_subnav a.act, .inner_subnav a:hover {
    background-color:var(--theme-color);
    color:#fff
}
@media screen and (max-width:768px) {
    .inner_subnav {
        display:flex;
        flex-flow:row nowrap;
        justify-content:space-between
    }
    .inner_subnav li {
        flex-basis:21%;
        flex:1;
        margin:0 1px
    }
    .inner_subnav a {
        display:block;
        padding:0;
        margin:0;
        min-width:initial
    }
}
.inner_down {
    padding:4%;
    background-color:#eee
}
.inner_down li {
    background-color:#fff;
    padding:2.5%;
    margin-bottom:1.5%;
    line-height:1rem;
    border-radius:9px
}
.inner_down .icons {
    float:right;
    font-size:14px;
    color:#333
}
@media (max-width:640px) {
    .inner_down .icons {
        font-size:13px
    }
}
.inner_down .icons .iconfont {
    font-size:.8rem;
    color:#666
}
@media (max-width:768px) {
    .inner_down .icons .iconfont {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .inner_down .icons .iconfont {
        font-size:1rem
    }
}
.inner_down .tit {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:.8rem;
    color:#333;
    font-weight:700
}
@media (max-width:768px) {
    .inner_down .tit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .inner_down .tit {
        font-size:1rem
    }
}
.inner_down .tit .iconfont {
    font-size:1rem;
    color:#333
}
.flex_wrap {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}
.contact_l {
    float:left;
    width:38%;
    margin-right:7%;
    background-image:url(../images/18.jpg);
    background-repeat:no-repeat;
    background-position:95% 95%;
    background-size:auto auto
}
.contact_l .tit {
    font-size:2.1rem;
    color:#333;
    font-weight:700;
    line-height:1.8
}
@media (max-width:768px) {
    .contact_l .tit {
        font-size:1.35483871rem
    }
}
.contact_l .tit::before {
    display:block;
    background-color:var(--theme-color);
    content:" ";
    height:3px;
    width:1.5rem;
    z-index:5;
    margin-bottom:.5rem;
    margin-top:6%
}
.contact_l small {
    font-size:.8rem;
    color:#5f686c
}
@media (max-width:768px) {
    .contact_l small {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .contact_l small {
        font-size:1rem
    }
}
.contact_l dd {
    padding-bottom:1rem;
    line-height:2;
    font-size:.9rem;
    color:#5f686c;
    margin-top:1.25rem
}
@media (max-width:768px) {
    .contact_l dd {
        font-size:.94444444rem
    }
}
.contact_l dd em {
    color:var(--theme-color);
    font-size:14px;
    display:block
}
@media (max-width:640px) {
    .contact_l dd em {
        font-size:13px
    }
}
.contact_l dd p {
    display:block;
    font-weight:400
}
.contact_l dd:last-child {
    border:none
}
@media screen and (max-width:768px) {
    .contact_l {
        float:none;
        margin-bottom:5%;
        width:100%;
        margin-right:0
    }
}
.contact_cont {
    margin-top:4%;
    margin-bottom:-3vw
}
.contact_cont img {
    display:block
}
.contact_top {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin-bottom:5%
}
.contact_top .col {
    box-sizing:border-box;
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
    background-image:url(../images/j05.png);
    background-repeat:no-repeat;
    background-position:93% 10%;
    background-size:auto;
    width:48.5%;
    padding:3% 3%
}
.contact_top .col h4 {
    font-size:.9rem;
    font-weight:700;
    color:#333;
    background-image:url(../images/j04.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto 100%;
    padding-left:2.5em;
    margin-bottom:1.2em
}
@media (max-width:768px) {
    .contact_top .col h4 {
        font-size:.94444444rem
    }
}
.contact_top .col .list {
    font-size:14px;
    color:#666;
    line-height:2
}
@media (max-width:640px) {
    .contact_top .col .list {
        font-size:13px
    }
}
.contact_top .col:nth-child(2) {
    background-image:url(../images/j06.png)
}
.contact_tit {
    margin-bottom:1.5rem
}
.contact_tit h2 {
    position:relative;
    font-size:1.5rem;
    color:var(--theme-color);
    font-weight:700;
    text-align:center;
    line-height:1.8;
    margin-bottom:.1em
}
@media (max-width:768px) {
    .contact_tit h2 {
        font-size:1.2rem
    }
}
.contact_tit small {
    font-size:.8rem;
    color:#666;
    margin-bottom:1.5em;
    font-weight:400
}
@media (max-width:768px) {
    .contact_tit small {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .contact_tit small {
        font-size:1rem
    }
}
.contact_form {
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:0 top;
    background-size:auto 100%
}
#conform {
    background-color:#fff;
    box-sizing:border-box;
    float:right;
    padding:5% 4% 4%;
    max-width:900px
}
#conform .w50 {
    box-sizing:border-box;
    width:49%;
    margin-right:1%;
    float:left;
    border-radius:3px
}
#conform .row {
    margin-bottom:1.5%;
    display:block;
    background-color:#f0f2f8
}
@media screen and (max-width:768px) {
    #conform .row {
        width:100%
    }
}
#conform label {
    font-size:14px;
    color:#333;
    text-align:left;
    margin-right:1em;
    float:left;
    line-height:4;
    padding-left:1em
}
@media (max-width:640px) {
    #conform label {
        font-size:13px
    }
}
#conform label span {
    color:red
}
@media screen and (max-width:768px) {
    #conform label {
        white-space:nowrap
    }
}
#conform .txt {
    border-radius:3px;
    width:99%;
    background-color:#f0f2f8
}
#conform input {
    width:100%;
    box-sizing:border-box;
    border:none;
    background-color:transparent;
    color:#666;
    line-height:3.2;
    padding:.3rem
}
#conform textarea {
    width:100%;
    box-sizing:border-box;
    border:none;
    height:14em;
    background-color:transparent;
    padding-top:1em
}
#conform input[type=submit], #conform input[type=reset] {
    font-size:.8rem;
    font-weight:400;
    display:block;
    background-color:#ff6601;
    color:#fff;
    line-height:2.4;
    text-align:center;
    border:none;
    margin:2em auto 0;
    cursor:pointer;
    width:12rem;
    white-space:4px;
    border-radius:3px
}
@media (max-width:768px) {
    #conform input[type=submit], #conform input[type=reset] {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #conform input[type=submit], #conform input[type=reset] {
        font-size:1rem
    }
}
#conform input[type=submit]:hover, #conform input[type=reset]:hover {
    animation:jello 1s linear forwards
}
@media screen and (min-width:768px) {
    #conform .row.txt {
        width:99%
    }
}
@media screen and (max-width:768px) {
    #conform .w50 {
        width:100%;
        margin-right:0
    }
}
#inner_a1 {
    padding-top:2%
}
#inner_a1 h2 {
    font-size:2.3rem;
    color:#ff6601;
    font-weight:700;
    line-height:1.1
}
@media (max-width:768px) {
    #inner_a1 h2 {
        font-size:1.42857143rem
    }
}
#inner_a1 small {
    font-size:1.5rem;
    color:var(--theme-color);
    font-weight:700;
    display:block;
    margin-bottom:2%
}
@media (max-width:768px) {
    #inner_a1 small {
        font-size:1.2rem
    }
}
#inner_a1 .cont {
    font-size:.8rem;
    color:#333;
    line-height:2
}
@media (max-width:768px) {
    #inner_a1 .cont {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #inner_a1 .cont {
        font-size:1rem
    }
}
#inner_a1 .cont p {
    margin-bottom:1em
}
#inner_a2 {
    padding-top:2%
}
#inner_a2 h2 {
    font-size:1.2rem;
    color:#333;
    font-weight:700;
    line-height:1.1
}
@media (max-width:768px) {
    #inner_a2 h2 {
        font-size:1.09090909rem
    }
}
#inner_a2 ul {
    font-size:1.2rem;
    color:#fff;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin-top:2.5%;
    margin-bottom:4%
}
@media (max-width:768px) {
    #inner_a2 ul {
        font-size:1.09090909rem
    }
}
#inner_a2 ul li {
    box-sizing:border-box;
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
    background-color:var(--theme-color);
    width:24%;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    padding:3% 0
}
#inner_a2 ul li .img {
    margin-right:1em
}
#inner_a2 ul li p {
    max-width:7em
}
#ind_corpor .swiper-slide {
    background-color:#fff;
    box-sizing:border-box
}
#ind_corpor .swiper-slide .big {
    background-color:#fff
}
#ind_corpor .swiper-slide .imWrap {
    padding-top:52%
}
#ind_corpor .swiper-slide .imWrap img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    min-height:initial;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%)
}
#inner_a3 {
    padding:2% 0
}
#inner_a3 h2 {
    font-size:1.5rem;
    color:var(--theme-color);
    font-weight:700;
    line-height:1.1
}
@media (max-width:768px) {
    #inner_a3 h2 {
        font-size:1.2rem
    }
}
#inner_a3 ul {
    font-size:.8rem;
    color:#333;
    line-height:1.9;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:2%
}
@media (max-width:768px) {
    #inner_a3 ul {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #inner_a3 ul {
        font-size:1rem
    }
}
#inner_a3 ul li {
    box-sizing:border-box;
    width:30%;
    max-width:400px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:flex-start;
    padding:2% 0
}
#inner_a3 ul li .img {
    margin-right:5%;
    transition:.3s
}
#inner_a3 ul li h4 {
    font-size:1rem
}
#inner_a3 ul li:hover h4 {
    color:var(--theme-color)
}
#inner_a3 ul li:hover .img {
    transform:rotateY(180deg)
}
#inner_a4 {
    padding:3.5% 0;
    overflow:hidden;
    background-color:#f4f5f9
}
#inner_a4 h2 {
    font-size:1.5rem;
    color:var(--theme-color);
    font-weight:700;
    line-height:1.1;
    margin:8% 0 7%
}
@media (max-width:768px) {
    #inner_a4 h2 {
        font-size:1.2rem
    }
}
#inner_a4 p {
    font-size:.8rem;
    color:#333;
    line-height:1.9
}
@media (max-width:768px) {
    #inner_a4 p {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #inner_a4 p {
        font-size:1rem
    }
}
#inner_a4 .img {
    float:right;
    width:60%;
    margin-left:5%
}
#inner_a5 {
    padding:3.5% 0;
    overflow:hidden
}
#inner_a5 .big {
    position:relative
}
#inner_a5 .big span {
    position:absolute;
    display:inline-block;
    background-color:var(--theme-color);
    color:#fff;
    font-size:1.1rem;
    font-weight:700;
    padding:0 1em;
    line-height:1.8;
    z-index:5;
    top:0;
    left:50%;
    margin-left:-3em
}
@media (max-width:768px) {
    #inner_a5 .big span {
        font-size:1.04761905rem
    }
}
#inner_a5 h4 {
    font-size:.9rem;
    color:#333;
    font-weight:700;
    line-height:1.1;
    margin:4% 0 0
}
@media (max-width:768px) {
    #inner_a5 h4 {
        font-size:.94444444rem
    }
}
#inner_a5 .date {
    font-size:14px;
    color:#333;
    line-height:3.5
}
@media (max-width:640px) {
    #inner_a5 .date {
        font-size:13px
    }
}
#inner_a5 .rows {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
#inner_a5 .col {
    width:48%
}
#inner_a5 .col a {
    display:block
}
#inner_a5 .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    border:1px solid var(--theme-color);
    line-height:3;
    padding:0 2em;
    border-radius:2rem;
    margin-top:3%
}
@media (max-width:640px) {
    #inner_a5 .more {
        font-size:13px
    }
}
#inner_a5 .more:hover {
    border-color:#ff6601
}
#inner_a5 .more::before {
    background-color:#ff6601
}
.videocon {
    position:relative;
    overflow:hidden;
    float:right;
    margin-left:5%;
    width:20rem
}
.videocon::after {
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    content:" ";
    z-index:5;
    left:0;
    top:0
}
.videocon .cover {
    display:block;
    max-width:100%;
    min-width:100%;
    min-height:100%
}
.videocon #videoBtn {
    position:absolute;
    cursor:pointer;
    width:59px;
    height:59px;
    left:50%;
    margin-left:-30px;
    z-index:10;
    top:50%;
    margin-top:-30px;
    transition:all 1s ease
}
@media screen and (max-width:960px) {
    .videocon #videoBtn {
        width:60px;
        height:60px;
        margin-left:-30px;
        margin-top:-30px
    }
}
.videocon:hover #videoBtn {
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
@media screen and (max-width:768px) {
    .videocon {
        display:none
    }
}
.fancybox-overlay {
    display:none;
    width:100%;
    height:100%;
    z-index:99;
    position:fixed;
    bottom:0;
    right:0;
    background-color:rgba(50, 48, 48, .78)
}
.fancybox-overlay #diveoid {
    position:fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    z-index:55;
    width:90%;
    max-width:1200px
}
.inner_about {
    overflow:hidden;
    padding-top:2%
}
.inner_about .about_l {
    float:left;
    position:relative;
    z-index:8;
    margin-right:5%
}
.inner_about .word h2 {
    font-size:1.8rem;
    font-weight:700;
    color:#333;
    line-height:1.3;
    margin-bottom:.8em
}
@media (max-width:768px) {
    .inner_about .word h2 {
        font-size:1.28571429rem
    }
}
.inner_about .word p {
    font-size:.8rem;
    color:#333;
    line-height:2;
    padding-bottom:1.2em
}
@media (max-width:768px) {
    .inner_about .word p {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .inner_about .word p {
        font-size:1rem
    }
}
.inner_about .md {
    position:relative;
    overflow:hidden;
    margin-top:3%
}
.inner_about .md .cont {
    position:relative;
    margin-left:16rem;
    background-color:#f4f4f4;
    margin-top:3%;
    padding:3%
}
#ind_d2 {
    background-color:var(--theme-color);
    position:relative;
    overflow:hidden;
    padding:2% 0;
    background-image:url(../images/04.jpg);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:auto auto
}
@media screen and (max-width:768px) {
    #ind_d2 {
        display:none
    }
}
#ind_d2 .nums {
    clear:both;
    display:flex;
    padding:3% 0;
    flex:1
}
#ind_d2 .nums p.t {
    color:#fff;
    font-size:.9rem
}
@media (max-width:768px) {
    #ind_d2 .nums p.t {
        font-size:.94444444rem
    }
}
#ind_d2 .nums p.t:before {
    background-color:#fff;
    margin-left:auto;
    margin-right:auto
}
#ind_d2 .nums .li_box {
    text-align:center;
    flex:1;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    border-left:1px solid rgba(255, 255, 255, .6)
}
#ind_d2 .nums .li_box .number {
    display:block;
    width:100%
}
#ind_d2 .nums .li_box .number .num {
    font-size:2.5rem;
    color:#fff
}
@media (max-width:768px) {
    #ind_d2 .nums .li_box .number .num {
        font-size:1.51515152rem
    }
}
#ind_d2 .nums .li_box .number .jia {
    color:#fff
}
#ind_d2 .nums .li_box .number .wd {
    color:#fff;
    font-size:2.4rem
}
@media (max-width:768px) {
    #ind_d2 .nums .li_box .number .wd {
        font-size:1.45454545rem
    }
}
#ind_d2 .nums .li_box:first-child {
    border:none
}
@media screen and (max-width:768px) {
    #ind_d2 .nums {
        display:none
    }
}
.inner_about_hisotry {
    padding:4% 0;
    background-image:url(../images/07.jpg);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% auto;
    background-color:#fff;
    overflow:hidden
}
.inner_about_hisotry .swiper-father {
    position:relative;
    padding:0 2.5rem
}
.inner_about_hisotry .swiper-father.line {
    margin-top:2%;
    margin-bottom:5%
}
.inner_about_hisotry .swiper-father.line::before {
    display:block;
    width:100%;
    content:" ";
    bottom:15px;
    height:2px;
    width:calc(100% - 5rem);
    z-index:0;
    background-color:#999;
    position:absolute;
    left:2.5rem
}
.inner_about_hisotry .swiper-father.line .swiper-button {
    background-image:url(../images/i16.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:19px 39px;
    left:0;
    top:80%
}
.inner_about_hisotry .swiper-father.line .swiper-button-next {
    background-image:url(../images/i17.png);
    right:0;
    left:inherit
}
.inner_about_hisotry .skyper {
    float:left;
    width:280px
}
.inner_about_hisotry #gallery {
    overflow:hidden;
    float:right;
    width:calc(100% - 330px)
}
.inner_about_hisotry #gallery h4 {
    font-size:2.1rem;
    color:#666;
    text-align:left;
    border-bottom:1px solid #ccc;
    margin-bottom:.5em;
    line-height:2
}
@media (max-width:768px) {
    .inner_about_hisotry #gallery h4 {
        font-size:1.35483871rem
    }
}
.inner_about_hisotry #gallery .des {
    font-size:.9rem;
    color:#999;
    text-align:left;
    line-height:2
}
@media (max-width:768px) {
    .inner_about_hisotry #gallery .des {
        font-size:.94444444rem
    }
}
.inner_about_hisotry #gallery .actt h4 {
    color:var(--theme-color)
}
@media screen and (max-width:768px) {
    .inner_about_hisotry .swiper-father {
        width:100%
    }
    .inner_about_hisotry #gallery {
        width:100%
    }
}
.fz_history {
    position:relative
}
.fz_history .containe {
    position:relative
}
#swiper_history .swiper-slide {
    position:relative;
    text-align:center;
    cursor:pointer
}
#swiper_history .swiper-slide h5 {
    font-size:1.2rem;
    color:#666;
    display:inline-block;
    font-weight:400;
    line-height:2;
    background-image:url(../images/r14.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:auto auto;
    padding-bottom:32px
}
@media (max-width:768px) {
    #swiper_history .swiper-slide h5 {
        font-size:1.09090909rem
    }
}
@media screen and (max-width:640px) {
    #swiper_history .swiper-slide h5 {
        background-size:100% auto
    }
}
#swiper_history .swiper-slide.actt h5 {
    position:relative;
    color:var(--theme-color);
    background-image:url(../images/r15.png)
}
.sbout_factory {
    padding:4% 0 0
}
.sbout_factory .btns {
    text-align:center;
    margin-bottom:2%
}
.sbout_factory .btns li {
    display:inline-block;
    font-size:.8rem;
    font-weight:700;
    color:#333;
    cursor:pointer;
    margin-right:.9em;
    border-radius:3px;
    padding:0 2em;
    line-height:2.9;
    border:1px solid #ddd
}
@media (max-width:768px) {
    .sbout_factory .btns li {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .sbout_factory .btns li {
        font-size:1rem
    }
}
.sbout_factory .btns li.act, .sbout_factory .btns li:hover {
    color:var(--theme-color);
    border-color:var(--theme-color)
}
.sbout_factory p.tit {
    font-size:.8rem;
    color:#333;
    font-weight:700;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:1.3;
    padding-top:.8em
}
@media (max-width:768px) {
    .sbout_factory p.tit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .sbout_factory p.tit {
        font-size:1rem
    }
}
.sbout_factory .swiper-father {
    padding:0 30px;
    position:relative
}
.sbout_factory .swiper_envi {
    padding-bottom:4rem
}
.sbout_factory .swiper_envi .big {
    border:5px solid #ccc;
    border-radius:5px
}
.sbout_factory .swiper-button-next, .sbout_factory .swiper-button-prev {
    text-align:center;
    background-color:#ddd;
    width:2.2rem;
    height:2rem;
    background-size:0;
    top:40%
}
.sbout_factory .swiper-button-next i, .sbout_factory .swiper-button-prev i {
    color:#333;
    font-size:1rem;
    line-height:2rem
}
.sbout_factory .swiper-button-next:hover, .sbout_factory .swiper-button-prev:hover {
    background-color:#666
}
.sbout_factory .swiper-button-next:hover i, .sbout_factory .swiper-button-prev:hover i {
    color:#fff
}
.sbout_factory.honor .imWrap {
    padding-top:145%
}
.sbout_factory.honor p.tit {
    font-weight:400
}
.sbout_factory.honor .swiper-button-prev {
    left:-1.5rem
}
.sbout_factory.honor .swiper-button-next {
    right:-1.5rem
}
.sbout_factory.envi {
    padding-bottom:3%
}
.sbout_factory.envi .swiper-button-next, .sbout_factory.envi .swiper-button-prev {
    bottom:0;
    top:inherit
}
.sbout_factory.envi .swiper-button-prev {
    left:calc(50% - 55px)
}
.sbout_factory.envi .swiper-button-next {
    right:calc(50% - 55px)
}
.sbout_culture {
    padding:4% 0;
    background-color:#f4f4f4
}
.sbout_culture .inner_tit {
    margin-bottom:3%
}
.sbout_culture .cont {
    padding:8% 8% 0;
    box-sizing:border-box;
    height:280px
}
.sbout_culture .cont h4 {
    font-size:.9rem;
    color:#333;
    font-weight:700;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:1.4;
    margin-bottom:1em
}
@media (max-width:768px) {
    .sbout_culture .cont h4 {
        font-size:.94444444rem
    }
}
.sbout_culture .cont .imWrap {
    padding-top:60%
}
.sbout_culture .cont .des {
    font-size:14px;
    color:#666;
    line-height:1.9
}
@media (max-width:640px) {
    .sbout_culture .cont .des {
        font-size:13px
    }
}
.sbout_culture .dgrid {
    display:grid;
    grid-template-columns:repeat(3, 33.3%)
}
.sbout_culture .item {
    background-color:#fff;
    display:grid;
    grid-template-rows:repeat(2, 50%)
}
.sbout_culture .more {
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    line-height:.9;
    border-bottom:1px solid var(--theme-color);
    margin-top:8%
}
@media (max-width:640px) {
    .sbout_culture .more {
        font-size:13px
    }
}
.sbout_culture .more i {
    padding-left:.5em;
    position:relative;
    display:inline-block;
    transition:transform .3s
}
.sbout_culture .more:hover i {
    transform:translateX(.5em)
}
.about_corpor {
    padding:4% 0
}
.about_corpor .inner_tit {
    margin-bottom:3%
}
.about_corpor ul {
    width:101%
}
.about_corpor ul li {
    box-sizing:border-box;
    float:left;
    border:1px solid #ddd;
    width:15.6%;
    margin-right:1%;
    margin-bottom:1%
}
@media screen and (max-width:768px) {
    #ind_solutions .imgd {
        float:none;
        width:100%
    }
    #ind_solutions .contd ._t {
        height:auto;
        padding-bottom:4%
    }
    #ind_solutions .contd .cont {
        padding:6% 5% 0;
        max-width:inherit
    }
    #ind_y5s ul li {
        width:100%;
        margin-bottom:3%;
        text-align:left;
        padding:.5rem 0;
        margin-right:0
    }
    #ind_y5s ul li img {
        float:left;
        margin:0 3%
    }
    #ind_y5s .des::after {
        display:none
    }
    #ind_solutions .sbot {
        width:100%;
        text-align:center;
        margin-top:0
    }
    .form1 {
        padding:0
    }
    .form1 form .col {
        padding:.5rem
    }
    #ind_news ._l {
        float:none;
        width:100%;
        margin-left:0
    }
    .ind_newslist .wrap {
        padding:0
    }
    .pbanner .wrap .more {
        line-height:2.3;
        padding:0 1em
    }
    #ind_solutions .contd ._t {
        padding-bottom:1em
    }
    .ind_tit small {
        display:none
    }
    #ind_products ul {
        padding:0
    }
    #ind_products ul h2 {
        line-height:2
    }
    #ind_products ul li {
        text-align:left;
        width:100%;
        border-bottom:1px dashed #ddd;
        padding-bottom:1em;
        margin-bottom:2%
    }
    #ind_products ul li i {
        float:left;
        width:6rem;
        margin-right:3%
    }
    #ind_products ul li:last-child {
        border:none;
        margin-bottom:0
    }
    #ind_products ul .des {
        overflow:hidden
    }
    #ind_about .img {
        width:100%
    }
    #ind_about .containe>.wrap {
        float:none;
        width:100%
    }
    .innernav .path {
        float:none
    }
    .bot3s dd h3 {
        padding-left:0
    }
    .bot3s .containe {
        margin:0
    }
    .bot3s dd h3 i {
        width:30px;
        margin-right:.5em;
        background-size:107px auto
    }
    .bot3s dd:nth-child(2) h3 i {
        background-position:-38px center
    }
    .bot3s dd:nth-child(3) h3 i {
        background-position:-76px center
    }
    .join_top .cont {
        width:100%
    }
    .shzp .zp_list .topbar h3 {
        line-height:3
    }
    .inner_new li .text-wrap .title {
        line-height:1.5
    }
    .inner_zd li {
        width:48%;
        margin-right:2%
    }
    h1.tagname {
        top:-20vw
    }
}
@media screen and (max-width:640px) {
    .swiper-button-next, .swiper-button-prev {
        display:none
    }
}
@keyframes flow {
    0% {
        left:-6rem
    }
    100% {
        left:100%
    }
}
.description {
    margin-bottom:3%
}
.description h2 {
    font-size:1.2rem;
    color:#333;
    font-weight:700;
    line-height:1.6;
    margin-bottom:.3em
}
@media (max-width:768px) {
    .description h2 {
        font-size:1.09090909rem
    }
}
.description .des {
    font-size:14px;
    color:#666;
    line-height:1.9
}
@media (max-width:640px) {
    .description .des {
        font-size:13px
    }
}
.inner_pad {
    padding-top:1.5%
}
.lside {
    float:right;
    width:15rem;
    margin-left:4%;
    margin-bottom:1.5rem
}
@media screen and (max-width:980px) {
    .lside {
        display:none
    }
}
.lside .grayblock {
    box-sizing:border-box;
    background-color:#fff;
    overflow:hidden;
    margin-bottom:1.2rem;
    border-bottom:1px solid #ddd;
    padding-bottom:1rem
}
.lside .grayblock h2, .lside .grayblock h3 {
    font-size:1rem;
    color:#333;
    font-weight:700;
    line-height:3.3
}
.lside .grayblock h2 {
    text-transform:uppercase;
    background-image:url(../images/j01.png);
    background-repeat:no-repeat;
    background-position:100% center;
    background-size:auto auto;
    line-height:1.8;
    margin-bottom:.5em
}
.lside .iauth li {
    line-height:2.8;
    display:block;
    box-sizing:border-box
}
.lside .iauth li a {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.lside .iauth li a:hover {
    color:var(--theme-color)
}
.lside .iauth li .tarA {
    color:#333;
    display:block;
    font-size:.8rem;
    font-weight:700;
    position:relative;
    z-index:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
@media (max-width:768px) {
    .lside .iauth li .tarA {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .lside .iauth li .tarA {
        font-size:1rem
    }
}
.lside .iauth li .tarA a {
    color:#333
}
.lside .iauth li .tarA i {
    color:#333;
    float:right;
    position:relative;
    line-height:1;
    cursor:pointer;
    text-align:center;
    font-weight:400;
    display:block;
    width:1em;
    font-size:16px;
    background-color:#ddd;
    margin-top:1em
}
.lside .iauth li .tarA i span {
    display:block;
    transform:rotate(45deg);
    transition:.3s
}
.lside .iauth li .tarA i.cur span {
    transform:rotate(0)
}
.lside .iauth li .tarA.act a, .lside .iauth li .tarA:hover a {
    color:var(--theme-color)
}
.lside .iauth li .tarA.act i span, .lside .iauth li .tarA:hover i span {
    transform:rotate(0)
}
.lside .iauth li:last-child {
    border:none
}
.lside .iauth dl dd a {
    font-size:14px;
    color:#666;
    background-image:url(../images/i23.png);
    background-repeat:no-repeat;
    background-position:6px center;
    background-size:auto auto
}
@media (max-width:640px) {
    .lside .iauth dl dd a {
        font-size:13px
    }
}
.lside .iauth dl dd a i {
    padding:0 .5em
}
.lside .pre_pros li {
    margin-bottom:.7rem;
    overflow:hidden
}
.lside .pre_pros .imgcon {
    border:1px solid #ddd;
    background-color:#fff;
    float:left;
    width:5.5rem;
    margin-right:.8rem;
    height:5.5rem;
    min-height:3rem
}
.lside .pre_pros .imgcon img {
    display:inline-block;
    max-height:100%
}
.lside .pre_pros h4 {
    font-size:14px;
    color:#666;
    text-align:left;
    overflow:hidden;
    font-weight:400;
    margin:.3em 0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-height:1.4
}
@media (max-width:640px) {
    .lside .pre_pros h4 {
        font-size:13px
    }
}
.lside .pre_pros h4:hover {
    color:var(--theme-color)
}
.lside .pre_pros.blogs .imgcon {
    height:4rem
}
.lside .pre_news {
    padding-top:.3em
}
.lside .pre_news li {
    border-bottom:1px dashed #ddd;
    padding:.8em 0
}
.lside .pre_news li:last-child {
    border:none
}
.lside .pre_news h4 {
    font-size:14px;
    color:#333;
    text-align:left;
    font-weight:400;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-height:1.8
}
@media (max-width:640px) {
    .lside .pre_news h4 {
        font-size:13px
    }
}
.lside .pre_news .date {
    font-size:14px;
    color:#666;
    line-height:1.8
}
@media (max-width:640px) {
    .lside .pre_news .date {
        font-size:13px
    }
}
.lside .tags_hot {
    width:104%;
    overflow:hidden;
    padding-bottom:1rem
}
.lside .tags_hot li {
    float:left;
    width:46%;
    margin-right:4%;
    background:#ddd;
    margin-top:.6rem
}
.lside .tags_hot li a {
    font-size:14px;
    color:#666;
    display:block;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:relative;
    line-height:2.5;
    z-index:0;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
@media (max-width:640px) {
    .lside .tags_hot li a {
        font-size:13px
    }
}
.lside .tags_hot li a::after {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    content:" ";
    z-index:-3;
    left:0;
    top:0
}
.lside .tags_hot li a::before {
    content:'';
    z-index:-1;
    position:absolute;
    top:50%;
    left:100%;
    margin:-15px 0 0 1px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#15499a;
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transform:scale3d(1, 2, 1);
    transform:scale3d(1, 2, 1);
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s;
    -webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1);
    transition-timing-function:cubic-bezier(.7, 0, .9, 1)
}
.lside .tags_hot li a:hover {
    color:#fff
}
.lside .tags_hot li a:hover::before {
    -webkit-transform:scale3d(9, 9, 1);
    transform:scale3d(9, 9, 1)
}
.lside .ltit {
    font-size:.8rem;
    color:#333;
    font-weight:700;
    border-bottom:1px solid #ddd;
    line-height:3;
    margin-bottom:.2em
}
@media (max-width:768px) {
    .lside .ltit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .lside .ltit {
        font-size:1rem
    }
}
.lside .ltit::after {
    background-color:var(--theme-color);
    display:block;
    content:" ";
    height:7px;
    width:107px;
    z-index:5;
    margin-bottom:-5px;
    position:relative;
    z-index:55
}
.inner_faq .tit {
    font-size:.8rem;
    color:#333;
    font-weight:700;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:auto 25px;
    min-height:25px
}
@media (max-width:768px) {
    .inner_faq .tit {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .inner_faq .tit {
        font-size:1rem
    }
}
.inner_faq .tit i {
    float:right;
    color:#666;
    display:inline-block;
    font-size:14px;
    transition:.5s;
    margin-top:2px
}
@media (max-width:640px) {
    .inner_faq .tit i {
        font-size:13px
    }
}
.inner_faq .cont {
    font-size:14px;
    color:#333;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:0 .2em;
    background-size:auto auto;
    line-height:1.9;
    height:0;
    transition:.5s
}
@media (max-width:640px) {
    .inner_faq .cont {
        font-size:13px
    }
}
.inner_faq li {
    border-bottom:1px solid #eee;
    margin-bottom:1rem;
    padding-bottom:.6rem;
    padding-left:.5rem
}
.inner_faq li:hover .tit {
    color:var(--theme-color)
}
.inner_faq li:hover .tit i {
    transform:rotate(180deg)
}
.inner_faq li:hover .cont {
    height:3.8em;
    margin:.8em 0
}
#icon1 {
    float:right;
    margin-top:7px
}
#icon1 .fx {
    float:left;
    color:#666;
    line-height:2;
    padding-right:.7em
}
@media screen and (max-width:768px) {
    #icon1 {
        display:none
    }
}
.backbtn {
    display:inline-block;
    color:#999;
    font-size:14px;
    text-align:center;
    position:relative;
    overflow:hidden;
    line-height:1.5rem;
    padding:0 1em;
    border-radius:1rem;
    -webkit-transition:all .5s linear;
    transition:all .5s linear;
    border:1px solid #ddd;
    z-index:0;
    margin-left:.5em
}
@media (max-width:640px) {
    .backbtn {
        font-size:13px
    }
}
.backbtn i {
    font-size:.9rem;
    padding-left:.2em;
    vertical-align:middle
}
@media (max-width:768px) {
    .backbtn i {
        font-size:.94444444rem
    }
}
.backbtn::after {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    content:" ";
    z-index:-2;
    left:0;
    top:0
}
.backbtn::before {
    content:'';
    z-index:-1;
    position:absolute;
    top:50%;
    left:100%;
    margin:-15px 0 0 1px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--theme-color);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transform:scale3d(1, 2, 1);
    transform:scale3d(1, 2, 1);
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s;
    -webkit-transition-timing-function:cubic-bezier(.7, 0, .9, 1);
    transition-timing-function:cubic-bezier(.7, 0, .9, 1)
}
.backbtn:hover {
    color:#fff;
    border-color:var(--theme-color)
}
.backbtn:hover::before {
    -webkit-transform:scale3d(9, 9, 1);
    transform:scale3d(9, 9, 1)
}
@media screen and (max-width:768px) {
    .backbtn {
        display:none
    }
}
.sub_title {
    text-align:center;
    margin-bottom:1.5rem;
    padding-bottom:1.5rem;
    border-bottom:1px dashed #ddd
}
.sub_title .articleTit {
    font-size:1.7rem;
    font-weight:700;
    letter-spacing:1;
    line-height:1.2
}
@media (max-width:768px) {
    .sub_title .articleTit {
        font-size:1.25925926rem
    }
}
@media screen and (min-width:639px) {
    .sub_title .articleTit {
        padding:.5em 0
    }
}
@media screen and (max-width:640px) {
    .sub_title .articleTit {
        line-height:1.6
    }
}
.sub_title h3 {
    font:500 24px"microsoft yahei";
    margin-bottom:20px;
    margin-top:10px
}
.sub_title .sub_info {
    color:#9a9a9a;
    font-size:14px
}
@media (max-width:640px) {
    .sub_title .sub_info {
        font-size:13px
    }
}
.sub_title .sub_info .iconfont {
    font-size:14px;
    margin-right:.5em
}
@media (max-width:640px) {
    .sub_title .sub_info .iconfont {
        font-size:13px
    }
}
.sub_title .sub_info span {
    margin-right:10px
}
@media screen and (max-width:768px) {
    .sub_title .sub_info {
        font-size:13px
    }
}
.sub_title .bdshare-button-style0-16 {
    display:inline-flex
}
@media screen and (max-width:768px) {
    .sub_title .bdshare-button-style0-16 {
        display:none
    }
}
.article {
    line-height:1.7;
    font-size:15px;
    color:#333
}
@media (max-width:640px) {
    .article {
        font-size:1rem
    }
}
.article table {
    width:100%;
    min-width:600px
}
.article img {
    max-width:100%;
    height:auto!important;
    margin-bottom:.5em;
    margin-top:.5em
}
.article_cont {
    overflow:hidden
}
.article_cont p {
    font-size:.8rem;
    color:#333;
    line-height:2.3
}
@media (max-width:768px) {
    .article_cont p {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    .article_cont p {
        font-size:1rem
    }
}
@media screen and (max-width:768px) {
    .article_cont img {
        display:block;
        max-width:100%;
        float:none!important;
        margin:0 0 1em!important
    }
    .article_cont .w50 {
        width:100%;
        float:none!important
    }
}
.article_cont+.relate_tit {
    margin-top:5%
}
h3.tag {
    color:#999;
    font-weight:400;
    font-size:0;
    margin-bottom:2vw;
    margin-top:10px;
    color:#666;
    font-size:12px
}
h3.tag .icon {
    display:inline-block;
    vertical-align:sub
}
h3.tag a {
    font-size:14px;
    display:inline-block;
    color:#666;
    margin:0 3px 9px 5px;
    border:1px solid #ccc;
    padding:5px 12px
}
@media (max-width:640px) {
    h3.tag a {
        font-size:13px
    }
}
h3.tag a:hover {
    color:var(--theme-color);
    border-color:var(--theme-color)
}
.relate_tit {
    margin:3% 0
}
.relate_tit h3 {
    color:#333;
    font-size:1rem;
    font-weight:700;
    position:relative;
    background-color:#fff;
    display:inline-block;
    border-bottom:2px solid var(--theme-color);
    padding:0 em;
    line-height:2
}
.relate_tit .more {
    float:right
}
.relate_tit .more:hover {
    color:var(--theme-color)
}
#vessel {
    overflow:hidden
}
#tartul {
    display:block;
    width:100%;
    font-size:0;
    background-color:#eee;
    white-space:nowrap;
    overflow-x:auto
}
#tartul li {
    color:#333;
    font-size:.8rem;
    font-weight:700;
    position:relative;
    display:inline-block;
    cursor:pointer;
    border-top:5px solid #eee;
    border-left:1px solid #ddd;
    padding:0 2em;
    line-height:2.5
}
@media (max-width:768px) {
    #tartul li {
        font-size:.88888889rem
    }
}
@media (max-width:640px) {
    #tartul li {
        font-size:1rem
    }
}
#tartul li.act {
    background-color:#fff;
    border-top-color:var(--theme-color)
}
#pre_pro {
    padding-bottom:2vw;
    margin-bottom:-.5rem
}
#pre_pro .big {
    border:1px solid #ddd;
    padding:5px
}
#pre_pro .tit {
    font-size:15px;
    color:#333;
    text-align:left;
    line-height:1.5;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:1em .5em
}
@media (max-width:640px) {
    #pre_pro .tit {
        font-size:1rem
    }
}
#pre_pro .swiper-slide .imWrap {
    padding-top:75%
}
#pre_pro .swiper-slide .imWrap img {
    width:auto;
    max-height:100%;
    right:0;
    margin:auto;
    bottom:0;
    min-height:inherit
}
#pre_pro .swiper-slide:hover .big {
    border-color:var(--theme-color)
}
#pre_pro .swiper-slide:hover .tit {
    color:var(--theme-color)
}
#alsolike {
    padding-bottom:2vw;
    margin-bottom:-.5rem
}
#alsolike .big {
    padding:5px
}
#alsolike .tit {
    font-size:15px;
    color:#333;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:3
}
@media (max-width:640px) {
    #alsolike .tit {
        font-size:1rem
    }
}
#alsolike .swiper-slide {
    border:1px solid #ddd
}
#alsolike .swiper-slide .imWrap img {
    width:auto;
    max-height:100%;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:0
}
#alsolike .swiper-slide:hover {
    border-color:var(--theme-color)
}
#alsolike .swiper-slide:hover .tit {
    color:var(--theme-color)
}
.skip {
    overflow:hidden;
    margin-top:50px;
    margin-bottom:30px;
    background:#f6f6f6;
    padding:5px;
    border-radius:1rem
}
.skip>div {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:46%;
    line-height:30px;
    height:30px;
    text-indent:10px
}
.skip a {
    color:#666
}
.skip a:hover {
    color:var(--theme-color)
}
@media screen and (max-width:640px) {
    .skip>div {
        width:100%;
        float:none;
        padding:5px;
        margin-left:-5px
    }
    .skip .fl {
        border-bottom:8px solid #fff
    }
}
.up .finger {
    width:10rem;
    height:10rem;
    background:rgba(0, 0, 0, .1);
    position:absolute;
    left:0;
    top:0;
    display:none
}
.bigdiv {
    box-sizing:border-box;
    background-color:#fff;
    width:80%;
    height:18rem;
    position:absolute;
    left:103%;
    top:0;
    overflow:hidden;
    border:1px solid #ddd;
    z-index:56;
    display:none
}
@media screen and (max-width:1200px) {
    .bigdiv {
        display:none!important
    }
}
.bigImg {
    width:34rem;
    position:absolute;
    left:0;
    top:0
}
#chat_window {
    position:fixed;
    right:50px;
    top:30%;
    z-index:98
}
#chat_window .chat_box .box {
    display:none
}
#chat_window .chat_box.cur .box, #chat_window .chat_box.pc_limit:hover .box {
    display:block
}
#chat_window .chat_box .chat_item {
    display:block;
    position:relative;
    width:50px;
    height:50px;
    border-radius:100%;
    background:url(../images/j20.png) no-repeat 0 0;
    margin-bottom:6px
}
#chat_window .chat_box .chat_item:hover {
    background-color:#ff6601
}
#chat_window .chat_box a.chat_item {
    text-indent:100px;
    overflow:hidden;
    white-space:nowrap;
    background-color:var(--theme-color)
}
#chat_window .chat_box .chat_skype {
    background-position:center -107px
}
#chat_window .chat_box .chat_email {
    background-position:center -47px
}
#chat_window .chat_box .chat_whatsapp {
    background-position:center 13px
}
@media screen and (max-width:768px) {
    #chat_window {
        display:none
    }
}
#lytable {
    display:none;
    overflow:hidden;
    position:absolute;
    background-color:#fff;
    border-radius:8px;
    z-index:10000;
    bottom:-10vh;
    right:145px;
    width:350px;
    border:1px solid #ddd
}
#lytable .icon-guanbi {
    position:absolute;
    top:5px;
    right:1rem;
    color:#fff;
    font-size:30px;
    line-height:1.6
}
#lytable .top1 {
    height:60px;
    background-color:var(--theme-color)
}
#lytable .top1 i {
    color:#fff;
    font-size:30px;
    line-height:60px;
    padding-left:1rem
}
#lytable .title {
    text-align:center;
    color:#fff;
    height:39px;
    line-height:23px;
    background-color:var(--theme-color);
    font-size:15px
}
#lytable #verify {
    float:left;
    width:154px
}
#lytable .indexcode {
    float:right;
    width:115px
}
#lytable .formFrame {
    border:1px solid #e4e4e4;
    border-radius:3px;
    padding:16px 15px 0;
    margin:20px 20px 0
}
#lytable .formFrame input {
    width:100%;
    box-sizing:border-box;
    display:inline-block;
    box-shadow:none;
    height:42px;
    margin-bottom:11px;
    padding-left:11px;
    border:2px solid #d0d0d0;
    color:#656565;
    font-weight:700;
    border-radius:5px
}
#lytable .formFrame input.tijiao {
    color:#fff;
    background-color:var(--theme-color);
    border-color:#487ab6;
    margin:-4px 0 18px
}
#lytable .formFrame textarea {
    width:100%;
    box-sizing:border-box;
    display:inline-block;
    box-shadow:none;
    margin-bottom:11px;
    border:2px solid #d0d0d0;
    padding-left:11px;
    color:#656565;
    font-weight:700;
    border-radius:5px
}
#lytable .formFrame+.subtxt {
    display:block;
    text-align:center;
    line-height:1.4;
    padding:12px 12px 14px
}
#lytanchuang {
    cursor:pointer;
    position:fixed;
    bottom:20%;
    display:inline-block;
    right:0;
    z-index:6;
    box-shadow:2px 2px 7px rgba(70, 70, 70, .2)
}
#lytanchuang .sign {
    display:inline-block;
    background-color:#fff;
    font-size:14px;
    font-weight:700;
    color:#333;
    padding:0 4em 0 2em;
    line-height:4;
    background-image:url(../images/j21.png);
    background-repeat:no-repeat;
    background-position:90% center;
    background-size:auto;
    border-radius:5px
}
@media (max-width:640px) {
    #lytanchuang .sign {
        font-size:13px
    }
}
#lytanchuang:hover {
    box-shadow:1px 1px 11px rgba(59, 89, 152, .6)
}
.index-pro .pro_item:nth-child(1) {
    background: url(../images/sycp1.jpg) no-repeat center!important;
    background-size: 100% 100%;
}
.index-pro .pro_item:nth-child(3) {
    background: url(../images/sycp2.jpg) no-repeat center!important;
    background-size: 100% 100%;
}
.pro_item:nth-child(odd) .ind_tit h2, .index-pro .pro_item:nth-child(3) .pro_item_ul .tit {
    color: #fff;
}
@media (max-width: 768px) {
    .pro_item_ul {
        display: block!important;
    }
    .pro_item_ul li {
        width: 48%;
        margin-right: 4%;
    }
    .pro_item_ul li:nth-child(2n) {
        margin-right: 0;
    }
}


.imgfd{overflow: hidden;width: 100%;position: relative;padding-top: 75%;}
.imgfd img{transition: all 0.5s ease;height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;display: block;margin: auto;z-index: 1;}
.imgfd:hover img{transform: scale(1.1);}

.f46{
    font-size: 46px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.amore2{height: 50px;line-height: 46px;padding: 0 36px;color: var(--thitheme-color);display: table;border-radius: 500px;font-size: 16px;text-transform: uppercase;border: 2px solid var(--thitheme-color);box-sizing: border-box;}
.amore2 span{font-size: 20px;margin-left: 8px;}
.amore2:hover{background:var(--thitheme-color);color: #fff;}
.info_ab .imgfd{width: 47%;border-radius: 20px;overflow: hidden;padding-top: 32%;}
.info_ab .txt{width: 50%;}
.info_ab .txt .p{font-size: 18px;line-height: 30px;margin-bottom: 8%;}
.info_ab .txt1 .amore2{float: left;margin-right: 20px;}

.info_cor h2,.info_cho h2{text-align: center;color: #fff;}
.info_cor .p{max-width: 1090px;margin: 0 auto;color: #fff;line-height: 24px;text-align: center;margin-bottom: 40px;}
.info_cor li{width: 25%;float: left;color: #fff;text-align: center;}
.info_cor li .num{font-size: 50px;font-family: 'mulibl';position: relative;padding-bottom: 10px;margin-bottom: 20px;}
.info_cor li b{font-size: 60px;}
.info_cor li .num::after{position: absolute;bottom: 0;left: 50%;width: 70px;height: 3px;background: #fff;content: '';margin-left: -35px;}
.info_cor li p{display: block;padding: 0 20%;font-size: 18px;line-height: 24px;height: 48px;display: block;overflow: hidden;}

.info_show h2,.info_abnew h2{text-align: center;}
.info_show li{width: 26.8%;float: left;border-radius: 12px;overflow: hidden;margin-right: 2.3%;margin-top: 25px;}
.info_show li:first-child,.info_show li:last-child{width: 41.8%;}
.info_show li:nth-child(3n){margin-right: 0;}
.info_show li .imgfd{padding-top: 0;height: 340px;}

.info_cho{
    background-repeat: no-repeat;
    background-position: center top;
}
.info_cho ul{display: flex;flex-flow: row wrap;justify-content: space-between;padding-top:10px;}
.info_cho li{width: 24%;background: #fff;border-radius: 12px;overflow: hidden;}
.info_cho li .box{padding: 30px;display: flow-root;text-align: center;}
.info_cho li .box .ic img{
    width: 110px;
}
.info_cho li b{font-size: 20px;display: block;height: 25px;line-height: 25px;overflow: hidden;margin: 15px 0;}
.info_cho li p{line-height: 24px;height: 96px;overflow: hidden;display: block;}
.info_cho li:hover b{color: #ee8c25;}

.info_abnew{background: #f3f3f3;}
.info_abnew .section2 .li .imgfd{width: 40%;padding-top: 0;height: 220px;}
.info_abnew .section2 .li .txt{width: 60%;}.info_abnew .box{padding: 30px;display: flow-root;padding-bottom: 0;}
.info_abnew .section2 .li .txt b{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 20px;font-family: 'mulibl';height: 25px;line-height: 25px;display: block;overflow: hidden;margin-bottom: 15px;}
.info_abnew .section2 .li .txt .p{line-height: 24px;color: #666;height: 72px;overflow: hidden;}
.info_abnew .section2 .li .txt .all{height: 64px;line-height: 64px;overflow: hidden;}
.info_abnew .section2 .li .txt .a2{height: 64px;line-height: 64px;display: flex;}
.info_abnew .section2 .li .txt .a2 span{line-height: 67px;margin-left: 2px;}
.info_abnew .section2 .li:hover .txt b,.info_abnew .section2 .li .txt .a2:hover{color: #ee8c25;}
.info_abnew .section2 .li{background: #fff;border-radius: 12px;overflow: hidden;}
.info_abnew .section2,.info_abnew .section3{position: relative;padding-bottom: 50px;padding-top:10px;}
.info_abnew .swiper-pagination-bullet,.bb2 .swiper-pagination-bullet{width: 7px;height: 10px;background: #b8b8b8;transform: skewX(-30deg);border-radius: 0!important;opacity: 1;margin:0 3px;}
.info_abnew .swiper-pagination-bullet-active,.bb2 .swiper-pagination-bullet-active{background: #ee8c25;}
.info_abnew .swiper-pagination{bottom: 0;width:100%;}

.info_cont .box{background: #f3f3f3;}
.info_cont .f40{text-align: center;text-transform: inherit;}
.info_cont ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.info_cont li{width: 24%;background: #fff;border-radius: 16px;overflow: hidden;min-height: 410px;float: left;}
.info_cont li .hezi{padding: 40px 10%;}
.info_cont li .ic span.iconfont{width: 90px;height: 90px;text-align: center;line-height: 90px;font-size: 50px;color: #ee8c25;background: #f3f3f3;border-radius: 100%;display: block;}
.info_cont li b{display: block;margin: 30px 0 20px;}
.info_cont li .p{display: flex;word-break: break-all;font-size: 18px;line-height: 30px;}
.info_cont li .p span{color: #143368;font-size: 24px;margin-right: 10px;}
.info_cont li a:hover{color: #ee8c25;}
.info_cont dt{width: 49%;float: left;display: flex;font-size: 18px;font-family: 'mulib';margin-bottom: 14px;height: 30px;line-height: 30px;overflow: hidden;}
.info_cont dt:nth-child(2n){float: right;width: 40%;}
.info_cont dt span{margin-right: 10px;font-size: 24px;}
.info_cont dt span.icon-skype{color: #0087ca;}.info_cont dt span.icon-social-whatsapp{color: #2fcf69;}.info_cont dt span.icon-tuitetwitter43{color: #409aea;}

.info_feed2{border-radius: 20px;overflow: hidden;background: #f3f3f3;}
.info_feed2 .box{height: 90px;padding: 0 5%;line-height: 90px;background: #143368;color: #fff;}
.info_feed2 .box p{display: block;height: 90px;line-height: 90px;max-width: 60%;overflow: hidden;}
.info_feed2 form{padding: 60px 5%;display: flow-root;}
.info_feed2 .inp{width: 49%;float: left;height: 54px;line-height: 54px;background: #fff;margin-bottom: 30px;border-radius: 8px;border-left: 6px solid #143368;text-indent: 15px;}
.info_feed2 .inp:nth-child(2n){float: right;}
.info_feed2 textarea{width: 100%;background: #fff;border-radius: 8px;border-left: 6px solid #143368;text-indent: 15px;padding-top: 15px;}
.info_feed2 i{color: #939393;display: block;margin: 15px 0 30px;}
.info_feed2 .sub input{height: 72px;line-height: 72px;border-radius: 8px;background: #ee8c25;color: #fff;font-size: 20px;text-transform: uppercase;width: 100%;padding-right: 40px;}
.info_feed2 .sub::after{content: "\e606";position: absolute;right: 40%;top: 19px;font-size: 34px;font-family: "iconfont" !important;color: #fff;z-index: 1;}
.info_feed2 .sub{position: relative;max-width: 600px;margin: 0 auto;overflow: hidden;height: 72px;}
.info_feed2 .sub:hover input{background: #143368;cursor: pointer;}

.info_map{max-height: 540px;overflow: hidden;}.info_map p{margin: 0px!important;}
.info_ab .txt .amore2{margin-top: 5px;margin-bottom: 5px;}


@media (max-width:640px) {
    .button_wrap{
        margin-top: 20px;
    }
    .button_wrap .button{
        height: 40px;
        font-size: 14px;
    }
    .j_flex_center{
        flex-direction: column;
    }
    .ptb80{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .j_about_img{
        width: 100%;
    }
    .j_about_con{
        width: 100%;
        padding: 0 15px;
    }
    .j_about_con .list{
        padding: 0;
    }
    .j_about_con .list .item img{
        width: 40px;
    }
    .j_about_con .list{
        flex-direction: column;
    }
    .j_about_con .list .item{
        padding: 15px 10px;
        border-right: 0;
    }
    .j_about_con .tit,.j_about_con .con{
        padding: 0 15px;
    }
    .j_why .list{
        flex-wrap: wrap;
        padding-top: 20px;
        margin: 0 -6px;
    }
    .j_why .list .item{
        
    }
    .j_why .item_w{
        width: 50%;
        box-sizing: border-box;
        padding: 6px;
    }
    .j_why .item img{
        width: 60px;
    }
    .j_why .item{
        padding: 20px 20px;
    }
    .j_projects_swiper a .img{
        width: 100%;
    }
    .j_projects_swiper a .con{
        padding: 10px 0 0;
    }
    .j_projects_swiper a .con h4{
        font-size: 1.2rem;
    }
    .j_projects_list{
        flex-wrap: wrap;
    }
    .j_projects_list .item .line{
        display: none;
    }
    .j_projects_list .item_w{
        width: 50%;
        box-sizing: border-box;
        padding: 10px;
    }
    .j_projects_list .item .img img{
        width: 90px;
    }
    .j_built .list{
        flex-wrap: wrap;
    }
    .j_built .list .item{
        width: 50%;
        margin: 0;
        padding-right: 20px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }
    .j_faq_swiper{
        height: 180px;
    }
    .j_built .desc{
        max-width: 100%;
    }
    .ind_pros .swiper-button-next, .ind_pros .swiper-button-prev{
        display: none;
    }
    .button_wrap{
        display: flex;
    }
    .pt80{
        padding-top: 30px;
    }
    .info_cho li .box{
        padding: 20px;
    }
    .info_cho li b{
        margin: 10px 0 5px;
    }
    .info_cho li .box .ic img{
        width: 90px;
    }
    .amore2{
        font-size: 14px;
        height: 44px;
        line-height: 40px;
    }
}


@media (max-width: 1400px){
	.f46{font-size: 36px;line-height:1.2;}.f40{font-size: 30px;}.f30{font-size: 24px;}
	.f60, .f46, .f40{margin-bottom: 5px;}
	.info_cor li b{font-size: 50px;}.info_cor li .num{font-size: 40px;}
	.info_show li .imgfd{height: 240px;}
}
@media (max-width: 1200px){
	.f46{font-size: 30px;}.f40{font-size: 30px;}.f30{font-size: 24px;}
	.info_cor li b{font-size: 40px;}.info_cor li .num{font-size: 30px;}
	.info_show li .imgfd{height: 200px;}
	.info_ab .imgfd{display: none;}
	.info_ab .txt{width: 100%;}
	.info_ab .txt h3{display: none;}
	.info_ab .txt .p{margin-bottom: 20px;}
	.info_cont li{width: 49%;}
	.info_cont li{margin: 10px 0;}
}
@media (max-width: 940px){
	.info_cor li{width: 50%;margin-top: 30px;}
	.info_cor .p{margin-bottom: 0;}
	.info_show li{width: 49%!important;margin-right: 0!important;margin-top: 15px;}.info_show li:nth-child(2n){float: right;}
	.info_cho li{width: 49%;margin-top: 15px;}
	.info_abnew .section2 .li .txt b{font-size: 18px;}
	.info_feed2 .box p,.info_feed2 .sub::after{display: none;}
	.info_feed2 .sub input{padding-right: 0;}
}