@charset "utf-8";

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

@-webkit-keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible;
    }

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

@keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'dinblackalternate';
    src: url('../fonts/din-blackalternate-webfont.eot');
    src: url('../fonts/din-blackalternate-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/din-blackalternate-webfont.woff2') format('woff2'),url('../fonts/din-blackalternate-webfont.woff') format('woff'),url('../fonts/din-blackalternate-webfont.svg#dinblackalternate') format('svg');
    font-weight: normal;
    font-style: normal;
}

.top {
    background: #222;
    color: #808080;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}

    .top .container {
        position: relative;
    }

        .top .container:before {
            display: block;
            position: absolute;
            content: "";
            height: 100%;
            width: 1000%;
            background: #1fa239;
            left: 100%;
            top: 0;
        }

    .top .welcome {
        float: left;
        line-height: 20px;
        padding: 10px 0;
    }

        .top .welcome .icon {
            float: left;
            vertical-align: middle;
            margin-right: 5px;
        }

    .top .search {
        float: right;
        background: #1fa239;
        position: relative;
        min-width: 275px;
        text-align: right;
    }

        .top .search input {
            border: none;
            background: #1fa239;
            color: #fff;
            padding: 0 38px 0 18px;
            height: 40px;
            color: #aef1bb;
            width: 100%;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .top .search input:focus {
                color: #fff;
            }

            .top .search input::-webkit-input-placeholder {
                color: #aef1bb;
            }

            .top .search input:-ms-input-placeholder {
                color: #aef1bb;
            }

            .top .search input::-moz-placeholder {
                color: #aef1bb;
            }

        .top .search .btn {
            position: absolute;
            top: 10px;
            right: 10px;
        }

.header {
    position: relative;
    z-index: 999;
}

    .header .logo-text {
        width: 32.5%;
        float: left;
        position: relative;
        padding-top: 15px;
    }

        .header .logo-text .logo {
            width: 230px;
            height: 70px;
            float: left;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .header .logo-text .logo img {
                vertical-align: middle;
            }

        .header .logo-text .text {
            float: left;
            color: #979797;
            border-left: 1px #dbdbdb solid;
            padding-left: 15px;
            font-size: 18px;
            line-height: 22px;
            margin-top: 18px;
            margin-left: 10px;
            text-align: center;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .header .logo-text .text div:last-child {
                letter-spacing: 1.5px;
            }

    .header .nav {
        width: 66%;
        float: right;
    }

.nav .list {
    margin-right: -25px;
}

    .nav .list > li {
        width: 14.28571429%;
        float: left;
        text-align: center;
        position: relative;
    }

        .nav .list > li > a {
            display: block;
            padding: 0;
            padding: 35px 0 30px 0;
            font-size: 16px;
            color: #333;
            font-weight: 700;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .nav .list > li > a span {
                line-height: 40px;
                display: inline-block;
                position: relative;
            }

                .nav .list > li > a span:after {
                    content: "";
                    display: inline-block;
                    width: 0;
                    height: 3px;
                    background: #1fa239;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin-left: auto;
                    margin-right: auto;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

        .nav .list > li:hover > a, .nav .list > li.cur > a {
            color: #1fa239;
        }

            .nav .list > li:hover > a span:after, .nav .list > li.cur > a span:after {
                width: 100%;
            }

        .nav .list > li:hover .child {
            top: 105px;
            display: block \9;
            visibility: visible;
            opacity: 1;
            z-index: 1;
        }

            .nav .list > li:hover .child a {
                height: 35px;
            }

.nav .child {
    font-size: 14px;
    position: absolute;
    z-index: -1;
    top: 105px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none \9;
    visibility: hidden;
    opacity: 0;
    padding: 0 0 0 0;
}

    .nav .child:after {
        content: "";
        display: block;
        width: 100%;
        border-bottom: 1px rgba(31,162,57,0.9) solid;
        position: absolute;
        bottom: -2px;
    }

    .nav .child .box {
        background: #1fa239 \9;
        background: rgba(31,162,57,0.9);
        padding: 10px 0;
        position: relative;
    }

        .nav .child .box:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px;
            border-color: transparent transparent #1fa239 transparent;
            position: absolute;
            top: -10px;
            left: 50%;
            margin-left: -5px;
            display: block;
        }

    .nav .child a {
        padding: 0 5px;
        display: block;
        color: #fff;
        position: relative;
        overflow: hidden;
        line-height: 34px;
        height: 0;
        -webkit-transition: .3s height cubic-bezier(.73, .32, .34, 1.5),.5s background,.5s padding-left;
        transition: .3s height cubic-bezier(.73, .32, .34, 1.5),.5s background,.5s padding-left;
    }

        .nav .child a:hover {
            background: #30b154;
            color: #fff;
            padding-left: 15px;
        }

.nav li:nth-child(3) .child {
    width: 150%;
    left: 50%;
    margin-left: -75%;
}

.headerFixed {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.1);
}

    .headerFixed .logo-text {
        padding-top: 0;
    }

        .headerFixed .logo-text .logo {
            padding-top: 5px;
            padding-bottom: 5px;
            height: 65px;
            width: auto;
        }

        .headerFixed .logo-text .text {
            font-size: 16px;
            margin-top: 16px;
        }

    .headerFixed .nav .list > li > a {
        padding-top: 15px;
        padding-bottom: 10px;
    }

        .headerFixed .nav .list > li > a:hover .child {
            top: 65px;
        }

    .headerFixed .nav .child {
        top: 65px !important;
    }

.banner {
    overflow: hidden;
    width: 100%;
    height: 650px;
    position: relative;
    text-align: center;
}

    .banner .list {
        width: 1920px;
        left: 50%;
        margin-left: -960px;
        height: 650px;
        position: relative;
        z-index: 0;
    }

        .banner .list .box {
            position: relative;
            height: 650px;
        }

        .banner .list img {
            display: initial;
        }

    .banner .slick-dots {
        bottom: 30px;
        z-index: 999;
    }

        .banner .slick-dots li {
            width: 10px;
            height: 10px;
            margin: 0 2px 0 3px;
            position: relative;
            border-radius: 50%;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .banner .slick-dots li button {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                background: #219cdc;
                border-radius: 18px;
                width: 10px;
                height: 10px;
                padding: 0;
                -webkit-transition: all .5s;
                transition: all .5s;
            }

                .banner .slick-dots li button:before {
                    display: none;
                }

            .banner .slick-dots li:hover button {
                background: #fff;
            }

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

            .banner .slick-dots .slick-active button {
                width: 100%;
                background: #fff;
            }

    .banner .box {
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

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

    .home-title .cn {
        color: #1c2d73;
        font-size: 36px;
        font-weight: 700;
    }

    .home-title .en {
        color: #219cdc;
        font-size: 24px;
    }

        .home-title .en span {
            display: inline-block;
            position: relative;
        }

            .home-title .en span:before, .home-title .en span:after {
                content: "";
                display: inline-block;
                width: 60px;
                height: 2px;
                background: #219cdc;
                vertical-align: middle;
                margin: -3px 10px 0 10px;
            }

.home-product {
    padding: 70px 0 50px 0;
}

    .home-product .list {
        margin-top: 30px;
        margin-left: -10px;
        margin-right: -10px;
    }

    .home-product li {
        width: 50%;
        float: left;
        padding: 0 10px 0 10px;
    }

        .home-product li .box {
            display: block;
            position: relative;
        }

        .home-product li .pic {
            overflow: hidden;
            position: relative;
            display: block;
        }

            .home-product li .pic:after {
                content: "";
                display: block;
                padding-top: 66.10169492%;
            }

        .home-product li .hover {
            position: absolute;
            bottom: -100%;
            background: rgba(33,156,220,0.95);
            width: 100%;
            padding: 15px 20px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .home-product li .hover a {
                font-size: 18px;
                color: #fff;
                width: 50%;
                float: left;
                display: block;
                height: 32px;
                line-height: 32px;
                padding-left: 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -webkit-transition: all .5s;
                transition: all .5s;
                position: relative;
            }

                .home-product li .hover a:before {
                    content: "";
                    display: block;
                    width: 5px;
                    height: 5px;
                    background: #fff;
                    border-radius: 50%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                }

                .home-product li .hover a:hover {
                    text-decoration: underline;
                    padding-left: 25px;
                }

        .home-product li .title {
            margin-top: 20px;
            font-size: 30px;
            color: #666;
            text-align: center;
            display: block;
        }

            .home-product li .title span {
                display: inline-block;
                height: 52px;
                line-height: 52px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                z-index: 1;
                padding: 0 10px;
                max-width: 100%;
                position: relative;
            }

                .home-product li .title span:after {
                    content: "";
                    display: block;
                    width: 100%;
                    background: #bee3fe;
                    height: 6px;
                    position: absolute;
                    left: 0;
                    z-index: -1;
                    bottom: 8px;
                }

        .home-product li .box:hover .hover {
            bottom: 0;
        }

    .home-product .slick-prev, .home-product .slick-next {
        z-index: 9;
        width: 60px;
        height: 30px;
        top: 40%;
        background-color: rgba(31,162,57,0.9);
        background-position: center;
        background-repeat: no-repeat;
    }

        .home-product .slick-prev:before, .home-product .slick-next:before {
            display: none;
        }

        .home-product .slick-prev:hover, .home-product .slick-next:hover {
            background-color: rgba(33,156,220,0.9);
        }

    .home-product .slick-prev {
        left: 0;
        background-image: url(../images/icon/arrow-left-02.png);
    }

    .home-product .slick-next {
        right: 0;
        background-image: url(../images/icon/arrow-right-02.png);
    }

.home-case {
    background: #f3f3f3;
    padding: 70px 0;
}

    .home-case .list {
        margin-top: 30px;
        margin-bottom: 38px;
        margin-left: -3px;
        margin-right: -4px;
    }

    .home-case li {
        width: 33.33333333%;
        float: left;
        padding: 0 4px 7px 3px;
    }

        .home-case li .box {
            display: block;
            position: relative;
        }

        .home-case li .pic {
            overflow: hidden;
            position: relative;
            display: block;
        }

            .home-case li .pic:after {
                content: "";
                display: block;
                padding-top: 67.08860759%;
            }

        .home-case li img {
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .home-case li .text {
            position: absolute;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            width: 100%;
            padding-left: 20px;
            padding-right: 60px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .home-case li .title {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            height: 52px;
            line-height: 52px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .home-case li .icon {
            display: block;
            width: 30px;
            height: 6px;
            background: url(../images/icon/arrow-right-01.png) no-repeat center center;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            right: 20px;
            margin: auto;
        }

        .home-case li .box:hover .text {
            background: #1fa239;
        }

        .home-case li .box:hover img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .home-case li .box:hover .icon {
            background: url(../images/icon/arrow-right-02.png) no-repeat center center;
        }

    .home-case .more {
        display: block;
        text-align: center;
    }

        .home-case .more a {
            display: inline-block;
            border: 2px #219cdc solid;
            line-height: 34px;
            min-width: 195px;
            color: #219cdc;
            text-align: left;
            padding-left: 12px;
            padding-right: 12px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .home-case .more a .icon {
                display: inline-block;
                width: 22px;
                height: 7px;
                background: url(../images/icon/arrow-right-03.png) no-repeat center center;
                float: right;
                margin-top: 13px;
            }

            .home-case .more a:hover {
                background: #219cdc;
                color: #fff;
            }

                .home-case .more a:hover .icon {
                    background: url(../images/icon/arrow-right-04.png) no-repeat center center;
                }

.home-news-about {
    overflow: hidden;
    background: #0063b4;
    color: #fff;
    z-index: 1;
    position: relative;
}

    .home-news-about:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 50%;
        margin-left: -30px;
        background: url(../images/home-about-bg.jpg) no-repeat;
        background-size: cover;
    }

    .home-news-about .txt {
        line-height: 1;
        font-size: 303px;
        color: rgba(255,255,255,0.03);
        position: absolute;
        left: 0;
        bottom: -110px;
        font-family: dinblackalternate;
    }

.home-news {
    width: 47.5%;
    float: left;
    padding-top: 115px;
    padding-bottom: 115px;
    padding-right: 150px;
    position: relative;
    z-index: 1;
}

    .home-news .title {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
    }

    .home-news li {
        clear: both;
        border-bottom: 1px #3892db dashed;
    }

        .home-news li .box {
            display: block;
            color: #fff;
            padding: 23px 0;
        }

            .home-news li .box:hover .bt {
                padding-left: 10px;
            }

        .home-news li .date {
            font-size: 16px;
        }

        .home-news li .bt {
            font-size: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #fff;
            margin: 5px 0;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .home-news li .info {
            color: #95c2e9;
            font-size: 14px;
            line-height: 24px;
            height: 48px;
            overflow: hidden;
        }

        .home-news li:last-child {
            border: none;
        }

.home-about {
    width: 52.5%;
    float: left;
    color: #fefefe;
    font-size: 15px;
    padding-top: 115px;
    padding-bottom: 115px;
    position: relative;
    z-index: 1;
}

    .home-about .nr {
        border: 8px #fff solid;
        padding: 60px 60px 55px 145px;
        margin-left: -85px;
        margin-top: 15px;
    }

    .home-about .title {
        text-align: left;
        margin-bottom: 30px;
        line-height: 1.2;
        position: relative;
    }

        .home-about .title:after {
            content: "";
            display: block;
            width: 76px;
            height: 2px;
            background: #fff;
            margin-top: 25px;
        }

        .home-about .title .en {
            font-size: 50px;
            margin-bottom: 5px;
        }

        .home-about .title .cn {
            font-size: 36px;
            font-weight: 700;
        }

    .home-about .info {
        line-height: 2;
    }

    .home-about .btn {
        text-align: right;
    }

        .home-about .btn a {
            display: inline-block;
            background: #1fa239;
            color: #fff;
            min-width: 185px;
            padding: 0 10px;
            line-height: 40px;
            text-align: center;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .home-about .btn a:hover {
                background: #0063b4;
            }

.footer {
    background: #323337;
    color: #fff;
    padding: 50px 0 50px 0;
    position: relative;
    clear: both;
    overflow: hidden;
    font-size: 16px;
}

    .footer a {
        color: #fff;
    }

        .footer a:hover {
            text-decoration: underline;
        }

    .footer img {
        vertical-align: middle;
    }

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

    .footer .share {
        font-size: 0;
        padding-bottom: 20px;
    }

        .footer .share .bdsharebuttonbox {
            display: inline-block;
            vertical-align: middle;
        }

        .footer .share .bdshare-button-style2-16 a {
            display: inline-block;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            margin: 0 4px;
        }

        .footer .share .bdshare-button-style2-16 .bds_weixin {
            background: #1fa239 url(../images/icon/wechat.png) no-repeat center center;
        }

            .footer .share .bdshare-button-style2-16 .bds_weixin:hover {
                border-color: #0063b4;
                background: #0063b4 url(../images/icon/wechat.png) no-repeat center center;
            }

        .footer .share .bdshare-button-style2-16 .bds_tsina {
            background: #1fa239 url(../images/icon/sina.png) no-repeat center center;
        }

            .footer .share .bdshare-button-style2-16 .bds_tsina:hover {
                border-color: #0063b4;
                background: #0063b4 url(../images/icon/sina.png) no-repeat center center;
            }

.bd_weixin_popup, .bd_weixin_popup * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

    .bd_weixin_popup .bd_weixin_popup_foot {
        line-height: 18px !important;
    }

    .bd_weixin_popup .bd_weixin_popup_main {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

.inside-banner {
    overflow: hidden;
}

    .inside-banner .pic {
        width: 1920px;
        left: 50%;
        margin-left: -960px;
        text-align: center;
        height: 400px;
        position: relative;
        background-repeat: no-repeat;
    }

.bread {
    font-weight: 400;
    font-size: 14px;
    color: #b0b0b0;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px #f0f0f0 solid;
}

    .bread a {
        color: #b0b0b0;
    }

        .bread a:hover {
            color: #1fa239;
        }

    .bread img {
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 5px;
    }

    .bread span {
        color: #818181;
    }

.inside {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .inside .mainTitle {
        padding: 0 0 15px 0;
        color: #666;
        font-size: 26px;
    }

        .inside .mainTitle img {
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 7px;
        }

    .inside .aside {
        width: 22.5%;
        float: left;
        background: #fff;
    }

        .inside .aside .category {
            margin-bottom: 15px;
        }

            .inside .aside .category .title {
                color: #fff;
                background: #1c2d73;
                text-align: center;
                padding: 10px 0 10px 0;
                margin-bottom: 16px;
                position: relative;
                z-index: 0;
            }

                .inside .aside .category .title .cn {
                    display: block;
                    font-size: 30px;
                    font-weight: bold;
                    position: relative;
                    z-index: 1;
                    margin-bottom: 6px;
                }

                .inside .aside .category .title .en {
                    font-size: 16px;
                    color: rgba(255,255,255,0.5);
                    font-family: arial;
                    position: relative;
                    z-index: 1;
                }

            .inside .aside .category .list {
                border-left: 1px #e5e5e5 solid;
                border-right: 1px #e5e5e5 solid;
                border-bottom: 1px #e5e5e5 solid;
                padding-bottom: 25px;
            }

            .inside .aside .category li {
                position: relative;
            }

                .inside .aside .category li > a {
                    display: block;
                    color: #666;
                    border-bottom: 1px #f0f0f0 solid;
                    font-size: 14px;
                    padding: 11px 64px 11px 18px;
                    position: relative;
                    -webkit-transition: padding .5s;
                    transition: padding .5s;
                }

                    .inside .aside .category li > a:before {
                        content: "";
                        display: block;
                        width: 13px;
                        height: 13px;
                        border-bottom: 1px #cdcdcd solid;
                        border-left: 1px #cdcdcd solid;
                        position: absolute;
                        right: 15px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        -webkit-transform: translateY(-5px) rotate(-45deg);
                        transform: translateY(-5px) rotate(-45deg);
                        -webkit-transition: all .5s;
                        transition: all .5s;
                    }

                    .inside .aside .category li > a:hover {
                        border-left-color: #0063b4;
                        background: #219cdc;
                        color: #fff;
                        padding-left: 35px;
                    }

                        .inside .aside .category li > a:hover:before {
                            -webkit-transform: translateY(5px) rotate(135deg);
                            transform: translateY(5px) rotate(135deg);
                            border-color: #fff;
                        }

            .inside .aside .category .child {
                padding: 20px 0;
                background: #f6fcff;
                border-bottom: 1px #d9effa solid;
                display:none;
            }

                .inside .aside .category .child > a {
                    padding: 0 20px 0 40px;
                    display: block;
                    line-height: 35px;
                    color: #232323;
                    position: relative;
                }

                    .inside .aside .category .child > a span {
                        background: url(../images/icon/arrow-right-07.png) no-repeat right 10px;
                        border-left: 1px #e3e3e3 solid;
                        padding-left: 15px;
padding-right: 10px;
                        display: block;
                        position: relative;
                    }

                        .inside .aside .category .child > a span:before {
                            content: "";
                            display: block;
                            width: 9px;
                            height: 9px;
                            border-radius: 50%;
                            border: 1px #219cdc solid;
                            position: absolute;
                            left: -5px;
                            top: 12px;
                        }

                        .inside .aside .category .child > a span:after {
                            content: "";
                            display: block;
                            width: 5px;
                            height: 5px;
                            border-radius: 50%;
                            background: #219cdc;
                            position: absolute;
                            left: -3px;
                            top: 14px;
                        }

                    .inside .aside .category .child > a:hover, .inside .aside .category .child > a.cur {
                        color: #1fa239;
                    }

                        .inside .aside .category .child > a:hover > a:before, .inside .aside .category .child > a.cur > a:before {
                            -webkit-transform: translateY(5px) rotate(135deg);
                            transform: translateY(5px) rotate(135deg);
                            border-color: #fff;
                        }

                        .inside .aside .category .child > a:hover span, .inside .aside .category .child > a.cur span {
                            background: url(../images/icon/arrow-right-08.png) no-repeat right 10px;
                        }

                            .inside .aside .category .child > a:hover span:before, .inside .aside .category .child > a.cur span:before {
                                border-color: #1fa239;
                            }

                            .inside .aside .category .child > a:hover span:after, .inside .aside .category .child > a.cur span:after {
                                background: #1fa239;
                            }

            .inside .aside .category .cur > a {
                font-weight: 700;
                background: #219cdc;
                color: #fff;
                border-bottom: 1px #219cdc solid;
            }

                .inside .aside .category .cur > a:before {
                    -webkit-transform: translateY(-5px) rotate(-45deg);
                    transform: translateY(-5px) rotate(-45deg);
                    border-color: #fff;
                }

    .inside .mainRight {
        width: 77.5%;
        height: 100%;
        float: left;
        background: #fff;
        padding: 0 0 0 60px;
        position: relative;
    }

.product {
    overflow: hidden;
    padding-bottom: 70px;
}

    .product .list {
        margin-left: -17px;
        margin-right: -17px;
        margin-bottom: 65px;
    }

    .product li {
        width: 33.33333333%;
        float: left;
        padding: 0 17px 25px 17px;
    }

    .product .box {
        text-align: center;
        display: block;
        position: relative;
        border: 1px #e6e6e6 solid;
        padding-bottom: 22px;
        padding: 5px 5px 22px 5px;
    }

        .product .box .pic {
            display: block;
            position: relative;
        }

            .product .box .pic span {
                overflow: hidden;
                position: relative;
                display: block;
            }

                .product .box .pic span:after {
                    content: "";
                    display: block;
                    padding-top: 76.47058824%;
                }

                .product .box .pic span:before {
                    content: "";
                    display: none;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 1;
                    top: 0;
                    left: 0;
                    background: rgba(31,162,57,0);
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

            .product .box .pic img {
                -webkit-transition: all .5s;
                transition: all .5s;
            }

        .product .box .bt {
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .product .box .btn {
            display: block;
            text-align: center;
        }

            .product .box .btn span {
                display: inline-block;
                border: 1px #d8d5d5 solid;
                color: #666;
                font-size: 14px;
                line-height: 30px;
                border-radius: 30px;
                padding: 0 10px;
                min-width: 140px;
                -webkit-transition: all .5s;
                transition: all .5s;
            }

        .product .box:hover {
            border-color: #1fa239;
        }

            .product .box:hover .bt {
                color: #1fa239;
            }

            .product .box:hover .btn span {
                border-color: #1fa239;
                background: #1fa239;
                color: #fff;
            }

            .product .box:hover .pic span img {
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

            .product .box:hover .pic span:before {
                background: rgba(31,162,57,0.8);
            }

            .product .box:hover .pic .btn {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

.product-show .title {
    text-align: center;
    color: #666;
    font-size: 34px;
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 25px;
}

.product-show .nr {
    color: #666;
    font-size: 16px;
    line-height: 2;
}

.product-show .p-01 .icon {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}

.classify {
    margin-bottom: 40px;
}

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

    .classify li {
        display: inline-block;
        width: 25%;
        text-align: center;
        position: relative;
        padding-left: 1px;
    }

        .classify li:after {
            content: "";
            display: none;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 17px 16px 0 16px;
            border-color: #1fa239 transparent transparent transparent;
            position: absolute;
            bottom: -17px;
            left: 0;
            right: 0;
            margin: auto;
        }

        .classify li a {
            background: #219cdc;
            display: block;
            color: #fff;
            font-size: 16px;
            line-height: 50px;
            height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .classify li:hover:after, .classify li.cur:after {
            display: block;
        }

        .classify li:hover a, .classify li.cur a {
            background: #1fa239;
        }

.about {
    color: #555;
    font-size: 16px;
    line-height: 2;
    overflow: hidden;
}

    .about .p-01 {
        text-align: center;
        font-size: 36px;
    }

    .about .p-02 {
        text-align: center;
        color: #f52828;
        font-size: 16px;
    }

    .about .p-03 {
        text-align: center;
        color: #666;
        font-size: 16px;
        position: relative;
    }

        .about .p-03:after {
            content: "";
            display: block;
            width: 32px;
            height: 3px;
            background: #1fa239;
            margin: 10px auto;
        }

    .about .div-01 {
        z-index: 1;
        position: relative;
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

        .about .div-01:after {
            content: "";
            display: block;
            width: 1000%;
            height: 165px;
            background: #fff;
            position: absolute;
            z-index: -1;
            top: 0;
            left: -50%;
        }

        .about .div-01:before {
            content: "";
            display: block;
            width: 1000%;
            height: 100%;
            background: #f2f2f2;
            position: absolute;
            z-index: -1;
            top: 0;
            left: -50%;
        }

    .about .div-02 {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 60px;
        padding-bottom: 60px;
        position: relative;
    }

        .about .div-02:before {
            content: "";
            display: block;
            width: 1000%;
            height: 100%;
            background: #f2f2f2;
            position: absolute;
            z-index: -1;
            top: 0;
            left: -50%;
        }

    .about .p-04 {
        text-align: center;
        font-size: 36px;
        color: #333;
    }

.colorGreen {
    color: #1fa239;
}

.honor {
    padding-top: 10px;
    padding-bottom: 40px;
    color: #686767;
}

    .honor .list {
        overflow: hidden;
        position: relative;
    }

        .honor .list:after {
            content: "";
            display: block;
            width: 1px;
            height: 100%;
            background: #dbf0df;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

    .honor li {
        width: 50%;
        float: left;
        padding-right: 50px;
        padding-bottom: 20px;
        position: relative;
        clear: both;
        z-index: 1;
        text-align: right;
    }

        .honor li:before {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #1fa239;
            position: absolute;
            z-index: 99;
            right: 70px;
            top: 36px;
        }

        .honor li:after {
            content: "";
            display: block;
            width: 70px;
            height: 3px;
            background: #1fa239;
            position: absolute;
            z-index: 99;
            right: 0;
            top: 40px;
        }

    .honor .box {
        position: relative;
        line-height: 1.875;
    }

    .honor .bt {
        color: #2b2b2b;
        font-size: 44px;
        font-weight: 700;
        padding-right: 40px;
    }

    .honor .info {
        font-size: 16px;
    }

    .honor .p-01 {
        position: relative;
        padding-right: 40px;
    }

    .honor .day {
        color: #1fa239;
        position: absolute;
        z-index: -1;
        right: 0;
        font-weight: 700;
    }

    .honor li:nth-child(2n+1) {
        padding-right: 0;
        padding-left: 50px;
        float: right;
        text-align: left;
    }

        .honor li:nth-child(2n+1):before {
            left: 70px;
        }

        .honor li:nth-child(2n+1):after {
            left: 0;
        }

        .honor li:nth-child(2n+1) .bt {
            padding-right: 0;
            padding-left: 40px;
        }

        .honor li:nth-child(2n+1) .p-01 {
            padding-left: 40px;
            padding-right: 0;
        }

        .honor li:nth-child(2n+1) .day {
            left: 0;
        }

        .honor li:nth-child(2n+1) .box:before {
            right: auto;
            left: -25px;
            border-width: 14px 25px 14px 0;
            border-color: transparent #155095 transparent transparent;
        }

.news {
    padding-bottom: 70px;
}

    .news .hot {
        background: #f3f3f3;
        text-align: center;
        padding: 45px 0;
    }

        .news .hot .container {
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        .news .hot .bt {
            font-size: 32px;
        }

            .news .hot .bt img {
                vertical-align: middle;
                margin-top: -5px;
            }

        .news .hot .date {
            color: #1fa239;
            margin: 20px 0;
        }

        .news .hot .info {
            line-height: 28px;
            height: 84px;
            overflow: hidden;
            font-size: 16px;
            color: #666;
        }

        .news .hot .btn {
            position: relative;
            margin-top: 25px;
            text-align: center;
        }

            .news .hot .btn:before {
                content: "";
                display: block;
                width: 1px;
                height: 15px;
                background: #1fa239;
                margin: auto;
            }

            .news .hot .btn a {
                display: block;
                width: 40px;
                height: 40px;
                margin: auto;
                border-radius: 50%;
                background: #1fa239;
                position: relative;
            }

                .news .hot .btn a:before, .news .hot .btn a:after {
                    content: "";
                    display: block;
                    background: #fff;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    margin: auto;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

                .news .hot .btn a:before {
                    width: 22px;
                    height: 2px;
                }

                .news .hot .btn a:after {
                    width: 2px;
                    height: 22px;
                }

                .news .hot .btn a:hover {
                    background: #219cdc;
                }

                    .news .hot .btn a:hover:before, .news .hot .btn a:hover:after {
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

    .news .list {
        overflow: hidden;
        margin-bottom: 90px;
    }

    .news li {
        padding-top: 55px;
        padding-bottom: 55px;
    }

        .news li:nth-child(2n) {
            background: #f3f3f3;
        }

    .news .box {
        position: relative;
        padding-left: 275px;
    }

        .news .box .pic {
            overflow: hidden;
            width: 275px;
            display: block;
            float: left;
            position: absolute;
            left: 0;
        }

            .news .box .pic:after {
                content: "";
                display: block;
                padding-top: 65.45454545%;
            }

            .news .box .pic img {
                -webkit-transition: all .5s;
                transition: all .5s;
            }

        .news .box .text {
            -webkit-transition: background-color,padding-right .5s;
            transition: background-color,padding-right .5s;
            padding-right: 20px;
            padding-left: 40px;
            position: relative;
        }

            .news .box .text:after {
                content: "";
                display: block;
                width: 80px;
                height: 2px;
                background: #1fa239;
                position: absolute;
                top: 45px;
                left: -15px;
            }

        .news .box .bt {
            font-size: 20px;
            color: #222;
            display: block;
            height: 40px;
            line-height: 40px;
            margin-bottom: 18px;
            padding-right: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .news .box .date {
            float: right;
            font-size: 14px;
            color: #1fa239;
            font-weight: 700;
            position: absolute;
            right: 0;
        }

        .news .box .info {
            font-size: 15px;
            color: #666;
            line-height: 26px;
            height: 52px;
            overflow: hidden;
            margin-bottom: 35px;
        }

        .news .box .btn span {
            display: inline-block;
            background: #219cdc;
            color: #fff;
            min-width: 150px;
            height: 35px;
            line-height: 35px;
            border-radius: 35px;
            text-align: center;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

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

        .news .box:hover .btn span {
            background: #1fa239;
        }

.show {
    font-size: 15px;
    color: #595959;
    line-height: 2;
    padding-top: 10px;
    text-align: justify;
}

    .show .show-title {
        font-size: 36px;
        line-height: 1.5;
        text-align: center;
        padding: 20px 0;
        color: #222;
        font-weight: 400;
    }

    .show .show-info {
        text-align: center;
        font-size: 12px;
        color: #adadad;
        border-top: 1px #e6e6e6 solid;
        border-bottom: 1px #e6e6e6 solid;
        line-height: 48px;
    }

        .show .show-info .date, .show .show-info .author, .show .show-info .source, .show .show-info .share {
            display: inline-block;
            padding: 0 0 0 50px;
        }

        .show .show-info .bdsharebuttonbox {
            display: inline-block;
            vertical-align: middle;
        }

            .show .show-info .bdsharebuttonbox span {
                display: inline-block;
                float: left;
            }

            .show .show-info .bdsharebuttonbox a {
                vertical-align: middle;
                margin-top: 15px;
            }

    .show .nr {
        color: #545454;
        font-size: 16px;
        margin: 30px 0 50px 0;
    }

    .show .p-01 {
        position: relative;
        color: #1fa239;
        font-size: 22px;
        font-weight: 700;
    }

        .show .p-01:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 0 8px 13px;
            border-color: transparent transparent transparent #1fa239;
            margin-right: 5px;
        }

.prev-next {
    overflow: hidden;
    position: relative;
    font-size: 14px;
    line-height: 40px;
    background: #219cdc;
}

    .prev-next a {
        color: #fff;
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .prev-next a span {
        color: #fff;
    }

    .prev-next .prev, .prev-next .next {
        width: 50%;
        float: left;
        -webkit-transition: all .5s;
        transition: all .5s;
        overflow: hidden;
    }

        .prev-next .prev:hover, .prev-next .next:hover {
            background: #1fa239;
        }

            .prev-next .prev:hover a, .prev-next .next:hover a {
                color: #fff;
            }

            .prev-next .prev:hover span, .prev-next .next:hover span {
                color: #fff;
            }

    .prev-next .prev {
        border-right: 1px #fff solid;
    }

    .prev-next .next {
        border-left: 1px #fff solid;
    }

.relatedBt {
    color: #555;
    font-size: 26px;
    margin-bottom: 30px;
}

    .relatedBt img {
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 5px;
    }

.related-news {
    overflow: hidden;
    padding-top: 30px;
    margin-bottom: 30px;
}

    .related-news .list {
        margin: 0 -10px;
    }

    .related-news li {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        width: 50%;
        float: left;
    }

        .related-news li .box {
            border-top: 5px #e0e0e0 solid;
            display: block;
            background: #fff;
            -webkit-transition: background .5s;
            transition: background .5s;
            padding: 20px 45px 30px 45px;
        }

        .related-news li .date {
            color: #1fa239;
            font-size: 14px;
        }

        .related-news li .title {
            color: #333;
            font-size: 20px;
            background: url(../images/icon/arrow-right-05.png) no-repeat right center;
            padding-right: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 5px;
        }

        .related-news li .info {
            line-height: 24px;
            height: 48px;
            overflow: hidden;
            color: #888;
            font-size: 14px;
        }

        .related-news li .box:hover {
            background: #1fa239;
            color: #fff;
        }

            .related-news li .box:hover .date {
                color: #fff;
            }

            .related-news li .box:hover .title {
                color: #fff;
                background: url(../images/icon/arrow-right-06.png) no-repeat right center;
            }

            .related-news li .box:hover .info {
                color: #fff;
            }

.related-product {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 0;
}

@-webkit-keyframes arrowUp {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1;
    }

    50% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }

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

@keyframes arrowUp {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1;
    }

    50% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }

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

.case {
    padding-bottom: 70px;
}

    .case .hot {
        background: #f3f3f3;
        text-align: center;
        padding: 45px 0;
    }

        .case .hot .container {
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        .case .hot .bt {
            font-size: 32px;
        }

            .case .hot .bt img {
                vertical-align: middle;
                margin-top: -5px;
            }

        .case .hot .date {
            color: #1fa239;
            margin: 20px 0;
        }

        .case .hot .info {
            line-height: 28px;
            height: 84px;
            overflow: hidden;
            font-size: 16px;
            color: #666;
        }

        .case .hot .btn {
            position: relative;
            margin-top: 25px;
            text-align: center;
            -webkit-animation: arrowUp 1s infinite;
            animation: arrowUp 1s infinite;
        }

            .case .hot .btn:before {
                content: "";
                display: block;
                width: 1px;
                height: 15px;
                background: #1fa239;
                margin: auto;
            }

            .case .hot .btn a {
                display: block;
                width: 40px;
                height: 40px;
                margin: auto;
                border-radius: 50%;
                background: #1fa239 url(../images/icon/arrow-download-01.png) no-repeat center center;
                position: relative;
            }

                .case .hot .btn a:hover {
                    background: #219cdc url(../images/icon/arrow-download-01.png) no-repeat center center;
                }

                    .case .hot .btn a:hover:before, .case .hot .btn a:hover:after {
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

    .case .list {
        padding-top: 55px;
        margin-bottom: 90px;
        margin-left: -13px;
        margin-right: -12px;
    }

    .case li {
        width: 33.33333333%;
        float: left;
        padding: 0 12px 35px 13px;
    }

        .case li .box {
            display: block;
            position: relative;
        }

        .case li .pic {
            overflow: hidden;
            position: relative;
            display: block;
        }

            .case li .pic:after {
                content: "";
                display: block;
                padding-top: 67.08860759%;
            }

        .case li .btn {
            display: block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #1fa239;
            -webkit-box-shadow: 0 0 0 7px rgba(31,162,57,0.3);
            box-shadow: 0 0 0 7px rgba(31,162,57,0.3);
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .case li img {
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .case li .text {
            position: relative;
            width: 100%;
            padding-left: 20px;
            padding-right: 50px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        .case li .title {
            font-size: 18px;
            font-weight: 700;
            color: #666;
            height: 52px;
            line-height: 52px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .case li .icon {
            display: block;
            width: 30px;
            height: 6px;
            background: url(../images/icon/arrow-right-01.png) no-repeat center center;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

        .case li .box:hover .btn {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .case li .box:hover .text {
            background: #f1f1f1;
        }

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

        .case li .box:hover .title {
            color: #1fa239;
        }

.related-case {
    padding-top: 30px;
    padding-bottom: 0;
}

    .related-case .list {
        padding-top: 0;
        margin-bottom: 0;
    }

.download {
    padding-bottom: 70px;
}

    .download .list {
        border-top: 4px #4987c5 solid;
        margin-bottom: 90px;
    }

    .download li {
        width: 50%;
        float: left;
        height: 55px;
        border-bottom: 1px #d6d6d6 dotted;
    }

        .download li:nth-child(4n-1) {
            background: #f9f9f9;
        }

        .download li:nth-child(4n) {
            background: #f9f9f9;
        }

    .download .bt {
        font-size: 15px;
        padding: 0 25px 0 25px;
        line-height: 55px;
        height: 55px;
        overflow: hidden;
        position: relative;
    }

        .download .bt img {
            height: 20px;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .download .bt a {
            display: block;
            height: 55px;
            vertical-align: middle;
            padding-left: 30px;
            -webkit-transition: all .5s;
            transition: all .5s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .download .bt a:hover {
                color: #0063b4;
                padding-left: 35px;
            }

.contact {
    border: 1px #e7e6e6 solid;
    overflow: hidden;
}

    .contact .info {
        overflow: hidden;
        border-bottom: 1px #e7e6e6 solid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .contact .info li {
            float: left;
            border-right: 1px #e4e4e4 solid;
            padding: 0;
            width: 25%;
            text-align: center;
            padding: 40px 30px;
        }

            .contact .info li span {
                display: block;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                overflow: hidden;
                -webkit-transition: all .5s;
                transition: all .5s;
                position: relative;
                margin: auto;
            }

            .contact .info li .text {
                display: inline-block;
                line-height: 20px;
                margin-top: 30px;
                min-height: 115px;
            }

            .contact .info li .p-01 {
                color: #505050;
                font-size: 18px;
                margin-bottom: 15px;
            }

            .contact .info li .p-02 {
                color: #242424;
                font-size: 20px;
                line-height: 1.5;
            }

            .contact .info li .p-03 {
                color: #bbb;
                font-family: Arial;
                font-size: 14px;
            }

            .contact .info li:hover span {
                -webkit-transform: rotate(20deg);
                transform: rotate(20deg);
            }

            .contact .info li:last-child {
                border: none;
            }

.map-message {
    position: relative;
}

    .map-message:before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #e4e4e4;
        position: absolute;
        top: 0;
        right: 50%;
    }

.contactMap {
    width: 50%;
    float: left;
    padding: 20px;
}

#allmap {
    height: 610px;
    overflow: hidden;
}

    #allmap img {
        max-width: none;
        max-height: none;
    }

.anchorBL {
    display: none;
}

.message {
    width: 50%;
    float: right;
    padding: 20px;
}

    .message .tips {
        text-align: center;
        background: #e7faeb;
        color: #1fa239;
        font-size: 14px;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .message .red {
        color: #da2f38;
    }

    .message li {
        position: relative;
        margin-bottom: 10px;
        color: #333;
        font-size: 14px;
        clear: both;
        padding: 0 6px;
    }

    .message .p-01 {
        line-height: 30px;
    }

    .message .li-02 {
        width: 50%;
        float: left;
        clear: none;
    }

    .message .yzhm input {
        width: 40%;
        float: left;
    }

    .message .yzhm img {
        margin-left: 5px;
        margin-right: 5px;
    }

    .message .bt {
        width: 65px;
        font-size: 14px;
        color: #555;
        font-weight: 700;
        position: absolute;
        left: 0;
        top: 0;
        text-align: justify;
        text-align-last: justify;
        line-height: 38px;
    }

    .message input, .message textarea {
        width: 100%;
        border: 1px #ebebeb solid;
        color: #333;
        font-size: 14px;
        background: #fff;
        line-height: 36px;
        height: 38px;
        padding: 0 10px;
    }

        .message input:focus, .message textarea:focus {
            border-color: #65a5e7;
            -webkit-box-shadow: 0 0 2px 0 rgba(101,165,231,0.5);
            box-shadow: 0 0 2px 0 rgba(101,165,231,0.5);
        }

    .message select {
        border: 1px #ebebeb solid;
        font-size: 14px;
        background: #fff;
        line-height: 36px;
        height: 38px;
        width: 100%;
        padding: 0 10px;
    }

    .message textarea {
        height: 108px;
        line-height: 24px;
    }

    .message .yzhm input {
        width: 45%;
        float: left;
    }

    .message .yzhm .code {
        float: left;
        margin-right: 10px;
    }

    .message .yzhm .a-01 {
        line-height: 38px;
        float: right;
        color: #9b9b9b;
    }

        .message .yzhm .a-01:hover {
            color: #0063b4;
            text-decoration: underline;
        }

    .message .btn {
        clear: both;
        padding-top: 15px;
        margin-bottom: 0;
        text-align: center;
    }

        .message .btn a {
            display: inline-block;
            background: #219cdc;
            color: #fff;
            min-width: 220px;
            line-height: 44px;
            text-align: center;
            padding: 0 10px;
            font-size: 16px;
            font-weight: 700;
            border-radius: 44px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .message .btn a:hover {
                background: #0063b4;
            }

.map {
    margin: 0 auto;
}

    .map dl {
        border: #d6dbe1 solid 1px;
        border-top: #0063b4 solid 2px;
        border-bottom: none;
        margin: 20px 0 20px 0;
    }

        .map dl dt {
            background: #fcfcfc;
            color: #0053a8;
            font-size: 16px;
            line-height: 40px;
            border-bottom: #d6dbe1 solid 1px;
            padding: 0 0 0 20px;
        }

            .map dl dt img {
                margin-left: 20px;
            }

        .map dl dd {
            font-size: 12px;
            line-height: 30px;
            overflow: hidden;
            padding-top: 10px;
        }

            .map dl dd div {
                clear: both;
                overflow: hidden;
                line-height: 30px;
                border-bottom: #d6dbe1 solid 1px;
                padding: 0 20px 10px 10px;
            }

                .map dl dd div a {
                    color: #333;
                    float: left;
                    padding: 0 10px 0 10px;
                }

                    .map dl dd div a:hover {
                        color: #003e7e;
                        background: #0063b4;
                        color: #fff;
                    }

        .map dl:hover {
            background: #f3fafa;
        }

            .map dl:hover dt a {
                color: #0063b4;
            }