@charset "utf-8";



#header_wrap { width: 100%; height: auto; overflow: hidden; background: url(../images/header_bg.jpg) no-repeat center top #000; }
#header { margin: 0 auto; width: 1000px; height: 100px; overflow: hidden; }
#logo { float: left; margin-top: 20px; width: 610px; height: 60px; overflow: hidden; }
#language { float: right; margin-top: 20px; margin-bottom: 15px; width: 350px; height: 20px; line-height: 20px; text-align: right; color: #fff; font: 14px/20px "Microsoft YaHei","Arial"; }
    #language span { font-size: 20px; }
    #language a { color: #eee; }
        #language a:hover { color: #ccc; }
    #language img { padding: 0 10px; vertical-align: middle; }
#search { float: right; width: 285px; height: 25px; }
    #search input { float: left; }
.inp_srh { width: 220px; height: 25px; line-height: 25px; text-indent: 15px; background: url(../images/search_bg.png) 0 0 no-repeat; border: none; }
.btn_srh { width: 65px; height: 25px; line-height: 25px; background: url(../images/search_bg.png) -220px 0 no-repeat; border: none; cursor: pointer; color: #fff; font-size: 12px; text-indent: -5000px; }
#search * { vertical-align: middle; }


#nav_wrap { width: 100%; height: 33px; background: #99aab2; }
#nav { margin: 0 auto; width: 1000px; height: 33px; }
    #nav ul { margin: 0; padding: 0; }
        #nav ul li { float: left; display: block; width: 111px; height: 33px; background: url(../images/nav_line.jpg) no-repeat right top; text-align: center; }
            #nav ul li a { display: block; width: 111px; height: 33px; color: #0d2146; font: bold 14px/33px "Microsoft YaHei","Arial"; }
                #nav ul li a:hover, #nav ul li a.current { color: #fff; background: #000; }
            #nav ul li.last { background: none; }


#banner { width: 100%; height: 450px; overflow: hidden; }


#content_wrap { padding: 0 0 15px; width: 100%; height: auto; overflow: hidden; background: url(../images/content_bg.png) repeat-y center top; }
.content { margin: 0 auto; width: 1000px; height: auto; overflow: hidden; }
.pro_tj { margin: 0 auto 10px; padding: 10px 0; width: 1000px; height: auto; overflow: hidden; background: #02356a; }
    .pro_tj ul { margin: 0; padding: 0; }
        .pro_tj ul li { float: left; display: block; margin: 5px 10px; width: 230px; height: 250px; overflow: hidden; }
.image_tj { width: 230px; height: 230px; overflow: hidden; }
.name_tj { width: 230px; height: 20px;display: block;text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; font: 14px/20px "Microsoft YaHei","Arial"; }
.con_l_box { float: left; width: 220px; height: auto; overflow: hidden; }
.con_l { float: left; width: 220px; height: auto; overflow: hidden; }
.con_r { float: right; width: 762px; height: auto; overflow: hidden; }
.tit { padding: 0 10px; height: 45px; background: url(../images/tit_bg.jpg) no-repeat 0 0; }
    .tit h2 { float: left; margin-left: 40px; color: #fff; font: 15px/45px "Microsoft YaHei","Arial"; }
    .tit span { float: right; color: #fff; font: 12px/45px 宋体; }
        .tit span a { color: #fff; font: 12px/45px 宋体; }
            .tit span a:hover { color: #ccc; text-decoration: underline; }
.pro_type { border: 1px solid #ddd; padding: 9px; height: auto; overflow: hidden; }
    .pro_type ul { margin: 0; padding: 0; }
        .pro_type ul li { float: left; display: block; margin-bottom: 5px; width: 200px; height: 25px; }
            .pro_type ul li a { display: block; width: 200px; height: 25px; text-indent: 20px; color: #333; font: 12px/25px "Microsoft YaHei","Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/pro_bg3.jpg) no-repeat 0 0; }
                .pro_type ul li a:hover { color: #fff; background: url(../images/pro_bg2.jpg) no-repeat 0 0; }
.contact { border: 1px solid #ddd; padding: 9px; width: 200px; height: auto; overflow: hidden; color: #333; font: 12px/24px "Microsoft YaHei","Arial"; }
    .contact img { margin-bottom: 10px; }
.about { padding: 9px; color: #333; font: 12px/22px "Microsoft YaHei","Arial"; border: 1px solid #ddd; }
    .about img { float: left; margin-right: 15px; }
.pro_pic { padding: 9px 0; height: auto; overflow: hidden; border: 1px solid #ddd; }
    .pro_pic ul { margin: 0; padding: 0; }
        .pro_pic ul li { float: left; display: block; margin: 5px 14px; width: 160px; height: 180px; border: 1px solid #ddd; }
.image_pic { width: 160px; height: 160px; overflow: hidden; }
    .image_pic a img { vertical-align: middle;max-width: 160px; max-height: 160px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 160) ? "160px" : this.offsetHeight + "px" );  }
    .image_pic a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.name_pic { width: 160px; height: 20px; color: #333; font: 12px/20px "Microsoft YaHei","Arial"; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #EFEFEF; }


#footer_wrap { padding: 10px 0; width: 100%; height: auto; overflow: hidden; border-top: 1px solid #ddd; background: url(../images/bottom_bg.jpg) repeat-y center top #000; position: relative; z-index: 99; }
#footer { margin: 0 auto; width: 1000px; height: auto; overflow: hidden; color: #ccc; font: 12px/20px "Microsoft YaHei","Arial"; }
#footer_l { float: left; width: 60px; }
#footer_m { float: left; margin-left: 20px; width: 760px; }
#footer_r { float: right; width: 150px; text-align: right; }
    #footer_r img { float: right; }


#link { margin: 0 auto; padding: 10px 0; width: 1000px; height: auto; overflow: hidden; border-top: 1px solid #ddd; background: #fff; position: relative; z-index: 99; }
.link_l { float: left; width: 70px; line-height: 20px; color: #00458e; font-weight: bold; }
.link_r { float: right; margin-left: 10px; width: 920px; line-height: 20px; }
    .link_r a { margin-right: 15px; color: #00458e; }
        .link_r a:hover { color: #F00; text-decoration: underline; }