html, body {
    -webkit-text-size-adjust: none;
}
.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);
}
body {
    width: 100%;
    font-size: 14px;
    font-family: "微软雅黑";
    margin: 0;
    padding: 0;
    color: #010101;
    line-height: 24px;
}

article, footer, header, dh, section {
    display: block;
}

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

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #444;
}

    a:hover {
        text-decoration: none;
    }

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fl, .fr {
    display: inline;
}

.cen {
    margin: 0 auto;
}

.mag {
    margin-top: 30px;
}

.mag1 {
    margin-top: 15px;
}

.maf {
    margin-left: 30px;
}


.topbg {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #cccccc;
}

    .topbg .top {
        width: 1200px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        color: #444;
    }

.top .top_l {
    width: 300px;
    color: #000;
}

.top .top_r {
    width: 400px;
    border-right: 1px solid #FFF;
}

    .top .top_r a {
        width: auto;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        float: right;
        border-left: 1px solid #ccc;
        padding: 0px 15px;
        color: #000;
    }

        .top .top_r a:hover {
            color: #F00;
        }

.logo {
    width: 100%;
    height: 132px;
    background: url(../images/hbg.jpg) center repeat-x;
}

    .logo img {
        width: 1200px;
        margin: 0 auto;
        display: block;
        padding-top: 20px;
    }

.nav {
    width: 100%;
    height: 58px;
    background-image: url(../images/dhbg.jpg);
    background-repeat: repeat-x;
}

.dh {
    width: 1200px;
    height: auto;
}

    .dh li {
        width: 139px;
        height: 56px;
        float: left;
        text-align: center;
        color: #FFF;
        margin-right: 5px;
        background: url(../images/dhline.jpg) right no-repeat;
    }

        .dh li a {
            color: #fff;
            display: block;
            line-height: 20px;
            padding: 11px 0;
            font-size: 15px;
            font-weight: bold;
        }

            .dh li a p {
                line-height: 14px;
                font-size: 13px;
                font-weight: normal;
            }

            .dh li a:hover {
                background: #2766b5;
                color: #FFF;
            }

        .dh li:hover ul li {
            display: block;
        }

        .dh li ul li {
            width: 127px;
            height: 40px;
            line-height: 40px;
            background: #2766b5;
            position: relative;
            z-index: 9999;
            left: 0px;
            top: 0px;
            display: none;
            color: #666 !important;
        }

            .dh li ul li a {
                color: #FFF;
                font-size: 12px;
            }

                .dh li ul li a:hover {
                    color: #FFF;
                }

.index_brand {
    height: 450px;
    margin: auto;
    position: relative;
    z-index: 30;
}

.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: 10px;
    position: absolute;
    left: 15%;
    bottom: 20px;
}

    .banner .number span {
        display: inline-block;
        width: 13px;
        height: 13px;
        background: #fff;
        cursor: pointer;
        margin-left: 10px;
        position: relative;
        overflow: hidden;
    }

        .banner .number span.on {
            background: #0f3797;
        }


.sousuo {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #cccccc;
}

    .sousuo .hotproduct {
        width: 850px;
        font-size: 14px;
        color: #000;
        float: left;
    }

    .sousuo .search {
        width: 350px;
        float: right;
    }

        .sousuo .search .text {
            width: 250px;
            height: 25px;
        }

        .sousuo .search .submit {
            width: 80px;
            height: 25px;
            background: #0f3797;
            color: #fff;
        }


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



.pro {
    overflow: hidden;
    width: 100%;
    background: url(../images/pbg.jpg) repeat center;
    padding-bottom: 20px;
    padding-top: 20px;
}

.proLeft {
    overflow: hidden;
    width: 236px;
    background-color: #0f3797;
    float: left;
}

    .proLeft h3 {
        width: 100%;
        height: 73px;
    }

        .proLeft h3 p {
            text-align: center;
            font-size: 22px;
            color: #fff;
            font-weight: bold;
            margin-top: 20px;
        }

        .proLeft h3 a {
            display: block;
            text-align: center;
            font-size: 13px;
            color: #ccc;
            margin-top: 5px;
        }

    .proLeft .class_list {
        width: 220px;
        height: auto;
        background: #fff;
        margin: 0 auto;
        border-radius: 8px;
        padding: 5px 0;
        margin-bottom: 10px;
    }

    .proLeft dl {
        overflow: hidden;
        width: 166px;
        margin: 15px auto;
        height: 27px;
        background: url(../images/pro_11.jpg) no-repeat center;
    }

    .proLeft dt {
        font-size: 14px;
        color: #fff;
        padding-left: 45px;
        width: 175px;
        height: 27px;
        line-height: 27px;
    }

        .proLeft dt a {
            display: block;
            color: #fff;
        }

    .proLeft .dianhua {
        width: 220px;
        height: 50px;
        line-height: 50px;
        background: #fff;
        margin: 0 auto;
        border-radius: 8px;
        color: #0f3797;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
    }




.proRight {
    overflow: hidden;
    width: 940px;
    background-color: #fff;
    float: right;
}

    .proRight .title {
        overflow: hidden;
        width: 910px;
        margin: 0 auto;
        height: 44px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 10px;
        line-height: 44px;
        background: url(../images/right_dh.png) no-repeat center left;
    }

        .proRight .title h4 {
            font-size: 18px;
            font-weight: normal;
            float: left;
            margin-left: 20px;
        }

            .proRight .title h4 a {
                color: #000;
            }

        .proRight .title .more {
            float: right;
            font-size: 13px;
            color: #666;
        }

.pro_scroll {
    width: 910px;
    height: 550px;
    margin: 0 auto;
}

    .pro_scroll li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 220px;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
    }

        .pro_scroll li div {
            width: 218px;
            height: 163px;
            border: 1px solid #dedede;
            margin-bottom: 15px;
        }

            .pro_scroll li div img {
                width: 214px;
                height: 133px;
                padding: 2px;
            }

            .pro_scroll li div p {
                height: 26px;
                line-height: 26px;
                text-align: center;
                width: 218px;
                overflow: hidden;
            }

.proRight .pro_scroll li div:hover {
    border: 1px solid #0f3797;
}


.pro_list {
    width: 910px;
    margin: 0 auto;
}

    .pro_list li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 220px;
        float: left;
        margin-left: 7px;
    }

        .pro_list li div {
            width: 218px;
            height: 163px;
            border: 1px solid #dedede;
            margin-bottom: 15px;
        }

            .pro_list li div img {
                width: 214px;
                height: 133px;
                padding: 2px;
            }

            .pro_list li div p {
                height: 26px;
                line-height: 26px;
                text-align: center;
                width: 218px;
                overflow: hidden;
            }

.proRight .pro_cont {
    padding: 15px;
    width: 910px;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}

    .proRight .pro_cont img {
        max-width: 910px;
    }

    .proRight .pro_cont p {
        text-align: left;
    }

    .proRight .pro_cont .ctitle {
        height: 50px;
        line-height: 50px;
        background: #f3f3f3;
        color: #212122;
        font-size: 22px;
        text-align: center;
    }

    .proRight .pro_cont .ctime {
        height: 30px;
        line-height: 30px;
        color: #212122;
        font-size: 14px;
        text-align: center;
        border-bottom: dashed 1px #f1f1f1;
        margin-bottom: 15px;
    }


.news_list2 {
    width: 910px;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
    margin: 0 auto;
}

    .news_list2 li {
        width: 910px;
        line-height: 36px;
        font-size: 14px;
        overflow: hidden;
        border-bottom: 1px dashed #dedede;
    }

        .news_list2 li h2 {
            float: left;
            font-weight: normal;
            font-size: 14px;
            text-indent: 15px;
            background: url(../images/xwbg.jpg) left no-repeat;
        }

        .news_list2 li span {
            float: right;
        }

        .news_list2 li a {
            display: block;
        }

            .news_list2 li a:hover {
                color: #F00;
            }




/*.ys{overflow:hidden; width:100%; height:1390px;background:url(../images/ys.jpg) no-repeat center;}

.ys .ys1{width:510px; height:100px;overflow;hidden;margin-top:330px;margin-left:140px;}
.ys .ys2{width:510px; height:100px;overflow;hidden;margin-top:180px;margin-left:630px;}
.ys .ys3{width:510px; height:100px;overflow;hidden;margin-top:200px;margin-left:190px;}
.ys .ys4{width:510px; height:100px;overflow;hidden;margin-top:222px;margin-left:700px;}
.ys  p{ line-height:35px; font-size:15px;}*/
.ysimg {
    width: 1170px;
    margin: 25px auto 0 auto;
}


.case {
    overflow: hidden;
    width: 100%;
    padding: 30px 0;
    background: url(../images/pbg.jpg) repeat center;
}

    .case .case_title {
        background: url(../images/case_dh.png) no-repeat center;
        width: 613px;
        height: 59px;
        margin: 0 auto;
    }

.case_scroll {
    width: 1200px;
    height: 220px;
    margin: 20px auto;
}

    .case_scroll li {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 320px;
        height: 220px;
    }

        .case_scroll li div {
            width: 304px;
            height: 218px;
            border: 1px solid #dedede;
        }

            .case_scroll li div img {
                width: 300px;
                height: 186px;
                padding: 2px;
            }

            .case_scroll li div p {
                height: 26px;
                line-height: 26px;
                text-align: center;
                width: 300px;
                overflow: hidden;
            }

.case .about_menu {
    width: 120px;
    margin: 0 auto;
}

    .case .about_menu a {
        background: #0f3797;
        width: 120px;
        height: 30px;
        border-radius: 8px;
        line-height: 30px;
        text-align: center;
        margin-right: 20px;
        display: block;
        float: left;
        color: #fff;
    }



.about {
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
height: 530px;
}

    .about .about_title {
        background: url(../images/about_dh.png) no-repeat center;
        width: 613px;
        height: 59px;
        margin: 0 auto;
    }

    .about .about_cont {
        margin: 20px 0;
        width: 100%;
    }

        .about .about_cont .about_cont_img {
            float: left;
            width: 400px;
            margin-right: 50px;
        }


.about_cont_img img {width: 350px;}

    .about .about_cont_details {
        float: right;
        width: 750px;
        line-height: 30px;
        font-size: 14px;
    }

        .about .about_cont_details .about_cont_title {
            height: 50px;
            line-height: 50px;
            font-size: 20px;
            font-weight: bold;
            color: #0f3797;
        }

        .about .about_cont_details .about_menu {
            margin-top: 20px;
        }

            .about .about_cont_details .about_menu a {
                background: #0f3797;
                width: 100px;
                height: 45px;
                border-radius: 8px;
                line-height: 45px;
                text-align: center;
                margin-right: 20px;
                display: block;
                float: left;
                color: #fff;
            }


.news {
    overflow: hidden;
    width: 100%;
    padding-top: 15px;
}

    .news .news_left {
        width: 780px;
        float: left;
    }

.tit1 {
    width: 780px;
    height: 40px;
    border-bottom: 1px solid #dedede;
}

    .tit1 .bt {
        float: left;
        line-height: 40px;
        font-size: 16px;
        font-weight: bold;
        color: #3d64d8;
    }

    .tit1 .more {
        float: right;
        width: 49px;
        height: 13px;
        margin-top: 13px;
    }

.news_bigtu {
    float: left;
    width: 380px;
    height: 430px;
    background: url(../images/shu.jpg) right no-repeat;
    margin-top: 15px;
}

    .news_bigtu span {
        width: 350px;
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        font-size: 16px;
        display: block;
    }

    .news_bigtu p {
        line-height: 25px;
        text-indent: 15px;
        width: 350px;
        font-size: 12px;
    }

.news .news_list {
    float: left;
    background: url(../images/shu.jpg) right no-repeat;
    width: 790px;
    height: 400px;
    overflow:hidden;
}

    .news .news_list ul {
        width: 780px;
        margin-top: 15px;
    }

        .news .news_list ul li {
            /*line-height: 40px;
            background: url(../images/xwbg.jpg) left no-repeat;
            text-indent: 15px;
            border-bottom: 1px dashed #dedede;
          
            overflow: hidden;
            height: 40px;
          
          */
            background-color: #efefef;
            height: 40px;
            line-height: 40px;
            margin-bottom: 13px;
            border: 1px dashed #CCCCCC;
            color: #333;
            font-weight: normal;
            text-decoration: none;
            padding-left: 20px;
            width: 350px;
            float: left;
            margin-right: 18px;
        }

            


.tit2 {
    width: 380px;
    height: 40px;
    border-bottom: 1px solid #dedede;
}

    .tit2 .bt {
        float: left;
        line-height: 40px;
        font-size: 16px;
        font-weight: bold;
        color: #3d64d8;
    }

    .tit2 .more {
        float: right;
        width: 49px;
        height: 13px;
        margin-top: 13px;
    }

.news .question {
    width: 380px;
    float: right;
}

.wtjdCont {
    margin-top: 1px;
    height: 410px;
    overflow: hidden;
    /*background: url(../images/shu.jpg) right no-repeat;*/
}

    .wtjdCont .wenda {
        margin-bottom: 26px;
        border: 1px dashed #030303;
        width: 348px;
    }

        .wtjdCont .wenda dt {
            background-image: url(../images/wen.jpg);
            font-size: 14px;
        }

            .wtjdCont .wenda dt a {
                color: #333;
            }

        .wtjdCont .wenda dd {
            background-image: url(../images/da.jpg);
            color: #747373;
        }

            .wtjdCont .wenda dd a {
                color: #f00;
                display: inline-block;
            }

        .wtjdCont .wenda dt, .wtjdCont .wenda dd {
            padding: 2px 14px 2px 34px;
            margin: 4px 0;
            line-height: 22px;
            background-position: 8px 4px;
            background-repeat: no-repeat;
            font-size: 12px;
        }

/*分页样式*/
.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: #F60;
        border: #000 1px solid;
        margin: 2px 4px;
    }

    .page span.no {
        border: 1px #000 solid;
        margin: 2px;
        color: #FFF;
        background: #333;
        text-decoration: none;
    }


.prev-next {
    padding: 10px 0 10px;
    overflow: hidden;
    width: 940px;
    float: right;
}

    .prev-next dl {
        width: 100%;
        height: 45px;
        line-height: 45px;
    }

        .prev-next dl dt {
            width: 48%;
            float: left;
            border: 1px solid #c6c6c6;
            font-size: 14px;
            color: #474747;
            background: #fff;
        }

            .prev-next dl dt a {
                display: block;
                float: left;
                color: #474747;
                height: 45px;
                max-width: 462px;
                overflow: hidden;
            }

            .prev-next dl dt b {
                margin-left: 20px;
                display: block;
                float: left;
            }

            .prev-next dl dt:hover a {
                color: #ea5404;
            }

        .prev-next dl dd {
            width: 48%;
            float: right;
            border: 1px solid #c6c6c6;
            font-size: 14px;
            color: #474747;
            background: #fff;
        }

            .prev-next dl dd a {
                display: block;
                float: left;
                color: #474747;
                height: 45px;
                max-width: 462px;
                overflow: hidden;
            }

            .prev-next dl dd b {
                margin-left: 20px;
                display: block;
                float: left;
            }

            .prev-next dl dd:hover a {
                color: #ea5404;
            }

.footbg {
    margin: auto;
    width: 100%;
    height: 250px;
    background: #0f3797;
    margin-top: 10px;
}

    .footbg .foot {
        margin: auto;
        width: 1200px;
      
        padding: 10px 0;
        line-height: 25px;
        color: #fff;
    }

     .footbg .foot a {
            color: #fff;
           
        }
        .footbg .foot p {
            color: #fff;
         
            line-height:30px;
        }


/*在线客服*/

#floatQQ {
    width: 140px;
    background: #0f3797;
    position: fixed;
    top: 250px;
    right: 0px;
    z-index: 999;
    border-radius: 5px;
    height: 380px;
}

    #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;
        }

.proRight ul {
    overflow: hidden;
    width: 940px;
    margin: auto;
}

.proRight li {
    float: left;
    width: 235px;
    height: 292px;
    background-color: #fff;
    /*margin-right: 15px;*/
    margin-top: 15px;
    margin-bottom: 5px;
}

    .proRight li img {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }

    .proRight li a {
        display: block;
        text-decoration: none;
    }

    .proRight li span {
        display: block;
        width: 220px;
        height: 50px;
        margin-top: 10px;
        border: 1px solid #efefef;
        text-align: center;
        line-height: 50px;
        font-size: 13px;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-left: 5px;
    }

    .proRight li:hover span {
        color: #fff;
        background-color: #0f3797;
    }

.scrollbox {
    width: 1100px;
    height: 236px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 5px;
    clear: both;
}

    .scrollbox ul {
        width: 110%;
    }

        .scrollbox ul li {
            width: 288px;
            height: 236px;
            float: left;
            overflow: hidden;
        }

            .scrollbox ul li .con {
                width: 240px;
                height: 236px;
                overflow: hidden;
            }

                .scrollbox ul li .con .pic {
                    width: 240px;
                    height: 198px;
                    overflow: hidden;
                    background: #D6D4D5;
                }

                    .scrollbox ul li .con .pic img {
                        width: 240px;
                        height: 198px;
                    }

                .scrollbox ul li .con .txt {
                    height: 30px;
                    background: #FFF;
                    line-height: 30px;
                    font-size: 14px;
                    padding: 0px 10px;
                    font-family: "微软雅黑";
                    text-align: center;
                }

                    .scrollbox ul li .con .txt a.bf {
                        width: 50px;
                        height: 20px;
                        margin: 5px 0px;
                        display: block;
                        background: url(../images/btn4-1.gif) no-repeat 0px 0px;
                        color: #FFF;
                        line-height: 20px;
                        text-align: center;
                        float: right;
                    }

                        .scrollbox ul li .con .txt a.bf:hover {
                            background: url(../images/btn4-1.gif) no-repeat 0px -20px;
                        }

                .scrollbox ul li .con .y {
                    height: 8px;
                    clear: both;
                    overflow: hidden;
                    background: url(../images/bg6.jpg) no-repeat center top;
                }

.lxfl {
    margin-top: 13px;
}

    .lxfl ul {
        list-style-type: none;
    }

        .lxfl ul li {
            background-color: #efefef;
            height: 40px;
            line-height: 40px;
            margin-bottom: 13px;
            border: 1px dashed #CCCCCC;
            color: #333;
            font-weight: normal;
            text-decoration: none;
            padding-left: 30px;
        }

            .lxfl ul li a {
                color: #333;
                text-align: center;
                font-weight: normal;
                text-decoration: none;
                padding-left: 30px;
            }

        .lxfl ul .lxnar {
            text-align: center;
            background-color: #efefef;
            height: 40px;
            line-height: 40px;
            margin-bottom: 13px;
            border: 1px dashed #CCCCCC;
            color: #333;
            font-weight: normal;
            text-decoration: none;
            padding-left: 30px;
        }
        /* tabs */
.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;
}

    .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: #fff;
            background: #c2130e;
        }

.tab-bd {
    padding: 0px;
    margin: 2px 2px 0px 2px;
}

    .tab-bd li {
        display: none;
    }

    .tab-bd a {
        display: inline-block;
        margin: 2px;
        color: #000;
    }

        .tab-bd 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;
}
/**/
.nypro {
    overflow: hidden;
    width: 1100px;
    background-color: #fff;
   margin:auto;
}

    .nypro .title {
        overflow: hidden;
        width: 1070px;
        margin: 0 auto;
        height: 44px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 10px;
        line-height: 44px;
        background: url(../images/right_dh.png) no-repeat center left;
        margin-left:20px;
    }

        .nypro .title h4 {
            font-size: 18px;
            font-weight: normal;
            float: left;
            margin-left: 20px;
        }

            .nypro .title h4 a {
                color: #000;
            }

        .nypro .title .more {
            float: right;
            font-size: 13px;
            color: #666;
        }
.nypro ul {
    overflow: hidden;
    width: 1000px;
    margin: auto;
}



   

    /*.nypro li span {
        display: block;
        width: 220px;
        height: 50px;
        margin-top: 10px;
        border: 1px solid #efefef;
        text-align: center;
        line-height: 50px;
        font-size: 13px;
        color: #666;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-left: 5px;
    }

    .nypro li:hover span {
        color: #fff;
        background-color: #0f3797;
    }*/

.nypro .pro_cont {
    padding: 15px;
    width: 1070px;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}

    

    .nypro .pro_cont p {
        text-align: left;
    }

    .nypro .pro_cont .ctitle {
        height: 50px;
        line-height: 50px;
        background: #f3f3f3;
        color: #212122;
        font-size: 22px;
        text-align: center;
    }

    .nypro .pro_cont .ctime {
        height: 30px;
        line-height: 30px;
        color: #212122;
        font-size: 14px;
        text-align: center;
        border-bottom: dashed 1px #f1f1f1;
        margin-bottom: 15px;
    }
    /**/

     .contactus
{
	background: url(../images/contact.jpg) top right no-repeat;
}

	.contactus li
	{
		width: 900px;
		font-size: 14px;
		font-weight: bold;
		line-height: 30px;
text-align:left;
	}

     .con
{
	
	width: 1000px;
	margin-right: 10px;
	border: 0px solid #dedede;
margin:auto;
}

	.con ul li
	{
		border-bottom: 1px dashed gray;
		overflow: hidden;
width: 1000px;
height:40px;
	}

		.con ul li a
		{
			color: #333;
			padding-left: 10px;
			display: block;
			overflow: hidden;
			height: 40px;
			line-height: 40px;
width: 880px;
float:left;
 text-decoration:none;
 text-align:left;
 margin-left:10px;
		}

			.con ul li a:hover
			{
				background: #0f3797;
color:#fff;
			}

		.con ul li span
		{
			display: block;
			height: 40px;
			float: right;
			overflow: hidden;
			line-height: 40px;
			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: 1080px;
    height: auto;
    overflow: hidden;
}

    .case_list ul {
        width: 1080px;
        height: auto;
    }

    .case_list li {
        width: 243px;
        height: 245px;
        position: relative;
        float: left;
        margin-left:20px;
    }



        .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;
            border-bottom: #E1D9CC 1px solid;
            text-align: center;
            color: #fff;
            background: #0f3797;
            overflow: hidden;
        }

        
.contpn
{
	padding: 10px;
width:1000px;

}
.contpn a
{
	color: #000;
}
.contpn a:hover
{
	color: Red;
}

.mainyq
{
 
    
	width: 1200px; 
	margin:auto; 
 

	}


.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:#0f3797;
    }

    .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: 930px;
    /*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:#0f3797;
    }

    .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;
        }






.main_aa {
    padding-top: 30px;
}

    .main_aa .img {
        text-align: center;
    }

    .main_aa .text {
        text-align: center;
        padding: 5px 0;
    }

        .main_aa .text p {
            /*font-size: 36px;
            font-weight: 300;
            line-height: 100%;
            margin-bottom: 15px;*/
            font-size: 36px;
            font-weight: 300;
            line-height: 100%;
            margin-bottom: 15px;
        }

        .main_aa .text.a {
            display: block;
            color: #5e7387;
            font-size: 16px;
            font-weight: 300;
        }

            .main_aa .text.a p {
                color: #444;
                font-family: "Open Sans", Arial, sans-serif;
            }

        .main_aa .text.b {
            display: block;
            color: #5e7387;
            font-size: 16px;
            font-weight: 300;
        }

            .main_aa .text.b p {
                color: #444;
                font-family: "Open Sans", Arial, sans-serif;
            }

        .main_aa .text.c {
            color: #393e48;
        }





.casescro {
    overflow: hidden;
    width: 1200px;
    margin: auto;
}

    .casescro ul {
        overflow: hidden;
        width: 1200px;
        margin-bottom: 20px;
    }

    .casescro li {
        float: left;
        width: 289px;
        height: 292px;
        background-color: #fff;
        margin-right: 10px;
        margin-top: 10px;
    }

        .casescro li img {
            display: block;
            margin: 0 auto;
            margin-top: 20px;
        }

        .casescro li a {
            display: block;
            text-decoration: none;
        }

ul {
    margin: 0;
    padding: 0;
}

.casescro li span {
    /*display: block;
    width: 213px;
    height: 45px;
    margin-top: 10px;
    border: 1px solid #efefef;
    text-align: center;
    line-height: 50px;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #0F8B43;
    margin: auto;
    margin-top: 5px;*/
    color: #2a333c;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.casescro li:hover span {
    /*color: #fff;*/
    /*background-color: #84B738;*/
}

.casescro li h2 {
    margin-top: 20px;
    text-align: center;
}
.novideo{
	min-height:400px;
}