﻿@charset "utf-8";
/*reset*/
body {
    background: #f3f3f3;
}
/* CSS reset for c_b */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
.braedm { margin:auto auto 10px auto; width:100%; height:66px;border-bottom:#f7f7f7 1px solid; position:relative; z-index:1;}

.braedm .nemuul{float:left;}
.braedm .nemuul a{display:block;line-height:66px; font-size:20px;position:relative;color:#024883;border-bottom:3px solid #024883;}
 
.braedm .navlujing { font-size: 14px;line-height:30px;color: #999;float:right;margin-top:20px; background:url(../images/subMenu-icon.jpg) no-repeat left center; padding-left:20px;}
.braedm .navlujing .gt{ font-family:\5B8B\4F53;}
.braedm .navlujing a{ color: #999;}
.braedm .navlujing a:hover{color: #024883;}
.b_shadow{
	-o-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-ms-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-moz-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 0 18px rgba(0,0,0,.1); 
	box-shadow:0 0 18px rgba(0,0,0,.1);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table th, table td {
        padding: 5px;
    }

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

ception, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

a {
    color: #666;
    text-decoration: none;
}
    /*for ie f6n.net*/
    a:focus {
        outline: none;
    }
    /*for ff f6n.net*/
    a:hover {
        text-decoration: underline;
    }

/*定位*/
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.bc {
    margin-left: auto;
    margin-right: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.zoom {
    zoom: 1;
}

.hidden {
    visibility: hidden;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
}

-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;
/*其他*/
.curp {
    cursor: pointer;
}

;
/*原reset*/
sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

input, select {
    vertical-align: middle;
}

body {
    font: 12px/1.231 arial,helvetica,clean,sans-serif;
}

select, input, button, textarea, button {
    font: 99% arial,helvetica,clean,sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}
/*title*/
h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}
/*end reset*/



/* CSS Document */
body {
    overflow-x: hidden;
    color: #666;
    font-size: 12px;
    font-family: microsoft yahei, "宋体";
    position: relative;
}
/*网站字体颜色*/

.header, .content, .footer, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

.container1 {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

/*页眉*/
.header {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.topbar {
    width: 100%;
    height: 42px;
    background: url(../images/top.jpg) center;
    min-width: 1100px;
    line-height: 42px;
}

.topbar_left {
    color: #666;
    font-size: 12px;
}

.topbar_right, .topbar_right a {
    color: #fff;
}

    .topbar_right a {
        margin: 0 4px;
    }

        .topbar_right a:hover {
            text-decoration: underline;
        }

.w1100 {
    width: 1200px;
    margin: 0 auto;
}

.headerCenter {
    overflow: hidden;
    height: 100px;
    margin-top: 5px;
}

.headerCenter img{
	max-height:80px;	
}

.headerNav {
    overflow: hidden;
    width: 100%;
    height: 60px;
    background-color: #30973e;
    border-bottom: 5px solid #b20000;
}

    .headerNav li {
        float: left;
        font-size: 14px;
        line-height: 60px;
        font-weight: bold;
        border-right: 1px solid #333;
        border-left: 1px solid #3fd801;
        width: 145px;
    }

        .headerNav li a {
            display: block;
            color: #fff;
            padding: 0 30px;
            text-decoration: none;
            font-size: 16px;
            text-align: center;
        }

    .headerNav .last {
        background: none;
        border-right: none;
    }

    .headerNav li.cur, .headerNav li:hover {
        background: #b20000;
    }

/*footer*/
.foot {
    width: 100%;
    height: 100%;
    background-color: #333;
    padding: 30px 0 30px 0;
    margin-top: 50px;
}

.footnav {
    padding-bottom: 10px;
    border-bottom: 1px solid #555;
    line-height: 30px;
    height: 30px;
}

    .footnav li {
        float: left;
        font-size: 14px;
        margin-right: 53px;
    }

        .footnav li a {
            color: #fff;
            display: block;
            width: 100px;
        }

.footlist {
    margin-top: 30px;
    color: #bbb;
    font-size: 14px;
    line-height: 30px;
}

    .footlist a {
        color: #bbb;
    }

    .footlist .footlogo {
        border-right: 1px solid #555;
        padding-right: 80px;
        margin-left: 30px;
    }

    .footlist .add {
        padding: 0 80px;
        border-right: 1px solid #555;
        padding-top: 4px;
        height: 94px;
    }

.copyright {
    padding-left: 80px;
    padding-top: 4px;
    height: 94px;
}

.foot a:hover {
    text-decoration: underline;
}

.rtTop {
    width: 43px;
    height: 43px;
    overflow: hidden;
    position: fixed;
    top: 65%;
    right: 50%;
    margin-right: -644px;
    cursor: pointer;
    display: none;
    z-index: 99;
}

    .rtTop h4 {
        width: 43px;
        height: 43px;
        overflow: hidden;
        position: relative;
    }

    .rtTop img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }


/*首页风貌横幅*/

.index_brand {
    height: 450px;
    margin: auto;
    position: relative;
    background: #c5cde4;
}

.banner li {
    width: 100%;
    height: 450px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

    .banner li a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

.banner .number {
    height: 20px;
    position: absolute;
    left: 15%;
    bottom: 20px;
}

    .banner .number span {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #fff;
        cursor: pointer;
        margin-left: 6px;
        position: relative;
        overflow: hidden;
    }

        .banner .number span.on {
            background: #d40000;
        }

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1 {
    display: none;
    z-index: 1001;
    width: 398px;
    border: 1px solid #ccc;
    background: #fff;
    padding-bottom: 20px;
}

    #mesbook1_c div, #mesbook1 div {
        border: 1px solid #E4E3E3;
        background: #EBECEB;
        height: 18px;
        padding: 4px .5em 0;
        margin-bottom: 10px;
    }

    #mesbook1_c dl.b1, #mesbook1 dl.b1 {
        width: 370px;
        margin: 0 auto;
    }

        #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
            float: left;
            width: 105px;
            overflow: hidden;
        }

        #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
            width: 265px;
            float: right;
        }

    #mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
        padding-bottom: 10px;
    }

        #mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
            margin-right: 20px;
        }
/*.baner{ background:url(/images/baner.jpg) no-repeat center; height:550px;}*/

/*search*/



.advtop {
    width: 100%;
    height: 111px;
    background: url(../images/bg_adv.jpg) no-repeat center;
    min-width: 1100px;
    color: #fff;
    font-weight: bold;
}

    .advtop h3 {
        font-size: 30px;
        padding-top: 10px;
        margin-left: 285px;
    }

        .advtop h3 i {
            font-size: 48px;
            margin: 0 10px 0 5px;
        }

.adv table {
    width: 100%;
    vertical-align: middle;
    background: #fff;
}

    .adv table tr {
        margin-top: 40px;
        display: block;
    }

        .adv table tr td {
            vertical-align: middle;
            text-align: center;
            width: 600px;
        }

.adv .num {
    width: 56px;
    height: 57px;
    background: url(../images/ico10.jpg) no-repeat center;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 47px;
    margin-left: 30px;
}

.advtitle {
    margin-left: 10px;
}

    .advtitle h3 {
        font-size: 24px;
        font-size: bold;
        color: #bc2721;
        padding-top: 2px;
    }

    .advtitle p {
        font-size: 12px;
        color: #aaa;
        padding-top: 3px;
    }

.titletop, .advlist {
    text-align: left !important;
}

.advlist {
    padding-top: 20px;
}

    .advlist li {
        background: url(../images/ico_01.png) no-repeat left 9px;
        padding-left: 13px;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        margin-bottom: 5px;
    }

.adbox {
    width: 100%;
    height: 236px;
    margin-top: 70px;
    background: url(../images/ban.jpg) no-repeat center;
}

.adbtn {
    position: relative;
    display: block;
}

    .adbtn a {
        width: 102px;
        height: 40px;
        background-color: #bc2721;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        display: block;
        line-height: 40px;
        text-align: center;
        border-radius: 3px;
        position: absolute;
        top: 166px;
        right: 84px;
    }



/*pro*/
.pro {
    overflow: hidden;
    width: 100%;
    padding: 25px 0;
}

.proLeft {
    overflow: hidden;
    width: 377px;
    border: 2px solid #30973e;
    float: left;
    background-color: #fff;
}

    .proLeft h3 {
        width: 100%;
        height: 92px;
        background: url(../images/left.jpg)repeat center;
        margin-bottom: 20px;
    }

        .proLeft h3 p {
            text-align: center;
            font-size: 14px;
            color: #fff;
            margin-top: 10px;
        }

        .proLeft h3 a {
            display: block;
            text-align: center;
            font-size: 22px;
            color: #fff;
            padding-top: 15px;
        }

    .proLeft dl {
        overflow: hidden;
        width: 370px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .proLeft dt {
        font-size: 16px;
        color: #fff;
        padding-left: 45px;
        width: 320px;
        height: 44px;
        line-height: 44px;
        margin-bottom: 10px;
    }

        .proLeft dt a {
            display: block;
            color: #333;
        }

    .proLeft dd {
        overflow: hidden;
        width: 100%;
    }

        .proLeft dd p {
            overflow: hidden;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
            line-height: 42px;
            height: 42px;
        }

        .proLeft dd a {
            font-size: 13px;
            color: #333;
            width: 47%;
            display: inline-block;
            padding-left: 2%;
            float: left;
        }


    .proLeft .dt05 {
        background: url(../images/pro_left_menu05.png) no-repeat 10px center;
    }

    .proLeft .phone {
        background: url(../images/pro_left_phone.png) no-repeat 28px center;
        padding-left: 70px;
        padding-top: 20px;
        height: 53px;
        background-color: #30973e;
    }

        .proLeft .phone p {
            font-size: 12px;
            color: #fff;
        }

        .proLeft .phone h4 {
            font-size: 22px;
            color: #fff;
            font-family: Arial;
        }

    .proLeft .dt05 a:hover {
        background-color: #22933b;
        text-decoration: none;
    }

    .proLeft .dt05:hover a {
        color: #fff;
    }

.nlist {
    overflow: hidden;
    margin-top: 10px;
}

    .nlist li {
        float: left;
        width: 380px;
        margin-left: 10px;
        height: 44px;
        line-height: 44px;
        overflow: hidden;
        border-bottom: 1px dotted #cbcbcb;
        /*margin-bottom:5px;
                margin-top:3px;*/
        background-color: #fff;
        margin-top: 3px;
    }

        .nlist li a {
            font-size: 13px;
            color: #000;
            padding-left: 15px;
            background: url(../images/lk1.png) no-repeat 5px center;
            width: 220px;
            float: left;
            overflow: hidden;
            margin-right: 5px;
        }

        .nlist li span {
            color: #000;
        }

        .nlist li a:hover {
            background-color: #0f8900;
            color: #fff;
        }

.proRight {
    overflow: hidden;
    width: 1200px;
    background-color: #fff;
    margin: auto;
}

    .proRight .title {
        overflow: hidden;
        width: 100%;
        height: 64px;
        background: url(../images/pro_right_top.png) repeat-x left top;
        border-top: 3px solid #30973e;
        margin-bottom: 25px;
    }

        .proRight .title h4 {
            font-size: 18px;
            font-weight: normal;
            float: left;
            margin-left: 20px;
            margin-top: 20px;
        }

            .proRight .title h4 a {
                color: #000;
            }

        .proRight .title .more {
            float: right;
            margin-right: 20px;
            margin-top: 25px;
            font-size: 13px;
            color: #666;
        }

    .proRight ul {
        overflow: hidden;
    }

    .proRight li {
        float: left;
        width: 285px;
        margin-bottom: 30px;
        margin-left: 10px;
        height: 200px;
        border: 1px solid #dedede;
    }

        .proRight li a {
            vertical-align: middle;
            width: 285px;
            height: 230px;
            display: table-cell;
        }

        .proRight li img {
            max-width: 275px;
            vertical-align: middle;
            display: block;
            margin: 0 auto;
            height: 180px;
            margin-top: 14px;
        }

        .proRight li h5 {
            font-weight: normal;
            text-align: center;
            font-size: 13px;
            margin-top: 10px;
            margin-bottom: 5px;
            height: 25px;
            line-height: 25px;
            overflow: hidden;
        }

            .proRight li h5:hover {
                text-decoration: none;
            }

        .proRight li:hover {
            border: 1px solid #30973e;
            text-decoration: none;
        }

    .proRight .cont {
        padding: 15px;
        width: 910px;
        overflow: hidden;
        line-height: 30px;
    }

        .proRight .cont img {
            max-width: 910px;
        }

        .proRight .cont .ctitle {
            height: 50px;
            line-height: 50px;
            background: #f3f3f3;
            color: #212122;
            font-size: 22px;
            text-align: center;
        }

        .proRight .cont .ctime {
            height: 30px;
            line-height: 30px;
            color: #212122;
            font-size: 14px;
            text-align: center;
            border-bottom: dashed 1px #f1f1f1;
            margin-bottom: 15px;
        }



/* 案例 */
.case {
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin-top: 20px;
}

.casetitle {
    width: 1200px;
    margin: 10px auto;
    text-align: center;
}

    .casetitle h3 {
        font-size: 28px;
        font-weight: bold;
        color: #333;
    }

    .casetitle p {
        font-size: 12px;
        color: #ccc;
        padding: 5px 0 10px 0;
    }

.parHd {
    height: 40px;
    line-height: 40px;
    padding: 20px 0;
    width: 720px;
    margin: 0 auto;
}

    .parHd ul li {
        float: left;
        cursor: pointer;
        font-size: 14px;
        color: #333;
        width: 132px;
        height: 40px;
        line-height: 40px;
        background-color: #fff;
        border: 1px solid #dedede;
        margin: 0 5px;
        transition: 0.3s;
        border-radius: 3px;
        text-align: center;
    }

        .parHd ul li:hover {
            background-color: #22933b;
            color: #fff;
        }



.case .proBox {
    overflow: hidden;
    width: 1300px;
    margin: 0 auto;
    position: relative;
    height: 400px;
}

    .case .proBox span {
        display: block;
        width: 50px;
        height: 50px;
        cursor: pointer;
        position: absolute;
        top: 180px;
    }

.case .caseLeft {
    background: url(../images/icon-1.png) no-repeat center top;
    left: 0;
}

.case .caseRight {
    background: url(../images/icon-2.png) no-repeat center bottom;
    right: 0;
}

.case .proWin {
    overflow: hidden;
    width: 1200px;
    height: 330px;
    margin: 0 auto;
    position: relative;
}

    .case .proWin ul {
        overflow: hidden;
        position: absolute;
    }

    .case .proWin li {
        overflow: hidden;
        float: left;
        width: 206px;
        height: 290px;
        background-color: #fff;
        padding: 20px 10px;
        margin: 0 7px;
    }

        .case .proWin li img {
            display: block;
            margin-bottom: 20px;
        }

        .case .proWin li h5 {
            font-size: 16px;
            text-align: center;
            margin-bottom: 10px;
            height: 30px;
        }

            .case .proWin li h5 a {
                color: #9a1f1b;
            }

        .case .proWin li p {
            font-size: 12px;
            color: #999;
            line-height: 20px;
            height: 40px;
            text-align: center;
            margin-bottom: 24px;
        }

        .case .proWin li .more {
            display: block;
            width: 100%;
            height: 35px;
            background-color: #30973e;
            text-align: center;
            line-height: 35px;
            font-size: 14px;
            color: #fff;
        }

        .case .proWin li:hover .more {
            background-color: #b20000;
        }


/*about*/
.about {
    overflow: hidden;
    width: 100%;
    height: 511px;
    margin: 0 auto;
}

    .about dl {
        background: #fff;
        width: 1180px;
        padding: 30px 10px;
        height: 320px;
    }

    .about dt {
        float: left;
        width: 427px;
        height: 286px;
        overflow: hidden;
    }

    .about dd {
        overflow: hidden;
        float: right;
        width: 700px;
    }

    .about h4 {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

        .about h4 a {
            color: #666;
        }

    .about i {
        display: block;
        width: 32px;
        height: 2px;
        background-color: #ff9000;
        margin-bottom: 30px;
    }

    .about p {
        font-size: 13px;
        color: #666;
        line-height: 30px;
        width: 100%;
        overflow: hidden;
    }

    .about .more {
        display: block;
        width: 134px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        color: #fff;
        background-color: #30973e;
        font-size: 13px;
        margin-top: 5px;
        float: right;
    }

        .about .more img {
            margin-right: 5px;
        }

.lc {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    height: 800px;
}

.ad {
    width: 100%;
    height: 150px;
    background: url(../images/tl.jpg) 50% 50% / 100% 100%;
}

/*news*/
.news {
    overflow: hidden;
    width: 100%;
    padding: 25px 0;
}

.newsleft {
    overflow: hidden;
    float: left;
    width: 800px;
    height: 528px;
    background-color: #fff;
    margin-right: 20px;
}

    .newsleft .menu {
        overflow: hidden;
        width: 100%;
    }

        .newsleft .menu li {
            float: left;
            width: 800px;
            height: 64px;
            text-align: center;
            line-height: 64px;
        }

            .newsleft .menu li a {
                font-size: 18px;
                color: #fff;
                font-weight: bold;
            }

            .newsleft .menu li span {
                font-size: 12px;
                color: #fff;
                margin-left: 5px;
            }

            .newsleft .menu li.li01 {
                background-color: #454444;
            }

            .newsleft .menu li.li02 {
                background-color: #333333;
            }

            .newsleft .menu li.li03 {
                background-color: #242424;
            }

            .newsleft .menu li.cur {
                background-color: #30973e;
            }

    .newsleft .newsBox {
        overflow: hidden;
        width: 800px;
        margin: 0 auto;
        height: 430px;
        margin-top: 20px;
    }

    .newsleft .newsList {
        overflow: hidden;
        width: 100%;
        height: 380px;
    }

        .newsleft .newsList dl {
            overflow: hidden;
            width: 100%;
            margin-bottom: 25px;
        }

        .newsleft .newsList dt {
            float: left;
            width: 174px;
            height: 137px;
            overflow: hidden;
        }

        .newsleft .newsList dd {
            overflow: hidden;
            float: right;
            width: 290px;
            margin-top: 20px;
        }

            .newsleft .newsList dd h5 {
                font-size: 14px;
                white-space: nowrap;
                font-weight: normal;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-bottom: 15px;
            }

                .newsleft .newsList dd h5 a {
                    color: #30973e;
                }

            .newsleft .newsList dd p {
                font-size: 13px;
                color: #333;
                line-height: 24px;
                height: 72px;
                overflow: hidden;
            }

        .newsleft .newsList ul {
            overflow: hidden;
            width: 100%;
        }

        .newsleft .newsList li {
            overflow: hidden;
            float: left;
            width: 100%;
            font-size: 13px;
            line-height: 36px;
            background: url(../images/news_s.jpg) no-repeat left center;
        }

            .newsleft .newsList li a {
                display: block;
                color: #333;
                width: 350px;
                margin-left: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                float: left;
            }

            .newsleft .newsList li span {
                color: #666;
                float: right;
                font-family: Arial;
            }

.newsright {
    overflow: hidden;
    float: left;
    width: 350px;
    height: 485px;
    background-color: #fff;
}

.n_title {
    overflow: hidden;
    width: 100%;
    height: 64px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

    .n_title h3 {
        font-size: 18px;
        color: #333;
        float: left;
        line-height: 64px;
        margin-left: 20px;
    }

    .n_title a {
        color: #333;
    }

    .n_title h3 span {
        font-size: 12px;
        color: #fff;
        font-weight: normal;
        margin-left: 5px;
    }

    .n_title .more {
        float: right;
        margin-right: 20px;
        font-size: 13px;
        margin-top: 25px;
    }

.newsright .qaBox {
    overflow: hidden;
    width: 305px;
    margin: 0 auto;
    height: 380px;
    position: relative;
}

.newsright .qaList {
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #ccc;
}

    .newsright .qaList h5 {
        font-weight: normal;
        font-size: 14px;
        background: url(../images/news_q.jpg) left center no-repeat;
        line-height: 31px;
        padding-left: 40px;
        margin-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .newsright .qaList h5 a {
            color: #000;
        }

    .newsright .qaList p {
        background: url(../images/news_a.jpg) no-repeat left top;
        padding-left: 40px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        font-size: 13px;
        color: #666;
    }


.liuyan {
    overflow: hidden;
    float: right;
    width: 380px;
    height: 528px;
    background-color: #fff;
}

    .liuyan ul {
        overflow: hidden;
        width: 260px;
        margin: 0 auto;
    }

    .liuyan li {
        float: left;
        overflow: hidden;
        margin-bottom: 20px;
        border: 1px solid #dedede;
    }

        .liuyan li span {
            width: 60px;
            height: 40px;
            border-right: 1px solid #ddd;
            font-size: 13px;
            color: #333;
            text-align: center;
            line-height: 40px;
            background-color: #fff;
            display: block;
            float: left;
        }

        .liuyan li input {
            float: left;
            width: 170px;
            height: 40px;
            line-height: 40px;
            border: none;
            outline: none;
            padding: 0 10px;
        }

        .liuyan li textarea {
            float: left;
            width: 170px;
            padding: 10px;
            border: none;
            outline: none;
            resize: none;
            height: 120px;
        }

        .liuyan li span.text {
            height: 140px;
        }

/*.liuyan p {
        clear: both;
        cursor: pointer;
        width: 140px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #fff;
        background-color: #333;
        margin: 0 auto;
    }*/

/*分页样式*/
.page {
    text-align: center;
    width: 100%;
    margin: 20px 0 30px 0;
}

    .page a {
        display: inline-block;
        padding: 5px 8px 4px 8px;
        border: #E4E4E4 1px solid;
        margin: 2px 4px;
        color: #666;
        text-decoration: none;
        cursor: pointer;
    }

        .page a:hover {
            border: #000 1px solid;
            color: #FFF;
            background: #333;
        }

    .page span.current {
        display: inline-block;
        padding: 5px 8px 4px 8px;
        color: #FFF;
        background: #30973e;
        border: #000 1px solid;
        margin: 2px 4px;
    }

    .page span.no {
        border: 1px #000 solid;
        margin: 2px;
        color: #FFF;
        background: #333;
        text-decoration: none;
    }
/*内页新闻列表*/

.paane_nse {
}

.poasaa_mi {
    height: 144px;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 20px;
}

.paass_mo {
    float: left;
    padding: 0px 10px 0px 10px;
}

    .paass_mo img {
        border: 1px #e8e8e8 solid;
    }

.paao_ni {
    float: left;
    width: 670px;
}

.paaos_ni {
    height: 30px;
}

    .paaos_ni a {
        color: #333333;
        font-weight: bold;
        font-size: 14px;
    }

        .paaos_ni a:hover {
            color: #0e7ac3;
            font-weight: bold;
            font-size: 14px;
        }

.paaoa_ni {
    line-height: 25px;
    color: #666666;
}

.paaoa_time {
    float: right;
    margin-right: 20px;
}

.paaoi_ni {
    height: 25px;
    padding-top: 0px;
}

    .paaoi_ni a {
        color: #0e7ac3;
        border-bottom: 1px #0e7ac3 solid;
    }

.saip_sd {
    width: 450px;
    height: 50px;
    border-bottom: 1px #efefef solid;
    margin-left: 75px;
}


/*在线客服*/

#floatQQ {
    width: 140px;
    background: #b20000;
    position: fixed;
    top: 190px;
    right: 0px;
    z-index: 999;
    border-radius: 5px;
    height: 360px;
}

    #floatQQ .closeqq {
        width: 100%;
        height: 31px;
    }

    #floatQQ .floatDtt {
        width: 100%;
        height: 65px;
        color: #fff;
        font-size: 24px;
        text-align: center;
        padding-top: 10px;
    }

        #floatQQ .floatDtt p {
            text-align: center;
            color: #f3f3f3;
            font-size: 12px;
            margin-top: 5px;
        }

    #floatQQ .floatDqq {
        background-color: #fff;
        width: 120px;
        margin: 0 auto;
    }

        #floatQQ .floatDqq li {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            border-bottom: 1px solid #e3e3e3;
            text-align: center;
        }

            #floatQQ .floatDqq li img {
                float: left;
                margin-left: 10px;
                margin-top: 3px;
                width: 20px;
            }

    #floatQQ .weixin {
        background-color: #fff;
        width: 120px;
        height: 120px;
        margin: 10px auto;
        border-radius: 5px;
    }

        #floatQQ .weixin img {
            width: 100px;
            padding: 10px;
        }

    #floatQQ .tel {
        width: 100%;
        height: 65px;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

        #floatQQ .tel p {
            color: #f3f3f3;
            font-size: 14px;
            margin-top: 5px;
        }

.ysimg {
    width: 1170px;
    margin: 25px auto 0 auto;
    overflow: hidden;
}
/**/

.commitments {
    position: absolute;
    width: 100%;
    height: 600px;
    top: 50%;
    margin-top: -300px;
    left: 0;
}

    .commitments li {
        display: block;
        position: relative;
        float: left;
        width: 120px;
        height: 120px;
        margin: 0 25px 20px 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #F4F4F4;
    }

        .commitments li h3 {
            display: block;
            height: 65px;
            overflow: hidden;
            line-height: 85px;
            color: #F2F2F2;
            text-align: center;
            font-size: 32px;
            text-shadow: -1px -1px 0 #fff,1px 1px 0 #DCDADA,1px 1px 0 #444;
        }

        .commitments li span {
            text-align: center;
            display: block;
            font-size: 16px;
            color: #ADABAB;
        }



.commitments-decoration {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 444px;
    left: 50%;
    margin-left: -222px;
    bottom: 130px;
    z-index: 99;
    line-height: 20px;
    -webkit-transition: all .3s cubic-bezier(0.33,0.66,0.66,1);
    -moz-transition: all .3s cubic-bezier(0.33,0.66,0.66,1);
    transition: all .3s cubic-bezier(0.33,0.66,0.66,1);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}

    .commitments-decoration .pd20 {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
        background: -moz-linear-gradient(top,#fff,#dedede);
        background: gradient(linear, left top, left bottom, from(#fff), to(#dedede));
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        font-size: 12px;
        -webkit-box-shadow: 0px 20px 40px rgba(0,0,0,.45);
        -moz-box-shadow: 0px 20px 40px rgba(0,0,0,.45);
        box-shadow: 0px 20px 40px rgba(0,0,0,.45);
    }

.commitments li .commitments-decoration span {
    font-size: 12px;
    color: #e80101;
    text-align: left;
}

.commitments li:hover .commitments-decoration {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}





.commitments ul {
    display: block;
    width: 435px;
    position: relative;
    margin: 0 auto;
    left: 10px;
}

.commitments .title {
    margin-bottom: 40px;
}

.commitments li {
    cursor: pointer;
}

.ow {
    min-width: 1200px;
    margin: 0 auto;
}

.foot {
    font-family: '寰蒋闆呴粦';
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
}

    .foot a {
        color: red;
        font-weight: bold;
    }

        .foot a:hover {
            color: #ffe478;
        }

    .foot .w {
        position: relative;
        padding-top: 20px;
        /*height: 80px;*/
    }

    .foot a, .foot a: hover {
        color: #a22a00;
    }

    .foot li {
        list-style: none;
    }

.mainyq {
    width: 1200px;
    margin: auto;
    background-repeat: repeat-x;
}

.tab {
    width: 1200px;
    margin: auto;
    padding: 0px;
}

    .tab .tabspan {
        float: left;
        background: #dcdcdc;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        line-height: 24px;
        padding: 0px 10px 0px 10px;
    }

.tab-hd {
    padding: 0px;
    margin: 0px;
    height: 24px;
    zoom: 1;
    color: #fff;
}

    .tab-hd li {
        float: left;
        width: 100px;
        color: #000;
        line-height: 24px;
        font-size: 12px;
        text-align: center;
        cursor: pointer;
        list-style: none;
    }

        .tab-hd li.active {
            color: #000;
            background: #c2130e;
        }

.tab-bd {
    padding: 0px;
    margin: 2px 2px 0px 2px;
}

    .tab-bd li {
        display: none;
    }

        .tab-bd li a {
            display: inline-block;
            margin: 2px;
            color: #000;
        }

            .tab-bd li a:hover {
                color: #e55e04;
            }


.duilian {
    top: 260px;
    position: absolute;
    width: 160px;
    overflow: hidden;
    display: none;
    background: #fff;
}

.duilian_left {
    left: 6px;
}

.duilian_right {
    right: 6px;
}

.duilian_con {
    border: 2px solid #FF0000;
    width: 156px;
    overflow: hidden;
}

.duilian_title {
    background: url(../images/SonlineTitleBg.gif) #FF0000;
    height: 35px;
    line-height: 35px;
    color: #fff;
}

    .duilian_title strong {
        margin-left: 10px;
        float: left;
    }

.duilian_list {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 8px;
    height: 22px;
    line-height: 22px;
}

.duilian_span {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 23px;
    width: 65px;
    text-align: right;
}

.duilian_close {
    background: url(../images/closeBtnImg.gif) 10px no-repeat;
    -webkit-transition: all 0.8s ease-out;
    width: 40px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    float: right;
    display: block;
    font-size: 13px;
    text-decoration: none;
}

.contactus {
    background: url(../images/contact.jpg) top right no-repeat;
}

    .contactus li {
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
        text-align: left;
    }

.nyprocenter {
    overflow: hidden;
    width: 1200px;
    background-color: #fff;
    margin: auto;
}

    .nyprocenter .title {
        overflow: hidden;
        width: 100%;
        height: 64px;
        background: url(../images/pro_right_top.png) repeat-x left top;
        border-top: 3px solid #30973e;
        margin-bottom: 25px;
    }

        .nyprocenter .title h4 {
            font-size: 18px;
            font-weight: normal;
            float: left;
            margin-left: 20px;
            margin-top: 20px;
        }

            .nyprocenter .title h4 a {
                color: #000;
            }

        .nyprocenter .title .more {
            float: right;
            margin-right: 20px;
            margin-top: 25px;
            font-size: 13px;
            color: #666;
        }

    .nyprocenter ul {
        overflow: hidden;
    }



    .nyprocenter .cont {
        padding: 15px;
        width: 1100px;
        overflow: hidden;
        line-height: 30px;
    }



        .nyprocenter .cont .ctitle {
            height: 50px;
            line-height: 50px;
            background: #f3f3f3;
            color: #212122;
            font-size: 22px;
            text-align: center;
        }

        .nyprocenter .cont .ctime {
            height: 30px;
            line-height: 30px;
            color: #212122;
            font-size: 14px;
            text-align: center;
            border-bottom: dashed 1px #f1f1f1;
            margin-bottom: 15px;
        }

.con {
    width: 1180px;
    margin-right: 10px;
    border: 0px solid #dedede;
    margin: auto;
}

    .con ul li {
        border-bottom: 1px dashed gray;
        overflow: hidden;
        width: 1170px;
        height: 40px;
    }

        .con ul li a {
            color: #8F7042;
            padding-left: 20px;
            display: block;
            overflow: hidden;
            height: 40px;
            line-height: 40px;
            width: 980px;
            float: left;
            text-decoration: none;
        }

            .con ul li a:hover {
                background: #009a44;
                color: #fff;
            }

        .con ul li span {
            display: block;
            height: 30px;
            float: left;
            overflow: hidden;
            line-height: 30px;
            margin-right: 7px;
        }

.pages {
    margin: 5px 0px 5px 0px;
    clear: both;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

    .pages a {
        border: 1px solid #DDDDDD;
        color: Gray;
        background: #fff;
        padding: 2px 6px;
        margin: 0 2px;
    }

        .pages a:hover {
            border: 1px solid #DDDDDD;
            color: red;
        }

    .pages .cpb {
        color: Gray;
        border: 1px solid #DDDDDD;
        font-weight: bold;
    }

    .pages span {
        color: red;
    }

.case_list {
    width: 1200px;
    height: auto;
    overflow: hidden;
}

    .case_list ul {
        width: 1180px;
        height: auto;
    }

    .case_list li {
        width: 243px;
        height: 245px;
        position: relative;
        float: left;
        margin-left:40px;
    }



        .case_list li a img {
            width: 233px;
            height: 210px;
            border: 0px solid #dcdcdc;
        }



        .case_list li a span {
            height: 24px;
            line-height: 24px;
            width: 243px;
            display: block;
            text-align: center;
            color: #8F7042;
        }
        .contpn
{
	padding: 10px;
width:1000px;

}
.contpn a
{
	color: #000;
}
.contpn a:hover
{
	color: Red;
}
	

.xtjdmian {
    width: 1200px;
    margin: auto;
}

/*新的*/
.xtjfld {
    width: 1200px;
   
}

    .xtjfld .title {
        width: 1200px;
        overflow: hidden;
        text-align: right;
        margin: auto;
        height: 40px;
      line-height: 40px;
        background: #30973e;
    }

    .xtjfld strong {
        line-height: 38px;
        padding-left: 10px;
        text-align: left;
        font-size: 18px;
        color: #fff;
      
        float: left;
      
    }

.xtjflname {
    width: 1200px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .xtjflname ul {
        /*height: 165px;*/
        overflow: hidden;
    }

    .xtjflname li {
        list-style: none;
        padding: 7px;
        float: left;
        width: 205px;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
    }

        .xtjflname li a {
            display: block;
            color: #444;
        }
        
.xtjflname {
    width: 1120px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .xtjflname ul {
        /*height: 165px;*/
        overflow: hidden;
    }

    .xtjflname li {
        list-style: none;
        padding: 7px;
        float: left;
        width: 185px;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
    }

        .xtjflname li a {
            display: block;
            color: #444;
        }
	  .xtjflcontent{margin:0 auto;width:1120px;}

.clear{clear:both;}
.cur_post{	height: 50px;	color: #333;	font-family:Microsoft YaHei,ו;	line-height: 32px;	overflow: hidden;	font-size:16px;	line-height:50px;
	width: 1120px;	margin-right: 0px;	margin-left: 0px;}


.product-context{float:left; width:756px; margin-right:10px;border: 1px solid #d0d0d0;background-color:#fff; padding:15px;}
 
.product-title{	font-size:25px;	font-weight:bold;	max-height:80px;	overflow:hidden;	line-height:35px;	padding-bottom:15px;margin-bottom:15px;
	margin-top:5px;	color: #000;	text-align: center; border-bottom:1px solid #d0d0d0;}
.product-title h1{font-size:25px;}

.focusbox{position:relative;height: 400px; width:340px;border: 1px solid #d0d0d0; float:left;padding: 5px;}
.focusimg{width:340px;height: 320px; position:relative; overflow:hidden;-webkit-perspective: 1300px;border-bottom: solid 1px #ebebeb;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:340px; height:360px; cursor:pointer;}
.fimglist li{width:420px; height:360px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
.focustool{width:340px; overflow:hidden; padding:5px; margin:0 auto; position:relative;}
.ftoollist{width:4655px; position:relative;}
.ftoollist img{display:block; width:64px; height:70px;}
.ftoollist a{ display:block; width:64px; margin-left:3px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
.ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}

.ftoollist .on a{background-color:#cc3300; padding:2px; margin-right:-2px; z-index:100; top:-5px;}
.ftoollist .on .imgname{color:#DBC98C;}
.ftoollist .on .imgshortcat{color:#FFF;}

.product-2{width:756px;} 
.product-2 .p-img{float:left; width:430px; height:450px;border: 1px solid #d0d0d0;} 
.product-2 .p-img  img{max-width:340px;height:370px;border-bottom: solid 1px #ebebeb;padding: 5px;}

.product-2 .pro-right{float:left;width:385px; margin-left:19px; height:450px;} 
.product-2 .pro-right .pro-right-list{width:385px; height:340px;}
.product-2 .pro-right .pro-right-list p{height:35px; line-height:35px; font-size:16px;}
.product-2 .pro-right .pro-right-list p span{display:block;}
.product-2 .pro-right .pro-right-list .pl{width: 90px;    text-align: left;     overflow: hidden;float:left;}
.product-2 .pro-right .pro-right-list .pr{width: 290px;    text-align: left;    overflow: hidden;float:left;overflow: hidden;height: 30px; }
 
.product-2 .jiage{ font-size: 16px; display:block;float:left; width: 126px; height: 47px;line-height: 47px;padding: 0 20px;font-weight: bold;text-align: center;background: #cc3300; border-radius: 4px;cursor: pointer; color:#fdffba; }
.product-2 .qq{margin-left:20px;} 
.product-2 .weixin{border:1px solid #d0d0d0;width:150px; height:165px; padding:5px; margin-top:10px;float:left; text-align:center;font-size:14px;}
.weixin img{width:150px; height:150px;}
.product-2 .weixin img{max-width:150px;}

.product-2 .ml20{margin-left:20px;} 
.product-2 .pro-right .share{height:30px; line-height:30px;}


.product-3{width:756px;margin-top:20px;} 
 .pro3-title{height:45px; width:100%; background:#f8f8f8; border-bottom:2px solid #cc3300}
 .pro3-title span{font-size: 20px; width:150px;height:45px; background: #cc3300;line-height: 45px;text-align: center;color:#fdffba;display:block;}
.product-3 .pro3-details{ font-size:15px; line-height:28px; margin-top:10px; margin-bottom:15px;}
.product-3 .pro3-details img {max-width:830px;}


.xtjflss ul li{float:left;margin-left:20px; width:45%;height:25px;overflow:hidden;}
.xtjflss ul li a{color:#000;}
.ssclear {
    height: 0px;
    line-height: 0;
    clear: both;
    font-size: 0px;
    margin-top: 72px;
}

.nynssclear{
    height: 0px;
    line-height: 0;
    clear: both;
    font-size: 0px;
    margin-top: 7px;
}

.cont-right{float:right;width:312px;}
.cont-right a{color:#000;}

.cont-right .likeproduct{    width: 300px;    float: left;    border: 1px solid #d0d0d0;    background-color: #fff;    padding: 5px;    margin-bottom: 20px;}


.cont-right .likeproduct .liketitle{height: 40px;    line-height: 40px;    width: 300px;    border-bottom: 1px solid #d0d0d0;    font-size: 16px;
    text-align: center;    overflow: hidden;    color: #333333;    margin-bottom: 10px; font-weight:bold;}


.cont-right .likeproduct .likeproduct-p li{float:left; width:128px;height:147px;margin-bottom:10px;  text-align:center; overflow: hidden;}

.cont-right .likeproduct .likeproduct-p .tittle{float:left; width:128px;height:147px;margin-bottom:10px;  text-align:center; overflow: hidden;}

.cont-right .likeproduct .likeproduct-p ul{float:left; width:128px;height:147px;margin-left:10px;margin-bottom:10px; border:1px solid #d0d0d0;   padding-top:5px;padding-left:5px;padding-right:5px;
text-align:center; overflow: hidden;}


.cont-right .likeproduct .likeproduct-p li img{width:128px;height:128px;}

.cont-right .likeproduct .likeproduct-p ul img{width:128px;height:128px;}


.shengming{float:left;width:100%;border: 0px solid #dddddd; margin-bottom:6px; padding:10px; background-color:#fff;color:red;  font-size:14px;  margin-top:15px;}

.likeproduct-w a{  color: #000;
    display: block;
   
    white-space: pre;
    margin: 1em 0;
    width: 300px;
    overflow: hidden;
border-bottom:1px dashed #d0d0d0;
line-height:20px;
 }

.share {
    width: 186px;
}
.cont-right .likeproduct .likeproduct-w li{  width:300px;  border-bottom:0px dashed #d0d0d0; text-indent:10px;overflow:hidden; }

 body{ overflow:scroll; overflow-x:hidden; }

 
.flconcenlh {
    width: 730px;
    /*height: 215px;*/
    border: 0px solid red;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

    .flconcenlh li {
        width: 90px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
        overflow:hidden;
    }




.gysbsy {
    margin: auto;
    width: 100px;
    height: 30px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    padding-left: 20px;
  
}

.gysbsy a{
   
    color: #000;
    
}


/*新闻产品案例相关产品*/

.xcaflconcenlh {
    width: 730px;
    /*height: 215px;*/
    border: 0px solid red;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

    .xcaflconcenlh li {
        width: 300px;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
        overflow:hidden;
    }


.xcagysbsy {
    margin: auto;
    width: 250px;
    height: 30px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    padding-left: 20px;
  
}

.xcagysbsy a{
   
    color: #000;
    
}


.product-3 .pro3-details img {
    max-width: 630px;
}

#content img{max-width: 500px;}


.xtjdmian {
    width: 1200px;
    margin: auto;
}

/*新的*/
.xtjfld {
    width: 1200px;
   
}

    .xtjfld .title {
        width: 1200px;
        overflow: hidden;
        text-align: right;
        margin: auto;
        height: 40px;
      line-height: 40px;
        background: #30973e;
    }

    .xtjfld strong {
        line-height: 38px;
        padding-left: 10px;
        text-align: left;
        font-size: 18px;
        color: #fff;
      
        float: left;
      
    }

.xtjflname {
    width: 1200px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

    .xtjflname ul {
        /*height: 165px;*/
        overflow: hidden;
    }

    .xtjflname li {
        list-style: none;
        padding: 7px;
        float: left;
        width: 225px;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
    }

        .xtjflname li a {
             display: block;
            color: #fff;
            background: #30973e;

        }


 .xtjflname li a:hover {
             display: block;
            color: #fff;
            background: #000;

        }
