﻿html, body {
    font-family: "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, tahoma, sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #FFFFFF;
    color: #666;
}

html, body, div, span, p, h1, h2, h3, h4, h5, h6, em, img, strong, blockquote, sub, sup, tt, i, b, dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, a, ol {
    margin: 0;
    padding: 0;
}

ul, ol, li {
    list-style-type: none;
    list-style: none;
}

button, input, select, textarea {
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace;
}

legend {
    color: #000;
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #666;
    text-decoration: none;
}

    a:hover {
        color: #f90;
        text-decoration: underline;
    }

.white, .white a {
    color: #fff;
    text-decoration: none;
}

    .white a:hover {
        text-decoration: underline;
    }

.clearfix {
}
/*-------------------index---------------------*/
.middle_logo {
    width: 1200px;
    height: 50px;
    margin: 30px auto;
}

.logo {
    width: 1200px;
    height: 50px;
    font-size: 18px;
    text-align: right;
    color: #ce2c27;
    line-height: 80px;
    background: url(../images/logo.jpg) no-repeat top left;
    float: left;
}

.daohang {
    width: 1200px;
    margin: 0 auto;
}

.nav {
    width: 1200px;
    margin: 0 auto;
}

.menu {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

    .menu li {
        float: left;
        width: 150px;
        height: 40px;
        display: block;
    }

        .menu li a {
            font-family: "Microsoft YaHei";
            text-align: center;
            width: 150px;
            height: 40px;
            font-size: 14px;
            line-height: 40px;
            display: block;
            color: #666;
        }

            .menu li a:hover {
                color: #ce2c27;
                text-decoration: none;
            }

#sub1 .cur1 a, #sub2 .cur2 a, #sub3 .cur3 a, #sub4 .cur4 a, #sub5 .cur5 a, #sub6 .cur6 a, #sub7 .cur7 a, #sub8 .cur8 a {
    color: #ce2c27;
}

.xiala {
    padding-top: 5px;
    height: 27px;
}

    .xiala li {
        float: left;
        padding-right: 13px;
        height: 25px;
        line-height: 25px;
    }

#cont1, #cont2, #cont3, #cont4, #cont5, #cont6, #cont7, #cont8 {
    display: none;
}

#sub1 #cont1, #sub2 #cont2, #sub3 #cont3, #sub4 #cont4, #sub5 #cont5, #sub6 #cont6, #sub7 #cont7, #sub8 #cont8 {
    display: block;
}

#cont2 {
    padding-left: 635px;
}

#cont3 {
    padding-left: 335px;
}

#cont4 {
    padding-left: 485px;
}

#cont5 {
    padding-left: 185px;
}

#cont6 {
    padding-left: 785px;
}

#cont7 {
    padding-left: 935px;
}

#cont8 {
    padding-left: 820px;
}


.middle {
    width: 1200px;
    height: 279px;
    margin: 40px auto;
}

.index_product {
    width: 1200px;
    height: 170px;
    margin: 0 auto;
    padding-top: 50px;
}

.index_product_title {
    width: 1200px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #d76a65;
}

.index_product_middle {
    width: 1200px;
    height: 32px;
    line-height: 32px;
    color: #d76a65;
    font-size: 12px;
    text-align: center;
    background: url(../images/jiejue.jpg) no-repeat top center;
}

.xitongfangan {
    width: 1200px;
    margin: 50px auto;
    color: #0C6;
}

.index_xitong_title {
    width: 1200px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #5ca5ea;
}

.index_xitong_middle {
    width: 1200px;
    height: 32px;
    line-height: 32px;
    color: #5ca5ea;
    font-size: 12px;
    text-align: center;
    background: url(../images/xianxitong.jpg) no-repeat top center;
}

.kong {
    height: 25px;
}

.jishufangan {
    width: 1200px;
    clear: both;
    padding-top: 30px;
    margin: 0 auto;
    margin-bottom: 50px;
    color: #0C6;
}

.xitongfangan .box {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}

.xitongfangan .end {
    margin-right: 0;
}

.xitongfangan .box img {
    width: 280px;
}

.xitongfangan .box p {
    line-height: 35px;
    height: 35px
}

    .xitongfangan .box p a {
        line-height: 35px;
        height: 35px
    }

.jishufangan .box {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}

.jishufangan .end {
    margin-right: 0;
}

.jishufangan .box img {
    width: 280px;
}

.jishufangan .box p {
    line-height: 35px;
    height: 35px
}

    .jishufangan .box p a {
        line-height: 35px;
        height: 35px
    }

.index_jishu_title {
    width: 1200px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #7f7f7f;
}

.index_jishu_middle {
    width: 1200px;
    height: 32px;
    line-height: 32px;
    color: #7f7f7f;
    font-size: 12px;
    text-align: center;
    background: url(../images/xianjishu.jpg) no-repeat top center;
}

.news {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
    color: #737373;
}

.news_nav {
    width: 400px;
    margin: 20px auto;
}

    .news_nav li {
        float: left;
        width: 160px;
        height: 46px;
        font-size: 14px;
        display: block;
        line-height: 46px;
        list-style: none;
        border: #e3e3e3 1px solid;
        text-align: center;
        margin-right: 20px;
    }

        .news_nav li.abc {
            background-color: #58adf0;
            color: #FFFFFF;
        }

            .news_nav li.abc a {
                color: #FFFFFF;
            }

.news_content {
    clear: both;
    padding-top: 40px;
    overflow: hidden;
}

    .news_content li {
        float: left;
        width: 353px;
        margin-right: 25px;
        margin-bottom: 25px;
        background-color: #f0f0f0;
        padding: 28px 10px;
    }

        .news_content li:hover {
            color: #ffffff;
            background-color: #7abdf2;
        }

            .news_content li:hover a {
                color: #ffffff;
            }

.about {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
    color: #0C6;
    clear: both;
    padding-top: 30px;
}

    .about .kong {
        background: url(about.jpg) center no-repeat;
        height: 467px;
        position: relative;
    }

    .about .about_tupian {
        padding-top: 85px;   /*105*/
        padding-left: 152px;    /*212*/
        width: 900px;     /*793*344*/
        height: 382px;
        overflow: hidden;
        position: relative;
    }

    .about .about_more {
        width: 92px;
        height: 48px;
        background-color: #727272;
        position: absolute;
        z-index: 9999;
        text-align: center;
        left: 989px;
        top: 319px;
    }

        .about .about_more a {
            font-size: 16px;
            color: #FFFFFF;
            text-align: center;
            line-height: 48px;
        }

.guwen {
    width: 1200px;
    height: 320px;
    margin: 0 auto;
    border-top: 2px #d4d4d4 solid;
    border-bottom: 1px #e1e1e1 solid;
    border-left: 1px #e1e1e1 solid;
    border-right: 1px #e1e1e1 solid;
}

.guwen_left {
    width: 820px;
    height: 320px;
    border-right: 1px #e1e1e1 solid;
    float: left;
}

.guwen_left_text {
    width: 780px;
    height: 280px;
    margin: 20px;
}

.guwen_left_text_top {
    width: 780px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    line-height: 30px;
}

    .guwen_left_text_top span {
        font-size: 12px;
        color: #F60;
        float: right;
        font-weight: normal;
        line-height: 30px;
    }

        .guwen_left_text_top span a:hover {
            text-decoration: none;
            color: #F90;
        }

.guwen_left_text_down {
    width: 780px;
    height: 220px;
    margin-top: 30px;
}

.guwen_right {
    width: 340px;
    height: 280px;
    margin-top: 20px;
    overflow: hidden;
    padding-left: 20px;
}

.guwen_right_top {
    width: 340px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    line-height: 30px;
}

.guwen_right_down {
    width: 340px;
    height: 225px;
    margin-top: 25px;
}

.guwen_right_down_fuwu {
    clear: both;
    overflow: hidden;
    width: 135px;
    height: 170px;
}
/*首页中间*/
#index_project_left {
    float: left;
    width: 500px;
    height: 164px;
}

    #index_project_left h2 {
        float: left;
        width: 500px;
        height: 164px;
        line-height: 32px;
        color: #000;
    }

#index_project_left_content {
    float: left;
    clear: both;
    width: 500px;
    height: 164px;
    background: url(arrow4.jpg) center bottom no-repeat;
    color: #000;
}

.product ul {
    height: 164px;
}

.product li {
    float: left;
    width: 190px;
    height: 160px;
    color: #666;
    line-height: 20px;
    text-align: left;
}

    .product li img {
        border: #ccc 1px solid;
        text-align: center;
        padding: 6px;
        width: 148px;
        height: 150px;
    }

        .product li img:hover {
            border: #f60 1px solid;
        }

.index_about {
    width: 1200px;
    height: 400px;
    margin: 40px auto;
}

.foot {
    width: 1200px;
    height: 330px;
    margin: 0 auto;
    margin-top: 40px;
    border-top: solid 1px #cccccc;
    background: #f1f1f1;
}

.foot_text {
    width: 810px;
    height: 250px;
    color: #666;
    margin: 40px;
    float: left;
}

.foot_wenben {
    width: 150px;
    height: 250px;
    float: left;
    background: url(foot.jpg) right bottom no-repeat;
}

    .foot_wenben li {
        width: 100px;
        display: block;
        font-size: 12px;
        color: #626262;
        height: 23px;
        line-height: 23px;
    }

        .foot_wenben li a {
            width: 100px;
            display: block;
            font-size: 12px;
            height: 23px;
            line-height: 23px;
        }

            .foot_wenben li a:hover {
                text-decoration: none;
                color: #ce2c27;
            }

.foot_right {
    overflow: hidden;
    width: 240px;
    height: 250px;
    margin-top: 40px;
    margin-left: 35px;
    color: #434343;
}
/*-----------------------------index结束---------------------------------*/

/***********************************内页样式***********************************/
#index_right {
    float: right;
    width: 292px;
}

    #index_right h2 {
        float: left;
        background: url(title-bg.jpg) no-repeat;
        width: 292px;
        height: 35px;
        line-height: 35px;
        color: #FFFFFF;
    }

#index_right_content {
    float: left;
    clear: both;
    width: 292px;
    height: 180px;
}

    #index_right_content img {
    }

    #index_right_content li {
        list-style: none;
        line-height: 35px;
        height: 35px;
        border-bottom: 1px dotted #cbcbcb;
        display: block;
        font-size: 12px;
    }
/*---------内页主框架--------*/
#sub_wrap {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
    _height: 1%;
    background: #FFFFFF;
    font-family: "Microsoft YaHei";
}
/*---------内页Banner--------*/
#sub_banner {
    width: 1200px;
    height: 240px;
    margin: 0 auto;
    margin-bottom: 40px;
}
/*---------内页左侧---------*/
#sub_left {
    width: 271px;
    float: left;
    min-height: 300px;
    height: auto !important;
    height: auto;
}
/*---------内页左侧第一块---------*/
#sub1 #sub_left_1 h3 {
    background: url(../bg_left_title1.jpg) no-repeat;
    height: 67px;
}

#sub2 #sub_left_1 h3 {
    background: url(../bg_left_title5.jpg) no-repeat;
    height: 67px;
}

#sub3 #sub_left_1 h3 {
    background: url(../bg_left_title3.jpg) no-repeat;
    height: 67px;
}

#sub4 #sub_left_1 h3 {
    background: url(../bg_left_title2.jpg) no-repeat;
    height: 67px;
}

#sub5 #sub_left_1 h3 {
    background: url(../bg_left_title1.jpg) no-repeat;
    height: 67px;
}

#sub6 #sub_left_1 h3 {
    background: url(../bg_left_title4.jpg) no-repeat;
    height: 67px;
}

#sub7 #sub_left_1 h3 {
    background: url(../bg_left_title6.jpg) no-repeat;
    height: 67px;
}

#sub8 #sub_left_1 h3 {
    background: url(../bg_left_title7.jpg) no-repeat;
    height: 67px;
}

#sub9 #sub_left_1 h3 {
    background: url(bg_left_title9.jpg) no-repeat;
    height: 67px;
}

#sub10 #sub_left_1 h3 {
    background: url(bg_left_title10.jpg) no-repeat;
    height: 67px;
}

#sub_left_one {
    background: #e4e4e4;
    width: 271px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

#sub_left_1 .sub_category {
    background: #fff;
    width: 271px;
    float: left;
}

#sub_left_1 ul {
    width: 271px;
    margin: 0 auto;
}

.menu-none {
    background: url(zuoce_01.jpg) right no-repeat;
}

#sub_left_1 ul li.menu-none a {
    display: block;
    border: 1px #cccccc solid;
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 12px;
    padding-left: 45px;
    overflow: hidden;
    border-top: none;
}

    #sub_left_1 ul li.menu-none a:hover {
        display: block;
        color: #4c79bd;
        height: 50px;
        line-height: 50px;
        text-decoration: none;
        font-weight: bold;
    }

#sub_left_1 ul li a.current {
    display: block;
    background: url(bg_menu_over1.jpg) 0 0;
    color: #333;
    height: 50px;
    font-weight: bold;
    line-height: 50px;
}

.two {
    display: block;
    border: 1px #cccccc solid;
    height: 36px;
    line-height: 36px;
    color: #666;
    font-size: 12px;
    padding-left: 65px;
    overflow: hidden;
    border-top: none;
}

#sub_left_1 ul li.two a:hover {
    display: block;
    color: #4c79bd;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    font-weight: bold;
}
/*---------内页左侧第三块---------*/
#sub_left_3 {
    width: 271px;
    margin-top: 20px;
    height: 150px;
    background: url(../contact.jpg) no-repeat;
    float: left;
}

    #sub_left_3 a {
        display: block;
        width: 100%;
        height: 94px;
    }

#sub_left_4 {
    width: 185px;
    margin-top: 15px;
    height: 70px;
    background: url(left_link2.jpg);
    margin-left: 13px;
}

    #sub_left_4 a {
        display: block;
        width: 100%;
        height: 70px;
    }
/*---------内页右侧---------*/
#sub_right {
    width: 887px;
    float: right;
    border: 1px #e1e1e1 solid;
}
/*---------内页右侧标题栏---------*/
#sub_right_title h2 {
    background: url(../bg_right.jpg) no-repeat;
    height: 66px;
    color: #0858b1;
    line-height: 66px;
    font-size: 16px;
    padding-left: 30px;
    font-family: "Microsoft YaHei";
}

    #sub_right_title h2 span.location {
        float: right;
        font-size: 12px;
        font-weight: normal;
        color: #999;
        overflow: hidden;
        margin-right: 30px;
        font-family: "Microsoft YaHei";
    }

.FrontComContent_detail01-d1_c1 .title h3 {
    display: none;
}
/*---------内页右侧内容区域---------*/
#sub_right_content {
    color: #165cb4;
    line-height: 30px;
    min-height: 200px;
    height: auto !important;
    font-family: "Microsoft YaHei";
    padding: 30px;
    font-size: 18px;
}

#sub2 #sub_right_content {
    color: #666;
    line-height: 28px;
    min-height: 200px;
    height: auto !important;
    font-family: "Microsoft YaHei";
}

#sub1 #sub_right_content {
    color: #666;
    line-height: 28px;
    min-height: 200px;
    height: auto !important;
    height: auto;
    padding-bottom: 30px;
}
/*高级搜索*/
#box_s_02 {
    width: 259px;
    height: 20px;
    float: left;
}

#box_s_01 {
    float: left;
    margin-top: 24px;
    _margin-left: 20px;
    display: inline;
    width: 100%;
    clear: both
}

.advanced_search {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
    height: 20px;
}

    .advanced_search .search1 .btn {
        background: #1f690a;
        color: #fff;
        text-align: center;
        border: 0;
        font-size: 12px;
        padding: 4px 8px 1px 8px
    }
/*同类商品列表*/
#elem-FrontProducts_listByCongener01-001 .ranknum {
    display: none;
}

#elem-FrontProducts_listByCongener01-001 .productlist-01 li.content {
    float: left;
    width: 24.9%;
}

#elem-FrontProducts_listByCongener01-001 .clearBoth {
    display: none;
}

#elem-FrontProducts_listByCongener01-001 .pic-module {
    height: 118px;
}

    #elem-FrontProducts_listByCongener01-001 .pic-module img {
        height: 150px;
        height: 118px;
    }

#elem-FrontProducts_listByCongener01-001 .code h1 {
    text-align: center;
    width: 150px;
}

    #elem-FrontProducts_listByCongener01-001 .code h1 strong {
        font-weight: normal;
    }

#elem-FrontProducts_listByCongener01-001 .code span {
    display: none;
}

.samegeneral h5 {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #433;
    font-weight: bold;
    margin-bottom: 16px;
}

.skimpro h4 {
    display: none;
}
/*---------内页右侧新闻样式---------*/
.news_search {
    width: 600px;
    margin: 0 auto;
    padding: 10px 0;
}

    .news_search .search .btn {
        background: #0e77cb;
        color: #fff;
        text-align: center;
        border: 0;
        font-size: 16px;
        padding-top: 4px;
        width: 40px;
    }

.comptitle_43 {
    display: none;
}

#sub_right_content h4 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #222;
    height: 40px;
    line-height: 30px;
    line-height: 40px;
}

#sub_right_content .from {
    text-align: center;
    color: #888;
    border-bottom: 0px dotted #ddd;
    margin-bottom: 10px;
}

#sub_right_content1 h4 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #222;
    height: 40px;
    line-height: 30px;
    line-height: 40px;
}

#sub_right_content1 .from {
    text-align: center;
    color: #888;
    border-bottom: 0px dotted #ddd;
    margin-bottom: 10px;
}

#newslist li {
    background: url(icon_arrow4.gif) no-repeat 8px center;
    padding-left: 20px;
    border-bottom: 1px dotted #ddd;
    height: 35px;
    line-height: 35px;
}

.newstitle_in {
    width: 500px;
    float: left;
}

    .newstitle_in a {
        color: #444;
    }

        .newstitle_in a:hover {
            text-decoration: none;
            color: #000;
        }

.date_in {
    float: right;
    width: 80px;
    color: #888;
    font-size: 12px;
    font-family: arial;
}

.page {
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 15px;
}

.page1 {
    width: 100%;
    text-align: center;
    clear: both;
}

#sub_right_content .btm {
    display: none;
}
/*---------内页右侧客户留言---------*/
#btn_message a {
    display: block;
    width: 185px;
    height: 55px;
    background: url(btn_message.jpg);
    margin: 20px auto;
}

.FrontMessages_list01-d1_c1 a {
    display: none;
}

.FrontMessages_list01-d1_c1 .clearBoth {
    background: #f00
}
/*---------相关产品列表---------*/
#FrontProducts_listByRelated01-001 .ranknum {
    display: none;
}

#FrontProducts_listByRelated01-001 .productlist-01 li.content {
    float: left;
    width: 25%;
    text-align: center;
}

#FrontProducts_listByRelated01-001 .clearBoth {
    display: none;
}

#FrontProducts_listByRelated01-001 .pic-module {
    height: 221px;
    width: 193px;
}

    #FrontProducts_listByRelated01-001 .pic-module img {
        width: 193px;
        height: 221px;
    }

#FrontProducts_listByRelated01-001 .code h1 {
    text-align: center;
    width: 100%;
}

    #FrontProducts_listByRelated01-001 .code h1 strong {
        font-weight: normal;
    }

#FrontProducts_listByRelated01-001 .code span {
    display: none;
}

.related_product h5 {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #d1e2ee;
    color: #0054c7;
    font-weight: bold;
    margin-bottom: 16px;
}

.skimpro h4 {
    display: none;
}
/***********************************自定义样式***********************************/


/*录入样式*/
.about_text {
    padding-top: 10px;
}

.contactus {
    background: url(bg_contact.jpg) right bottom no-repeat;
    height: 350px;
    padding-top: 15px;
    padding-left: 10px;
}

.sub_about {
    padding-right: 165px;
    background: url(bg_about.jpg) no-repeat right 10px;
}

.sub_equip {
    padding-top: 10px;
}

    .sub_equip li {
        width: 50%;
        text-align: center;
        height: 240px;
        float: left;
    }

.sub_contact {
    background: url(bg_contact.jpg) right bottom no-repeat;
    padding: 20px 0 0 50px;
    height: 320px;
}

#sub_about_title1 h2 {
    background: url(bg_right_title1-1.jpg) no-repeat;
    height: 45px;
}

#sub_about_title2 h2 {
    background: url(bg_right_title1-2.jpg) no-repeat;
    height: 45px;
}

#sub_about_title3 h2 {
    background: url(bg_right_title1-3.jpg) no-repeat;
    height: 45px;
}

.sub_text {
    padding: 5px 0;
}

.honor {
    padding-top: 10px;
}

    .honor li {
        float: left;
        width: 33.3%;
        text-align: center;
        height: 270px;
    }

.speech img {
    float: right;
    margin-left: 20px;
    display: inline;
    margin-top: 10px;
}

.contact {
    width: 600px;
    margin: 15px auto;
    background: url(bg_contact.jpg) right 10px no-repeat;
    height: 300px;
}

.equip1 {
    width: 650px;
    margin: 0 auto;
}

.equip2 {
    overflow: hidden;
    height: 280px;
}

    .equip2 h5 {
        color: #ff6000;
        font-weight: bold;
        background: url(arrow1.jpg) left 9px no-repeat;
        padding-left: 10px;
        height: 35px;
    }

    .equip2 img {
        float: left;
        margin-right: 25px;
        display: inline;
    }

.equip3 {
    margin-top: 10px;
}

    .equip3 h5 {
        color: #ff6000;
        font-weight: bold;
        background: url(arrow1.jpg) left 9px no-repeat;
        padding-left: 10px;
        height: 30px;
    }

    .equip3 img {
        float: right;
        margin-left: 25px;
        display: inline;
    }

.equip4 h5 {
    color: #ff6000;
    font-weight: bold;
    background: url(arrow1.jpg) left 9px no-repeat;
    padding-left: 10px;
    height: 30px;
}

.equip4 img {
    margin-bottom: 20px;
}

.about1 {
    float: left;
    width: 510px;
}

.about2 {
    float: right;
    width: 170px;
    border: 1px solid #eee;
}

    .about2 h4 {
        background: #f6f6f6;
        color: #004c95;
        padding-left: 10px;
    }

    .about2 li {
        padding-left: 10px;
    }

.about3, .about4 {
    padding-left: 70px;
}

.about3 {
    background: url(pic_about2.jpg) 350px top no-repeat;
}

.contact1 h4 {
    height: 40px;
    color: #004c95;
    font-size: 14px;
}

.contact1 {
    padding-left: 250px;
    background: url(pic_contact1.jpg) 10px top no-repeat;
}

.network {
    width: 631px;
    height: 500px;
    background: url(pic_network.jpg) center no-repeat;
    margin: 0 auto;
}

#map {
    float: left;
    width: 650px;
    margin-left: 25px;
    _margin-left: 5px;
    position: absolute
}

#index h1 {
    font-size: 12px
}

#index #marquee {
    position: relative;
    height: 220px;
    width: 210px;
    overflow: hidden;
    _margin-top: 10px;
    *margin-top: 10px
}

    #index #marquee img {
        display: block;
    }

    #index #marquee dd {
        margin: 0px;
        padding: 0px;
    }

#index .createdate span {
    display: none
}

#index .createdate {
    float: left;
    color: #707070;
    margin-top: -4px
}

#index .pro-module {
    float: left;
    line-height: 18px
}

#index_service_sm {
    float: left;
    margin: 20px auto auto 15px;
    width: 405px;
    display: inline
}

    #index_service_sm li {
        float: left;
        width: 135px
    }

    #index_service_sm h3 {
        width: 127px;
        text-align: center;
        font-family: 微软雅黑;
        font-weight: normal;
        color: #000;
        font-size: 14px
    }

.newslist {
    padding: 10px;
    line-height: 25px;
}

    .newslist li {
        background: url("../images/ico_dian.jpg") no-repeat left center;
        line-height: 40px;
        border-bottom: #e1e1e1 1px solid;
        font-size: 14px;
        height: 40px;
    }

    .newslist a:hover {
        text-decoration: none;
        color: #0858b1;
    }

    .newslist span {
        float: right;
    }

.productlist {
    width: 100%;
    line-height: 25px;
}

    .productlist ul {
    }

    .productlist li {
        float: left;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 206px;
        height: 262px;
        text-align: center;
        color: #666;
        font-size: 14px;
    }

        .productlist li img {
            border: #e4e4e4 1px solid;
            padding: 10px;
            width: 160px;
            height: 215px;
        }

            .productlist li img:hover {
                border: #F90 1px solid;
            }

.pages {
    width: 100%;
    line-height: 25px;
    padding: 15px 0;
    text-align: center;
}
/*---------------*/
.mapBox {
    position: relative;
    overflow: hidden;
}

    .mapBox:before {
        display: block;
        content: '';
        position: absolute;
        width: 123px;
        height: 248px;
        background: url(../images/mapicon.png) no-repeat;
        left: 50%;
        top: 0;
        margin-left: -61px;
        z-index: 100;
        -webkit-transition: 0.2s ease-in 0s;
        -moz-transition: 0.2s ease-in 0s;
        -ms-transition: 0.1s ease-in 0s;
        -o-transition: 0.2s ease-in 0s;
    }

.contactBox:hover .mapBox:before {
    margin-top: -248px;
}

.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.contactFoot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    padding: 20px 10px;
    color: #fff;
    -webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.1s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;
}

.contactBox:hover .contactFoot {
    background: rgba(0, 0, 0, 0.5);
}

.contactFoot dl {
    width: 33.33333333%;
    float: left;
}

.contactFoot dt {
    font-size: 18px;
    padding-bottom: 5px;
}

.contactFoot dd {
    font-size: 12px;
    padding: 5px 0 0 0;
}

    .contactFoot dd a {
        color: #fff;
    }

.qqBtn, .telBtn {
    display: inline-block;
    padding-top: 5px;
}

    .qqBtn:before, .telBtn:before {
        display: inline-block;
        width: 26px;
        height: 25px;
        content: '';
        vertical-align: middle;
        margin-right: 5px;
        background: url(../images/cicon.png) no-repeat;
        background-size: 25px 50px;
    }

    .telBtn:before {
        background: url(../images/cicon.png) no-repeat 0 bottom;
        background-size: 25px 50px;
    }

.contactBox {
    position: relative;
    background: #1f2636;
    overflow: hidden;
    margin: 0 0 20px 0;
}

    .contactBox:hover #dituContent {
        opacity: 1;
    }

.dituContent {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0.2;
    height: 550px;
    margin: 0 auto;
}

.contactBox:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}

.contactBox:hover:after {
    display: none;
}


.cgan_news {
    padding: 10px;
}

    .cgan_news li {
        height: 35px;
        line-height: 35px;
        border-bottom: 1px dashed #eaeaea;
        font-size: 12px;
        list-style: square
    }

        .cgan_news li a {
            font-size: 14px;
        }

