<!--
@charset "utf-8";


body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,input,select,textarea,fieldset,legend,table,tr,td,th { margin:0; padding:0; }
BODY { background:#ffffff url(bg.png) repeat-x top ;font:12px/25px Verdana, Arial; color:#6F6F6F;}
ul,li {list-style:none;}
img { border:none;}

/*常规*/
a {font:nomarl 12px/25px Verdana, Arial; color:#666666; text-decoration:none}
a:hover{ color:#000000; }
a {behavior:url('link.htc')}

/*表单*/
input { border:1px #CCCCCC solid; height:18px; font-family:Verdana, Arial; font-size:12px; line-height:18px;}
textarea{ border:1px #CCCCCC solid; font-family:Verdana, Arial; font-size:12px;  line-height:18px}
select {font-family:Verdana, Arial;font-size:12px; }
.input0 { border:none}
.button { width:80px; background-color:#FF9900; border:1px solid #FF6600; border-left-color: #FFCC00; border-top-color:#FFCC00; height:25px;color:#fff;}
.Search_button { width:56px; height:19px; background-image:url(search_btn.png); border:none; cursor:pointer;}
form#top_search { float:left; margin-left:10px; width:290px; _margin-left:5px; _padding-top:5px;}

/*文字*/
.Black-bbb { font: normal 11px Verdana, Arial; color:#CCCCCC;}
.Red-F60 { color:#FF6600;}
.red1 { color:#F00; font:11px Arial, Helvetica, sans-serif}
.cnfont{ font-size: 12px;}
.smallcnfont{ font-family: "PMingLiU"; font-size: 11px;}
.enfont{ font-family:"Tahoma"; font-size: 11px;}
.enfont a{ font-family:"Tahoma"; font-size: 11px;}
.enfont a:hover{ font-family:"Tahoma"; font-size: 11px;}

.enfont2{ font-family:"Tahoma";font-size: 10px;}
.enfont2 a{ font-family:"Tahoma";font-size: 10px;}
.enfont2 a:hover{font-family:"Tahoma";font-size: 10px;}

/*布局*/
#wrapper,#container,#header,#top,#main,#footer{ width:960px; margin:auto; clear:both;}
#footer_links,#copyright{ width:960px; margin:auto; clear:both;}

#wrapper { }
#container { }

/*顶部*/
#header { margin:0px auto; height:170px; }/*顶部有些问题*/
#logo { float:left; background:#CCC; margin:30px 0 0 30px; display:inline }
#topbar { float:right; width:265px; height:55px; margin-top:25px; margin-bottom:0px; text-align:right; display:inline; }
#topbar a {float:left;text-align:center; margin-top:10px; width:60px; height:14px;line-height:14px;  border-right:1px solid #999}
#topbar a#mail { border-right:none}
#topbar span a { width:60px; height:20px; line-height:20px; display:block;margin-top:6px; margin-left:10px; background:#FF8A2D; color:#FFF; border-right:none}
#topbar span a:hover { background:#FFC190}
#topbar #toplink { height:25px; display:block; margin-bottom:15px;}
#topbar #topimg { text-align:center} 
/*导航*/
#nav { margin-top:13px; width:960px; clear:both;}
#nav dt,#nav dd { float:left; height:67px;}
#nav dt.menul { float:left ;background:url(menul.png) no-repeat top; width:10px; }
#nav dt.menur { float:right;background:url(menur.png) no-repeat top; width:10px; }
#nav dd{ background: url(menubg.png) repeat-x; width:940px; }
#nav dd ul,#nav dd ul li{ text-align:center;}
#nav dd ul li{ background: url(menuline.gif) center right no-repeat;float:left; line-height:38px; padding:0 5px;}
#nav dd li ul { display:none; left:10px; position:absolute; top:32px;  width:940px; /*opera需要这个宽度*/}
	#nav dd li ul#subnav_about {width: 800px;}
	#nav dd li ul#subnav_news {width: 300px;}
	#nav dd li ul#subnav_ly {width: 200px;}
	#nav dd li ul#subnav_job {width: 200px;}
#nav dd li ul li{ display:inline; background-image:none ; padding:0 2px; background:url(img/line2.gif) right 15px no-repeat; }
#nav dd li ul li a{ margin:10px 0 0 0; padding:0; width:80px; height:22px;  color: #444; font:normal 12px/22px Verdana, Arial; text-align: center; }
#nav dd li ul li a:hover{ padding:0; color:#fff; background-color:#FF8A2D; background-image:none}
#nav dd li ul,#nav li ul li{ }
#nav dd li:hover ul,#nav dd li.over ul,#nav dd ul li:hover { display: block;}
#nav dd ul { list-style: none; margin: 0px; padding: 0px;}
#nav dd ul li { float: left;  position: relative;}
#nav dd ul li a { width:80px; color: #fff; display: block; font-weight: bold;font:bold 14px/38px  Verdana, Arial;  text-align: center; text-decoration: none;}
#nav dd ul li a:hover { color: #000; background:url(menubg2.png) 0 10px no-repeat;}


#home a.n1,
#about a.n2,
#news a.n3,
#pro a.n4,
#gcsb a.n5,
#other a.n6,
#ly a.n7,
#wrapper .navdn { color: #444; background:url(menubg2.png) 0 10px no-repeat; }
#nav dd ul li:hover a{ color: #000;}
#nav dd ul li:hover ul li a{ color: #444;}
#nav dd ul li:hover ul li a:hover{ color: #fff;}

/*主体内容*/
#banner { width:545px; height:223px; overflow:hidden; position:relative; z-index:-999; top:-60px; left:400px; }

#main { margin-bottom:30px; margin-top:-150px } /*200px(banner)-50px 实际Margin-Top为50*/
#main_content { float:right; width:706px;}
#content { width:706px; margin:5px auto; padding-top:50px; /*background:url(content_bg.png) top no-repeat*/}
.page_content { width:650px; margin:0 auto;}
#main_content #location { width:650px; height:65px; text-align:left; background:url(location_bg.gif) left bottom no-repeat;  margin:10px auto; line-height:35px; _padding-top:20px; _height:5px;  display:block }
#location  p { height:65px; line-height:22px; _margin-top:-20px;}


.page_end { text-align:right; clear:both; margin-top:40px; line-height:20px;}

.page_content .tit { font-weight:bold; color:#FFFFFF; background-color:#CCCCCC; text-indent:20px; }
.page_content .tit td { border-right:1px #FFFFFF solid;}
.page_content .list { text-indent:20px; background:url(bg2.gif) bottom repeat-x; height:30px; }
.page_content .list .name {text-indent:10px;}

/*边栏部分*/
#sidebar { float:left; width:160px;}
#side_menu { width:160x; margin-bottom:30px; }
	#side_menu h2 { height:38px; color:#375977; text-indent:25px;letter-spacing:5px; font: bold 14px/35px Verdana, Arial; overflow:hidden}
	#side_menu ul{ width:160px; float:right; margin-top:14px; margin-bottom:14px;  }
	#side_menu ul li { text-indent:25px; height:34px; overflow:hidden}
	#side_menu ul li a { color:#888888; width:160px; height:34px; line-height:34px; font-weight:bold; display:block; background:#fff; overflow:hidden ;white-space: nowrap;text-overflow: ellipsis;}
	#side_menu ul li a:hover { color:#FF7200; background:url(li_bg.png) no-repeat;font-weight:bold;}
	#side_menu ul li a.current { color:#FF7200; background:url(li_bg.png) no-repeat;font-weight:bold;}
#left_banner { text-align:center;}
	#left_banner img { margin-bottom:15px;}
#so { width:168px; height:92px; margin:0 auto 30px;}
	#so form { }
	#so h2 { font-size:14px; color:#000}

	
#about #side_menu h2,
#news #side_menu h2,
#pro #side_menu h2,
#contact #side_menu h2,
#job #side_menu h2,
#ly #side_menu h2,
#search #side_menu h2{ text-indent:-999px; overflow:hidden; background:url(h2_about.gif) no-repeat ;}
#news #side_menu h2 {  background:url(h2_news.gif) no-repeat; }
#pro #side_menu h2 {  background:url(h2_pro.gif) no-repeat; }
#contact #side_menu h2 {  background:url(h2_contact.gif) no-repeat; }
#job #side_menu h2 {  background:url(h2_job.gif) no-repeat; }
#ly #side_menu h2 {  background:url(h2_ly.gif) no-repeat; }
#search #side_menu h2 {  background:url(h2_search.gif) no-repeat; }


/*底部*/
#footer { height:60px; padding-top:5px; border-top:1px solid #CCC;  text-align:center; margin-bottom:15px;}
	#footer .footlogo { float:left;width:200px; height:60px; background:url(foot_logo.gif) center center no-repeat}
	#footer .footnav,
	#footer .foottext { float:left; width:600px; text-align:left; }
	#footer,#footer a { font:11px/20px PMingLiU, Verdana, Geneva, sans-serif;}
#footer .footnav a{ font-weight:bold}
#footer a.icp {  font:11px/20px Verdana, Geneva, sans-serif; margin-left:20px;}


/*------------------------------各分页样式------------------------------*/

.tj {}
a.page { display:inline-block; border:1px #DDDDDD solid; width:19px; height:19px; line-height:19px; text-align:center; background-color:#FFFFFF; color:#AAAAAA; margin:0 1px;}
a:hover.page { display:inline-block; border:1px #A0A0A0 solid; width:19px; height:19px; line-height:19px; text-align:center; background-color:#FFFFFF; color:#AAAAAA; text-decoration:none}
font.page { display:inline-block; border:1px #E0E0E0 solid; width:19px; height:19px; line-height:19px; text-align:center; background-color:#F0F0F0; color:#AAAAC3}

#about .page_end { font:10px Verdana, Geneva, sans-serif; color:#aaa; display:none}


#news .page_content_infolist {}
#news .page_content_infolist ul { width:75%;}
#news .page_content_infolist li{BACKGROUND: url(bg2.gif) repeat-x left bottom; line-height:30px;_height:20px; _padding-top:10px; text-indent:5px;}
#news .page_content_infolist li img { padding-right:10px;}
#news .page_content_infolist li span { padding-left:20px; color:#999999; font:11px/22px Verdana, Arial; }
#news .page_content h1 { color:#FA3939; font:bold 14px/32px Verdana, Arial ; BACKGROUND: url(bg2.gif) repeat-x left bottom ; margin-top:20px;}
#news .page_content span.em { color:#444; width:98%; display:block; clear:both; text-indent:25px; margin-bottom:20px;}
#news .page_content b { font-weight:bold }
#news #hotdiv { width:173px; float:right;}
#news .page_end { text-align:right}
#news2 .page_content h1 { font: bold 14px/28px Verdana, Arial; color:#FF1100;background:url(/templates/matrix/images/bg2.gif) bottom repeat-x; }
#news2 .page_content span.em { display:block; text-indent:20px;}


#pro .page_content h1 { font: bold 14px/35px  Verdana, Arial; color:#FA3939; margin-top:20px; margin-bottom:10px; text-align:center; background-color:#EFF0F0; }
#pro .page_content h2 { margin-top:10px; BACKGROUND: url(/templates/matrix/images/bg2.gif) repeat-x left bottom;}
#pro .page_content_pro1 { width:49%; float:left; border:0px #FF0000 solid}
#pro .page_content_pro1 img{ text-align:center; margin-bottom:15px;}
#pro .page_content_pro2 { width:50%; float:right;}
#pro .page_content_pro2 h2 { font-size:14px; border:none; background-image:none}
#pro .page_content_pro3 { clear:both }
#pro .page_content_pro3 h2 { font-size:14px; margin-bottom:20px;}
#pro #main_content { }
#pro #sidemenu dt.menutop { background:url(/templates/matrix/images/leftnav_top2.jpg); height:22px;}
#pro .proli a { width:130px; overflow:hidden;}
#pro .prolist { float:left; border:1px solid #fff; margin-right:50px;_margin-right:10px;}
#pro .prolist h2{ display:block; font:bold 14px/28px   Verdana, Arial; text-indent:20px; background-color:#EFF0F0; border:1px dashed #999999; margin-bottom:20px;}
#pro .prolist .more { text-align:right}
#pro .prolist .more a { color:#888888; font-size:12px;}
#pro #flash { margin-top:15px; margin-bottom:10px;}
img.bigimg { padding:3px; border:1px #CCCCCC solid  }
#pro .page_content  .box{ width:330px; height:150px; float:left; margin-left:5px;margin-right:15px; margin-bottom:20px; font-size:12px}
    .box a.img{ float:left; width:114px; height:104px;text-align:center}
	.box img{ text-align:center}
	.box h3{ float:right; display:block; width:200px; font: bold 12px/22px Verdana, Arial; border-bottom:1px solid #CCCCCC }

	.box p.pro_info{ float:right;display:block; width:200px;}
	.box span { float:right}
.SortFolderOpen,.SortEndFolderOpen,.SortFolderClose,.SortEndFolderClose {cursor:hand; background:url(/templates/matrix/images/Arrow_04.gif) no-repeat center;}
.SortListline,.SortEndListline { background:url(/templates/matrix/images/li.gif) repeat-y right top;} 
#pro .producti { width:600px; height:250px; float:left;  }
#pro .producti .img { float:left; margin-right:10px; border:1px solid #ddd}
#pro .producti .imgtitle { float:left; font-size:16px; font-weight:bold}


#other .page_content { padding:5px 0px;}
#other .page_content_infolist ul li { height:120px; background:url(/templates/matrix/images/case_bg.gif) repeat-x; margin-bottom:30px;  }
#other .page_content_infolist img { height:90px; width:140px; margin-left:20px;margin-top:16px; float:left;}
#other .page_content_infolist h1 { float:right;width:520px;margin-top:16px; }
#other .page_content_infolist h1 a{ font:bold 14px/16px "宋体"; color:#888;    }
#other .page_content_infolist h1 a:hover { color:#F10013;}
#other .page_content_infolist h2.bbb { float:right; width:500px; padding-right:20px;}
#other .page_content_infolist h2 em { margin-left:50px; }
#other .page_content_infolist h2 em a { margin-left:5px;color:#888; font:normal 12px "宋体"}
#other .page_content_infolist h2 em a:hover { margin-left:5px;color:#F10013;}
#other .page_content h1.anli { border:1px dashed #999999; background-color:#EFF0F0; font:bold 14px/28px "宋体"; color:#FA3939; text-indent:25px; margin:25px auto 15px;}
#other .page_end .bot  dd { background-image:none;}
h2.bbb { font:normal 12px/24px "宋体";}


#download .page_content { }
#download .downlist { height:150px; border-bottom:1px  #999999 dashed ; padding-top:10px; }
#download .downlist img { width:120px; height:130px; float:left; border:1px #CCCCCC solid; padding:3px;}
#download .downlist h2 a{ text-decoration:underline}
#download .downlist h2 a:hover{ text-decoration:none}
#download .downlist ul { width:530px;float:right }
#download .downlist ul li div.downinfo { font:normal 12px/24px Verdana, Arial;}
#download .downlist em { margin-left:50px; }
#download .downlist em a { margin-left:5px;color:#888; font:normal 12px/24px "宋体"}
#download .downlist em a:hover { margin-left:5px;color:#F10013;}
#download .page_content h2,#download .page_content h3 { font-size:14px; font:normal 14px/28px Verdana, Arial;}
#download .page_content h3 { border-top:1px #CCCCCC dashed}
#download .page_content h2 { font-weight:bold; color:#FA3939;}
#download a.downURL { text-decoration:underline; color:#FF0000;}
#download a.downURL:hover { text-decoration:none;}


#job .page_content h2 { color:#FA3939; font: bold 14px/22px "宋体";   background:url(bg2.gif) bottom repeat-x; }
#job .page_content span { color:#444444; font-weight:normal;} 


#ly .page_content {}
#ly .page_content_mes1 { float: left;clear: top left;padding:0 0 4px 0; width:100%; background:url(/templates/matrix/images/bg2.gif) bottom repeat-x; line-height:140%;}
#ly .page_content_mes1 img{ margin:0 6px 0 0 ;}	
#ly .page_content_mes2 { float: left; clear: top left; padding:8px 0 18px 0; width:100%; line-height:180%; word-break:break-all;}
#ly .page_content_mes1 b { font-weight:bold}
#ly .page_content_mes2 p.reply { border:1px solid #eee; width:92%; float:right; padding-left:10px;}


#search #main_content #content { margin: auto; width:700px; margin-top:30px;}
#search .page_content { padding:5px 0;}
#search .page_content_infolist { width:75%; float:left;}
#search .page_content_infolist li{BACKGROUND: url(/templates/matrix/images/bg2.gif) repeat-x left bottom; line-height:30px;_height:20px; _padding-top:10px; text-indent:5px;}
#search .page_content_infolist li img { padding-right:10px;}
#search .page_content_infolist li span { padding-left:20px; color:#999999; font:11px/22px Verdana, Arial; }


/*首页样式*/


#home #header { height:155px; }
#home #banner2 { width:100%; height:310px; overflow:hidden; margin-bottom:20px; text-align:center; }
#home #topbar #topimg { display:none}


#home #content { background-image:none; width:960px; padding:0; margin:0 auto 30px;}
#home .box { float:left;height:128px;}
#home .box1 { width:333px; margin-right:28px;}
#home .box2 { width:338px;}
#home .box3 { width:220px; float:right}
.box .b1 { margin-bottom:17px; height:128px;}
 .box1 ul {}
 .box1 .ctt ul li { text-indent:15px; background:url(../Images/li.gif) left center no-repeat; height:21px; border:1px solid #fff; display:block}
 .box1 ul li a { color:#333 ; width:230px; height:21px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
 .box1 ul li a:hover { color:#6DA2E0;  text-decoration:underline }
 .box1 ul li img {}
 .box1 ul li span { font:normal 10px/22px Trebuchet MS,Verdana, Arial; color:#333; float:right}
 .box2 .b1 {}
 
 
 
 /* 标准盒模型 */
.ttl{height:25px;}
.ctt{height:auto;padding:6px;clear:both; border-top:0;text-align:left;}
.w936{margin:50px 0;clear:both;width:936px;/*这里调整整个滑动门的宽度*/}
/* TAB 切换效果 */
.tb_{background-image: url('=BG_bg2.gif'); background-repeat: repeat-x;background-color: #fff;}
.tb_ ul{height:25px;}
.tb_ li{float:left;height: 25px;line-height:25px;width: 77px;cursor:pointer; text-align:center;}
/* 用于控制显示与隐藏的css类 */
.normaltab   { background:#FFF url(../menu2.gif) bottom no-repeat  ; background-repeat: no-repeat; color:#ACACAC ;}
.hovertab    { background-image: url(../menu1.gif); background-repeat: no-repeat; color:#545454; font-weight:bold }
.dis{display:block;}
.undis{display:none;}



#home  li.more { overflow:hidden; width:176px; height:28px; padding-top:8px; }
#home .more a { width:38px; height:9px; display:block; margin-left:120px; background:url(../images/more.gif) no-repeat; }

-->