@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "微软雅黑";
    box-sizing: border-box;
}

body {
    background: #fff;
}

img {
    border: 0;
    vertical-align: bottom;
}

a {
    text-decoration: none;
    color: #333;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

input, textarea, button {
    outline: none;
}

em {
    font-style: normal;
}

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

hr {
    border: none;
}

.l {
    float: left
}

.r {
    float: right
}

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

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

.clearfix {
    zoom: 1;
    clear: none
}

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




/*头部*/
header {
    height: 100px;
    width: 100%;
    padding-top: 20px;
}

.headerLeft {
    width: 420px;
    height: 54px;
    float: left
}

    .headerLeft img {
        width: 100%;
        height: auto;
        float: left
    }

.headerText {
    width: 400px;
    float: left;
    margin-top: 15px;
    margin-left: 8px;
}

    .headerText h2 {
        font-size: 30px;
        font-weight: bold;
        color: #333;
        height: 35px;
        line-height: 35px;
    }

    .headerText p {
        height: 16px;
        color: #666666
    }

.headerRight {
    height: 100%;
    float: right
}

    .headerRight p {
        line-height: 26px;
        color: #777777;
        font-size: 16px;
        background: url(../images/dhs.png) no-repeat left center;
        padding-left: 25px;
    }

    .headerRight h2 {
        font-size: 24px;
        color: #2d66d9;
        font-weight: bold;
    }


/* 导航栏 */
#menu {
    height: 40px;
    width: 100%;
    background: #2d66d9
}

    #menu .nav {
        position: relative;
        z-index: 1;
        margin: 0 auto;
        width: 1200px;
        height: 40px;
    }

        #menu .nav a {
            color: #333333;
        }

        #menu .nav .nLi {
            float: left;
            display: inline;
            height: 100%;
            width: 150px;
            position: relative;
            background: url(../images/b_x.png) no-repeat right center
        }

            #menu .nav .nLi:last-child {
                background: none;
            }

            #menu .nav .nLi h3 {
                width: 110px;
                height: 30px;
                line-height: 26px;
                text-align: center;
                margin: 5px auto 0;
            }

                #menu .nav .nLi h3 a {
                    font-size: 14px;
                    z-index: 2;
                    color: #fff;
                }

        #menu .nav .sub {
            display: none;
            width: 100%;
            left: 0;
            top: 40px;
            position: absolute;
            background: #ddd;
            line-height: 36px;
        }

            #menu .nav .sub li {
                width: 100%;
                height: 36px;
                line-height: 36px;
            }

            #menu .nav .sub a {
                display: block;
                text-align: center;
                height: 36px;
                font-size: 14px;
                color: #222e48;
            }

                #menu .nav .sub a:hover {
                    color: #2d66d9;
                    background: #ffffff;
                }

.nLi > h3 > span {
    display: block;
    width: 120px;
    text-align: center;
    position: absolute;
    top: 21px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

#menu .nav .nLi .sub a:hover {
    color: #2d66d9;
}

#menu .nav .on h3 {
    background: url(../images/nav.png) no-repeat;
    color: #2d66d9
}

    #menu .nav .on h3 a {
        color: #2d66d9
    }

#menu .nLi:hover h3 {
    background: url(../images/nav.png) no-repeat;
    color: #2d66d9
}

    #menu .nLi:hover h3 a {
        color: #2d66d9
    }


/*banner*/
.banner {
    width: 100%;
    height: 640px
}

    .banner .slideBox {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 640px
    }

        .banner .slideBox .hd {
            position: absolute;
            right: 50%;
            bottom: 25px;
            z-index: 1;
            overflow: hidden;
            margin-right: -58px;
            height: 22px
        }

            .banner .slideBox .hd ul {
                float: left;
                overflow: hidden;
                zoom: 1
            }

                .banner .slideBox .hd ul li {
                    float: left;
                    margin-right: 15px;
                    width: 20px;
                    height: 20px;
                    border: 1px solid #fff;
                    border-radius: 50%;
                    cursor: pointer
                }

                    .banner .slideBox .hd ul li.on {
                        background: #fff
                    }

        .banner .slideBox .bd {
            position: relative;
            z-index: 0;
            width: 100%;
            height: 100%
        }

            .banner .slideBox .bd ul {
                width: 100%;
                height: 100%
            }

            .banner .slideBox .bd li {
                width: 100%;
                height: 640px;
                vertical-align: middle;
                zoom: 1
            }

                .banner .slideBox .bd li a {
                    display: block;
                    overflow: hidden;
                    width: 100%;
                    height: 100%
                }

            .banner .slideBox .bd img {
                display: block;
                width: 100%;
                height: 100%
            }


/*热门搜索*/
.index_search {
    width: 100%;
    height: 62px;
}

    .index_search .index_search_left {
        width: 940px;
        height: 100%;
        float: left;
        line-height: 62px;
    }

        .index_search .index_search_left p {
            font-size: 16px;
            color: #4d4d4d;
            float: left;
            background: url(../images/hot.png) no-repeat center left;
            padding-left: 55px;
            width: 140px;
        }

.search_h {
    width: 800px;
    float: left;
    height: 100%;
    overflow: hidden;
}

    .search_h a {
        font-size: 16px;
        color: #777777;
        margin: 0px 15px;
    }

        .search_h a:hover {
            color: #2d66d9
        }

.index_search_right {
    width: 220px;
    height: 33px;
    float: right;
    background: #f0f0f0;
    margin-top: 15px;
}

    .index_search_right input[type="text"] {
        width: 185px;
        height: 31px;
        display: block;
        float: left;
        border: 0px;
        background: none;
        color: #777777;
        font-size: 14px;
        padding-left: 8px;
    }

    .index_search_right .sear_input {
        width: 33px;
        height: 31px;
        background: url(../images/souSuo.png) no-repeat center;
        border: 0;
        cursor: pointer
    }



/*产品*/
.index_product {
    width: 100%;
    height: 690px;
    background: #f0f0f0;
    padding-top: 70px;
}

.productTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center
}

    .productTitle h3 {
        font-size: 28px;
        color: #4d4d4d;
        height: 35px;
        line-height: 35px;
    }

    .productTitle p {
        font-size: 16px;
        color: #777777;
        text-align: center;
        height: 35px;
        line-height: 35px;
    }

.Box {
    width: 100%;
    height: 519px;
    margin-top: 28px;
}

    .Box .Box_con {
        position: relative;
        width: 1200px;
        margin: 0px auto;
    }

        .Box .Box_con .conbox {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

            .Box .Box_con .conbox ul {
                position: relative;
                list-style: none;
            }

                .Box .Box_con .conbox ul li {
                    float: left;
                    height: 435px;
                    margin-left: 30px;
                    overflow: hidden;
                    position: relative;
                    z-index: 9;
                    width: 380px;
                }

                    .Box .Box_con .conbox ul li a {
                        width: 100%;
                        height: 100%;
                        display: block;
                        overflow: hidden
                    }

.con_pic {
    width: 380px;
    height: 390px;
    overflow: hidden;
    position: relative
}

    .con_pic img {
        width: 100%;
        height: auto;
        align-items: center;
        transform: scale(1);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1);
        -webkit-transform: all 1s ease 0s;
    }

    .con_pic i {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.66);
        position: absolute;
        top: 0px;
        left: 0px;
    }

.pro_lei {
    width: 320px;
    height: 240px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -160px;
    z-index: 2;
    text-align: center;
    padding: 22px;
}

.lan_icon {
    width: 64px;
    height: 64px;
    background: #2d66d9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: -54px auto 0;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

    .lan_icon img {
        align-items: center;
        margin: 0px auto;
    }

.pro_lei h4 {
    font-size: 20px;
    color: #4d4d4d;
    height: 35px;
    line-height: 35px;
    margin: 20px 0 15px;
    font-weight: bold;
}

.pro_lei p {
    width: 100%;
    height: 58px;
    line-height: 30px;
    font-size: 14px;
    color: #777777;
    margin-bottom: 25px;
}

.pro_lei span {
    font-size: 32px;
    color: #a1a1a1;
}

.Box .Box_con .conbox ul li:first-child {
    margin-left: 0;
}

.Box .Box_con .conbox ul li:hover .con_pic img {
    transform: scale(1.1);
}

.Box .Box_con .btn {
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.Box .Box_con .btnl {
    background: url(../images/p_left.png) no-repeat;
    left: -75px;
}

.Box .Box_con .btnr {
    background: url(../images/p_right.png) no-repeat;
    right: -75px;
}

.Box .Box_con .btnl:hover {
    background: url(../images/p_hleft.png) no-repeat;
}

.Box .Box_con .btnr:hover {
    background: url(../images/p_hright.png) no-repeat;
}

.Box .Box_con .conbox ul li:hover span {
    color: #2d66d9
}

.Box .Box_con .conbox ul li:hover .lan_icon {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}


/*产品展示*/
.index_proshow {
    width: 100%;
    height: 1017px;
    background: #2d66d9;
    padding-top: 70px;
}

.index_proshow_list {
    width: 820px;
    height: auto;
    float: left;
    margin-top: 36px;
}

.index_proshow_t {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center
}

    .index_proshow_t h3 {
        font-size: 28px;
        color: #fff;
        height: 35px;
        line-height: 35px;
    }

    .index_proshow_t p {
        font-size: 16px;
        color: #fff;
        text-align: center;
        height: 35px;
        line-height: 35px;
    }

.proshow_1 {
    width: 380px;
    height: 460px;
    background: #fff;
    float: left;
    margin-bottom: 28px;
    margin-right: 30px;
}

    .proshow_1 img {
        width: 100%;
        height: auto;
        overflow: hidden;
        transform: scale(1.05);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1.05);
        -webkit-transform: all 1s ease 0s;
    }

.proshow_t {
    width: 100%;
    height: 120px;
    padding: 30px 20px;
}

    .proshow_t p {
        font-size: 20px;
        color: #4d4d4d;
        line-height: 28px;
        float: left
    }

    .proshow_t i {
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 23px;
        text-align: center;
        font-weight: bold;
        border-radius: 50%;
        background: #bebebe;
        color: #fff;
        display: block;
        font-style: normal;
        text-align: center;
        float: right;
        margin-top: 15px;
    }

.proshow_1 h4 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #777777;
    font-size: 16px;
    text-align: center
}

.proshow_pic {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden
}

.proshow_link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    background-size: 100% 100%;
    background: url(../images/link.png) no-repeat;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.proshow_f {
    width: 380px;
    height: 280px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 30px;
}

    .proshow_f img {
        width: 100%;
        height: 100%;
        transform: scale(1.05);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1.05);
        -webkit-transform: all 1s ease 0s;
    }

.index_proshow_right {
    width: 380px;
    height: 100%;
    float: right;
    margin-top: 36px;
}

    .index_proshow_right .proshow_1, .index_proshow_right .proshow_f {
        margin-right: 0
    }

    .index_proshow_right .proshow_f {
        margin-bottom: 28px;
    }

.proshow_1:hover .proshow_t i {
    background: #143e93
}

.proshow_1:hover h4 {
    background: #143e93;
    color: #fff
}

.proshow_1:hover .proshow_link, .proshow_f:hover .proshow_link {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.proshow_1:hover img, .proshow_f:hover img {
    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
}





/*流程*/
.index_advan {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 70px;
    margin-bottom: 40px;
}

.index_advan_li {
    width: 1080px;
    height: 312px;
    overflow: hidden;
    background: url(../images/adv_bj.png) no-repeat center;
    position: relative;
    margin: 35px auto 0;
}

.advan_ul1 .advan_liyuan {
    width: 106px;
    height: 137px;
    background: url(../images/dt2.png) no-repeat;
    text-align: center;
    padding: 13px 12px;
}

.advan_byuan {
    width: 82px;
    height: 82px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
}

    .advan_byuan p {
        font-size: 14px;
        color: #777777
    }

.index_advan_li ul {
    width: 100%;
    height: 163px;
    position: absolute;
    z-index: 9
}

    .index_advan_li ul li {
        width: 106px;
        height: 163px;
        float: left
    }

        .index_advan_li ul li span {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 2px solid #bebebe;
            background: #fff;
            display: block;
            margin: 10px auto 0;
            z-index: 999
        }

.index_advan_li .lian {
    width: 980px;
    height: 1px;
    background: #bebebe;
    z-index: 2;
    margin: 152px auto 0
}

.advan_ul2 .advan_liyuan {
    width: 106px;
    height: 137px;
    background: url(../images/dt3.png) no-repeat;
    text-align: center;
    padding: 13px 12px;
}

.ad_2 {
    margin-left: 280px;
}

.ad_3 {
    margin-left: 280px;
}

.ad_4 {
    margin-left: 194px;
}

.ad_5 {
    margin-left: 280px;
}

.ad_6 {
    margin-left: 288px;
}

.advan_ul1 {
    top: 0px;
    left: 0
}

.advan_ul2 {
    top: 138px;
    left: 0
}

    .advan_ul2 .advan_byuan {
        margin-top: 30px;
    }

    .advan_ul2 .advan_liyuan {
        margin-top: 10px;
    }

.index_advan_li ul li i {
    display: block;
    margin: 5px auto;
}

.i1 {
    background: url(../images/ic1.png) no-repeat;
    width: 30px;
    height: 29px;
}

.i2 {
    background: url(../images/ic2.png) no-repeat;
    width: 29px;
    height: 29px
}

.i3 {
    background: url(../images/ic3.png) no-repeat;
    width: 29px;
    height: 29px
}

.i4 {
    background: url(../images/ic4.png) no-repeat;
    width: 28px;
    height: 27px
}

.i5 {
    background: url(../images/ic5.png) no-repeat;
    width: 28px;
    height: 27px
}

.i6 {
    background: url(../images/ic6.png) no-repeat;
    width: 23px;
    height: 29px
}

.advan_ul1 li:hover .advan_liyuan {
    background: url(../images/dt1.png) no-repeat;
}

.advan_ul2 li:hover .advan_liyuan {
    background: url(../images/dt4.png) no-repeat;
}

.index_advan_li ul li:hover p {
    color: #2d66d9
}

.index_advan_li ul li:hover .i1 {
    background: url(../images/ic1_h.png) no-repeat;
}

.index_advan_li ul li:hover .i2 {
    background: url(../images/ic2_h.png) no-repeat;
}

.index_advan_li ul li:hover .i3 {
    background: url(../images/ic3_h.png) no-repeat;
}

.index_advan_li ul li:hover .i4 {
    background: url(../images/ic4_h.png) no-repeat;
}

.index_advan_li ul li:hover .i5 {
    background: url(../images/ic5_h.png) no-repeat;
}

.index_advan_li ul li:hover .i6 {
    background: url(../images/ic6_h.png) no-repeat;
}

.index_advan_li ul li:hover span {
    border: 2px solid #2d66d9;
}



/*案列*/
.index_case {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/case_bj.png) no-repeat top center;
    padding-top: 100px;
}

    .index_case ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 40px;
    }

        .index_case ul li {
            width: 380px;
            height: 280px;
            overflow: hidden;
            position: relative;
            float: left;
            margin-right: 30px;
            margin-bottom: 28px;
        }

            .index_case ul li img.case_pic {
                width: 100%;
                height: 100%;
                transform: scale(1);
                transition: all 1s ease 0s;
                -webkit-transform: scale(1);
                -webkit-transform: all 1s ease 0s;
            }

            .index_case ul li .case_info {
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.7);
                text-align: center;
                position: absolute;
                top: 0px;
                left: 0;
                opacity: 0;
                padding-top: 100px;
                transition: .6s;
            }

                .index_case ul li .case_info h4 {
                    font-size: 24px;
                    color: #fff;
                    font-weight: bold;
                    height: 35px;
                    line-height: 35px;
                }

            .index_case ul li p {
                font-size: 16px;
                color: #fff;
                height: 35px;
                line-height: 35px;
                width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap
            }

            .index_case ul li .case_info img {
                width: 18px;
                height: 18px;
                display: block;
                margin: 15px auto;
            }

            .index_case ul li:nth-child(3n) {
                margin-right: 0
            }

            .index_case ul li:hover .case_info {
                opacity: 1
            }

.case_more {
    width: auto;
    display: table;
    margin: 12px auto;
}

    .case_more a {
        width: 146px;
        height: 40px;
        float: left;
        margin: 0px 10px;
        background: url(../images/a_bj.png) no-repeat;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #fff
    }

        .case_more a:hover {
            background: url(../images/a_hbj.png) no-repeat
        }

.index_case ul li:hover img {
    transform: scale(1.05);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.05);
    -webkit-transform: all 1s ease 0s;
}


/*关于我们*/
.index_about {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 80px;
}

.index_about_info {
    width: 100%;
    height: 500px;
    background: url(../images/about_bj.jpg) no-repeat center;
    margin-top: 32px;
    padding-top: 70px;
}

.slideTxtBox {
    width: 100%;
    height: auto;
    padding-top: 30px;
}

    .slideTxtBox .hd {
        width: 140px;
        height: auto;
        float: right;
        margin-right: 50px;
    }

        .slideTxtBox .hd ul {
            width: 100%;
            height: 100%;
        }

            .slideTxtBox .hd ul li {
                width: 100%;
                height: 52px;
                line-height: 52px;
                margin-bottom: 28px;
                cursor: pointer
            }

                .slideTxtBox .hd ul li h3 {
                    font-size: 14px;
                    color: #777777
                }

                .slideTxtBox .hd ul li.on h3 {
                    color: #fff
                }

    .slideTxtBox .bd {
        width: 898px;
        height: 100%;
        float: left;
        margin-left: 50px;
    }

        .slideTxtBox .bd ul {
            width: 100%;
            height: auto;
            overflow: hidden
        }

        .slideTxtBox .bd li {
            width: 100%;
            height: auto;
            overflow: hidden
        }

            .slideTxtBox .bd li h3 {
                width: 100%;
                height: 32px;
                line-height: 32px;
                font-size: 24px;
                color: #ffffff;
            }

            .slideTxtBox .bd li p {
                width: 100%;
                height: 140px;
                color: #fff;
                font-size: 16px;
                line-height: 34px;
                margin-top: 48px;
                overflow: hidden
            }

            .slideTxtBox .bd li img {
                margin-top: 46px;
            }

.hd_more {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: #fff url(../images/a4.png) no-repeat 28px center;
    padding-left: 55px;
}

    .hd_more a {
        color: #777;
        font-size: 14px;
        width: 100%;
        height: 100%;
        display: block
    }

.hd_1 {
    background: #fff url(../images/a1.png) no-repeat 28px center;
    padding-left: 55px;
}

.hd_2 {
    background: #fff url(../images/a2.png) no-repeat 28px center;
    padding-left: 55px;
}

.hd_3 {
    background: #fff url(../images/a3.png) no-repeat 28px center;
    padding-left: 55px;
}

.slideTxtBox .hd ul li.on.hd_1 {
    background: #2d66d9 url(../images/a1_h.png) no-repeat 28px center;
    color: #fff;
}

.slideTxtBox .hd ul li.on.hd_2 {
    background: #2d66d9 url(../images/a2_h.png) no-repeat 28px center;
    color: #fff;
}

.slideTxtBox .hd ul li.on.hd_3 {
    background: #2d66d9 url(../images/a3_h.png) no-repeat 28px center;
    color: #fff;
}

.hd_more:hover {
    background: #2d66d9 url(../images/a4_h.png) no-repeat 28px center;
}

    .hd_more:hover a {
        color: #fff
    }

/*荣誉资质*/
.index_honor {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f0f0f0;
    padding-top: 70px;
    padding-bottom: 50px;
}

.honor_box {
    width: 100%;
    height: 270px;
    margin-top: 28px;
}

    .honor_box .Box_con {
        position: relative;
        width: 1200px;
        margin: 0px auto;
    }

        .honor_box .Box_con .index_honor_list {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

            .honor_box .Box_con .index_honor_list ul {
                position: relative;
                list-style: none;
            }

                .honor_box .Box_con .index_honor_list ul li {
                    float: left;
                    height: 268px;
                    margin-left: 18px;
                    overflow: hidden;
                    position: relative;
                    z-index: 9;
                    width: 185px;
                    border: 3px solid #2d66d9
                }

                    .honor_box .Box_con .index_honor_list ul li a {
                        width: 100%;
                        height: 100%;
                        display: block;
                        overflow: hidden
                    }

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

    .honor_pic img {
        width: 100%;
        height: 100%;
        align-items: center;
        transform: scale(1);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1);
        -webkit-transform: all 1s ease 0s;
    }

.honor_box .Box_con .index_honor_list ul li:first-child {
    margin-left: 0;
}

.honor_box .Box_con .index_honor_list ul li:hover img {
    transform: scale(1.1);
}

.honor_box .Box_con .btn {
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.honor_box .Box_con .btnl {
    background: url(../images/p_left.png) no-repeat;
    left: -75px;
}

.honor_box .Box_con .btnr {
    background: url(../images/p_right.png) no-repeat;
    right: -75px;
}

.honor_box .Box_con .btnl:hover {
    background: url(../images/p_hleft.png) no-repeat;
}

.honor_box .Box_con .btnr:hover {
    background: url(../images/p_hright.png) no-repeat;
}






/*新闻*/
.index_news {
    width: 100%;
    height: auto;
    overflow: hidden;
    /*padding-top: 70px;*/
}

.tab-menu {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

    .tab-menu ul {
        display: table;
        margin: 30px auto 0;
        width: auto;
        height: 50px;
    }

    .tab-menu li {
        width: 160px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #f0f0f0;
        float: left;
        margin: 0px 19px;
    }

        .tab-menu li a {
            font-size: 16px;
            color: #777
        }

        .tab-menu li.active a {
            color: #fff;
        }

        .tab-menu li.active, .tab-menu li:hover {
            background: #2d66d9
        }

            .tab-menu li:hover a {
                color: #fff;
            }


.index_news_list {
    width: 100%;
    height: auto;
    overflow: hidden
}

.index_news_top {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

    .index_news_top dl {
        width: 380px;
        height: auto;
        float: left
    }

        .index_news_top dl dt {
            width: 380px;
            height: 280px;
            overflow: hidden
        }

            .index_news_top dl dt img {
                width: 100%;
                height: 100%;
                transform: scale(1);
                transition: all 1s ease 0s;
                -webkit-transform: scale(1);
                -webkit-transform: all 1s ease 0s;
            }

        .index_news_top dl dd {
            width: 100%;
            height: 60px;
            background: #f0f0f0;
            line-height: 60px;
            text-align: center;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 16px;
            color: #777777
        }

        .index_news_top dl:hover dt img {
            transform: scale(1.05);
            transition: all 1s ease 0s;
            -webkit-transform: scale(1.05);
            -webkit-transform: all 1s ease 0s;
        }

        .index_news_top dl:hover dd {
            background: #2d66d9;
            color: #fff
        }

    .index_news_top ul {
        width: 787px;
        height: auto;
        overflow: hidden;
        float: right
    }

        .index_news_top ul li {
            width: 100%;
            height: 160px;
            background: #f0f0f0;
            padding: 18px;
        }

            .index_news_top ul li .news_pic {
                width: 168px;
                float: left;
                height: 100%;
            }

                .index_news_top ul li .news_pic img {
                    width: 100%;
                    height: 100%;
                    transform: scale(1);
                    transition: all 1s ease 0s;
                    -webkit-transform: scale(1);
                    -webkit-transform: all 1s ease 0s;
                }

.news_info {
    margin-left: 180px;
}

    .news_info h3 {
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: #4d4d4d;
    }

    .news_info p {
        width: 100%;
        height: 48px;
        line-height: 24px;
        font-size: 14px;
        color: #777777;
        margin: 10px 0
    }

    .news_info span {
        font-size: 14px;
        color: #777777;
    }

.index_news_top ul li:first-child {
    margin-bottom: 20px;
}

.index_news_ul {
    width: 100%;
    height: auto;
    margin-top: 30px;
}

    .index_news_ul li {
        width: 382px;
        height: 60px;
        background: #f0f0f0;
        float: left;
        margin-bottom: 22px;
        padding: 0px 10px;
        margin-right: 27px;
    }

        .index_news_ul li h3 {
            width: 270px;
            height: 60px;
            line-height: 60px;
            background: url(../images/xians.png) no-repeat left center;
            padding-left: 30px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            float: left;
            font-size: 14px;
            color: #777
        }

        .index_news_ul li span {
            font-size: 12px;
            color: #777777;
            float: right;
            line-height: 60px;
        }

        .index_news_ul li:nth-child(3n) {
            margin-right: 0px;
        }

        .index_news_ul li:hover h3, .index_news_ul li:hover span {
            color: #2d66d9
        }

.index_news_top ul li:hover {
    background: #2d66d9
}

    .index_news_top ul li:hover h3, .index_news_top ul li:hover span, .index_news_top ul li:hover p {
        color: #fff;
    }



/*底部*/
.foot1 {
    width: 100%;
    height: 320px;
    overflow: hidden;
    background: #2d66d9;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_left {
    width: 368px;
    height: auto;
    overflow: hidden;
    float: left
}

.foo_icon {
    margin-bottom: 20px;
}

.footer_left p {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #FFFFFF;
    overflow: hidden
}

    .footer_left p img {
        float: left;
        margin-top: 15px;
        margin-right: 10px;
    }

    .footer_left p span {
        font-size: 24px;
        color: #fff
    }

    .footer_left p a {
        font-size: 16px;
        color: #FFFFFF;
    }

        .footer_left p a:hover {
            text-decoration: underline
        }

.footer_nav {
    width: 170px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 170px;
    margin-top: 10px;
}

    .footer_nav h4, .footer_top_right h4 {
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }

        .footer_nav h4 i, .footer_top_right h4 i {
            font-size: 40px;
            font-weight: normal
        }

        .footer_nav h4 span, .footer_top_right h4 span {
            font-weight: normal
        }

.footer_navlist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 9px;
}

    .footer_navlist a {
        width: 75px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        float: left;
        margin-right: 10px;
        color: #fff
    }

        .footer_navlist a:hover {
            font-weight: bold;
        }

.footer_top_right {
    width: 348px;
    display: block;
    overflow: hidden;
    float: right;
    margin-top: 10px;
}

    .footer_top_right .footer_img {
        width: 148px;
        height: 108px;
        float: left;
        background: #fff;
        padding: 6px 0 6px 6px;
        margin-top: 20px;
    }

.f_wx {
    width: 148px;
    height: 108px;
    float: right;
    background: #fff;
    padding: 6px 0 6px 6px;
    margin-top: 20px;
}

    .footer_img img, .f_wx img {
        width: 94px;
        height: 100%;
        float: left
    }

    .footer_img p, .f_wx p {
        width: 20px;
        height: 100%;
        float: left;
        writing-mode: tb-rl;
        font-size: 14px;
        color: #777777;
        padding-top: 14px;
    }

.footer_ban {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #1246b0;
}

.footer_zhichi {
    width: 428px;
    height: 100%;
    float: right
}

    .footer_zhichi p {
        width: auto;
        float: left;
        margin-left: 20px;
        font-size: 12px;
        color: #999999;
    }

    .footer_zhichi .pt {
        width: 121px;
        height: 18px;
        background: url(../images/vl.png) no-repeat;
        margin-top: 29px;
    }

    .footer_zhichi .js {
        width: 107px;
        height: 18px;
        background: url(../images/wl.png) no-repeat;
        margin-top: 29px;
    }

    .footer_zhichi .pt:hover {
        background: url(../images/vl_hover.png) no-repeat
    }

    .footer_zhichi .js:hover {
        background: url(../images/wl_hover.png) no-repeat
    }

    .footer_zhichi span {
        float: left;
        font-size: 16px;
        color: #fff;
    }

    .footer_zhichi i {
        float: left;
    }

.f_brq {
    height: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

    .f_brq a {
        color: #fff
    }

.foot2 {
    width: 66%;
    height: 100px;
}

    .foot2 p {
        width: 107px;
        float: left;
        height: 30px;
        line-height: 30px;
        color: #fff;
    }

        .foot2 p img {
            margin-right: 8px;
            float: left;
            margin-top: 5px;
        }

.lianJie {
    height: 75%;
    width: 792px;
    float: left
}

    .lianJie li {
        float: left;
        width: auto;
        height: 30px;
        line-height: 30px;
        margin-right: 15px;
    }

        .lianJie li a {
            color: #fff;
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
        }

        .lianJie li:hover a {
            text-decoration: underline
        }






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right: 0px;
    top: 310px;
    width: 77px;
    z-index: 11;
}

    .lxfx li a {
        color: rgb(255, 255, 255);
        display: block;
        height: 47px;
        margin-top: 9px;
        width: 300px;
    }

.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}

.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    margin-top: 2px;
    padding-left: 8px;
}

.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}

.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
    background: url(../images/fx.png) no-repeat;
}

    .lxfx li i.icon-tel {
        background-position: 0 -25px;
    }

    .lxfx li i.icon-te {
        background-position: -34px -52px;
    }

    .lxfx li i.icon-ly {
        background-position: 4px -53px;
    }

    .lxfx li i.icon-wx {
        background-position: -34px 4px;
    }

    .lxfx li i.icon-wb {
        background-position: -30px -22px;
    }

.lxfx li p {
    line-height: 12px;
    text-align: center;
    margin-top: 10px
}

.lxfx li {
    background: #2d66d9;
    height: 70px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px;
    float: left;
}

    .lxfx li i.icon-en {
        background-position: -31px -47px;
    }


/*内页banner*/
.ny_ban {
    width: 100%;
    height: 340px;
}

.about_ban {
    background: url(../images/about_ban.jpg) no-repeat center
}

.news_ban {
    background: url(../images/news_ban.jpg) no-repeat center
}

.product_ban {
    background: url(../images/product_ban.jpg) no-repeat center
}

.service_ban {
    background: url(../images/service_ban.jpg) no-repeat center
}

.case_ban {
    background: url(../images/case_ban.jpg) no-repeat center
}

.join_ban {
    background: url(../images/join_ban.jpg) no-repeat center
}

.contact_ban {
    background: url(../images/contact_ban.jpg) no-repeat center
}

.fuwu_ban {
    background: url(../images/fuwu_ban.jpg) no-repeat center
}

.jingxiao_ban {
    background: url(../images/jingxiao_ban.jpg) no-repeat center
}

.mfyy_ban {
    background: url(../images/mfyy_ban.jpg) no-repeat center
}

.mdzs_ban {
    background: url(../images/mdzs_ban.jpg) no-repeat center
}

/*内页底下*/
.m-wh {
    height: 260px;
    padding: 40px 0;
    background: no-repeat url(../images/bg_icon.jpg);
    margin-top: 20px
}

    .m-wh li {
        float: left;
        width: 25%
    }

        .m-wh li a {
            display: block;
            width: 102px;
            height: 140px;
            margin: 0 auto 10px;
            text-align: center
        }

            .m-wh li a img {
                width: 100%;
                height: 102px
            }

            .m-wh li a p {
                margin-top: 7px;
                font-size: 18px
            }

        .m-wh li > p {
            padding: 0 7%;
            font-size: 14px;
            text-align: center
        }

.f-ct {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 30px;
}

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



.p-tit {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb
}

    .p-tit h2 {
        float: left;
        color: #2d66d9;
        font-size: 26px;
        font-weight: bold
    }

.m-crm {
    margin-left: 15px;
    color: #ff0000;
    font-size: 14px;
    font-weight: 400
}

    .m-crm a {
        margin: 0 3px;
        color: #ff0000;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s
    }

        .m-crm a:hover {
            color: #ff0000;
            text-decoration: underline
        }

.p-tit ul {
    float: right
}

    .p-tit ul li {
        float: left;
        margin: 0 15px
    }

        .p-tit ul li a {
            display: block;
            height: 40px;
            line-height: 40px;
            color: #666;
            font-size: 14px;
            -webkit-transition: all .5s ease 0s;
            -moz-transition: all .5s ease 0s;
            -ms-transition: all .5s ease 0s;
            -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s
        }

        .p-tit ul li.active a, .p-tit ul li:hover a {
            color: #2d66d9
        }

        .p-tit ul li.active, .p-tit ul li:hover {
            border-bottom: 2px solid #2d66d9
        }

.p-ct {
    line-height: 26px;
    padding: 20px 0 60px;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    width: 100%;
}

.p_case {
    padding: 50px 0 60px;
    color: #666;
    font-size: 14px;
}

.p-ct .index_wen_1 {
    width: 100%;
    margin-top: 20px
}

.p-ct .tit {
    margin-bottom: 25px;
    text-align: center
}

    .p-ct .tit h2 {
        color: #333;
        font-size: 30px
    }

    .p-ct .tit p {
        line-height: 26px;
        margin-top: 20px;
        color: #999;
        font-size: 16px
    }

.ab_list1 li {
    position: relative;
    float: left;
    width: 382px;
    height: 300px
}

    .ab_list1 li.li1 {
        background: no-repeat url(../images/ab_list1_1.jpg)
    }

    .ab_list1 li.li2 {
        margin: 0 22px;
        background: no-repeat url(../images/ab_list1_2.jpg)
    }

    .ab_list1 li.li3 {
        background: no-repeat url(../images/ab_list1_3.jpg)
    }

    .ab_list1 li a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: no-repeat url(../images/ab_list_mask.png);
        visibility: hidden
    }

    .ab_list1 li:hover a {
        visibility: visible
    }

    .ab_list1 li h2 {
        margin: 40px 0 0 30px;
        color: #fff;
        font-size: 24px
    }

    .ab_list1 li p {
        margin: 20px 0 0 30px;
        color: #fff
    }

.qywh {
    height: 286px;
    line-height: 32px;
    margin-top: 50px;
    padding-top: 170px;
    color: #fff;
    font-size: 16px;
    background: no-repeat center url(../images/ab_qywh.jpg)
}

.ab_list2 {
    margin-top: 40px
}

    .ab_list2 li {
        position: relative;
        float: left;
        width: 50%;
        height: 330px
    }

        .ab_list2 li a {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 220px;
            padding-top: 110px;
            color: #fff;
            font-size: 30px;
            text-align: center;
            visibility: hidden
        }

        .ab_list2 li:hover a {
            visibility: visible
        }

        .ab_list2 li a span {
            display: block;
            margin-top: 20px;
            font-size: 16px
        }

        .ab_list2 li a.mask {
            background: repeat url(../images/bg_mask.png)
        }

        .ab_list2 li a.tit {
            width: 50%;
            visibility: visible
        }

    .ab_list2 .li2 a.tit {
        left: 50%
    }

    .ab_list2 li a i {
        display: block;
        width: 78px;
        height: 78px;
        margin: 0 auto;
        background: no-repeat url(../images/icon_video.png)
    }

.ab_list3 li {
    float: left;
    width: 385px;
    height: 236px
}

    .ab_list3 li.li1 {
        background: no-repeat url(../images/ab_list3_1.jpg)
    }

    .ab_list3 li.li2 {
        margin: 0 22px;
        background: no-repeat url(../images/ab_list3_2.jpg)
    }

    .ab_list3 li.li3 {
        background: no-repeat url(../images/ab_list3_3.jpg)
    }

    .ab_list3 li a {
        display: block;
        width: 325px;
        height: 146px;
        padding: 45px 30px;
        visibility: hidden
    }

    .ab_list3 li h2 {
        color: #000;
        font-size: 30px
    }

        .ab_list3 li h2 i {
            display: block;
            width: 52px;
            height: 2px;
            margin-top: 25px;
            background: #000
        }

    .ab_list3 li p {
        margin-top: 20px;
        color: #000;
        font-size: 18px
    }

    .ab_list3 li:hover {
        background: #ffcb23
    }

        .ab_list3 li:hover a {
            visibility: visible
        }

/*新闻*/
.new-list {
    margin-top: -10px;
    margin-bottom: 15px;
}

    .new-list li {
        height: auto;
        padding: 20px 20px 0px 20px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ebebeb
    }

        .new-list li:hover {
            background: #f2f2f2;
            border-top: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb
        }

            .new-list li:hover h3 {
                color: #2d66d9
            }

            .new-list li:hover .more {
                color: #2d66d9;
                border: 1px solid #2d66d9
            }

        .new-list li > * {
            float: left
        }

    .new-list .f-imgfd-img {
        width: 90px;
        height: 100%;
        overflow: hidden;
        float: right;
    }

        .new-list .f-imgfd-img img {
            width: 100%;
            height: 100%;
        }

    .new-list li .f-imgfd-li {
        height: 100%;
        float: left;
    }

    .new-list h3 {
        margin-bottom: 15px;
        color: #333;
        font-size: 14px
    }

    .new-list .time {
        color: #999;
        font-size: 14px;
        text-align: center;
    }

    .new-list .more {
        display: block;
        width: 140px;
        height: 34px;
        line-height: 34px;
        color: #999;
        text-align: center;
        border: 1px solid #999;
        display: block;
        margin-top: 8px;
    }

.f-xx {
    width: 100%;
    height: 46px;
    overflow: hidden;
    margin-bottom: 6px;
    color: #666
}

.pro-list1 {
    margin-top: 20px;
    margin: 0px auto;
    width: 1200px;
}

    .pro-list1 > li {
        position: relative;
        float: left;
        width: 285px;
        height: 384px;
        overflow: hidden;
        margin-right: 20px;
    }

        .pro-list1 > li:nth-child(4n) {
            margin-right: 0px;
        }

        .pro-list1 > li img {
            width: 100%;
            height: 100%;
            transform: scale(1);
            transition: all 1s ease 0s;
            -webkit-transform: scale(1);
            -webkit-transform: all 1s ease 0s;
        }

    .pro-list1 .mask {
        position: absolute;
        top: 315px;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 20%;
        text-align: center;
        background: rgba(8,58,79,0.6);
        color: #fff
    }

    .pro-list1 h3 {
        margin-top: 25px;
        font-size: 24px;
        color: #fff;
    }

        .pro-list1 h3 i {
            display: block;
            width: 34px;
            height: 3px;
            margin: 20px auto 0;
            background: #fff
        }

    .pro-list1 .mask1 i {
        background: #fff
    }

    .pro-list1 p {
        margin-top: 20px
    }

    .pro-list1 > li:hover .mask {
        top: 0px;
        transition: all 0.5s ease-in-out;
    }

    .pro-list1 .mask a {
        color: #fff;
        width: 100%;
        height: 100%;
        display: block;
    }

    .pro-list1 > li:hover img {
        transform: scale(1.05);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1.05);
        -webkit-transform: all 1s ease 0s;
    }



.subpro {
    margin-top: 25px
}

    .subpro li {
        width: 160px;
        height: 36px;
        margin: 0 auto 7px;
        text-align: center
    }

        .subpro li a {
            display: block;
            line-height: 36px;
            font-size: 16px;
            background: #fff;
            -webkit-transition: all .5s ease 0s;
            -moz-transition: all .5s ease 0s;
            -ms-transition: all .5s ease 0s;
            -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s
        }

        .subpro li:hover a {
            color: #fff;
            background: #231815
        }

.p-nav {
    margin-bottom: 40px
}

    .p-nav li {
        float: left;
        margin-right: 20px
    }

        .p-nav li a {
            display: block;
            width: 272px;
            height: 60px;
            line-height: 60px;
            font-size: 20px;
            text-align: center;
            border: 4px solid #e5e5e5
        }

        .p-nav li.active a, .p-nav li:hover a {
            color: #fff;
            font-weight: 700;
            background: #231815;
            border: 4px solid #231815
        }

.pro-list3 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.pro-show-r {
    float: right;
    width: 660px
}

    .pro-show-r .pro-sx {
        width: 50%
    }

        .pro-show-r .pro-sx li {
            line-height: 24px
        }

    .pro-show-r h3 {
        margin-top: 30px;
        color: #333;
        font-size: 24px
    }

    .pro-show-r .txt {
        line-height: 30px;
        margin-top: 20px;
        padding: 10px 0 25px;
        font-size: 12px;
        border-top: 1px solid #ddd
    }

        .pro-show-r .txt div {
            margin-top: 15px
        }

        .pro-show-r .txt p {
            line-height: 24px;
            text-indent: 2em
        }

.pro-show-m {
    margin-top: 30px;
    padding-top: 40px;
    background: no-repeat url(../images/pro_show_m.jpg)
}

    .pro-show-m h2 {
        color: #fff;
        font-size: 30px
    }

    .pro-show-m .nav {
        height: 600px;
        margin-top: 36px;
        position: relative
    }

        .pro-show-m .nav > li {
            float: left;
            margin-right: 15px
        }

            .pro-show-m .nav > li > a {
                display: block;
                width: 200px;
                height: 50px;
                line-height: 50px;
                color: #333;
                font-size: 18px;
                text-align: center;
                background: repeat url(../images/bg_mask_w.png)
            }

            .pro-show-m .nav > li.active > a, .pro-show-m .nav > li:hover > a {
                background: #fff
            }

.proshow-sub {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    line-height: 30px
}

    .proshow-sub h3 {
        margin-bottom: 30px;
        color: #333;
        font-size: 24px
    }

    .proshow-sub h6 {
        font-size: 14px
    }

table.ly {
    width: 100%
}

    table.ly td {
        float: left;
        margin-bottom: 20px
    }

    table.ly .tr1 td {
        width: 280px;
        margin-right: 20px
    }

        table.ly .tr1 td input {
            width: 260px
        }

    table.ly .tr2 td, table.ly .tr3 td {
        width: 1160px;
        margin-right: 22px
    }

        table.ly .tr2 td input, table.ly .tr3 td textarea {
            width: 100%
        }

    table.ly input[type=text] {
        height: 28px;
        line-height: 28px;
        padding: 5px 10px;
        color: #999;
        border: 1px solid #ddd;
        background: #fff
    }

    table.ly textarea {
        height: 114px;
        padding: 5px 10px;
        color: #999;
        border: 1px solid #ddd;
        background: #fff;
        resize: none
    }

    table.ly .sbt {
        width: 240px;
        height: 40px;
        color: #fff;
        font-size: 14px;
        background: no-repeat url(../images/pro_m_sbt.png);
        border: none;
        cursor: pointer
    }

.pro-more .tit {
    height: 77px;
    line-height: 77px;
    margin-bottom: 40px;
    text-align: left;
    background: #eee
}

    .pro-more .tit h3 {
        color: #333;
        font-size: 24px
    }

    .pro-more .tit a {
        float: right;
        padding-left: 25px;
        color: #666;
        font-size: 18px;
        font-weight: 400;
        background: no-repeat url(../images/pro-more.png);
        background-position: 0 33px
    }

        .pro-more .tit a:hover {
            color: #2d66d9;
            background: no-repeat url(../images/pro-more_hov.png);
            background-position: 0 33px
        }

/*荣誉资质*/
.img-list li, .ny_shops li {
    float: left;
    margin: 0 20px 20px 0;
    width: 224px;
    height: auto;
}

    .img-list li a, .ny_shops li a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .img-list li a div {
            width: 100%;
            overflow: hidden;
            height: 324px;
            border: 1px solid #ddd;
        }

        .img-list li a img, .ny_shops li a img {
            width: 100%;
            height: 100%;
            transform: scale(1);
            transition: all 1s ease 0s;
            -webkit-transform: scale(1);
            -webkit-transform: all 1s ease 0s;
        }

    .img-list li:hover img, .ny_shops li:hover img {
        transform: scale(1.05);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1.05);
        -webkit-transform: all 1s ease 0s;
    }

    .img-list li p, .ny_shops li p {
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #666;
        height: 35px;
        line-height: 35px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .img-list li:hover p, .ny_shops li:hover p {
        color: #2d66d9
    }

    .img-list li:nth-child(5n), .ny_shops li:nth-child(5n) {
        margin-right: 0px;
    }

    /*厂房厂貌*/
    .ny_shops li a div {
        width: 100%;
        overflow: hidden;
        height: 166px;
        border: 1px solid #ddd;
    }




/*案列*/
.img-lists li {
    float: left;
    height: 245px;
    margin: 0 26px 20px 0;
    width: 280px;
}

    .img-lists li a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .img-lists li a div {
            width: 100%;
            height: 206px;
            overflow: hidden;
        }

        .img-lists li a img {
            width: 100%;
            height: 100%;
            transform: scale(1);
            transition: all 1s ease 0s;
            -webkit-transform: scale(1);
            -webkit-transform: all 1s ease 0s;
        }

    .img-lists li:hover img {
        transform: scale(1.05);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1.05);
        -webkit-transform: all 1s ease 0s;
    }

    .img-lists li p {
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #666
    }

    .img-lists li:hover p {
        color: #2d66d9
    }

    .img-lists li:nth-child(4n) {
        margin-right: 0px;
    }


/*联系我们*/
.m-cot {
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

    .m-cot h3 {
        font-size: 24px
    }

        .m-cot h3 i {
            display: block;
            width: 120px;
            height: 3px;
            margin: 25px 0 10px;
            background: #666
        }

    .m-cot .f-cl {
        float: left;
        width: 700px;
        font-size: 16px;
        color: #666;
        line-height: 28px;
    }

    .m-cot .ewm {
        float: right;
        margin-top: 20px;
        margin-left: 15px;
    }

        .m-cot .ewm img {
            width: 110px;
            height: 110px;
            border: 1px solid #ddd;
            padding: 5px;
        }

        .m-cot .ewm p {
            text-align: center;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #666
        }

.iw_poi_title {
    color: #C52;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial,sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.keyword_light {
    margin-bottom: 30px
}

#newsfoot tr > td:first-child {
    padding-left: 10px;
    font-size: 14px;
    color: #555
}

    #newsfoot tr > td:first-child > a {
        color: #000
    }

#newsfoot tr > td:last-child {
    position: relative;
    top: 0px;
    left: 0px
}

.proname {
    padding: 20px 0 5px 0
}



/*产品*/
.pro-list2 {
    width: 1232px;
    margin: 0 auto
}

    .pro-list2 li {
        position: relative;
        float: left;
        width: 280px;
        height: 268px;
        margin: 0 14px 30px
    }

        .pro-list2 li img {
            display: block;
            width: 280px;
            height: 206px;
            overflow: hidden
        }

        .pro-list2 li h4 {
            height: 60px;
            line-height: 60px;
            text-align: center
        }

    .pro-list2 .good_h {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 50px 30px 0;
        color: #fff;
    }

    .pro-list2 li h3 {
        margin-bottom: 20px;
        font-size: 24px;
        width: 100%;
        height: 35px;
        line-height: 35px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .pro-list2 li:hover .good_h {
        display: block;
        background: rgba(45,102,217,0.6);
    }


/*搜索页面*/
.pro-search {
    width: 1232px;
    margin: 0 auto
}

    .pro-search li {
        position: relative;
        float: left;
        width: 280px;
        height: 295px;
        margin: 0 14px 30px
    }

        .pro-search li img {
            display: block;
            width: 280px;
            height: 206px;
            overflow: hidden
        }

    .pro-search .good_h {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 50px 30px 0;
        color: #fff;
    }

    .pro-search li h3 {
        font-size: 24px;
        width: 100%;
        height: 35px;
        font-size: 16px;
        color: #333;
        line-height: 35px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .pro-search li div {
        width: 100%;
        height: 58px;
        line-height: 26px;
        font-size: 14px;
        color: #333;
        overflow: hidden
    }


/*详情页*/
.nyinfo_title {
    width: 100%;
    font-size: 20px;
    color: #000;
    padding: 10px 0px;
    text-align: center;
    clear: both
}

.info_time {
    width: 100%;
    line-height: 30px;
    color: #000;
    height: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    clear: both
}

.info_xq {
    width: 100%;
    font-size: 20px;
    color: #666;
    padding: 10px 0px;
    clear: both
}

.go_black {
    width: 90px;
    height: 30px;
    background: #2d66d9;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    position: relative;
}






@media screen and (max-width:1366px) {
    .conbox_button {
        display: none;
    }
}