.input_button { margin-right: 20px; width: auto; height: 27px; line-height: 27px; border: none; color: white; padding: 0 10px; cursor: pointer; font-weight: bold; background: url(../../controls/images/bg_2.png) repeat-x 0 -390px; }
.clearFix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; }
.clearFix { *zoom: 1; }
.right { text-align: right; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
#screenshot { position: absolute; border: 5px solid #e6e6e6; z-index: 9999999; background: #F6F6F6; padding: 5px; display: none; color: #333; width: 160px; text-align: left; }
    #screenshot img { width: 160px; }
.prolist { width: 201px;padding-top:5px; }
    .prolist li a { height: 26px; color: #666; font: 12px/26px "Microsoft YaHei","Arial"; overflow: hidden; padding-left: 18px; display: block; width: 163px; background: url(../../images/ico2.png) no-repeat 0 0; margin: 0 auto; }
        .prolist li a:hover, .prolist li a.current { color: #390; background: url(../../images/ico2.png) no-repeat 0 -25px; }
/*#leftmenu {margin-top: 15px;}
#leftmenu>ul>li>a { display: block; border-bottom: 1px solid #E7E7E7; height: 32px; line-height: 32px; font-family: "微软雅黑", Tahoma, Arial; padding-left: 14px; width: 202px; background: url(../../controls/images/arr2.png) no-repeat 192px 12px; }
    #leftmenu>ul>li>a:hover, #leftmenu>ul>li>a:active { color: #FF6600; border-bottom: 1px solid #DDD; background: url(../../controls/images/arr2.png) no-repeat 192px -46px; }
    #leftmenu>ul>li>a.A { background: url(../../controls/images/left_a_bg.png) no-repeat !important; border-bottom: 0px none !important; height: 33px; line-height: 30px; color: #FFF; padding-left: 130px; width: 86px; }*/
.sub_left { width: 201px; padding-right: 12px; float: left; background: url(../../controls/images/nei_9.jpg) right top no-repeat; overflow: hidden; }
.sub_right { width: 755px; float: right; }
.tit p { float: right; line-height: 45px;color:#ffffff; }
    .tit p a { color:#ffffff; }
.sub_content { margin-top: 15px; color: #333; min-height: 300px; line-height: 2em; padding: 0px 10px; }
.sub_content1 { padding: 10px 5px; min-height: 300px; }

/*.pro_type { padding: 10px; padding-bottom: 0; background: url(../../images/right-3.jpg) no-repeat 0 0; height: auto; }
    .pro_type ul { margin: 0; padding: 0; }
        .pro_type ul li { position: relative; z-index: 999999; float: left; margin-bottom: 5px; width: 225px; height: 30px; line-height: 30px; }
.pro_images { float: left; width: 35px; height: 30px; }
.pro_name { float: right; width: 185px; height: 25px; border-bottom: 1px dashed #ddd; }
    .pro_name a { display: block; height: 21px; color: #333; font: 12px/21px "Microsoft YaHei","Arial"; text-indent: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .pro_name a:hover { color: #fff; background: url(../../images/mava.gif) no-repeat 0 center; }*/
/*.suckerdiv {padding:5px 0px 5px 10px;height:auto;background:url(../../images/loginbg01.jpg) repeat-x 0 0 #f5f9fc;}*/



.suckerdiv ul li ul { left: 224px; background: #f5f9fc; position: absolute; width: 185px; top: 0; display: none; }
    
    .suckerdiv ul li ul li { float: left; width: 185px; border-bottom: 1px dashed #ddd; margin: 0px; height: 25px; line-height: 25px; }
        
        .suckerdiv ul li ul li a { display: block; height: 25px; line-height: 25px; color: #333; font: 12px/21px "Microsoft YaHei","Arial"; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
            .suckerdiv ul li ul li a:hover { color: #fff; background: url(../../images/mava.gif) no-repeat 0 center; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
        .suckerdiv ul li ul li ul { background: #f5f9fc; left: 189px; height: auto; overflow: hidden; }


/*.suckerdiv .subfolderstyle {background: url(../../controls/index/arrow-list.gif) no-repeat center right;}*/

* html .suckerdiv ul li { float: left; height: 1%; }
    * html .suckerdiv ul li a { height: 1%; }





.vLi { width: 100%; overflow: hidden; position: relative; }
    .vLi ul { width: 100%; }
    .vLi li { float: left; text-align: center; width: 33.3%; border-bottom: 1px solid #E0E0E0; margin-top: 30px; padding-bottom: 30px; }
    .vLi .viBox { width: 200px; padding: 0px 16px; height: 174px; margin: 0px auto; border-right: 1px solid #E0E0E0; overflow: hidden; position: relative; }
    .vLi li b { display: block; width: 198px; text-align: left; font-size: 13px; font-weight: normal; height: 14px; overflow: hidden; line-height: 180%; color: #666; border-bottom: 1px solid #E0E0E0; padding-bottom: 8px; }
    .vLi li .viBox div { margin: 12px auto; width: 180px; height: 130px; }
        .vLi li .viBox div a { display: block; width: 180px; height: 140px; display: table-cell; vertical-align: middle; }
    .vLi li img { max-width: 180px; max-height: 135px; vertical-align: middle; }
    .vLi li p { text-align: left; color: #AAA; line-height: 22px; }
    .vLi li em { display: block; line-height: 22px; text-align: right; }
    .vLi .news_keysword a { font-weight: bold; padding: 3px; }



.news_slider { padding: .2em 0 .6em 0; }
    .news_slider a.news_slider_img { float: left; margin-right: 15px; width: 133px; height: 100px; display: block; }
        .news_slider a.news_slider_img img { max-width: 133px; max-height: 100px; _width: expression((this.offsetWidth > 133) ? "133px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 100) ? "100px" : this.offsetHeight + "px" ); }
    .news_slider h3 { font: bold 16px/26px sans-serif; color: #06B; }
    .news_slider pre { height: 80px; line-height: 20px; overflow: hidden; }
.nLi .ntitle { height: 26px; border: 1px solid #ccc; margin-bottom: 5px; }
    .nLi .ntitle div { border: 1px solid #FFF; height: 24px; line-height: 24px; background: #999999; }
    .nLi .ntitle em, .nLi .ntitle span, .nLi .ntitle b { font-size: 13px; color: #ffffff; font-weight: normal; }
    .nLi .ntitle b { padding-left: 120px; }
.nLi li { height: 31px; line-height: 30px; background: url(../../controls/images/line6.png) bottom repeat-x; }
    .nLi li em { float: right; width: 120px; text-align: center; }
    .nLi li span { float: right; width: 90px; text-align: center; }
    .nLi li a { display: block; padding-left: 10px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news_keysword { line-height: 24px; }
    .news_keysword a { padding: 0px 5px; }

#productsnav { width: 100%; }
    #productsnav li { width: 24.9%; float: left; text-align: center; padding-top: 10px; }
        #productsnav li a img { max-width: 160px; max-height: 160px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 160) ? "160px" : this.offsetHeight + "px" ); }
  #productsnav a { width: 160px; height: 160px; display: block; border: solid 1px #BEBEBE; padding: 2px; margin: 0px auto; }
    #productsnav li a img { vertical-align: middle; }
    #productsnav li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    #productsnav span { height: 30px; line-height: 30px; overflow: hidden; padding: 0px 2px; width: 160px; display: block; margin: 0px auto; background-color:#e1e1e1; border-left:solid 1px #BEBEBE; border-bottom:solid 1px #BEBEBE; border-right:solid 1px #BEBEBE; }


.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(../../controls/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(../../controls/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: 310px; float: left; }
#pro_img { background: #F0F0F0; padding: 5px; min-height: 139px; _height: 139px; }
#pro_do { width: 380px; float: right; }
    #pro_do p.div { display: block; padding: 0; margin: 0; color: #F00; font: bold 14px/35px "Microsoft YaHei","Arial"; }



#AboutProduct { margin-bottom: 10px; }
    #AboutProduct span { font-size: 10pt; font-weight: bold; }
    #AboutProduct ul { margin: 0px; margin-top: 10px; padding: 0px; }
    #AboutProduct li { list-style-type: square; list-style-position: inside; padding-left: 8px; float: left; width: 32%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
        #AboutProduct li a { color: #014CCC; }

.irow { background: #fafafa; }
.hrdetailborder { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; width: 100%; line-height: 25px; }
    .hrdetailborder td { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; line-height: 25px; }
.hrdetailtitle { height: 30px; background: url(../../controls/images/sbg.jpg); padding-left: 10px; font-weight: bold; width: 100%; line-height: 30px; }
.focusinput { border: 1px solid #cc0000; }
.focusoutput { border: 1px solid #dddddd; }
.jobdetailborder { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; width: 100%; line-height: 25px; }
    .jobdetailborder td { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; line-height: 25px; }
.jobdetailtitle { height: 30px; background: url(../../controls/images/sbg.jpg); padding-left: 10px; font-weight: bold; width: 100%; line-height: 30px; }
.jobtitle { height: 30px; background: url(../../controls/images/sbg.jpg); padding-left: 10px; font-weight: bold; width: 100%; line-height: 30px; }
.jobborder { border: 1px solid #eeeeee; }
.jobarea { line-height: 32px; border-top: 1px solid #eeeeee; width: 100%; padding-left: 10px; }
    .jobarea img { border: none; }
.jobarea1 { line-height: 32px; border-top: 1px solid #eeeeee; width: 100%; padding-left: 10px; background: #fdfdfd; }
    .jobarea1 img { border: none; }
.rightborder { border-right: 1px solid #eeeeee; }




.bordertable { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }
    .bordertable td { border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; line-height: 32px; }
.order_title { height: 32px; background: url(../../controls/images/sbg.jpg); text-indent: 10px; font-weight: bold; }
.ordertext { width: 120px; text-align: right; }
.ordertext1 { padding-left: 5px; }
#ordernav { margin: 0px; padding: 0px; }
    #ordernav input { border: 1px solid #ccc; }




#thecity { list-style: none; width: 95%; margin: auto; }
    #thecity li { margin: 0px; padding: 0px; list-style: none; line-height: 22px; float: left; text-align: left; width: 32%; }
        #thecity li span { color: #ff9900; margin-right: 5px; }
.networktitle { height: 25px; background: url(../../controls/images/sbg.jpg); text-indent: 10px; font-weight: bold; width: 100%; line-height: 25px; }
.networkborder { border: 1px solid #eeeeee; margin-bottom: 10px; }
.networkarea { border-top: 1px solid #eeeeee; width: 100%; }
    .networkarea td { padding: 5px; }



.repinfotitle { height: 32px; background: url(../../controls/images/sbg.jpg); text-indent: 10px; font-weight: bold; width: 100%; border-bottom: 1px solid #eeeeee; }
    .repinfotitle td { text-indent: 10px; }
.repinfotitle1 { height: 25px; background: #fdfdfd; text-indent: 10px; font-weight: bold; width: 100%; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
    .repinfotitle1 td { text-indent: 10px; }
.repinfoarea { padding: 10px; line-height: 20px; }
.repinfonav { width: 100%; margin: auto; border: 1px solid #eeeeee; margin-bottom: 10px; }



.paginator { font: 12px Arial, Helvetica, sans-serif; padding: 10px 20px 10px 0; margin: 0px; }
    .paginator a { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; margin-right: 2px; }
        .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; }
    .paginator .cpb { padding: 1px 6px; font-weight: bold; background: #013e6e; border-color: #013e6e; color: #ffffff; font-size: 13px; border: none; }
    .paginator a:hover { color: #fff; background: #013e6e; border-color: #013e6e; text-decoration: none; }


#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(../../controls/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; }


#code, #code_hover, #gotop { width: 36px; height: 48px; background: url(../../controls/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: -276px -258px; bottom: 120px; _margin-bottom: 120px; }
#code_hover { background-position: -316px -258px; bottom: 120px; _margin-bottom: 120px; }
#gotop { background-position: -276px -310px; bottom: 67px; _margin-bottom: 67px; }

#code_img { width: 270px; height: 355px; background: url(../../controls/images/icon.png) -4px -3px no-repeat; position: fixed; right: 90px; 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; }