/*
    **  tianHong Css
    **  author: tanggsh
    **  date: 2009-03-27
*/

body{
    margin:0px;
    padding:0px;
    font-size:12px;
    text-align:center;
    line-height:20px;
    color:#dddddd;
    background:#000000;
}

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

a:hover{
    text-decoration:underline;
    color:#CCFF00;
}

img{
    border:none;
    margin:0px;
    padding:0px;
}

form{
    margin:0px;
    padding:0px;
}

#main{
    margin:0px auto;
    width:1004px;
}

#head{
    position:relative;
    text-align:left;
}

#language{
    position:absolute;
    top:40px;
    right:20px;
}
#menu{
    height:35px;
    width:1004px;
    float:left;
    line-height:35px;
    background:url(../images/menu_back.jpg) repeat-x left top;
}

#menu h1{
    margin:0px;
    width:130px;
    height:35px;
    line-height:35px;
    float:left;
    display:inline;
    font-size:14px;
    color:#ffffff;
    background:url(../images/menu_right_line.jpg) no-repeat right center;
}

#menu a{
    color:#ffffff;
}

#menu a:hover{
    display:block;
    width:130px;
    height:33px;
    text-decoration:none;
    background:url(../images/menu_hover.gif) no-repeat center center;
}

#company_pro{
    clear:both;
}

#center_content{
    width:1004px;
    float:left;
    border-top:1px solid #848484;
}

#left{
    width:370px;
    float:right;
}

#left h2{
    position:relative;
    margin:10px 0px;
    text-align:left;
    border-bottom:1px solid #2F2F2F;
}

#left h3{
    margin:0px 10px;
    padding-left:25px;
    line-height:25px;
    text-align:left;
    font-weight:normal;
    font-size:12px;
    border-bottom:1px dashed #2f2f2f;
    background:url(../images/news2.gif) no-repeat left center;
}

#left h3 span{
    float:right;
}

.more{
    position:absolute;
    top:10px;
    right:15px;
}

#service{
    margin:10px;
    text-align:center;
}

#right{
    width:620px;
    float:left;
}

#right h2{
    position:relative;
    margin:10px 0px 0px 0px;
    text-align:left;
    border-bottom:1px solid #2F2F2F;
}

#index_about{
    padding:0px 10px;
    text-align:left;
}

#index_about p{
    text-indent:2em;
    line-height:20px;
    margin:5px 10px;
}

#device{
    clear:both;
}

#h2_pro{
    margin:0px;
    text-align:left;
}

#index_pro{
    height:160px;
    background:#3B3B3B;
}

#marquees{
    margin:5px;
    background:#4A4A4A;
    border:1px solid #666666;
}

.pro_one{
    width:180px;
    margin:0px 5px;
    float:left;
    display:inline;
}

.pro_one h4{
    margin:0px;
    padding:15px 0px 0px;
    font-weight:normal;
    font-size:12px;
    background:url(../images/dot1.gif) no-repeat center 5px;
}

#copyright{
    clear:both;
    padding:33px 10px 10px 10px;
    text-align:center;
    background:url(../images/copy_right_back.jpg) repeat-x left top;
}

/* child css */

#menu_left{
    width:250px;
    text-align:left;
    background:#1F1F1F;
    height:600px;
    background:url(../images/left_back_top.jpg) #1F1F1F repeat-x left top;
}

#menu_left h2{
    margin:10px 20px 0px;
    padding-left:40px;
    font-size:16px;
    font-family:'黑体';
    font-weight:normal;
    line-height:40px;
    background:url(../images/dot4.gif) #2f2f2f no-repeat 20px center;
}


#menu_left ul{
    margin:10px;
    padding:0px;
    list-style:none;
}

#menu_left li{
    margin:5px 10px;
    padding-left:30px;
    height:30px;
    line-height:30px
    font-size:14px;
    background:url(../images/first_li.jpg) repeat-y center top;
}

#menu_left .root_type{
    background:url(../images/menu_li.jpg) no-repeat center bottom;
}

#menu_left .root_type a{
    padding-left:30px;
    font-weight:normal;
    font-size:12px;
    background:url(../images/dot7.gif) no-repeat 10px center;
}

#menu_left li a{
    display:block;
    padding-left:10px;
    line-height:30px;
    font-size:14px;
    color:#ffffff;
}

#menu_left .now{
    color:#ccff00;
}

#menu_right{
    text-align:left;
    padding:10px;
}

#menu_right h2{
    margin:0px 10px 10px;
    padding:0px 30px;
    font-size:14px;
    font-weight:normal;
    line-height:30px;
    background:url(../images/dot4.gif) #2f2f2f no-repeat 10px center;
}

#title_content{
    padding:10px 40px;
    color:#cccccc;
    line-height:20px;
}

#title_content p{
    text-indent:2em
    padding:10px;
    margin:0px;
}

#menu_right p{
    padding:10px 20px;
    margin:0px;
    text-indent:2em;
    color:#cccccc;
}

.root_a{
    padding-left:15px;
    background:url(../images/root_bot.gif) no-repeat left center;
}

#new_list{
    margin:10px 40px;
}

#new_list h3{
    line-height:30px;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    padding-left:30px;
    margin:0px;
    border-bottom:1px solid #2f2f2f;
    background:url(../images/news2.gif) no-repeat left center;
}

#new_title{
    margin:10px 50px;
    line-height:35px;
    font-size:16px;
    text-align:center;
}

#page{
    clear:both;
    padding:10px;
}

#page select{
    font-size:11px;
    margin-top:3px;
}

#quicklink{
    clear:both;
    text-align:right;
    padding:10px 20px;
}

#top_button{
    width:40px;
    height:15px;
    cursor:hand;
    border:none;
    background:url(../images/top.gif) no-repeat left top;
}

#back_button{
    width:40px;
    height:15px;
    cursor:hand;
    border:none;
    background:url(../images/back.gif) no-repeat left top;
}


.pro_line{
    margin-left:25px;
    float:left;
    width:700px;
    display:inline;
    border-bottom:1px solid #000000;
}

.pro_box{
    width:340px;
    padding:10px 0px;
    display:inline;
    float:left;
    text-align:center;
    border:1px solid #3f3f3f;
}


.pro_box h1{
    margin:0px 10px;
    font-weight:normal;
    line-height:20px;
    font-size:14px;
}

.pro_box h4{
    margin:0px 10px;
    font-weight:normal;
    line-height:20px;
    font-size:12px;
    color:#ffff00;
}

.pro_box h4 a{
    color:#ff0000;
}

#pro_img{
    width:250px;
    margin-left:50px;
    float:left;
    display:inline;
}

#pro_img h5{
    font-size:12px;
    line-height:30px;
}

#pro_ul{
    width:300px;
    margin-left:30px;
    padding:20px 0px;
    display:inline;
    float:left;
    text-align:left;
}

#pro_ul h1{
    font-size:16px;
    line-height:40px;
    padding:0px 10px;
    background:url(../images/pro_line.gif) no-repeat left bottom;
}

#pro_ul h4{
    padding:0px 30px;
    font-size:12px;
    font-weight:normal;
    margin:0px;
    line-height:30px;
}

#pro_content{
    clear:both;
    padding:10px 30px;
    line-height:20px;
}

.board_title{
    width:150px;
    text-align:right;
    font-size:14px;
}

#board_h4{
    margin:0px 40px;
    padding:0px 20px;
    line-height:30px;
    font-size:12px;
    border-bottom:1px solid #2f2f2f;
}

#board_p{
    margin:10px 60px;
    padding-left:20px;
    line-height:20px;
    text-indent:2em;
}

#pro_list_img{
    float:left;
    display:inline;
    margin-left:10px;
    padding:10px;
    width:350px;
    text-align:center;
    background:#1f1f1f;
}

#pro_list_img h4{
    text-align:left;
}

#pro_list_img p{
    line-height:20px;
    text-align:left;
    text-indent:2em;
}

#pro_list_img h5{
    margin:0px;
    text-align:left;
    padding-left:40px;
    margin-top:10px;
    line-height:25px;
    background:url(../images/pro_dot.gif) no-repeat 25px center;
}

#pro_list{
    width:340px;
    float:right;
    display:inline;
}

.pro_ones{
    float:left;
    display:inline;
    margin:1px;
    width:85px;
    padding:10px;
    text-align:center;
    background:#1f1f1f;
}

.pro_ones h1{
    font-size:12px;
    margin:0px;
    line-height:25px;
}