#productsnav { width: 100%; }
    #productsnav li { width: 25%; float: left; text-align: center; padding: 5px 0px; background: url(../images/pro-bg.png) bottom center no-repeat; margin-bottom: 15px; }
        #productsnav li a img { max-width: 160px; max-height: 120px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 120) ? "120px" : this.offsetHeight + "px" ); }
        #productsnav li a { width: 160px; height: 120px; display: block; border: solid 1px #ccc; border-bottom: 0px; margin: 0px auto; padding: 4px; }
            #productsnav li a img { vertical-align: middle; }
            #productsnav li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
        #productsnav li .align_box { width: 170px; margin: 0px auto; }
            #productsnav li .align_box .align_box_2 { display: table-cell; width: 160px; height: 34px; font-size: 30px; *font-size: 26px; vertical-align: middle; border: solid 1px #ccc; padding: 0px 4px; border-top: 0px; background: #EBEBEB; }
                #productsnav li .align_box .align_box_2 span.align_word { display: inline-block; line-height: 17px; font-size: 12px; vertical-align: middle; }
.productlist { width: 100%; }
    .productlist #title { border: #ced8dd 1px solid; padding-left: 12px; background: #ecf0f2; height: 35px; line-height: 35px; }
        .productlist #title span { color: #093; font-size: 14px; font-weight: bold; }
    .productlist #content { width: 100%; margin-top: 22px; float: left; }
.content_left { width: 180px; float: left; text-align: center; }
    .content_left img { width: 160px; height: 160px; padding-top: 10px; }
.content_right { width: 560px; float: left; border-left: 1px solid #ccc; padding-left: 4px; }
    .content_right ul li { width: 280px; float: left; background: url(../index/arrow01.gif) no-repeat left 1px; text-indent: 10px; height: 24px; line-height: 24px; }
/*产品列表样式结束*/
._bordertable { border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin: 10px auto 15px auto; width: 100%; }
    ._bordertable .titles { margin: 0px; padding: 0px; font-weight: bold; padding-left: 10px; background: url(../images/sbg.jpg); background-repeat: repeat-x; text-align: left; height: 30px; line-height: 30px; }
    ._bordertable .contents { padding: 2px; line-height: 20px; background: #ffffff; }
    ._bordertable td.titles, ._bordertable td.contents { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; vertical-align: middle; line-height: 30px; }
/*产品展示*/
#pro_detial { width: 100%; }
#pro_left { width: 400px; margin-top:20px; display:inline; float: left; }
#pro_img { background: #F0F0F0; min-height: 400px; _height: 400px; text-align: center; border:solid 1px #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
#pro_img img{ width:400px; height:400px}
#pro_do { width: 360px; float: right; }
    #pro_do .pro_title { background: #06c; font-size: 16px; color: #FFF; padding: 8px 10px 9px 10px; }
    #pro_do p.div { display: block; padding: 0; margin: 0; color: #F00; font: bold 14px/35px "Microsoft YaHei","Arial"; }
#procon_a { width: 100%; margin: auto; margin-top: 12px; border-bottom: 1px solid #DDDDDD; height: 25px; overflow: hidden; }
    #procon_a a { float: left; width: 90px; height: 25px; font-family: "微软雅黑", Tahoma, Arial; text-align: center; margin-right: 5px; line-height: 25px; _line-height: 26px; background: url(../images/procon_a.png) no-repeat; outline: none; }
        #procon_a a.A { background: url(../images/procon_a.png) no-repeat center -25px; color: #FFF; font-weight: bold; }
#procon_2 { font-family: "微软雅黑", Tahoma, Arial; }
.procon { padding-top: 12px; padding-bottom: 12px; display: none; }
#ajaxwaitid { background: none repeat scroll 0 0 #DD0000; color: #FFFFFF; display: none; height: 1.6em; line-height: 1.6em; overflow: hidden; position: absolute; right: 0; top: 0; width: 100px; z-index: 100; }
.zoominner { padding: 5px 10px 5px; background: #Fafafa; text-align: left; font-size: 12px; }
    .zoominner p { padding: 5px 0; }
    .zoominner .y { float: right; padding-bottom: 5px; }
    .zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; background: url(../images/imgzoom_tb.gif) no-repeat 0 0; line-height: 100px; overflow: hidden; }
        .zoominner p a:hover { background-position: 0 -39px; }
        .zoominner p a.imgadjust { background-position: -40px 0; }
            .zoominner p a.imgadjust:hover { background-position: -40px -39px; }
        .zoominner p a.imgclose { background-position: -80px 0; }
            .zoominner p a.imgclose:hover { background-position: -80px -39px; }


#procon_2 ul { padding: 0; margin: 0; list-style: none; }
    #procon_2 ul li { margin-top: 4px; margin-bottom: 4px; }



#commentform input.error { background: #f8dbdb; border-color: #e77776; }
#commentform textarea.error { background: #f8dbdb; border-color: #e77776; }

#example2 { height: 120px; width: 210px; position: relative; }
#slides2 { position: absolute; top: 0; left: 13px; z-index: 100; height: 120px; border: solid 1px #E1E1E1; width: 184px; }
    #slides2 a img { max-width: 160px; max-height: 120px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 120) ? "120px" : this.offsetHeight + "px" ); }
    #slides2 .slides_container { width: 184px; position: relative; overflow: hidden; float: left; }
        #slides2 .slides_container div.slide { width: 184px; height: 120px; overflow: hidden; display: block; background-color: #FFF; text-align: center; }
    #slides2 .next, #slides2 .prev { position: absolute; top: 40px; left: -19px; width: 10px; height: 0; padding-top: 40px; overflow: hidden; display: block; z-index: 101; background: url(../images/arrow.png) no-repeat 0 0; }
    #slides2 .next { left: auto; right: -18px; background-position: -10px 0; }
    #slides2 .prev:hover { background-position: 0 -40px; }
    #slides2 .next:hover { background-position: -10px -40px; }
.mTbg { height: 27px; width: 210px; margin: 30px 0px 10px; }
    .mTbg b { padding: 7px 0px 0px 16px; color: #888fa9; font: bold 16px/30px "Microsoft YaHei","Arial"; }
.lPro { width: 210px; }
*html { background-image: url(about:blank); background-attachment: fixed; }
/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#gotop { width: 36px; height: 48px; background: url(../images/icon.png) no-repeat; position: fixed; right: 50px; cursor: pointer; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
#code, #code_hover { width: 80px; height: 70px; background: url(../images/icon.png) no-repeat; position: fixed; right: 50px; cursor: pointer; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
#code { background-position: -274px -236px; bottom: 120px; _margin-bottom: 120px; }
#code_hover { background-position: -274px -236px; bottom: 120px; _margin-bottom: 120px; }
#gotop { background-position: -276px -310px; bottom: 67px; _margin-bottom: 67px; }
#code_img { width: 270px; height: 355px; background: url(../images/icon.png) -4px -3px no-repeat; position: fixed; right: 130px; bottom: 67px; cursor: pointer; display: none; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom: 67px; }