@charset "UTF-8";

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font: 12px/1.5 arial,'宋体',\5b8b\4f53
}

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

address, cite, dfn, em, var {
    font-style: normal
}

code, kbd, pre, samp {
    font-family: courier new,courier,monospace
}

small {
    font-size: 12px
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none
}

    a:hover {
        text-decoration: underline
    }

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset, img {
    border: 0 none
}

button, input, select, textarea {
    font-size: 100%;
    outline: 0
}

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

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

.clearfix {
    display: inline-table
}

.clearfix {
    display: block
}

.clearfix {
    *min-height: 1%;
    _height: 1%
}

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

a {
    color: #157bbb;
    cursor: pointer;
    outline: 0
}

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

.content {
    width: 980px;
    margin: 0 auto
}

    .content:after {
        content: "";
        display: block;
        height: 0;
        clear: both
    }

.red {
    color: red
}

body {
    background: #fff
}

.none {
    display: none
}

.yahei {
    font-family: "Microsoft YaHei",微软雅黑
}

.m-nav {
    height: 94px
}

    .m-nav .m-cen {
        background: #000
    }

    .m-nav .logo {
        display: block;
        float: left;
        background: url(../img/common/logo.jpg);
        height: 92px;
        width: 163px;
        margin-left: 74px;
        margin-right: 74px
    }

    .m-nav li {
        width: 230px;
        float: left;
        height: 94px;
        line-height: 94px;
        text-align: center
    }

        .m-nav li a {
            color: #fff
        }

            .m-nav li a:hover {
                color: red
            }

        .m-nav li .curr {
            color: red
        }

.m-foot .m-cen {
    padding: 25px 0;
    background: #000
}

    .m-foot .m-cen p {
        color: #fff;
        text-align: center
    }

body {
    font-size: 20px;
    background: #f7f7f7
}

.g-cen {
    width: 1280px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto
}

.m-banner .m-cen {
    background: url(../img/product/banner.jpg) no-repeat;
    display: block;
    height: 250px;
    position: relative
}

.m-slider .m-cen {
    position: relative;
    height: 622px
}

    .m-slider .m-cen a {
        position: absolute;
        display: block;
        width: 224px;
        height: 70px;
        left: 41px;
        bottom: 24px
    }

.slider {
    position: absolute;
    width: 759px;
    height: 432px;
    overflow: hidden
}

.m-slider-y1 {
    background: url(../img/product/product-y1-bg.png) no-repeat
}

    .m-slider-y1 .slider {
        top: 90px;
        left: 288px
    }

.m-slider-y2 {
    background: url(../img/product/product-y2-bg.jpg) no-repeat
}

.m-slider-y3 {
    background: url(../img/product/product-y3-bg.png) no-repeat
}
.m-slider-y4 {
    background: url(../img/product/product-y4-1.png) no-repeat
}
 

    .m-slider-y3 .slider {
        top: 90px;
        left: 288px
    }

.slider ul {
    position: absolute;
    top: 0;
    left: 0
}

    .slider ul li {
        float: left;
        width: 759px;
        height: 432px;
        display: block
    }

.slider ol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

    .slider ol li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        text-indent: -999em;
        border: 2px solid #fff;
        border-radius: 6px;
        cursor: pointer;
        opacity: .4;
        -webkit-transition: background .5s,opacity .5s;
        -moz-transition: background .5s,opacity .5s;
        transition: background .5s,opacity .5s
    }

        .slider ol li.active {
            background-color: #fff
        }

.slider .arrow {
    position: absolute;
    top: 200px
}

.slider .prev {
    left: 15px
}

.slider .next {
    right: 15px
}

.slider-y1 ul .li1 {
    background: url(../img/product/product-y1-1.png)
}

.slider-y1 ul .li2 {
    background: url(../img/product/product-y1-2.png)
}

.slider-y1 ul .li3 {
    background: url(../img/product/product-y1-3.png)
}

.slider-y2 ul .li1 {
    background: url(../img/product/product-y2-1.jpg)
}

.slider-y2 ul .li2 {
    background: url(../img/product/product-y2-2.png)
}

.slider-y3 ul .li1 {
    background: url(../img/product/product-y3-1.png)
}

.slider-y3 ul .li2 {
    background: url(../img/product/product-y3-2.png)
}

.slider-y4 ul .li1 {
    background: url(../img/product/product-y4-1.png)
}

.m-company .m-cen {
    background: url(../img/product/company.jpg) no-repeat;
    display: block;
    height: 554px
}