@charset "utf-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

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

* {
    margin: 0;
    padding: 0
}

body {
    font-family: arial;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0 auto;
    background: #fff;
    -webkit-tap-highlight-color: transparent
}

a:link, a:visited {
    text-decoration: none;
    outline: 0;
    color: #666
}

a:hover, a:active, a:focus {
    color: #666;
    text-decoration: none
}

ul, li {
    list-style: none
}

ul {
    padding: 0
}

li {
    zoom: 1;
    vertical-align: middle
}

ol {
    margin: 0;
    padding: 0;
    padding-left: 36px
}

fieldset, img {
    border: 0
}

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

div {
    outline: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border: 0;
    width: 100%
}

th, td {
    padding: 0
}

input, textarea {
    font-family: arial;
    font-size: 14px
}

input {
    outline: 0
}

textarea {
    outline: 0
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: 0
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    padding: 0;
    color: #666;
    outline: 0
}

input, textarea {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-radius: 0;
    overflow-y: hidden;
    overflow-x: hidden
}

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

:-moz-placeholder {
    color: #333;
    opacity: 1
}

::-moz-placeholder {
    color: #333;
    opacity: 1
}

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

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix {
    clear: both
}

    .clearfix:after {
        clear: both;
        height: 0;
        content: "";
        line-height: 0;
        font-size: 0;
        display: block
    }

.pic {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .pic img {
        transition: .5s
    }

    .pic:after {
        content: '';
        display: block;
        padding-bottom: 100%
    }

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto
}

.container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.prompt {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/ie_sosad.png) no-repeat center 35% #fff;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 999;
    filter: alpha(opacity=80);
    opacity: 80
}

    .prompt span {
        position: absolute;
        font-size: 14px;
        font-family: 'Microsoft YaHei';
        top: 55%;
        left: 50%;
        margin-left: -152px;
        width: 304px;
        display: block;
        line-height: 24px;
        color: #666
    }

        .prompt span a {
            text-decoration: underline
        }

    .prompt .prompt_close {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 30px;
        top: 30px;
        background: url(../images/closed.png) no-repeat center center;
        cursor: pointer
    }

#container {
    overflow: hidden;
    position: relative
}

.top {
    border-top: 4px solid #1a3c64;
    line-height: 35px;
    position: fixed;
    width: 100%;
    z-index: 33;
    top: 0;
    left: 0;
    background: #fff
}

    .top .fr {
        margin-right: -52px;
        padding-left: 30px;
        position: relative;
        background: url("../images/bg0.png") no-repeat top left
    }

        .top .fr:after {
            content: '';
            display: block;
            width: 10000px;
            height: 35px;
            left: 50px;
            position: absolute;
            top: 0;
            background: #1a3c64
        }

    .top .phone {
        font-family: "DINPro-Regular";
        float: left;
        font-size: 20px;
        background: url("../images/phone.png") no-repeat center left;
        padding-left: 28px;
        background-size: 18px;
        letter-spacing: 1px;
        position: relative;
        z-index: 2
    }

        .top .phone a {
            color: #fff
        }

    .top .lan {
        float: left;
        position: relative;
        z-index: 2;
        margin-left: 43px
    }

        .top .lan p {
            background: url("../images/sanjiao.png") no-repeat center right;
            background-size: 11px;
            padding-right: 23px;
            color: #fff;
            cursor: pointer
        }

        .top .lan > ul {
            position: absolute;
            z-index: 9999;
            top: 100%;
            display: none;
            width: 200%;
            padding: 5px 0;
            text-align: center;
            background: #1a3c64
        }

            .top .lan > ul li:hover {
                background: #39f
            }

            .top .lan > ul li a {
                line-height: 30px;
                display: inline-block;
                height: 30px;
                color: #fff;
                text-align: left;
                width: 125px;
                margin: 0 auto
            }

                .top .lan > ul li a img {
                    margin-right: 20px;
                    float: left;
                    margin-top: 3px
                }

    .top .goutong {
        float: left;
        position: relative;
        z-index: 2;
        margin-left: 38px
    }

        .top .goutong span {
            display: block;
            background: url("../images/sanjiao.png") no-repeat center right;
            background-size: 11px;
            padding-right: 11px;
            height: 35px
        }

        .top .goutong ul {
            position: absolute;
            top: 35px;
            right: 0;
            background: #1a3c64;
            z-index: 22;
            width: 50px;
            display: none;
            text-align: center
        }

            .top .goutong ul li {
                padding: 3px 0
            }

                .top .goutong ul li img {
                    margin: 0 auto
                }

@media (min-width:1025px) {
    .top .goutong ul li:hover {
        background: #214b7d
    }
}

@media (min-width:1025px) {
    .top .goutong:hover ul {
        display: block
    }
}

.top .goutong img {
    height: 30px;
    display: block
}

.fudong {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 333
}

    .fudong .goutong {
        float: left;
        position: relative;
        z-index: 2;
        margin-left: 38px
    }

        .fudong .goutong ul {
            background: #1a3c64;
            width: 50px;
            text-align: center
        }

            .fudong .goutong ul li {
                padding: 10px 0
            }

                .fudong .goutong ul li img {
                    margin: 0 auto
                }

@media (min-width:1025px) {
    .fudong .goutong ul li:hover {
        background: #214b7d
    }
}

@media (min-width:1025px) {
    .fudong .goutong:hover ul {
        display: block
    }
}

.fudong .goutong img {
    height: 30px;
    display: block
}

.header {
    height: 77px;
    transition: .5s;
    width: 100%;
    position: fixed;
    z-index: 6;
    left: 0;
    background: #fff;
    top: 35px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}

    .header .logo {
        float: left;
        z-index: 4;
        transition: .5s;
        padding-top: 19px;
        margin-left: -72px
    }

        .header .logo a {
            float: left;
            position: relative
        }

            .header .logo a img {
                transition: .5s;
                display: block;
                height: 32px
            }

    .header .header-right {
        float: right;
        transition: .5s;
        margin-right: -63px;
        position: relative
    }

        .header .header-right .nav {
            float: right;
            margin-right: 56px
        }

            .header .header-right .nav ul li {
                float: left;
                padding-left: 57px
            }

                .header .header-right .nav ul li > a {
                    display: block;
                    color: #333;
                    font-size: 16px;
                    line-height: 77px;
                    text-align: center;
                    position: relative;
                    transition: .5s;
                    text-transform: capitalize
                }

                    .header .header-right .nav ul li > a:before {
                        content: "";
                        display: none;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 0 8px 8px 8px;
                        border-color: transparent transparent rgba(255,255,255,0.9) transparent;
                        position: absolute;
                        bottom: -9px;
                        left: 50%;
                        transform: translateX(-50%)
                    }

@media (min-width:1025px) {
    .header .header-right .nav ul li:hover a {
        text-shadow: 1px 0 0 #000
    }

        .header .header-right .nav ul li:hover a:before {
            display: block
        }

    .header .header-right .nav ul li:hover .navChild {
        display: block
    }
}

.header .header-right .nav ul li .navChild {
    font-size: 16px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 76px;
    text-align: left;
    display: none;
    z-index: 7;
    padding: 9px 0
}

    .header .header-right .nav ul li .navChild .box {
        padding: 10px 0;
        background: #fff;
        width: 100%;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        background-size: 50% 50%;
        background-repeat: no-repeat;
        overflow: hidden;
        position: relative
    }

    .header .header-right .nav ul li .navChild svg {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .header .header-right .nav ul li .navChild .titleBig {
        color: #1a3c64;
        font-weight: bold;
        font-size: 16px;
        line-height: 1;
        border-bottom: 1px #c8d7dd solid;
        padding: 28px 0 24px 58px;
        letter-spacing: 1px;
        position: relative
    }

        .header .header-right .nav ul li .navChild .titleBig:after {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #f07d00;
            position: absolute;
            left: 32px;
            top: 31px
        }

    .header .header-right .nav ul li .navChild .left {
        width: 40.6%;
        float: left;
        font-size: 16px;
        padding: 29px 11px 45px 0;
        min-height: 342px
    }

        .header .header-right .nav ul li .navChild .left .div-01 {
        }

        .header .header-right .nav ul li .navChild .left a {
            display: block;
            color: #333;
            width: 50%;
            float: left;
            line-height: 40px;
            padding-left: 30px;
            padding-right: 30px;
            border-radius: 3px;
            position: relative;
            font-weight: normal;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-shadow: none
        }

            .header .header-right .nav ul li .navChild .left a:hover {
                text-decoration: underline;
                font-weight: bold
            }

    .header .header-right .nav ul li .navChild .right {
        width: 57.625%;
        float: left;
        padding-top: 26px;
        padding-left: 71px;
        color: #242831;
        min-height: 342px
    }

        .header .header-right .nav ul li .navChild .right .btn {
            float: left;
            margin-right: 10px;
            margin-top: 10px
        }

            .header .header-right .nav ul li .navChild .right .btn a {
                text-shadow: none;
                width: 150px;
                height: 44px;
                line-height: 44px
            }

    .header .header-right .nav ul li .navChild .pic {
        margin-bottom: 20px;
        width: 326px
    }

        .header .header-right .nav ul li .navChild .pic:after {
            padding-bottom: 46.93251534%
        }

    .header .header-right .nav ul li .navChild .info {
        font-size: 16px;
        color: #1a3c64;
        line-height: 26px;
        overflow: hidden;
        height: 78px
    }

    .header .header-right .nav ul li .navChild.navChild-02 .div-02 span {
        display: block;
        min-width: 20%;
        float: left;
        border-left: 1px #e1e1e1 solid
    }

        .header .header-right .nav ul li .navChild.navChild-02 .div-02 span a {
            color: #333;
            font-size: 16px;
            height: 24px;
            line-height: 24px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding-left: 15px;
            display: block;
            position: relative
        }

            .header .header-right .nav ul li .navChild.navChild-02 .div-02 span a:before {
                content: "";
                display: inline-block;
                width: 4px;
                height: 4px;
                background: #333;
                border-radius: 50%;
                vertical-align: middle;
                margin-right: 5px;
                margin-top: -3px
            }

            .header .header-right .nav ul li .navChild.navChild-02 .div-02 span a:hover {
                color: #1e81c4
            }

                .header .header-right .nav ul li .navChild.navChild-02 .div-02 span a:hover:before {
                    background: #1e81c4
                }

    .header .header-right .nav ul li .navChild .item {
        display: none
    }

.header .header-right .nav ul li:nth-child(1) {
    background: 0
}

@media (min-width:1025px) {
    .header .header-right .nav ul li.n:hover a {
        text-shadow: 1px 0 0 #333
    }

        .header .header-right .nav ul li.n:hover a:before {
            display: none
        }

    .header .header-right .nav ul li.n:hover .navChild {
        display: block
    }
}

.header .header-right .nav ul .active a {
    text-shadow: 1px 0 0 #333
}

.header .header-right .search {
    float: right;
    z-index: 9;
    position: relative;
    margin-top: 18px
}

    .header .header-right .search .form-control {
        text-align: left;
        width: 218px;
        font-size: 15px;
        color: #333;
        line-height: 20px;
        height: 41px;
        vertical-align: top;
        padding: 10px 50px 10px 16px;
        -webkit-appearance: none;
        background: none;
        border: 1px solid #ddd;
        border-radius: 3px
    }

    .header .header-right .search .btn {
        top: 2px;
        border: 0;
        right: 2px;
        color: #043b83;
        width: 52px;
        height: 41px;
        line-height: 41px;
        text-align: center;
        position: absolute;
        cursor: pointer;
        background: url(../images/xin/search.png) no-repeat center center;
        background-size: 36px
    }

.header1 {
    height: 153px;
    background: #0d1f33;
    top: 0
}

    .header1 .logo {
        padding-top: 58px
    }

    .header1 .header-right .search {
        margin-top: 57px
    }

    .header1 .close {
        float: right;
        margin-right: 27px;
        margin-top: 57px
    }

        .header1 .close a {
            display: block;
            font-size: 14px;
            color: #fff;
            width: 110px;
            height: 41px;
            line-height: 41px;
            padding-left: 38px;
            border-radius: 3px;
            background: #002d48 url("../images/close.png") no-repeat 10px center
        }

@-webkit-keyframes dong {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

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

@keyframes dong {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

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

@-webkit-keyframes bmove1 {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bmove1 {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes myfirst04 {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }

    100% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@keyframes myfirst04 {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }

    100% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

.home-banner {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 112px
}

    .home-banner .home-banner-slick {
        position: relative
    }

        .home-banner .home-banner-slick .slick-list {
            position: relative;
            display: block
        }

        .home-banner .home-banner-slick .item {
            position: relative;
            overflow: hidden
        }

            .home-banner .home-banner-slick .item img {
                display: block;
                transition: 5s;
                width: 100%;
                text-align: center;
                margin: 0 auto
            }

        .home-banner .home-banner-slick .banner-hover {
            position: absolute;
            top: 26%;
            left: 0;
            width: 100%;
            z-index: 5
        }

            .home-banner .home-banner-slick .banner-hover .info {
                float: left;
                width: 690px;
                padding-left: 12px
            }

            .home-banner .home-banner-slick .banner-hover .bt {
                font-size: 60px;
                color: #fff;
                text-transform: capitalize;
                line-height: 60px;
                margin-bottom: 17px
            }

            .home-banner .home-banner-slick .banner-hover .p {
                font-size: 17px;
                color: #fff;
                line-height: 26px;
                margin-bottom: 91px
            }

        .home-banner .home-banner-slick .slick-dots {
            z-index: 10;
            bottom: 26px;
            width: 100%;
            line-height: 0
        }

            .home-banner .home-banner-slick .slick-dots li {
                margin: 0 4px;
                padding: 0;
                width: 52px;
                height: 5px;
                transition: .5s;
                float: none;
                border: 1px solid transparent
            }

                .home-banner .home-banner-slick .slick-dots li button {
                    width: 52px;
                    height: 5px;
                    padding: 0;
                    display: block;
                    border: 0;
                    background: url("../images/dot.png") no-repeat center center;
                    transition: .5s
                }

                    .home-banner .home-banner-slick .slick-dots li button:before {
                        content: ""
                    }

            .home-banner .home-banner-slick .slick-dots .slick-active button {
                background: url("../images/doth.png") no-repeat center center
            }

                .home-banner .home-banner-slick .slick-dots .slick-active button:before {
                    color: transparent
                }

        .home-banner .home-banner-slick .slick-active a img {
            transition: 5s;
            animation: mymove4 5s
        }

        .home-banner .home-banner-slick .slick-active .banner-hover .bt {
            transition: 2s;
            animation: fadeInLeft2 2s
        }

        .home-banner .home-banner-slick .slick-active .banner-hover .p {
            transition: 3s;
            animation: fadeInLeft2 3s
        }

        .home-banner .home-banner-slick .slick-active .banner-hover .btn {
            transition: 3.5s;
            animation: fadeInLeft2 3.5s
        }

    .home-banner .home-banner-slick-phone {
        position: relative;
        display: none
    }

        .home-banner .home-banner-slick-phone .slick-list {
            position: relative;
            display: block
        }

        .home-banner .home-banner-slick-phone .item {
            position: relative;
            overflow: hidden
        }

            .home-banner .home-banner-slick-phone .item img {
                display: block;
                transition: 5s
            }

        .home-banner .home-banner-slick-phone .banner-hover {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            z-index: 5;
            transform: translateY(-50%)
        }

            .home-banner .home-banner-slick-phone .banner-hover .bt {
                font-size: 20px;
                color: #fff;
                line-height: 24px;
                text-transform: capitalize;
                margin-bottom: 10px
            }

            .home-banner .home-banner-slick-phone .banner-hover .p {
                font-size: 14px;
                color: #fff;
                line-height: 24px;
                margin-bottom: 10px
            }

        .home-banner .home-banner-slick-phone .slick-dots {
            z-index: 10;
            bottom: 10px;
            width: 100%;
            line-height: 0
        }

            .home-banner .home-banner-slick-phone .slick-dots li {
                margin: 0 4px;
                padding: 0;
                width: 52px;
                height: 5px;
                transition: .5s;
                float: none;
                border: 1px solid transparent
            }

                .home-banner .home-banner-slick-phone .slick-dots li button {
                    width: 52px;
                    height: 5px;
                    padding: 0;
                    display: block;
                    border: 0;
                    background: url("../images/dot.png") no-repeat center center;
                    transition: .5s
                }

                    .home-banner .home-banner-slick-phone .slick-dots li button:before {
                        content: ""
                    }

            .home-banner .home-banner-slick-phone .slick-dots .slick-active button {
                background: url("../images/doth.png") no-repeat center center
            }

                .home-banner .home-banner-slick-phone .slick-dots .slick-active button:before {
                    color: transparent
                }

        .home-banner .home-banner-slick-phone .slick-active a img {
            transition: 5s;
            animation: mymove4 5s
        }

        .home-banner .home-banner-slick-phone .slick-active .banner-hover .bt {
            transition: 2s;
            animation: fadeInLeft2 2s
        }

        .home-banner .home-banner-slick-phone .slick-active .banner-hover .p {
            transition: 3s;
            animation: fadeInLeft2 3s
        }

        .home-banner .home-banner-slick-phone .slick-active .banner-hover .btn {
            transition: 3.5s;
            animation: fadeInLeft2 3.5s
        }

.btn a {
    display: block;
    width: 226px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f07d00;
    background-image: linear-gradient(90deg, #f07d00, #f07d00, #f07d00, #f07d00);
    font-size: 16px;
    color: #fff;
    transition: .5s
}

    .btn a span {
        display: inline-block;
        vertical-align: middle;
        width: 21px;
        height: 6px;
        margin-left: 5px;
        background: url("../images/jian.png") no-repeat center center;
        background-size: 21px
    }

    .btn a:hover {
        background-image: linear-gradient(90deg, #ffb701, #ff9c01, #ff8a00, #ff7300)
    }

.btn p {
    display: block;
    width: 126px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    background: #f07d00;
    background-image: linear-gradient(90deg, #f07d00, #f07d00, #f07d00, #f07d00);
    font-size: 14px;
    color: #fff;
    transition: .5s
}

    .btn p span {
        display: inline-block;
        vertical-align: middle;
        width: 21px;
        height: 6px;
        margin-left: 5px;
        background: url("../images/jian.png") no-repeat center center;
        background-size: 16px
    }

    .btn p:hover {
        background-image: linear-gradient(90deg, #ffb701, #ff9c01, #ff8a00, #ff7300)
    }

@keyframes jump {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

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

@keyframes jump1 {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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

.inside-banner {
    text-align: center;
    margin-top: 112px
}

    .inside-banner img {
        vertical-align: middle;
        width: 100%;
        display: block
    }

    .inside-banner .pc {
        position: relative;
        overflow: hidden
    }

    .inside-banner .mobile {
        display: none;
        position: relative
    }

    .inside-banner.inside-banner-02 .pc {
        height: 146px
    }

    .inside-banner.inside-banner-02 .text {
        text-align: right
    }

@keyframes mymove4 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.03)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes mymove4 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.03)
    }

    100% {
        transform: scale(1)
    }
}

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

.phone-nav {
    position: fixed;
    right: 15px;
    top: 35px;
    line-height: 60px;
    display: none;
    color: #666;
    z-index: 115
}

    .phone-nav svg {
        height: 22px;
        margin-top: 19px;
        display: block;
        fill: #1a3c64
    }

.home-title {
    text-align: center
}

    .home-title .title1 {
        margin-bottom: 6px
    }

.title1 {
    font-size: 50px;
    color: #1a3c64;
    font-family: "DINCond-Black";
    text-transform: uppercase
}

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

.home-product {
    padding: 78px 0 56px 0
}

    .home-product .home-bottom {
        padding: 51px 8px 0 9px
    }

.prolist {
    margin: 0 -4px
}

    .prolist li {
        width: 16.66666667%;
        float: left;
        padding: 0 4px;
        margin-bottom: 8px
    }

        .prolist li .pic:after {
            padding-bottom: 77.81350482%
        }

        .prolist li .box {
            position: relative;
            overflow: hidden
        }

            .prolist li .box .bt {
                color: #fff;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                font-size: 20px;
                line-height: 42px;
                background: #1a3c64;
                text-align: center;
                padding: 0 5px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                z-index: 2;
                transition: .5s;
                font-family: "Bahnschrift-Static-Light"
            }

            .prolist li .box .hover {
                position: absolute;
                bottom: -100%;
                left: 0;
                width: 100%;
                height: 100%;
                text-align: center;
                z-index: 3;
                transition: .5s;
                background: url("../images/bg1.png") no-repeat top left;
                background-size: cover
            }

                .prolist li .box .hover .info {
                    position: absolute;
                    top: 50%;
                    width: 100%;
                    transform: translateY(-50%);
                    left: 0
                }

                .prolist li .box .hover .title {
                    font-weight: bold;
                    font-size: 25px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    padding: 0 5px;
                    color: #fff;
                    margin-bottom: 15px
                }

                .prolist li .box .hover .btn p {
                    margin: 0 auto
                }

@media (min-width:1025px) {
    .prolist li:hover .box .hover {
        bottom: 0
    }

    .prolist li:hover .box .bt {
        bottom: -42px
    }
}

.home-other .title1 {
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

    .home-other .title1:after {
        content: '';
        display: block;
        vertical-align: middle;
        width: 350px;
        height: 5px;
        position: absolute;
        top: 50%;
        left: 180px;
        margin-top: -2px;
        margin-left: 15px;
        background: url("../images/line1.png") no-repeat center center
    }

.home-other .left {
    float: left;
    width: 34%
}

    .home-other .left .text {
        padding-top: 23px
    }

        .home-other .left .text .bt {
            font-size: 25px;
            color: #333;
            font-weight: bold;
            margin-bottom: 15px
        }

        .home-other .left .text .jsh {
            font-size: 15px;
            color: #666;
            line-height: 24px;
            max-height: 96px;
            overflow: hidden;
            margin-bottom: 40px
        }

        .home-other .left .text .list ul li {
            float: left;
            width: 30.3%;
            text-align: center
        }

            .home-other .left .text .list ul li .box {
                padding: 11px 0
            }

            .home-other .left .text .list ul li .img {
                display: block;
                margin-bottom: 7px
            }

            .home-other .left .text .list ul li .bt {
                font-size: 20px;
                color: #0f3f89;
                font-weight: normal;
                margin: 0;
                font-family: "Bahnschrift-Static-Light"
            }

@media (min-width:1025px) {
    .home-other .left .text .list ul li:hover .box {
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.1)
    }
}

.home-other .center {
    float: left;
    width: 34%;
    overflow: hidden;
    padding-left: 40px
}

    .home-other .center .title1:after {
        left: 106px
    }

    .home-other .center .newslist {
        padding-top: 27px
    }

.home-other .right {
    float: right;
    width: 30%;
    overflow: hidden
}

    .home-other .right .title1:after {
        left: 106px
    }

    .home-other .right .p {
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        margin-top: 23px;
        margin-bottom: 21px
    }

    .home-other .right .video {
        position: relative;
        cursor: pointer
    }

        .home-other .right .video img {
            display: block
        }

        .home-other .right .video .hover {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: url("../images/video.png") no-repeat center center;
            z-index: 2
        }

.newslist li {
    border-bottom: 1px dashed #c5c5c5;
    padding-bottom: 13px;
    margin-bottom: 11px
}

    .newslist li .box {
        min-height: 93px;
        position: relative
    }

    .newslist li .pic {
        position: absolute;
        top: 0;
        left: 0;
        width: 128px
    }

        .newslist li .pic:after {
            padding-bottom: 72.65625%
        }

    .newslist li .text {
        padding-left: 150px;
        padding-top: 6px
    }

        .newslist li .text .bt {
            font-size: 18px;
            color: #1a3c64;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            letter-spacing: 1px;
            margin-bottom: 3px
        }

        .newslist li .text .jsh {
            font-size: 15px;
            color: #666;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            letter-spacing: .4px;
            margin-bottom: 7px
        }

        .newslist li .text .more1 {
            font-size: 15px;
            letter-spacing: 1px
        }

            .newslist li .text .more1 p {
                color: #f07d00
            }

@media (min-width:1025px) {
    .newslist li:hover .pic img {
        transform: scale(1.04)
    }

    .newslist li:hover .text .bt {
        color: #1a3c64
    }
}

.newslist li:nth-last-child(1) {
    border: 0
}

.home-case {
    padding: 63px 0
}

    .home-case .home-bottom {
        padding: 51px 8px 0 9px
    }

.caselist {
    margin: 0 -4px
}

    .caselist li {
        width: 20%;
        float: left;
        padding: 0 4px;
        margin-bottom: 8px
    }

        .caselist li .box {
            position: relative;
            overflow: hidden
        }

            .caselist li .box .pic:after {
                padding-bottom: 77.54010695%
            }

            .caselist li .box .hover {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-align: center;
                z-index: 3;
                background: rgba(26,60,100,0.6)
            }

                .caselist li .box .hover .info {
                    position: absolute;
                    top: 50%;
                    width: 100%;
                    transform: translateY(-50%);
                    left: 0
                }

                .caselist li .box .hover .bt {
                    font-weight: bold;
                    font-size: 25px;
                    overflow: hidden;
                    line-height: 30px;
                    max-height: 60px;
                    padding: 0 5px;
                    color: #fff;
                    margin-bottom: 15px
                }

                .caselist li .box .hover .btn p {
                    margin: 0 auto;
                    background: 0;
                    border-top: 1px solid #f07d00;
                    border-bottom: 1px solid #f07d00
                }

@media (min-width:1025px) {
    .caselist li:hover .box .pic img {
        transform: scale(1.04)
    }

    .caselist li:hover .box .hover {
        background: url("../images/bg2.png") no-repeat top left;
        background-size: cover
    }

        .caselist li:hover .box .hover .btn p {
            background: #f07d00;
            color: #fff
        }
}

.home-download {
    padding: 5px 0 87px 0
}

    .home-download .home-bottom {
        padding-top: 47px
    }

.downlist {
    margin: 0 -5px
}

    .downlist li {
        float: left;
        padding: 0 6px;
        width: 20%
    }

        .downlist li .item {
            padding: 40px 23px 0 23px;
            text-align: center;
            background: #f2f2f2;
            transition: all 334ms ease
        }

            .downlist li .item img {
                display: block
            }

        .downlist li .icobox {
            height: 62px;
            overflow: hidden;
            display: inline-block;
            position: relative;
            width: 62px
        }

        .downlist li .tit {
            color: #666;
            line-height: 22px;
            font-size: 17px;
            overflow: hidden;
            margin-top: 9px;
            height: 44px;
            margin-bottom: 12px
        }

        .downlist li .txt {
            color: #a5a4a4;
            font-family: arial;
            font-size: 12px;
            margin-bottom: 15px
        }

        .downlist li .down {
            margin: 0 -23px;
            border-top: 1px solid #dde0e9;
            font-size: 20px;
            color: #333;
            text-align: center;
            line-height: 55px;
            font-family: "Bahnschrift-Static-Light"
        }

@media (min-width:1025px) {
    .downlist li:hover .down {
        background: #f07d00;
        color: #fff;
        border-top: 1px solid #f07d00
    }
}

.home-partner {
    border-top: 1px solid #ececec;
    padding: 80px 0;
    overflow: hidden;
    background: #fff
}

    .home-partner .home-bottom {
        padding: 51px 0 0 0
    }

.partnerlist li {
    width: 10%;
    float: left
}

    .partnerlist li .box {
        position: relative;
        height: 82px
    }

    .partnerlist li .pic {
        position: absolute;
        top: 0;
        left: 0;
        transition: .5s;
        height: 82px
    }

        .partnerlist li .pic:after {
            padding-bottom: 60.29411765%
        }

    .partnerlist li .p {
        opacity: 0
    }

@media (min-width:1025px) {
    .partnerlist li:hover .p {
        opacity: 0
    }

    .partnerlist li:hover .ph {
        opacity: 1
    }

    .partnerlist li:hover .pic img {
        transform: scale(1.04)
    }
}

.footer-logo .container {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
    padding: 66px 0 46px 0
}

.footer-logo .left {
    float: left
}

.footer-logo .right {
    float: right;
    font-size: 28px;
    font-weight: 500;
    font-style: italic;
    color: #fff
}

.footer {
    background: #05224d url(../images/bg3.png) no-repeat top center
}

.footer-top {
    padding: 66px 0 46px 0
}

.ltitle {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px
}

.footer-top .left {
    float: left;
    width: 20%
}

    .footer-top .left .fphone {
        font-family: "DINPro-Regular";
        font-size: 30px;
        margin-bottom: 7px
    }

        .footer-top .left .fphone a {
            color: #fff
        }

    .footer-top .left .jsh {
        font-size: 15px;
        line-height: 32px;
        color: rgba(255,255,255,0.8);
        margin-bottom: 20px
    }

        .footer-top .left .jsh p {
            position: relative;
            padding-left: 55px
        }

            .footer-top .left .jsh p span {
                position: absolute;
                top: 0;
                left: 0
            }

    .footer-top .left ul li {
        float: left;
        width: 30px;
        margin-right: 3px
    }

        .footer-top .left ul li img {
            display: block
        }

.footer-top .right {
    float: left;
    width: 40%;
    padding-left: 100px;
    padding-top: 17px
}

    .footer-top .right ul li {
        float: left;
        font-size: 16px;
        padding-right: 12px;
        width: 50%
    }

        .footer-top .right ul li a {
            color: #fff;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 11px;
            text-transform: capitalize
        }

@media (min-width:1025px) {
    .footer-top .right ul li a:hover {
        text-decoration: underline
    }
}

.footer-top .right ul li ul {
    float: none
}

    .footer-top .right ul li ul li {
        float: none;
        font-size: 14px;
        padding-left: 0;
        width: 100% !important
    }

        .footer-top .right ul li ul li a {
            margin: 0;
            line-height: 34px
        }

.footer-top .right ul li .flist li {
    width: 50% !important;
    float: left
}

.footer-top .center {
    width: 40%;
    float: right
}

    .footer-top .center .message {
        padding: 0 !important
    }

        .footer-top .center .message ul li {
            width: 33.33333%
        }

            .footer-top .center .message ul li input, .footer-top .center .message ul li textarea {
                color: #fff;
                border: 0;
                border-bottom: 1px solid rgba(255,255,255,0.5)
            }

                .footer-top .center .message ul li input::-webkit-input-placeholder, .footer-top .center .message ul li textarea::-webkit-input-placeholder {
                    color: #fff
                }

                .footer-top .center .message ul li input:-moz-placeholder, .footer-top .center .message ul li textarea:-moz-placeholder {
                    color: #fff;
                    opacity: 1
                }

                .footer-top .center .message ul li input::-moz-placeholder, .footer-top .center .message ul li textarea::-moz-placeholder {
                    color: #fff;
                    opacity: 1
                }

                .footer-top .center .message ul li input:-ms-input-placeholder, .footer-top .center .message ul li textarea:-ms-input-placeholder {
                    color: #fff
                }

.footer-bottom {
    border-top: 1px solid rgba(232,232,232,0.1);
    padding: 18px 0;
    color: #fff
}

    .footer-bottom b {
        float: right;
        font-weight: normal
    }

        .footer-bottom b a {
            color: #fff
        }

@media (min-width:1025px) {
    .footer-bottom b a:hover {
        text-decoration: underline
    }
}

.inmain .container {
    width: 1340px
}

.classify {
    background: rgba(26,60,100,0.4);
    color: #fff;
    font-size: 18px;
    padding-bottom: 14px;
    position: relative;
    margin-top: -75px;
    z-index: 3;
    text-transform: uppercase
}

    .classify .container, .classify .container02 {
        position: relative;
        overflow: hidden;
        width: 1340px
    }

        .classify .container:after, .classify .container02:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background: rgba(255,255,255,0.3);
            position: absolute;
            bottom: 0;
            left: 0
        }

    .classify li {
        width: 33.33333333%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 0 20px
    }

        .classify li a {
            display: block;
            color: #fff;
            line-height: 50px;
            padding: 11px 10px 0 10px;
            text-align: center;
            position: relative
        }

            .classify li a:before {
                content: "";
                display: block;
                width: 1px;
                height: 0;
                background: #fff;
                position: absolute;
                z-index: 1;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                transition: all .3s
            }

            .classify li a:after {
                content: "";
                display: block;
                width: 0;
                height: 1px;
                background: #fff;
                position: absolute;
                z-index: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                transition: all .5s
            }

        .classify li.active a:before, .classify li:hover a:before {
            height: 8px
        }

        .classify li.active a:after, .classify li:hover a:after {
            width: 100%
        }

    .classify.classify-05 li {
        width: 20%
    }

    .classify.classify-03 li {
        width: 33.33333333%
    }

    .classify.classify-031 li {
        width: 25%
    }

        .classify.classify-031 li:nth-child(2n) {
            width: 50%
        }

    .classify.classify-04 li {
        width: 25%
    }

.content {
    padding: 108px 0 95px 0
}

.newslist1 {
    margin-bottom: 18px;
    overflow: hidden
}

    .newslist1 li {
        padding-bottom: 31px;
        margin-bottom: 30px
    }

        .newslist1 li .box {
            min-height: 258px
        }

        .newslist1 li .text {
            padding-left: 383px
        }

            .newslist1 li .text .bt {
                margin-bottom: 5px
            }

        .newslist1 li .pic {
            width: 355px
        }

        .newslist1 li .date {
            color: #fa9c00;
            font-size: 26px
        }

            .newslist1 li .date span {
                font-size: 48px;
                font-weight: bold
            }

            .newslist1 li .date b {
                font-weight: normal;
                font-size: 18px
            }

        .newslist1 li .p {
            overflow: hidden;
            font-size: 14px;
            color: #666;
            line-height: 28px;
            height: 84px;
            margin-bottom: 20px
        }

        .newslist1 li .more1 p {
            border-bottom: 1px solid #f07d00;
            display: inline-block
        }

.page {
    clear: both;
    text-align: center;
    font-size: 0;
    color: #947d58;
    font-family: "OpenSans-Semibold"
}

    .page em {
        font-style: normal;
        font-size: 18px
    }

    .page a {
        color: #202020;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        min-width: 40px;
        line-height: 40px;
        font-weight: bold;
        text-transform: uppercase;
        height: 40px;
        border-radius: 40px;
        margin: 0 8px;
        padding: 0 5px;
        vertical-align: top;
        -webkit-transition: background .5s;
        transition: background .5s;
        border: 1px solid #e2ebf1
    }

        .page a span {
            display: block
        }

        .page a.cpb, .page a:hover {
            background: #1383ce;
            background-image: linear-gradient(to bottom, #25f250, #1383ce);
            color: #fff;
            border: 1px solid #fff
        }

        .page a.prev, .page a.next {
            color: #666
        }

        .page a.prev {
            padding-left: 24px;
            margin-right: 5px;
            width: 106px
        }

            .page a.prev span {
                background: url(../images/prev-01.png) no-repeat left center;
                background-size: 4px
            }

            .page a.prev:hover {
                color: #fff
            }

                .page a.prev:hover span {
                    background: url(../images/prev-02.png) no-repeat left center;
                    background-size: 4px
                }

        .page a.next {
            padding-right: 24px;
            margin-left: 5px;
            width: 106px
        }

            .page a.next span {
                background: url(../images/next-01.png) no-repeat right center;
                background-size: 4px
            }

            .page a.next:hover {
                color: #fff
            }

                .page a.next:hover span {
                    background: url(../images/next-02.png) no-repeat right center;
                    background-size: 4px
                }

@media (max-width:768px) {
    .page a, .page em {
        display: none
    }

        .page a.prev, .page a.next {
            display: inline-block
        }
}

.news-show {
    padding: 62px 0 0 0
}

    .news-show .h1 {
        font-size: 26px;
        color: #212121;
        font-weight: bold;
        text-align: center;
        margin-bottom: 14px
    }

    .news-show .h2 {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        color: #999
    }

        .news-show .h2 span {
            padding: 0 9px
        }

        .news-show .h2 img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 4px
        }

    .news-show .news-info {
        font-size: 16px;
        line-height: 28px;
        color: #464646;
        padding: 26px 0 95px 0
    }

.share ul {
    float: right
}

    .share ul li {
        float: left;
        width: 32px;
        height: 32px;
        margin-left: 4px;
        position: relative
    }

        .share ul li:after {
            content: '';
            width: 100%;
            height: 15px;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1
        }

        .share ul li img {
            display: block;
            position: relative;
            z-index: 2
        }

        .share ul li:nth-child(1):after {
            background: #3b5998
        }

        .share ul li:nth-child(2):after {
            background: #1da1f2
        }

        .share ul li:nth-child(3):after {
            background: #cb2027
        }

        .share ul li:nth-child(4):after {
            background: #738a8d
        }

        .share ul li:nth-child(5):after {
            background: #f1d511
        }

        .share ul li:nth-child(6):after {
            background: #3a3c49
        }

.list-page-news {
    padding: 50px 0;
    overflow: hidden;
    margin: 0 -20px;
    font-family: "MyriadPro-Regular"
}

    .list-page-news li {
        width: 50%;
        float: left;
        padding: 0 20px
    }

@media (min-width:1025px) {
    .list-page-news li:hover p {
        background: #1a3c64
    }
}

.list-page-news li p {
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    padding: 0 10px;
    background-color: #3a3c49
}

    .list-page-news li p a {
        color: #fff;
        text-align: center;
        display: block;
        letter-spacing: 2px
    }

        .list-page-news li p a img {
            margin: 0 20px
        }

@media (max-width:767px) {
    .list-page-news {
        padding: 30px 0
    }

        .list-page-news li {
            width: 100%;
            margin-top: 10px
        }

            .list-page-news li p {
                height: 50px;
                line-height: 50px
            }
}

.related {
    padding: 36px 0 13px 0
}

.related-title {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    color: #212121;
    margin-bottom: 37px
}

    .related-title img {
        width: 49px;
        margin-right: 17px;
        vertical-align: middle
    }

.message {
    padding-bottom: 62px
}

    .message .title {
        font-size: 20px;
        color: #222;
        line-height: 50px;
        padding: 0 26px;
        background: #efefef;
        margin-bottom: 28px
    }

    .message .jsh {
        font-size: 16px;
        color: #222;
        margin-bottom: 18px
    }

        .message .jsh span {
            color: #f07d00
        }

    .message ul {
        margin: 0 -15px
    }

        .message ul li {
            width: 50%;
            margin-bottom: 22px;
            float: left;
            padding: 0 15px
        }

            .message ul li input {
                width: 100%;
                border: 1px solid #f0f0f0;
                height: 48px;
                padding: 0 10px;
                background: 0
            }

                .message ul li input:focus {
                    border: 1px solid #f07d00
                }

            .message ul li textarea {
                width: 100%;
                border: 1px solid #f0f0f0;
                height: 170px;
                padding: 10px;
                background: 0
            }

                .message ul li textarea:focus {
                    border: 1px solid #f07d00
                }

            .message ul li .submit {
                border-radius: 5px;
                color: #fff;
                text-align: center;
                width: 120px;
                height: 46px;
                line-height: 46px;
                background: #333;
                display: block
            }

@media (min-width:1025px) {
    .message ul li .submit:hover {
        background: #f07d00
    }
}

.people {
    padding: 93px 0 0 0
}

    .people .people-top {
        margin-bottom: 94px
    }

.peoplelist {
    margin: 0 -15px;
    font-size: 0;
    padding-bottom: 19px
}

    .peoplelist li {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        margin-bottom: 49px
    }

        .peoplelist li .pic:after {
            padding-bottom: 83.38658147%
        }

        .peoplelist li .text {
            padding-top: 28px
        }

            .peoplelist li .text .bt {
                font-size: 12px;
                color: #202020;
                font-family: "Montserrat-Regular";
                text-transform: uppercase;
                margin-bottom: 11px
            }

            .peoplelist li .text .span {
                font-size: 12px;
                color: #252525;
                font-style: italic;
                margin-bottom: 6px
            }

            .peoplelist li .text .chou {
                height: 144px;
                overflow: hidden;
                margin-bottom: 9px
            }

            .peoplelist li .text .jsh {
                font-size: 13px;
                color: #5f5f5f;
                line-height: 36px;
                overflow: hidden
            }

            .peoplelist li .text .btn {
                cursor: pointer
            }

            .peoplelist li .text .fenxiang {
                padding-top: 24px;
                overflow: hidden;
                padding-left: 1px
            }

                .peoplelist li .text .fenxiang a {
                    width: 35px;
                    height: 35px;
                    border: 1px solid #ececec;
                    display: block;
                    float: left;
                    padding: 5px;
                    margin-left: -1px
                }

                    .peoplelist li .text .fenxiang a .img2 {
                        display: none
                    }

@media (min-width:1025px) {
    .peoplelist li .text .fenxiang a:hover .img {
        display: none
    }

    .peoplelist li .text .fenxiang a:hover .img2 {
        display: block
    }
}

.peoplelist li .open .chou {
    height: auto
}

.certification {
    padding: 80px 0 0 0
}

.certification-top .pro-min {
    margin: 0 -12px;
    position: relative
}

    .certification-top .pro-min .getIndex {
        width: 14.28571429%;
        float: left;
        padding: 0 12px
    }

    .certification-top .pro-min .item {
        position: relative
    }

        .certification-top .pro-min .item:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.4);
            opacity: 1;
            z-index: 1
        }

        .certification-top .pro-min .item:before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: 10px;
            right: 8px;
            border: 1px solid rgba(255,255,255,0.5);
            opacity: 0;
            z-index: 2
        }

        .certification-top .pro-min .item .bt {
            position: absolute;
            top: 50%;
            text-align: center;
            width: 100%;
            color: #fff;
            font-size: 20px;
            transform: translateY(-50%);
            font-weight: bold;
            z-index: 3;
            padding: 0 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

            .certification-top .pro-min .item .bt:after {
                content: '';
                display: block;
                width: 30px;
                height: 2px;
                background: #fff;
                margin: 11px auto 0 auto
            }

    .certification-top .pro-min .slick-current .item:after {
        background: rgba(24,57,99,0.8)
    }

    .certification-top .pro-min .slick-current .item:before {
        opacity: 1
    }

    .certification-top .pro-min .slick-prev, .certification-top .pro-min .slick-next {
        width: 78px;
        height: 23px;
        overflow: hidden;
        margin-top: 0;
        z-index: 5;
        top: auto;
        bottom: 0
    }

        .certification-top .pro-min .slick-prev:before, .certification-top .pro-min .slick-next:before {
            content: ''
        }

    .certification-top .pro-min .slick-prev {
        left: 0;
        background: #2aa9d2 url("../images/02.png") no-repeat center center
    }

@media (min-width:1025px) {
    .certification-top .pro-min .slick-prev:hover {
        background-color: #18375b
    }
}

.certification-top .pro-min .slick-next {
    right: 0;
    background: #2aa9d2 url("../images/03.png") no-repeat center center
}

@media (min-width:1025px) {
    .certification-top .pro-min .slick-next:hover {
        background-color: #18375b
    }
}

.certification-top .pro-min .pic:after {
    padding-bottom: 67.96875%
}

.certification-top .pro-max {
    padding: 101px 0 62px 0
}

    .certification-top .pro-max .item {
        position: relative
    }

        .certification-top .pro-max .item .text {
            float: left;
            width: 68%;
            min-height: 356px;
            padding: 42px 0
        }

            .certification-top .pro-max .item .text .bt {
                font-size: 18px;
                color: #2aa9d2;
                text-transform: uppercase;
                font-weight: bold;
                margin-bottom: 7px
            }

            .certification-top .pro-max .item .text .jsh {
                font-size: 14px;
                line-height: 24px;
                color: #222;
                text-align: justify;
                margin-bottom: 42px
            }

            .certification-top .pro-max .item .text .btn p {
                width: 341px;
                height: 44px;
                line-height: 44px;
                font-weight: bold;
                border-radius: 3px
            }

        .certification-top .pro-max .item .pic {
            width: 514px;
            position: absolute;
            top: 0;
            right: 31px
        }

            .certification-top .pro-max .item .pic:after {
                padding-bottom: 67.96875%
            }

.certification-top .step .step-title {
    text-transform: uppercase;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 18px;
    margin-bottom: 41px
}

.certification-top .step ul {
    position: relative;
    overflow: hidden;
    padding-bottom: 18px;
    margin-bottom: 94px
}

    .certification-top .step ul:after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 52px;
        z-index: 1;
        border-left: 1px dashed #e0e0e0
    }

    .certification-top .step ul:before {
        content: 'END';
        display: block;
        width: 43px;
        line-height: 15px;
        font-size: 14px;
        color: #dbdbdb;
        position: absolute;
        bottom: 0;
        left: 30px;
        text-align: center;
        z-index: 1
    }

    .certification-top .step ul li {
        margin-bottom: 95px;
        position: relative;
        z-index: 2
    }

        .certification-top .step ul li .box {
            position: relative;
            min-height: 43px;
            padding-left: 101px;
            padding-top: 9px
        }

            .certification-top .step ul li .box .num {
                width: 43px;
                height: 43px;
                line-height: 40px;
                text-align: center;
                color: #fff;
                font-size: 20px;
                font-weight: bold;
                background: #2aa9d2;
                border-radius: 50%;
                position: absolute;
                top: 0;
                left: 30px
            }

            .certification-top .step ul li .box .bt {
                font-size: 20px;
                color: #e24b2d;
                font-weight: bold;
                margin-bottom: 45px
            }

            .certification-top .step ul li .box .img img {
                display: block
            }

.about {
    padding: 80px 0 0 0
}

.about01 {
    padding-bottom: 100px
}

    .about01 .about-info {
        padding: 0 60px
    }

        .about01 .about-info .about-bt {
            margin-bottom: 31px
        }

        .about01 .about-info ul {
            padding-top: 16px;
            padding-bottom: 47px
        }

            .about01 .about-info ul li {
                width: 25%;
                float: left;
                font-size: 14px;
                color: #222;
                font-weight: bold;
                text-transform: uppercase;
                line-height: 40px;
                position: relative;
                padding-left: 43px;
                margin-bottom: 7px
            }

                .about01 .about-info ul li .pic {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 40px
                }

        .about01 .about-info .btn a {
            width: 340px;
            height: 44px;
            line-height: 44px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold
        }

.about-bt {
    color: #2aa9d2;
    font-size: 32px;
    font-weight: bold
}

.about-p {
    font-size: 16px;
    line-height: 24px;
    color: #222
}

.about02 {
    position: relative;
    margin-top: 80px
}

    .about02 .img {
        width: 895px;
        z-index: 3;
        position: relative;
        float: left;
        margin-left: -290px
    }

        .about02 .img img {
            display: block
        }

    .about02 .text {
        padding-top: 84px;
        padding-bottom: 90px;
        position: relative;
        margin-top: 71px;
        float: right;
        width: 47.836%
    }

        .about02 .text:after {
            content: '';
            display: block;
            width: 1920px;
            position: absolute;
            left: 50%;
            margin-left: -960px;
            height: 100%;
            top: 0;
            background: url("../images/a.jpg") no-repeat top center;
            background-size: cover;
            z-index: 1
        }

        .about02 .text .about-bt {
            text-transform: uppercase;
            margin-bottom: 9px;
            z-index: 3;
            position: relative
        }

        .about02 .text .about-p {
            line-height: 26px;
            letter-spacing: -0.1px;
            margin-bottom: 20px;
            z-index: 3;
            position: relative
        }

        .about02 .text .btn {
            z-index: 3;
            position: relative
        }

            .about02 .text .btn a {
                width: 262px;
                height: 44px;
                line-height: 44px;
                border-radius: 4px;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase
            }

.about03 {
    padding: 108px 0 80px 0
}

    .about03 .about-bt {
        text-transform: uppercase;
        margin-bottom: 18px
    }

    .about03 .about-p {
        line-height: 26px
    }

.about04 {
    padding: 60px 0 71px 0;
    background: url("../images/bg6.jpg") no-repeat top center;
    background-size: cover
}

    .about04 .about-bt {
        text-transform: uppercase;
        margin-bottom: 45px;
        text-align: center;
        font-size: 34px
    }

    .about04 ul li {
        width: 25%;
        float: left
    }

        .about04 ul li .box {
            text-align: center
        }

        .about04 ul li .pic {
            margin: 0 auto;
            width: 55px
        }

        .about04 ul li .bt {
            font-size: 16px;
            color: #333;
            line-height: 24px;
            font-weight: bold;
            margin-top: 10px
        }

        .about04 ul li:nth-child(1) .box {
            float: left
        }

        .about04 ul li:nth-child(4) .box {
            float: right
        }

.about05 {
    padding: 72px 0 82px 0
}

    .about05 .about-p {
        line-height: 26px;
        margin-bottom: 26px
    }

    .about05 .img img {
        display: block
    }

.job01 {
    padding-bottom: 85px
}

    .job01 .list {
        padding-top: 25px;
        margin-left: auto;
        margin-right: auto
    }

        .job01 .list dl {
            position: relative
        }

            .job01 .list dl dt {
                font-size: 0
            }

                .job01 .list dl dt span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 16px;
                    color: #333
                }

        .job01 .list .span-01 {
            width: 25%;
            padding-left: 49px
        }

        .job01 .list .span-02 {
            width: 17%;
            text-align: center;
            margin-right: 3%
        }

        .job01 .list .span-03 {
            width: 18%;
            text-align: center;
            margin-right: 2%
        }

        .job01 .list .span-04 {
            width: 14%;
            text-align: center;
            margin-right: 4%
        }

        .job01 .list .span-05 {
            width: 14%;
            text-align: center
        }

        .job01 .list .bt {
            background: #1a3c64;
            color: #fff;
            line-height: 46px;
            height: 46px;
            font-size: 0;
            text-transform: uppercase
        }

            .job01 .list .bt span {
                display: inline-block;
                vertical-align: middle;
                font-size: 16px
            }

        .job01 .list dl {
            margin-bottom: 2px
        }

        .job01 .list dt {
            overflow: hidden;
            padding: 16px 0;
            cursor: pointer;
            font-size: 16px;
            position: relative;
            transition: all .5s;
            background: #fafafa
        }

@media (min-width:1025px) {
    .job01 .list dt:hover {
        background: #e1e7eb
    }
}

.job01 .list .icon {
    display: none;
    position: absolute;
    top: 15px;
    right: 20px;
    margin: auto;
    width: 16px;
    height: 16px
}

    .job01 .list .icon:before, .job01 .list .icon:after {
        content: "";
        display: block;
        background: #1a3c64;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }

    .job01 .list .icon:before {
        width: 100%;
        height: 2px
    }

    .job01 .list .icon:after {
        width: 2px;
        height: 100%;
        transition: all .5s
    }

.job01 .list dd {
    background: #fff;
    height: 0;
    overflow: hidden
}

    .job01 .list dd .nr {
        padding: 19px 30px 62px 41px;
        color: #777;
        font-size: 16px;
        line-height: 30px
    }

    .job01 .list dd a.toudi {
        width: 260px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #f07d00 url(../images/t.png) no-repeat 84% center;
        padding-left: 34px;
        border-radius: 30px;
        font-size: 20px;
        background-size: 25px;
        display: block;
        margin-top: 12px
    }

.job01 .list .cur dt {
    background: #e1e7eb
}

    .job01 .list .cur dt .icon:after {
        height: 0
    }

.job01 .list .cur dd {
    height: auto
}

.job01 .list .p-01 {
    color: #333;
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: bold
}

.job01 .list .red {
    color: #f00
}

@media (max-width:1023px) {
    .job01 .list .title {
        font-size: 20px
    }

    .job01 .list .tips {
        font-size: 12px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .job01 .list .bt {
        font-size: 12px;
        text-align: center
    }

    .job01 .list .span-01 {
        padding-left: 0
    }

    .job01 .list dt {
        font-size: 14px;
        text-align: center
    }

    .job01 .list dd .nr {
        font-size: 14px;
        padding: 10px 10px
    }
}

.job02 {
    color: #fff;
    padding: 52px 0 52px 0;
    margin-bottom: 62px;
    background: #0070ba url("../images/bg7.png") no-repeat center center
}

    .job02 .text {
        width: 68%;
        float: left
    }

        .job02 .text .bt {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 18px
        }

        .job02 .text .about-p {
            line-height: 26px;
            color: #fff;
            margin-bottom: 27px
        }

    .job02 .pic {
        float: right;
        width: 19%
    }

    .job02 .btn a {
        width: 340px;
        height: 44px;
        line-height: 44px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold
    }

.contact01 {
    padding: 10px 0
}

    .contact01 .box {
        position: relative;
        min-height: 520px;
        padding-left: 434px;
        margin-bottom: 46px
    }

        .contact01 .box .map {
            width: 434px;
            position: absolute;
            top: 0;
            left: 0
        }

        .contact01 .box .text {
            border: 1px solid #efefef;
            min-height: 520px;
            padding: 47px 54px 28px 49px
        }

            .contact01 .box .text .bt {
                font-family: "Montserrat-Regular";
                font-size: 20px;
                color: #424242;
                font-weight: bold;
                letter-spacing: 1.6px;
                text-transform: uppercase;
                padding-bottom: 24px;
                border-bottom: 1px solid #f7f7f7;
                margin-bottom: 23px
            }

            .contact01 .box .text .jsh {
                font-size: 14px;
                color: #424242;
                margin-bottom: 27px;
                line-height: 24px
            }

            .contact01 .box .text .list {
                padding: 19px 33px 33px 33px;
                background: #f07d00
            }

                .contact01 .box .text .list .tel {
                    font-size: 30px;
                    color: #fff;
                    padding-left: 10px;
                    letter-spacing: .5px;
                    margin-bottom: 11px;
                    font-family: "DINPro-Regular"
                }

                    .contact01 .box .text .list .tel a {
                        color: #fff
                    }

                .contact01 .box .text .list ul li .b {
                    position: relative;
                    min-height: 66px;
                    padding-left: 81px
                }

                    .contact01 .box .text .list ul li .b .pic {
                        width: 66px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        border-radius: 50%;
                        background: #fff
                    }

                    .contact01 .box .text .list ul li .b .info {
                        position: relative;
                        padding-top: 10px;
                        letter-spacing: .5px
                    }

                        .contact01 .box .text .list ul li .b .info p {
                            position: relative;
                            padding-left: 63px;
                            color: #fff;
                            margin-bottom: 7px
                        }

                            .contact01 .box .text .list ul li .b .info p span {
                                position: absolute;
                                top: 0;
                                left: 0
                            }

                            .contact01 .box .text .list ul li .b .info p.add {
                                cursor: pointer
                            }

    .contact01 .box1 {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        overflow: hidden;
        margin-bottom: 73px
    }

        .contact01 .box1 ul li {
            float: left;
            width: 14.28571429%;
            font-size: 16px;
            color: #333;
            line-height: 24px;
            padding: 29px 10px 30px 8px;
            border-right: 2px solid #f3f3f3
        }

            .contact01 .box1 ul li .pic {
                width: 45px
            }

            .contact01 .box1 ul li .p {
                margin-top: 4px
            }

            .contact01 .box1 ul li:nth-child(7n) {
                border-right: 0
            }

#mapContainer {
    height: 520px;
    width: 100%
}

#mapContainer1 {
    height: 520px;
    width: 100%
}

.title01 {
    text-align: center;
    margin-bottom: 51px
}

    .title01 .h3 {
        font-size: 27px;
        color: #1a3c64;
        font-weight: bold;
        text-transform: uppercase
    }

    .title01 .jsh {
        font-size: 16px;
        color: #333;
        line-height: 28px
    }

.jiameng01 {
    padding: 7px 0 125px 0
}

    .jiameng01 .jiameng-bottom ul {
        padding: 0 17px
    }

        .jiameng01 .jiameng-bottom ul li {
            width: 25%;
            float: left;
            padding: 0 12px
        }

            .jiameng01 .jiameng-bottom ul li .box {
                border: 1px solid #e7e7e7;
                border-radius: 10px;
                min-height: 343px;
                padding: 53px 10px 17px 10px
            }

            .jiameng01 .jiameng-bottom ul li .img {
                width: 60px;
                height: 60px;
                margin: 0 auto 22px auto;
                overflow: hidden;
                position: relative
            }

            .jiameng01 .jiameng-bottom ul li .pic {
                position: absolute;
                top: 0;
                left: 0;
                transition: .5s
            }

            .jiameng01 .jiameng-bottom ul li .ph {
                top: 100%
            }

            .jiameng01 .jiameng-bottom ul li .text {
                text-align: center
            }

                .jiameng01 .jiameng-bottom ul li .text .bt {
                    font-size: 16px;
                    color: #333;
                    line-height: 24px;
                    height: 48px;
                    overflow: hidden;
                    font-weight: bold;
                    margin-bottom: 17px
                }

                .jiameng01 .jiameng-bottom ul li .text .jsh {
                    font-size: 16px;
                    color: #333;
                    line-height: 27px
                }

            .jiameng01 .jiameng-bottom ul li:hover .box {
                border: 1px solid #0070ba
            }

            .jiameng01 .jiameng-bottom ul li:hover .p {
                top: -100%
            }

            .jiameng01 .jiameng-bottom ul li:hover .ph {
                top: 0
            }

            .jiameng01 .jiameng-bottom ul li:hover .text .bt {
                color: #0070ba
            }

.jiameng03 {
    background: url("../images/jia1.jpg") no-repeat top center;
    margin-bottom: 58px
}

    .jiameng03 .left {
        float: left;
        width: 24%;
        padding-top: 134px;
        padding-left: 41px
    }

        .jiameng03 .left .title01 {
            text-align: left;
            margin-bottom: 23px
        }

            .jiameng03 .left .title01 .h3 {
                background: url(../images/contact1.png) no-repeat top left;
                margin-bottom: 8px;
                padding-top: 64px;
                color: #fff
            }

            .jiameng03 .left .title01 .span {
                margin-bottom: 12px;
                color: #fff
            }

            .jiameng03 .left .title01 .jsh {
                color: #fff
            }

    .jiameng03 .right {
        float: right;
        width: 70.5%;
        padding-right: 36px
    }

        .jiameng03 .right ul {
            margin: 0 -6px
        }

            .jiameng03 .right ul li {
                width: 33.33333333%;
                float: left;
                padding: 0 6px;
                margin-bottom: 27px
            }

                .jiameng03 .right ul li .box {
                    border: 1px solid #b5b5b5
                }

                    .jiameng03 .right ul li .box .pic img {
                        transition: .5s
                    }

                    .jiameng03 .right ul li .box .pic:after {
                        padding-bottom: 125.59726962%
                    }

                .jiameng03 .right ul li:hover .box {
                    border: 1px solid #1a3c64
                }

                    .jiameng03 .right ul li:hover .box .pic img {
                        transform: scale(1.04)
                    }

.jiameng04 {
    padding: 104px 0 100px 0;
    background: #f4f9fa
}

    .jiameng04 .title01 {
        padding: 0 40px;
        margin-bottom: 43px
    }

        .jiameng04 .title01 .jsh {
            text-align: left;
            margin-top: 50px
        }

    .jiameng04 .jiameng-bottom {
        padding: 0 42px
    }

        .jiameng04 .jiameng-bottom ul li .box {
            position: relative
        }

        .jiameng04 .jiameng-bottom ul li .pic {
            width: 504px;
            float: left
        }

            .jiameng04 .jiameng-bottom ul li .pic:after {
                padding-bottom: 88.0952381%
            }

        .jiameng04 .jiameng-bottom ul li .text {
            width: 187px;
            text-align: center;
            border: 14px solid #fff;
            height: 180px;
            color: #fff;
            position: absolute;
            top: 50%;
            margin-top: -81px;
            left: 405px;
            padding-top: 31px;
            background: #0070ba
        }

            .jiameng04 .jiameng-bottom ul li .text .bt {
                font-size: 30px;
                font-weight: bold
            }

        .jiameng04 .jiameng-bottom ul li .info {
            float: right;
            width: 45%;
            padding-top: 49px
        }

            .jiameng04 .jiameng-bottom ul li .info .h3 {
                font-size: 21px;
                color: #333;
                font-weight: bold;
                margin-bottom: 44px
            }

            .jiameng04 .jiameng-bottom ul li .info .p {
                font-size: 16px;
                color: #333;
                line-height: 28px
            }

.jiameng05 {
    padding: 78px 0 69px 0
}

    .jiameng05 .left {
        float: left;
        width: 37%;
        padding-left: 91px;
        padding-top: 41px
    }

        .jiameng05 .left .title01 {
            text-align: left;
            margin-bottom: 23px
        }

            .jiameng05 .left .title01 .h3 {
                background: url(../images/contact.png) no-repeat top left;
                margin-bottom: 20px;
                font-size: 30px;
                padding-top: 52px;
                letter-spacing: .5px;
                border-bottom: 2px solid #eaeaea;
                padding-bottom: 43px
            }

            .jiameng05 .left .title01 .span {
                margin-bottom: 12px
            }

        .jiameng05 .left .c {
            padding-top: 44px;
            border-top: 2px solid #eaeaea;
            margin-top: 31px
        }

            .jiameng05 .left .c p {
                font-size: 16px;
                color: #000;
                padding-left: 23px
            }

            .jiameng05 .left .c a {
                padding-left: 23px;
                font-size: 16px;
                color: #959595;
                text-decoration: underline;
                margin-top: 18px;
                display: block
            }

    .jiameng05 .right {
        float: right;
        width: 58.7%;
        padding-right: 30px
    }

        .jiameng05 .right ul {
            margin: 0 -9px;
            overflow: hidden
        }

            .jiameng05 .right ul li {
                width: 50%;
                float: left;
                padding: 0 9px;
                margin-bottom: 31px
            }

                .jiameng05 .right ul li .box {
                    position: relative
                }

                .jiameng05 .right ul li .input {
                    background: #f2f3f5;
                    width: 100%;
                    height: 56px;
                    outline: 0;
                    padding: 0 29px;
                    border-radius: 5px;
                    border: 1px solid #f2f3f5
                }

                    .jiameng05 .right ul li .input:focus {
                        border: 1px solid #1a3c64
                    }

                .jiameng05 .right ul li textarea {
                    background: #f2f3f5;
                    width: 100%;
                    height: 198px;
                    border: 1px solid #f2f3f5;
                    outline: 0;
                    border-radius: 5px;
                    padding: 10px 29px
                }

                    .jiameng05 .right ul li textarea:focus {
                        border: 1px solid #1a3c64
                    }

                .jiameng05 .right ul li font {
                    color: #f00;
                    font-size: 14px;
                    position: absolute;
                    top: 12px;
                    left: 14px
                }

                .jiameng05 .right ul li #submit {
                    margin: 0 10px;
                    width: 128px;
                    height: 41px;
                    text-align: center;
                    line-height: 39px;
                    border: 1px solid #b5b5b5;
                    background: #fff;
                    color: #333;
                    display: inline-block;
                    font-size: 16px;
                    border-radius: 5px
                }

@media (min-width:1025px) {
    .jiameng05 .right ul li #submit:hover {
        background: #1a3c64;
        border: 1px solid #1a3c64;
        color: #fff
    }
}

.jiameng05 .right ul .textarea {
    width: 100%;
    text-align: center
}

.installation01 {
    position: relative;
    padding-bottom: 87px;
    padding-top: 24px
}

    .installation01 .img {
        width: 485px;
        z-index: 3;
        position: relative;
        float: right;
        margin-right: -130px
    }

        .installation01 .img img {
            display: block
        }

    .installation01 .text {
        padding-top: 28px;
        padding-bottom: 90px;
        position: relative;
        float: left;
        width: 61%;
        padding-left: 50px
    }

        .installation01 .text .about-bt {
            text-transform: uppercase;
            margin-bottom: 15px
        }

        .installation01 .text .about-p {
            letter-spacing: -0.1px;
            line-height: 26px
        }

        .installation01 .text .btn {
            z-index: 3;
            position: relative
        }

            .installation01 .text .btn a {
                width: 262px;
                height: 44px;
                line-height: 44px;
                border-radius: 4px;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase
            }

.installation02 {
    padding: 71px 0 91px 0
}

.in02 {
    padding: 60px 0 79px 0;
    background: url(../images/bg8.jpg) no-repeat top center;
    background-size: cover
}

    .in02 .about-bt {
        margin-bottom: 0
    }

    .in02 .about-p {
        text-align: center;
        margin-bottom: 53px
    }

.installation03 {
    position: relative;
    margin-top: 100px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 100px
}

    .installation03 .img {
        width: 884px;
        z-index: 3;
        float: left;
        margin-left: -290px
    }

        .installation03 .img img {
            display: block
        }

    .installation03 .text {
        padding-top: 68px;
        position: relative;
        float: right;
        width: 48.359%
    }

        .installation03 .text .about-bt {
            text-transform: uppercase;
            margin-bottom: 25px
        }

            .installation03 .text .about-bt span {
                color: #e4f2f4;
                font-size: 30px;
                font-family: "Montserrat-Regular";
                font-weight: normal;
                padding-right: 16px;
                height: 37px;
                display: inline-block;
                vertical-align: top;
                border-bottom: 2px solid #eaf5f7
            }

            .installation03 .text .about-bt b {
                display: inline-block;
                vertical-align: top
            }

        .installation03 .text .about-p {
            letter-spacing: -0.1px;
            margin-bottom: 37px
        }

            .installation03 .text .about-p ul li {
                font-weight: bold;
                line-height: 34px;
                padding-left: 28px;
                font-size: 14px;
                background: url("../images/dot2.png") no-repeat left 10px
            }

        .installation03 .text .btn {
            z-index: 3;
            position: relative
        }

            .installation03 .text .btn a {
                width: 202px;
                height: 44px;
                line-height: 44px;
                border-radius: 4px;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase
            }

.installation04 {
    position: relative;
    padding-bottom: 10px;
    padding-top: 24px
}

    .installation04 .info {
        position: relative
    }

    .installation04 .img {
        width: 485px;
        z-index: 3;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: -130px
    }

        .installation04 .img img {
            display: block
        }

    .installation04 .text {
        padding-top: 18px;
        padding-bottom: 90px;
        position: relative;
        float: left
    }

        .installation04 .text .item {
            margin-bottom: 78px
        }

        .installation04 .text .about-bt {
            text-transform: uppercase;
            margin-bottom: 9px
        }

            .installation04 .text .about-bt span {
                color: #e4f2f4;
                font-size: 30px;
                font-family: "Montserrat-Regular";
                font-weight: normal;
                padding-right: 16px;
                height: 37px;
                display: inline-block;
                vertical-align: top;
                border-bottom: 2px solid #eaf5f7
            }

            .installation04 .text .about-bt b {
                display: inline-block;
                vertical-align: top
            }

        .installation04 .text .about-p {
            line-height: 26px
        }

            .installation04 .text .about-p ul {
                margin-bottom: 10px
            }

                .installation04 .text .about-p ul li {
                    font-weight: bold;
                    padding-left: 28px;
                    font-size: 14px;
                    line-height: 34px;
                    background: url("../images/dot2.png") no-repeat left 10px
                }

        .installation04 .text .a1 {
            width: 60%
        }

        .installation04 .text .btn {
            z-index: 3;
            position: relative
        }

            .installation04 .text .btn a {
                width: 262px;
                height: 44px;
                line-height: 44px;
                border-radius: 4px;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase
            }

        .installation04 .text .btn1 a {
            width: 202px;
            height: 44px;
            line-height: 44px
        }

        .installation04 .text .inlist {
            margin: 0 -93px;
            padding: 49px 0 0 0
        }

            .installation04 .text .inlist li {
                width: 33.33333333%;
                float: left;
                padding: 0 93px
            }

                .installation04 .text .inlist li .pic {
                    margin: 0 auto;
                    height: 110px
                }

                .installation04 .text .inlist li .t {
                    padding-top: 30px
                }

                .installation04 .text .inlist li .bt {
                    font-size: 16px;
                    font-weight: bold;
                    color: #222;
                    border-bottom: 1px solid #e5e5e5;
                    padding-bottom: 5px;
                    margin-bottom: 11px
                }

                .installation04 .text .inlist li .jsh {
                    font-size: 14px;
                    color: #4d4d4d;
                    line-height: 24px
                }

.maintain01 {
    padding: 26px 0 110px 0;
    background: #fff url("../images/map.png") no-repeat top center
}

    .maintain01 ul {
        margin-bottom: 49px;
        overflow: hidden
    }

        .maintain01 ul li {
            margin-bottom: 30px
        }

            .maintain01 ul li .box {
                position: relative;
                padding-right: 490px;
                min-height: 390px;
                background: #fafafa
            }

                .maintain01 ul li .box:after {
                    top: 0;
                    left: -43px;
                    width: 43px;
                    height: 100%;
                    background: #fafafa;
                    position: absolute;
                    content: '';
                    display: block
                }

                .maintain01 ul li .box .pic {
                    position: absolute;
                    top: 0;
                    right: -5px;
                    width: 490px
                }

                    .maintain01 ul li .box .pic:after {
                        padding-bottom: 79.59183673%
                    }

                .maintain01 ul li .box .text {
                    padding: 69px 30px 45px 30px
                }

                .maintain01 ul li .box .bt {
                    text-align: center;
                    font-size: 32px;
                    color: #000;
                    margin-bottom: 27px
                }

                .maintain01 ul li .box .jsh {
                    font-size: 16px;
                    color: #474747;
                    line-height: 24px;
                    margin-bottom: 28px;
                    text-align: justify
                }

                .maintain01 ul li .box .img {
                    text-align: center;
                    margin: 0 auto
                }

                    .maintain01 ul li .box .img img {
                        max-width: 193px;
                        margin: 0 auto;
                        text-align: center
                    }

            .maintain01 ul li:nth-child(2n) .box {
                padding-right: 0;
                padding-left: 490px
            }

                .maintain01 ul li:nth-child(2n) .box:after {
                    right: -43px;
                    left: auto
                }

                .maintain01 ul li:nth-child(2n) .box .pic {
                    left: -5px;
                    right: auto
                }

.case-show {
    padding: 65px 0 0 0
}

    .case-show .h1 {
        font-size: 32px;
        font-weight: normal
    }

    .case-show .news-info {
        letter-spacing: .2px;
        padding: 23px 0 61px 0
    }

.pattern1 {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../images/pattern1.jpg?v=2);
    background-size: cover
}

.pattern2 {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover
}

.home-map {
    margin-bottom: 86px;
    position: relative
}

    .home-map .pic1 {
        display: none
    }

    .home-map .pic {
        width: 1340px;
        height: 672px
    }

@media (max-width:1341px) {
    .home-map .pic {
        width: 100%
    }
}

.home-map .pic .globalMap {
    width: 100%;
    position: relative
}

.home-map .pic .area {
    position: absolute;
    width: 80px;
    height: 80px;
    visibility: visible;
    opacity: 1
}

    .home-map .pic .area .name {
        position: absolute;
        z-index: 9;
        top: 30px;
        left: 50px;
        font-size: 12px;
        cursor: initial
    }

        .home-map .pic .area .name:hover {
            color: #333
        }

    .home-map .pic .area .dot {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: inline-block;
        height: 37px;
        text-align: center;
        margin: auto;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        line-height: 26px;
        color: #222;
        font-weight: bold;
        font-size: 14px;
        padding-bottom: 20px;
        background: url("../images/d.png") no-repeat bottom center
    }

    .home-map .pic .area .dot0 {
        height: 26px;
        background: url("../images/d0.png") no-repeat top center
    }

    .home-map .pic .area .dot1 {
        padding-top: 0;
        padding-left: 18px;
        text-align: left;
        width: 200px;
        background: url("../images/d0.png") no-repeat center left
    }

    .home-map .pic .area .dot3 {
        background: url("../images/d.png") no-repeat center left
    }

    .home-map .pic .area .dot4 {
        padding-top: 0;
        padding-right: 18px;
        text-align: right;
        background: url("../images/d.png") no-repeat center right
    }

    .home-map .pic .area .dot2 {
        padding-top: 0;
        padding-right: 18px;
        text-align: right
    }

    .home-map .pic .area .circle {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        bottom: -28px;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        background: transparent
    }

    .home-map .pic .area .circle01 {
        top: -1px;
        left: -69px;
        bottom: 0
    }

    .home-map .pic .area .circle02 {
        top: -1px;
        right: -70px;
        bottom: 0
    }

    .home-map .pic .area .circle:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        border: 2px solid rgba(179,17,34,0.3);
        opacity: 0;
        -webkit-animation: ripple 4500ms ease-out 225ms infinite;
        animation: ripple 4500ms ease-out 225ms infinite
    }

    .home-map .pic .area .circle00:after {
        border: 2px solid rgba(179,17,34,0.3)
    }

    .home-map .pic .area .circle-shadow:after {
        -webkit-box-shadow: inset 0 0 5em rgba(179,17,34,0.3);
        box-shadow: inset 0 0 5em rgba(179,17,34,0.3)
    }

    .home-map .pic .area .circle-10:after {
        -webkit-animation: ripple 4500ms ease-out 225ms infinite;
        animation: ripple 4500ms ease-out 225ms infinite
    }

    .home-map .pic .area .circle-40:after {
        -webkit-animation: ripple 4500ms ease-out 900ms infinite;
        animation: ripple 4500ms ease-out 900ms infinite
    }

    .home-map .pic .area .circle-70:after {
        -webkit-animation: ripple 4500ms ease-out 1575ms infinite;
        animation: ripple 4500ms ease-out 1575ms infinite
    }

    .home-map .pic .area .circle-80:after {
        -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
        animation: ripple 4500ms ease-out 1800ms infinite
    }

.home-map .pic .meixi {
    top: 120px;
    left: 140px
}

.home-map .pic .m01 {
    top: 52px;
    left: 97px
}

.home-map .pic .m02 {
    top: 105px;
    left: 65px
}

.home-map .pic .m03 {
    top: 106px;
    left: 156px
}

.home-map .pic .m04 {
    top: 121px;
    left: 190px
}

.home-map .pic .m05 {
    top: 146px;
    left: 294px
}

.home-map .pic .m06 {
    top: 207px;
    left: 281px
}

.home-map .pic .m07 {
    top: 230px;
    left: 402px
}

.home-map .pic .m08 {
    top: 402px;
    left: 206px
}

.home-map .pic .m09 {
    top: 178px;
    left: 500px
}

.home-map .pic .m10 {
    top: 151px;
    left: 553px
}

.home-map .pic .m11 {
    top: 162px;
    left: 626px
}

.home-map .pic .m12 {
    top: 207px;
    left: 560px
}

.home-map .pic .m13 {
    top: 242px;
    left: 514px
}

.home-map .pic .m14 {
    top: 382px;
    left: 610px
}

.home-map .pic .m15 {
    top: 94px;
    right: 225px
}

.home-map .pic .m16 {
    top: 154px;
    right: 225px
}

.home-map .pic .m17 {
    top: 205px;
    right: 205px
}

.home-map .pic .m18 {
    top: 335px;
    right: 29px
}

.home-map .pic .m19 {
    top: 416px;
    right: 70px
}

.home-map .pic .m20 {
    top: 431px;
    right: 165px
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1);
        transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

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

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1, .1);
        transform: scale(.1, .1)
    }

    5% {
        opacity: 1
    }

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

.case {
    padding: 0 40px 69px 40px;
    border-top: 1px solid rgba(25,60,82,0.5);
    margin-top: 153px
}

    .case .caselist {
        margin: 0 -3px 66px -3px
    }

        .case .caselist li {
            width: 33.33333333%;
            padding: 0 3px;
            margin-bottom: 4px
        }

            .case .caselist li .box .hover .bt {
                font-size: 36px;
                text-transform: uppercase;
                line-height: 48px;
                max-height: 96px
            }

            .case .caselist li:hover .box .hover {
                background: rgba(26,60,100,0.6)
            }

            .case .caselist li:nth-child(1) .box {
                padding-left: 64px;
                padding-top: 85px
            }

            .case .caselist li:nth-child(1) .bt {
                color: #fff;
                font-size: 90px;
                font-weight: bold;
                margin-bottom: 50px
            }

            .case .caselist li:nth-child(1) .more1 {
                width: 144px;
                height: 144px;
                border-radius: 50%;
                border: 1px solid #fff;
                background: url("../images/return.png") no-repeat center center
            }

    .case .page a {
        color: #fff
    }

        .case .page a.prev span {
            background: url(../images/prev-02.png) no-repeat left center;
            background-size: 4px
        }

        .case .page a.next span {
            background: url(../images/next-02.png) no-repeat right center;
            background-size: 4px
        }

.gengduo {
    text-align: center;
    margin-top: 93px;
    padding: 19px;
    background: #193b52
}

    .gengduo a {
        color: #fff;
        border: 1px solid #8c9ba6;
        display: block;
        padding: 122px 30px 173px 30px
    }

    .gengduo .h3 {
        font-size: 22px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 47px
    }

    .gengduo .p {
        font-size: 16px
    }

        .gengduo .p span {
            width: 120px;
            height: 1px;
            background: #fff;
            margin: 0 18px;
            display: inline-block;
            vertical-align: middle
        }

.product {
    padding: 0 40px 69px 40px;
    border-top: 1px solid rgba(25,60,82,0.5);
    margin-top: 153px
}

    .product .gengduo {
        margin-top: 40px
    }

.prolist1 {
    margin: 0 -4px
}

    .prolist1 li {
        width: 33.33333333%;
        float: left;
        padding: 0 4px;
        margin-bottom: 8px
    }

        .prolist1 li .box {
            position: relative;
            overflow: hidden
        }

            .prolist1 li .box .pic {
                background: #fff
            }

                .prolist1 li .box .pic:after {
                    padding-bottom: 89.83606557%
                }

            .prolist1 li .box .hover {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-align: center;
                z-index: 3;
                background: rgba(8,45,69,0.93)
            }

                .prolist1 li .box .hover .info {
                    position: absolute;
                    top: 50%;
                    width: 100%;
                    transform: translateY(-50%);
                    left: 0
                }

                .prolist1 li .box .hover .bt {
                    font-weight: bold;
                    overflow: hidden;
                    font-size: 36px;
                    text-transform: uppercase;
                    line-height: 48px;
                    max-height: 96px;
                    padding: 0 5px;
                    color: #fff;
                    margin-bottom: 15px
                }

                .prolist1 li .box .hover .btn p {
                    margin: 0 auto;
                    background: 0;
                    text-transform: uppercase;
                    color: #f07d00
                }

@media (min-width:1025px) {
    .prolist1 li:hover .box .pic img {
        transform: scale(1.04)
    }

    .prolist1 li:hover .box .hover {
        background: url("../images/bg9.png") no-repeat top left;
        background-size: cover
    }

        .prolist1 li:hover .box .hover .btn p {
            background: #f07d00;
            color: #fff
        }
}

.prolist1 li:nth-child(1) .box {
    padding-left: 58px;
    padding-top: 72px
}

@media (max-width:1280px) {
    .prolist1 li:nth-child(1) .box {
        padding-top: 40px
    }
}

.prolist1 li:nth-child(1) .bt {
    color: #fff;
    font-size: 90px;
    font-weight: bold;
    line-height: 120px;
    margin-bottom: 58px
}

.prolist1 li:nth-child(1) .more1 {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url("../images/return.png") no-repeat center center
}

.prolist1 li:nth-child(5n-1) {
    width: 50%
}

    .prolist1 li:nth-child(5n-1) .pic {
        height: 450px
    }

@media (min-width:1025px) {
    .prolist1 li:nth-child(5n-1):hover .box .pic img {
        transform: scale(1.04)
    }

    .prolist1 li:nth-child(5n-1):hover .box .hover {
        background: url("../images/bg10.png") no-repeat top left;
        background-size: cover
    }
}

.prolist1 li:nth-child(5n) {
    width: 50%
}

    .prolist1 li:nth-child(5n) .pic {
        height: 450px
    }

@media (min-width:1025px) {
    .prolist1 li:nth-child(5n):hover .box .pic img {
        transform: scale(1.04)
    }

    .prolist1 li:nth-child(5n):hover .box .hover {
        background: url("../images/bg10.png") no-repeat top left;
        background-size: cover
    }
}

.re {
    position: absolute;
    top: -116px;
    left: 0;
    width: 100%;
    height: 1px
}

.design01 {
    position: relative;
    overflow: hidden;
    margin-top: 28px;
    margin-bottom: 101px
}

    .design01 .img {
        position: relative;
        float: left;
        width: 699px;
        margin-left: -290px;
        z-index: 3
    }

        .design01 .img img {
            display: block
        }

    .design01 .text {
        padding-top: 77px;
        position: relative;
        float: right;
        width: 63.06%
    }

        .design01 .text .about-bt {
            margin-bottom: 31px;
            font-size: 52px;
            color: #121212
        }

        .design01 .text .about-p {
            line-height: 30px;
            margin-bottom: 37px
        }

.design02 {
    position: relative;
    overflow: hidden;
    margin-bottom: 119px
}

    .design02 .img {
        float: right;
        margin-right: -290px;
        position: relative;
        width: 777px;
        z-index: 3
    }

        .design02 .img img {
            display: block
        }

        .design02 .img:after {
            content: '';
            display: block;
            height: 6px;
            width: 1000px;
            left: -172px;
            bottom: -6px;
            background: #2aa9d2;
            position: absolute
        }

    .design02 .text {
        padding-left: 50px;
        padding-top: 13px;
        position: relative;
        float: left;
        width: 57.389%
    }

        .design02 .text .about-bt {
            margin-bottom: 26px
        }

        .design02 .text .about-p {
            line-height: 30px;
            margin-bottom: 37px;
            letter-spacing: .4px
        }

            .design02 .text .about-p ul li {
                font-weight: bold;
                line-height: 34px;
                padding-left: 28px;
                font-size: 14px;
                background: url("../images/dot2.png") no-repeat left 10px
            }

.design03 {
    padding: 122px 0 147px 0;
    background: url("../images/bg11.jpg") no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    margin-bottom: 102px;
    position: relative
}

    .design03 .container {
        width: 1440px
    }

    .design03 .de3-top {
        margin-bottom: 87px
    }

        .design03 .de3-top .h3 {
            float: left;
            width: 50%;
            padding-right: 10px;
            padding-top: 30px;
            font-size: 37px;
            color: #fff;
            font-weight: bold;
            background: url("../images/dot3.png") no-repeat top left
        }

        .design03 .de3-top .p {
            float: right;
            width: 44%;
            font-family: "Roboto-Regular";
            color: #fff;
            line-height: 26px;
            font-size: 17px;
            padding-top: 30px
        }

    .design03 .designlist {
        position: relative
    }

        .design03 .designlist ul {
            margin: 0 -15px
        }

            .design03 .designlist ul li {
                width: 25%;
                float: left;
                padding: 0 15px
            }

                .design03 .designlist ul li .box {
                    background: #fff
                }

                .design03 .designlist ul li .pic:after {
                    padding-bottom: 79.58579882%
                }

                .design03 .designlist ul li .bt {
                    line-height: 110px;
                    text-align: center;
                    padding: 0 5px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    color: #141414;
                    font-size: 24px;
                    font-family: "Rajdhani-Bold"
                }

        .design03 .designlist .slick-prev, .design03 .designlist .slick-next {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            overflow: hidden;
            margin-top: -48px;
            z-index: 5
        }

            .design03 .designlist .slick-prev:before, .design03 .designlist .slick-next:before {
                content: ''
            }

        .design03 .designlist .slick-prev {
            left: -27px;
            background: #1a3c64 url("../images/jt.png") no-repeat center center;
            transform: rotate(180deg)
        }

@media (min-width:1025px) {
    .design03 .designlist .slick-prev:hover {
        background-color: #18375b
    }
}

.design03 .designlist .slick-next {
    right: -27px;
    background: #1a3c64 url("../images/jt.png") no-repeat center center
}

@media (min-width:1025px) {
    .design03 .designlist .slick-next:hover {
        background-color: #18375b
    }
}

.design04 {
    padding: 9px 0 105px 0;
    position: relative
}

    .design04 ul li {
        width: 25%;
        float: left
    }

        .design04 ul li .box {
            text-align: center
        }

        .design04 ul li .pic {
            margin: 0 auto;
            width: 55px;
            transition: .5s
        }

        .design04 ul li .bt {
            font-size: 16px;
            color: #333;
            line-height: 24px;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 11px
        }

        .design04 ul li .btn p {
            background: 0;
            background-image: none;
            color: #f07d00;
            margin: 0 auto
        }

            .design04 ul li .btn p span {
                width: 13px;
                height: 13px;
                background: url(../images/dot4.png) no-repeat center center;
                background-size: 13px
            }

@media (min-width:1025px) {
    .design04 ul li:hover .pic {
        transform: rotateY(180deg)
    }
}

.design05 {
    padding: 67px 0 70px 0;
    background: url("../images/bg12.jpg") no-repeat top center;
    background-size: cover;
    margin-bottom: 120px;
    position: relative
}

    .design05 .about-bt {
        text-transform: uppercase;
        margin-bottom: 21px;
        text-align: center;
        font-size: 34px
    }

    .design05 .about-p {
        font-size: 14px;
        padding: 0 81px;
        margin-bottom: 39px
    }

    .design05 .btn a {
        width: 262px;
        height: 44px;
        line-height: 44px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0 auto
    }

.design06 {
    position: relative;
    margin-bottom: 92px
}

    .design06 .img {
        position: relative;
        width: 685px;
        z-index: 3;
        float: right;
        margin-right: -290px
    }

        .design06 .img img {
            display: block
        }

        .design06 .img:after {
            content: '';
            display: block;
            height: 10px;
            width: 1000px;
            left: 60px;
            bottom: -9px;
            background: #f07d00;
            position: absolute
        }

    .design06 .text {
        padding-left: 50px;
        padding-top: 51px;
        position: relative;
        float: left;
        width: 59.627%
    }

        .design06 .text .about-bt {
            margin-bottom: 9px;
            text-transform: uppercase;
            font-size: 34px;
            letter-spacing: 1.6px
        }

        .design06 .text .about-p {
            line-height: 26px;
            margin-bottom: 54px
        }

            .design06 .text .about-p ul li {
                font-weight: bold;
                line-height: 34px;
                padding-left: 28px;
                font-size: 14px;
                background: url("../images/dot2.png") no-repeat left 10px
            }

.de7 {
    min-height: 583px
}

    .de7 .img {
        right: 53%;
        width: 899px
    }

.design07 {
    position: relative;
    margin-bottom: 109px
}

    .design07 .box {
        padding: 90px 42px 42px 61px;
        overflow: hidden;
        background: url("../images/bg13.jpg") no-repeat top center
    }

    .design07 .img {
        width: 45.9%;
        float: right
    }

        .design07 .img img {
            display: block
        }

    .design07 .text {
        padding-top: 99px;
        position: relative;
        float: left;
        width: 50%;
        min-height: 780px
    }

        .design07 .text .about-bt {
            margin-bottom: 30px;
            text-transform: uppercase;
            font-size: 34px;
            color: #0a2933;
            line-height: 48px;
            letter-spacing: 1.6px
        }

        .design07 .text .line {
            width: 26px;
            height: 12px;
            background: #0a2933
        }

        .design07 .text .about-p {
            line-height: 26px;
            margin-bottom: 72px;
            margin-top: 56px;
            min-height: 312px
        }

            .design07 .text .about-p ul li {
                font-weight: bold;
                line-height: 34px;
                padding-left: 28px;
                font-size: 14px;
                background: url("../images/dot2.png") no-repeat left 10px
            }

        .design07 .text .more {
            padding-right: 16px
        }

            .design07 .text .more a {
                text-align: right;
                color: #0a2933;
                font-size: 24px;
                font-weight: bold;
                display: block;
                line-height: 28px
            }

                .design07 .text .more a span {
                    width: 28px;
                    height: 28px;
                    background: #0a2933 url(../images/jt.png) no-repeat center center;
                    background-size: 15px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 12px;
                    transition: .5s
                }

@media (min-width:1025px) {
    .design07 .text .more a:hover span {
        margin-left: 22px
    }
}

.design08 {
    position: relative;
    margin-top: 100px;
    overflow: hidden;
    background: #fafafa;
    margin-bottom: 100px
}

    .design08 .img {
        width: 791px;
        z-index: 3;
        float: left;
        margin-left: -290px
    }

        .design08 .img img {
            display: block
        }

    .design08 .text {
        padding-top: 84px;
        padding-bottom: 10px;
        position: relative;
        width: 56.045%;
        float: right
    }

        .design08 .text .about-bt {
            text-transform: uppercase;
            margin-bottom: 30px;
            font-size: 34px;
            color: #0a2933;
            line-height: 48px;
            letter-spacing: 2px
        }

        .design08 .text .line {
            width: 26px;
            height: 12px;
            background: #2ba9d2
        }

        .design08 .text .about-p {
            margin-bottom: 37px;
            margin-top: 42px
        }

            .design08 .text .about-p ul li {
                font-weight: bold;
                line-height: 34px;
                padding-left: 28px;
                font-size: 14px;
                background: url("../images/dot2.png") no-repeat left 10px
            }

        .design08 .text .btn {
            z-index: 3;
            position: relative
        }

            .design08 .text .btn a {
                width: 202px;
                height: 44px;
                line-height: 44px;
                border-radius: 4px;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase
            }

.design09 {
    padding: 104px 0 0 0;
    margin-top: 26px;
    overflow: hidden;
    margin-bottom: 79px;
    background: url("../images/bg15.jpg") no-repeat top center
}

    .design09 .box {
        float: right;
        width: 54.3%;
        margin-right: 148px;
        padding: 106px 44px 95px 44px;
        position: relative;
        background: #fff url("../images/bg14.jpg") no-repeat top center;
        background-size: 100%
    }

        .design09 .box:after {
            content: '';
            display: block;
            width: 14px;
            height: 100%;
            top: 7%;
            right: -14px;
            position: absolute;
            background: #f07d00
        }

    .design09 .about-bt {
        font-size: 36px;
        color: #121212;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 37px
    }

    .design09 .about-p {
        text-align: justify;
        line-height: 26px
    }

.design10 {
    position: relative;
    margin-bottom: 92px
}

    .design10 .img {
        position: relative
    }

        .design10 .img img {
            display: block
        }

    .design10 .text {
        position: relative;
        padding-top: 24px
    }

        .design10 .text .about-bt {
            margin-bottom: 6px;
            letter-spacing: 1.6px
        }

        .design10 .text .about-p {
            line-height: 26px;
            margin-bottom: 29px;
            font-weight: bold;
            letter-spacing: .2px
        }

    .design10 .left {
        width: 47.5%;
        float: left
    }

        .design10 .left .img {
            width: 660px;
            margin-left: -290px;
            position: relative
        }

    .design10 .right {
        float: right;
        width: 47.7%
    }

        .design10 .right .text {
            padding-top: 65px
        }

.product01 {
    padding: 100px 0 161px 0;
    background: #95c5d4 url(../images/bg16.jpg) no-repeat top center
}

    .product01 .left {
        float: left;
        width: 47.5%;
        padding-left: 45px;
        margin-top: 25px;
        position: relative;
        background: url("../images/dian.png") no-repeat bottom center;
        padding-bottom: 30px;
        z-index: 5
    }

        .product01 .left:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: -7px;
            background: url("../images/dot5.png") no-repeat center center;
            width: 53px;
            height: 98px
        }

        .product01 .left:after {
            content: '';
            display: block;
            position: absolute;
            top: 95%;
            right: 52px;
            background: url("../images/line3.png") no-repeat center center;
            width: 35px;
            height: 565px
        }

        .product01 .left .box {
            padding: 20px 20px 0 0;
            position: relative
        }

        .product01 .left .item {
            position: relative;
            z-index: 1
        }

            .product01 .left .item .pic img {
                filter: blur(10px);
                -webkit-filter: blur(10px)
            }

        .product01 .left .item1 {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            width: 100%;
            padding-left: 27px
        }

        .product01 .left .pic:after {
            padding-bottom: 100.17761989%
        }

    .product01 .right {
        float: right;
        width: 52.5%;
        position: relative;
        z-index: 4;
        padding-right: 68px
    }

        .product01 .right:after {
            content: '';
            display: block;
            position: absolute;
            top: -37px;
            right: 31px;
            background: url(../images/dot7.png) no-repeat center center;
            width: 95px;
            height: 95px
        }

        .product01 .right .span {
            font-size: 19px;
            color: #1a1a1e;
            text-transform: uppercase;
            font-family: "Montserrat-Regular";
            background: url("../images/dot6.png") no-repeat top left;
            line-height: 21px;
            letter-spacing: 4px;
            margin-bottom: 203px;
            text-align: center
        }

        .product01 .right .bt {
            font-size: 116px;
            color: #252537;
            padding-left: 23px;
            position: relative;
            margin-bottom: 17px;
            padding-right: 25px;
            font-family: "PlayfairDisplay-Regular"
        }

            .product01 .right .bt:after {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                right: 0;
                background: url("../images/line2.png") no-repeat bottom center;
                width: 1562px;
                height: 125px
            }

        .product01 .right .jsh {
            color: #252537;
            font-size: 24px;
            padding-left: 35px;
            letter-spacing: 1.4px;
            margin-bottom: 70px
        }

        .product01 .right .more a {
            display: block;
            font-size: 13px;
            color: #fff;
            width: 213px;
            height: 53px;
            border-radius: 3px;
            line-height: 53px;
            text-align: center;
            font-family: "Montserrat-Regular";
            background: #1a3c64;
            float: right;
            box-shadow: 0 0 40px 0 rgba(26,60,100,0.68)
        }

.product02 {
    padding: 73px 0 84px 0;
    position: relative;
    overflow: hidden
}

    .product02:before {
        content: '';
        display: block;
        position: absolute;
        top: -72px;
        left: 107px;
        background: url("../images/dot8.png") no-repeat bottom center;
        width: 140px;
        height: 152px
    }

    .product02:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 57px;
        right: 157px;
        background: url("../images/dot9.png") no-repeat bottom center;
        width: 87px;
        height: 96px
    }

    .product02 .h3 {
        font-size: 60px;
        color: #1a1a1e;
        font-family: "Roboto-Bold";
        margin-bottom: 30px
    }

    .product02 .p {
        font-size: 15px;
        color: #1a1a1e;
        line-height: 22px;
        font-family: "Montserrat-Regular"
    }

    .product02 .item1 {
        width: 42%;
        margin-bottom: 147px
    }

    .product02 .item2 {
        float: right;
        width: 63%
    }

.product-show {
    padding: 0;
    margin-top: 112px
}

.product03 {
    padding: 80px 0 94px 0;
    background: #f0f0f0
}

    .product03 .h3 {
        text-align: center;
        font-size: 30px;
        color: #1a3c64;
        font-weight: bold;
        margin-bottom: 38px;
        text-transform: uppercase
    }

        .product03 .h3:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 108px;
            height: 3px;
            margin-right: 25px;
            background: url("../images/line4.png") no-repeat center center
        }

        .product03 .h3:after {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 108px;
            height: 3px;
            margin-left: 25px;
            background: url("../images/line4.png") no-repeat center center
        }

    .product03 .list {
        position: relative;
        padding: 0 49px
    }

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

            .product03 .list ul li {
                width: 33.33333333%;
                float: left;
                padding: 0 12px
            }

                .product03 .list ul li .pic:after {
                    padding-bottom: 65.99496222%
                }

        .product03 .list .slick-prev, .product03 .list .slick-next {
            width: 25px;
            height: 22px;
            overflow: hidden;
            margin-top: -11px;
            z-index: 5
        }

            .product03 .list .slick-prev:before, .product03 .list .slick-next:before {
                content: ''
            }

        .product03 .list .slick-prev {
            left: 10px;
            background: url("../images/left1.png") no-repeat center center
        }

@media (min-width:1025px) {
    .product03 .list .slick-prev:hover {
        background: url("../images/left1h.png") no-repeat center center
    }
}

.product03 .list .slick-next {
    right: 10px;
    background: url("../images/right1.png") no-repeat center center
}

@media (min-width:1025px) {
    .product03 .list .slick-next:hover {
        background: url("../images/right1h.png") no-repeat center center
    }
}

.product04 {
    position: relative;
    padding: 142px 0
}

    .product04 .img {
        float: right;
        margin-right: -290px;
        position: relative;
        width: 923px;
        z-index: 3
    }

        .product04 .img img {
            display: block;
            z-index: 3;
            position: relative
        }

        .product04 .img:before {
            content: '';
            display: block;
            height: 1px;
            width: 1000px;
            left: -130px;
            top: 36px;
            background: #2aa9d2;
            position: absolute
        }

        .product04 .img:after {
            content: '';
            display: block;
            height: 6px;
            width: 1000px;
            left: -27px;
            bottom: -6px;
            background: #2aa9d2;
            position: absolute
        }

    .product04 .text {
        padding-left: 50px;
        padding-top: 74px;
        position: relative;
        float: left;
        width: 41%
    }

        .product04 .text .about-bt {
            margin-bottom: 31px;
            font-size: 38px;
            color: #1a1a1e;
            line-height: 54px;
            font-family: "Roboto-Bold"
        }

        .product04 .text .about-p {
            margin-bottom: 37px;
            font-family: "Roboto-Regular"
        }

.product05 {
    padding: 82px 0 89px 0;
    background: #f0f0f0
}

    .product05 .info {
        padding: 0 50px
    }

    .product05 .title {
        color: #1a3c64;
        padding-left: 50px;
        margin-bottom: 43px;
        background: url("../images/dot10.png") no-repeat center left
    }

        .product05 .title h3 {
            font-family: "Roboto-Bold";
            font-size: 24px
        }

        .product05 .title p {
            font-family: "Roboto-Regular";
            font-size: 12px;
            letter-spacing: .7px
        }

    .product05 .switch {
        padding-bottom: 20px
    }

        .product05 .switch .item {
            margin-bottom: 71px
        }

        .product05 .switch .left {
            width: 33%;
            float: left
        }

        .product05 .switch .picBig {
            position: relative;
            margin-bottom: 29px
        }

            .product05 .switch .picBig .pic {
                overflow: hidden
            }

                .product05 .switch .picBig .pic:after {
                    padding-bottom: 66.99029126%
                }

        .product05 .switch .text-picSmall {
            width: 66%;
            float: right;
            padding-left: 51px;
            padding-top: 28px
        }

        .product05 .switch .picSmall {
            position: relative
        }

            .product05 .switch .picSmall .list {
                position: relative;
                margin: 0 -5px
            }

            .product05 .switch .picSmall .slick-slide {
                padding: 0 5px
            }

            .product05 .switch .picSmall .box {
                border: 1px solid #e5e5e5;
                padding: 3px
            }

            .product05 .switch .picSmall .pic {
                cursor: pointer;
                overflow: hidden
            }

                .product05 .switch .picSmall .pic:after {
                    padding-bottom: 66.99029126%
                }

                .product05 .switch .picSmall .pic img {
                    transition: all .5s
                }

                .product05 .switch .picSmall .pic:hover .box {
                    border: 1px solid #1a3c64
                }

                .product05 .switch .picSmall .pic:hover img {
                    transform: scale(1.1)
                }

            .product05 .switch .picSmall .slick-current .box {
                border: 1px solid #2aa9d2
            }

        .product05 .switch .title2 {
            color: #1a3c64;
            font-size: 16px;
            font-family: "Roboto-Bold";
            position: relative;
            padding-left: 16px;
            margin-bottom: 12px
        }

            .product05 .switch .title2:after {
                content: '';
                display: block;
                width: 5px;
                height: 20px;
                background: #f07d00;
                position: absolute;
                top: 2px;
                left: 0
            }

        .product05 .switch .jsh {
            font-size: 14px;
            color: #929292;
            line-height: 22px;
            font-family: "Roboto-Regular";
            margin-bottom: 78px;
            height: 154px;
            overflow: hidden
        }

        .product05 .switch .more p {
            color: #1a3c64;
            font-size: 14px;
            margin-bottom: 15px;
            font-family: "Montserrat-Regular"
        }

        .product05 .switch .more .btn1 span {
            display: block;
            float: left;
            width: 300px;
            height: 60px;
            margin-right: 8px;
            line-height: 58px;
            font-family: "Montserrat-Regular";
            border: 1px solid #2aa9d2;
            position: relative;
            background: #fff
        }

            .product05 .switch .more .btn1 span:after {
                content: '';
                display: block;
                width: 6px;
                height: 6px;
                background: url("../images/dian1.png") no-repeat center center;
                position: absolute;
                bottom: 3px;
                right: 3px
            }

            .product05 .switch .more .btn1 span select {
                width: 100%;
                height: 58px;
                padding: 0 30px 0 50px;
                font-family: "Montserrat-Regular";
                color: #666;
                border: 0;
                background: none;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                text-transform: uppercase
            }

                .product05 .switch .more .btn1 span select::-ms-expand {
                    display: none
                }

            .product05 .switch .more .btn1 span img {
                margin-right: 15px;
                display: inline-block;
                vertical-align: middle;
                position: absolute;
                top: 20px;
                left: 25px
            }

.resources01 {
    position: relative;
    margin-top: 27px;
    margin-bottom: 73px
}

    .resources01 .box {
        padding: 60px 45px 0 95px;
        overflow: hidden;
        background: url("../images/bg17.jpg") no-repeat top left
    }

    .resources01 .img {
        width: 65.167%;
        float: right
    }

        .resources01 .img img {
            display: block
        }

    .resources01 .text {
        padding-top: 49px;
        position: relative;
        float: left;
        width: 30%
    }

        .resources01 .text .about-bt {
            margin-bottom: 23px;
            text-transform: uppercase;
            font-size: 36px;
            color: #000;
            line-height: 48px
        }

        .resources01 .text .about-p {
            line-height: 26px;
            margin-bottom: 16px;
            text-align: justify
        }

        .resources01 .text .more {
            padding-right: 16px
        }

            .resources01 .text .more a {
                text-align: center;
                color: #000;
                font-size: 16px;
                font-weight: bold;
                display: block;
                width: 220px;
                height: 49px;
                line-height: 47px;
                border-radius: 30px;
                border: 1px solid #455969
            }

                .resources01 .text .more a span {
                    width: 13px;
                    height: 22px;
                    background: url(../images/more.png) no-repeat center center;
                    background-size: 13px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 23px
                }

.resources-title h3 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase
}

    .resources-title h3 img {
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle
    }

.resources-title p {
    font-size: 14px;
    color: #222;
    line-height: 24px
}

.pc-slide {
    border-top: 2px solid #c7c7c7;
    margin-top: 21px
}

    .pc-slide .list {
        padding-top: 64px;
        background: #1a3c64;
        border-bottom: 1px solid #c7c7c7
    }

    .pc-slide .erjiclass {
        overflow: hidden;
        margin-top: 10px
    }

        .pc-slide .erjiclass a {
            line-height: 30px;
            height: 30px;
            display: block;
            float: left;
            padding: 0 10px;
            cursor: pointer;
            margin-bottom: 10px;
            margin-right: 10px;
            border: 1px solid #999
        }

            .pc-slide .erjiclass a.cur, .pc-slide .erjiclass a:hover {
                color: #f07d00;
                border-color: #f07d00
            }

    .pc-slide .list .swiper-container {
        position: relative;
        width: 1340px;
        height: 41px;
        overflow: hidden;
        margin: 0 auto
    }

        .pc-slide .list .swiper-container .swiper-slide {
            cursor: pointer;
            font-size: 14px;
            color: #474747;
            width: auto;
            height: 41px;
            line-height: 41px;
            background: #f3f3f3;
            padding: 0 10px;
            float: left
        }

        .pc-slide .list .swiper-container .swiper-slide-thumb-active {
            background: #05224d;
            color: #fff
        }

    .pc-slide .list .swiper-button-next.swiper-button-disabled, .pc-slide .list .swiper-button-prev.swiper-button-disabled {
        opacity: 0
    }

    .pc-slide .list .swiper-button-next, .pc-slide .list .swiper-container-rtl .swiper-button-prev {
        background: url("../images/dot20.png") no-repeat center center
    }

        .pc-slide .list .swiper-button-next:after, .pc-slide .list .swiper-container-rtl .swiper-button-prev:after {
            content: ''
        }

    .pc-slide .list .swiper-button-prev, .pc-slide .list .swiper-container-rtl .swiper-button-next {
        background: url("../images/dot19.png") no-repeat center center
    }

        .pc-slide .list .swiper-button-prev:after, .pc-slide .list .swiper-container-rtl .swiper-button-next:after {
            content: ''
        }

    .pc-slide .show {
        padding: 68px 0 71px 0;
        border-top: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        overflow: hidden;
        background: url("../images/bg18.jpg") no-repeat top center;
        background-size: cover
    }

        .pc-slide .show .swiper-container {
            width: 1340px;
            margin: 0 auto
        }

.downloadlist {
    margin: 0 -10px 20px -10px
}

    .downloadlist li {
        width: 25%;
        float: left;
        margin-bottom: 22px;
        padding: 0 10px
    }

        .downloadlist li .box {
            position: relative
        }

            .downloadlist li .box .date {
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
                background: #f07d00;
                color: #fff;
                position: absolute;
                top: 11px;
                left: 0;
                font-size: 12px;
                width: 80px;
                height: 32px;
                line-height: 32px;
                z-index: 3;
                display: none;
                text-align: center
            }

            .downloadlist li .box .pic {
                background: #fff
            }

                .downloadlist li .box .pic:after {
                    padding-bottom: 60.625%
                }

            .downloadlist li .box .bt {
                line-height: 59px;
                border-top: 1px solid #dde0e9;
                font-size: 18px;
                color: #333;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                padding: 0 10px;
                font-family: "Bahnschrift-Static-Light";
                padding-right: 40px;
                background: #fff url("../images/down.png") no-repeat 95% center
            }

@media (min-width:1025px) {
    .downloadlist li:hover .pic img {
        transform: scale(1.04)
    }

    .downloadlist li:hover .bt {
        color: #f07d00
    }
}

.resources02 {
    margin-bottom: 90px;
    position: relative
}

.resources03 {
    border-top: 1px solid #c7c7c7;
    padding: 85px 0 94px 0;
    border-bottom: 1px solid #c7c7c7;
    background: url("../images/bg19.jpg") no-repeat top left;
    background-size: cover;
    position: relative
}

    .resources03 .resources-title {
        text-align: center;
        padding: 0 167px
    }

    .resources03 .re-bottom {
        padding-top: 47px
    }

.resources04 {
    padding: 95px 0;
    position: relative
}

    .resources04 .re-bottom {
        border: 1px solid #c7c7c7;
        margin: 37px -71px 0 -71px;
        padding: 74px 71px 93px 71px;
        background: url("../images/bg18.jpg") no-repeat top left;
        background-size: cover
    }

.resources05 {
    background: url("../images/bg20.jpg") no-repeat top left;
    background-size: cover;
    padding-bottom: 78px
}

.resources06 {
    padding: 85px 0
}

    .resources06 .resources-title {
        padding-right: 83px
    }

    .resources06 .re-bottom {
        border: 1px solid #c7c7c7;
        margin: 29px -71px 0 -71px;
        padding: 81px 71px 79px 71px;
        background: url("../images/bg18.jpg") no-repeat top left;
        background-size: cover
    }

.videolist {
    margin: 0 -14px 50px -14px
}

    .videolist li {
        width: 33.33333333%;
        float: left;
        margin-bottom: 22px;
        padding: 0 14px
    }

        .videolist li .box {
            position: relative
        }

            .videolist li .box .pic {
                background: #fff
            }

                .videolist li .box .pic:after {
                    padding-bottom: 60.6557377%
                }

            .videolist li .box .bt {
                font-size: 16px;
                color: #464646;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                margin-top: 9px
            }

.downloadlist1 li {
    margin-bottom: 35px;
    overflow: hidden;
     
    padding-left: 1px
}

    .downloadlist1 li .box {
        position: relative
    }

        .downloadlist1 li .box .span {
            font-size: 16px;
            color: #404040;
            font-weight: bold;
            margin-bottom: 14px
        }

        .downloadlist1 li .box .jsh a {
            width: 25%;
            float: left;
            margin-left: -1px;
            margin-top: -1px;
            display: block;
            border: 1px solid #c7c7c7;
            color: #333;
            font-weight: bold;
            font-size: 16px;
            line-height: 40px;
            padding: 0 13px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

@media (min-width:1025px) {
    .downloadlist1 li .box .jsh a:hover {
        color: #f07d00
    }
}

.resources07 .pc-slide .show {
    padding-top: 38px;
    padding-bottom: 97px
}

.resources07 .more a {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 34px;
    background: #05224d
}

@media (min-width:1025px) {
    .resources07 .more a:hover {
        background: #f07d00
    }
}

.resources08 {
    margin-bottom: 95px;
    background: url("../images/bg21.jpg") no-repeat top left;
    background-size: cover
}

.transparent {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background: url(../images/transparent-bg.png) repeat;
    background: rgba(0,0,0,0.7);
    display: none
}

 

    .video-popup2 {
    position: fixed;
    z-index: 999;
    width: 800px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    -webkit-overflow-scrolling: touch
}

    .video-popup2 .box {
        height: 100%;
        padding: 20px;
        background: #fff;
        
    }


        .video-popup2 .box .submit {
            border-radius: 5px;
            color: #fff;
            text-align: center;
            width: 120px;
            height: 46px;
            line-height: 46px;
            background: #333;
            display: block;
            
        }

@media (min-width:1025px) {
    .video-popup2 .box .submit:hover {
        background: #f07d00
    }
}

.video-popup2 .close {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    background: #1a3c64 url(../images/close1.png) no-repeat
}

.video-popup1 {
    position: fixed;
    z-index: 999;
    width: 800px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    -webkit-overflow-scrolling: touch
}

    .video-popup1 .box {
        height: 100%;
        padding: 20px;
        background: #fff;
        border-top: 8px solid #1a3c64
    }

    .video-popup1 .close {
        display: block;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        position: absolute;
        right: 15px;
        top: 15px;
        background: #1a3c64 url(../images/close1.png) no-repeat
    }

.in {
    position: absolute;
    top: -116px;
    width: 100%;
    height: 6px;
    left: 0
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("../font/Roboto-Bold.woff2") format("woff2"),url("../font/Roboto-Bold.woff") format("woff"),url("../font/Roboto-Bold.ttf") format("truetype"),url("../font/Roboto-Bold.eot") format("embedded-opentype"),url("../font/Roboto-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "PlayfairDisplay-Regular";
    src: url("../font/PlayfairDisplay-Regular.woff2") format("woff2"),url("../font/PlayfairDisplay-Regular.woff") format("woff"),url("../font/PlayfairDisplay-Regular.ttf") format("truetype"),url("../font/PlayfairDisplay-Regular.eot") format("embedded-opentype"),url("../font/PlayfairDisplay-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Rajdhani-Bold";
    src: url("../font/Rajdhani-Bold.woff2") format("woff2"),url("../font/Rajdhani-Bold.woff") format("woff"),url("../font/Rajdhani-Bold.ttf") format("truetype"),url("../font/Rajdhani-Bold.eot") format("embedded-opentype"),url("../font/Rajdhani-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("../font/Roboto-Regular.woff2") format("woff2"),url("../font/Roboto-Regular.woff") format("woff"),url("../font/Roboto-Regular.ttf") format("truetype"),url("../font/Roboto-Regular.eot") format("embedded-opentype"),url("../font/Roboto-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "DINPro-Regular";
    src: url("../font/DINPro-Regular.woff2") format("woff2"),url("../font/DINPro-Regular.woff") format("woff"),url("../font/DINPro-Regular.ttf") format("truetype"),url("../font/DINPro-Regular.eot") format("embedded-opentype"),url("../font/DINPro-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "DINCond-Black";
    src: url("../font/DINCond-Black.woff2") format("woff2"),url("../font/DINCond-Black.woff") format("woff"),url("../font/DINCond-Black.ttf") format("truetype"),url("../font/DINCond-Black.eot") format("embedded-opentype"),url("../font/DINCond-Black.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Bahnschrift-Static-Light";
    src: url("../font/Bahnschrift-Static-Light.woff2") format("woff2"),url("../font/Bahnschrift-Static-Light.woff") format("woff"),url("../font/Bahnschrift-Static-Light.ttf") format("truetype"),url("../font/Bahnschrift-Static-Light.eot") format("embedded-opentype"),url("../font/Bahnschrift-Static-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSans-Semibold";
    src: url("../font/OpenSans-Semibold.woff2") format("woff2"),url("../font/OpenSans-Semibold.woff") format("woff"),url("../font/OpenSans-Semibold.ttf") format("truetype"),url("../font/OpenSans-Semibold.eot") format("embedded-opentype"),url("../font/OpenSans-Semibold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "MyriadPro-Regular";
    src: url("../font/MyriadPro-Regular.woff2") format("woff2"),url("../font/MyriadPro-Regular.woff") format("woff"),url("../font/MyriadPro-Regular.ttf") format("truetype"),url("../font/MyriadPro-Regular.eot") format("embedded-opentype"),url("../font/MyriadPro-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../font/Montserrat-Regular.woff2") format("woff2"),url("../font/Montserrat-Regular.woff") format("woff"),url("../font/Montserrat-Regular.ttf") format("truetype"),url("../font/Montserrat-Regular.eot") format("embedded-opentype"),url("../font/Montserrat-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@media (max-width:1700px) {
    .container {
        width: 1340px
    }

    .header .logo {
        padding-top: 19px;
        margin-left: 0
    }

    .header1 .logo {
        padding-top: 58px
    }

    .header .header-right {
        margin-right: 0
    }

    .top .fr {
        margin-right: 0
    }

    .top .lan {
        margin-left: 23px
    }

    .header .header-right .nav ul li {
        padding-left: 40px
    }

    .header .header-right .nav {
        margin-right: 25px
    }

        .header .header-right .nav ul li > a {
            font-size: 14px !important
        }

    .header .header-right .search .form-control {
        width: 190px
    }

    .prolist li .box .hover .title {
        font-size: 20px
    }

    .prolist li .box .bt {
        font-size: 18px
    }

    .home-other .left .text .list ul li .bt {
        font-size: 16px
    }

    .prolist1 li:nth-child(1) .bt {
        font-size: 70px;
        line-height: 85px;
        margin-bottom: 20px
    }

    .case .caselist li:nth-child(1) .bt {
        font-size: 70px;
        margin-bottom: 20px
    }

    .design03 .container {
        width: 1340px
    }
}

@media (max-width:1280px) {
    .case .caselist li:nth-child(1) .bt {
        font-size: 64px;
        margin-bottom: 10px
    }
}

@media (max-width:1500px) {
    .container {
        width: 1200px
    }

    .design03 .container {
        width: 1200px
    }

    .inmain .container {
        width: 1200px
    }

    .classify .container, .classify .container02 {
        width: 1200px
    }

    .classify {
        font-size: 16px
    }

    .header .logo a img {
        height: 20px
    }

    .header .logo {
        padding-top: 29px
    }

    .header1 .logo {
        padding-top: 58px
    }

    .about02 .text {
        width: 42.836%
    }

    .installation03 .text {
        width: 43.359%
    }

    .design08 .text {
        width: 51.045%
    }

    .header .header-right .nav ul li .navChild .left {
        width: 48.6%
    }

    .header .header-right .nav ul li .navChild .right {
        width: 50.625%
    }

    .design09 .box {
        padding: 80px 44px 95px 44px
    }

    .prolist1 li:nth-child(1) .more1 {
        width: 100px;
        height: 100px;
        background-size: 50px
    }

    .case .caselist li:nth-child(1) .more1 {
        width: 100px;
        height: 100px;
        background-size: 50px
    }

    .product01 .right .bt {
        font-size: 90px
    }

    .home-map {
        zoom: .9
    }

    .maintain01 ul li .box .text {
        padding: 43px 30px 45px 30px
    }

    .case .caselist li:nth-child(1) .box {
        padding-left: 0
    }

    .pc-slide .list .swiper-container {
        width: 1200px
    }

    .pc-slide .show .swiper-container {
        width: 1200px
    }

    .certification-top .pro-max .item .text {
        width: 57%
    }

    .job01 .list .bt span {
        font-size: 14px
    }

    .home-other .left .text .bt {
        font-size: 20px
    }
}

@media (max-width:1366px) {
    #container {
        zoom: .91
    }
}

@media (max-width:1240px) {
    #container {
        zoom: .8
    }

    .prolist1 li:nth-child(1) .box {
        padding-left: 20px;
        padding-top: 46px
    }

    .prolist1 li:nth-child(1) .bt {
        font-size: 60px
    }

    .case .caselist li:nth-child(1) .bt {
        font-size: 60px
    }

    .case .caselist li .box .hover .bt {
        font-size: 30px
    }

    .case .caselist li:nth-child(1) .box {
        padding-top: 60px
    }
}

@media (max-width:992px) {
    .btn a {
        width: 150px;
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }

    .home-banner .home-banner-slick-phone {
        display: block
    }

    .home-banner .home-banner-slick {
        display: none
    }

    .container {
        width: 100%;
        padding: 0 15px
    }

    .design03 .container {
        width: 100%
    }

    .inmain .container {
        width: 100%
    }

    .classify .container, .classify .container02 {
        width: 100%
    }

    .header .header-right {
        display: none
    }

    .phone-nav {
        display: block
    }

    .top .phone {
        display: none
    }

    .top .goutong {
        display: none
    }

    #container {
        zoom: 1
    }

    .top {
        border-top: 0;
        background: #1a3c64
    }

    .header {
        height: 60px
    }

        .header .logo {
            padding-top: 20px
        }

    .inside-banner .pc {
        display: none
    }

    .inside-banner .mobile {
        display: block;
        width: 992px;
        height: 340px;
        left: 50%;
        margin-left: -496px
    }

    .classify {
        padding-bottom: 0;
        margin-top: 0;
        background: 0;
        position: absolute;
        top: 200px;
        left: 0;
        width: 100%;
        font-size: 22px;
        font-weight: bold
    }

        .classify li {
            width: 100% !important;
            display: none
        }

            .classify li a {
                padding: 0
            }

        .classify .container:after, .classify .container02:after {
            display: none
        }

        .classify li.active a:after, .classify li:hover a:after {
            display: none
        }

        .classify li.active a:before, .classify li:hover a:before {
            display: none
        }

        .classify li.active {
            display: block
        }

    .inside-banner {
        margin-top: 96px
    }

    .content {
        padding: 30px 0 30px 0
    }

    .about {
        padding: 30px 0 0 0
    }

    .maintain01 ul li .box {
        padding-right: 0;
        min-height: 0
    }

        .maintain01 ul li .box .pic {
            position: relative;
            top: auto;
            right: auto;
            margin: 0 auto
        }

    .maintain01 {
        padding: 0 0 30px 0
    }

        .maintain01 ul li .box .text {
            padding: 20px
        }

        .maintain01 ul li .box .bt {
            font-size: 22px;
            margin-bottom: 10px
        }

        .maintain01 ul li .box .jsh {
            font-size: 14px;
            margin-bottom: 10px
        }

        .maintain01 ul li:nth-child(2n) .box .pic {
            left: auto;
            right: auto
        }

        .maintain01 ul li:nth-child(2n) .box {
            padding-right: 0;
            padding-left: 0
        }

        .maintain01 ul li {
            margin-bottom: 20px
        }

        .maintain01 ul {
            margin-bottom: 20px
        }

    .about04 {
        padding: 30px 0
    }

    .installation02 {
        padding: 30px 0 30px 0
    }

    .in02 {
        padding: 30px 0
    }

    .about04 .about-bt {
        margin-bottom: 15px;
        font-size: 20px
    }

    .in02 .about-bt {
        margin-bottom: 0
    }

    .in02 .about-p {
        margin-bottom: 20px
    }

    .about04 ul li .pic {
        width: 35px
    }

    .about04 ul li .bt {
        font-size: 14px
    }

    .about04 ul li:nth-child(1) .box {
        float: none
    }

    .about04 ul li:nth-child(4) .box {
        float: none
    }

    .installation03 {
        margin-top: 30px;
        margin-bottom: 30px
    }

        .installation03 .img {
            width: 884px;
            margin-left: 0
        }

        .installation03 .text {
            padding-top: 20px;
            width: 100%
        }

        .installation03 .text {
            width: 100%
        }

    .about-bt {
        font-size: 20px
    }

    .installation03 .text .about-bt {
        margin-bottom: 15px
    }

    .about-p {
        font-size: 14px
    }

    .installation03 .text .about-p {
        margin-bottom: 20px
    }

    .installation03 .text .btn a {
        width: 160px;
        height: 35px;
        line-height: 35px;
        font-size: 12px
    }

    .message .title {
        font-size: 18px;
        line-height: 40px;
        padding: 0 15px;
        margin-bottom: 15px
    }

    .message .jsh {
        font-size: 14px;
        margin-bottom: 12px
    }

    .message ul li .submit {
        width: 100px;
        height: 35px;
        line-height: 35px
    }

    .message {
        padding-bottom: 30px
    }

    .home-partner {
        padding: 30px 0
    }

    .footer-top {
        padding: 30px 0
    }

        .footer-top .left {
            width: 100%
        }

        .footer-top .right {
            display: none
        }

    .footer-bottom {
        padding: 10px 0
    }

    .footer-top .left .fphone {
        font-size: 24px;
        margin-bottom: 0
    }

    .message ul li {
        width: 100%;
        margin-bottom: 10px
    }

    .about01 .about-info {
        padding: 0
    }

        .about01 .about-info .about-bt {
            margin-bottom: 10px
        }

        .about01 .about-info ul li {
            width: 33.33333333%;
            font-size: 12px;
            line-height: 40px;
            margin-bottom: 3px
        }

        .about01 .about-info ul {
            padding-top: 10px;
            padding-bottom: 20px
        }

        .about01 .about-info .btn a {
            width: 280px;
            height: 35px;
            line-height: 35px;
            font-size: 12px
        }

    .about01 {
        padding-bottom: 30px
    }

    .about02 .img {
        width: 895px;
        margin-left: 0;
        float: none
    }

    .about02 .text {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        float: none;
        width: 100%
    }

        .about02 .text .btn a {
            width: 220px;
            height: 35px;
            line-height: 35px;
            font-size: 12px
        }

    .about03 {
        padding: 30px 0
    }

        .about03 .about-bt {
            margin-bottom: 5px
        }

    .about05 {
        padding: 30px 0
    }

    .contact01 .box .map {
        width: 100%;
        position: relative;
        top: auto;
        left: auto
    }

    .contact01 .box {
        min-height: 0;
        padding-left: 0;
        margin-bottom: 20px
    }

    .contact01 {
        padding: 0
    }

    #mapContainer {
        height: 320px
    }

    .contact01 .box .text {
        min-height: 0;
        padding: 20px
    }

        .contact01 .box .text .bt {
            font-size: 18px;
            padding-bottom: 10px;
            margin-bottom: 10px
        }

        .contact01 .box .text .jsh {
            font-size: 14px;
            margin-bottom: 15px
        }

        .contact01 .box .text .list {
            padding: 15px
        }

            .contact01 .box .text .list .tel {
                font-size: 24px
            }

            .contact01 .box .text .list ul li .b {
                min-height: 40px;
                padding-left: 61px
            }

                .contact01 .box .text .list ul li .b .pic {
                    width: 40px
                }

                .contact01 .box .text .list ul li .b .info {
                    padding-top: 8px
                }

    .contact01 .box1 ul li {
        width: 25%;
        font-size: 14px;
        padding: 15px 10px 15px 8px
    }

        .contact01 .box1 ul li:nth-child(4n) {
            border-right: 0
        }

    .contact01 .box1 {
        margin-bottom: 20px
    }

    .job02 .btn a {
        width: 280px;
        height: 35px;
        line-height: 35px;
        font-size: 12px
    }

    .job02 {
        padding: 30px 0;
        margin-bottom: 30px
    }

    .design01 .img {
        margin-left: 0
    }

    .design01 {
        margin-top: 0;
        margin-bottom: 30px
    }

        .design01 .text {
            padding-top: 10px;
            width: 100%
        }

            .design01 .text .about-bt {
                margin-bottom: 10px;
                font-size: 20px
            }

            .design01 .text .about-p {
                line-height: 24px;
                margin-bottom: 10px
            }

    .design02 .img {
        margin-right: 0;
        width: 777px
    }

    .design02 .text {
        padding-left: 0;
        padding-top: 10px;
        width: 100%
    }

        .design02 .text .about-bt {
            margin-bottom: 10px
        }

        .design02 .text .about-p {
            line-height: 24px;
            margin-bottom: 10px
        }

    .design02 {
        margin-bottom: 30px
    }

    .design03 {
        padding: 30px 0;
        margin-bottom: 30px
    }

        .design03 .de3-top .h3 {
            width: 100%;
            padding-top: 30px;
            font-size: 25px
        }

        .design03 .de3-top .p {
            width: 100%;
            line-height: 24px;
            font-size: 14px;
            padding-top: 5px
        }

        .design03 .de3-top {
            margin-bottom: 20px
        }

        .design03 .designlist .slick-prev, .design03 .designlist .slick-next {
            width: 40px;
            height: 40px;
            margin-top: -34px
        }

        .design03 .designlist .slick-prev {
            left: -5px
        }

        .design03 .designlist .slick-next {
            right: -5px
        }

        .design03 .designlist ul li .bt {
            line-height: 60px;
            font-size: 16px
        }

        .design03 .designlist ul li {
            padding: 0 5px
        }

        .design03 .designlist ul {
            margin: 0 -5px
        }

    .design06 .img {
        width: 685px;
        margin-right: 0
    }

    .design06 .text {
        padding-left: 0;
        padding-top: 20px;
        width: 100%
    }

        .design06 .text .about-bt {
            font-size: 20px
        }

        .design06 .text .about-p {
            margin-bottom: 20px
        }

    .design06 {
        margin-bottom: 30px
    }

    .design05 {
        padding: 30px 0;
        margin-bottom: 30px
    }

        .design05 .about-bt {
            margin-bottom: 10px;
            font-size: 20px
        }

        .design05 .about-p {
            padding: 0;
            margin-bottom: 20px
        }

        .design05 .btn a {
            width: 220px;
            height: 35px;
            line-height: 35px;
            font-size: 12px
        }

    .design04 ul li .bt {
        font-size: 14px
    }

    .design04 {
        padding: 0 0 30px 0
    }

        .design04 ul li .pic {
            width: 35px
        }

        .design04 ul li .bt {
            margin-top: 5px;
            margin-bottom: 0
        }

    .btn p {
        font-size: 12px
    }

    .design07 .text {
        padding-top: 20px;
        width: 100%;
        min-height: 0
    }

    .design07 .box {
        padding: 20px
    }

    .design07 .text .about-bt {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px
    }

    .design07 .text .line {
        height: 5px
    }

    .design07 .img {
        float: left
    }

    .design07 .text .about-p {
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 25px;
        min-height: 0
    }

    .design07 .text .more a {
        font-size: 14px
    }

        .design07 .text .more a span {
            width: 20px;
            height: 20px;
            background: #0a2933 url(../images/jt.png) no-repeat center center;
            background-size: 10px;
            margin-left: 12px
        }

    .design07 {
        margin-bottom: 10px
    }

    .design08 {
        margin-top: 0;
        margin-bottom: 30px
    }

        .design08 .img {
            width: 791px;
            margin-left: 0
        }

        .design08 .text {
            padding-top: 10px;
            padding-bottom: 0;
            width: 100%
        }

            .design08 .text .about-bt {
                margin-bottom: 10px;
                font-size: 20px;
                line-height: 24px
            }

            .design08 .text .line {
                height: 5px
            }

            .design08 .text .about-p {
                margin-bottom: 30px;
                margin-top: 20px
            }

    .design09 {
        padding: 40px 0 0 0;
        margin-top: 0;
        margin-bottom: 30px
    }

        .design09 .about-bt {
            font-size: 20px;
            margin-bottom: 10px
        }

        .design09 .box {
            padding: 40px
        }

    .design10 .left .img {
        width: 660px;
        margin-left: 0
    }

    .design10 .left {
        width: 100%;
        float: left
    }

    .design10 .text .about-p {
        margin-bottom: 10px
    }

    .design10 .right {
        width: 100%
    }

        .design10 .right .text {
            padding-top: 20px
        }

    .design10 {
        margin-bottom: 30px
    }

    .ph1 {
        top: 0
    }

        .ph1 svg {
            fill: #fff
        }

    .case {
        padding: 0 15px 30px 15px;
        margin-top: 60px
    }

        .case .caselist li:nth-child(1) .bt {
            font-size: 30px
        }

        .case .caselist li:nth-child(1) .more1 {
            width: 50px;
            height: 50px;
            background-size: 30px
        }

        .case .caselist li .box .hover .bt {
            font-size: 20px;
            line-height: 24px;
            max-height: 48px
        }

        .case .caselist {
            margin: 0 -3px 30px -3px
        }

    .gengduo {
        margin-top: 30px;
        padding: 19px
    }

        .gengduo a {
            padding: 70px 20px
        }

        .gengduo .h3 {
            font-size: 20px;
            margin-bottom: 20px
        }

    .inside-banner.inside-banner-02 .mobile {
        height: 146px
    }

    .news-show .h1 {
        font-size: 20px;
        margin-bottom: 5px
    }

    .case-show .h1 {
        font-size: 20px
    }

    .news-show .news-info {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 0
    }

    .case-show .news-info {
        padding: 20px 0
    }

    .certification-top .pro-max .item .pic {
        width: 514px;
        position: relative;
        top: auto;
        right: auto
    }

    .certification-top .pro-max .item .text {
        width: 100%;
        min-height: 0;
        padding: 0 0 20px 0
    }

    .certification-top .pro-max {
        padding: 30px 0
    }

    .certification-top .pro-min .item .bt {
        font-size: 16px
    }

    .certification-top .pro-max .item .text .jsh {
        margin-bottom: 20px
    }

    .certification-top .pro-max .item .text .btn p {
        width: 270px;
        height: 35px;
        line-height: 35px
    }

    .certification-top .step .step-title {
        font-size: 20px;
        padding-bottom: 15px;
        margin-bottom: 20px
    }

    .certification-top .step ul li .box .num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        left: 0
    }

    .certification-top .step ul:after {
        left: 15px
    }

    .certification-top .step ul li .box {
        padding-left: 42px;
        padding-top: 4px
    }

        .certification-top .step ul li .box .bt {
            font-size: 16px;
            margin-bottom: 20px
        }

    .certification-top .step ul li {
        margin-bottom: 30px
    }

    .certification-top .step ul:before {
        left: -6px
    }

    .certification-top .step ul {
        margin-bottom: 30px
    }

    .certification {
        padding: 30px 0 0 0
    }

    .certification-top .pro-min .getIndex {
        padding: 0 6px
    }

    .certification-top .pro-min {
        margin: 0 -6px
    }

    .home-banner {
        margin-top: 96px
    }

    .home-product {
        padding: 30px 0
    }

    .title1 {
        font-size: 30px
    }

    .home-product .home-bottom {
        padding: 20px 8px 0 9px
    }

    .prolist li {
        width: 25%
    }

    .newslist li .text .bt {
        font-size: 16px;
        letter-spacing: 0
    }

    .home-other .left .text .list ul li .img {
        width: 40px;
        margin: 0 auto
    }

    .home-case {
        padding: 30px 0
    }

        .home-case .home-bottom {
            padding: 20px 8px 0 9px
        }

    .home-download .home-bottom {
        padding-top: 20px
    }

    .home-download {
        padding: 0 0 30px 0
    }

    .caselist li .box .hover .bt {
        font-size: 20px
    }

    .downlist li .down {
        font-size: 14px
    }

    .downlist li .item {
        padding: 20px 23px 0 23px
    }

    .home-other .left {
        width: 100%
    }

        .home-other .left .text .jsh {
            font-size: 15px;
            margin-bottom: 20px
        }

        .home-other .left .text {
            padding-top: 12px
        }

    .home-other .center {
        width: 100%;
        padding-left: 0
    }

    .home-other .right {
        width: 100%
    }

    .home-other .center .newslist {
        padding-top: 20px
    }

    .home-other .right .p {
        margin-top: 20px
    }

    .installation01 .img {
        width: 485px;
        float: left;
        margin-right: 0
    }

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

        .installation01 .text {
            padding-top: 10px;
            padding-bottom: 0;
            width: 100%;
            padding-left: 0
        }

    .installation04 .img {
        width: 485px;
        position: relative;
        top: auto;
        right: auto;
        margin-right: 0
    }

    .installation04 {
        padding-top: 0
    }

        .installation04 .text .about-bt span {
            font-size: 22px;
            height: 26px
        }

        .installation04 .text .a1 {
            width: 100%
        }

        .installation04 .text .item {
            margin-bottom: 20px
        }

        .installation04 .text .inlist li {
            padding: 0 10px
        }

        .installation04 .text .inlist {
            margin: 0 -10px;
            padding: 20px 0 0 0
        }

            .installation04 .text .inlist li .pic {
                height: 40px
            }

        .installation04 .text {
            padding-bottom: 30px
        }

            .installation04 .text .inlist li .t {
                padding-top: 10px
            }

            .installation04 .text .inlist li {
                width: 100%;
                margin-bottom: 10px
            }

    .job01 .list dl dt span {
        font-size: 14px
    }

    .job01 .list dt {
        padding: 10px 0;
        font-size: 14px
    }

    .ion {
        width: 100%;
        overflow: auto
    }

        .ion .list {
            width: 962px
        }

    .job01 .list .p-01 {
        font-size: 16px;
        font-weight: bold
    }

    .job01 .list dd a.toudi {
        width: 190px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        background-size: 15px
    }

    .job01 {
        padding-bottom: 30px
    }

    .jiameng01 {
        padding: 0 0 30px 0
    }

    .title01 {
        text-align: center;
        margin-bottom: 20px
    }

        .title01 .h3 {
            font-size: 20px
        }

    .jiameng01 .jiameng-bottom ul li .box {
        min-height: 286px;
        padding: 20px 10px 17px 10px
    }

    .jiameng01 .jiameng-bottom ul li .img {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px auto
    }

    .jiameng01 .jiameng-bottom ul li .text .bt {
        margin-bottom: 5px
    }

    .jiameng01 .jiameng-bottom ul li .text .jsh {
        font-size: 14px;
        line-height: 24px
    }

    .jiameng03 .left {
        float: left;
        width: 100%;
        padding-top: 30px;
        padding-left: 0
    }

        .jiameng03 .left .title01 .h3 {
            background: url(../images/contact.png) no-repeat top left;
            padding-top: 20px;
            color: #333
        }

        .jiameng03 .left .title01 .jsh {
            color: #333
        }

    .jiameng03 {
        background: 0;
        margin-bottom: 30px
    }

        .jiameng03 .right {
            width: 100%;
            padding-right: 0
        }

            .jiameng03 .right ul li {
                margin-bottom: 12px
            }

    .jiameng04 {
        padding: 30px 0
    }

        .jiameng04 .title01 .jsh {
            margin-top: 10px
        }

    .title01 .jsh {
        font-size: 14px;
        line-height: 24px
    }

    .jiameng04 .jiameng-bottom ul li .text {
        width: 100px;
        border: 4px solid #fff;
        height: 100px;
        top: 150px;
        margin-top: 0;
        padding-top: 15px
    }

    .jiameng04 .jiameng-bottom ul li .info {
        width: 100%;
        padding-top: 10px
    }

    .jiameng04 .jiameng-bottom ul li .text .bt {
        font-size: 20px
    }

    .jiameng04 .jiameng-bottom ul li .info .h3 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .jiameng04 .jiameng-bottom ul li .info .p {
        font-size: 14px;
        line-height: 25px
    }

    .jiameng05 {
        padding: 30px 0
    }

        .jiameng05 .left {
            width: 100%;
            padding-left: 0;
            padding-top: 0
        }

            .jiameng05 .left .title01 .h3 {
                background: url(../images/contact.png) no-repeat top left;
                margin-bottom: 20px;
                font-size: 20px;
                padding-top: 20px;
                padding-bottom: 10px
            }

        .jiameng05 .right {
            width: 100%;
            padding-right: 0
        }

            .jiameng05 .right ul li {
                width: 100%;
                margin-bottom: 12px
            }

    .jiameng04 .title01 {
        padding: 0;
        margin-bottom: 20px
    }

    .jiameng04 .jiameng-bottom {
        padding: 0
    }

    .home-map .pic {
        display: none
    }

    .home-map .pic1 {
        display: block
    }

    .home-map {
        margin-bottom: 20px
    }

    .installation04 .text .btn1 a {
        width: 160px;
        height: 35px;
        line-height: 35px;
        font-size: 12px
    }

    .news-show .h2 {
        font-size: 12px
    }

    .newslist1 li .date span {
        font-size: 28px
    }

    .newslist1 li .date b {
        font-size: 14px
    }

    .newslist1 li {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .newslist li .text .more1 {
        font-size: 13px
    }

    .related-title {
        font-size: 22px;
        margin-bottom: 17px
    }

    .related {
        padding: 20px 0 13px 0
    }

    .peoplelist li {
        width: 25%;
        padding: 0 5px;
        margin-bottom: 20px
    }

    .peoplelist {
        margin: 0 -5px
    }

    .product {
        padding: 0 15px 30px 15px;
        margin-top: 60px
    }

    .prolist1 li:nth-child(1) .bt {
        font-size: 30px;
        line-height: 45px
    }

    .prolist1 li:nth-child(1) .more1 {
        width: 50px;
        height: 50px;
        background-size: 30px
    }

    .prolist1 li .box .hover .bt {
        font-size: 20px;
        line-height: 24px;
        max-height: 48px
    }

    .product-show {
        padding: 0;
        margin-top: 96px
    }

    .product01 {
        padding: 30px 0
    }

        .product01 .right {
            width: 100%;
            padding-right: 0
        }

            .product01 .right .span {
                display: none
            }

        .product01 .left:after {
            display: none
        }

        .product01 .right .bt {
            font-size: 40px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 0
        }

        .product01 .right .jsh {
            font-size: 16px;
            padding-left: 0;
            margin-bottom: 20px
        }

        .product01 .right .more a {
            font-size: 13px;
            width: 150px;
            height: 35px;
            line-height: 35px;
            float: none
        }

    .product02 {
        padding: 30px 0
    }

        .product02 .h3 {
            font-size: 24px;
            margin-bottom: 10px
        }

        .product02 .item1 {
            width: 100%;
            margin-bottom: 10px
        }

        .product02 .item2 {
            width: 100%
        }

    .product03 {
        padding: 30px 0
    }

        .product03 .h3 {
            font-size: 22px;
            margin-bottom: 10px
        }

        .product03 .list .slick-prev {
            left: 0
        }

        .product03 .list .slick-next {
            right: 0
        }

    .product04 {
        padding: 30px 0
    }

        .product04 .img {
            margin-right: 0
        }

        .product04 .text {
            padding-left: 0;
            padding-top: 15px;
            width: 100%
        }

            .product04 .text .about-bt {
                margin-bottom: 10px;
                font-size: 20px;
                line-height: 30px
            }

            .product04 .text .about-p {
                margin-bottom: 0
            }

    .product05 {
        padding: 30px 0
    }

        .product05 .info {
            padding: 0
        }

        .product05 .title h3 {
            font-size: 20px
        }

        .product05 .title {
            margin-bottom: 20px
        }

        .product05 .switch .text-picSmall {
            width: 64%;
            padding-left: 0;
            padding-top: 0
        }

        .product05 .switch .more .btn1 a {
            width: 210px;
            height: 35px;
            margin-right: 8px;
            line-height: 33px;
            padding: 0 10px;
            font-size: 12px;
            margin-bottom: 5px
        }

        .product05 .switch .jsh {
            margin-bottom: 20px
        }

        .product05 .switch .item {
            margin-bottom: 30px
        }

    .resources01 {
        margin-top: 0;
        margin-bottom: 30px
    }

        .resources01 .img {
            width: 100%
        }

        .resources01 .box {
            padding: 20px 20px 0 20px
        }

        .resources01 .text {
            padding-top: 10px;
            width: 100%
        }

            .resources01 .text .about-bt {
                margin-bottom: 0;
                font-size: 20px
            }

            .resources01 .text .more a {
                font-size: 12px;
                width: 170px;
                height: 35px;
                line-height: 33px
            }

                .resources01 .text .more a span {
                    background-size: 9px;
                    margin-left: 10px
                }

    .resources-title h3 {
        font-size: 22px
    }

    .pc-slide .list {
        padding-top: 20px
    }

        .pc-slide .list .swiper-container {
            width: 100%
        }

    .pc-slide .show .swiper-container {
        width: 100%
    }

    .downloadlist {
        margin: 0 5px 20px 5px
    }

    .pc-slide .show {
        padding: 20px 0
    }

    .resources02 {
        margin-bottom: 30px
    }

    .resources03 {
        padding: 30px 0
    }

        .resources03 .re-bottom {
            padding-top: 20px
        }

    .resources04 {
        padding: 30px 0
    }

        .resources04 .re-bottom {
            margin: 20px 0 0 0;
            padding: 20px 0
        }

    .downloadlist li .box .bt {
        font-size: 16px
    }

    .videolist {
        margin: 0 0 20px 0
    }

    .downloadlist1 li .box .jsh a {
        font-size: 14px
    }

    .downloadlist1 {
        padding: 0 15px
    }

    .resources07 .pc-slide .show {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .resources08 {
        margin-bottom: 30px
    }

    .resources03 .resources-title {
        padding: 0
    }

    .resources06 .resources-title {
        padding-right: 0
    }

    .video-popup1 {
        width: 600px;
        height: 400px
    }

    .resources03 .downloadlist {
        margin: 0 -10px 20px -10px
    }

    .swiper-button-next, .swiper-button-prev {
        display: none !important
    }
}

@media (max-width:780px) {
    .installation03 .img {
        width: 100%
    }

    .about02 .img {
        width: 100%
    }

    .about01 .about-info ul li {
        width: 50%
    }

    .design02 .img {
        width: 100%
    }

    .design08 .img {
        width: 100%
    }

    .design09 .box {
        width: 100%;
        margin-right: 0
    }

    .case .caselist li:nth-child(1) .box {
        padding-top: 40px
    }

    .caselist li {
        width: 50%
    }

    .prolist li {
        width: 50%
    }

    .jiameng01 .jiameng-bottom ul li {
        width: 50%;
        margin-bottom: 15px
    }

        .jiameng01 .jiameng-bottom ul li .box {
            min-height: 238px
        }

    .newslist1 li {
        width: 50%;
        float: left;
        padding: 0 10px 20px 10px
    }

        .newslist1 li .pic {
            position: relative;
            top: auto;
            left: auto;
            width: 100%
        }

    .newslist1 {
        margin: 0 -10px 15px -10px
    }

        .newslist1 li .text {
            padding-left: 0
        }

        .newslist1 li .date {
            font-size: 16px
        }

            .newslist1 li .date span {
                font-size: 18px
            }

    .peoplelist li {
        width: 33.3333333%
    }

    .prolist1 li:nth-child(1) .box {
        padding-left: 20px;
        padding-top: 40px
    }

    .product04 .img {
        width: 100%
    }

    .product01 .left {
        width: 100%;
        padding-left: 0;
        margin-top: 0;
        padding-bottom: 30px
    }

    .downloadlist li {
        width: 50%;
        margin-bottom: 15px
    }

    .videolist li {
        width: 50%
    }

    .downloadlist1 li .box .jsh a {
        width: 33.333333%
    }

    .downloadlist li .box .bt {
        line-height: 45px
    }

    .videolist li {
        margin-bottom: 10px;
        padding: 0 5px
    }

    .videolist {
        margin: 0 10px 20px 10px
    }

        .videolist li .box .bt {
            font-size: 14px
        }
}

@media (max-width:420px) {
    .installation03 .img {
        width: 100%
    }

    .about04 ul li {
        width: 50%;
        margin-top: 10px
    }

    .partnerlist li {
        width: 20%
    }

    .about01 .about-info ul li {
        width: 100%
    }

    .job02 .pic {
        float: none;
        width: 100%
    }

    .job02 .text {
        width: 100%
    }

    .contact01 .box1 ul li {
        width: 50%;
        border-right: 0;
        border-bottom: 1px solid #f3f3f3
    }

    .design01 .img {
        margin-left: 0;
        width: 100%
    }

    .design06 .img {
        width: 100%
    }

    .design04 ul li {
        width: 50%;
        float: left;
        margin-bottom: 10px
    }

    .design07 .img {
        width: 100%
    }

    .design07 .box {
        background-size: cover
    }

    .design10 .left .img {
        width: 100%
    }

    .case .caselist li {
        width: 100%
    }

        .case .caselist li:nth-child(1) .box {
            padding-top: 30px;
            margin-bottom: 20px
        }

        .case .caselist li:nth-child(1) .bt {
            font-size: 20px
        }

        .case .caselist li:nth-child(1) .more1 {
            width: 40px;
            height: 40px;
            background-size: 20px
        }

    .gengduo .p span {
        margin: 5px auto;
        display: block
    }

    .certification-top .pro-max .item .pic {
        width: 100%
    }

    .downlist li {
        width: 100%;
        margin-bottom: 10px
    }

        .downlist li .icobox {
            height: 40px;
            width: 40px
        }

        .downlist li .tit {
            font-size: 14px;
            height: auto;
            max-height: 44px
        }

    .prolist li .box .bt {
        font-size: 15px
    }

    .caselist li .box .hover .bt {
        font-size: 16px;
        line-height: 24px;
        max-height: 48px
    }

    .installation01 .img {
        width: 100%
    }

    .installation04 .img {
        width: 100%
    }

    .jiameng04 .jiameng-bottom ul li .pic {
        width: 100%;
        float: left
    }

    .jiameng03 .right ul li {
        width: 50%
    }

    .jiameng04 .jiameng-bottom ul li .text {
        right: 10px;
        left: auto
    }

    .newslist1 li {
        width: 100%
    }

    .peoplelist li {
        width: 100%
    }

    .jiameng01 .jiameng-bottom ul li {
        width: 100%
    }

        .jiameng01 .jiameng-bottom ul li .box {
            min-height: 0
        }

    .jiameng01 .jiameng-bottom ul {
        padding: 0
    }

    .prolist1 li {
        width: 100%
    }

    .contact01 .box1 ul li {
        font-size: 13px
    }

    .prolist1 li:nth-child(1) .bt {
        font-size: 20px;
        line-height: 30px
    }

    .prolist1 li:nth-child(1) .more1 {
        width: 40px;
        height: 40px;
        background-size: 20px
    }

    .prolist1 li:nth-child(1) .box {
        padding-left: 0;
        padding-top: 30px;
        margin-bottom: 20px
    }

    .prolist1 li:nth-child(5n-1) {
        width: 100%
    }

    .prolist1 li:nth-child(5n) {
        width: 100%
    }

    .prolist1 li:nth-child(5n-1) .pic {
        height: auto
    }

    .prolist1 li:nth-child(5n) .pic {
        height: auto
    }

    .product03 .h3:before {
        width: 40px
    }

    .product03 .h3:after {
        width: 40px
    }

    .product05 .switch .left {
        width: 100%
    }

    .product05 .switch .text-picSmall {
        width: 100%;
        padding-top: 10px
    }

    .product05 .switch .more .btn1 a img {
        margin-right: 5px
    }

    .design04 ul li .bt {
        font-size: 12px
    }

    .maintain01 ul li .box .pic {
        width: 100%
    }

    .resources01 .box {
        background-size: cover;
        padding: 20px 20px 20px 20px
    }

    .video-popup {
        width: 320px;
        height: 300px
    }

    .video-popup1 {
        width: 96%;
        height: 300px
    }
}

.map {
    width: 100%;
    margin: 0 auto
}

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

        .map dl:hover {
            background: #f5f8fa
        }

            .map dl:hover dt a {
                color: #2aa9d3
            }

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

        .map dt a {
            color: #333
        }

            .map dt a:hover {
                color: #2aa9d3
            }

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

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

        .map dd .p2 {
            padding: 0 0 0 20px;
            clear: both
        }

            .map dd .p2 a {
                color: #b87500;
                font-weight: bold;
                line-height: 40px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

                .map dd .p2 a:hover {
                    color: #764b00
                }

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

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

                .map dd div a:hover {
                    background: #2aa9d3;
                    color: #fff
                }

.product_c {
    height: 700px;
    position: relative
}

.product_w {
    height: 700px;
    position: relative;
    z-index: 2
}

.mlogo .mlogo1 {
    position: absolute;
    z-index: 3
}

.ml01 {
    top: 120px;
    left: 266px
}

    .ml01 img {
        width: 84px;
        display: block
    }

.ml02 {
    top: 237px;
    left: 246px
}

    .ml02 img {
        width: 95px;
        display: block
    }

.ml03 {
    top: 168px;
    left: 693px
}

    .ml03 img {
        width: 118px;
        display: block
    }

.ml04 {
    top: 175px;
    left: 893px
}

    .ml04 img {
        width: 136px;
        display: block
    }

.ml05 {
    top: 319px;
    left: 783px
}

    .ml05 img {
        width: 125px;
        display: block
    }

.ml06 {
    top: 300px;
    left: 930px
}

    .ml06 img {
        width: 90px;
        display: block
    }

.pro_b {
    position: absolute;
    z-index: 5
}

.yuan {
    position: absolute;
    display: none;
    transition: .5s;
    z-index: 4
}

    .yuan .img {
        display: inline-block;
        vertical-align: middle
    }

        .yuan .img img {
            display: block;
            width: 90px;
            border-radius: 5px
        }

    .yuan h1 {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        font-size: 12px;
        margin-right: 5px
    }

.det {
    position: absolute;
    display: none;
    transition: .5s
}

.p_btn {
    display: block;
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.pro_b1 {
    top: 170px;
    width: 232px;
    left: 120px
}

.pro_b2 {
    top: 250px;
    width: 258px;
    left: 70px
}

.pro_b3 {
    top: 320px;
    width: 290px;
    left: 0
}

.pro_b4 {
    top: 564px;
    width: 330px;
    left: 410px
}

.pro_b5 {
    top: 460px;
    width: 330px;
    left: 455px
}

.pro_b6 {
    top: 550px;
    width: 330px;
    left: 377px;
    display: none
}

.pro_b7 {
    top: 150px;
    width: 342px;
    left: 585px
}

.pro_b9 {
    top: 345px;
    width: 280px;
    left: 840px
}

.pro_b12 {
    top: 275px;
    width: 312px;
    right: -20px
}

.pro_b13 {
    top: 140px;
    width: 342px;
    left: 455px
}

.pro_b14 {
    top: 135px;
    width: 342px;
    left: 410px
}

.pro_b15 {
    top: 130px;
    width: 342px;
    left: 320px
}

.pro_b16 {
    top: 30px;
    width: 342px;
    left: 338px
}

.pro_b17 {
    top: 52px;
    width: 322px;
    left: 335px
}

.pro_b18 {
    top: 70px;
    width: 338px;
    left: 348px
}

.pro_b19 {
    top: 27px;
    width: 342px;
    left: 302px
}

.pro_b20 {
    top: 80px;
    width: 342px;
    left: 295px
}

.pro_b21 {
    top: 40px;
    width: 342px;
    left: 359px
}

.pro_b22 {
    top: 65px;
    width: 342px;
    left: 332px
}

.pro_b23 {
    top: 110px;
    width: 342px;
    left: 365px
}

.pro_b24 {
    top: 55px;
    width: 342px;
    left: 382px
}

.pro_b25 {
    top: 35px;
    width: 342px;
    left: 625px
}

.pro_b26 {
    top: 122px;
    width: 342px;
    left: 410px
}

.pro_b27 {
    top: 170px;
    width: 342px;
    left: 425px
}

.pb1 {
    right: 0;
    top: 0
}

.pb2 {
    left: 0;
    top: 0
}

.pb3 {
    right: 0;
    top: 103px
}

.pb4 {
    right: 0;
    top: 188px
}

.pb5 {
    right: 0;
    top: 188px
}

.pb6 {
    right: 0;
    top: 188px
}

.pb7 {
    left: 0;
    top: 48px
}

.pb8 {
    left: 0;
    top: 20px
}

.pimg {
    display: none
}

.ro_b {
    position: absolute;
    z-index: 55;
    display: none;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

    .ro_b:hover .yuan {
        display: block
    }

.uan {
    overflow: hidden;
    transition: .5s;
    z-index: 4;
    text-align: center;
    position: relative
}

.ro_b:after {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 40px;
    bottom: -16px;
    z-index: 5;
    content: '';
    border-top: 8px #fff solid;
    border-left: 8px transparent dashed;
    border-right: 8px transparent dashed;
    border-bottom: 8px transparent dashed;
    overflow: hidden
}

.uan .img {
    margin: 0 auto;
    display: block;
    text-align: center
}

    .uan .img img {
        display: block
    }

.uan h1 {
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 30px
}

.ro_b1 {
    top: 30px;
    width: 160px;
    left: 310px
}

.ro_b2 {
    top: -50px;
    width: 400px;
    left: 265px
}

    .ro_b2 .item {
        padding: 0 3px;
        float: left;
        width: 50%
    }

.ro_b3 {
    top: 180px;
    width: 160px;
    left: 235px
}

.ro_b4 {
    top: 425px;
    width: 160px;
    left: 378px
}

.ro_b5 {
    top: 315px;
    width: 160px;
    left: 420px
}

.ro_b6 {
    top: 390px;
    width: 160px;
    left: 353px
}

.ro_b7 {
    top: 190px;
    width: 160px;
    left: 860px
}

.ro_b8 {
    top: 395px;
    width: 160px;
    left: 1065px
}

.ro_b9 {
    top: 155px;
    width: 160px;
    right: 207px
}

    .ro_b9:after {
        left: 45%
    }

.ro_b10 {
    top: 210px;
    width: 160px;
    left: 965px
}

.ro_b11 {
    top: 230px;
    width: 160px;
    left: 1028px
}

.ro_b12 {
    top: 276px;
    width: 160px;
    left: 1000px
}

.ro_b13 {
    top: 295px;
    width: 160px;
    left: 1000px
}

.ro_b14 {
    top: 495px;
    width: 160px;
    left: 1183px
}

.ro_b15 {
    top: 190px;
    width: 160px;
    left: 740px
}

.ro_b16 {
    top: 195px;
    width: 160px;
    left: 782px
}

.ro_b17 {
    top: 180px;
    width: 160px;
    left: 695px
}

.ro_b18 {
    top: 155px;
    width: 160px;
    left: 627px
}

.ro_b19 {
    top: 170px;
    width: 160px;
    left: 605px
}

.ro_b20 {
    top: 80px;
    width: 160px;
    left: 625px
}

.ro_b21 {
    top: 100px;
    width: 160px;
    left: 605px
}

.ro_b22 {
    top: 120px;
    width: 160px;
    left: 625px
}

.ro_b23 {
    top: 70px;
    width: 160px;
    left: 583px
}

.ro_b24 {
    top: 130px;
    width: 160px;
    left: 583px
}

.ro_b25 {
    top: 140px;
    width: 160px;
    left: 563px
}

.ro_b26 {
    top: 103px;
    width: 160px;
    left: 620px
}

.ro_b27 {
    top: 5px;
    width: 160px;
    left: 650px
}

.ro_b28 {
    top: 20px;
    width: 160px;
    left: 632px
}

.ro_b29 {
    top: 58px;
    width: 160px;
    left: 623px
}

.ro_b30 {
    top: 76px;
    width: 160px;
    left: 653px
}

.ro_b31 {
    top: 10px;
    width: 160px;
    left: 670px
}

.ro_b32 {
    top: 0;
    width: 160px;
    left: 910px
}

.ro_b33 {
    top: 85px;
    width: 160px;
    left: 698px
}

.ro_b34 {
    top: 110px;
    width: 160px;
    left: 675px
}

.ro_b35 {
    top: 125px;
    width: 160px;
    left: 675px
}

.ro_b36 {
    top: 135px;
    width: 160px;
    left: 710px
}

@media (max-width:1500px) {
    .ro_b1 {
        left: 243px
    }

    .ro_b2 {
        left: 203px
    }

    .ro_b3 {
        left: 165px
    }

    .ro_b4 {
        left: 308px
    }

    .ro_b5 {
        left: 355px
    }

    .ro_b6 {
        left: 283px
    }

    .ro_b7 {
        left: 795px
    }

    .ro_b8 {
        left: 990px
    }

    .ro_b9 {
        right: 141px
    }

    .ro_b10 {
        left: 893px
    }

    .ro_b11 {
        left: 953px
    }

    .ro_b12 {
        left: 945px
    }

    .ro_b13 {
        left: 934px
    }

    .ro_b14 {
        left: 1110px
    }

    .ro_b15 {
        left: 670px
    }

    .ro_b16 {
        left: 710px
    }

    .ro_b17 {
        left: 623px
    }

    .ro_b18 {
        left: 557px
    }

    .ro_b19 {
        left: 535px
    }

    .ro_b20 {
        left: 557px
    }

    .ro_b21 {
        left: 532px
    }

    .ro_b22 {
        left: 559px
    }

    .ro_b23 {
        left: 513px
    }

    .ro_b24 {
        left: 512px
    }

    .ro_b25 {
        left: 500px
    }

    .ro_b26 {
        left: 550px
    }

    .ro_b27 {
        left: 582px
    }

    .ro_b28 {
        left: 563px
    }

    .ro_b29 {
        left: 555px
    }

    .ro_b30 {
        left: 580px
    }

    .ro_b31 {
        left: 600px
    }

    .ro_b32 {
        left: 842px
    }

    .ro_b33 {
        left: 625px
    }

    .ro_b34 {
        left: 605px
    }

    .ro_b35 {
        left: 605px
    }

    .ro_b36 {
        left: 635px
    }

    .pro_b1 {
        left: 65px
    }

    .pro_b2 {
        left: 0
    }

    .pro_b3 {
        width: 220px
    }

    .pro_b4 {
        left: 350px
    }

    .pro_b5 {
        left: 400px
    }

    .pro_b7 {
        left: 510px
    }

    .pro_b9 {
        left: 765px
    }

    .pro_b12 {
        right: -85px
    }

    .pro_b13 {
        left: 385px
    }

    .pro_b14 {
        left: 336px
    }

    .pro_b15 {
        left: 245px
    }

    .pro_b16 {
        left: 269px
    }

    .pro_b17 {
        left: 265px
    }

    .pro_b18 {
        left: 283px
    }

    .pro_b19 {
        left: 232px
    }

    .pro_b20 {
        left: 225px
    }

    .pro_b21 {
        left: 290px
    }

    .pro_b22 {
        left: 263px
    }

    .pro_b23 {
        left: 295px
    }

    .pro_b24 {
        left: 315px
    }

    .pro_b25 {
        left: 555px
    }

    .pro_b26 {
        left: 338px
    }

    .pro_b27 {
        left: 348px
    }
}

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

    .product_w {
        display: none
    }

    .product_c {
        height: auto
    }
}

.maphtml {
    display: none
}

.home-aboutxin {
    padding: 78px 0;
    overflow: hidden
}

    .home-aboutxin .nr {
        justify-content: space-between;
        display: flex
    }

    .home-aboutxin .left {
        float: left;
        width: 50%;
        padding-right: 30px
    }

        .home-aboutxin .left .home-title {
            text-align: left;
            margin-bottom: 15px
        }

        .home-aboutxin .left .jsh {
            font-size: 15px;
            color: #666;
            line-height: 24px;
            
            margin-bottom: 38px
        }

        .home-aboutxin .left .video a {
            display: block;
            position: relative;
            height: 300px
        }

            .home-aboutxin .left .video a img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block
            }

            .home-aboutxin .left .video a .hover {
                display: block;
                width: 60px;
                height: 60px;
                background: url(../images/xin/play_icon5.png) no-repeat center center;
                background-size: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 44
            }

                .home-aboutxin .left .video a .hover::before {
                    top: -10px;
                    left: -10px;
                    content: "";
                    width: 80px;
                    height: 80px;
                    position: absolute;
                    border-radius: 100%;
                    background: rgba(255,255,255,0.2);
                    -webkit-animation: 1s play_anmation linear infinite;
                    animation: 1s play_anmation linear infinite
                }

                .home-aboutxin .left .video a .hover::after {
                    top: -35px;
                    left: -35px;
                    content: "";
                    width: 130px;
                    height: 130px;
                    position: absolute;
                    border-radius: 100%;
                    background: rgba(255,255,255,0.2);
                    -webkit-animation: 1.5s play_anmation linear infinite;
                    animation: 1.5s play_anmation linear infinite
                }

    .home-aboutxin .right {
        float: right;
        width: 50%
    }

        .home-aboutxin .right .swiper {
            position: relative;
            overflow: hidden;
            height: 100%
        }

            .home-aboutxin .right .swiper .pic {
                height: 100%
            }

                .home-aboutxin .right .swiper .pic:after {
                    padding-bottom: 62.5%
                }

                .home-aboutxin .right .swiper .pic img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

            .home-aboutxin .right .swiper .swiper-pagination {
                bottom: 10px;
                text-align: center
            }

                .home-aboutxin .right .swiper .swiper-pagination .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px;
                    margin: 0 6px;
                    overflow: hidden;
                    opacity: 1;
                    background: #fff;
                    position: relative
                }

                .home-aboutxin .right .swiper .swiper-pagination .swiper-pagination-bullet-active {
                    width: 28px;
                    border-radius: 7px
                }

@-webkit-keyframes play_anmation {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes play_anmation {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000000000000000;
    display: none;
    width: 906px
}

    #video .close {
        position: absolute;
        width: 34px;
        height: 34px;
        top: 10px;
        right: 10px;
        text-align: center;
        line-height: 34px;
        border-radius: 50%;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
        z-index: 3333;
        background: rgba(0,0,0,0.3)
    }

    #video video {
        display: block;
        width: 100%;
        max-height: 90vh;
        margin: 0 auto;
        object-fit: cover;
        overflow: hidden
    }

.home-productxin {
    overflow: hidden;
    position: relative;
    background: url(../images/xin/bg6.jpg) no-repeat center center;
    background-size: cover
}

    .home-productxin .home-bottom {
        display: flex;
        flex-wrap: wrap
    }

    .home-productxin .left {
        padding: 65px 0 105px 0;
        float: left;
        width: 77%;
        padding-right: 60px
    }

        .home-productxin .left .home-title {
            text-align: left
        }

        .home-productxin .left #hisSwp1 {
            margin-top: 110px
        }

        .home-productxin .left .more1 a, .home-productxin .left .more1 p {
            width: 46px;
            height: 46px;
            border-radius: 6px;
            border: solid 2px #1a3c64;
            background: url(../images/xin/more1.png) no-repeat center center;
            background-size: 14px;
            display: block
        }

@media (min-width:1025px) {
    .home-productxin .left .more1 a:hover {
        background: #1a3c64 url(../images/xin/more1h.png) no-repeat center center;
        background-size: 14px
    }
}

.home-productxin .left .text {
    width: 44%;
    float: left;
    padding-top: 58px
}

.home-productxin .left .pic {
    width: 56%;
    float: right
}

    .home-productxin .left .pic:after {
        padding-bottom: 81.81818182%
    }

.home-productxin .left .bt {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 45px;
    color: #383838
}

.home-productxin .left .p {
    font-size: 20px;
    line-height: 28px;
    height: 140px;
    margin-bottom: 27px;
    overflow: hidden;
    color: #5b636a
}

@media (min-width:1025px) {
    .home-productxin .left .swiper-slide:hover .more1 p {
        background: #1a3c64 url(../images/xin/more1h.png) no-repeat center center;
        background-size: 14px
    }
}

.home-productxin .right {
    width: 28.5%;
    float: right;
    margin-right: -5.5%;
    padding: 76px 0;
    padding-left: 60px;
    position: relative
}

    .home-productxin .right:after {
        content: '';
        display: block;
        width: 1000%;
        height: 100%;
        background: #eee url(../images/xin/bg5.png) no-repeat center left;
        background-size: 49px;
        position: absolute;
        top: 0;
        left: 0
    }

#hisgroup1 {
    height: 740px;
    position: relative
}

    #hisgroup1 .box {
        position: relative;
        padding-right: 155px;
        text-align: right;
        cursor: pointer
    }

        #hisgroup1 .box .bt {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 18px;
            line-height: 128px;
            color: #07121b;
            text-transform: uppercase
        }

    #hisgroup1 .pic {
        width: 128px;
        border-radius: 50%;
        background-color: #fff;
        border: solid 1px #acafb1;
        position: absolute;
        top: 0;
        right: 0
    }

    #hisgroup1 .swiper-slide {
        opacity: .5
    }

    #hisgroup1 .swiper-slide-thumb-active {
        opacity: 1
    }

        #hisgroup1 .swiper-slide-thumb-active .box .pic {
            background: #fff url(../images/xin/bg10.png) no-repeat center center;
            background-size: 88px
        }

        #hisgroup1 .swiper-slide-thumb-active .box .bt {
            color: #1a3c64;
            font-size: 20px
        }

.home-servicexin {
    padding: 78px 0
}

    .home-servicexin .home-bottom {
        padding: 51px 0 0 0
    }

    .home-servicexin ul {
        margin: 0 -10px
    }

        .home-servicexin ul li {
            width: 33.33333333%;
            float: left;
            padding: 0 10px;
            margin-bottom: 20px
        }

            .home-servicexin ul li .pic:after {
                padding-bottom: 79.16666667%
            }

            .home-servicexin ul li .pic img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .home-servicexin ul li .text {
                padding: 22px;
                background: #f5f5f5
            }

            .home-servicexin ul li .bt {
                font-size: 24px;
                color: #1a3c64;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                letter-spacing: 1px;
                margin-bottom: 10px;
                text-align: center;
                font-family: "Rajdhani-Bold"
            }

            .home-servicexin ul li .p {
                font-size: 15px;
                color: #666;
                line-height: 24px;
                height: 120px;
                overflow: hidden;
                letter-spacing: .4px;
                margin-bottom: 17px
            }

            .home-servicexin ul li .more2 {
                font-size: 16px;
                color: #1a3c64;
                text-align: center;
                text-transform: uppercase;
                font-family: "Rajdhani-Bold"
            }

@media (min-width:1025px) {
    .home-servicexin ul li:hover .pic img {
        transform: scale(1.1)
    }
}

.home-newsxin {
    padding: 80px 0;
    background: #f9f9f9
}

    .home-newsxin .home-bottom {
        padding: 51px 0 0 0
    }

    .home-newsxin .nr {
        justify-content: space-between;
        display: flex
    }

    .home-newsxin .left {
        float: left;
        width: 61%;
        padding-right: 30px
    }

        .home-newsxin .left .text {
            padding: 20px;
            background: #fff
        }

@media (min-width:1025px) {
    .home-newsxin .left a:hover .bt {
        color: #1a3c64
    }

    .home-newsxin .left a:hover .pic img {
        transform: scale(1.1)
    }
}

.home-newsxin .pic {
    height: 100%
}

    .home-newsxin .pic:after {
        padding-bottom: 70.21276596%
    }

    .home-newsxin .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.home-newsxin .right {
    float: right;
    width: 39%
}

.home-newsxin .nlist {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 24px;
    height: 100%
}

    .home-newsxin .nlist .item {
        height: 100%
    }

        .home-newsxin .nlist .item .box {
            height: 100%;
            position: relative
        }

        .home-newsxin .nlist .item .text {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 10px 20px;
            z-index: 4
        }

        .home-newsxin .nlist .item .bt {
            color: #fff;
            margin-top: 10px
        }

        .home-newsxin .nlist .item .pic:before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3
        }

@media (min-width:1025px) {
    .home-newsxin .nlist .item:hover .pic img {
        transform: scale(1.1)
    }
}

.home-newsxin .span {
    font-size: 16px;
    opacity: 1;
    color: #fff !important;
    background-color: #1a3c64;
    padding: 8px 20px;
    display: inline-block;
    vertical-align: top
}

.home-newsxin .bt {
    color: #444;
    font-size: 24px;
    margin-top: 8px;
    margin-bottom: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.home-newsxin .p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    letter-spacing: .4px;
    margin-bottom: 17px
}

.service01 {
    font-size: 16px;
    text-align: justify;
    line-height: 26px;
    color: #222
}

.service02 {
    padding: 78px 0
}

    .service02 .service-bottom {
        padding: 51px 0 0 0
    }

    .service02 ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 20px
    }

        .service02 ul li {
            float: left
        }

            .service02 ul li .box {
                position: relative
            }

            .service02 ul li .pic:after {
                padding-bottom: 79.16666667%
            }

            .service02 ul li .pic img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .service02 ul li .bt {
                font-size: 24px;
                color: #fff;
                letter-spacing: 1px;
                line-height: 40px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                padding: 20px;
                font-family: "Roboto-Bold";
                background: rgba(0,0,0,0.4);
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 33;
                width: 100%
            }

@media (min-width:1025px) {
    .service02 ul li:hover .pic img {
        transform: scale(1.1)
    }
}

.service03 .nr {
    justify-content: space-between;
    display: flex;
    align-items: center
}

.service03 .left {
    float: left;
    width: 55%;
    background-color: #f5f5f5
}

    .service03 .left .about-map img {
        width: 100%
    }

    .service03 .left .about-map {
        padding: 60px 40px !important;
        position: relative
    }

    .service03 .left .mark-list li {
        cursor: pointer;
        position: absolute;
        list-style: none;
        padding: 5px;
        color: #fff;
        font-size: 11px
    }

        .service03 .left .mark-list li.mark-1 {
            left: 30%;
            top: 57%
        }

        .service03 .left .mark-list li.mark-2 {
            left: 63%;
            top: 41%
        }

        .service03 .left .mark-list li.mark-3 {
            left: 64%;
            top: 23%
        }

        .service03 .left .mark-list li.mark-4 {
            left: 80%;
            top: 72%
        }

        .service03 .left .mark-list li.mark-5 {
            left: 46%;
            top: 27%
        }

        .service03 .left .mark-list li.mark-6 {
            left: 71%;
            top: 55%
        }

        .service03 .left .mark-list li.mark-7 {
            left: 74%;
            top: 37%
        }

        .service03 .left .mark-list li.mark-8 {
            left: 54%;
            top: 42%
        }

        .service03 .left .mark-list li em {
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 2px solid #fff;
            background: #f07d00;
            box-shadow: 0 0 10px #f07d00;
            -webkit-box-shadow: 0 0 10px #f07d00
        }

        .service03 .left .mark-list li:nth-child(4n-3) em {
            -webkit-animation: ciclePulse 1.8s infinite;
            animation: ciclePulse 1.8s infinite
        }

        .service03 .left .mark-list li:nth-child(4n-2) em {
            -webkit-animation: ciclePulse 2s infinite;
            animation: ciclePulse 2s infinite
        }

        .service03 .left .mark-list li:nth-child(4n-1) em {
            -webkit-animation: ciclePulse 1.9s infinite;
            animation: ciclePulse 1.9s infinite
        }

        .service03 .left .mark-list li:nth-child(4n) em {
            -webkit-animation: ciclePulse 2.1s infinite;
            animation: ciclePulse 2.1s infinite
        }

        .service03 .left .mark-list li span {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            max-width: 200px;
            padding: 2px 12px;
            background: rgba(0,0,0,0.8);
            border-radius: 3px;
            opacity: 0;
            color: inherit;
            font-size: inherit;
            visibility: hidden;
            word-wrap: break-word;
            word-break: normal
        }

            .service03 .left .mark-list li span i {
                position: absolute;
                left: 50%;
                margin: 0 0 0 -6px;
                bottom: -11px;
                width: 0;
                height: 0;
                border-top: 6px solid rgba(0,0,0,0.8);
                border-right: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-left: 6px solid transparent;
                overflow: hidden
            }

        .service03 .left .mark-list li:hover {
            z-index: 9
        }

            .service03 .left .mark-list li:hover span {
                opacity: 1;
                visibility: visible
            }

@-webkit-keyframes ciclePulse {
    from {
        opacity: .5;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

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

    to {
        opacity: .5;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes ciclePulse {
    from {
        opacity: .5;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: .5;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

@media only screen and (max-width:992px) {
    .service03 .left .section-block-demo21-about2 {
        padding: 3rem 0 1rem
    }

        .service03 .left .section-block-demo21-about2 .about-desc {
            margin-top: 2rem
        }

        .service03 .left .section-block-demo21-about2 .about-info, .service03 .left .section-block-demo21-about2 .about-map {
            width: 100%;
            padding: 1rem 0
        }
}

.service03 .right {
    float: right;
    width: 39%
}

    .service03 .right .home-title {
        text-align: left
    }

    .service03 .right ul {
        padding-top: 30px;
        margin-bottom: 20px
    }

        .service03 .right ul li {
            font-size: 18px;
            line-height: 34px;
            margin-bottom: 10px;
            color: #222
        }

.service04 {
    padding: 78px 0
}

    .service04 .service-bottom {
        padding: 51px 0 0 0
    }

    .service04 .message {
        padding-bottom: 0 !important
    }

.resources00 {
    position: relative;
    padding-bottom: 73px
}

    .resources00 .resources00-bottom {
        padding: 51px 0 0 0
    }

    .resources00 .nr {
        justify-content: space-between;
        display: flex
    }

    .resources00 .left {
        float: left;
        width: 61%;
        padding-right: 30px
    }

        .resources00 .left img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .resources00 .right {
        float: right;
        width: 39%
    }

    .resources00 .span {
        font-size: 26px;
        margin-bottom: 30px;
        color: #3c3c3c;
        font-family: "DINCond-Black"
    }

    .resources00 .p {
        margin-bottom: 10px;
        color: #999;
        font-size: 16px
    }

        .resources00 .p span {
            color: #f00
        }

    .resources00 .message {
        padding-bottom: 0 !important
    }

.contact01xin .nr {
    justify-content: space-between;
    display: flex
}

.contact01xin .left {
    float: left;
    width: 48%
}

    .contact01xin .left img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.contact01xin .home-title {
    text-align: left
}

.contact01xin .right {
    float: right;
    position: relative;
    width: 48%;
    background-color: rgba(44,114,185,0.1);
    padding: 30px;
    height: 100%
}

    .contact01xin .right ul {
        padding-top: 24px
    }

        .contact01xin .right ul li {
            margin-bottom: 23px
        }

            .contact01xin .right ul li input, .contact01xin .right ul li textarea {
                width: 100%;
                height: 42px;
                color: #a6a6a6;
                font-size: 16px;
                padding: 6px 6px 6px 20px;
                border-radius: 0;
                outline: none;
                border: 1px solid #a6a6a6
            }

                .contact01xin .right ul li input::-webkit-input-placeholder, .contact01xin .right ul li textarea::-webkit-input-placeholder {
                    color: #a6a6a6
                }

                .contact01xin .right ul li input:-moz-placeholder, .contact01xin .right ul li textarea:-moz-placeholder {
                    color: #a6a6a6;
                    opacity: 1
                }

                .contact01xin .right ul li input::-moz-placeholder, .contact01xin .right ul li textarea::-moz-placeholder {
                    color: #a6a6a6;
                    opacity: 1
                }

                .contact01xin .right ul li input:-ms-input-placeholder, .contact01xin .right ul li textarea:-ms-input-placeholder {
                    color: #a6a6a6
                }

            .contact01xin .right ul li textarea {
                height: 120px;
                line-height: 1.5
            }

            .contact01xin .right ul li .submit a {
                font-size: 18px;
                font-weight: 500;
                line-height: 42px;
                padding: 0 52px;
                border-radius: 6px;
                position: relative;
                overflow: hidden;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
                display: inline-block;
                vertical-align: top;
                text-transform: capitalize;
                background: #05224d;
                color: #fff;
                float: right
            }

@media (min-width:1025px) {
    .contact01xin .right ul li .submit a:Hover {
        background: #05224d
    }
}

.contact01xin .advantage-item {
    position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: dashed 2px #eee
}

    .contact01xin .advantage-item .item-inne {
        display: flex;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start
    }

        .contact01xin .advantage-item .item-inne .item-ico {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            text-align: center
        }

            .contact01xin .advantage-item .item-inne .item-ico img {
                max-width: 36px;
                width: auto;
                height: auto
            }

        .contact01xin .advantage-item .item-inne .item-info {
            padding-left: 25px;
            flex: 1
        }

            .contact01xin .advantage-item .item-inne .item-info .item-title {
                margin-bottom: 5px;
                color: #333;
                font-weight: 700;
                font-size: 22px;
                line-height: 1
            }

            .contact01xin .advantage-item .item-inne .item-info .item-desc {
                padding-top: 5px;
                display: block;
                font-size: 16px;
                color: #000
            }

.contact01xin .h3 {
    padding: 20px 0;
    font-size: 25px;
    color: #333
}

.contact01xin .foot-social {
    display: flex
}

    .contact01xin .foot-social li img {
        display: block;
        width: 45px;
        margin-left: 0;
        margin-right: 22px
    }

.contact02xin {
    padding: 80px 0
}

    .contact02xin .contact-bottom {
        padding-top: 49px
    }

    .contact02xin ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
        grid-column-gap: 40px
    }

        .contact02xin ul li .box {
            position: relative
        }

        .contact02xin ul li .pic:after {
            padding-bottom: 70.58823529%
        }

        .contact02xin ul li .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .contact02xin ul li .text {
            padding: 23px 0
        }

        .contact02xin ul li .bt {
            font-size: 30px;
            font-weight: normal;
            line-height: 35px;
            color: #010101;
            margin-bottom: 17px
        }

        .contact02xin ul li .p {
            font-size: 16px;
            font-weight: lighter;
            line-height: 30px;
            color: #666
        }

            .contact02xin ul li .p b {
                font-weight: bold
            }

.join02 {
    background: #2aa9d2
}

    .join02 .join-top {
        position: relative;
        overflow: hidden;
        padding: 73px 0 56px 0
    }

        .join02 .join-top .p {
            font-size: 18px;
            line-height: 30px;
            margin-top: 15px;
            color: #fff
        }

        .join02 .join-top .se {
            position: absolute;
            top: 50%;
            right: 135px;
            transform: translateY(-50%)
        }

            .join02 .join-top .se a {
                font-size: 18px;
                font-weight: lighter;
                line-height: 52px;
                color: var(--main-color);
                width: 160px;
                background-color: #fff;
                border-radius: 25px;
                text-align: center;
                display: block;
                position: relative;
                z-index: 44
            }

                .join02 .join-top .se a img {
                    width: 16px;
                    margin-right: 10px;
                    display: inline-block;
                    vertical-align: middle
                }

        .join02 .join-top .general {
            border: 4px solid rgba(255,255,255,0.4);
            border-radius: 50%;
            height: 400px;
            left: 50%;
            opacity: .3;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all .3s ease-in-out;
            width: 400px
        }

            .join02 .join-top .general:after, .join02 .join-top .general:before {
                border: 4px solid;
                border-radius: 50%;
                content: '';
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
                transition: all .5s ease-in-out;
                z-index: 0
            }

            .join02 .join-top .general:before {
                height: 120px;
                opacity: .3;
                width: 120px
            }

            .join02 .join-top .general:after {
                height: 240px;
                opacity: .3;
                width: 240px
            }

        .join02 .join-top.join-top2 {
            padding-right: 0;
            text-align: center
        }

            .join02 .join-top.join-top2 .anniu {
                display: flex;
                flex-wrap: wrap;
                justify-content: center
            }

                .join02 .join-top.join-top2 .anniu a {
                    margin-right: 15px
                }

            .join02 .join-top.join-top2 .dow {
                line-height: 41px;
                border: solid 1px #fff;
                font-size: 18px;
                color: #fff;
                padding: 0 25px 0 25px;
                border-radius: 30px;
                margin: 0 auto;
                margin-top: 40px
            }

@media (min-width:1025px) {
    .join02:hover .join-top .general {
        border-width: 10px;
        height: 150vw;
        opacity: 1;
        width: 150vw
    }

        .join02:hover .join-top .general:before {
            border: 20px solid rgba(255,255,255,0.4);
            height: 70vw;
            opacity: .7;
            width: 70vw
        }

        .join02:hover .join-top .general:after {
            border: 10px solid rgba(255,255,255,0.4);
            height: 30vw;
            opacity: .6;
            width: 30vw
        }
}

.palist ul {
    font-size: 0;
    text-align: center;
    margin: 0 -10px
}

    .palist ul li {
        text-align: left;
        width: 376px;
        height: 100px;
        position: relative;
        margin: 0 10px;
        padding: 0 50px;
        padding-top: 6px;
        display: inline-block;
        vertical-align: top;
        font-size: 23px;
        line-height: 25px;
        color: #333;
        background: url(../images/xin/abg.png) no-repeat center center;
        background-size: 100%
    }

.about01xin {
    padding: 0 0 80px 0;
    position: relative;
    overflow: hidden
}

    .about01xin .left {
        float: left;
        width: 50%;
        padding-right: 53px
    }

        .about01xin .left .bt {
            margin-top: 24px;
            font-size: 86px;
            color: #696969
        }

        .about01xin .left .palist {
            padding-top: 252px
        }

            .about01xin .left .palist ul li {
                font-size: 18px;
                text-align: center;
                width: 290px;
                margin-bottom: 20px
            }

                .about01xin .left .palist ul li .box {
                    position: absolute;
                    top: 50%;
                    width: 100%;
                    padding-top: 0;
                    transform: translateY(-50%);
                    left: 0
                }

    .about01xin .right {
        float: right;
        width: 50%
    }

        .about01xin .right .bt {
            font-size: 22px;
            line-height: 32px;
            margin-bottom: 38px;
            color: #000
        }

        .about01xin .right .p {
            font-size: 16px;
            line-height: 29px;
            color: rgba(0,0,0,0.8)
        }

            .about01xin .right .p p {
                margin-bottom: 10px
            }

.about02xin .list {
    margin-top: 50px
}

.case01 {
    padding: 80px 0
}

    .case01 .jsh {
        padding-top: 41px
    }

    .case01 .jsh {
        font-size: 16px;
        line-height: 29px;
        color: rgba(0,0,0,0.8)
    }

        .case01 .jsh p {
            margin-bottom: 10px
        }

.caselist1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    padding-bottom: 80px
}

    .caselist1 li .box {
        position: relative
    }
.caselist1 li .box:hover .pic img {
  transform: scale(1.1); /* 放大 1.1 倍，可自己改 */
}
    .caselist1 li .pic:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        z-index: 4;
        content: '';
        display: block
    }

    .caselist1 li .text {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        color: #fff;
        z-index: 5;
        padding: 30px
    }

        .caselist1 li .text .bt {
            font-size: 40px;
            margin-bottom: 15px;
            font-family: "Rajdhani-Bold";
            text-transform: uppercase
        }

        .caselist1 li .text .span {
            font-family: "Rajdhani-Bold";
            text-transform: uppercase;
            font-size: 18px;
            line-height: 30px
        }

.case02 {
    padding-bottom: 80px
}

    .case02 .nr {
        justify-content: space-between;
        display: flex
    }

        .case02 .nr .left {
            width: 20%;
            float: left
        }

            .case02 .nr .left ul {
                display: grid;
                grid-template-columns: 1fr;
                grid-row-gap: 8px;
                grid-column-gap: 8px
            }

                .case02 .nr .left ul li {
                    padding: 10px 20px;
                    border: 2px solid #05224d;
                    font-size: 20px;
                    font-family: "Rajdhani-Bold";
                    text-transform: uppercase
                }

                    .case02 .nr .left ul li a {
                        color: #05224d;
                        display: block
                    }

                .case02 .nr .left ul .active {
                    background: #05224d
                }

                    .case02 .nr .left ul .active a {
                        color: #fff
                    }

        .case02 .nr .right {
            float: right;
            width: 78%
        }

            .case02 .nr .right .show {
                height: 100%
            }

                .case02 .nr .right .show .info {
                    height: 100%;
                    display: none
                }

            .case02 .nr .right .box {
                justify-content: space-between;
                display: flex;
                align-items: center;
                background: #05224d;
                height: 100%
            }

                .case02 .nr .right .box .img {
                    width: 40%;
                    float: left;
                    height: 100%
                }

                    .case02 .nr .right .box .img img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block
                    }

                .case02 .nr .right .box .text {
                    width: 60%;
                    float: left;
                    padding: 0 40px;
                    color: #fff
                }

                    .case02 .nr .right .box .text .bt {
                        font-size: 30px;
                        margin-bottom: 15px;
                        font-family: "Rajdhani-Bold"
                    }

                    .case02 .nr .right .box .text .p {
                        font-size: 16px;
                        line-height: 30px
                    }

.case03 {
    padding-bottom: 80px
}

    .case03 .case-bottom {
        padding-top: 41px
    }

        .case03 .case-bottom ul li {
            padding: 10px;
            width: 50%;
            float: left;
            cursor: pointer
        }

            .case03 .case-bottom ul li .box {
                background: #f2f4f7;
                padding: 34px;
                border-radius: 15px 15px 15px 15px;
                position: relative;
                min-height: 310px;
                overflow: hidden
            }

                .case03 .case-bottom ul li .box .content-inner {
                    padding: 0 0 21px
                }

                    .case03 .case-bottom ul li .box .content-inner .title {
                        font-size: 38px;
                        line-height: 46px;
                        margin-bottom: 8px;
                        color: #182230;
                        font-family: "Rajdhani-Bold"
                    }

                    .case03 .case-bottom ul li .box .content-inner .content2 {
                        font-size: 16px;
                        line-height: 30px;
                        height: 90px;
                        overflow: hidden;
                        margin: 0 0 60px 0
                    }

                    .case03 .case-bottom ul li .box .content-inner .btn {
                        padding: 20px 24px;
                        border-radius: 35px 35px 35px 35px;
                        text-transform: uppercase;
                        -webkit-transition: .4s;
                        transition: .4s;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 16px;
                        color: #fff;
                        font-family: "Rajdhani-Bold";
                        background: #05224d
                    }

                        .case03 .case-bottom ul li .box .content-inner .btn svg {
                            margin-top: -3px;
                            height: 20px;
                            margin-left: 5px;
                            display: inline-block;
                            vertical-align: middle
                        }

                .case03 .case-bottom ul li .box .thumb {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    max-width: 200px
                }

                    .case03 .case-bottom ul li .box .thumb img {
                        display: block
                    }

@media (min-width:1025px) {
    .case03 .case-bottom ul li:hover .box {
        background: #05224d
    }

        .case03 .case-bottom ul li:hover .box .content-inner .title {
            color: #fff
        }

        .case03 .case-bottom ul li:hover .box .content-inner .content2 {
            color: #fff
        }

        .case03 .case-bottom ul li:hover .box .content-inner .btn {
            color: #05224d;
            background: #fff
        }
}

.case03 .case-bottom ul li:nth-child(1) {
    width: 55%
}

.case03 .case-bottom ul li:nth-child(2) {
    width: 45%
}

    .case03 .case-bottom ul li:nth-child(2) .box {
        background: #05224d
    }

        .case03 .case-bottom ul li:nth-child(2) .box .content-inner .title {
            color: #fff
        }

        .case03 .case-bottom ul li:nth-child(2) .box .content-inner .content2 {
            color: #fff
        }

        .case03 .case-bottom ul li:nth-child(2) .box .content-inner .btn {
            color: #05224d;
            background: #fff
        }

.case03 .case-bottom ul li:nth-child(3) {
    width: 45%
}

.case03 .case-bottom ul li:nth-child(4) {
    width: 55%
}

.case04 {
    padding-top: 80px
}

.ps01 {
    padding-bottom: 80px
}

    .ps01 .ps-bottom {
        position: relative;
        padding-top: 50px
    }

        .ps01 .ps-bottom .img {
            position: relative;
            overflow: hidden;
            width: 880px;
            margin: 0 auto
        }

            .ps01 .ps-bottom .img ul li {
                position: absolute;
                z-index: 5
            }

                .ps01 .ps-bottom .img ul li a {
                    display: block;
                    color: #003145;
                    font-size: 16px;
                    width: 38px;
                    height: 38px;
                    line-height: 36px;
                    border-radius: 50%;
                    background: #f5f5f5;
                    border: 1px solid #003145;
                    text-align: center
                }

@media (min-width:1025px) {
    .ps01 .ps-bottom .img ul li:hover a {
        background: #05224d;
        color: #fff;
        border: 1px solid #05224d
    }
}

.ps01 .ps-bottom .img ul .nu1 {
    bottom: 6%;
    left: 63%
}

.ps01 .ps-bottom .img ul .nu2 {
    bottom: 35%;
    left: 37%
}

.ps01 .ps-bottom .img ul .nu3 {
    top: 7%;
    left: 78%
}

.ps01 .ps-bottom .img ul .nu4 {
    top: 47%;
    left: 0
}

.ps01 .ps-bottom .img ul .nu5 {
    bottom: 27%;
    left: 23%
}

.ps01 .ps-bottom .img ul .nu6 {
    bottom: 6%;
    left: 93%
}

.ps01 .ps-bottom .img ul .nu7 {
    top: 38%;
    left: 19%
}

#tanchuang {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000000000000000;
    display: none;
    width: 1500px;
    background: #fff
}

    #tanchuang .close {
        position: absolute;
        width: 34px;
        height: 34px;
        top: 10px;
        right: 10px;
        text-align: center;
        line-height: 34px;
        border-radius: 50%;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
        z-index: 3333;
        background: rgba(0,0,0,0.3)
    }

    #tanchuang video {
        display: block;
        width: 100%;
        max-height: 90vh;
        margin: 0 auto;
        object-fit: cover;
        overflow: hidden
    }

.buslist li .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .buslist li .box .pic {
        width: 59%;
        float: left
    }

        .buslist li .box .pic:after {
            padding-bottom: 64.66739368%
        }

        .buslist li .box .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .buslist li .box .text {
        width: 41%;
        float: right;
        padding-left: 50px
    }

        .buslist li .box .text .bt {
            font-family: "Rajdhani-Bold";
            font-size: 50px;
            line-height: 58px;
            margin-bottom: 16px;
            color: #383838
        }

        .buslist li .box .text .span {
            font-size: 24px;
            line-height: 31px;
            margin-top: 24px;
            margin-bottom: 56px;
            color: #383838
        }

        .buslist li .box .text .pli {
            font-size: 16px;
            line-height: 30px;
            max-height: 390px;
            text-align: justify;
            overflow: auto;
            padding-right: 20px
        }

@media (min-width:1025px) {
    .buslist li:hover .pic img {
        transform: scale(1.1)
    }

    .buslist li:hover .text .more3 p {
        background: var(--main-color);
        border: solid 1px var(--main-color)
    }

        .buslist li:hover .text .more3 p span {
            color: #fff;
            background: url(../images/more1h.png) no-repeat center right;
            background-size: 13px
        }
}

.buslist li:nth-child(2n) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .buslist li:nth-child(2n) .box .text {
        padding-right: 120px;
        padding-left: 0
    }

.buslist li:nth-last-child(1) {
    margin-bottom: 0
}

.ps02 {
    padding-bottom: 80px
}

    .ps02 .ps-bottom {
        position: relative;
        padding-top: 50px
    }

    .ps02 ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 80px;
        grid-column-gap: 40px
    }

        .ps02 ul li .box {
            border-bottom: solid 1px #d7d7d7;
            position: relative
        }

        .ps02 ul li .pic {
            margin: 20px 0
        }

            .ps02 ul li .pic:after {
                padding-bottom: 66.27906977%
            }

            .ps02 ul li .pic img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .ps02 ul li .bt {
            font-size: 24px;
            color: #1a3c64;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            letter-spacing: 1px;
            margin-bottom: 10px;
            text-align: center;
            font-family: "Rajdhani-Bold"
        }

        .ps02 ul li .p {
            text-align: center;
            font-size: 16px;
            line-height: 30px;
            height: 60px;
            overflow: hidden;
            color: rgba(0,0,0,0.8)
        }

        .ps02 ul li .saferack-product-button {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            width: 40px;
            height: 40px;
            bottom: -20px;
            left: 50%;
            margin-left: -20px;
            background-color: #3b3b3b;
            color: #fff;
            text-decoration: none;
            border-radius: 50%;
            transition: transform .3s ease-in-out
        }

@media (min-width:1025px) {
    .ps02 ul li:hover .pic img {
        transform: scale(1.1)
    }

    .ps02 ul li:hover .saferack-product-button {
        animation: move-arrow .5s ease-in-out
    }

    @keyframes move-arrow {
        0% {
            transform: translateX(0)
        }

        70% {
            transform: translateX(5px)
        }

        100% {
            transform: translateX(0)
        }
    }
}

.psh01 {
    padding: 80px 0 0 0
}

    .psh01 .nr {
        justify-content: space-between;
        display: flex;
        align-items: center;
        margin-bottom: 20px
    }

        .psh01 .nr .left {
            float: left;
            width: 55%;
            background-color: #f5f5f5
        }

        .psh01 .nr .right {
            float: right;
            width: 39%
        }

            .psh01 .nr .right .home-title {
                text-align: left
            }

    .psh01 .home-title {
        text-align: left
    }

    .psh01 .jsh {
        padding-top: 21px
    }

    .psh01 .jsh {
        font-size: 16px;
        line-height: 1;
        color: rgba(0,0,0,0.8)
    }

        .psh01 .jsh p {
            margin-bottom: 10px
        }

.psh02 {
    padding-top: 30px
}

    .psh02 .title1 {
        text-align: left;
        font-size: 30px;
        margin-bottom: 15px
    }

    .psh02 ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 20px
    }

        .psh02 ul li {
            float: left
        }

            .psh02 ul li .box {
                position: relative
            }

            .psh02 ul li .pic {
                background: #e7edf5
            }

                .psh02 ul li .pic:after {
                    padding-bottom: 79.16666667%
                }

                .psh02 ul li .pic img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

            .psh02 ul li .bt {
                font-size: 24px;
                color: #fff;
                letter-spacing: 1px;
                line-height: 40px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                padding: 20px;
                font-family: "Roboto-Bold";
                background: rgba(0,0,0,0.4);
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 33;
                width: 100%
            }

@media (min-width:1025px) {
    .psh02 ul li:hover .pic img {
        transform: scale(1.1)
    }
}

.home-ask {
    padding-top: 64px;
    padding-bottom: 64px;
    background: #27303d !important;
    overflow: hidden
}

    .home-ask .left {
        color: #fff;
        font-size: 32px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: -1px;
        padding-bottom: 12px;
        width: 31%;
        float: left;
        padding-right: 12px
    }

    .home-ask .right {
        width: 69%;
        float: right;
        padding-left: 12px
    }

    .home-ask .wpc-hubspot-options .form-radio {
        text-align: left;
        padding: 6px
    }

        .home-ask .wpc-hubspot-options .form-radio label {
            padding: 12px 24px 12px;
            background-color: #fff;
            border-radius: 27px;
            cursor: pointer;
            text-align: left;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            color: #000;
            font-size: 15px;
            font-weight: 400
        }

            .home-ask .wpc-hubspot-options .form-radio label:before {
                content: "";
                box-sizing: border-box;
                height: 19px;
                width: 19px;
                min-height: 19px;
                min-width: 19px;
                margin-right: 12px;
                display: block;
                border-radius: 50%;
                border: 1px solid #555;
                background-color: #eeeff0;
                box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5)
            }

    .home-ask .wpc-hubspot-options .cur label:before {
        background-color: #ff3742
    }

    .home-ask .wpc-hubspot-options .other {
        display: none
    }

    .home-ask .form {
        margin-top: 24px;
        display: none
    }

        .home-ask .form ul {
            display: flex;
            flex-wrap: wrap
        }

            .home-ask .form ul li {
                padding: 6px;
                width: 50%
            }

                .home-ask .form ul li .hs-input {
                    border-radius: 5px;
                    background-color: #eeeff0;
                    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);
                    border: 0;
                    padding: 10px 12px;
                    margin: 0;
                    width: 100%;
                    font-size: 18px
                }

                .home-ask .form ul li select {
                    border-radius: 5px;
                    background: url(../images/xin/arrow_down_black.svg) no-repeat right 10px center #eeeff0;
                    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);
                    border: 0;
                    padding: 10px 12px 10px 11px;
                    margin: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    cursor: pointer;
                    width: 100%;
                    font-size: 18px
                }

                .home-ask .form ul li textarea {
                    border-radius: 5px;
                    background-color: #eeeff0;
                    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);
                    border: 0;
                    cursor: pointer;
                    padding: 10px 12px;
                    width: 100%;
                    margin: 0;
                    font-size: 18px;
                    height: 150px
                }

                .home-ask .form ul li label {
                    text-align: left;
                    font-size: 14px
                }

                    .home-ask .form ul li label input {
                        float: left;
                        margin: 3px 3px 3px 4px;
                        width: 13px;
                        height: 13px;
                        -webkit-appearance: auto;
                        background-color: #eeeff0;
                        box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);
                        border: 0;
                        cursor: pointer
                    }

                    .home-ask .form ul li label p {
                        margin: 0;
                        display: inline
                    }

                    .home-ask .form ul li label span {
                        color: #fff
                    }

                .home-ask .form ul li a {
                    text-decoration: underline;
                    color: #fff
                }

                .home-ask .form ul li .hs-richtext {
                    color: #fff
                }

                .home-ask .form ul li .hs-button {
                    -webkit-border-radius: 24px;
                    -moz-border-radius: 24px;
                    border-radius: 24px;
                    -webkit-transition: all .35s ease;
                    -moz-transition: all .35s ease;
                    -ms-transition: all .35s ease;
                    -o-transition: all .35s ease;
                    text-align: center !important;
                    border: 2px solid #e20714;
                    background: #e20714;
                    color: #fff;
                    display: inline-block;
                    font-size: 18px;
                    line-height: 1;
                    text-decoration: none !important;
                    padding: 12px 40px 14px;
                    font-weight: 700;
                    cursor: pointer;
                    display: block;
                    margin: 0 auto;
                    font-family: 'Lato',Helvetica,Arial,sans-serif !important;
                    text-align: center;
                    min-width: 178px
                }

            .home-ask .form ul .textarea {
                clear: both;
                width: 100%
            }

@media (max-width:1300px) {
    .psh02 ul li .bt {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 20px
    }

    .service02 ul li .bt {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 20px
    }

    .case03 .case-bottom ul li .box .content-inner .title {
        font-size: 28px;
        line-height: 40px
    }

    .case03 .case-bottom ul li .box .content-inner .content2 {
        margin: 0 0 40px 0
    }

    .case03 .case-bottom ul li .box .content-inner .btn {
        padding: 10px 24px
    }

    .service03 ul {
        padding-top: 20px
    }

        .service03 ul li {
            font-size: 16px;
            line-height: 30px
        }

    .about01xin .left .palist ul li {
        font-size: 16px;
        width: 260px;
        height: 85px
    }

    .caselist1 li .text .bt {
        font-size: 30px;
        margin-bottom: 10px
    }

    .case02 .nr .left ul li {
        font-size: 16px
    }

    #hisgroup1 .box .bt {
        font-size: 16px;
        line-height: 100px
    }

    #hisgroup1 .pic {
        width: 100px
    }

    #hisgroup1 .box {
        padding-right: 115px
    }

    #hisgroup1 {
        height: 700px
    }

    .home-productxin .left .bt {
        font-size: 32px;
        margin-bottom: 35px
    }

    .footer-top .left .fphone {
        font-size: 27px
    }

    .footer-top .left .jsh {
        font-size: 14px;
        line-height: 24px
    }

    .footer-top .right {
        padding-left: 60px
    }
}

@media (max-width:992px) {
    .home-partner .home-bottom {
        padding: 25px 0 0 0
    }

    .service01 {
        font-size: 14px;
        line-height: 24px
    }

    .service02 {
        padding: 30px 0
    }

        .service02 .service-bottom {
            padding: 25px 0 0 0
        }

        .service02 ul li {
            width: 100%
        }

        .service02 ul {
            grid-template-columns: 1fr;
            grid-row-gap: 10px;
            grid-column-gap: 10px
        }

            .service02 ul li .bt {
                font-size: 16px;
                letter-spacing: 1px;
                line-height: 30px;
                padding: 10px
            }

    .service03 .right {
        width: 100%
    }

    .service03 .left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px
    }

    .service03 .nr {
        display: block
    }

    .service03 ul {
        padding-top: 20px;
        margin-bottom: 20px
    }

        .service03 ul li {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 6px
        }

    .service04 {
        padding: 30px 0
    }

        .service04 .service-bottom {
            padding: 25px 0 0 0
        }

    .resources00 {
        padding-bottom: 30px
    }

        .resources00 .resources00-bottom {
            padding: 25px 0 0 0
        }

        .resources00 .nr {
            display: block
        }

        .resources00 .left {
            width: 100%;
            padding-right: 0;
            padding-bottom: 20px
        }

        .resources00 .right {
            width: 100%
        }

        .resources00 .span {
            font-size: 22px;
            margin-bottom: 10px
        }

    .contact01xin {
        padding-bottom: 30px
    }

        .contact01xin .left {
            width: 100%;
            padding-bottom: 20px
        }

        .contact01xin .right {
            width: 100%;
            padding: 20px
        }

        .contact01xin .nr {
            display: block
        }

        .contact01xin .advantage-item .item-inne .item-info .item-title {
            font-size: 18px
        }

        .contact01xin .advantage-item .item-inne .item-ico img {
            max-width: 26px
        }

        .contact01xin .advantage-item {
            padding: 15px 0
        }

            .contact01xin .advantage-item .item-inne .item-info {
                padding-left: 15px
            }

        .contact01xin .foot-social li img {
            width: 35px;
            margin-right: 10px
        }

    .contact02xin {
        padding: 0 0 30px 0
    }

        .contact02xin .contact-bottom {
            padding-top: 25px
        }

        .contact02xin ul {
            grid-row-gap: 15px;
            grid-column-gap: 15px
        }

            .contact02xin ul li .text {
                padding: 15px 0
            }

            .contact02xin ul li .bt {
                font-size: 22px;
                line-height: 30px;
                margin-bottom: 10px
            }

            .contact02xin ul li .p {
                font-size: 14px;
                line-height: 24px
            }

    .join02 .join-top {
        padding: 30px 0
    }

        .join02 .join-top .p {
            font-size: 14px;
            line-height: 24px;
            margin-top: 10px
        }

        .join02 .join-top.join-top2 .dow {
            font-size: 14px;
            padding: 0 20px 0 20px;
            margin-top: 15px
        }

    .about01xin {
        padding: 0 0 30px 0
    }

        .about01xin .left {
            width: 100%;
            padding-right: 0
        }

            .about01xin .left .palist {
                padding-top: 22px
            }

                .about01xin .left .palist ul li {
                    font-size: 16px
                }

        .about01xin .right {
            width: 100%
        }

            .about01xin .right .bt {
                font-size: 20px;
                line-height: 32px;
                margin-bottom: 14px
            }

            .about01xin .right .p {
                font-size: 14px;
                line-height: 24px
            }

    .about02xin .list {
        margin-top: 25px
    }

    .about02 {
        margin-top: 30px
    }

    .home-aboutxin {
        padding: 30px 0
    }

        .home-aboutxin .left .jsh {
            font-size: 14px;
            line-height: 24px;
            height: 72px;
            margin-bottom: 18px
        }

        .home-aboutxin .left {
            width: 100%;
            padding-right: 0
        }

        .home-aboutxin .nr {
            display: block
        }

        .home-aboutxin .left .home-title {
            margin-bottom: 9px
        }

        .home-aboutxin .right {
            width: 100%;
            margin-top: 20px
        }

    .home-productxin .left {
        padding: 30px 0 0 0;
        width: 100%
    }

    .home-productxin .right {
        display: none
    }

    .home-productxin .left #hisSwp1 {
        margin-top: 25px
    }

    .home-productxin .left .text {
        width: 100%;
        padding-top: 0
    }

    .home-productxin .left .pic {
        width: 100%
    }

    .home-productxin .left .bt {
        font-size: 18px;
        margin-bottom: 10px
    }

    .home-productxin .left .p {
        font-size: 14px;
        line-height: 24px;
        height: 72px;
        margin-bottom: 17px
    }

    #video {
        width: 94%
    }

    .home-servicexin {
        padding: 30px 0
    }

        .home-servicexin .home-bottom {
            padding: 25px 0 0 0
        }

        .home-servicexin ul {
            margin: 0 -5px
        }

            .home-servicexin ul li {
                width: 100%;
                padding: 0 5px;
                margin-bottom: 10px
            }

                .home-servicexin ul li .bt {
                    font-size: 18px
                }

                .home-servicexin ul li .p {
                    font-size: 14px;
                    height: 120px;
                    margin-bottom: 10px
                }

    .home-newsxin {
        padding: 30px 0
    }

        .home-newsxin .home-bottom {
            padding: 25px 0 0 0
        }

        .home-newsxin .nr {
            display: block
        }

        .home-newsxin .left {
            width: 100%;
            padding-right: 0
        }

        .home-newsxin .right {
            width: 100%;
            margin-top: 20px
        }

        .home-newsxin .bt {
            font-size: 18px;
            margin-bottom: 10px
        }

        .home-newsxin .p {
            font-size: 14px;
            line-height: 24px;
            height: 72px;
            margin-bottom: 10px
        }

        .home-newsxin .span {
            font-size: 14px;
            padding: 6px 14px
        }

    .footer-logo .container {
        padding: 30px 15px
    }

    .footer-logo .right {
        font-size: 20px;
        line-height: 32px
    }

    .footer-top .center {
        width: 100%
    }

    .ltitle {
        font-size: 22px;
        margin-bottom: 10px
    }

    .footer-top .center .message ul li {
        width: 100%
    }

    .psh01 {
        padding: 30px 0 0 0
    }

        .psh01 .jsh {
            padding-top: 11px
        }

        .psh01 .jsh {
            font-size: 14px;
            line-height: 24px
        }

    .psh02 {
        padding-top: 20px
    }

        .psh02 .title1 {
            font-size: 24px;
            margin-bottom: 10px
        }

        .psh02 ul {
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 10px;
            grid-column-gap: 10px
        }

            .psh02 ul li .bt {
                font-size: 14px;
                line-height: 24px;
                padding: 10px 20px
            }

    .case03 {
        padding-bottom: 30px
    }

        .case03 .case-bottom {
            padding-top: 25px
        }

            .case03 .case-bottom ul li {
                width: 100% !important
            }

                .case03 .case-bottom ul li .box .thumb {
                    max-width: 100px
                }

                .case03 .case-bottom ul li .box {
                    padding: 25px;
                    min-height: 0
                }

    .case01 {
        padding: 30px 0
    }

        .case01 .jsh {
            font-size: 14px;
            line-height: 24px
        }

        .case01 .jsh {
            padding-top: 25px
        }

    .caselist1 {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
        padding-bottom: 30px
    }

        .caselist1 li .text .bt {
            font-size: 24px;
            margin-bottom: 6px
        }

        .caselist1 li .text .span {
            font-size: 16px
        }

    .case02 .nr .left {
        width: 100%
    }

    .case02 .nr {
        display: block
    }

        .case02 .nr .right {
            width: 100%;
            margin-top: 20px
        }

        .case02 .nr .left ul {
            grid-template-columns: 1fr 1fr;
            grid-row-gap: 8px;
            grid-column-gap: 8px
        }

        .case02 .nr .right .box {
            display: block;
            overflow: hidden
        }

            .case02 .nr .right .box .img {
                width: 100%
            }

            .case02 .nr .right .box .text {
                width: 100%;
                padding: 20px
            }

                .case02 .nr .right .box .text .bt {
                    font-size: 22px;
                    margin-bottom: 5px
                }

                .case02 .nr .right .box .text .p {
                    font-size: 14px;
                    line-height: 24px
                }

    .case02 {
        padding-bottom: 30px
    }

    .ps01 {
        padding-bottom: 30px
    }

        .ps01 .ps-bottom {
            padding-top: 25px
        }

            .ps01 .ps-bottom .img {
                width: 100%
            }

    .ps02 {
        padding-bottom: 30px
    }

        .ps02 .ps-bottom {
            padding-top: 25px
        }

        .ps02 ul {
            grid-template-columns: 1fr;
            grid-row-gap: 40px;
            grid-column-gap: 20px
        }

            .ps02 ul li .bt {
                font-size: 20px
            }

            .ps02 ul li .p {
                font-size: 14px;
                line-height: 24px;
                height: 48px
            }

            .ps02 ul li .pic {
                margin: 10px 0
            }

    .psh01 .nr {
        display: block
    }

        .psh01 .nr .left {
            width: 100%
        }

        .psh01 .nr .right {
            width: 100%;
            padding-top: 10px
        }

    #tanchuang {
        width: 96%;
        max-height: 90vh;
        overflow: auto
    }

    .buslist li .box {
        display: block;
        padding: 30px
    }

        .buslist li .box .pic {
            width: 100%
        }

        .buslist li .box .text {
            width: 100%;
            padding-left: 0;
            padding-top: 10px
        }

            .buslist li .box .text .bt {
                font-size: 30px;
                line-height: 38px;
                margin-bottom: 11px
            }

            .buslist li .box .text .pli {
                font-size: 16px;
                line-height: 30px;
                max-height: initial;
                overflow: hidden;
                padding-right: 0;
                padding-bottom: 20px
            }

    .home-ask {
        padding-top: 30px;
        padding-bottom: 30px
    }

        .home-ask .left {
            width: 100%
        }

        .home-ask .right {
            width: 100%;
            padding-left: 0
        }

        .home-ask .form ul li {
            width: 100%
        }
}