@charset "utf-8";


/* 湖南省惠祥科技开发有限公司的CSS＝＝＝＝＝＝＝＝＝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;}

.product_table{ border-collapse:collapse; background:#fff; border:1px solid #F3A372}
.product_table caption{ text-align:left;color:#108500; font-size:14px; font-weight:bold; padding:10px;}
.product_table td,.product_table th{border:1px solid #F3A372;text-align:left;padding:4px 5px; }
.product_table th{background:#FEF2D3; white-space:nowrap}
.product_table th img{ margin-right:5px}
.product_table a{color:#007EC6;}
.product_table tr{behavior:url(htc/tr.htc)}/*管理后台每一行的鼠标响应样式*/
.product_table tr:hover{ background:#D7FFBD}
.product_table 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}
.mtable2 th,.mtable2 td{ padding:5px;border:1px solid #006B97}
.mtable2 th{ background:#DBFBEE; white-space:nowrap; text-align:center}
.mtable2 tr{behavior:url(htc/tr.htc)}/*管理后台每一行的鼠标响应样式*/
.mtable2 tr:hover{ background:#D7FFBD}

/*=== 简单表格 ===*/
.mtable3{ border-collapse:collapse; background:#E2F8FC; border:1px solid #006B97}
.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}



.head{  width:960px; height:75px;text-align:right; margin:5px auto;background:url(images/nav_back.gif) repeat-x bottom;}
.head .logo{ height:100%;background:url(images/logo.gif) no-repeat 20px bottom;}
.head .search{ float:right; margin:0px 0 0 -180px; text-align:right; }
.head #nav{ float:right; margin:28px 0 0 0;}

.search{width:180px; padding:3px 0 0 0; text-align:left}
.search #imageField{ float:right}
.search .search_keyword{ float:left; margin-top:0px; height:14px; border:1px solid #bf0606}

.banner{ width:960px; margin:8px auto; }

/* 导航条*/
.nav_erea {margin:1px auto; text-align:right; }
#nav {background:url(images/nav_spilit.gif) no-repeat left bottom  } 
#nav li { 
float:left; text-align:center;font-size:14px; font-weight:bold;background:url(images/nav_spilit.gif) no-repeat right bottom} 
#nav li a{ display:block;width:74px; height:31px; color:#000; padding-top:16px } 
#nav li a:hover{ 
color:#008669; text-decoration:none;background:url(images/nav_hover.gif) repeat-x 0 bottom
} 
#home #a1,#about #a2,#news #a3,#products #a4,#service #a5,#example #a6,#sale #a7,#know #a8,#contact #a9,#manpower #a10{ background:url(images/nav_sele.gif) repeat-x center bottom}


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

/*主体布局*/
#layout_home { width: 960px;  margin: 5px auto 0px auto; text-align: left;  }
#layout_home #layout_left{float: left; width:235px; overflow:hidden; }
#layout_home #layout_right{ float:right;overflow:hidden;width:715px; padding-left:10px }
#layout_right_a{ float:left; width:470px; padding-right:10px; overflow:hidden}
#layout_right_b{ float:right; width:235px; overflow:hidden}

.sales_home1{ width:235px;height:429px; background:url(images/title_home_left.gif) no-repeat; margin-bottom:10px}

/*滚动产品上方的标题*/
.title_demo{ height:31px; background:url(images/nav_back.gif) repeat-x; margin-top:5px; border:1px solid #d1d1d1;}
.title_demo h4{  float:left; font-size:16px; font-family:黑体; font-weight:normal; margin:3px 0 0 1px; padding-left:10px}


/*滚动产品*/
.piclist_roll li{ border:1px solid #F30; width:191px}



/*首页主打块*/
.bar_home1{ margin-bottom:10px; }
.title1{ height:29px; background:url(images/title_home.gif) no-repeat #e7e7e7; margin-bottom:10px;}
.title1 h4{ color:#fff; float:left; font-size:14px;  margin:4px 0 0 5px; }
.title1 a.more{ float:right; margin:7px 10px 0 0; color:#666}

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

.list1{ padding:5px 0}
.list1 li{text-align:left; line-height:180%; background:url(images/dot1.gif) no-repeat 6px 8px; padding-left:14px; behavior:url(htc/tr.htc); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:210px;}
.list1 li:hover{ background-color:#eee}


.links{background:url(images/links.gif) no-repeat 0 0; padding-top:25px ; margin-top:10px; text-align:center}
.links select{ width:98%; margin:1px auto}


/* 小图片列表1 */
.piclist1{}
.piclist1 li{ float:left;width:151px; padding:6px 0 4px 0; margin:0 8px 7px 0px;  text-align:center;display:inline; overflow:hidden; background:url(images/piclist_home.gif)}/* display:inline用来解决双倍边距BUG */
.piclist1 li img{ margin:3px auto}
.piclist1 li H4{ background:#eee;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;font-weight:normal; padding:3px 2px; }
.piclist1 li H4 a{}
.piclist1 li H4 a:hover{text-decoration:none}

.bar_home2{ background:url(images/home_right_bottom1.gif) no-repeat 0 bottom #ebebeb; margin-bottom:5px}
.bar_home2 .content{ padding-bottom:1px}
.bar_home3{background:url(images/home_right_bottom2.gif) no-repeat 0 bottom #f2692d; margin-bottom:10px}
.bar_home3 .content{ padding-bottom:5px}

.bar_home_js{ margin:0 auto 10px auto}

.title2{ height:33px; background:url(images/title_home2.gif) no-repeat;}
.title2 h4{ color:#fff; float:left; font-size:14px;  margin:6px 0 0 5px; }
.title2 a.more{ float:right; margin:11px 10px 0 0; color:#666}

.piclist3{ margin:5px auto; width:213px;}
.piclist3 li{ float:left;margin:3px auto 5px auto;background:#fff; border:3px solid #fff}/* display:inline用来解决双倍边距BUG */
.piclist3 li img{ margin:0px auto}
.piclist3 li H3{ text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; padding:0px 2px; }
.piclist3 li H3 a{}
.piclist3 li H3 a:hover{text-decoration:none}


/* 尾部 */
#footer {width: 960px; background:url(images/footer_back.gif) repeat-x 0 0; margin:5px auto 3px auto; padding:20px 0 20px 0} 
.footer_frame{ height:44px;background:url(images/logo_footer.gif) no-repeat 120px top; padding:5px 0 0 270px; text-align:left; line-height:160%}
#footer a{ color:#990000; margin:0 2px}

/*当前位置*/
.current{ width:960px; height:44px;background:url(images/m_title.gif) no-repeat;margin:0 auto 2px auto; }
.current h3{ float:left; font-weight:normal; font-size:24px; color:#fff; font-family:黑体; margin:3px 0 0 32px;display:inline; }
.current h4{ float:right; font-weight:normal;  margin:12px 5px 0 0;color:#fff}
.current h4 em{ color:#FF0;}

/*左边带子栏目的布局*/
#layout2 { width: 960px;  margin: 0 auto;margin-top:10px }
#layout2 #layout_left{float: left; width:680px; padding:0 10px; overflow:hidden }
#layout2 #layout_right {float: right;width:200px;overflow:hidden; background:url(images/subnav_back.gif) no-repeat right top; padding:40px 40px 0 20px; text-align:left }
#layout2 #layout_right_example {float: right;width:235px; padding:0px; text-align:right; }

.product_nav{ width:195px;background:url(images/subnav_bottom.gif) no-repeat 0 bottom ; padding-bottom:10px }
.product_nav .title{ height:31px; background:url(images/subnav_top1.gif) no-repeat ; font-size:19px; font-family:黑体; text-align:center; padding:3px 10px 0 10px; color:#FFF; }
.product_nav .content{ padding:10px 0 10px 0;background:url(images/subnav_back1.gif) repeat-y 0; text-align:left}
.product_nav .content h3,.product_nav ul{ width:173px; margin:0 auto; padding:3px 5px}
.product_nav .content h3{ color:#ba0090; background:#FF0; font-size:14px}


.product_nav li{ background:url(images/dot2.gif) no-repeat 10px 11px; line-height:220%; text-align:left; padding:0 0 0 8px}
.product_nav  a{color:#ba0090; padding-left:12px}
.product_nav a.sele{ color:#bb0000}
.product_nav  a:hover{text-decoration:none; color:#36C}


#layout_right_a{}
#layout_right_a .title{ background:url(images/m_title.gif) no-repeat left 3px ; padding:0px 0 0px 15px; margin-bottom:0px; text-align:left}
#layout_right_a .title h3{ font-size:18px; font-family:"黑体";color:#000; font-weight:normal}
#layout_right_a .content{ text-align:left; }

.ad_right{ width:225px; height:397px; background:url(images/m_right.gif) no-repeat; padding:70px 15px 0 15px; text-align:left}
.ad_right .r2{  margin-top:80px; line-height:200%}
.ad_right .r2 a{ font-size:20px; margin-top:10px; float:left}

#layout3 { width: 960px;  margin: 0 auto;margin-top:10px }

#layout3 #layout_right_a{float:left;width:683px;padding:0 16px; }/*549+18*2=585----585+255=840*/
#layout3 #layout_right_b{float:right	; width:255px;}
#layout3 #layout_right_a .title{ background-image:url(images/m_title2.gif)}

.list3 li{ width:100%; float:left; font-size:14px; 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:87%;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list3 li em{ float:right; margin:0 2px; color:#999; font-size:12px;}

/*新闻单显页*/
#layout_show{ width:960px; background:url(images/show_back.gif) repeat-x #fff top;margin:0px auto; padding:5px 0px; line-height:160%;}
#products #layout_show{background:url(images/show_back.gif) repeat-x #fff 0 -20px;}
#layout_show .title{ text-align:center; padding:5px;}
#layout_show .title h2{ font-size:18px; font-family:黑体; color:#990000;display:block; font-weight:normal; }
#layout_show .title h3{ display:block; color:#999; font-weight:normal}
#layout_show #content_erea{ padding:10px 80px}

/*content_erea是一般的主文图内容区，包含浮左浮右的图片、h3-h5的三级标题*/
#content_erea { font-size:14px;padding:5px; text-align:left; margin:5px auto}
#content_erea p{ font-size:12px; 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 .c img{ border:2px solid #fff}
#content_erea h3{ font-size:18px; background:url(images/dot4.gif) no-repeat; padding-left:1em; line-height:100%; 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:200%; color:#000; }


/* 产品正规大图片列表 */
.product_kinds{height:24px;background:url(images/product_kinds.gif) no-repeat 0 left #cecece;padding:0px 0 0 0px; margin:20px auto 20px auto; font-size:14px; color:#fff; text-align:left; padding:2px 0 0 20px }

.piclist2{}
.piclist2 li{ float:left;width:220px; margin:0px 4px 15px 4px; text-align:center;display:inline;behavior:url(htc/piclist_onfocus.HTC);background:#008669}/* display:inline用来解决双倍边距BUG */
.piclist2 .img_frame{ width:210px; height:165px; margin:5px auto;overflow:hidden; background:red}
.piclist2 li:hover{ background:#066}
.piclist2 li H3{ width:200px;padding:5px background:#066; font-size:14px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; margin:5px; }
.piclist2 li H3 a{ color:#fff}
.piclist2 li H3 a:hover{ color:#FFFF00; text-decoration:none}

.example_kinds{ width:950px; height:48px;background:url(images/example_title.gif) no-repeat 0 right #ed4e07;padding:0px 0 0 0px; margin:10px auto 10px auto}
.example_kinds li{ float:left;font-size:14px; margin:0 4px 0 0}
.example_kinds li a{width:120px; height:28px; padding:8px 0 0 0; margin-top:12px; display:block; background:url(images/example_btn2.gif) no-repeat;  }
.example_kinds li a.sele{ background:url(images/example_btn1.gif) no-repeat; padding-left:6px; color:#fff }
.example_kinds li a:hover{ text-decoration:none;}

#layout3 .piclist2 li{ margin:0px 8px 15px 10px;}

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

/* 计算散热器价格 */
.js_bar{ width:870px; height:160px; padding:80px 0 0 0; background:url(images/js_back.gif) no-repeat; margin:30px auto 100px auto}
.js1{ text-align:left; margin-bottom:40px}
.js1 #textfield{ margin-left:18px; width:130px}
.js1 #select{ margin-left:390px; width:170px}
.js1 #textfield2{ margin-left:50px; width:80px}

.js2{ text-align:left}
.js2 #button{ margin:0 0 0 250px; width:280px; height:30px}

/* 标准表单共性定义 */
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:20px }
.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%}