@charset "utf-8";

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: middle;
}

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

ol, ul, li {
    list-style-type: none;
    text-align: justify;
    text-justify: inter-ideograph;
}

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

button, input, select, textarea {
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    outline: none;
    resize: none;
    border: none;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

body {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    font-family: " ","SimSun", Arial, Helvetica, sans-serif;
    margin-top: 60px;
}

a {
    color: #666;
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
    transition: all ease 0.3s;
    cursor: pointer;
}

    a:hover {
        color: #005cbb;
        text-decoration: none;
    }

:focus {
    outline: none;
}

.inside_con {
    padding-top: 20px;
}
/* CSS活动的公共样式 */
.fl {
    float: left;
}

.fr {
    float: right;
}

.container {
    width: 1300px;
    margin: 0 auto;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb25 {
    margin-bottom: 25px;
}

.center {
    text-align: center;
}

.hide {
    overflow: hidden;
}

.erp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*~~~~框架布局~~~*/

body {
    overflow-x: hidden
}

.claerfix {
    clear: both;
}



.rackWor {
    padding: 0 0 50px 0
}

div.swiper-button-next, div.swiper-button-prev {
    margin-top: -35px;
}


.effect-lower {
    position: relative;
}

    .effect-lower .effect-lower-block {
        position: absolute;
        opacity: 0;
        right: 0;
        top: 91px;
        width: 150px;
        line-height: initial; /* height:50px; */
        display: block;
        border: 1px #ddd solid;
        padding: 10px 10px;
        z-index: 9;
        background: #fff;
        filter: alpha(opacity=0);
        transform-origin: 95% 0%;
        transform: scale(0.01);
        -moz-transform: scale(0.01);
        transition: all 1s;
    }

    .effect-lower:hover .effect-lower-block {
        opacity: 1;
        transform: scale(1);
    }


.rackBox {
    margin: 60px 0 20px 0;
}

div.layer-anim {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.effect-three a {
    position: relative;
    display: block;
    overflow: hidden;
}

    .effect-three a:before {
        opacity: 0;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.15);
        transition: all .4s ease-in-out;
    }

.effect-three:hover a:before {
    opacity: 1;
}

.lang-wap {
    float: right;
    margin: 10px 30px 0 0;
}

    .lang-wap a {
        display: inline-block;
        margin-left: 10px;
        color: #333;
        font-size: 14px;
        border: 1px #666 solid;
        padding: 3px 5px;
        border-radius: 5px
    }

        .lang-wap a.actice {
            color: #54b1c7;
            border: 1px #54b1c7 solid;
        }

.dynone {
    display: none;
}

.subscribe_layer {
    padding: 100px 50px 50px 50px;
    background: url(../images/y-bg-14.jpg) no-repeat center;
}

.subscribe_layer {
}

    .subscribe_layer .title {
        font-size: 36px;
        color: #000;
        line-height: 36px;
        text-align: center;
    }

    .subscribe_layer .block {
        font-size: 22px;
        color: #616161;
        line-height: 22px;
        margin-top: 25px;
        text-align: center;
        display: block;
    }

    .subscribe_layer form {
        width: 549px;
        height: 50px;
        border: 2px solid #00a6e4;
        margin-top: 56px;
        margin: 50px auto 0;
    }

    .subscribe_layer .form input {
        width: 404px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        border-radius: 2px;
        font-size: 16px;
        color: #999;
    }

    .subscribe_layer form button {
        border: none;
        background: #00a6e4;
        outline: none;
        font-size: 18px;
        color: #fff;
        width: 105px;
        height: 50px;
        cursor: pointer;
    }

        .subscribe_layer form button:hover {
            background: #666;
        }


/* 头部  */
.header {
    height: 100px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999; /*! background-image: url('../images/header-bg.jpg'); */ /*! background-repeat: no-repeat; */ /*! background-position: center center; */
    box-shadow: 0 0 10px /*rgba(0,166,288,0.7)*/ #005cbb;
    background-color: #fff;
}

    .header .container {
        position: relative;
    }

    .header .shape:before, .header .shape:after {
        content: "";
        position: absolute;
        display: inline-block;
        height: 76px;
        width: 40px;
        background-image: url(../images/shape.png);
    }

    .header .shape:before {
        top: 0;
        left: 300px;
    }

    .header .shape:after {
        top: 0;
        right: 106px;
    }

    .header .logo {
        height: 100%;
        line-height: 100px;
        margin-left: -111px;
    }

    .header .nav {
        line-height: 100px;
        height: 100px;
    }

        .header .nav .m {
            float: left;
            padding: 0px 25px;
            font-size: 16px;
            position: relative;
            z-index: 1;
            transition: all .4s;
        }

            .header .nav .m a {
                color: #fff;
                position: relative;
                font-size: 18px;
            }
            /*.header .nav .m>a:before,.header .nav .m>a:after{ opacity: 0; content: ""; position: absolute;left:-15px;top:30px; width:1px; height:0px; background:#00a6e4;transition:all 0.4s;}
.header .nav .m a:after{ left:auto; right:-15px;top:auto;bottom:26px;}*/
            .header .nav .m:hover a:before, .header .nav .m:hover a:after, .header .nav .active a:before, .header .nav .active a:after {
                opacity: 1;
                height: 20px;
            }

        .header .nav .m {
            float: left;
            text-align: center;
            position: relative;
        }

            .header .nav .m > a {
                color: #000;
                position: relative;
                display: block;
            }

        .header .nav .navSub {
            position: absolute;
            left: 0;
            top: 100%;
            background: #eee;
            line-height: 35px;
            width: 150%;
            color: #333;
            font-size: .875em;
            transform: scale(0,1);
            transition: all 0.4s;
            opacity: 0;
        }

            .header .nav .navSub li {
                border-bottom: 1px solid #ddd;
                line-height: 35px;
                width: 100%;
                background: #eee;
            }

                .header .nav .navSub li:last-child {
                    border-bottom: none;
                }

            .header .nav .navSub a {
                color: #333;
                display: block;
                font-size: 12px;
                padding: 0 20px;
            }

                .header .nav .navSub a:hover {
                    color: #fff;
                    background-color: #00a6e4
                }

        .header .nav .m:hover .navSub {
            transform: scale(1);
            opacity: 1;
        }


.headIcon {
    padding-top: 40px;
    margin-left: 18px;
    margin-right: 0px;
}

    .headIcon li {
        float: left;
        position: relative;
        margin-left: 20px;
    }

        .headIcon li a {
            display: block;
        }

            .headIcon li a:hover {
                opacity: 1;
            }

        .headIcon li.ss {
            margin-left: 0px;
        }

            .headIcon li.ss a {
                background: url('../images/topIcon.png') no-repeat;
                background-position: -100px 0;
                width: 20px;
                height: 20px;
            }

        .headIcon li.en a {
            color: #333;
            border: 1px solid #333;
            border-radius: 100%;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
            width: 20px;
            height: 20px;
        }

        .headIcon li.jp a {
            color: #333;
            border: 1px solid #333;
            border-radius: 100%;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
            width: 20px;
            height: 20px;
        }

        .headIcon li.dy a {
            background: url('../images/dyIcon.png') no-repeat;
            background-position: left center;
            padding-left: 30px;
            height: 23px;
            background-size: 23px 23px;
            color: #333;
        }

        .headIcon li.hz {
            margin-left: 70px;
            margin-top: -6px;
        }

            .headIcon li.hz a {
                width: 90px;
                border: 1px solid #000;
                color: #000;
                border-radius: 5px;
                height: 32px;
                line-height: 32px;
                text-align: center;
            }

        .headIcon li.dy a:hover {
            color: #00a6e4
        }

        .headIcon li.en a:hover, .headIcon li.jp a:hover, .headIcon li.hz a:hover {
            color: #fff;
            border: 1px #00a6e4 solid;
            background: #00a6e4;
        }

        .headIcon li.ss .effect-lower-block {
            transform-origin: 95% 0%;
            top: 25px;
            width: 300px;
        }

        .headIcon li.ss .box {
            background: #f5f5f5
        }

        .headIcon li.ss input {
            line-height: 25px;
            border: 1px #ddd solid;
            width: 210px;
            padding: 2px 10px;
            font-size: 13px;
        }

        .headIcon li.ss button {
            line-height: 25px;
            height: 30px;
            width: 40px;
            border: none;
            padding: 0 5px;
            background: #666;
            color: #fff;
            cursor: pointer;
        }

            .headIcon li.ss button:hover {
                background: #00a6e4
            }



/*  广告轮播图 */
.banner {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 738px;
}

    .banner .bd {
        height: 738;
        z-index: 0;
        position: relative;
        left: 50%;
        margin-left: -960px;
    }

        .banner .bd img {
            height: 738;
        }

    .banner .hd {
        position: absolute;
        bottom: 20px;
        text-align: center;
        z-index: 5;
        left: 50%;
        font-size: 0;
        line-height: 0;
        height: 0px;
        margin-left: -30px;
        height: 14px;
    }

        .banner .hd li {
            z-index: 2;
            cursor: pointer;
            margin-right: 5px;
            display: inline-block;
            width: 10px;
            height: 10px;
            *display: inline;
            zoom: 1;
            border-radius: 100%;
            border: 2px solid #fff;
            position: relative;
            transition: all 0.3s;
        }

            .banner .hd li:after {
                content: "";
                position: absolute;
                width: 6px;
                height: 6px;
                background: #fff;
                top: 2px;
                left: 2px;
                border-radius: 100%;
            }

            .banner .hd li:hover, .banner .hd .on {
                border: 2px solid #005cbb;
                transform: scale(1.1);
            }

                .banner .hd .on:after {
                    background: #005cbb;
                }

    .banner .prev, .banner .next {
        display: block;
        width: 40px;
        height: 60px;
        position: absolute;
        z-index: 2;
        top: 50%;
        margin-top: -30px;
        opacity: 0;
    }

    .banner .prev {
        background: url(../images/banner-pn.png) no-repeat left bottom;
        left: 50px;
    }

    .banner .next {
        background: url(../images/banner-pn.png) no-repeat right bottom;
        right: 50px;
    }

    .banner:hover .prev, .banner:hover .next {
        opacity: 1;
    }

.videoBan {
    position: relative;
    height: 800px;
    background: #000;
    overflow: hidden;
}

    .videoBan .pos {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
    }

    .videoBan .video {
        width: 100%;
        margin: 0px auto 0;
        display: table;
    }

    .videoBan .title {
        font-size: 50px;
        color: #fff;
        font-weight: 400;
        line-height: 50px;
        padding-top: 250px;
    }

    .videoBan .wx {
        font-size: 22px;
        color: #fff;
        line-height: 22px;
        padding-top: 18px;
        display: block;
    }

    .videoBan .more {
        color: #009de1;
        border: 2px solid #009de1;
        border-radius: 5px;
        display: inline-block;
        font-size: 14px;
        padding: 15px 40px;
        line-height: 14px;
        cursor: pointer;
        margin-top: 80px;
    }

        .videoBan .more:hover {
            color: #fff;
            background: #00a6e4
        }

/*产品*/
.home-prod {
    background: url(../images/home-prod-bg.jpg) no-repeat center center;
    height: 812px;
}

    .home-prod li {
        width: 50%;
        float: left;
        height: 406px;
        position: relative;
        overflow: hidden;
    }

        .home-prod li .pic {
            float: right;
            display: block;
            width: 300px;
            height: 300px;
            overflow: hidden;
            text-align: center;
            line-height: 300px;
            margin-top: 60px;
            margin-left: 30px;
            margin-right: 30px;
        }

            .home-prod li .pic img {
                max-width: 300px;
                max-height: 300px;
                transition: all .5s linear;
            }

        .home-prod li .cover {
            position: absolute;
            z-index: 1;
            left: 0;
            top: 60px;
            bottom: 0;
        }

            .home-prod li .cover h2 {
                color: #191919;
                font-size: 26px;
                font-weight: normal;
                position: relative;
            }

                .home-prod li .cover h2:after {
                    content: '';
                    position: absolute;
                    width: 30px;
                    height: 1px;
                    background-color: #0098ff;
                    bottom: -30px;
                    left: 0;
                }

            .home-prod li .cover span {
                display: block;
            }

            .home-prod li .cover .word1 {
                font-size: 12px;
                color: #333333;
                margin-top: 5px;
                text-transform: uppercase;
            }

            .home-prod li .cover p {
                font-size: 14px;
                color: #333333;
                height: 70px;
                overflow: hidden;
                margin: 60px 0 30px 0;
                width: 240px;
                line-height: 25px;
            }

            .home-prod li .cover .more {
                height: 40px;
                line-height: 40px;
                width: 100px;
                border-top: 1px solid #0098ff;
                border-bottom: 1px solid #0098ff;
                font-size: 14px;
                color: #333333;
                font-family: Arial;
                text-indent: 20px;
                position: relative;
                transition: all .5s;
            }

                .home-prod li .cover .more:before {
                    position: absolute;
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 6px solid #0098ff;
                    border-right: 6px solid transparent;
                    border-bottom: 4px solid transparent;
                    border-top: 4px solid transparent;
                    left: 8px;
                    top: 40%;
                    transition: all .5s;
                }

        .home-prod li:nth-child(1) .pic, .home-prod li:nth-child(3) .pic {
            margin-left: 0;
            margin-right: 60px;
        }

        .home-prod li:nth-child(2) .pic, .home-prod li:nth-child(4) .pic {
            float: left;
        }

        .home-prod li:nth-child(2) .cover, .home-prod li:nth-child(4) .cover {
            right: 0;
            left: 354px;
        }

        .home-prod li:hover .cover .more {
            width: 120px;
            text-indent: 30px;
            color: #0098ff;
        }

            .home-prod li:hover .cover .more:before {
                left: 18px;
            }

        .home-prod li:hover .pic img {
            transform: scale(1.1)
        }

/*案例*/
.home-case {
    background: url(../images/home-case-bg.jpg) no-repeat center center;
    height: 670px;
    overflow: hidden;
}

    .home-case .caseMenu {
        text-align: center;
        padding-top: 100px;
    }

        .home-case .caseMenu a {
            font-size: 30px;
            color: #1b1b1b;
            padding: 10px;
            position: relative;
        }
            /*.home-case .caseMenu a:nth-child(1):before{content: '';width: 1px;height: 60%;background: #999;position: absolute;right: -2px;top: 15px;}*/
            .home-case .caseMenu a.on {
                color: #0098ff;
            }

    .home-case .caseMain {
        height: 400px;
        margin-top: 50px;
    }

        .home-case .caseMain ul {
            margin-right: -20px;
        }

        .home-case .caseMain li {
            width: 433.33px;
            float: left;
        }

            .home-case .caseMain li span {
                display: block;
                width: 100%;
                height: 300px;
                overflow: hidden;
            }

                .home-case .caseMain li span img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    transition: all 0.3s linear;
                }

            .home-case .caseMain li h4 {
                font-size: 22px;
                color: #191919;
                padding: 0;
                transition: all .3s;
            }

            .home-case .caseMain li p {
                font-size: 13px;
                color: #191919;
            }

            .home-case .caseMain li:hover span img {
                transform: scale(1.1);
            }

            .home-case .caseMain li:hover h4 {
                color: #0098ff;
            }

    .home-case .picScroll-left {
        position: relative;
    }

        .home-case .picScroll-left .long {
            width: 1330px;
            margin-left: -30px;
        }

        .home-case .picScroll-left .list {
        }

            .home-case .picScroll-left .list li a {
                display: block;
                margin-left: 30px;
            }

        .home-case .picScroll-left .prev, .home-case .picScroll-left .next {
            position: absolute;
            left: -60px;
            top: 45%;
            width: 40px;
            height: 41px;
            background: #00a6e4 url(../images/line10.png) no-repeat center;
        }

        .home-case .picScroll-left .next {
            left: auto;
            right: -60px;
            transform: rotate(180deg);
        }

            .home-case .picScroll-left .prev:hover, .home-case .picScroll-left .next:hover {
                background: #999 url(../images/line10.png) no-repeat center;
            }


/* 新闻 */
.home-news {
    padding: 70px 0;
    overflow: hidden;
    background: #fff;
}

    .home-news .newsMenu {
        padding-bottom: 60px;
    }

        .home-news .newsMenu .title {
            float: left;
            font-size: 30px;
            color: #191919;
            font-weight: normal;
            line-height: 37px;
            position: relative;
        }

            .home-news .newsMenu .title:before {
                content: '';
                width: 30px;
                height: 1px;
                background: #0098ff;
                position: absolute;
                left: 0;
                bottom: -25px;
            }

            .home-news .newsMenu .title span {
                font-size: 20px;
                color: #d1d1d1;
                display: block;
                line-height: 1;
                margin-top: 5px;
            }

    .home-news .newsNav {
        float: right;
        margin-top: 32px;
    }

        .home-news .newsNav a {
            display: inline-block;
            font-size: 20px;
            color: #191919;
            position: relative;
            margin-left: 70px;
        }

            .home-news .newsNav a:before {
                content: '';
                width: 0;
                height: 1px;
                background: #0098ff;
                position: absolute;
                left: 50%;
                bottom: -30px;
                opacity: 0;
                transition: all .3s;
            }

            .home-news .newsNav a.on, .home-news .newsNav a:hover {
                color: #0098ff;
                position: relative;
                transition: all .3s;
            }

                .home-news .newsNav a.on:before, .home-news .newsNav a:hover:before {
                    left: 0;
                    width: 100%;
                    opacity: 1;
                }

    .home-news .newsMain, .home-news .newsBox {
        height: 380px;
        overflow: hidden;
    }

        .home-news .newsMain ul {
            margin-right: -16px;
        }

        .home-news .newsMain li {
            position: relative;
            background: #ededed;
            margin-right: 16px;
            float: left;
            width: 313px;
        }

            .home-news .newsMain li .pic {
                display: block;
                width: 100%;
                height: 210px;
                overflow: hidden;
            }

                .home-news .newsMain li .pic img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    transition: all .3s linear;
                }

            .home-news .newsMain li .font {
                padding: 23px 15px;
            }

                .home-news .newsMain li .font h4 {
                    color: #333;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 1;
                    margin-bottom: 20px;
                }

                .home-news .newsMain li .font p {
                    font-size: 12px;
                    color: #666666;
                    line-height: 18px;
                    height: 35px;
                    ;
                    ;
                    overflow: hidden;
                    margin-bottom: 25px;
                }

            .home-news .newsMain li .more {
                font-style: normal;
                color: #0098ff;
                padding-left: 20px;
                padding-right: 10px;
                padding-top: 5px;
                padding-bottom: 5px;
                position: relative;
                transition: all .3s;
            }

                .home-news .newsMain li .more:before {
                    position: absolute;
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 6px solid #0098ff;
                    border-right: 6px solid transparent;
                    border-bottom: 4px solid transparent;
                    border-top: 4px solid transparent;
                    left: 0;
                    top: 10px;
                    transition: all .3s;
                }

            .home-news .newsMain li .font .date {
                width: 85px;
                color: #ffffff;
                font-size: 40px;
                height: 67px;
                text-align: center;
                top: 0;
                left: 0;
                position: absolute;
                background: rgba(0,0,0,0.7);
                padding-top: 18px;
            }

                .home-news .newsMain li .font .date b {
                    font-size: 12px;
                    line-height: 1;
                    font-weight: normal;
                    display: block;
                    margin-top: 12px;
                }

            .home-news .newsMain li:hover .pic img {
                transform: scale(1.1)
            }

            .home-news .newsMain li:hover .more {
                background-color: #0098ff;
                color: #ffffff;
                padding-left: 15px;
            }

                .home-news .newsMain li:hover .more:before {
                    left: 5px;
                    border-left-color: #ffffff;
                }

/* 联系表单 */
.home-form {
    background-image: url('../images/home-form-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 421px;
    padding-top: 75px;
}

    .home-form .container {
        width: 1268px
    }

    .home-form .contact {
        width: 600px;
        height: 346px;
        background-image: url('../images/home-form-pic.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        float: left;
        padding-left: 30px;
        padding-top: 15px;
        box-sizing: border-box;
    }

        .home-form .contact li {
            overflow: hidden;
            color: #ffffff;
            font-size: 13px;
            line-height: 20px;
            opacity: 0.95;
            margin-bottom: 20px;
        }

            .home-form .contact li .icon {
                display: block;
                float: left;
                width: 30px;
                height: 30px;
                background-image: url('../images/h_form_icons.png');
                background-position: 0 0;
                background-repeat: no-repeat;
                margin-right: 10px;
            }

            .home-form .contact li.company .icon {
                background-position: 0 0
            }

            .home-form .contact li.address .icon {
                background-position: 0 -30px
            }

            .home-form .contact li.email .icon {
                background-position: 0 -60px
            }

            .home-form .contact li.tel .icon {
                background-position: 0 -90px
            }

            .home-form .contact li .font {
                float: left;
                width: 480px;
            }

            .home-form .contact li h3 {
                font-size: 18px;
            }

            .home-form .contact li p a {
                color: #fff;
            }

    .home-form .form {
        width: 665px;
        height: 346px;
        background-color: #fff;
        box-sizing: border-box;
        padding-left: 55px;
        float: left;
        padding-right: 70px;
        padding-top: 10px;
    }

        .home-form .form .desc {
            font-size: 14px;
            color: #575757;
            line-height: 22px;
        }

/* 案例列表 */

.page-work .case-module {
    padding: 60px 0 50px 0;
    background-color: #f7f7f7;
}

.page-work .caseList {
    padding-top: 40px;
}

    .page-work .caseList .bd ul, .page-work .caseList .picList {
        width: 1370px;
    }

    .page-work .caseList .bd {
        overflow: hidden;
    }

        .page-work .caseList .bd li {
            width: 414px;
            float: left;
            margin-right: 30px;
            margin-bottom: 30px;
        }

            .page-work .caseList .bd li .pic {
                display: block;
                height: 220px;
                overflow: hidden;
            }

                .page-work .caseList .bd li .pic img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    transition: all .3s linear;
                }

            .page-work .caseList .bd li .bot {
                padding: 15px 15px;
                overflow: hidden;
                background-color: #fff;
            }

            .page-work .caseList .bd li .title {
                font-size: 16px;
                color: #3d3d3d;
                text-align: center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 2px;
            }

            .page-work .caseList .bd li .font {
                font-size: 12px;
                color: #3d3d3d;
                text-align: center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 6px 0;
            }

                .page-work .caseList .bd li .font span {
                    margin-right: 30px;
                }

            .page-work .caseList .bd li .desc {
                text-indent: 2em;
                font-size: 12px;
                color: #707070;
                line-height: 20px;
                height: 40px;
                overflow: hidden;
            }

            .page-work .caseList .bd li .more {
                float: right;
                color: #00a6e4;
            }

            .page-work .caseList .bd li:hover img {
                transform: scale(1.1)
            }

            .page-work .caseList .bd li:hover .title {
                color: #00a6e4
            }

    .page-work .caseList .hd ul {
        text-align: center;
        line-height: 1px;
        margin-top: 30px;
    }

    .page-work .caseList .hd li {
        display: inline-block;
        width: 60px;
        height: 4px;
        border-radius: 4px;
        background-color: #707070;
        margin: 0 8px;
        overflow: hidden;
    }

        .page-work .caseList .hd li.on {
            background-color: #00a6e4;
        }

.page-work .partner-module {
    padding: 60px 0 90px 0;
}

    .page-work .partner-module .text-about {
        margin-bottom: 30PX;
    }

    .page-work .partner-module .text-about-pic {
        display: block;
        width: 322px;
        height: 180px;
        float: left;
        margin-right: 35px;
    }

    .page-work .partner-module .text-about-desc {
        font-size: 14px;
        color: #666;
        margin-top: 40px;
        padding: 0 80px;
    }

        .page-work .partner-module .text-about-desc p {
            margin-bottom: 35px;
            text-indent: 2em
        }

.page-work .partnerList .bd li {
    width: 260px;
    height: 130px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    padding: 15px 20px 20px 30px;
    overflow: hidden;
    float: left;
    border-top: 0;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .page-work .partnerList .bd li:nth-child(5n) {
        border-right: 0
    }

    .page-work .partnerList .bd li .pic {
        display: block;
        width: 100%;
        height: 60px;
    }

        .page-work .partnerList .bd li .pic img {
            display: block; /*! width: 100%; */
            height: 100%;
            margin: auto;
        }

    .page-work .partnerList .bd li .title {
        text-align: center;
        font-size: 14px;
        color: #3d3d3d;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        margin-top: 5px;
    }

    .page-work .partnerList .bd li:hover .title {
        color: #00a6e4
    }

.page-work .partnerList .hd ul {
    text-align: center;
    line-height: 1px;
    margin-top: 60px;
}

.page-work .partnerList .hd li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #707070;
    margin: 0 6px;
    overflow: hidden;
    text-indent: -1000px;
}

    .page-work .partnerList .hd li.on {
        background-color: #00a6e4;
    }

.page-work .partner-module .btn, .shenqing-btn {
    display: block;
    width: 250px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background-color: #00a6e4;
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition: all .3s;
    cursor: pointer;
    border-radius: 6px;
    margin: 50px auto 0;
}

    .page-work .partner-module .btn:hover, .shenqing-btn:hover {
        background-color: #0492c7;
        color: #fff;
    }


/*==案例详情↓==*/
.caseShowBox {
    margin: 100px 0 80px 0;
}

    .caseShowBox .top {
    }

        .caseShowBox .top .left {
            width: 570px;
            border: 1px #ddd solid;
            padding: 100px 50px;
            text-align: center;
        }

        .caseShowBox .top .right {
            width: 570px;
        }

            .caseShowBox .top .right .title {
                color: #191919;
                font-size: 32px;
            }

            .caseShowBox .top .right .spot {
                margin: 20px 0 30px 0;
                color: #3f3f3f;
                font-size: 16px;
                display: block;
            }

            .caseShowBox .top .right .wx {
                color: #616161;
                font-size: 14px;
            }

            .caseShowBox .top .right .center {
                margin: 50px 0;
                padding: 50px 0;
                border-top: 1px #ddd solid;
                border-bottom: 1px #ddd solid;
                clear: both;
                float: left;
                width: 100%;
            }

                .caseShowBox .top .right .center .tel {
                    float: left;
                    color: #666;
                    font-size: 12px;
                    padding-left: 40px;
                    text-align: left;
                    background: url(../images/tel02.png) no-repeat left;
                }

                    .caseShowBox .top .right .center .tel font {
                        color: #000;
                        font-size: 22px;
                        display: block; /*! text-align: left; */
                    }

                .caseShowBox .top .right .center .online {
                    float: right;
                    color: #fff;
                    font-size: 12px;
                    width: 160px;
                    text-align: center;
                    padding: 10px 10px 10px 0;
                    border-radius: 5px;
                    background: #008fdf url(../images/onlineIco.png) no-repeat 115px 15px;
                }

                    .caseShowBox .top .right .center .online:hover {
                        background: #999 url(../images/onlineIco.png) no-repeat 115px 15px;
                    }

            .caseShowBox .top .right .ewm {
                float: left;
            }

                .caseShowBox .top .right .ewm img {
                    border: 1px #ddd solid;
                    padding: 5px;
                    float: left;
                }

                .caseShowBox .top .right .ewm span {
                    float: left;
                    color: #333333;
                    font-size: 12px;
                    margin-left: 15px;
                }

                    .caseShowBox .top .right .ewm span hr {
                        margin: 5px 0 0 0;
                        border: none;
                        width: 10px;
                        height: 1px;
                        background: #999; /*! float: left; */
                        clear: both;
                    }

    .caseShowBox .con {
        margin: 50px 0 0 0
    }

        .caseShowBox .con .title {
            color: #333333;
            padding-bottom: 10px;
            margin-bottom: 50px;
            font-size: 20px;
            border-bottom: 1px #ddd solid
        }

        .caseShowBox .con .wx {
            margin-top: 40px;
            color: #616161;
            font-size: 14px;
        }

            .caseShowBox .con .wx .tit {
                color: #191919;
                font-size: 22px;
                margin-bottom: 15px;
                padding-left: 10px;
                border-left: 3px #00a6e4 solid;
                font-weight: 400;
                line-height: 20px;
            }

    .caseShowBox .relevant {
        margin-top: 100px;
    }

        .caseShowBox .relevant .title {
            position: relative;
            color: #191919;
            font-size: 18px;
            margin-bottom: 40px;
            padding-left: 10px;
            border-left: 3px #00a6e4 solid;
            font-weight: 400;
            line-height: 20px; /*! border-bottom: 1px #ddd solid; */ /*! padding-bottom: 10px; */
        }

            .caseShowBox .relevant .title:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: -15px;
                width: 100%;
                height: 1px;
                background: #ddd
            }

            .caseShowBox .relevant .title a {
                float: right;
                color: #666666;
                font-size: 12px;
                padding-left: 20px;
                background: url(../images/arrow_03.png) no-repeat left;
            }

                .caseShowBox .relevant .title a:hover {
                    color: #00a6e4
                }

        .caseShowBox .relevant .list {
            margin-top: 20px;
            width: 1320px;
            margin-left: -20px;
        }

            .caseShowBox .relevant .list li {
                float: left;
                width: 310px;
                margin: 0 0px 0 20px;
            }

                .caseShowBox .relevant .list li .pic {
                    border: 1px #ddd solid
                }

                .caseShowBox .relevant .list li h4 {
                    color: #000000;
                    font-size: 16px;
                    margin-top: 15px;
                }

                .caseShowBox .relevant .list li p {
                    color: #595959;
                    font-size: 12px;
                    margin: 10px 0;
                }

                .caseShowBox .relevant .list li b {
                    color: #00a6e4;
                    font-size: 12px;
                }

                .caseShowBox .relevant .list li:hover h4 {
                    color: #00a6e4
                }

                .caseShowBox .relevant .list li:hover b {
                }

    .caseShowBox .pfb {
        border: 1px #ddd solid;
        margin: 0 0 80px 0;
        padding: 30px 0;
    }

    .caseShowBox .picFocus {
        margin: 0 auto;
        width: 1200px; /*! border:1px solid #ccc; */
        padding: 5px;
        position: relative;
        overflow: hidden;
        zoom: 1;
    }

        .caseShowBox .picFocus .spot {
            margin-right: -5px;
            overflow: hidden;
            zoom: 1;
            margin-top: 30px; /*! text-align: center; */
            display: table;
            margin: 30px auto 0;
        }

            .caseShowBox .picFocus .spot li {
                position: relative; /*! padding-top:5px; */
                margin: 0 5px;
                float: left;
                text-align: center;
                cursor: pointer;
            }

                .caseShowBox .picFocus .spot li img {
                    width: 90px;
                    height: 65px;
                    border: 1px #999 solid;
                    cursor: pointer;
                }

                .caseShowBox .picFocus .spot li.on {
                    background: url("images/icoUp.gif") no-repeat center 0;
                }

                    .caseShowBox .picFocus .spot li.on:before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0,166,288,0.5);
                    }

                    .caseShowBox .picFocus .spot li.on img {
                        border-color: #f60;
                    }

        .caseShowBox .picFocus .list li {
            vertical-align: middle;
            height: 500px;
            line-height: 500px;
            font-size: 0;
            text-align: center;
        }

        .caseShowBox .picFocus .list img {
            max-width: 100%;
            vertical-align: middle;
            max-height: 100%;
        }


/*==内容↓==*/
.rackWor {
    margin: 80px 0 50px 0;
    min-height: 500px
}

.wor {
    color: #666;
    font-size: 16px;
    line-height: 30px;
}


/*==标题↓==*/
.titleAx {
    margin: 10px 0 10px 0;
    color: #333333;
    font-size: 30px;
    text-align: center;
}

    .titleAx hr {
        display: block;
        height: 2px;
        border: none;
        margin: 30px auto 0;
        width: 50px;
        background: #00a6e4
    }


/*==标题↓==*/
.titLine {
    position: relative;
    color: #191919;
    font-size: 18px;
    padding-left: 10px;
}

    .titLine:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 100%;
        background: #00a6e4
    }


/*==次级导航↓==*/
.menu {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px #eee solid;
    background: #f7f7f7
}

    .menu ul {
        text-align: center;
        width: 100%;
    }

    .menu li {
        display: inline-block;
    }

        .menu li a {
            display: block;
            padding: 0 20px;
            color: #888;
            font-size: 16px;
        }

        .menu li:hover a, .menu li .active {
            color: #333333;
        }


/*==面包屑↓==*/
.site {
    margin: 30px 0 50px 0;
    color: #666666;
    text-align: right;
}

    .site .home {
        padding-left: 25px;
        background: url(../images/home_ico.png) no-repeat left;
    }

    .site a {
        color: #666;
    }

        .site a:hover {
            color: #54b1c7
        }


/*==搜索↓==*/
.ProductListBox.pb-search .list-product li {
    width: 610px;
    clear: initial;
    margin: 0 20px 40px 20px
}

    .ProductListBox.pb-search .list-product li .pic {
        width: 100%;
        margin-right: 0px;
    }

    .ProductListBox.pb-search .list-product li h4 {
        width: 100%;
        display: inline-block; /*! clear: both; */ /*! float:left; */ /*! width:100%; */
    }

    .ProductListBox.pb-search .list-product li p {
        width: 100%;
        display: inline-block;
    }

    .ProductListBox.pb-search .list-product li b {
        clear: both;
        display: inline-block;
    }


/*==底部联系表单↓==*/
.message {
    padding: 80px 0;
    background: url(../images/messageBg.jpg) no-repeat center;
}

    .message .left {
        width: 604px;
        height: 340px;
        padding: 45px 20px 20px 30px;
        background: url(../images/messageBg02.jpg) no-repeat center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .message .left span {
            padding-left: 40px;
            display: block;
            color: #fff;
            font-size: 16px;
            margin: 0 0 25px 0;
            line-height: 23px;
        }

            .message .left span font {
                font-size: 14px; /*! line-height: normal; */
            }

            .message .left span.company {
                background: url(../images/ico301.png) no-repeat left;
            }

            .message .left span.add {
                background: url(../images/ico302.png) no-repeat left;
            }

            .message .left span.mail {
                background: url(../images/ico303.png) no-repeat left;
            }

            .message .left span.tel {
                background: url(../images/ico304.png) no-repeat left;
            }

            .message .left span.Mobile {
                background: url(../images/ico305.png) no-repeat left;
            }

    .message .right {
        width: 566px;
        height: 300px;
        padding: 20px 100px 20px 30px;
        background: #fff;
    }

        .message .right p {
            margin-bottom: 15px;
            color: #575757;
            font-size: 14px;
        }

        .message .right input {
            width: 220px;
            line-height: 20px;
            margin: 0 0 10px 0;
            border: 2px #b4b4b5 solid;
            border-radius: 5px;
            padding: 10px 10px 10px 15px;
        }

            .message .right input:nth-child(1), .message .right input:nth-child(3) {
                margin-right: 30px;
            }

        .message .right textarea {
            width: 505px;
            height: 50px;
            border: 2px #b4b4b5 solid;
            border-radius: 5px;
            padding: 10px 10px 10px 15px;
        }

        .message .right button {
            margin-top: 10px;
            color: #00a6e4;
            border: 2px #00a6e4 solid;
            border-radius: 5px;
            padding: 10px 20px;
            font-size: 14px;
            background: #fff;
            cursor: pointer;
            transition: all .4s ease-in-out;
        }

            .message .right button:hover {
                color: #fff;
                background: #00a6e4;
            }


/*==新闻↓==*/
.NewsListBox {
    margin: 70px 0 0 0;
}

    .NewsListBox .left {
        width: 910px;
    }

        .NewsListBox .left .list {
        }

            .NewsListBox .left .list li {
                border-bottom: 1px #ddd dotted;
                margin-bottom: 30px;
                padding-bottom: 30px;
                overflow: hidden;
            }

                .NewsListBox .left .list li .pic {
                    float: left;
                    width: 230px;
                    border: 4px #ddd solid;
                    margin-right: 40px;
                }

                .NewsListBox .left .list li .rt {
                    width: 640px;
                }

                .NewsListBox .left .list li h4 {
                    color: #333333;
                    font-size: 18px;
                }

                    .NewsListBox .left .list li h4 font {
                        float: right;
                        position: relative;
                        color: #888;
                        font-size: 14px;
                    }

                        .NewsListBox .left .list li h4 font:before {
                            content: "";
                            position: absolute;
                            left: -75px;
                            top: 12px;
                            width: 60px;
                            height: 1px;
                            background: #ddd
                        }

                .NewsListBox .left .list li p {
                    margin: 20px 0 20px 0;
                    color: #666666;
                    font-size: 14px;
                }

                .NewsListBox .left .list li b {
                    color: #fff;
                    font-size: 14px;
                    padding: 5px 10px;
                    border-radius: 5px;
                    background: #00a6e4
                }

                .NewsListBox .left .list li:hover h4 {
                    color: #00a6e4
                }

                .NewsListBox .left .list li:hover b {
                    background: #666
                }

    .NewsListBox .right {
        width: 290px;
        padding: 20px 20px;
        background: #f4f4f4;
    }

        .NewsListBox .right .title {
            margin: 0 0 20px 0;
            color: #333333;
            font-size: 22px;
        }

            .NewsListBox .right .title a {
                float: right;
                color: #888888;
                font-size: 12px;
            }

                .NewsListBox .right .title a:hover {
                    color: #00a6e4
                }

        .NewsListBox .right .list {
        }

            .NewsListBox .right .list li {
                clear: both;
            }

                .NewsListBox .right .list li.one {
                    position: relative;
                    margin-bottom: 20px;
                }

                    .NewsListBox .right .list li.one h4 {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        color: #fff;
                        font-size: 14px;
                        padding: 5px 10px 5px 10px; /*! margin-bottom:20px; */
                        background: rgba(0,0,0,0.5);
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                    }

                .NewsListBox .right .list li.two {
                    margin: 8px 0;
                }

                    .NewsListBox .right .list li.two a {
                        color: #666666;
                        font-size: 14px;
                    }

                        .NewsListBox .right .list li.two a:hover {
                            color: #00a6e4
                        }


/*==加入我们↓==*/
.joinBox {
    margin: 70px 0 100px 0;
}

    .joinBox .titleAx {
        margin: 10px 0 50px 0
    }

    .joinBox .list {
    }

        .joinBox .list li {
            clear: both;
            margin: 0 0 5px 0;
            cursor: pointer;
        }

            .joinBox .list li h3 {
                padding: 20px 20px;
                background: #f4f4f4;
            }

                .joinBox .list li h3 b {
                    color: #999;
                    font-size: 20px;
                    font-weight: 400;
                    padding: 20px 0 20px 50px;
                    background: url(../images/ico401.png) no-repeat left;
                    background-size: 40px;
                }

                .joinBox .list li h3 span {
                    float: right;
                    font-size: 14px;
                    color: #999;
                }

            .joinBox .list li .answer {
                display: none;
                margin: 20px 0
            }

                .joinBox .list li .answer .tit {
                    color: #666;
                    font-size: 16px;
                }

                .joinBox .list li .answer .wx {
                    color: #999;
                    font-size: 14px;
                    padding-left: 100px
                }

                .joinBox .list li .answer .border {
                    border-bottom: 1px #ddd dotted;
                    padding-bottom: 30px;
                    margin-bottom: 30px;
                }

                .joinBox .list li .answer .more {
                    display: table;
                    color: #fff;
                    font-size: 16px;
                    margin: 30px auto 0;
                    border-radius: 5px;
                    padding: 10px 40px;
                    background: #0070be;
                }

                    .joinBox .list li .answer .more:hover {
                        background: #666;
                    }


/*==联系我们↓==*/
.contactBox {
    margin: 70px 0 100px 0;
}

    .contactBox .long {
        margin: 30px 0 0 0;
        height: 400px;
    }

        .contactBox .long .left {
            width: 648px;
            height: 100%;
        }

            .contactBox .long .left #dituContent {
                height: 100%
            }

        .contactBox .long .right {
            width: 650px;
            height: 100%;
            border: 1px #ddd solid;
            padding: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .contactBox .long .right .title {
                color: #333333;
                font-size: 24px;
            }

            .contactBox .long .right .tel {
                position: relative;
                margin-top: 20px;
                color: #333333;
                font-size: 14px;
                display: block;
            }

                .contactBox .long .right .tel:before {
                    content: "";
                    position: absolute;
                    left: 0px;
                    top: 25px;
                    width: 10px;
                    height: 2px;
                    background: #00a6e4;
                }

                .contactBox .long .right .tel:after {
                    content: "";
                    position: absolute;
                    left: 13px;
                    top: 25px;
                    width: 25px;
                    height: 2px;
                    background: #00a6e4;
                }

                .contactBox .long .right .tel font {
                    margin-top: 20px;
                    font-size: 30px;
                    color: #00c6c7;
                    display: block;
                }

            .contactBox .long .right .wx {
                margin-top: 20px;
                color: #333333;
                font-size: 14px;
                display: block;
            }

            .contactBox .long .right .add2 {
                margin-top: 20px;
                color: #333333;
                font-size: 14px;
                display: block;
            }

                .contactBox .long .right .add2 font {
                    font-size: 19px;
                    color: #333
                }

            .contactBox .long .right .ewm {
                color: #666666;
                font-size: 12px;
                text-align: center;
                display: block;
            }

                .contactBox .long .right .ewm img {
                    display: block;
                    margin: 0 auto 10px;
                    width: 120PX;
                }

            .contactBox .long .right .online {
                margin: 50px auto 0;
                color: #fff;
                font-size: 14px;
                padding: 8px 20px;
                background: #00a6e4;
                display: block;
                border-radius: 20px;
                text-align: center;
            }

                .contactBox .long .right .online:hover {
                    background: #666;
                }

            .contactBox .long .right .lt {
            }

            .contactBox .long .right .rt {
                margin-top: 50px;
                width: 150px;
            }


/*==联系我们↓==*/
.contact {
    margin-bottom: 50px;
}

    .contact .box {
        margin: 50px 0 30px 0;
    }


/*==方案-1-↓==*/
.plan01Box {
    margin: 60px 0 80px 0;
}

    .plan01Box .title {
        color: #191919;
        font-size: 34px;
        text-align: center;
        margin: 30px 0
    }

    .plan01Box .long-1 {
        padding: 30px 0 50px 0; /*! border-bottom:1px #ddd solid */
    }

        .plan01Box .long-1 .container {
            margin: auto;
            width: 800px;
        }

        .plan01Box .long-1 .titLine {
            margin-bottom: 50px; /*! clear: both; */ /*! overflow: hidden; */
        }

        .plan01Box .long-1 p {
            color: #616161;
            font-size: 16px;
            line-height: 1.75;
        }

        .plan01Box .long-1 .list {
            margin-top: 70px;
            overflow: hidden;
            padding: 0 20px;
        }

            .plan01Box .long-1 .list li {
                position: relative;
                float: left;
                width: 100px;
                text-align: center;
                margin-bottom: 30px;
            }

                .plan01Box .long-1 .list li img {
                    max-width: 90px;
                    display: block;
                    margin: auto;
                }

                .plan01Box .long-1 .list li h4 {
                    color: #333;
                    font-sizE: 16px;
                    margin-top: 10px;
                }

                .plan01Box .long-1 .list li.line {
                    margin-right: 120px;
                }

                    .plan01Box .long-1 .list li.line:before, .plan01Box .long-1 .list li:after {
                        content: "";
                        position: absolute;
                        top: 50px;
                    }

                    .plan01Box .long-1 .list li.line:before {
                        right: -110px;
                        width: 100px;
                        height: 1px;
                        border-top: 1px #00a6e4 dashed;
                    }

                    .plan01Box .long-1 .list li.line:after {
                        right: -110px;
                        top: 47px;
                        width: 8px;
                        height: 8px;
                        border-radius: 50%;
                        background: #00a6e4;
                    }

    .plan01Box .long-2 {
        position: relative;
        height: 366px;
        margin: 120px 0 65px 0; /*! margin:50px 0; */
        background: url(../images/bg101.jpg) no-repeat center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .plan01Box .long-2 .container {
            position: relative; /*! padding:0 100px; */
            width: 1100px;
        }

        .plan01Box .long-2 .pic {
            position: absolute;
            top: -100px;
            left: 50px;
            width: 336px;
        }

        .plan01Box .long-2 .right {
            margin: 90px 0 50px 0;
        }

            .plan01Box .long-2 .right .titLine {
                margin: 0 50px 20px 0px;
                float: left;
                width: 190px;
                color: #fff;
            }

        .plan01Box .long-2 p {
            color: #f2f2f2;
            font-size: 16px; /*! margin-top:50px; */
            margin-left: 100px;
            display: block;
            clear: both;
            line-height: 1.75;
        }

    .plan01Box .long-3 {
        position: relative;
        margin: 50px 0 20px 0;
        padding-bottom: 70px;
    }

        .plan01Box .long-3:before {
            content: "";
            position: absolute;
            left: -50%;
            bottom: 0;
            width: 200%;
            height: 1px;
            background: #ddd
        }

        .plan01Box .long-3 .pic {
            position: relative;
            width: 100%;
            margin-bottom: 30px
        }

            .plan01Box .long-3 .pic .BigPic {
                max-width: 100%
            }

        .plan01Box .long-3 .spot {
            background: #e5e5e5;
            overflow: hidden;
        }

            .plan01Box .long-3 .spot li {
                float: left;
                width: 16.6666%;
                box-sizing: border-box;
                border-right: 1px #bbb solid;
                text-align: center;
            }

                .plan01Box .long-3 .spot li:last-child {
                    border: none
                }

                .plan01Box .long-3 .spot li a {
                    display: block;
                    padding: 15px 10px;
                    color: #181818;
                    font-size: 18px;
                }

                    .plan01Box .long-3 .spot li a:hover, .plan01Box .long-3 .spot li.active a {
                        color: #fff;
                        background: #00a6e4;
                    }
        /**/
        .plan01Box .long-3 .pic a {
            display: block;
            position: absolute;
            z-index: 1;
            width: 150px;
            height: 50px;
        }

            .plan01Box .long-3 .pic a.x1 {
                left: 305px;
                top: 115px;
            }

            .plan01Box .long-3 .pic a.x2 {
                left: 590px;
                top: 221px;
            }

            .plan01Box .long-3 .pic a.x3 {
                left: 850px;
                top: 250px;
            }

            .plan01Box .long-3 .pic a.x4 {
                left: 1060px;
                top: 400px;
            }

            .plan01Box .long-3 .pic a.x5 {
                left: 973px;
                top: 828px;
            }

            .plan01Box .long-3 .pic a.x6 {
                left: 624px;
                top: 895px;
            }

            .plan01Box .long-3 .pic a.x7 {
                left: 313px;
                top: 810px;
            }

            .plan01Box .long-3 .pic a.x8 {
                left: 570px;
                top: 500px;
            }


            .plan01Box .long-3 .pic a em:before {
                -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
            }

            .plan01Box .long-3 .pic a em:after {
                -webkit-animation-delay: 0.8s;
                animation-delay: 0.8s;
            }

        .plan01Box .long-3 .pic em:before, .plan01Box .long-3 .pic em:after {
            content: "";
            background: rgba(0,166,288,0.9);
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 999;
            opacity: 0;
            margin: 0;
            width: 30px;
            height: 30px;
            -webkit-animation: ball-scale-multiple 1.2s 0s linear infinite;
            animation: ball-scale-multiple 1.2s 0s linear infinite;
        }

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

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

.plan01Box .long-3 .pic em {
    position: relative;
    left: 8px;
    top: 28px;
    float: left;
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px); /* transform: translateY(-30px); */
}

.plan01Box .long-3 .pic a font {
    float: left;
    margin: 0px 0 0 10px;
}
/**/
.planClick {
    padding: 60px;
    box-shadow: 0 0 10px #00a6e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.plan01Box .layui-layer {
    width: 1300px;
    min-width: 1300px;
    max-width: 1300px;
    box-shadow: 0 0 10px rgba(0,166,288,0.5); /*! padding: 0px; */
}

.plan01Box .layui-layer-setwin .layui-layer-close2 {
    top: 9px;
    right: 0;
    background: #00a6e4 url(../images/arrow_06.png) no-repeat center;
}

    .plan01Box .layui-layer-setwin .layui-layer-close2:hover {
        background: #999 url(../images/arrow_06.png) no-repeat center;
        ;
    }

.plan01Box .layui-layer-ico {
    border-radius: 50%;
}
/**/
.plan01Box .planClick {
    height: 530px;
}

    .plan01Box .planClick .left {
        width: 500px;
    }

        .plan01Box .planClick .left img {
            max-width: 100%;
        }

    .plan01Box .planClick .right {
        width: 600px;
    }

        .plan01Box .planClick .right .tit {
            color: #191919;
            font-size: 36px;
            margin-bottom: 50px;
        }

        .plan01Box .planClick .right .block {
            position: relative;
            font-size: 14px;
            color: #555555;
            padding-left: 40px;
            display: block;
            margin-bottom: 20px;
        }

            .plan01Box .planClick .right .block font {
                font-size: 18px;
                color: #191919;
                margin-bottom: 5px;
            }

            .plan01Box .planClick .right .block em {
                position: absolute;
                left: 0;
                top: 5px;
                border-radius: 50%;
                ;
                color: #fff;
                font-size: 16px;
                line-height: 30px;
                text-align: center;
                background: #00a6e4;
                font-style: normal;
                width: 30px;
                height: 30px;
            }

        .plan01Box .planClick .right .wx {
            position: relative;
            font-size: 14px;
            color: #555555;
            display: block;
            margin-bottom: 20px;
        }
/**/
.plan01Box .orientation {
    margin: 10px 0 0 0;
}

    .plan01Box .orientation .picScroll-left {
        position: relative;
        margin-top: 60px;
    }

        .plan01Box .orientation .picScroll-left .long {
            width: 1315px;
            margin-left: -15px;
        }

        .plan01Box .orientation .picScroll-left .list {
        }

            .plan01Box .orientation .picScroll-left .list li {
                float: left;
                width: 260px;
            }

                .plan01Box .orientation .picScroll-left .list li a {
                    display: block;
                    margin-left: 15px;
                }

                .plan01Box .orientation .picScroll-left .list li img {
                    max-width: 100%;
                }

        .plan01Box .orientation .picScroll-left .prev, .plan01Box .orientation .picScroll-left .next {
            position: absolute;
            left: -60px;
            top: 40%;
            width: 40px;
            height: 41px;
            background: #00a6e4 url(../images/line10.png) no-repeat center;
        }

        .plan01Box .orientation .picScroll-left .next {
            left: auto;
            right: -60px;
            transform: rotate(180deg);
        }

            .plan01Box .orientation .picScroll-left .prev:hover, .plan01Box .orientation .picScroll-left .next:hover {
                background: #999 url(../images/line10.png) no-repeat center;
            }

        .plan01Box .orientation .picScroll-left .spot {
            text-align: center;
            margin-top: 30px
        }

            .plan01Box .orientation .picScroll-left .spot li {
                position: relative;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                margin: 0px 3px;
                width: 20px;
                height: 20px;
                text-align: center;
            }

                .plan01Box .orientation .picScroll-left .spot li:before {
                    content: "";
                    position: absolute;
                    left: 6px;
                    top: 7px;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    cursor: pointer;
                    background: #aaa
                }

                .plan01Box .orientation .picScroll-left .spot li.on {
                    color: #00a6e4;
                }

                    .plan01Box .orientation .picScroll-left .spot li.on:before {
                        opacity: 0
                    }


/*==关于我们↓==*/
.AboutBox {
    margin: 50px 0;
}

    .AboutBox .brief {
        margin: 20px 0;
    }

        .AboutBox .brief .big {
            margin: 20px 0 0 0;
        }

        .AboutBox .brief .lg {
            float: left;
            width: 230px;
            border-right: 1px #00a6e4 solid
        }

        .AboutBox .brief .wx {
            float: left;
            color: #4e4e4e;
            font-size: 14px;
            width: 100%;
            padding: 30px 20px 0 0px;
        }

            .AboutBox .brief .wx .title {
                color: #000000;
                font-size: 26px;
                margin-bottom: 20px;
            }

.honorBox {
    margin: 30px 0;
}

    .honorBox .picScroll-left {
        position: relative;
        margin-top: 40px;
    }

        .honorBox .picScroll-left .long {
            width: 1315px;
            margin-left: -15px;
        }

        .honorBox .picScroll-left .list {
        }

            .honorBox .picScroll-left .list li {
                float: left;
                width: 328.75px;
                text-align: center;
            }

                .honorBox .picScroll-left .list li a {
                    display: block;
                    margin-left: 15px;
                    padding: 20px;
                    background: #f7f7f7;
                }

                .honorBox .picScroll-left .list li img {
                    max-width: 100%;
                }

                .honorBox .picScroll-left .list li h4 {
                    margin-top: 10px;
                    color: #666666;
                    font-size: 14px;
                }

                .honorBox .picScroll-left .list li:hover h4 {
                    color: #00a6e4
                }

        .honorBox .picScroll-left .prev, .honorBox .picScroll-left .next {
            position: absolute;
            left: -60px;
            top: 40%;
            width: 40px;
            height: 41px;
            border-radius: 50%;
            background: #b6b6b6 url(../images/arrow_04.png) no-repeat center;
        }

        .honorBox .picScroll-left .next {
            left: auto;
            right: -60px;
            transform: rotate(180deg);
        }

            .honorBox .picScroll-left .prev:hover, .honorBox .picScroll-left .next:hover {
                background: #00a6e4 url(../images/arrow_04.png) no-repeat center;
            }

    .honorBox .patent {
        margin-top: 50px
    }

        .honorBox .patent img {
            max-width: 100%
        }


/*==新闻详细页↓==*/
.newsDetail {
    float: left;
    width: 100%;
}

    .newsDetail h2 {
        margin: 20px 0 0 0;
        font-size: 24px;
        line-height: 26px;
        text-align: center;
        color: #333;
        padding-bottom: 15px;
        font-weight: normal;
    }

    .newsDetail .msg {
        text-align: center;
        border-bottom: 1px solid #e7e7e7;
        font-family: "宋体";
        font-size: 14px;
        padding: 10px 0 15px 0;
    }

        .newsDetail .msg span {
            padding: 0 7px;
            color: #999;
        }

        .newsDetail .msg .fonts a {
            padding: 0 3px;
        }

        .newsDetail .msg a.active {
            font-weight: bold;
            color: #9a6834;
        }

    .newsDetail .detailCont {
        padding: 50px 0;
        line-height: 26px;
        overflow: hidden;
    }

        .newsDetail .detailCont embed {
            width: 70%;
            height: 500px;
            margin: auto;
            display: block;
        }

        .newsDetail .detailCont .pic {
            text-align: center;
            padding-bottom: 20px
        }

.pagIng {
    border-top: 1px solid #dadada;
    padding: 30px 15px;
    overflow: hidden;
}

    .pagIng .fl { /*! width:100%; */
        height: 60px;
        padding-right: 30px; /*! border-right:1px solid #dadada; */
    }

        .pagIng .fl a:hover {
            color: #54b1c7
        }

        .pagIng .fl a {
            display: block;
            height: 30px;
            line-height: 30px; /*! font-size: 15px; */
        }

    .pagIng .fr {
        line-height: 28px;
        display: block;
        width: 85px;
        height: 28px;
        margin-top: 16px;
        text-align: center;
        color: #fff;
        border-radius: 2px;
        background: #54b1c7;
    }

        .pagIng .fr:hover {
            background: #000;
            color: #fff;
        }

.recTitle {
    padding-left: 20px;
    height: 35px;
    line-height: 35px;
    background: url(../images/page_line.jpg) no-repeat 10px 12px #eee;
    font-weight: bold;
    color: #333;
    font-weight: normal;
    margin-top: 20px;
}

.relNews {
    overflow: hidden;
    margin-top: 15px;
}

    .relNews ul {
        width: 100%;
    }

        .relNews ul li {
            float: left;
            margin: 0 1%;
            width: 48%;
            height: 28px;
            line-height: 28px;
        }

            .relNews ul li a {
                display: block;
                width: 200px;
                line-height: 28px;
                background: url(../images/arrow_02.png) no-repeat left center;
                padding-left: 15px;
                float: left;
                font-size: 12px;
            }

                .relNews ul li a:hover {
                    background: url(../images/arrow_one.png) no-repeat left center;
                    margin-left: 5px;
                }

            .relNews ul li span {
                float: right;
                color: #999;
            }


/*==荣誉资质↓==*/
.list-honor {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .list-honor li { /* position: relative; */
        display: inline-block;
        width: 274px; /* height: 350px; */
        margin: 0 10px 20px 10px;
        padding: 10px;
        border: 1px #dedede solid;
        border-radius: 10px;
        background: #f9f9f9;
    }

        .list-honor li .imgBox {
            width: 100%;
            height: 100%;
            vertical-align: middle;
            display: table-cell;
            text-align: center;
            height: 350px;
            background: #F9F9F9;
        }

    .list-honor img {
        max-width: 100%; /* height: 350px; */
        vertical-align: middle;
        display: block;
        width: 100%;
        border: 1px #ddd solid;
    }

    .list-honor li figure {
        vertical-align: middle;
        display: table-cell;
        text-align: center; /* height: 350px; */ /* background: #fff; */
    }

    .list-honor .imghvr-shutter-in-out-diag-1 figcaption em {
        margin-top: 120px;
    }

    .list-honor .imghvr-shutter-in-out-diag-1:after, .list-honor .imghvr-shutter-in-out-diag-1:before {
        width: 200%;
        height: 100%;
    }

    .list-honor h4 {
        width: 100%;
        text-align: center;
        color: #666;
        font-size: 15px;
        padding: 15px 0 5px 0;
        border-top: 1px #eee solid;
    }

    .list-honor li:hover h4 {
        color: #ed670d
    }


/*==产品↓==*/
.ProductListBox {
}

    .ProductListBox .left {
        width: 100%;
    }

        .ProductListBox .left .list {
        }

    .ProductListBox .title {
        margin: 60px 0 35px 0;
        color: #3d3d3d;
        font-size: 24px;
    }

    .ProductListBox .left .title {
        font-weight: bold;
    }

    .ProductListBox .list-product li {
        width: 100%;
        border: 1px #ddd solid;
        padding: 30px;
        margin: 0 0 30px 0;
        clear: both;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .ProductListBox .list-product li a {
            display: block
        }

        .ProductListBox .list-product li .pic {
            float: left;
            width: 400px;
            margin-right: 30px;
        }

        .ProductListBox .list-product li h4 {
            color: #3d3d3d;
            font-size: 22px;
            margin-top: 30px; /*! float: left; */
        }

        .ProductListBox .list-product li p {
            margin: 15px 0 20px 0;
            color: #707070;
            font-size: 14px;
        }

        .ProductListBox .list-product li b {
            margin-top: 0px;
            color: #fff;
            font-size: 14px;
            padding: 5px 10px;
            border-radius: 5px;
            background: #00a6e4
        }

        .ProductListBox .list-product li:hover h4 {
            color: #00a6e4
        }

        .ProductListBox .list-product li:hover b {
            background: #666
        }

    .ProductListBox .right {
        width: 300px;
        margin-top: 60px;
        border: 1px #ddd solid
    }

        .ProductListBox .right .title {
            padding-left: 40px;
        }

        .ProductListBox .right .ico {
            padding: 20px 0 40px 0;
            clear: both;
            float: left;
            width: 100%;
        }

            .ProductListBox .right .ico li {
                float: left;
                width: 50%;
                text-align: center;
                color: #999;
                font-size: 16px;
                margin: 0 0 30px 0;
            }

                .ProductListBox .right .ico li img {
                    display: block;
                    width: 60px;
                    margin: 0 auto 5px;
                }

        .ProductListBox .right .bottomTitle {
            color: #fff;
            font-size: 24px;
            padding: 20px 0 20px 0;
            text-align: center;
            background: #00a6e4;
            float: left;
            width: 100%;
        }


/*==产品详情↓==*/
.ProductShow {
}

    .ProductShow .top {
        margin: 80px auto 80px;
        width: 1200px;
    }

        .ProductShow .top h2.title {
            color: #00a6e4;
            font-size: 25px;
            margin-bottom: 30px;
        }

        .ProductShow .top .left {
            width: 600px;
        }

            .ProductShow .top .left img {
                max-width: 100%;
                height: 300px;
                margin: 0 auto;
                display: block;
            }

        .ProductShow .top .right {
            width: 550px;
            padding: 50px 0 0 50px;
            color: #666;
            font-size: 14px;
        }

            .ProductShow .top .right .return {
                margin-top: 30px;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                padding: 5px 35px;
                background: #00a6e4
            }

                .ProductShow .top .right .return:hover {
                    background: #666;
                }

            .ProductShow .top .right p {
                color: #707070;
                font-size: 16px;
                line-height: 1.75;
            }

    .ProductShow .tab {
        margin: 50px 0 0 0;
    }

        .ProductShow .tab .tone {
            margin-bottom：20px;
            background: #00a6e4;
            overflow: hidden;
        }

            .ProductShow .tab .tone li {
                float: left;
                width: 195.83px;
                border-right: 1px #ddd solid;
                text-align: center;
                color: #fff;
                font-size: 16px;
                padding: 10px 10px;
                cursor: pointer;
            }

.ProductShow-1 .tab .tone li {
    width: 304px;
}

.ProductShow .tab .tone li:last-child {
    border: none
}

.ProductShow .tab .tone li.active {
    color: #333;
    background: #f0f0f0;
}

.ProductShow .tab .down {
    margin: 0px 0 0px 0;
}

    .ProductShow .tab .down .box {
        display: none;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .ProductShow .tab .down .wx {
        color: #666666;
        font-size: 16px;
        line-height: 1.75;
    }
/*a1*/
.ProductShow .tab .describe .advantage-product {
    margin-top: 70px;
}

.advantage-product .tit {
    color: #3d3d3d;
    font-size: 24px;
    margin-bottom: 50px;
    ;
}

.advantage-product span {
    float: left;
    display: block;
    width: 324px;
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    padding-left: 65px;
    padding-right: 40px;
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 106px;
}

    .advantage-product span font {
        display: block;
        margin-bottom: 10px;
        color: #333;
        font-size: 18px;
    }

    .advantage-product span.i1 {
        background-image: url(../images/ico501.png);
    }

    .advantage-product span.i2 {
        background-image: url(../images/ico502.png);
    }

    .advantage-product span.i3 {
        background-image: url(../images/ico503.png);
    }

    .advantage-product span.i4 {
        background-image: url(../images/ico504.png);
    }

    .advantage-product span.i5 {
        background-image: url(../images/ico505.png);
    }

    .advantage-product span.i6 {
        background-image: url(../images/ico506.png);
    }

    .advantage-product span.i7 {
        background-image: url(../images/ico507.png);
    }

    .advantage-product span.i8 {
        background-image: url(../images/ico508.png);
    }

    .advantage-product span.i9 {
        background-image: url(../images/ico509.png);
    }

    .advantage-product span.i10 {
        background-image: url(../images/ico510.png);
    }

/*a2*/
.ProductShow .tab .down .box.specifications {
    margin-top: 0px
}

.ProductShow .tab .specifications .left {
    width: 390px;
    padding: 20px 30px;
    background: #faf8f5;
}

    .ProductShow .tab .specifications .left .tit {
        color: #565656;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .ProductShow .tab .specifications .left .block {
        position: relative;
        display: block;
        margin-bottom: 10px;
        color: #4b4b4b;
        font-size: 14px;
        padding-left: 25px;
    }

        .ProductShow .tab .specifications .left .block:before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            display: block;
            width: 15px;
            height: 15px;
            border: 1px #00a6e4 solid;
            background: #fff;
        }

    .ProductShow .tab .specifications .left p {
        color: #565656;
        font-size: 14px;
        margin-top: 40px
    }

.ProductShow .tab .specifications .right {
    width: 815px;
    padding: 30px 0
}

    .ProductShow .tab .specifications .right img {
        max-width: 100%
    }

/*a3*/
.ProductShow .tab .parts {
}

    .ProductShow .tab .parts .list {
        width: 1330px;
        margin-left: -30px;
    }

        .ProductShow .tab .parts .list li {
            float: left;
            width: 572px;
            border: 1px #ddd solid;
            padding: 50px 30px 30px 30px;
            box-shadow: 0 0 10px #ddd;
            margin-left: 30px;
        }

            .ProductShow .tab .parts .list li a {
                display: block; /*! cursor: none; */
            }

            .ProductShow .tab .parts .list li img {
                float: left;
                width：100px;
                margin-right: 30px;
            }

            .ProductShow .tab .parts .list li h4 {
                color: #38393d;
                font-size: 20px;
            }

            .ProductShow .tab .parts .list li p {
                color: #707070;
                font-size: 14px;
                margin-top: 20px;
            }

            .ProductShow .tab .parts .list li:hover {
                border: 1px #00a6e4 solid;
            }

                .ProductShow .tab .parts .list li:hover h4 {
                    color: #00a6e4
                }

/*a4*/
.ProductShow .tab .picture .picBtnTop {
    width: 100%;
    height: 600px; /*! border:1px solid #ccc; */ /*! padding:5px; */
    position: relative;
    overflow: hidden;
    zoom: 1;
    padding: 80px;
    background: #f9f9f9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .ProductShow .tab .picture .picBtnTop .spot {
        width: 295px;
        height: 214px;
        position: absolute;
        right: 75px;
        overflow: hidden;
        z-index: 5;
    }

        .ProductShow .tab .picture .picBtnTop .spot li {
            width: 93px;
            text-align: center;
            padding: 0 0 5px 5px;
            float: left;
        }

            .ProductShow .tab .picture .picBtnTop .spot li img {
                width: 85px;
                height: 60px;
                border: 2px solid #ddd;
                cursor: pointer;
                vertical-align: bottom;
            }

            .ProductShow .tab .picture .picBtnTop .spot li.on {
                background: url("images/icoleft.gif") no-repeat 0 28px;
            }

                .ProductShow .tab .picture .picBtnTop .spot li.on img {
                    border-color: #00a6e4;
                }

    .ProductShow .tab .picture .picBtnTop .list {
        width: 800px;
        height: 450px;
        position: relative;
    }

        .ProductShow .tab .picture .picBtnTop .list li {
            width: 800px;
            position: relative;
            zoom: 1;
            vertical-align: middle;
        }

            .ProductShow .tab .picture .picBtnTop .list li .pic {
                position: relative;
                z-index: 0;
                background: #fff;
                text-align: center;
            }

                .ProductShow .tab .picture .picBtnTop .list li .pic img {
                    max-width: 100%;
                    height: 450px;
                    vertical-align: bottom;
                }

/*a5*/
.ProductShow .tab .manual {
}

    .ProductShow .tab .manual table {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }

        .ProductShow .tab .manual table thead {
            background: #d7e3ed;
        }

            .ProductShow .tab .manual table thead th {
                color: #3e3e3e;
                font-size: 16px;
                padding: 15px;
            }

        .ProductShow .tab .manual table tbody {
        }

            .ProductShow .tab .manual table tbody tr:nth-of-type(even) {
                background: #eeeeee;
            }

            .ProductShow .tab .manual table tbody tr td {
                color: #404040;
                padding: 15px;
                font-size: 14px;
                font-weight: bold; /*! line-height: 31px; */
            }

                .ProductShow .tab .manual table tbody tr td.title {
                    font-weight: 400
                }

                    .ProductShow .tab .manual table tbody tr td.title span {
                        font-size: 14px;
                        color: #666;
                        padding-left: 25px;
                        background: url(../images/pdfIco.jpg) no-repeat left;
                    }

                .ProductShow .tab .manual table tbody tr td a.more {
                    color: #00A6E4;
                }

                    .ProductShow .tab .manual table tbody tr td a.more:hover {
                        color: #666;
                    }

/*a6*/
.ProductShow .tab .down .box.calculator {
    margin-top: 0px;
    margin-bottom: 0px; /*! padding: 0 100px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .ProductShow .tab .down .box.calculator .left {
        width: 760px;
        padding: 40px 0 0 150px;
    }

        .ProductShow .tab .down .box.calculator .left .long {
            margin-top: 20px;
        }

    .ProductShow .tab .down .box.calculator .demo {
        width: 660px;
        margin: 20px 0 30px 0;
        line-height: 25px;
    }

        .ProductShow .tab .down .box.calculator .demo .tit {
            color: #666666;
            font-size: 15px;
            margin: 0 0 45px 0;
        }

/*在线展厅*/
.ProductListBox .prolist {
    width: 100%;
}

    .ProductListBox .prolist .list-product li {
        clear: none;
        width: 49%;
    }

        .ProductListBox .prolist .list-product li.right {
            float: right;
        }

        .ProductListBox .prolist .list-product li .pic {
            width: 280px;
        }

        .ProductListBox .prolist .list-product li p {
            height: 72px;
            overflow: hidden;
            line-height: 25px;
        }
/**/
.proDetaShow .tab .tone li {
    width: 304.25px;
}

/**/
.ProductShow .tab .down .calculator .slider-container {
    width: 760px;
}

    .ProductShow .tab .down .calculator .slider-container .back-bar {
        position: relative;
    }

        .ProductShow .tab .down .calculator .slider-container .back-bar .pointer-label {
            position: absolute;
            top: -40px;
            font-size: 8px; /* background: white;*/
            white-space: nowrap;
            line-height: 1;
            font-size: 14px;
            color: #00a6e4;
            border: 3px #00a6e4 solid;
            padding: 3px 10px;
            border-radius: 5px;
            margin-left: 20px;
        }

            .ProductShow .tab .down .calculator .slider-container .back-bar .pointer-label:before {
                content: "";
                position: absolute;
                left: 6px;
                bottom: -11px;
                width: 10px;
                height: 13px;
                background: url(../images/arrow_05.jpg) no-repeat center;
                background-size: 9px;
            }

        .ProductShow .tab .down .calculator .slider-container .back-bar .selected-bar {
            position: absolute;
            height: 100%;
            border-radius: 20px 0px 0px 20px;
        }

.ProductShow .tab .down .calculator .theme-green .back-bar .selected-bar {
    background-image: linear-gradient(to bottom, #00a6e4, #00a6e4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a6e4', endColorstr='#00a6e4', GradientType=0);
}

.ProductShow .tab .down .calculator .theme-green .back-bar {
    height: 15px;
    border: 1px #ddd solid;
    border-radius: 20px;
    background: #e7e7e7;
}

.ProductShow .tab .down .calculator .slider-container .scale {
    top: 2px;
    position: relative;
}

    .ProductShow .tab .down .calculator .slider-container .scale span {
        position: absolute;
        height: 5px;
        border-left: 1px solid #999;
        font-size: 0;
    }

    .ProductShow .tab .down .calculator .slider-container .scale ins {
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 0;
        top: 5px;
        color: #999999;
        line-height: 1;
    }

.ProductShow .tab .down .calculator .theme-green .back-bar .pointer {
    width: 14px;
    height: 25px;
    top: -6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /*border-radius: 10px;*/ /*border: 1px solid #AAA;*/
    background-color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffff', GradientType=0);
}

.ProductShow .tab .down .calculator .slider-container .back-bar .pointer {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: white;
    cursor: col-resize;
    opacity: 1;
    z-index: 2;
    border: 6px #129ed3 solid;
    border-radius: 50%;
}
/**/
.ProductShow .tab .calculator .right {
    width: 380px;
    padding: 40px 30px 150px 30px;
    background: #f7f8fa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ProductShow .tab .calculator .title {
    color: #3d3d3d;
    font-size: 26px;
}

    .ProductShow .tab .calculator .title hr { /* float: left; */
        margin: 30px 0 0 0;
        clear: both;
        border: none;
        width: 20px;
        height: 2px;
        background: #00a6e4;
    }

.ProductShow .tab .calculator .right .fill {
}

    .ProductShow .tab .calculator .right .fill form {
        margin-top: 30px
    }

    .ProductShow .tab .calculator .right .fill input {
        width: 220px;
        line-height: 20px;
        margin: 0 0 10px 0;
        border: 2px #b4b4b5 solid;
        border-radius: 5px;
        padding: 10px 10px 10px 15px;
    }

    .ProductShow .tab .calculator .right .fill button {
        margin-top: 50px;
        color: #fff;
        font-size: 17px;
        text-align: center;
        padding: 15px 30px;
        border-radius: 5px;
        cursor: pointer;
        background: #005cb8;
    }

        .ProductShow .tab .calculator .right .fill button:hover {
            background: #666
        }

    .ProductShow .tab .calculator .right .fill p {
        color: #005cb8;
        font-size: 16px;
        margin-top: 10px;
    }

.ProductShow .tab .calculator .right .profit {
}

.ProductShow .tab .calculator .right .profit {
    margin-top: 60px
}

    .ProductShow .tab .calculator .right .profit .value {
        display: block;
        margin-top: 30px;
        color: #00a6e4;
        font-size: 36px;
    }

    .ProductShow .tab .calculator .right .profit hr.line {
        width: 30px;
        margin: 30px 0 0 0;
        height: 4px;
        border: none;
        background: #00a6e4;
    }

    .ProductShow .tab .calculator .right .profit p {
        margin-top: 30px;
        color: #3d3d3d;
        font-size: 14px;
    }

        .ProductShow .tab .calculator .right .profit p font {
            font-size: 18px;
        }
/**/
.ProductShow .tab .down .video {
}

    .ProductShow .tab .down .video video {
        max-width: 100%;
    }

/**/
.ProductShow-1 {
    margin: 0 0 80px 0;
}

    .ProductShow-1 .midden {
        padding: 50px 0 50px 0;
        background: #f7f7f7;
    }

        .ProductShow-1 .midden .title {
            color: #3d3d3d;
            font-size: 24px;
        }

        .ProductShow-1 .midden .longOne {
        }

            .ProductShow-1 .midden .longOne .left {
                width: 445px; /*padding-left:80px*/
            }

            .ProductShow-1 .midden .longOne .right {
                width: 700px;
            }

                .ProductShow-1 .midden .longOne .right img {
                    max-width: 100%
                }

        .ProductShow-1 .midden .longTwo {
            margin-top: 20px;
        }

            .ProductShow-1 .midden .longTwo .wx {
                margin-top: 40px;
            }

                .ProductShow-1 .midden .longTwo .wx table {
                    border-top: 2pt #00a6e4 solid !important;
                    border-bottom: 2pt #00a6e4 solid !important;
                    width: 100% !important;
                    border-left: none !important;
                    border-right: none !important;
                }

                    .ProductShow-1 .midden .longTwo .wx table tr {
                        border: none !important;
                    }

                        .ProductShow-1 .midden .longTwo .wx table tr td {
                            border-bottom: 1.2pt #aaa solid !important;
                            border-left: none !important;
                            border-right: none !important;
                            border-top: none !important;
                        }

    .ProductShow-1 .advantage-product {
        margin-top: 70px;
    }

        .ProductShow-1 .advantage-product span {
            width: 540px;
        }

/*表格*/
.ProductShow .tab .specifications .right table {
    width: 100% !important;
    border: none !important;
    border: 1px #fff solid !important;
}

    .ProductShow .tab .specifications .right table tr {
        border-bottom: 1px #ddd solid !important;
        border: none !important;
    }

    .ProductShow .tab .specifications .right table td {
        width: 26%;
        padding: 6px 10px;
        border-top: solid #0070C0 0pt !important;
        border-bottom: solid #bbb 1.2pt !important;
        border-right: solid #0070C0 0pt !important;
        border-left: solid #0070C0 0pt !important;
        vertical-align: middle;
    }

    .ProductShow .tab .specifications .right table tr:nth-child(1) {
        border-top: 2px #00a6e4 solid !important;
    }

        .ProductShow .tab .specifications .right table tr:nth-child(1) td:nth-child(1), .ProductShow .tab .specifications .right table tr:nth-child(5) td:nth-child(1), .ProductShow .tab .specifications .right table tr:nth-child(17) td:nth-child(1), .ProductShow .tab .specifications .right table tr:nth-child(23) td:nth-child(1) { /*writing-mode:lr-tb;writing-mode:tb-rl;*/
            text-align: center;
            width: 10% !important;
            font-weight: bold;
            border-top: 2px #00a6e4 solid !important;
            border-right: 2px #00a6e4 solid !important;
            border-bottom: 2px #00a6e4 solid !important;
        }

    .ProductShow .tab .specifications .right table tr:nth-child(4), .ProductShow .tab .specifications .right table tr:nth-child(16), .ProductShow .tab .specifications .right table tr:nth-child(22), .ProductShow .tab .specifications .right table tr:nth-child(27) {
        border-bottom: 2px #00a6e4 solid !important;
    }

    .ProductShow .tab .specifications .right table tr:last-child {
        border-bottom: 2px #00a6e4 solid !important;
    }
/*.ProductShow .tab .specifications .right table tr:nth-child(1) td:nth-child(1) p,.ProductShow .tab .specifications .right table tr:nth-child(5) td:nth-child(1) p,.ProductShow .tab .specifications .right table tr:nth-child(17) td:nth-child(1) p,.ProductShow .tab .specifications .right table tr:nth-child(23) td:nth-child(1) p
{ margin:auto; width:30px; text-align: center;}*/


/*视频插件*/
.proDetaShow #video {
    width: 970px;
    height: 594px;
    margin: 0 auto;
    position: relative;
}

    .proDetaShow #video video {
        width: auto;
        height: 100%; /*object-fit: fill;*/
    }

.proDetaShow .VideoBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    cursor: pointer;
    z-index: 10;
}


/*视频列表*/
.list-video-2 {
    padding: 40px 30px;
    overflow: hidden;
    background: #f1f1f1;
}

    .list-video-2 li {
        float: left;
        position: relative;
        width: 287px;
        margin: 10px 10px 10px 10px;
        border: 1px #ddd solid;
        background: #fff;
    }

        .list-video-2 li a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99;
            display: block;
        }

        .list-video-2 li iframe {
            width: 100%;
            height: 100%;
        }

        .list-video-2 li .pic {
            width: 100%;
            height: 180px;
        }

            .list-video-2 li .pic img {
                max-width: 100%;
                height: 100%;
            }

        .list-video-2 li h4 {
            color: #666;
            font-size: 16px; /*! margin:10px 0; */
            padding: 10px 20px;
        }

            .list-video-2 li h4 font {
                float: right;
                color: #00a6e4;
                font-size: 13px;
            }



/*==下载↓==*/
.downList2 {
    margin: 50px 0 0 0
}

    .downList2 li {
        width: 25%;
        float: left;
        box-sizing: border-box;
        margin-bottom: 22px;
    }
        /*.downList2 li:nth-child(2n){float:right;}*/
        .downList2 li img {
            float: left;
            width: 100%;
            height: 180px;
        }

        .downList2 li a {
            display: block;
            margin: 0 10px 0px 10px;
            padding: 20px 20px 20px 20px;
            overflow: hidden; /*! padding-right:0; */
            border: 1px #ddd solid;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #000000;
            height: 335px;
        }

            .downList2 li a:hover {
                color: #000000;
            }

        .downList2 li .box {
            padding: 10px 0;
            overflow: hidden;
            float: left;
            width: 100%;
        }

.downList2-home h5 {
    text-align: center;
}

.downList2-home li a {
    height: 255px;
}

.downList2 li h5 {
    float: left;
    width: 100%;
    font-size: 1.143em;
    margin-bottom: 10px;
}

.downList2 li p {
    float: left;
    width: 90%;
    font-size: 12px;
    color: #666;
    width: 100%;
}

.downList2 li .icon {
    float: right;
    color: #666;
}

.downList2 li:hover h5, .downList2 li:hover .icon {
    color: #00a6e4
}

/*.downList2 li .icon{float:right;width:20%;height:105px;line-height:105px;text-align:center;color:#999;font-size:2.857em;margin-top:-20px;}*/
/*.downList2 li a:hover{background:#00a6e4;color:#fff;}
.downList2 li a:hover h5{color:#fff;}
.downList2 li a:hover .icon{background:#333;color:#fff;}*/


/*==技术↓==*/
.skill-title {
    font-size: 16px;
    color: #3d3d3d;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase
}

    .skill-title span {
        font-size: 36px;
        color: #3d3d3d;
        width: 100%;
        float: left;
        line-height: 45px;
    }

.skill-box-1 {
    margin: 0 auto;
    width: 100%;
    height: 580px;
    background: #f1f1f1;
}

    .skill-box-1 img {
        float: left;
        margin: 70px 0;
        width: 650px;
        height: 430px;
    }

    .skill-box-1 ul {
        float: right;
        width: 600px;
        margin: 70px 0;
    }

        .skill-box-1 ul li {
            margin-top: 20px;
            padding-bottom: 8px;
            border-bottom: 1px solid #cccccc;
            position: relative;
        }

            .skill-box-1 ul li:after {
                content: '';
                width: 50px;
                height: 2px;
                background: #78cbea;
                position: absolute;
                left: 0;
                bottom: -2px;
            }

            .skill-box-1 ul li span {
                font-size: 24px;
                color: #555555;
            }

            .skill-box-1 ul li p {
                ont-size: 15px;
                color: #555555;
            }

.skill-box-2 {
    margin: 0 auto;
    padding: 70px 0;
}

    .skill-box-2 img {
        float: left;
        width: 100%;
        height: 159px;
    }

    .skill-box-2 h1 {
        padding: 10px 0;
        margin-top: 20px;
        float: left;
        width: 100%;
        border-top: 2px solid #0094e0;
    }

        .skill-box-2 h1 span {
            float: left;
            width: 20%;
            font-size: 16px;
            color: #0094e0;
        }

    .skill-box-2 ul {
        float: left;
        width: 100%;
    }

        .skill-box-2 ul li {
            padding: 10px 0;
            float: left;
            width: 100%;
            border-top: 1px solid #cccccc;
        }

            .skill-box-2 ul li span {
                width: 20%;
                float: left;
                font-size: 16px;
            }

                .skill-box-2 ul li span:first-child {
                    color: #0094e0;
                }

    .skill-box-2 .ico {
    }

        .skill-box-2 .ico span {
            float: left;
            display: block;
            width: 322px;
            height: 119px;
            margin-right: 3px;
            padding: 30px 0;
            color: #333;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            background: #f1f1f1;
        }

            .skill-box-2 .ico span img {
                display: block;
                margin: 0 auto 10px;
                float: none;
                width: auto;
                height: auto;
            }

            .skill-box-2 .ico span:nth-of-type(2n) {
                background: #e4f6ff;
            }


.roi_layer {
    padding: 50px 30px 30px 30px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .roi_layer .title {
        color: #00a6e4;
        font-size: 25px;
        text-align: center;
        margin: 20px 20px
    }

    .roi_layer .list {
        margin: 40px 0 0 0;
        overflow: hidden;
    }

        .roi_layer .list li {
            position: relative;
            float: left;
            width: 405px;
            margin: 0 15px 30px 15px;
            border: 1px #ddd solid;
            padding: 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .roi_layer .list li:hover, .roi_layer .list li.active {
                border: 1px #00a6e4 solid
            }

            .roi_layer .list li span {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                font-size: 0px;
            }

            .roi_layer .list li a {
                display: block
            }

            .roi_layer .list li .pic {
                float: right;
                width: 250px;
            }

                .roi_layer .list li .pic img {
                    max-width: 100%
                }

            .roi_layer .list li .box {
                float: left;
                width: 110px;
            }

            .roi_layer .list li h4 {
                color: #666;
                font-size: 18px;
                margin-top: 50px
            }

            .roi_layer .list li p {
                display: none;
                color: #666;
                font-size: 14px;
                margin-top: 20px;
            }

    .roi_layer .button {
        float: right;
        margin: 20px 0 50px 0;
        color: #fff;
        font-size: 18px;
        padding: 8px 30px;
        background: #00a6e4;
    }

        .roi_layer .button:hover {
            background: #999;
        }


.scrollbar {
    margin-left: 30px;
    float: left;
    height: 105px;
    width: 100%; /* background: #F5F5F5; */
    overflow-y: scroll;
    margin-bottom: 25px;
    padding-right: 25px;
}

.force-overflow {
    min-height: 80px;
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}


/* 底部 */
.footer {
    background: #ededed;
    padding: 40px 0;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    border-bottom: 1px solid #dadada;
}

.footMenu {
    font-size: 16px;
    color: #4c4c4c;
    margin-bottom: 20px;
    float: left;
    width: 1020px;
}

.footer .footMenu a {
    color: #333333;
}

.footMenu .foot-navBox {
    float: left;
    width: 115px;
    padding-left: 30px;
    border-right: 1px dotted #c8c8c8;
    height: 220px;
}

    .footMenu .foot-navBox:first-child {
        padding-left: 0;
        width: 157px;
    }

    .footMenu .foot-navBox .F-nav {
        font-size: 18px;
        margin-bottom: 20px;
        float: left;
        width: 100%;
        color: #191919;
        line-height: 1;
    }

    .footMenu .foot-navBox .S-nav {
        font-size: 12px;
        margin: 5px 0;
        float: left;
        width: 100%;
    }

    .footMenu .foot-navBox ul {
        float: left;
        width: 100%;
    }

.footWx {
    width: 230px;
    text-align: center;
}

    .footWx img {
        width: 110px;
        height: 110px;
        margin-bottom: 5px;
    }

    .footWx span {
        display: block;
    }

.firendLink {
    background: #ededed;
    padding: 13px 0;
}

    .firendLink span {
        color: #333333;
    }

        .firendLink span i {
            color: #ccc;
            font-style: normal;
            margin-left: 5px;
        }

    .firendLink a {
        padding: 0 18px;
        border-right: 1px dotted #b5b5b5;
        line-height: 1;
    }

.footer a {
    color: #999;
}

    .footer a:hover, .firendLink a:hover {
        color: #0098ff;
    }

.footTxt {
    background: #333333;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
}

    .footTxt div {
        color: #999999
    }

    .footTxt a {
        color: #999999
    }

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