@charset "utf-8";


/* 科力远中文站---258754.cn通途工作室(dudu作品)标准框架******/
/* 欢迎交流QQ:258754/email:dudu2#yahoo.cn******/

/*=== 缺省定义 ===*/

BODY,DIV,FORM,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,H7{PADDING:0; MARGIN: 0px; border:0;FONT-SIZE: 12px;font-family:Arial, Helvetica, sans-serif; line-height:160%}

TABLE,TD,TR,TH {FONT-SIZE: 12px; line-height:160%}
LI {list-style-type:none;}

a{color:#000;TEXT-DECORATION: none;}
a,li,erea{ 
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus;li:focus{ 
    -moz-outline-style: none;   /*    FF    */
}
a img{border:none}
A:hover {COLOR: #990000; TEXT-DECORATION:underline; }

b,strong{color:#990000;margin:0 1px}
i,em{ color:#666666; font-style:normal;margin:0 1px 0 0}
p{ text-indent:2em; line-height:180%;margin:0.5em 0; text-align:left; }

/*=== 公共局部模块定义 ===*/
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

.L{ float:left}/*注意使用大写*/
.R{ float:right}

/*=== 表单 ===*/
.btn_area{ text-align:center; margin:15px auto 10px auto}
input.btn{background:url(images/btn.gif) no-repeat;border:none;width:63px;height:21px;font-size:12px;padding-top:2px; behavior:url(htc/btn.HTC);margin:0 5px}
.btn_big{background:url(images/btn_big.gif) no-repeat;border:none;width:110px;height:27px;font-size:14px;padding-top:2px; margin:0 9px;behavior:url(htc/btn.HTC);}
.btn_big img{ margin:0 4px 0 0}

/*=== 表格 ===*/

.mtable{ border-collapse:collapse; background:#fff; border:1px solid #ccc}
.mtable caption{ text-align:left;color:#108500; font-size:14px; font-weight:bold; padding:10px;}
.mtable td,.mtable th{border-bottom:1px solid #F3A372;text-align:left;padding:4px 5px; }
.mtable th{ color:#fff;background:#BF3C0F; white-space:nowrap}
.mtable th img{ margin-right:5px}
.mtable a{color:#007EC6;}
.mtable tr{behavior:url(htc/tr.htc)}/*管理后台每一行的鼠标响应样式*/
.mtable tr:hover{ background:#D7FFBD}
.mtable li{background:url(images/i1.gif) no-repeat 0 0.6em; padding-left:1em;}

.t2 th,.t2 td{ padding:5px}
.t2 th{ color:#ff0000; text-align:center; font-size:14px}

/*=== 招聘表格 ===*/
.mtable2{ border-collapse:collapse; background:#E2F8FC; border:1px solid #006B97; margin-bottom:20px}
.mtable2 caption{font-size:14px; text-align:left}
.mtable2 th,.mtable2 td{ padding:0px 3px;border:1px solid #006B97}
.mtable2 th{ background:#DBFBEE;text-align:center; }
.mtable2 tr{behavior:url(htc/tr.htc)}/*管理后台每一行的鼠标响应样式*/
.mtable2 tr:hover{ background:#D7FFBD}

/*=== 简单表格 ===*/
.mtable3{ width:100%; border-collapse:collapse; background:#E2F8FC; border:1px solid #006B97; margin-bottom:20px}
.mtable3 caption{ font-size:14px; padding:5px; text-align:left}
.mtable3 th,.mtable3 td{ padding:5px;border:1px solid #006B97}
.mtable3 th{ background:#DBFBEE; white-space:nowrap; text-align:center}

/*=== 页面公共 ===*/


body{text-align:center; background:url(images/back1.gif) no-repeat center top #ffffff}
#home{ padding-top:5px;background:url(images/back2.gif) no-repeat center top #ffffff}


.menu{  width:984px;text-align:right; margin:0 auto; padding:0 10px 0 0}
.banner{ width:1004px; margin:0 auto; }

/* 导航条*/
.nav_erea {width:1004px; height:33px; margin:0px auto; text-align:left}
#home .nav_erea {background:url(images/nav_right.gif) no-repeat right; }
#nav { width:100%; height:100%;background:url(images/nav_back.gif)} 
#nav li { 
float:left;font-size:14px; font-weight:bold; background:url(images/nav_spilit.gif) no-repeat right; margin:5px 0 0 9px; padding-right:8px;
filter: Dropshadow(offx=1,offy=0,color=#ffffff)
        Dropshadow(offx=0,offy=1,color=#ffffff)
        Dropshadow(offx=0,offy=-1,color=#ffffff)
        Dropshadow(offx=-1,offy=0,color=#ffffff);} 
#nav li a{ } 
#nav li a:hover{ 
color:#990000; text-decoration:none;
} 

/*=== 首页导航条略有不同 ===*/
#home #nav { width:687px; } 
#home #nav li {margin:5px 0 0 7px; padding-right:6px;} 

/*=== 页面主体 ===*/

/*主体布局*/
#layout { width: 983px;  margin: 15px auto 15px auto; text-align: left; }
#layout #layout_left{float: left; width:669px; margin:0;;overflow:hidden; padding-right:20px}
#layout #layout_right {float: right;  width:294px; }



.bar_focus { height:280px}
.bar_focus .content{ margin-top:10px}
.bar_focus .content .focus_pic{ width:230px; float:left}
.bar_focus .content .list2{ width:423px; float:right;}

.bar1 .content{}
/* 首页一般列表，本项目未使用 */
.list1 li{text-align:left; line-height:180%; background:url(images/dot1.gif) no-repeat left 0.4em; padding-left:18px; behavior:url(htc/tr.htc); width:91%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list1 li:hover{ background-color:#eee}

/*页内块*/
#home .bar1{overflow:hidden}
.title1{ background:url(images/line_dot1.gif)  repeat-x bottom; height:38px}
.title1 h3{ float:left; }
.title1 .more{ float:right; margin:-18px 0px 0 0;}
.bar1_short{width:230px;float:left; }
.bar1_long{width:423px;float:right; }

.bar1_focus{margin:8px 0 0px 0;width:230px; height:64px; overflow:hidden}
/* list2时间居右显示 */
.list2 li{ float:left;text-align:left; line-height:200%; background:url(images/dot1.gif) no-repeat left 9px; padding-left:10px; behavior:url(htc/tr.htc); border-bottom:1px solid #eee}
.list2 li:hover{ background-color:#eee}
.list2 li a{ float:left;width:350px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list2 li em{ float:right; margin:0 1px 0 2px; white-space:nowrap}
.bar1_short .list2 li a{width:165px;}

.bar2{ width:100%; }
.bar2 .title{ text-align:left;  height:30px; background:url(images/title2.gif) repeat-x;}
.bar2 .title h3{float:left; font-size:14px; color:#fff; padding:4px 15px 0 10px; }
.bar2 .title .more{ float:right; margin:5px 5px 0 0;}

.bar2 .content{ padding:0 0 0px 0;overflow:auto; display:inline-block; background:url(images/right_back1.gif) repeat-x top #fff;margin:6px 0 7px 0!important;margin:4px 0} 
/*ff第1个有效，ie6靠后的margin:6px 0 7px 0!important;margin:4px 0有效*/



/* 小图片列表1 */
.piclist1{ padding-left:2px}
.piclist1 li{ float:left;width:89px; margin:5px 4px; text-align:center;display:inline;}/* display:inline用来解决双倍边距BUG */
.piclist1 li img{border:1px solid #fff;}
.piclist1 li H4{ width:82px; background:#eee;border:1px solid #fff; border-top:none;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; padding:1px 2px}
.piclist1 li H4 a{}
.piclist1 li H4 a:hover{text-decoration:none}

#home .search{ width:283px; height:27px; text-align:right; padding:5px 0 0 0; margin:10px auto; background:url(images/icon_search.gif) no-repeat left #e9e9e9;}/* 在首页的形态 */
.search_keyword{ border:1px solid #ccc;width:135px}	
.links{width:283px;text-align:right; padding:5px 0; margin:10px auto; background:url(images/icon_link.gif) no-repeat 8px center #e9e9e9;}
.links select{ width:220px; margin:1px 5px 0 0}

.bar3{ text-align:center}
.bar3 img{ margin:0px auto}

/* 尾部 */
#footer {width: 1004px; height:55px; background:url(images/footer_back.gif) repeat-x top; margin:0 auto 3px auto; padding:15px 0 10px 0} 
.footer_frame{background:url(images/footer.gif) no-repeat 50px center; padding:0 0 0 220px; text-align:left}
#footer a{ color:#990000; margin:0 2px}

/*当前位置*/
.current{ width:994px; height:27px;background:#DBF8FF; border-top:2px solid #999;padding:5px 0 0px 10px; margin:0 auto 2px auto; }
.current .search{ float:right; margin-right:0px;background:url(images/icon_search2.gif) no-repeat left; padding-left:30px }
.current h4{ float:left; font-weight:normal}
.current h4 em{ color:#003399; margin:0 3px}

/*左边带子栏目的布局*/
#layout2 { width: 983px;  margin: 0 auto;margin-top:10px }
#layout2 #layout_left{float: left; width:148px; }
#layout2 #layout_right {float: right;width:835px; overflow:hidden; }

/*左边带子栏目的布局,右边带表单的情况*/
#layout2 #layout_right .content fieldset{ float:right; border:2px solid #0087C5; width:260px; margin:0 auto;}
#layout2 #layout_right .content legend{ color:#0087C4; font-size:18px; font-weight:bold}
#layout2 #layout_right .content .content_erea_narrow{ float:left; width:450px;}

.subnav .content{ margin:1px 0 0 0; height:270px; background:url(images/subnav_back1.gif) no-repeat top right; text-align:left}
.subnav li{ font-size:14px; background:url(images/line_dot1.gif) repeat-x bottom; line-height:200%}
.subnav  a{ padding-left:25px}
.subnav a.sele{background:url(images/dot2.gif) no-repeat 12px 3px}
.subnav  a:hover{padding-left:35px; text-decoration:none}

/*左边带子栏目的栏目单显页*/
.m_body{ width:756px; text-align:center; margin:10px auto; padding-left:20px}
.m_body .title{ background:url(images/main_title.gif) no-repeat bottom left; padding:0px 0 5px 0; margin-bottom:20px; text-align:left}
.m_body .title_long{ background:url(images/main_title.gif) no-repeat bottom left; padding:0px 0 5px 0; margin-bottom:20px; text-align:left}

.m_body .title h3{ font-size:24px; font-family:"黑体";color:#000; font-weight:normal}

.m_banner{ margin:5px auto; text-align:center; color:#990000; font-size:14px}

.m_body #content_erea{width:100%;  }

/*内页新闻列表*/
.list3 li{ font-size:14px; float:left;text-align:left; line-height:220%; background:url(images/dot3.gif) no-repeat left 12px; padding-left:10px; behavior:url(htc/tr.htc); border-bottom:1px dotted #ccc}
.list3 li:hover{ background-color:#eee}
.list3 li a{ float:left;width:46em;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list3 li em{ float:right; margin:0 1px 0 2px}

/*新闻单显页*/
#layout_show{ width:964px; background:#fff;margin:0px auto; padding:10px 20px; line-height:160%;}
#layout_show .title{ text-align:center;margin-bottom:10px;border-bottom:6px solid #eee; padding:0px 5px 10px 5px;}
#layout_show .title h2{ font-size:22px; font-family:微软雅黑,黑体; color:#990000;display:block; font-weight:normal; margin:8px 0; }
#layout_show .title h3{ display:block; color:#999; font-weight:normal}

/*content_erea是一般的主文图内容区，包含浮左浮右的图片、h3-h5的三级标题*/
#content_erea { font-size:14px;padding:5px 15px 15px 0px; text-align:left; margin:0 auto}
#content_erea .pic{ width:100%; text-align:center}/*产品大图*/
#content_erea .pic img,#content_erea .rpic img{background:#fff; padding:3px; border:1px solid #ccc; margin:3px 0 3px 10px}
#content_erea a{ background:#FEFAE7; color:#FF0000; text-decoration:underline}
#content_erea p{ font-size:14px; text-indent:2em; margin:0.5em 0}
#content_erea img.L{margin:3px 20px 0 0; background:#fff; padding:3px; border:1px solid #ccc;}
#content_erea img.R{margin:3px 0 0 20px; background:#fff; padding:3px; border:1px solid #ccc}
#content_erea .c{ text-align:center; margin:0px auto 10px auto}
#content_erea h3{ font-size:18px; background:url(images/dot4.gif) no-repeat; padding-left:1em; line-height:100%; color:#990000; margin:10px 0}
#content_erea h4{ font-size:14px; background:url(images/dot5.gif) no-repeat 1em 3px; padding-left:2em; line-height:100%; color:#9c4600; margin:10px 0; }
#content_erea h5{ font-size:14px; background:url(images/dot6.gif) no-repeat 1.6em; padding-left:2.6em; line-height:100%; color:#000; margin:10px 0}
#content_erea li{ font-size:14px; background:url(images/dot3.gif) no-repeat 2em 0.7em; padding-left:3em; line-height:160%; color:#000; }
.rpic{ float:right; width:168px}


/* 产品正规大图片列表 */
.piclist2{}
.piclist2 li{ float:left;width:230px; margin:0px 11px 15px 11px; text-align:center;display:inline;behavior:url(htc/piclist_onfocus.HTC);background:#EDEDED}/* display:inline用来解决双倍边距BUG */
.piclist2 .img_frame{ width:220px; height:220px; margin:5px auto;overflow:hidden; background:#fff}
.piclist2 li:hover{ background:#990000}
.piclist2 li H3{ background:url(images/piclist_h3.gif) repeat-x #990000; font-size:14px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; margin:5px; padding:5px}
.piclist2 li H3 a{ color:#fff}
.piclist2 li H3 a:hover{ color:#FFFF00; text-decoration:none}

/*product_show.htm*/
#layout2 #layout_show{float: right;width:810px; padding:10px 0; background-color:transparent}


/*诚聘英才版式*/
#layout3 { width: 980px;margin:10px auto 10px auto; text-align: left;}
#layout3 #layout_left{float: left; width:296px; padding-left:0px; border:2px solid #fff; text-align:left; }
#layout3 #layout_right {float: right; width:645px; overflow:hidden; padding:0 10px}

#layout3 #layout_left .content{background:url(images/right_back1.gif) repeat-x top right; height:300px; margin-top:2px; padding-top:10px }
#layout3 #layout_left .content fieldset{ border:1px solid #ccc; width:90%; margin:0 auto; border:1px solid #0087C4}
#layout3 #layout_left .content legend{ color:#0087C4; font-size:18px; font-weight:bold}

/* 标准表单共性定义 */
fieldset{ text-align:left; padding:5px; margin:0px auto;}
legend{margin-bottom:10px; font-size:14px}
fieldset li{padding:5px 0; text-align:left; }
fieldset label{ float:left;width:60px;; text-align:right; padding-right:0.2em;  margin-top:5px}
fieldset label.nofloat{ float:none; margin-left:10px}
fieldset input,fieldset select,fieldset textarea{ margin:0em 0 0 5px; background-color:#fff; border:1px solid #ccc;behavior:url(htc/input_onfocus.HTC); }
fieldset input:hover{border:1px solid #990000}

/* 招聘表单定义 */
.booking{ width:100%;border-collapse:collapse; margin-bottom:0px }
.booking caption{text-align:left; color:#990000; font-size:14px; font-weight:bold; padding:8px 0 8px 15px;background:url(images/dot4.gif) no-repeat 0 9px; }
.booking td,.booking th{ padding:3px; text-align:left;border-bottom:1px solid #ccc}
.booking th{width:100px; font-weight:normal; color:#996600; vertical-align:top}
.booking .hh{ background:#F3F2D6; padding:6px 3px}
.booking .adress{ background:url(images/icon_arrow.gif) no-repeat 20px 6px; padding:6px 3px 6px 38px; vertical-align:top}

#booking2 th{ width:140px}
#booking2 textarea{ width:98%}