/*配置颜色*/

.Themebg, .Themebghover:hover, .message-list dl dt, .pro_title .pro_wid a:after, .about .about_right a:after {
    background-color: rgb(2, 131, 0) !important;
}

.Themefont, .Themetxthover:hover, .menu .tel:before, .message-list dl dd p i {
    color: rgb(247, 193, 30) !important;
}

.Themeborder {
    border-color: rgb(247, 193, 30) !important;
}

.NavBoxPublic .TriangleBtn:before {
    border-color: rgb(247, 193, 30) !important;
}

.ThemeFbg, .contact {
    background-color: rgb(11, 111, 36) !important;
}
/*字体*/

@font-face {
    font-family: "iconfont";
    src: url('../images/icon/iconfont.eot');
    src: url('../images/icon/iconfont.eot?#iefix') format('embedded-opentype'), url('../images/icon/iconfont.woff') format('woff'), url('../images/icon/iconfont.ttf') format('truetype'), url('../images/icon/iconfont.svg#iconfont2') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
}

.icon-youxiang:before {
    content: "\e624";
}

.icon-address:before {
    content: "\e60a";
}

.icon-phone-alt:before {
    content: "\e616";
}

.icon-dianhua:before {
    content: "\e65e";
}

.tpl_one .col-md-12 {
    float: none;
    padding: 0px !important;
}

.tpl_four {
    height: auto;
    overflow: hidden;
    background: url(../images/hui.jpg) repeat;
}

.tpl_six {
    height: auto;
    overflow: hidden;
    background: url(../images/hei.jpg) repeat;
}

.row .col-md-4, .row .col-md-8 {
    padding: 0px;
}

.menu .header-box {
    margin: 0 auto;
    height: auto;
    max-width: 1200px;
    position: relative;
}

    .menu .header-box .logo {
        float: left;
        position: relative;
        z-index: 1;
    }

        .menu .header-box .logo img {
            margin: 0px;
            max-height: 100px;
        }

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

.cl {
    clear: both;
}

.overflow {
    display: block;
}

.content-box {
    max-width: 1200px;
    margin: 30px auto;
    height: auto;
    overflow: hidden;
}

.Animation {
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.column {
    margin: 0px;
}
/*--插件留言输入框字体颜色--*/

.skin1 input, .skin1 textarea, .xskin1 input, .xskin1 textarea {
    color: #333;
}
/*--banner/原点--*/

.bannerEffect .tp-bullets.simplebullets.round .bullet {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    margin: 0 5px;
}
/*-------</END 头部 LOGO >------------*/

.headFixed {
    position: relative;
}

.header-nav {
    width: 100%;
}

.menu .nav-box {
    height: 54px;
    line-height: 54px;
    max-width: 1200px;
    margin: 0 auto;
}

.menu .NavBox {
    height: 54px;
    text-align: center;
}

.menu .nav {
    padding: 0;
    margin: 0 auto;
}

    .menu .nav li {
        float: left;
        text-align: center;
    }

    .menu .nav > li:hover ul {
        display: block;
        padding: 0;
    }

    .menu .nav > li .Triangle:after {
        content: '';
        display: inline-block;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #fff;
        position: absolute;
        top: 25px;
        right: 2px;
    }

    .menu .nav > li ul {
        display: none;
        padding: 0;
        box-shadow: 1px 1px 4px 0 rgba(0,0,0,.4);
        position: absolute;
        left: 0px;
        top: 54px;
        width: 100%;
        z-index: 33;
    }

        .menu .nav > li ul li {
            line-height: 42px;
            padding: 0px;
            background: none;
            float: none;
            text-align: center;
            margin-top: 1px;
            width: 100%;
        }

            .menu .nav > li ul li:hover {
                opacity: 0.9;
                filter: alpha(opacity=90);
            }

            .menu .nav > li ul li a {
                font-size: 12px;
                color: #fff;
                display: block;
                margin: 0 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: center;
                padding: 0px;
            }

                .menu .nav > li ul li a:hover {
                    text-decoration: none;
                    color: #fff;
                }

.menu .navbar-nav {
    width: 100%;
}

    .menu .navbar-nav > li {
        width: 12.5%;
    }

        .menu .navbar-nav > li > a {
            background-color: transparent;
        }

        .menu .navbar-nav > li > a {
            display: block;
            position: relative;
            font-size: 14px;
            color: #fff;
            height: auto;
            margin: 0px;
            padding: 0px 20px;
            line-height: 54px;
        }

            .menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus {
                background: none;
            }

            .menu .navbar-nav > li > a.active {
                background-image: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

.NavBtn {
    display: none;
    text-align: center;
    overflow: hidden;
}

.menu .tel {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 55px;
}

    .menu .tel:before {
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 50px;
        height: 40px;
        line-height: 34px;
    }

    .menu .tel p {
        font-size: 16px;
        line-height: 20px;
    }

    .menu .tel b {
        display: block;
    }

.pro_title {
    background: url(../images/border.jpg) repeat-x center 20px;
}

    .pro_title .pro_wid {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

        .pro_title .pro_wid .center {
            background: #fff;
            padding: 0px 30px;
            position: relative;
            display: inline-block;
        }

            .pro_title .pro_wid .center:before {
                position: absolute;
                content: "";
                width: 3px;
                height: 3px;
                background: #252525;
                left: 0px;
                top: 19px;
            }

            .pro_title .pro_wid .center:after {
                position: absolute;
                content: "";
                width: 3px;
                height: 3px;
                background: #252525;
                right: 0px;
                top: 19px;
            }

        .pro_title .pro_wid p {
            font-size: 24px;
            display: inline-block;
            max-width: 200px;
            margin: 0px;
        }

        .pro_title .pro_wid a {
            clear: both;
            display: block;
            color: #666;
            font-size: 14px;
            font-family: "Arial";
            position: relative;
            width: 55px;
            margin: 0 auto;
        }

            .pro_title .pro_wid a:after {
                content: "";
                position: absolute;
                right: -5px;
                top: 5px;
                width: 10px;
                height: 10px;
            }

            .pro_title .pro_wid a:before {
                content: "+";
                position: absolute;
                right: -4px;
                top: 1px;
                color: #fff;
                font-size: 12px;
                z-index: 2;
            }

.tpl_six .pro_title {
    background: url(../images/border_white.jpg) repeat-x center 20px;
    height: 58px;
}

    .tpl_six .pro_title .pro_wid .center {
        background: url(../images/hei.jpg);
    }

        .tpl_six .pro_title .pro_wid .center:before, .tpl_six .pro_title .pro_wid .center:after {
            background-color: #fff;
        }

    .tpl_six .pro_title .pro_wid p {
        color: #fff !important;
        margin: 0px;
    }

    .tpl_six .pro_title .pro_wid a {
        color: #fff;
    }

.header-box .clearfix.none {
    display: none;
}

.btn-navbar-t {
    display: none;
    float: right;
    padding: 3px 8px 7px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #333;
    border-radius: 4px;
}

    .btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active {
        filter: Alpha(opacity=80);
        opacity: 0.8;
    }

    .btn-navbar-t .icon-bar {
        background: #333;
        display: block;
        margin-top: 4px;
        width: 18px;
        height: 2px;
    }

#huilan-aikf-container {
    min-width: 125px!important;
    bottom: 60px!important;
    right: 11px!important;
}
/*-------</END 导航>------------*/ /*-------</END 切换导航按钮>------------*/ /* 小屏幕 一*/

@media screen and (max-width:1200px) {
    .content-box {
        margin: 30px 15px;
    }
}
/* 小屏幕 三*/

@media screen and (max-width:870px) {
    .header-nav {
        border-bottom: none;
        margin-top: 0px;
    }

    .menu {
        height: auto;
    }

        .menu .tel {
            display: none;
        }

        .menu .nav-box {
            border-radius: 0px;
        }

    .header-box .clearfix.none {
        display: block;
    }

    .menu .nav {
        padding: 0;
        margin: 0;
    }

        .menu .nav li a:hover:after {
            display: none;
        }

    .menu .btn-t {
        display: block;
        position: absolute;
        top: 18px;
        right: 14px;
        z-index: 99;
    }

    .menu .header-nav .nav-box {
        background: none;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .menu .nav {
        float: none;
        width: 100%;
    }

    .menu .NavBox {
        width: 100%;
        height: 0;
        overflow: hidden;
    }
    /*-----------</菜单>---------------*/
}

@media screen and (max-width:600px) {
    .row .col-md-7, .row .col-md-5 {
        padding: 0px;
    }
}

@media screen and (max-width:320px) {
    .pro_title .pro_wid .center {
        padding: 0px 10px;
    }
}

.banner {
    width: 100%;
    overflow: hidden;
}

.carousel {
    margin: 0;
}

.bannerBox {
    margin: 0 auto;
    position: relative;
}

.banner .carousel-control {
    background: none;
}
/*---产品列表----*/

.product {
    margin: 30px 0px;
    height: auto;
    overflow: hidden;
}

    .product .pro_classify {
        text-align: center;
        max-width: 1200px;
        margin: 0px auto;
    }

        .product .pro_classify ul {
            display: inline-block;
            margin: 10px auto;
            padding: 0px;
        }

            .product .pro_classify ul li {
                float: left;
            }

                .product .pro_classify ul li a {
                    display: inline-block;
                    border: 1px solid #cbcbcb;
                    background-color: #fff;
                    color: #333;
                    padding: 10px 15px;
                    margin: 5px;
                    max-width: 250px;
                }

                    .product .pro_classify ul li a:hover {
                        color: #fff;
                    }

    .product .pro-list {
        padding: 0px;
        clear: both;
        height: auto;
        max-width: 1200px;
        margin: 0 auto;
    }

        .product .pro-list li {
            margin-bottom: 10px;
        }

            .product .pro-list li:nth-child(3n+1) {
                margin-left: 0px;
            }

            .product .pro-list li a {
                display: block;
                padding: 0px;
                text-align: center;
                position: relative;
            }

            .product .pro-list li .div_img {
                overflow: hidden;
            }

            .product .pro-list li a img {
                width: 100%;
            }

            .product .pro-list li a:hover img {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1);
            }

            .product .pro-list li a h5 {
                font-size: 14px;
                text-align: center;
                margin: 0px;
                color: #fff;
                width: 100%;
                position: absolute;
                bottom: 0px;
                background: url(../images/black.png) repeat;
                height: 30px;
                line-height: 30px;
            }
/*-----------</END 产品列表>---------------*/

@media screen and (max-width: 1200px) {
    .product .pro_classify, .product .pro-list {
        margin: 0px 15px;
    }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
    .product .pro-list li.col-md-4 {
        width: 32.4%;
        margin-left: 1.4%;
        padding: 0px;
    }

    .product .pro-list li:nth-child(3n+1) {
        margin-left: 0px;
    }

    .product .pro-list li a:hover img {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }
}

@media screen and (max-width: 480px) {
    .product .pro-list li.col-md-4 {
        width: 49%;
        margin-left: 2%;
    }

    .product .pro-list li:nth-child(2n+1) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 414px) {
    .product .pro_classify ul {
        display: block;
        max-height: 268px;
        overflow: hidden;
    }

        .product .pro_classify ul li {
            float: none;
        }

            .product .pro_classify ul li a {
                display: block;
                max-width: 100%;
            }
}
/*-----------<关于我们>---------------*/

.about {
    max-width: 1200px;
}

    .about .about_left {
        float: left;
        width: 38%;
        position: relative;
        padding: 1%;
    }

        .about .about_left:before {
            position: absolute;
            left: 0px;
            bottom: 0px;
            content: "";
            border: 1px solid #fff;
            width: 94%;
            height: 92%;
        }

        .about .about_left:after {
            position: absolute;
            right: 0px;
            top: 0px;
            content: "";
            border: 1px solid #fff;
            width: 94%;
            height: 92%;
        }

        .about .about_left img {
            width: 100%;
            box-sizing: border-box;
            border: 5px solid #fff;
            z-index: 1;
            position: relative;
        }

    .about .about_right {
        width: 58%;
        float: right;
        background-color: #fff;
        box-sizing: border-box;
        padding: 10px;
        height: auto;
        overflow: hidden;
    }

        .about .about_right .about_title {
            border-bottom: 1px solid #cbcbcb;
            height: 40px;
        }

            .about .about_right .about_title b {
                font-size: 24px;
                float: left;
                max-width: 80%;
            }

        .about .about_right .company-box {
            line-height: 24px;
            height: 261px;
            overflow: hidden;
            margin: 13px 0px;
            font-size: 14px;
        }

            .about .about_right .company-box * {
                font-size: 14px!important;
                line-height: 1.6!important;
            }

        .about .about_right a.more {
            display: block;
            color: #666;
            font-size: 14px;
            font-family: "Arial";
            position: relative;
            width: 55px;
            margin: 0 auto;
            float: right;
        }

            .about .about_right a.more:after {
                content: "";
                position: absolute;
                right: 0px;
                top: 5px;
                width: 10px;
                height: 10px;
            }

            .about .about_right a.more:before {
                content: "+";
                position: absolute;
                right: 1px;
                top: 1px;
                color: #fff;
                font-size: 12px;
                z-index: 2;
            }

@media screen and (max-width: 980px) {
    .about .about_right .company-box {
        height: 192px;
    }
}

@media screen and (max-width: 870px) {
    .about .about_right .company-box {
        height: 144px;
    }
}

@media screen and (max-width: 768px) {
    .about .about_right .company-box {
        height: 120px;
    }
}

@media screen and (max-width: 640px) {
    .about .about_right .company-box {
        height: 96px;
    }
}

@media screen and (max-width: 480px) {
    .about .about_left {
        width: 98%;
        float: none;
    }

    .about .about_right {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

        .about .about_right .company-box {
            height: 120px;
        }
}
/*-----------<联系我们>---------------*/

.contact {
    padding: 30px 0px;
}

    .contact .content-box {
        height: auto;
        overflow: hidden;
        margin: 0px auto;
    }

    .contact .address {
        float: left;
        width: 44%;
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .contact .tel, .contact .email {
        width: 28%;
        margin-right: 0px;
    }

    .contact .address i {
        display: block;
        color: #fff;
        float: left;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
    }

        .contact .address i:before {
            font-size: 45px;
        }

    .contact .address span {
        display: block;
        color: #fff;
        font-size: 14px;
    }

        .contact .address span b {
            display: block;
        }

        .contact .address span p {
            margin: 0px;
            padding: 0px;
        }

@media screen and (max-width: 1200px) {
    .contact .content-box {
        margin: 0px 15px;
    }
}

@media screen and (max-width: 640px) {
    .contact .address {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}
/*-----------<最新资讯>---------------*/

.article {
    margin: 30px 0px;
    height: auto;
    overflow: hidden;
}

    .article .news_box {
        height: auto;
        overflow: hidden;
        max-width: 1200px;
        margin: 20px auto 0px;
    }

        .article .news_box a {
            display: block;
            height: auto;
            overflow: hidden;
            margin-bottom: 25px;
        }

            .article .news_box a:nth-child(2n+1) {
                margin-left: 0px;
            }

    .article .time {
        float: left;
        width: 15%;
        text-align: center;
        padding: 15px 0px;
        font-family: "Arial";
        color: #999;
        background: #f2f2f2;
    }

        .article .time span {
            display: block;
            font-size: 18px;
        }

        .article .time b {
            display: block;
            font-size: 14px;
            margin-top: 0px;
        }

    .article .news_det {
        float: right;
        width: 83%;
    }

        .article .news_det h3 {
            font-size: 16px;
            padding: 0px;
            margin: 0px;
            color: #333;
        }

        .article .news_det p {
            font-size: 12px;
            line-height: 24px;
            height: 48px;
            overflow: hidden;
            color: #666;
            padding: 0px;
            margin-top: 10px;
        }

@media screen and (max-width: 1200px) {
    .article .news_box {
        margin: 20px 15px;
    }
}

@media screen and (max-width: 768px) {
    .article .news_det {
        width: 78%;
    }

    .article .time {
        width: 20%;
    }
}

@media screen and (max-width:480px) {
    .article .news_box a {
        padding: 0px;
    }

        .article .news_box a:last-child {
            margin-bottom: 0px;
        }
}

.articleLabel {
    margin: 30px 0px;
}

    .articleLabel .case_list {
        padding: 0px;
        height: auto;
        overflow: hidden;
        max-width: 1200px;
        margin: 20px auto;
        position: relative;
    }

        .articleLabel .case_list li {
            width: 35%;
            position: relative;
        }

            .articleLabel .case_list li:first-child {
                width: 64%;
                margin-left: 0px;
                float: left;
            }

            .articleLabel .case_list li.item1 {
                float: right;
            }

            .articleLabel .case_list li.item2 {
                position: absolute;
                right: 0px;
                bottom: 0px;
            }

            .articleLabel .case_list li a {
                display: block;
                overflow: hidden;
            }

                .articleLabel .case_list li a img {
                    width: 100%;
                }

                .articleLabel .case_list li a:hover img {
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    -o-transform: scale(1.1);
                    transform: scale(1.1);
                }

            .articleLabel .case_list li .pro_box {
                position: absolute;
                bottom: 0px;
                height: 30px;
                width: 100%;
                color: #fff;
                box-sizing: border-box;
                line-height: 30px;
                font-size: 14px;
                background: url(../images/black.png) repeat;
                text-align: center;
            }

            .articleLabel .case_list li.item0 .pro_box {
                position: relative;
                background: #cfceca;
                height: 65px;
                line-height: 65px;
                color: #333;
                font-size: 18px;
            }

@media screen and (max-width: 1200px) {
    .articleLabel .case_list {
        margin: 20px 15px;
    }
}

@media screen and (max-width: 768px) {
    .articleLabel .case_list li:first-child {
        width: 62%;
    }

    .articleLabel .case_list li {
        width: 35%;
    }
}

@media screen and (max-width: 480px) {
    .articleLabel .case_list li:first-child {
        width: 60%;
    }

    .articleLabel .case_list li.item0 .pro_box {
        height: 60px;
        line-height: 60px;
    }
}

@media screen and (max-width: 414px) {
    .articleLabel .case_list li:first-child {
        width: 58%;
    }

    .articleLabel .case_list li {
        width: 38%;
    }
}

@media screen and (max-width: 375px) {
    .articleLabel .case_list li:first-child, .articleLabel .case_list li {
        width: 100%;
        float: none !important;
        margin-bottom: 10px;
    }

        .articleLabel .case_list li.item2 {
            position: relative;
        }
}
/*-----------<图库>---------------*/

.album {
    margin: 30px 0px;
    height: auto;
    overflow: hidden;
}

    .album ul {
        padding: 0px;
        height: auto;
        overflow: hidden;
        margin: 20px auto;
        max-width: 1200px;
    }

        .album ul li {
            float: left;
            position: relative;
            width: 19%;
            margin-bottom: 10px;
            margin-left: 1.2%;
        }

            .album ul li.item0 {
                width: 49%;
                margin-left: 0px;
            }

            .album ul li.item1 {
                width: 49%;
            }

            .album ul li.item2 {
                margin-left: 0px;
            }

            .album ul li a {
                display: block;
            }

            .album ul li img {
                width: 100%;
            }

            .album ul li p {
                height: 0px;
                position: absolute;
                left: 0px;
                bottom: 0px;
                background: url(../images/black.png) repeat;
                line-height: 30px;
                color: #fff;
                text-align: center;
                font-size: 12px;
                width: 100%;
                margin: 0px;
            }

            .album ul li:hover p {
                height: 30px;
            }

@media screen and (max-width:1200px) {
    .album ul {
        margin: 20px 15px;
    }
}

@media screen and (max-width:640px) {
    .album ul li {
        width: 49%;
    }

        .album ul li.item6 {
            width: 100%;
            margin-left: 0px;
        }

        .album ul li.item4 {
            margin-left: 0px;
        }
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:375px) {
}
/*---友情链接----*/

.friendBox {
    margin: 15px auto 0;
    max-width: 1200px;
    text-align: center;
}

.friendLink .link-box {
    height: auto;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .friendLink .link-box h4 {
        color: #666;
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
    }

    .friendLink .link-box ul {
        overflow: hidden;
        display: inline;
        color: #666;
        line-height: 30px;
    }

        .friendLink .link-box ul li {
            position: relative;
            display: inline-block;
            margin-right: 10px;
            font-style: normal;
            padding: 0 3px;
        }

            .friendLink .link-box ul li:first-child:after {
                display: none;
            }

            .friendLink .link-box ul li:after {
                content: '|';
                position: absolute;
                left: -10px;
                top: 0;
            }

        .friendLink .link-box ul a {
            word-break: break-all;
            word-wrap: break-word;
            font-style: normal;
            color: #666;
        }
/* 小屏幕 一*/

@media screen and (max-width:1200px) {
    .friendBox {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
/*---footer----*/

.footers {
    width: 100%;
    color: #333;
}

.footerBox {
    margin: 0 auto;
    max-width: 1200px;
}

.footers .footers-box {
    padding: 15px 0;
}

    .footers .footers-box a {
        margin-right: 10px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .footers .footers-box p {
        padding: 0;
        font-size: 12px;
        line-height: 20px;
    }
/*-----------</END>---------------*/

.footers .Attention, .tpl_footers .footers .footersInformation p {
    text-align: center !important;
}

.footersInformation {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

.footers .qr {
    width: 150px !important;
    float: none !important;
    text-align: center !important;
    margin: 10px auto 0px !important;
}

.row {
    margin: 0;
}

.DoesNot {
    text-align: center;
    font-size: 20px;
    margin: 50px 0;
}
/*----按钮----*/

a.a-btn {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
}

    a.a-btn + a {
        margin-bottom: 3px;
    }

    a.a-btn.a-btn1 {
        background-color: #cfcdcf;
        color: #666666;
    }

        a.a-btn.a-btn1:hover {
            background-color: #ccc;
            color: #FFF;
        }

.Themebg.btn-success {
    margin-bottom: 5px;
    margin-right: 5px;
}

.btn-warning.btn-can {
    margin-left: 0px;
}

.TopologyLeft .body-right, .TopologyLeft .body-left {
    margin: 0px;
}

.pro_keyword {
    padding: 0px;
}

a.a-btn.a-btn2 {
    color: #fff;
}

.TopologyCenter .body-left {
    padding-top: 25px;
}

.photo.row {
    padding-top: 20px;
}

.title_name {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.body-right .page {
    height: auto;
    overflow: hidden;
    margin: 10px 0px;
}
/*----面包屑模块----*/

.breadCrumb {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #333;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
}

    .breadCrumb em {
        font-family: Arial;
        font-size: 14px;
        padding: 0 8px;
    }

    .breadCrumb a {
        color: #333;
        margin: 0px;
        line-height: 40px;
    }

        .breadCrumb a.pick {
            color: #1e82c5;
        }

    .breadCrumb em, .breadCrumb b, .breadCrumb span {
        margin: 0px;
        line-height: 40px;
    }

body .news-nr-box .DownloadBtn {
    width: 150px;
    text-align: center;
    text-indent: 25px;
}
/*----翻页模块----*/

.page {
    margin-top: 25px;
}

    .page .col-lg-3, .page .col-lg-9 {
        padding: 0;
        margin: 10px 0;
        height: 34px;
        line-height: 34px;
    }

    .page .col-lg-9 {
        text-align: right;
    }

    .page .pagination {
        margin: 0;
        padding-left: 12px;
    }

        .page .pagination > li > a {
            color: #666;
        }

        .page .pagination > li:first-child > a, .pagination > li:first-child > span {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

        .page .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
        }

        .page .pagination > .active > a, .page .pagination > .active > span, .page .pagination > .active > a:hover, .page .pagination > .active > span:hover, .page .pagination > .active > a:focus, .page .pagination > .active > span:focus {
            background-color: #1e82c5;
            border-color: #1e82c5;
            color: #FFF;
        }

.footers {
    border-top: 1px solid #ddd;
}

#verify_img {
    max-width: 80%;
}
/*----左侧标题模块----*/ /*----产品分类----*/

.classifi {
    padding: 10px 0;
}

    .classifi .product-class {
        text-align: center;
    }

        .classifi .product-class li {
            position: relative;
            padding-right: 10px;
            display: inline-block;
            height: 45px;
            line-height: 45px;
        }

            .classifi .product-class li a {
                max-width: 150px;
                margin-top: 5px;
                display: block;
                padding: 0 20px;
                color: #fff;
                border-radius: 30px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .classifi .product-class li a.ThemeSbg {
                    color: #fff !important;
                }

                .classifi .product-class li a:hover, .classifi .product-class li a.active {
                    color: #fff;
                }

    .classifi#ProClass li .classBox {
        top: 46px;
    }



#ProClassLeft li.ac .Classtriangle::after, #md_detailProductClass li.ac .Classtriangle:after {
    top: 20px;
}

.classifiLeft {
    background: #fff;
    margin-top: 15px;
}

.ClassLeftBox .product-class, .body-left .LeftBox .list-box {
    padding: 0px;
    background-color: #ddd;
    height: auto;
    overflow: hidden;
}

.body-left.ClassLeftBox .product-class li {
    background: none;
    margin-bottom: 0px;
    border-bottom: 1px solid #fff;
}

    .body-left.ClassLeftBox .product-class li:last-child {
        border-bottom: none;
    }

.ClassLeftBox .product-class li a, .ClassLeftBox .product-class li {
    line-height: 45px;
}

.body-left.ClassLeftBox .product-class li a.ThemeSbg, .body-left.ClassLeftBox .product-class li a:hover {
    color: #fff!important;
}

.body-right #ProClass li.ac .Classtriangle:after {
    border-top-color: #fff!important;
    top: 20px;
}

.body-left .LeftBox {
    background: #fff;
}

.body-left h4, .classifi h4 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    color: #fff;
}

    .body-left h4 span, .classifi h4 span {
        font-size: 16px;
    }

.LeftBox .more {
    text-align: center;
    clear: both;
    margin: 10px 0px;
}

    .LeftBox .more a {
        display: inline-block;
        font-size: 12px;
        position: relative;
        padding: 3px 10px;
        color: #fff;
        border-radius: 20px;
    }

    .LeftBox .more i {
        font-size: 14px;
        margin-right: 5px;
    }
/*----公司资讯----*/

.body-left .list-box {
    padding: 10px 0;
}

    .body-left .list-box li {
        line-height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #666;
        position: relative;
        border-bottom: 1px solid #ccc;
    }

        .body-left .list-box li a {
            color: #333;
            padding-left: 10px;
        }

        .body-left .list-box li span {
            display: none;
        }

.LeftBox.mt15 {
    margin-top: 15px;
}

.ClassLeftBox .list-box li:before {
    position: absolute;
    left: 0px;
    top: -3px;
}
/*----相关产品模块---*/

.body-right .productBox {
    width: 100%;
    margin: 15px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.productBox h4.title01 {
    overflow: hidden;
    height: 40px;
    color: #333;
    font-size: 14px;
    font-weight: bolder;
    line-height: 40px;
}

    .productBox h4.title01 span {
        padding: 0 10px;
        color: #fff;
        display: block;
        float: left;
    }

    .productBox h4.title01 .a-more {
        color: #fff;
        font-size: 12px;
        float: right;
        padding: 0 10px;
        line-height: 40px;
    }

.productBox .product-box li {
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.productBox .product-box .thumbnail {
    border: 0;
    padding: 0 0 2px;
    background: none;
    border-radius: 0;
    position: relative;
    margin: 0px;
}

.productBox .product-box li, .productBox .product-box li:first-child {
    margin-top: 15px;
    margin: 15px 0.5% 0 \9;
}

    .productBox .product-box li.col-md-3:nth-child(4n+1) {
        margin-left: 0;
    }

.productBox .div-img img {
    width: 100%;
}

.productBox .product-box .thumbnail a.ImgBox {
    position: relative;
    z-index: 2;
}

.productBox .product-box .thumbnail h5 {
    text-align: center;
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 12px;
}
/*-----------表格---------------*/

.table-01 {
    width: 100%;
    margin-bottom: 15px;
}

    .table-01 th, .table-01 td {
        padding: 5px 2px;
        font-size: 14px;
    }

    .table-01 th {
        text-align: right;
        width: 60px;
        font-weight: normal;
        color: #666;
        font-size: 14px;
    }

    .table-01 td {
        color: #666;
    }

    .table-01 .jiathis_style_24x24 {
        margin: 0;
    }

.table-02 {
    width: 100%;
}

    .table-02 th, .table-02 td {
        padding: 5px 2px;
        font-size: 12px;
        line-height: 30px;
    }

    .table-02 th {
        text-align: right;
        width: 125px;
        font-weight: normal;
        color: #666;
        vertical-align: text-top;
    }

    .table-02 td {
        color: #666;
    }

    .table-02 .line-b {
        border-bottom: 2px solid #1e82c5;
    }

        .table-02 .line-b th {
            color: #000;
            text-align: left;
        }

.table-03 th {
    width: 80px;
}

.table-02.table-02-b th {
    width: 110px;
}
/*-----------输入框---------------*/

input.text01 {
    border: 1px solid #d8d9da;
    height: 30px;
    color: #333333;
    line-height: 30px;
    padding: 2px 5px;
    width: 75%;
    size: auto;
    box-shadow: 0 0 2px #d6d6d6 inset;
    font-size: 12px;
}

    input.text01:focus, input.text01:hover, input.text01:active {
        border-color: #d8d9da;
        box-shadow: 0 0 3px #d6d6d6;
    }

.textarea01 {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    padding: 5px;
    color: #636363;
    width: 75%;
}

    .textarea01:focus {
        border-color: #d8d9da;
        box-shadow: 0 0 4px #d6d6d6;
    }
/*----------------------------------------</END 公共模块>------------------------------------------------------*/ /*----产品列表----*/

.pro-list li {
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.pro-list .thumbnail {
    border: 0;
    padding: 0 0 2px;
    background: none;
    border-radius: 0;
    position: relative;
    margin: 0px;
}

.pro-list li.col-md-4, .pro-list li.col-md-4:first-child {
    margin-top: 15px;
    margin: 15px 0.4% 0 \9;
}

    .pro-list li.col-md-4:nth-child(3n+1) {
        margin-left: 0;
    }

.pro-list .thumbnail a.ImgBox {
    position: relative;
    z-index: 2;
    display: block;
}

.pro-list .thumbnail h5 {
    text-align: center;
    position: absolute;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 12px;
    bottom: 0px;
    width: 100%;
    background: url(../images/black.png) repeat;
}

.pro-list .div-img {
    overflow: hidden;
}

    .pro-list .div-img img {
        width: 100%;
    }

.pro-list .thumbnail:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*-----------产品详情页---------------*/

.product-detail {
    padding: 0;
    display: table;
    width: 100%;
    margin-top: 10px;
}

    .product-detail .thumbnail {
        margin-bottom: 0;
        border-radius: 0;
    }

        .product-detail .thumbnail img {
            width: 100%;
        }

    .product-detail h2 {
        font-size: 16px;
        padding: 4px 0 5px 20px;
        margin: 0;
    }

    .product-detail .col-md-5, .product-detail .col-md-7 {
        padding: 0;
    }

.pro_page b {
    float: left;
    line-height: 20px;
}

.pro_page a {
    line-height: 20px;
}

.fieldset-style {
    overflow: hidden;
    background: #fff;
    margin: 15px 0;
    word-break: break-all;
    word-wrap: break-word;
}

    .fieldset-style .div1 {
        padding: 6px 10px;
        color: #666;
        border-top: none;
    }

        .fieldset-style .div1 dl img {
            max-width: 100%;
        }

        .fieldset-style .div1 dl {
            overflow: hidden;
            margin-bottom: 10px;
            margin-top: 5px;
        }

            .fieldset-style .div1 dl dt {
                margin-bottom: 8px;
                height: 30px;
                line-height: 30px;
                display: block;
                border-bottom: 1px solid #ccc;
                font-size: 14px;
                color: #1e82c5;
            }

            .fieldset-style .div1 dl dd {
                line-height: 22px;
            }

    .fieldset-style h3 {
        color: #fff;
    }
/*-----------产品询价页---------------*/

.table-box {
    padding: 0px;
    margin-bottom: 10px;
    background: #fff;
}

.RightTitle {
    border-bottom-width: 2px;
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    line-height: 45px;
    text-indent: 10px;
}

.table-box .title.p1 {
    border: none;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
/*-----------客户留言、留言反馈---------------*/

.message-box {
    padding: 0 10px 10px;
    background: #fff;
    margin-bottom: 10px;
}

.message-list {
    padding: 0;
    margin-top: 10px;
}

    .message-list dl {
        overflow: hidden;
        border: 1px solid #ddd;
        margin-top: 15px;
    }

        .message-list dl dt {
            font-family: "宋体";
            font-size: 15px;
            line-height: 30px;
            overflow: hidden;
            margin-bottom: 10px;
            height: 30px;
            padding: 0 5px;
        }

            .message-list dl dt b {
                font-weight: normal;
                color: #fff;
            }

            .message-list dl dt span {
                float: right;
                font-size: 12px;
                color: #fff;
                max-width: 150px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .message-list dl dd {
            margin: 0 12px;
        }

            .message-list dl dd p {
                font-size: 13px;
                color: #666;
                padding-bottom: 10px;
            }

                .message-list dl dd p i {
                    float: left;
                    color: #333;
                    padding-right: 18px;
                    font-size: 18px;
                }

.W_message dl dd p.Padd70 {
    position: relative;
    padding: 22px 0 0 78px;
}

    .W_message dl dd p.Padd70 span {
        display: block;
    }

        .W_message dl dd p.Padd70 span em, .W_message dl dd p.Padd70 .em_tit {
            position: absolute;
            display: block;
            left: 0;
            width: 70px;
            padding-right: 8px;
            text-align: right;
        }

    .W_message dl dd p.Padd70 .em_tit {
        top: 0;
        font-size: 14px;
        line-height: 18px;
        color: #333;
    }

blockquote {
    border-left: 5px solid #fff;
    margin: 0 0 20px;
    padding: 0;
}

    blockquote small:before {
        content: "";
    }
/*-----------公司介绍---------------*/

.company-box {
    padding: 5px 0;
}

    .company-box p {
        line-height: 2.1em;
        overflow: hidden;
        color: #333;
    }
/*---友情链接----*/

.friendBox {
    margin: 15px auto 0;
    max-width: 1030px;
}

.friendLink .link-box {
    height: auto;
    background-color: #fff;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .friendLink .link-box h4 {
        color: #666;
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
    }

    .friendLink .link-box ul {
        overflow: hidden;
        display: inline;
        color: #666;
        line-height: 30px;
    }

        .friendLink .link-box ul li {
            position: relative;
            display: inline-block;
            margin-right: 10px;
            font-style: normal;
            padding: 0 3px;
        }

            .friendLink .link-box ul li:first-child:after {
                display: none;
            }

            .friendLink .link-box ul li:after {
                content: '|';
                position: absolute;
                left: -10px;
                top: 0;
            }

        .friendLink .link-box ul a {
            word-break: break-all;
            word-wrap: break-word;
            font-style: normal;
            color: #666;
        }

            .friendLink .link-box ul a:hover {
                color: #ddd;
            }
/*-----------网站地图---------------*/

.map-box {
    padding: 0;
    margin-bottom: 10px;
}

.map dl {
    border-bottom: 1px dashed #ccc;
    padding: 12px;
    font-size: 13px;
    margin: 0px;
}

    .map dl:last-child {
        border-bottom: none;
    }

    .map dl dt {
        float: left;
        color: #000;
    }

    .map dl dd {
        display: inline;
        margin: 0px;
    }

        .map dl dd a {
            margin: 0 10px 10px;
            float: left;
            color: #666;
        }

            .map dl dd a:hover {
                color: #1e82c5;
            }

        .map dl dd p {
            overflow: hidden;
        }

.map-box1 {
    margin: 15px 0;
    min-height: 300px;
}
/*----新闻资讯----*/

.BgP10 {
    background: #fff;
    padding: 12px 28px;
}

.tab-box {
    overflow: hidden;
    padding-top: 5px;
    padding: 10px;
}

    .tab-box a {
        margin-right: 10px;
        padding: 5px 15px;
        display: inline-block;
        color: #333;
        margin-bottom: 10px;
        background-color: #edece7;
    }

        .tab-box a.Themebg:hover {
            color: #fff;
        }

        .tab-box a:hover, .tab-box a.Themebg {
            color: #fff;
        }

.nlist-box {
    padding: 0px;
}

    .nlist-box li {
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        color: #666;
        border-bottom: 1px solid #CCC;
        position: relative;
    }

        .nlist-box li:before {
            content: "●  ";
            left: 0px;
        }

        .nlist-box li a {
            color: #666;
            padding-left: 15px;
            float: left;
            width: 70%;
        }

        .nlist-box li span {
            color: #666;
            display: block;
            position: absolute;
            right: 0px;
            top: 0px;
        }

.nlist-box2 li {
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: auto;
    overflow: hidden;
}

    .nlist-box2 li a {
        color: #333;
        display: block;
    }

    .nlist-box2 li .news_det {
        width: 100%;
    }

    .nlist-box2 li p {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        color: #333;
        padding: 0px;
        margin-bottom: 5px;
    }

    .nlist-box2 li .time {
        display: block;
        padding: 0px;
        color: #999;
        height: 25px;
        line-height: 25px;
        width: 85px;
        text-align: center;
        background-color: #ccc;
    }

    .nlist-box2 li .det_box {
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        color: #666;
        margin-top: 10px;
        font-size: 12px;
    }

.body-right .page {
    clear: both;
    margin: 15px 0px 0px !important;
}

.p_artlelist h3 span {
    color: #333 !important;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.p_artlelist h3 {
    height: 42px;
    line-height: 42px;
    padding: 0px;
    margin-bottom: 10px;
}

    .p_artlelist h3 a {
        color: #fff;
        padding: 0px 20px;
    }

        .p_artlelist h3 a.Themetxthover {
            color: #333 !important;
        }

@media screen and (max-width:1360px) {
    .content-box {
        margin: 20px 15px 0px !important;
    }
}
/* 小屏幕 一*/

@media screen and (max-width:1180px) {
    .footerBox {
        margin: 0px 15px !important;
    }
}

@media screen and (max-width:1030px) {
    .page .col-lg-3 {
        text-align: left;
        float: left;
    }

    .page .col-lg-3, .page .col-lg-9 {
        margin: 0;
    }
}

@media screen and (max-width:870px) {
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
    .product-details .col-md-5 {
        padding: 0;
    }
    /*产品列表*/

    .classifi {
        padding: 5px 0;
    }

    .row .pro-list li.col-md-4, .productBox .product-box li.col-md-4 {
        width: 49%;
        margin-left: 0;
        margin: 10px 0 \9;
    }

        .row .pro-list li.col-md-4:nth-child(2n), .productBox .product-box li.col-md-4:nth-child(2n) {
            margin-left: 2%;
        }

    .productBox {
        margin: 10px auto 0;
    }

    .body-right .productBox {
        margin: 10px auto 0;
        padding: 0;
    }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/

@media screen and (max-width: 480px) {
    .pro-list .thumbnail .more {
        margin: 10px auto;
        float: none;
        width: 120px;
    }

    .pro-list .thumbnail .col-md-4, .pro-list .thumbnail .col-md-9 {
        width: 100%;
        padding: 0;
    }

    .pro-list .thumbnail h3 {
        text-align: center;
        margin-top: 10px;
    }

    a.a-btn + a {
        margin-bottom: 8px;
    }

    .nlist-box li span {
        display: none;
    }

    .RightTitle2 .lineBox {
        height: 2px;
    }

    .RightTitle2 .TxtBox {
        border-width: 1px;
    }

    .productBox .product-box li {
        width: 48%;
        margin-left: 2%;
    }

        .productBox .product-box li:nth-child(2n+1) {
            margin-left: 0px;
        }
}

@media screen and (max-width: 414px) {
    .page .col-lg-3 {
        width: 100%;
        text-align: center;
    }

    .page .col-lg-9 {
        width: 100%;
        text-align: center;
        padding: 3px 0 12px;
    }
}

@media screen and (max-width: 375px) {
    .page .col-lg-3, .page .col-lg-9 {
        margin: 0px;
    }

    .page .pagination {
        padding-left: 0px;
    }
}
/* 的手机的分辨率一*/

@media screen and (max-width: 320px) { /*产品列表*/

    .row .pro-list li.col-md-4 {
        width: 100%;
        margin-left: 0 !important;
        padding: 0;
    }

    .table-02.table-02-b th {
        width: 85px;
        line-height: 20px;
    }

    .table-02-b td {
        line-height: 20px;
    }

    .table-02 th {
        width: 80px;
    }

    .productBox .product-box li.col-md-4 {
        width: 100%;
        margin-left: 0 !important;
    }
}

.btn-warning.btn-can {
    margin-left: 0px !important;
    margin-top: 0px;
    margin-right: 0px !important;
    padding: 0px 5px!important;
    height: 32px!important;
    margin-bottom: 5px;
    line-height: 32px;
}

.Themebg.btn-success {
    margin-bottom: 10px;
    padding: 0px 5px!important;
    margin-right: 5px;
    height: 32px!important;
}

.tpl_one .col-md-12 {
    float: none;
    padding: 0px !important;
}

.tpl_four {
    height: auto;
    overflow: hidden;
    background: url(../images/hui.jpg) repeat;
}

.tpl_six {
    height: auto;
    overflow: hidden;
    background: url(../images/hei.jpg) repeat;
}

.row .col-md-4, .row .col-md-8 {
    padding: 0px;
}

.menu .header-box {
    margin: 0 auto;
    height: auto;
    max-width: 1200px;
    position: relative;
}

    .menu .header-box .logo {
        float: left;
        position: relative;
        z-index: 1;
    }

        .menu .header-box .logo img {
            margin: 0px;
            max-height: 100px;
        }

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

.cl {
    clear: both;
}

.overflow {
    display: block;
}

.content-box {
    max-width: 1200px;
    margin: 30px auto;
    height: auto;
    overflow: hidden;
}

.Animation {
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.column {
    margin: 0px;
}
/*--插件留言输入框字体颜色--*/

.skin1 input, .skin1 textarea, .xskin1 input, .xskin1 textarea {
    color: #333;
}
/*--banner/原点--*/

.bannerEffect .tp-bullets.simplebullets.round .bullet {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    margin: 0 5px;
}
/*-------</END 头部 LOGO >------------*/

.headFixed {
    position: relative;
}

.header-nav {
    width: 100%;
}

.menu .nav-box {
    height: 54px;
    line-height: 54px;
    max-width: 1200px;
    margin: 0 auto;
}

.menu .NavBox {
    height: 54px;
    text-align: center;
}

.menu .nav {
    padding: 0;
    margin: 0 auto;
}

    .menu .nav li {
        float: left;
        text-align: center;
    }

    .menu .nav > li:hover ul {
        display: block;
        padding: 0;
    }

    .menu .nav > li .Triangle:after {
        content: '';
        display: inline-block;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #fff;
        position: absolute;
        top: 25px;
        right: 2px;
    }

    .menu .nav > li ul {
        display: none;
        padding: 0;
        box-shadow: 1px 1px 4px 0 rgba(0,0,0,.4);
        position: absolute;
        left: 0px;
        top: 54px;
        width: 100%;
        z-index: 33;
    }

        .menu .nav > li ul li {
            line-height: 42px;
            padding: 0px;
            background: none;
            float: none;
            text-align: center;
            margin-top: 1px;
            width: 100%;
        }

            .menu .nav > li ul li:hover {
                opacity: 0.9;
                filter: alpha(opacity=90);
            }

            .menu .nav > li ul li a {
                font-size: 12px;
                color: #fff;
                display: block;
                margin: 0 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: center;
                padding: 0px;
            }

                .menu .nav > li ul li a:hover {
                    text-decoration: none;
                    color: #fff;
                }

.menu .navbar-nav {
    width: 100%;
}

    .menu .navbar-nav > li {
        width: 12.5%;
    }

        .menu .navbar-nav > li > a {
            background-color: transparent;
        }

        .menu .navbar-nav > li > a {
            display: block;
            position: relative;
            font-size: 14px;
            color: #fff;
            height: auto;
            margin: 0px;
            padding: 0px 20px;
            line-height: 54px;
        }

            .menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus {
                background: none;
            }

            .menu .navbar-nav > li > a.active {
                background-image: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

.NavBtn {
    display: none;
    text-align: center;
    overflow: hidden;
}

.menu .tel {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 55px;
}

    .menu .tel:before {
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 50px;
        height: 40px;
        line-height: 34px;
    }

    .menu .tel p {
        font-size: 16px;
        line-height: 20px;
    }

    .menu .tel b {
        display: block;
    }

.pro_title {
    background: url(../images/border.jpg) repeat-x center 20px;
}

    .pro_title .pro_wid {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

        .pro_title .pro_wid .center {
            background: #fff;
            padding: 0px 30px;
            position: relative;
            display: inline-block;
        }

            .pro_title .pro_wid .center:before {
                position: absolute;
                content: "";
                width: 3px;
                height: 3px;
                background: #252525;
                left: 0px;
                top: 19px;
            }

            .pro_title .pro_wid .center:after {
                position: absolute;
                content: "";
                width: 3px;
                height: 3px;
                background: #252525;
                right: 0px;
                top: 19px;
            }

        .pro_title .pro_wid p {
            font-size: 24px;
            display: inline-block;
            max-width: 200px;
            margin: 0px;
        }

        .pro_title .pro_wid a {
            clear: both;
            display: block;
            color: #666;
            font-size: 14px;
            font-family: "Arial";
            position: relative;
            width: 55px;
            margin: 0 auto;
        }

            .pro_title .pro_wid a:after {
                content: "";
                position: absolute;
                right: -5px;
                top: 5px;
                width: 10px;
                height: 10px;
            }

            .pro_title .pro_wid a:before {
                content: "+";
                position: absolute;
                right: -4px;
                top: 1px;
                color: #fff;
                font-size: 12px;
                z-index: 2;
            }

.tpl_six .pro_title {
    background: url(../images/border_white.jpg) repeat-x center 20px;
    height: 58px;
}

    .tpl_six .pro_title .pro_wid .center {
        background: url(../images/hei.jpg);
    }

        .tpl_six .pro_title .pro_wid .center:before, .tpl_six .pro_title .pro_wid .center:after {
            background-color: #fff;
        }

    .tpl_six .pro_title .pro_wid p {
        color: #fff !important;
        margin: 0px;
    }

    .tpl_six .pro_title .pro_wid a {
        color: #fff;
    }

.header-box .clearfix.none {
    display: none;
}

.btn-navbar-t {
    display: none;
    float: right;
    padding: 3px 8px 7px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #333;
    border-radius: 4px;
}

    .btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active {
        filter: Alpha(opacity=80);
        opacity: 0.8;
    }

    .btn-navbar-t .icon-bar {
        background: #333;
        display: block;
        margin-top: 4px;
        width: 18px;
        height: 2px;
    }

#huilan-aikf-container {
    min-width: 125px!important;
    bottom: 60px!important;
    right: 11px!important;
}
/*-------</END 导航>------------*/ /*-------</END 切换导航按钮>------------*/ /* 小屏幕 一*/

@media screen and (max-width:1200px) {
    .content-box {
        margin: 30px 15px;
    }
}
/* 小屏幕 三*/

@media screen and (max-width:870px) {
    .header-nav {
        border-bottom: none;
        margin-top: 0px;
    }

    .menu {
        height: auto;
    }

        .menu .tel {
            display: none;
        }

        .menu .nav-box {
            border-radius: 0px;
        }

    .header-box .clearfix.none {
        display: block;
    }

    .menu .nav {
        padding: 0;
        margin: 0;
    }

        .menu .nav li a:hover:after {
            display: none;
        }

    .menu .btn-t {
        display: block;
        position: absolute;
        top: 18px;
        right: 14px;
        z-index: 99;
    }

    .menu .header-nav .nav-box {
        background: none;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .menu .nav {
        float: none;
        width: 100%;
    }

    .menu .NavBox {
        width: 100%;
        height: 0;
        overflow: hidden;
    }
    /*-----------</菜单>---------------*/
}

@media screen and (max-width:600px) {
    .row .col-md-7, .row .col-md-5 {
        padding: 0px;
    }
}

@media screen and (max-width:320px) {
    .pro_title .pro_wid .center {
        padding: 0px 10px;
    }
}

.banner {
    width: 100%;
    overflow: hidden;
}

.carousel {
    margin: 0;
}

.bannerBox {
    margin: 0 auto;
    position: relative;
}

.banner .carousel-control {
    background: none;
}
/*---产品列表----*/

.product {
    margin: 30px 0px;
    height: auto;
    overflow: hidden;
}

    .product .pro_classify {
        text-align: center;
        max-width: 1200px;
        margin: 0px auto;
    }

        .product .pro_classify ul {
            display: inline-block;
            margin: 10px auto;
            padding: 0px;
        }

            .product .pro_classify ul li {
                float: left;
            }

                .product .pro_classify ul li a {
                    display: inline-block;
                    border: 1px solid #cbcbcb;
                    background-color: #fff;
                    color: #333;
                    padding: 10px 15px;
                    margin: 5px;
                    max-width: 250px;
                }

                    .product .pro_classify ul li a:hover {
                        color: #fff;
                    }

    .product .pro-list {
        padding: 0px;
        clear: both;
        height: auto;
        max-width: 1200px;
        margin: 0 auto;
    }

        .product .pro-list li {
            margin-bottom: 10px;
        }

            .product .pro-list li:nth-child(3n+1) {
                margin-left: 0px;
            }

            .product .pro-list li a {
                display: block;
                padding: 0px;
                text-align: center;
                position: relative;
            }

            .product .pro-list li .div_img {
                overflow: hidden;
            }

            .product .pro-list li a img {
                width: 100%;
            }

            .product .pro-list li a:hover img {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1);
            }

            .product .pro-list li a h5 {
                font-size: 14px;
                text-align: center;
                margin: 0px;
                color: #fff;
                width: 100%;
                position: absolute;
                bottom: 0px;
                background: url(../images/black.png) repeat;
                height: 30px;
                line-height: 30px;
            }
/*-----------</END 产品列表>---------------*/

@media screen and (max-width: 1200px) {
    .product .pro_classify, .product .pro-list {
        margin: 0px 15px;
    }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
    .product .pro-list li.col-md-4 {
        width: 32.4%;
        margin-left: 1.4%;
        padding: 0px;
    }

    .product .pro-list li:nth-child(3n+1) {
        margin-left: 0px;
    }

    .product .pro-list li a:hover img {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }
}

@media screen and (max-width: 480px) {
    .product .pro-list li.col-md-4 {
        width: 49%;
        margin-left: 2%;
    }

    .product .pro-list li:nth-child(2n+1) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 414px) {
    .product .pro_classify ul {
        display: block;
        max-height: 268px;
        overflow: hidden;
    }

        .product .pro_classify ul li {
            float: none;
        }

            .product .pro_classify ul li a {
                display: block;
                max-width: 100%;
            }
}
/*-----------<关于我们>---------------*/

.about {
    max-width: 1200px;
}

    .about .about_left {
        float: left;
        width: 38%;
        position: relative;
        padding: 1%;
    }

        .about .about_left:before {
            position: absolute;
            left: 0px;
            bottom: 0px;
            content: "";
            border: 1px solid #fff;
            width: 94%;
            height: 92%;
        }

        .about .about_left:after {
            position: absolute;
            right: 0px;
            top: 0px;
            content: "";
            border: 1px solid #fff;
            width: 94%;
            height: 92%;
        }

        .about .about_left img {
            width: 100%;
            box-sizing: border-box;
            border: 5px solid #fff;
            z-index: 1;
            position: relative;
        }

    .about .about_right {
        width: 58%;
        float: right;
        background-color: #fff;
        box-sizing: border-box;
        padding: 10px;
        height: auto;
        overflow: hidden;
    }

        .about .about_right .about_title {
            border-bottom: 1px solid #cbcbcb;
            height: 40px;
        }

            .about .about_right .about_title b {
                font-size: 24px;
                float: left;
                max-width: 80%;
            }

        .about .about_right .company-box {
            line-height: 24px;
            height: 261px;
            overflow: hidden;
            margin: 13px 0px;
            font-size: 14px;
        }

            .about .about_right .company-box * {
                font-size: 14px!important;
                line-height: 1.6!important;
            }

        .about .about_right a.more {
            display: block;
            color: #666;
            font-size: 14px;
            font-family: "Arial";
            position: relative;
            width: 55px;
            margin: 0 auto;
            float: right;
        }

            .about .about_right a.more:after {
                content: "";
                position: absolute;
                right: 0px;
                top: 5px;
                width: 10px;
                height: 10px;
            }

            .about .about_right a.more:before {
                content: "+";
                position: absolute;
                right: 1px;
                top: 1px;
                color: #fff;
                font-size: 12px;
                z-index: 2;
            }

@media screen and (max-width: 980px) {
    .about .about_right .company-box {
        height: 192px;
    }
}

@media screen and (max-width: 870px) {
    .about .about_right .company-box {
        height: 144px;
    }
}

@media screen and (max-width: 768px) {
    .about .about_right .company-box {
        height: 120px;
    }
}

@media screen and (max-width: 640px) {
    .about .about_right .company-box {
        height: 96px;
    }
}

@media screen and (max-width: 480px) {
    .about .about_left {
        width: 98%;
        float: none;
    }

    .about .about_right {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

        .about .about_right .company-box {
            height: 120px;
        }
}
/*-----------<联系我们>---------------*/

.contact {
    padding: 30px 0px;
}

    .contact .content-box {
        height: auto;
        overflow: hidden;
        margin: 0px auto;
    }

    .contact .address {
        float: left;
        width: 44%;
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .contact .tel, .contact .email {
        width: 28%;
        margin-right: 0px;
    }

    .contact .address i {
        display: block;
        color: #fff;
        float: left;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
    }

        .contact .address i:before {
            font-size: 45px;
        }

    .contact .address span {
        display: block;
        color: #fff;
        font-size: 14px;
    }

        .contact .address span b {
            display: block;
        }

        .contact .address span p {
            margin: 0px;
            padding: 0px;
        }

@media screen and (max-width: 1200px) {
    .contact .content-box {
        margin: 0px 15px;
    }
}

@media screen and (max-width: 640px) {
    .contact .address {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}
/*-----------<最新资讯>---------------*/

.article {
    margin: 30px 0px;
    height: auto;
    overflow: hidden;
}

    .article .news_box {
        height: auto;
        overflow: hidden;
        max-width: 1200px;
        margin: 20px auto 0px;
    }

        .article .news_box a {
            display: block;
            height: auto;
            overflow: hidden;
            margin-bottom: 25px;
        }

            .article .news_box a:nth-child(2n+1) {
                margin-left: 0px;
            }

    .article .time {
        float: left;
        width: 15%;
        text-align: center;
        padding: 15px 0px;
        font-family: "Arial";
        color: #999;
        background: #0b6f24;
    }

        .article .time span {
            display: block;
            font-size: 18px;
        }

        .article .time b {
            display: block;
            font-size: 14px;
            margin-top: 0px;
        }

    .article .news_det {
        float: right;
        width: 83%;
    }

        .article .news_det h3 {
            font-size: 16px;
            padding: 0px;
            margin: 0px;
            color: #333;
        }

        .article .news_det p {
            font-size: 12px;
            line-height: 24px;
            height: 48px;
            overflow: hidden;
            color: #666;
            padding: 0px;
            margin-top: 10px;
        }

@media screen and (max-width: 1200px) {
    .article .news_box {
        margin: 20px 15px;
    }
}

@media screen and (max-width: 768px) {
    .article .news_det {
        width: 78%;
    }

    .article .time {
        width: 20%;
    }
}

@media screen and (max-width:480px) {
    .article .news_box a {
        padding: 0px;
    }

        .article .news_box a:last-child {
            margin-bottom: 0px;
        }
}

.articleLabel {
    margin: 30px 0px;
}

    .articleLabel .case_list {
        padding: 0px;
        height: auto;
        overflow: hidden;
        max-width: 1200px;
        margin: 20px auto;
        position: relative;
    }

        .articleLabel .case_list li {
            width: 35%;
            position: relative;
        }

            .articleLabel .case_list li:first-child {
                width: 64%;
                margin-left: 0px;
                float: left;
            }

            .articleLabel .case_list li.item1 {
                float: right;
            }

            .articleLabel .case_list li.item2 {
                position: absolute;
                right: 0px;
                bottom: 0px;
            }

            .articleLabel .case_list li a {
                display: block;
                overflow: hidden;
            }

                .articleLabel .case_list li a img {
                    width: 100%;
                }

                .articleLabel .case_list li a:hover img {
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    -o-transform: scale(1.1);
                    transform: scale(1.1);
                }

            .articleLabel .case_list li .pro_box {
                position: absolute;
                bottom: 0px;
                height: 30px;
                width: 100%;
                color: #fff;
                box-sizing: border-box;
                line-height: 30px;
                font-size: 14px;
                background: url(../images/black.png) repeat;
                text-align: center;
            }

            .articleLabel .case_list li.item0 .pro_box {
                position: relative;
                background: #cfceca;
                height: 65px;
                line-height: 65px;
                color: #333;
                font-size: 18px;
            }

@media screen and (max-width: 1200px) {
    .articleLabel .case_list {
        margin: 20px 15px;
    }
}

@media screen and (max-width: 768px) {
    .articleLabel .case_list li:first-child {
        width: 62%;
    }

    .articleLabel .case_list li {
        width: 35%;
    }
}

@media screen and (max-width: 480px) {
    .articleLabel .case_list li:first-child {
        width: 60%;
    }

    .articleLabel .case_list li.item0 .pro_box {
        height: 60px;
        line-height: 60px;
    }
}

@media screen and (max-width: 414px) {
    .articleLabel .case_list li:first-child {
        width: 58%;
    }

    .articleLabel .case_list li {
        width: 38%;
    }
}

@media screen and (max-width: 375px) {
    .articleLabel .case_list li:first-child, .articleLabel .case_list li {
        width: 100%;
        float: none !important;
        margin-bottom: 10px;
    }

        .articleLabel .case_list li.item2 {
            position: relative;
        }
}
/*-----------<图库>---------------*/

.album {
    margin: 30px 0px;
    height: auto;
    overflow: hidden;
}

    .album ul {
        padding: 0px;
        height: auto;
        overflow: hidden;
        margin: 20px auto;
        max-width: 1200px;
    }

        .album ul li {
            float: left;
            position: relative;
            width: 19%;
            margin-bottom: 10px;
            margin-left: 1.2%;
        }

            .album ul li.item0 {
                width: 49%;
                margin-left: 0px;
            }

            .album ul li.item1 {
                width: 49%;
            }

            .album ul li.item2 {
                margin-left: 0px;
            }

            .album ul li a {
                display: block;
            }

            .album ul li img {
                width: 100%;
            }

            .album ul li p {
                height: 0px;
                position: absolute;
                left: 0px;
                bottom: 0px;
                background: url(/Public/Images/Theme216/black.png) repeat;
                line-height: 30px;
                color: #fff;
                text-align: center;
                font-size: 12px;
                width: 100%;
                margin: 0px;
            }

            .album ul li:hover p {
                height: 30px;
            }

@media screen and (max-width:1200px) {
    .album ul {
        margin: 20px 15px;
    }
}

@media screen and (max-width:640px) {
    .album ul li {
        width: 49%;
    }

        .album ul li.item6 {
            width: 100%;
            margin-left: 0px;
        }

        .album ul li.item4 {
            margin-left: 0px;
        }
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:375px) {
}
/*---友情链接----*/

.friendBox {
    margin: 15px auto 0;
    max-width: 1200px;
    text-align: center;
}

.friendLink .link-box {
    height: auto;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .friendLink .link-box h4 {
        color: #666;
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
    }

    .friendLink .link-box ul {
        overflow: hidden;
        display: inline;
        color: #666;
        line-height: 30px;
    }

        .friendLink .link-box ul li {
            position: relative;
            display: inline-block;
            margin-right: 10px;
            font-style: normal;
            padding: 0 3px;
        }

            .friendLink .link-box ul li:first-child:after {
                display: none;
            }

            .friendLink .link-box ul li:after {
                content: '|';
                position: absolute;
                left: -10px;
                top: 0;
            }

        .friendLink .link-box ul a {
            word-break: break-all;
            word-wrap: break-word;
            font-style: normal;
            color: #666;
        }
/* 小屏幕 一*/

@media screen and (max-width:1200px) {
    .friendBox {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
/*---footer----*/

.footers {
    width: 100%;
    color: #333;
}

.footerBox {
    margin: 0 auto;
    max-width: 1200px;
}

.footers .footers-box {
    padding: 15px 0;
}

    .footers .footers-box a {
        margin-right: 10px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .footers .footers-box p {
        padding: 0;
        font-size: 12px;
        line-height: 20px;
    }
/*-----------</END>---------------*/

.footers .Attention, .tpl_footers .footers .footersInformation p {
    text-align: center !important;
}

.footersInformation {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

.footers .qr {
    width: 150px !important;
    float: none !important;
    text-align: center !important;
    margin: 10px auto 0px !important;
}