/* CSS Document 2009.7 */
body {font-size:12px;color:#414141; font-family:"微软雅黑"; padding:0px; margin:0px; background:url(Style-image/bg.jpg) repeat;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
ul,li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;}
/* Link */
a{color:#414141;text-decoration:none;}
a:hover {color:#fcff00;text-decoration:none;}
form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul{list-style:none; padding:0px; margin:0px}
.clear {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 0px}

#page{width:96%; height:27px; margin:5px auto; clear:both; padding-top:3px; padding-left:3%; padding-bottom:2px; text-align:center; color:#000000}
#page a{color:#000000; width:auto; height:22px; padding:3px 5px 0px 5px; float:left; border:1px #CCC solid; background:#FFF; margin-left:5px;}
#page span{color:#000000; width:auto; height:22px; padding:3px 5px 0px 5px; float:left; border:1px #CCC solid; background:#f5f5f5; margin-left:5px;}
#page select{float:right; width:120px; height:20px; margin-top:3px; margin-right:35px;}

.ml10{margin-left:10px;}
.mr10{margin-right:10px;}

.dis0{display:none}
.tit0{color:#333}
.dis1{display:block}
.tit1{color:#F00}

/*       demo .js        */
#demo {overflow:hidden; border:0px dashed #3EC000; width:740px; margin-top:10px;} 
#demo img { border:3px solid #3EC000; width:240px; height:180px; margin-left:10px;} 
#indemo { float:left; width: 800%; } 
#demo1 { float:left; } 
#demo2 { float:left; }

/* head */
.notic{ width:100%; height:25px; line-height:25px; background:url(Style-image/top_bg.gif) repeat-x}
.gonggao{ width:980px; margin:0 auto;}
.gonggao span{ float:left; display:block;}
#top_info{ height:25px; margin:0px auto; float:right}
#top_info a{width:80px; height:25px; float:right;text-align:center; color:#666666; background:url(Style-image/icon.gif) 5px center no-repeat}
#top_all{width:100%; height:94px; margin:0px auto;}
#top{width:980px; height:94px; margin:0px auto;}
#top_left{width:427px; height:88px; float:left; padding-top:6px; overflow:hidden}
#top_right{width:288px; float:right; height:49px; padding-top:45px;}

#top_nav{ width:1167px; margin:0 auto; height:52px; background:url(Style-image/nav.png) center no-repeat}
#top_nav ul{ width:980px; height:38px; padding:0px; margin:0 auto; list-style:none}
.navli1{width:100px; height:38px; float:left; color:#FFF; position:relative}
.navli1a{width:100%; height:38px; line-height:38px; float:left; font-size:15px; text-align:center; color:#ffffff; font-weight:bold;}
.navli1a:hover{width:100%; height:38px; line-height:38px; float:left; color:#fcff00; font-weight:bold;}
.actiona{width:100px; height:38px; line-height:38px; float:left; font-size:15px; text-align:center; color:#fcff00; font-weight:bold;}

.navli2{width:8px; height:38px; float:left; margin-top:0px; text-align:center; overflow:hidden; background:url(Style-image/nav_line.gif) center no-repeat}

/*  foot  */
.foot{width:100%; height:auto!important; height:60px; min-height:60px; margin:10px auto; padding:0px; color:#FFF; background:url(Style-image/foot_bg.gif) repeat-x}
.link{ width:784px; height:63px; margin:0 auto; padding-left:200px; padding-top:15px; background:url(Style-image/link.png) no-repeat}
.link a{ line-height:2.3em; padding:0px 10px;}
.foot a{color:#FFF}
.foot_nav{width:980px; height:20px; margin:0px auto; text-align:center; padding-top:10px; overflow:hidden}
.foot_nav a{color:#fff}
.foot_bottom{width:965px; line-height:1.8em;margin:0px auto; text-align:center; padding-top:10px; overflow:hidden}

/* index */
.iall{width:984px; height:auto!important; height:60px; min-height:60px; margin:0px auto; padding:20px 0px 0px 0px;}
.ibanner{ width:980px; height:320px; margin:0 auto; padding:3px 0px; border-top:5px solid #d87808; border-bottom:5px solid #d87808}

.i1_left{ width:310px; float:left}
.i1l_tl{ width:310px; height:32px; margin-bottom:7px; background:url(Style-image/about.png) center 5px no-repeat}
.i1lc_top{ width:310px; height:7px; background:url(Style-image/il_top.png) no-repeat}
.i1lc_con{ width:279px; height:235px; padding:5px 15px 0px 16px; line-height:1.8em; background:url(Style-image/il_con.png) repeat-y}
.i1lc_btm{ width:310px; height:14px; background:url(Style-image/il_btm.png) no-repeat}

.i1_cen{ width:402px; float:left; margin-left:11px;}
.i1c_tl{ width:402px; height:32px; margin-top:7px; background:url(Style-image/news.png) center no-repeat}
.i1cc_top{ width:402px; height:7px; background:url(Style-image/ic_top.png) no-repeat}
.i1cc_con{ width:376px; padding:0px 13px; background:url(Style-image/ic_con.png) repeat-y}
.i1cc_con li{ width:376px; height:29px; line-height:29px; border-bottom:1px dashed #cccccc} 
.i1cc_con li a{ width:300px; display:block; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.i1cc_con li span{ width:76px; display:block; float:right; text-align:right}
.i1cc_btm{ width:402px; height:14px; background:url(Style-image/ic_btm.png) no-repeat}

.i1_right{ width:250px; float:right}
.i1r_tl{ width:250px; height:32px; margin-bottom:7px; background:url(Style-image/contact.png) center 6px no-repeat}
.i1rc_top{ width:250px; height:7px; background:url(Style-image/ir_top.png) no-repeat}
.i1rc_con{ width:224px; height:240px; padding:0px 13px; line-height:2.2em; background:url(Style-image/ir_con.png) repeat-y}
.i1rc_con p{ margin:0px;}
.i1rc_btm{ width:250px; height:14px; background:url(Style-image/ir_btm.png) no-repeat}

.i2_tl{ width:984px; height:32px; background:url(Style-image/product.png) center no-repeat}
.i2c_top{ width:984px; height:7px; background:url(Style-image/i2_top.png) no-repeat}
.i2c_con{ width:984px; background:url(Style-image/i2_con.png) repeat-y}
.i2cc_1{ width:955px; height:114px; margin:0 auto; background:url(Style-image/product_nav.gif) center 10px no-repeat}
.i2cc_1_top{ width:955px; height:35px; line-height:35px; padding-top:10px;}
.i2cc_1_top li{ float:left; font-size:14px; color:#fff; padding:0px 8px}
.i2cc_1_top li a{ color:#fff}
.i2cc_1_list{ width:955px; height:45px; padding:10px 0px; cursor:pointer}
.i2cc_1_list li{ float:left; height:22px; line-height:22px;}
.i2cc_1_list li a{ padding:0px 12px;}
.i2cc_list{ width:955px; margin:0 auto}
.i2cc_list li{ width:183px;  float:left; margin-top:10px;}
.i2cc_list li .p_img{ width:181px; height:138px; border:1px solid #d91220; display:block; text-align:center}
.p_2{ margin:0px 10px;}
.p_4{ margin:0px 10px;}
.p_7{ margin:0px 10px;}
.p_9{ margin:0px 10px;}
.p_12{ margin:0px 10px;}
.p_14{ margin:0px 10px;}
.i2cc_list li span{ width:183px; height:30px; line-height:30px; text-align:center; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.i2c_btm{ width:984px; height:14px; background:url(Style-image/i2_btm.png) no-repeat}
.more a{ width:80px; height:20px; line-height:20px; float:right; color:#cc0000; text-align:center; margin-right:10px; display:block; background:url(Style-image/more.png) no-repeat}

/*  content  */
.ileft{ width:174px; float:left}
.il_top{ width:174px; height:7px; background:url(Style-image/icl_top.png) no-repeat}
.il_con{ width:174px; background:url(Style-image/icl_con.png) repeat-y}
.ilt{ width:118px; height:38px; line-height:30px; margin:0 auto; padding-left:50px; font-size:18px; font-weight:bold; color:#330000; background:url(Style-image/ilt.gif) no-repeat}
.il_list li{ width:168px; height:34px; line-height:30px; margin:0 auto; text-align:center; color:#666666; background:url(Style-image/ilt_li_bg.gif) center bottom no-repeat}
.il_btm{ width:174px; height:13px; background:url(Style-image/icl_btm.png) no-repeat}

.iright{ width:802px; float:right}
.ir_top{ width:802px; height:7px; background:url(Style-image/icr_top.png) no-repeat}
.ir_con{ width:802px; background:url(Style-image/icr_con.png) repeat-y}
.ir_btm{ width:802px; height:13px; background:url(Style-image/icr_btm.png) no-repeat}
.irt_2{width:768px; height:30px; line-height:30px; margin:0 auto; border-bottom:1px solid #cbcbcb}
.irt2{ float:left; font-size:18px; font-weight:bold; color:#333333}
.pos{ float:right}
.ircon{width:768px; padding:0px 17px; height:auto!important; min-height:600px; height:600px; margin:0px auto; padding:10px; line-height:2.3em; }

/* article */
.alist{font-size:13px;}
.alist ul{margin:0px; padding:0px}
.alist li{width:768px; height:29px; line-height:29px; margin:0px auto; border-bottom:1px #cccccc dotted;}
.alist li a{ width:650px; display:block; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.alist li span{width:100px; display:block; float:right; text-align:right}

.atitle{width:98%; height:30px; margin:0px auto; padding-top:10px; padding-bottom:10px; font-size:16px; font-weight:bold; text-align:center; border-bottom:1px #eeeeee dotted}
.aper{width:98%; height:18px; margin:0px auto; padding-top:7px; padding-bottom:10px; font-size:12px; color:#666666; text-align:center}
.ades{width:95%; height:auto!important; min-height:60px; height:60px; margin:0px auto; padding:5px 1% 5px 1%; line-height:1.6em; font-size:12px; color:#999; border:1px #CCC dotted; background:#eeffff}
.acon{width:97%; height:auto!important; min-height:80px; height:80px; margin:0px auto; padding:5px 0px 5px 0px; line-height:1.8em;}

/* image */
.ilist{font-size:12px;}
.ilist li{width:220px; height:200px; float:left; padding:5px 10px 5px 10px}
.ilistimg{width:216px; height:166px; float:left; padding:1px; border:1px #CCC solid}
.ilistimg td{background:#CCC}
.ilist span{width:216px; height:25px; padding-top:3px; text-align:center; float:left; line-height:1.8em; background:#eeeeee; overflow:hidden}
.img_url{width:94%; height:30px; margin:10px auto; color:#666; font-size:12px; border-top:1px #CCC dotted; padding-top:5px; position:relative}
.img_url a{font-size:12px;}
.iul{width:350px; height:20px; position:absolute; top:15px; left:0px; text-align:left;}
.iur{width:350px; height:20px; position:absolute; top:15px; right:0px; text-align:right;}

/* product */
.plist{font-size:12px;}
.plist li{ width:183px;  float:left; margin-top:10px;}
.plist li .p_img{ width:181px; height:138px; border:1px solid #d91220; display:block}
.pp_2{ margin:0px 8px;}
.pp_4{ margin:0px 8px;}
.pp_6{ margin:0px 8px;}
.pp_8{ margin:0px 8px;}
.pp_10{ margin:0px 8px;}
.pp_12{ margin:0px 8px;}
.plistimg td{padding-left:10px; line-height:2em;}
.plist span{width:183px; height:30px; line-height:30px; text-align:center; display:block}

.ppoc{font-size:12px;}
.pcon{width:93%; height:auto!important; min-height:180px; height:180px; margin:0px auto; padding-top:20px; overflow-x:hidden}
.pimg{padding:0px; border:2px #ffffff solid}

/* download */
.dlist{font-size:13px;}
.dlist li{width:93%; height:125px; margin:5px auto; border-bottom:1px #cccccc dotted;}
.dlist li img{padding:1px; border:1px #eeeeee solid}

/* job */
.jlist{font-size:13px;}
.jlist li{width:100%; margin:5px auto;}
.jlist li img{padding:1px; border:1px #eeeeee solid}
.jt{border:#EEE solid 1px;}
.jt td{background:#eee; border:1px solid #FFF; border-right:1px #CCC solid; border-bottom:1px #CCC solid; }
.jt2{background:#EEE; border:0px;}
.j_title{width:95%; height:22px; padding-top:8px; font-weight:bold; font-size:14px; color:#000}






#code,#code_hover,#gotop{ width:36px; height:48px; background:url(Style-image/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(Style-image/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;}