html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    color: #333;
    font: 14px/1.5 Microsoft YaHei,arial,宋体,sans-serif;
}

ul, li, p, img, b, ol, em, a, h1, h2, h3, h4, h5, h6, dl, dd, dt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    text-decoration: none;
    font-weight: 100;
}

#dituContent img {
    max-width: inherit;
}

img {
    max-width: 100%;
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

.navbox .nav a, .two_ul a:hover, .two_nav li.now a,
.five .prev, .five .next, .five li:hover h3, .five li:hover p, .six li h3, .six li, .sever_r .more,
.eight_nav li a, .eight_m .prev, .eight_m .next, .eight_nav li.on a, .nine_l .first h3, .main_nav .nav_a h2, .main_nav3 li b, .prduct_ul li b, .pading .current {
    color: #fff;
}

.title a, .three_title a, .header_bottom, .two_ul a, .two_nav a, .two_m h3, .eight_m li h3, .nine_title .more, .nine_l h3, .nine_r li h3, .main_nav2 li a, .main_nav3 li h3, .prduct_ul li h3, .pading a, .pading span, .article li h3, .Article_content .info a, .main_next .prevrecord, .main_next .nextrecord, .main_next a, .sever_title a,.main_tops a {
    color: #333;
}



.title {
    position: relative;
    text-align: center;
    font-size: 18px;
}

    .title:before {
        content: '';
        position: absolute;
        width: 25px;
        height: 22px;
        top: 68px;
        left: 50%;
        background: #fff url(../images/h-1.png) no-repeat;
        margin-left: -12px;
    }


    .title h2 {
        color: #202020;
        font-size: 36px;
        border-bottom: 1px solid #ccc;
        font-weight: bold;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

/**/
#slides {
    position: relative;
    width: 100%;
}


    #slides img {
        width: 100%;
        display: block;
    }


    #slides .hd {
        left: 47%;
        padding: 4px;
        position: absolute;
        border-radius: 24px;
        bottom: 20px;
        z-index: 10;
    }


        #slides .hd li {
            margin: 0px 5px;
            line-height: 7px;
            width: 30px;
            height: 7px;
            float: left;
            cursor: pointer;
            text-align: center;
            color: transparent;
            background: #fff;
            border-radius: 5px;
        }

            #slides .hd li.on {
                background: #00ab3f;
            }

/*header*/

.header {
    width: 100%;
}

.header_top {
    background: url(../images/tou.png) repeat-x;
    line-height: 38px;
    height: 38px;
}

/*logo*/
.logo_img img {
    max-height: 100%;
}

.logo_img {
    height: 125px;
}
/**/

/*导航*/

.navbox {
    background: #202020;
    height: 62px;
}



    .navbox .nav li {
        position: relative;
        float: left;
    }

        .navbox .nav li:before {
            content: '';
            height: 15px;
            border-left: 1px dotted #999;
            width: 1px;
            position: absolute;
            top: 25px;
            right: 0px;
        }


    .navbox .nav a {
        display: block;
        text-align: center;
        height: 62px;
        line-height: 62px;
        box-sizing: border-box;
        font-size: 16px;
        padding: 0px 25px;
    }

    .navbox .nav_ul {
        position: absolute;
        top: 62px;
        z-index: 11;
        display: none;
        width: 100%;
        background: #202020;
    }


        .navbox .nav_ul li {
            float: none;
            background: none;
        }

            .navbox .nav_ul li a {
                height: 35px;
                line-height: 35px;
                padding: 0px;
                font-size: 14px;
            }

    .navbox li:hover .nav_ul {
        display: block;
    }


.nav a:hover, .nav li a.cur {
    background: #00ab3f;
}

ul.nav_ul li a {
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.navbox .nav li:last-child:before,
.navbox .nav_ul li:before {
    display: none;
}

ul.nav_ul li:last-child a {
    border: none;
}
/**/
.header_bottom {
    line-height: 55px;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    height: 55px;
}

.search {
    margin-top: 12px;
    width: 356px;
}

.index_input {
    padding-left: 20px;
    width: 285px;
    background: none;
    border: 1px solid #ccc;
    line-height: 28px;
    border-right: none;
}

.searchBtn {
    width: 47px;
    height: 32px;
    background: url("../images/ss.png") no-repeat;
    border: none;
}


/*one*/

.one, .one ul {
    margin: 50px auto 0;
    overflow: hidden;
}




    .one li {
        width: 108px;
        font-weight: 500;
        line-height: 62px;
        font-size: 18px;
        text-align: center;
        float: left;
        margin-right: 110px;
    }

        .one li:last-child {
            margin-right: 0px;
        }

        .one li img {
            width: 108px;
            height: 125px;
            display: block;
        }

/*two*/
.two {
    margin: 50px auto 0;
    overflow: hidden;
    background: #f2f2f2;
    padding: 50px 0;
}

.two_l {
    width: 240px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

.two_title {
    position: relative;
    height: 111px;
}

    .two_title:after {
        content: '';
        width: 90px;
        height: 105px;
        border: 3px solid #00ab3f;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .two_title h2 {
        background: #fff;
        height: 75px;
        position: relative;
        z-index: 2;
        top: 18px;
        left: 44px;
        line-height: 30px;
        font-size: 20px;
        padding: 10px 0px 10px 0px;
        box-sizing: border-box;
        width: 160px;
        
    }

       

        .two_title h2 b {
            display: block;
            color: #999;
           
        }

.two_ul, .two_uls {
    margin-top: 20px;
}

    .two_ul li {
        margin-bottom: 20px;
    }

    .two_ul a {
        line-height: 42px;
        border: 1px solid #e2e2e2;
        text-align: center;
        display: block;
    }

ul.two_uls {
    display: none;
}

.two_ul li:hover ul.two_uls {
    display: block;
}

ul.two_uls li {
    margin-bottom: 10px;
}

ul.two_uls a {
    border: none;
    border-bottom: 1px dashed #e2e2e2;
}

.two_ul a:hover {
    border-color: #00ab3f;
    background: #00ab3f;
}

.two_uls a:hover {
    border-color: #00ab3f;
    background: none;
    color: #00ab3f;
}
/**/
.two_r {
    width: 940px;
}

.two_nav {
    line-height: 56px;
    background: url("../images/c2-2.png") no-repeat;
    height: 56px;
    padding-right: 18px;
}

    .two_nav li {
        width: 165px;
        float: left;
        text-align: center;
        font-size: 18px;
        position: relative;
    }

        .two_nav li a {
            font-size: 18px;
        }

    .two_nav .more {
        float: right;
    }

    .two_nav li.now {
        background: #00ab3f;
    }

        .two_nav li.now:after {
            content: '';
            border-top: 5px solid transparent;
            border-bottom: 5px solid #fff;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            position: absolute;
            left: 50%;
            bottom: 0px;
            margin-left: -2.5px;
        }

.two_m {
    margin-top: 20px;
}

    .two_m li {
        float: left;
        margin-right: 15px;
        text-align: center;
    }

        .two_m li img {
            width: 303px;
            height: 251px;
            display: block;
        }

        .two_m li:hover img {
            border: 3px solid #00ab3f;
            box-sizing: border-box;
        }

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

        .two_m li h3 {
            font-weight: 500;
            line-height: 47px;
            height: 47px;
            overflow: hidden;
        }
/*three*/
.three {
    margin: 50px auto 0;
    position: relative;
}

.three_title {
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

    .three_title h2 {
        color: #00ab3f;
        font-size: 36px;
        font-weight: bold;
    }

.three_img {
    width: 400px;
    height: 300px;
    margin: auto;
}

    .three_img img {
        width: 100%;
        height: 100%;
        display: block;
    }



.three li {
    position: absolute;
    width: 385px;
    height: 130px;
    z-index: 1;
}

    .three li .fr {
        border: 1px dashed #00ab3f;
        padding: 20px 30px;
        width: 260px;
        height: 130px;
        box-sizing: border-box;
        line-height: 26px;
    }

        .three li .fr h3 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 8px;
        }

    .three li .fl {
        position: relative;
        width: 105px;
        height: 105px;
        border: 1px dashed #00ab3f;
        border-radius: 50%;
        top: 14px;
    }

        .three li .fl:after {
            content: '';
            width: 44px;
            height: 3px;
            position: absolute;
            background: #00ab3f;
            top: 50px;
            right: -27px;
        }

        .three li .fl:before {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            background: #00ab3f;
            top: 46px;
            right: -38px;
            border-radius: 50%;
        }

        .three li .fl img {
            width: 72px;
            height: 72px;
            display: block;
            margin: 15px auto 0;
        }

    .three li:nth-child(1) {
        top: 140px;
    }

    .three li:nth-child(2) {
        right: 0px;
        top: 140px;
    }

    .three li:nth-child(3) {
        top: 308px;
    }

    .three li:nth-child(4) {
        right: 0px;
        top: 308px;
    }

    .three li:nth-child(2n) .fr {
        float: left;
    }

    .three li:nth-child(2n) .fl {
        float: right;
    }

        .three li:nth-child(2n) .fl:after {
            left: -27px;
        }

        .three li:nth-child(2n) .fl:before {
            left: -38px;
        }

/*fore*/
.fore {
    margin: 50px auto 0;
}

    .fore ul {
        overflow: hidden;
        margin-top: 50px;
        position: relative;
    }

        .fore ul:after {
            content: "";
            width: 1px;
            height: 100%;
            background: #ccc;
            position: absolute;
            left: 50%;
            top: 0px;
            margin-left: -0.5px;
        }

    .fore li {
        float: left;
        width: 540px;
        position: relative;
        line-height: 30px;
    }

        .fore li:after {
            content: '';
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 3px solid #00ab3f;
            background: #fff;
            position: absolute;
            border-radius: 50%;
            box-sizing: border-box;
            z-index: 1;
        }

        .fore li:nth-child(1):after {
            top: 0px;
            right: -80px;
        }

        .fore li:nth-child(2):after {
            top: 340px;
            left: -80px;
        }

        .fore li:nth-child(3):after {
            top: 33px;
            right: -80px;
        }

        .fore li:nth-child(4):after {
            top: 340px;
            left: -80px;
        }

        .fore li img {
            width: 540px;
            height: 345px;
            display: block;
            margin-bottom: 35px;
        }

.fore_text {
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
    position: relative;
    margin-bottom: 10px;
}


    .fore_text:after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 115px;
        height: 2px;
        background: #00ab3f;
        left: 0px;
    }

    .fore_text h3 {
        font-size: 30px;
        color: #202020;
        font-weight: bold;
    }

.fore li:nth-child(2n) {
    float: right;
}

.fore li:nth-child(2) img, .fore li:nth-child(3) img, .fore li:nth-child(4) img {
    margin-top: 35px;
}

/*five*/

.five {
    margin: 50px auto 0;
    background: #f2f2f2;
    padding: 50px 0;
}

.five_title {
    overflow: hidden;
}

    .five_title h2 {
        font-size: 30px;
        color: #00ab3f;
        line-height: 80px;
        float: left;
        font-weight: bold;
    }

    .five_title .more {
        display: inline-block;
        float: right;
        font-weight: 500;
        font-size: 16px;
        color: #333;
        line-height: 80px;
    }

        .five_title .more b {
            display: inline-block;
            font-size: 25px;
            font-weight: bold;
            color: #00ab3f;
        }

.five .container {
    position: relative;
}

.five .bd {
    margin-top: 25px;
    width: 1100px;
    margin: 25px auto 0;
    overflow: hidden;
}

.five li {
    width: 345px;
    float: left;
    margin: 0px 10px;
    border: 1px solid #c8c8c8;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 25px;
}

    .five li h3 {
        font-size: 18px;
        color: #333;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
    }

    .five li p {
        color: #777;
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }

    .five li b {
        width: 36px;
        height: 36px;
        display: block;
        background: #e2e2e2;
        margin: 20px auto 0;
        border-radius: 50%;
        line-height: 35px;
        font-size: 30px;
        color: #00ab3f;
    }

    .five li img {
        width: 345px;
        height: 330px;
        display: block;
    }

.five .prev, .five .next {
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #00ab3f;
    font-size: 30px;
    position: absolute;
    top: 300px;
    border-radius: 50%;
}

.five .prev {
    left: -25px;
}

.five .next {
    right: -25px;
}

.five li:hover {
    background: #00ab3f;
}
/**/

.six {
    background: #00ab3f;
    padding: 40px 0 90px;
    overflow: hidden;
}

    .six li {
        width: 300px;
        float: left;
        padding: 10px 40px;
        box-sizing: border-box;
        line-height: 30px;
        border-right: 1px solid rgba(255,255,255,0.5);
    }

        .six li:last-child {
            border: none;
        }

        .six li img {
            width: 29px;
            float: left;
        }

        .six li h3 {
            float: left;
            font-size: 18px;
            font-weight: bold;
            margin-left: 5px;
            width: 180px;
        }

/**/
.sever {
    background: #fff;
    margin-top: -50px;
    overflow: hidden;
    padding: 50px 50px 0;
    box-sizing: border-box;
}

.sever_l {
    width: 510px;
    height: 410px;
}

    .sever_l img {
        width: 100%;
        display: block;
    }

.sever_r {
    width: 555px;
    line-height: 28px;
}

.sever_title {
    line-height: 24px;
    font-weight: bold;
    margin: 10px 0;
}

    .sever_title h2 {
        font-size: 24px;
        line-height: 35px;
        font-weight: bold;
    }

.sever_r .more {
    display: block;
    width: 108px;
    line-height: 34px;
    border-radius: 6px;
    text-align: center;
    background: #00ab3f;
    font-size: 14px;
    margin-top: 10px;
}
/**/
.eight {
    margin: 50px auto 0;
}

.eight_nav {
    text-align: center;
}

    .eight_nav li {
        display: inline-block;
        width: 170px;
        line-height: 50px;
        border-radius: 40px;
        margin: 0 6px;
        background: #333;
        text-align: center;
    }

        .eight_nav li a {
            display: block;
            font-weight: 600;
            font-size: 24px;
        }

.eight_m {
    position: relative;
    margin-top: 50px;
}



    .eight_m li {
        width: 284px;
        float: left;
        margin: 0px 8px;
    }

        .eight_m li img {
            width: 280px;
            height: 209px;
            display: block;
            border: 2px solid #e2e2e2;
        }

        .eight_m li h3 {
            font-weight: 600;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            font-weight: 500;
            height: 40px;
            overflow: hidden;
        }

    .eight_m .prev, .eight_m .next {
        position: absolute;
        width: 43px;
        height: 43px;
        background: #00ab3f;
        border-radius: 50%;
        font-size: 30px;
        text-align: center;
        top: 85px;
        line-height: 43px;
        z-index: 2;
    }

    .eight_m .prev {
        left: -20px;
    }

    .eight_m .next {
        right: -20px;
    }

.eight_nav li.on {
    background: #00ab3f;
}

/**/
.nine {
    margin: 50px auto 0;
    overflow: hidden;
}

.nine_l, .nine_r {
    width: 576px;
    border: 1px solid #d7d7d7;
    padding: 10px 20px;
    box-sizing: border-box;
}

.nine_title {
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 50px;
}

    .nine_title h2 {
        font-size: 22px;
        font-weight: bold;
        display: inline-block;
    }

    .nine_title .more {
        display: block;
        float: right;
    }

.nine_l li {
    width: 535px;
    position: relative;
}

    .nine_l li img {
        width: 100%;
        display: block;
        height: 300px;
    }


    .nine_l li h3 {
        line-height: 50px;
        border-bottom: 1px solid #e2e2e2;
        padding-left: 22px;
    }

.nine_l .first {
    margin-bottom: 20px;
}

    .nine_l .first h3 {
        position: absolute;
        line-height: 40px;
        background: rgba(0,0,0,0.5);
        box-sizing: border-box;
        width: 100%;
        bottom: 0;
        border: none;
    }

.nine_l li:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #333;
    position: absolute;
    left: 0px;
    top: 22px;
    border-radius: 50%;
}

.nine_l .first:after {
    display: none;
}

.nine_l li:last-child h3, .nine_r li:last-child h3 {
    border: none;
}

.nine_r li {
    clear: both;
    position: relative;
}

    .nine_r img, .nine_r p, .nine_r b, .nine_r li:nth-child(1):after, .nine_r li:nth-child(2):after {
        display: none;
    }

.nine_r .fr {
    width: 100%;
}

.nine_r li h3 {
    line-height: 50px;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 22px;
}

.nine_r li:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #333;
    position: absolute;
    left: 0px;
    top: 22px;
    border-radius: 50%;
}

.nine_r li:nth-child(1), .nine_r li:nth-child(2) {
    height: 160px;
}

    .nine_r li:nth-child(1) .fr, .nine_r li:nth-child(2) .fr {
        width: 100%;
    }

    .nine_r li:nth-child(1) img, .nine_r li:nth-child(2) img {
        width: 187px;
        height: 140px;
        display: block;
    }

    .nine_r li:nth-child(1) .fr, .nine_r li:nth-child(2) .fr {
        width: 320px;
    }

    .nine_r li:nth-child(1) h3, .nine_r li:nth-child(2) h3 {
        line-height: 32px;
        font-weight: bold;
        height: 32px;
        overflow: hidden;
        display: block;
        border: none;
        padding-left: 0;
    }

    .nine_r li:nth-child(1) p, .nine_r li:nth-child(2) p {
        font-size: 14px;
        color: #777;
        line-height: 26px;
        overflow: hidden;
        height: 52px;
        display: block;
    }

    .nine_r li:nth-child(1) b, .nine_r li:nth-child(2) b {
        display: block;
        margin-top: 14px;
        font-size: 14px;
        border-radius: 30px;
        color: #00ab3f;
        text-align: center;
        border: 1px solid #00ab3f;
        width: 120px;
        line-height: 33px;
    }





/**/
.ten {
    margin: 50px auto 0;
    background: #f2f2f2;
    border-left: 3px solid #00ab3f;
    line-height: 75px;
    height: 75px;
    overflow: hidden;
}


/*内页*/



.main_m {
    width: 1200px;
    margin: 20px auto 0;
}


.text_h1 {
    border-bottom: 1px solid #ccc;
    height: 50px;
    width: 1000px;
    margin: 30px auto 0;
}

    .text_h1 .h1 {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        font-size: 25px;
        position: relative;
        padding: 0px 10px 0px 10px;
        float: left;
        font-weight: bold;
        border-bottom: 5px solid #ccc;
    }



    .text_h1 .back {
        float: right;
        width: 52px;
        height: 16px;
        float: right;
        background: #000;
        display: block;
        border-radius: 15px;
        text-align: center;
        line-height: 16px;
        margin-top: 24px;
        font-size: 12px;
    }

        .text_h1 .back:hover {
            background: #cb2644;
        }

    .text_h1 .more {
        float: right;
        line-height: 70px;
        height: 50px;
    }

.main_img {
    width: 100%;
}

    .main_img img {
        width: 100%;
        height: 100%;
        display: block;
    }


/*左侧导航*/

.main_nav {
    width: 218px;
    float: left;
}

    .main_nav .nav_a h2 {
        height: 35px;
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
        overflow: hidden;
        line-height: 35px;
        padding-left: 15px;
        font-weight: bold;
        background: #00ab3f;
        border-radius: 5px 5px 0px 0px;
    }


.main_ul li {
    position: relative;
}

    .main_ul li:after {
        content: '>';
        width: 15px;
        height: 15px;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
        top: 9px;
        left: 16px;
        font-size: 12px;
        line-height: 15px;
    }




    .main_ul li a {
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        padding-left: 35px;
        box-sizing: border-box;
        color: #444;
        font-size: 14px;
    }

.main_li {
    display: none;
}

    .main_li li {
        border-bottom: 1px dashed #888;
        background: none;
    }

        .main_li li a {
            font-size: 10px;
            box-sizing: border-box;
            font-weight: normal;
        }



.main_ul li:hover .main_li {
    display: block;
}



.main_nav2 {
    margin: 20px auto 0;
}

    .main_nav2 li {
        height: 45px;
        line-height: 45px;
        border-bottom: 1px dotted #b2b2b2;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        padding-right: 10px;
    }

        .main_nav2 li a {
            font-size: 14px;
        }

.main_nav3 {
    margin-top: 20px;
}


    .main_nav3 li {
        width: 185px;
        margin: 20px auto;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        border: 1px solid #e5e5e5;
        height: 160px;
    }


        .main_nav3 li:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        }

        .main_nav3 li img {
            width: 100%;
            height: 118px;
            display: block;
            margin: auto;
        }

        .main_nav3 li h3 {
            height: 40px;
            line-height: 40px;
            text-align: center;
            width: 150px;
            overflow: hidden;
            margin: auto;
            font-size: 14px;
        }

        .main_nav3 li b {
            background: #00ab3f;
            display: block;
            height: 40px;
            line-height: 40px;
            width: 150px;
            overflow: hidden;
            margin: auto;
            text-align: center;
            border-radius: 3px;
            margin-bottom: 35px;
        }

        .main_nav3 li div {
            background: rgba(255,255,255,0.8);
            height: 40px;
            position: absolute;
            bottom: 0;
            overflow: hidden;
            left: 0;
            width: 100%;
            transition: all 0.2s linear 0s;
        }

        .main_nav3 li:hover div {
            height: 80px;
        }



/*路径*/

.main_top {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../images/icon-home.png) no-repeat 0px 50%;
    border-bottom: 1px solid #e8e8e8;
}



.main_tops {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    margin: auto;
    padding-left: 26px;
}


    .main_tops a {
        font-size: 12px;
    }


/**/


/*product*/
.product_text {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}

.prduct_ul {
    width: 930px;
    float: right;
    margin-bottom: 20px;
}

    .prduct_ul ul {
        margin-bottom: 10px;
        margin-top: 20px;
    }


    .prduct_ul li {
        width: 298px;
        float: left;
        margin: 6px 6px;
        height: 290px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        border: 1px solid #e5e5e5;
    }


        .prduct_ul li:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        }

        .prduct_ul li img {
            width: 100%;
            height: 290px;
            display: block;
            margin: auto;
        }

        .prduct_ul li h3 {
            height: 60px;
            line-height: 60px;
            text-align: center;
            width: 230px;
            overflow: hidden;
            margin: auto;
            font-size: 14px;
        }

        .prduct_ul li b {
            background: #00ab3f;
            display: block;
            height: 40px;
            line-height: 40px;
            width: 230px;
            overflow: hidden;
            margin: auto;
            text-align: center;
            border-radius: 3px;
            margin-bottom: 35px;
        }

        .prduct_ul li div {
            background: rgba(255,255,255,0.5);
            height: 60px;
            position: absolute;
            bottom: 0;
            overflow: hidden;
            left: 0;
            width: 100%;
            transition: all 0.2s linear 0s;
        }

        .prduct_ul li:hover div {
            height: 125px;
        }




/*product_content*/




#preview {
    position: relative;
    width: 930px;
    float: right;
    overflow: hidden;
    padding-bottom: 7px;
    box-sizing: border-box;
}


/**/

.product_item {
    margin-top: 10px;
}

.product_content {
    line-height: 2em;
}

    .product_content img {
        max-width: 100%;
        display: block;
        margin: auto;
    }





/**/
.info {
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
}

/**/
.main_next {
    margin-left: 10px;
}

    .main_next .prevrecord, .main_next .nextrecord {
        margin: 5px 0px;
        display: block;
        font-size: 14px;
    }
/*article*/


.article {
    float: right;
    width: 930px;
    box-sizing: border-box;
}

    .article ol {
        margin-top: 20px;
    }

    .article li {
        font-size: 14px;
        position: relative;
        margin-bottom: 5px;
    }

        .article li h3 {
            font-size: 14px;
            position: relative;
            float: left;
            overflow: hidden;
            height: 25px;
            padding-left: 20px;
        }




        .article li span {
            float: right;
            color: #aaa;
        }

        .article li p {
            clear: both;
            color: #aaa;
            height: 25px;
            line-height: 25px;
            overflow: hidden;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .article li:after {
            content: '';
            width: 2px;
            height: 2px;
            display: block;
            overflow: hidden;
            position: absolute;
            top: 10px;
            left: 11px;
            background: #00ab3f;
        }

/**/


.Article_xw .pading {
    margin-bottom: 0px;
}

/*article_content*/
.Article_content {
    width: 930px;
    float: right;
}

.Article_text {
    height: 40px;
    font: 22px "Microsoft Yahei";
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    margin-top: 30px;
    font-weight: bold;
}

.Article_content .info {
    height: 50px;
    font: 14px "Microsoft Yahei";
    line-height: 50px;
    text-align: center;
    color: #999;
    margin: 0px auto 10px;
}

    .Article_content .info span {
        height: 50px;
        font: 14px "Microsoft Yahei";
        line-height: 50px;
        margin-bottom: 10px;
        color: #999;
    }

.Article_content .detail {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 10px;
    word-spacing: 10px;
}

    .Article_content .detail img {
        max-width: 100%;
        display: block;
        margin: auto;
    }



/*上下键*/
.pading {
    float: right;
    margin-top: 10px;
}

    .pading span {
        padding: 3px 8px;
        border: 1px solid #ccc;
        display: block;
        float: left;
        margin: 0px 2px;
    }

    .pading a {
        padding: 3px 8px;
        border: 1px solid rgba(142,142,142,0.5);
        display: block;
        float: left;
        margin: 0px 1px;
    }

    .pading .current {
        border: none;
        padding: 2px 8px;
        border: 1px solid #00ab3f;
        background: #00ab3f;
    }

/*page*/


.page_c {
    overflow: hidden;
    float: right;
    width: 930px;
}


    .page_c img {
        max-width: 80%;
        /*display: block;*/
    }
/**/

/*footer*/
.footer {
    padding: 15px 0;
    background: #333;
}


/*相关产品相关文章开始*/
.relevant {
    width: 100%;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .relevant .rel_title {
        margin-bottom: 0;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background: #1D1C1C;
        text-indent: 10px;
        color: #fff !important;
    }

    .relevant .rel_content {
        padding: 10px;
        overflow: hidden;
    }
/*相关产品*/
.relevant_product .rel_item {
    width: 122px;
    float: left;
    margin: 0 5px 10px 5px;
}

    .relevant_product .rel_item .rel_item_img {
        width: 100%;
        height: 90px;
    }

    .relevant_product .rel_item .rel_item_title {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        overflow: hidden;
        color: #fff !important;
    }
/*相关文章*/
.relevant_article .rel_item {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #59504D;
    overflow: hidden;
}

    .relevant_article .rel_item .rel_item_time {
        float: right;
        color: #999;
    }


/**/

h4.related {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    line-height: 32px;
    margin: 0 10px;
    height: 32px;
}

    h4.related span {
        display: inline-block;
        border-bottom: 2px solid #666;
    }

.relatedlist {
    margin: 0 10px;
    padding: 10px 0;
    overflow: hidden;
}

ul.relate_news li a {
    color: inherit;
    display: block;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
}

ul.relate_pr li {
    width: 20%;
    float: left;
}

    ul.relate_pr li a {
        color: inherit;
        display: block;
        margin: 5px;
        text-align: center;
        line-height: 30px;
    }

    ul.relate_pr li img {
        width: 100%;
        display: block;
    }

ul.relate_pr p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.interlink {
    width: 1200px;
    margin: 50px auto 0;
    background: #f2f2f2;
    border-left: 3px solid #00ab3f;
    height: 75px;
    overflow: hidden;
}

.interlink__title {
    font-size: 14px;
    margin: 0 5px;
    float: left;
    line-height: 75px;
}

.interlink__list {
    width: 1000px;
    float: left;
    padding-top: 27px;
}

.interlink__inner {
    overflow: hidden;
}

.interlink__list a {
    color: #333;
    margin: 1px 11px;
    display: block;
    float: left;
}

#slides .hd li.on,.nav a:hover,.nav li a.cur,.two_ul a:hover,.two_nav li.now,.three li .fl:after,.three li .fl:before,.fore_text:after,.five .prev,.five .next,.five li:hover,.six,.sever_r .more,.eight_m .prev,.eight_m .next,.eight_nav li.on,.main_nav .nav_a h2,.main_nav3 li b,.prduct_ul li b,.pading .current,.article li:after{background:#3f68d1}.two_ul a:hover,.two_title:after,.two_uls a:hover,.three li .fr,.nine_r li:nth-child(1) b,.nine_r li:nth-child(2) b,.ten,.fore li:after,.pading .current{border-color:#3f68d1}.two_uls a:hover,.three_title h2,.five_title h2,.five_title .more b,.five li b,.nine_r li:nth-child(1) b,.nine_r li:nth-child(2) b{color:#3f68d1}.title:before{background:#fff url(../images/115119.png) no-repeat;}.searchBtn{background:#fff url(../images/1151191.png) no-repeat;}.two_m li img{height:300px;}.nine{margin:50px auto 50px;}.two_m li:hover img{border:3px solid #3f68d1;}.navbox .nav a{padding:0px 55px;}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#18BC9C;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#18BC9C;background-color:#ecf0f1;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#b4bcc2;background-color:#f5f5f5;border-color:#ddd;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#b4bcc2;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:8px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination-sm>li>a,.pagination-sm>li>span{padding:2px 8px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#ecf0f1}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#b4bcc2;background-color:#fff;cursor:not-allowed}