@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,div,p,dd,form,select,input,textarea,button,table,th,tr,td{ padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
body{margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#333333;}
a:hover{text-decoration:underline;}
img{ border:0; vertical-align:bottom;}
select,input,textarea,button{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
th{ font-weight:normal;}
.clear{ clear:both; height:0;}


/*header begin*/
.headerbg{ background:url(../images/dw.jpg) repeat-x; height:96px;}
.header {width:1036px; margin:0 auto;}
.header .logo{float:left; margin-left:20px; width:411px; height:60px; display:inline;}
.nav{float:left; width:1036px; height:96px; background:url(../images/index_02.jpg) no-repeat;}
.navigation{float:left; margin-left:155px;display:inline; width:840px;}
.nav .navigation ul{margin:0; padding:0;}
.nav .navigation ul li{float:left; position:relative;}
.nav .navigation ul li a{float:left; margin-left:10px; margin-top:10px; color:#ffffff; font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:inline;}
.nav .navigation ul li a:hover{text-decoration:none;}
.nav .navigation ul li#nav_about{width:100px;}
.nav .navigation ul li#nav_service{width:125px;}
.nav .navigation ul li#nav_project{width:185px;}
.nav .navigation ul li#nav_trace{width:170px;}
.nav .navigation ul li#nav_customer{width:150px;}
.nav .navigation ul li#nav_contact{width:100px;}
.nav .navigation ul li ul{ position:absolute; background-color:#ffce4a; display:none;z-index:100; top:35px; width:240px; text-align:left; margin:0; padding:0;}
.nav .navigation ul li ul li{float:left; width:240px; padding-bottom:8px;}
.nav .navigation ul li:hover ul{display:block;}
.nav .navigation ul li#nav_about:hover{width:100px; text-align:center; background-color:#ffce4a; height:35px;}
.nav .navigation ul li#nav_service:hover{width:125px; text-align:center; background-color:#ffce4a; height:35px;}
.nav .navigation ul li#nav_project:hover{width:185px; text-align:center; background-color:#ffce4a; height:35px;}
.nav .navigation ul li#nav_trace:hover{width:170px; text-align:center; background-color:#ffce4a; height:35px;}
.nav .navigation ul li#nav_customer:hover{width:150px; text-align:center; background-color:#ffce4a; height:35px;}
.nav .navigation ul li#nav_contact:hover{width:100px; text-align:center; background-color:#ffce4a; height:35px;}
    .nav .navigation ul li#nav_about.active {
        width: 100px;
        height:35px;
        background-color: #ffce4a;
    }
    .nav .navigation ul li#nav_service.active {
        width: 125px;
        height:35px;
        background-color: #ffce4a;
    }
     .nav .navigation ul li#nav_project.active {
        width: 185px;
        height:35px;
        background-color: #ffce4a;
    }
      .nav .navigation ul li#nav_customer.active {
        width: 150px;
        height:35px;
        background-color: #ffce4a;
    }
       .nav .navigation ul li#nav_trace.active {
        width: 170px;
        height:35px;
        background-color: #ffce4a;
    }
       .nav .navigation ul li#nav_contact.active {
        width: 100px;
        height:35px;
        background-color: #ffce4a;
    }
.bod{ background-color:#f2f2f2; height:100%; overflow:hidden;}
.con{width:1036px; margin:0 auto;}
.zb{float:left; width:264px; background-color:#f8f8f8;}
.zb .title{float:left; background:url(../images/inde_03.jpg) no-repeat; width:264px; height:27px;}
.zb .title_zi{float:left;width:229px; height:28px; margin-top:15px; margin-left:20px; display:inline; background:url(../images/bq01.jpg) no-repeat;}
.zb .zhengwen{float:left;width:229px; margin-top:5px; margin-left:20px; display:inline;color:#848284; font-size:14px; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
.zb .button{float:left; width:229px; height:106px; margin-top:18px; margin-left:20px; background-color:#ffffff; display:inline;}
.zb .button span{float:left; width:204px; height:38px; margin-left:12px; margin-top:10px; display:inline;}
.zuob{float:left; width:264px; background-color:#f8f8f8;}
.zuob .title{float:left; background:url(../images/inde_03.jpg) no-repeat; width:264px; height:27px;}
.zuob ul{float:left; margin-top:20px; display:inline;}
.zuob ul li{float:left;width:264px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.zuob ul li a{float:left; margin-left:30px;margin-bottom:10px; margin-top:10px; color:#484848; width:230px; display:inline;}
.zuob ul li a:hover{text-decoration:none; color:#114773;}
.zuob ul li:hover{background-color:#f2f2f2; width:264px;}
.zuob .zuotu{float:left; margin-top:10px; width:264px; display:inline; background-color:#ffffff;}
.zuob .zuotu .pian{float:left; margin-left:30px; margin-top:30px; width:204px; height:107px;}
    .zuob .zhanwei {
        float: left;
        margin-left: 30px;
        width: 204px;
        height: 162px;
    }
.zuob .zuotu .button{float:left; width:229px; height:106px; margin-top:18px; margin-left:20px; background-color:#ffffff; display:inline;}
.zuob .zuotu .button span{float:left; width:204px; height:38px; margin-left:12px; margin-top:10px; display:inline;}
    .zuob p {
        float: left;
        width: 229px;
        background-color: #ffffff;
        height: 40px;
    }
.youb{float:left; width:736px; background:#ffffff;}
.youb .mbx{float:left; width:736px;}
.youb .mbx p{float:right; margin-right:20px; width:300px; margin-top:20px; display:inline; text-align:right; color:#5eabe5; font-family:Arial; font-size:14px;}
.youb .mbx p a{color:#878787;}
.youb .text{float:left; width:716px; margin-left:20px; margin-top:20px; display:inline;}
.youb .text ul li{width:700px; line-height:30px;}
.youb .text ul li a{text-decoration:underline;color:#ffac4a;}
    .youb .biaodan {
        float: left;
        width: 716px;
        margin-left: 20px;
        margin-top: 20px;
        display: inline;
        font-family:Arial;
    }
        .youb .biaodan .title {
            float:left;
            width: 716px;
            color: #5eabe5;
            font-size: 16px;
            font-weight: bold;
        }
        .youb .biaodan .title1 {
            float:left;
            width: 716px;
            margin-top:20px;
            display:inline;
        }
            .youb .biaodan .title1 span {
                float: left;
                 margin-bottom:5px;
                 display:inline;
                color: #5eabe5;
                font-size: 16px;
                font-weight: bold;
            }
.table {
    float: left;
    font-size: 14px;
    line-height: 30px;
    width:700px;
}
.search {
    float:left;
    margin-left:3px;
    display:inline;
    width: 77px;
    height: 30px;
    background: url(../images/search.jpg) no-repeat;
    cursor: pointer;
    border:0;
}
.searchbox {
    float: left;
    margin-left: 120px;
    height:28px;
    display:inline;
    width:300px;
    color:#878787;
}
        .youb .biaodan p {
            float: left;
            width: 350px;
        }
        .youb .biaodan p label {
            float: left;
            width: 100px;
            font-size:14px;
        }
       
.buttonsub {
    width: 56px;
    height: 25px;
    background: url(../images/button.png) no-repeat;
    cursor:pointer;
    border:0;
}
        
.banner{float:left; margin-left:2px; width:495px; height:374px; display:inline; margin-top:1px;}
.yb{float:left;width:239px; background-color:#f8f8f8; height:375px;}
.yb .title_zi{float:left; width:203px; height:19px; margin-top:15px; margin-left:20px; display:inline; background:url(../images/bq_02.jpg) no-repeat;}
.yb .xian{float:left; width:203px; height:5px; margin-left:20px; margin-top:10px; display:inline; background:url(../images/xian.jpg) no-repeat;}
.yb ul{margin:0; padding:0;}
.yb ul li{float:left; width:203px; margin-left:20px; margin-top:10px; display:inline;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.yb ul li a{color:#848284;}
.longtu{float:left; width:1000px; height:150px; margin-top:20px; display:inline;}
.foot{background:url(../images/bottom_bg.jpg) repeat-x; height:82px;}
.foot .zw{width:1036px; margin:20px auto;}
.foot .zw p{float:left;margin:10px; width:500px; display:inline; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.qianlan{color:#5eaae5;}
.baise{color:#d2e9ff; font-weight:bold;}