/*------------------------------------

    *Filename	css for pcbwork.net

    *Time		2011.06.23

    *Author		lujinhui

  ----------------------------------- */

body {
	font-family: "simsun";
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: center;
}

body,ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p, li, b, img { padding:0; margin:0; }

body, input, textarea { font-size: 12px; color: #333; }

ul, li { list-style: none; }

img { border:0; }

a { color:#333; text-decoration:none; }

a:hover { color:#48a9e7; text-decoration: none; }

.fl { float:left; }

.fr { float:right; }

.clear { clear:both; height:0; font-size: 0; line-height: 0; }

#container { width:1000px; margin:0 auto; }

#page { width: 980px; margin: 0 auto; }

.weizhi { float:right; line-height:24px; font-size:12px; padding: 2px 10px; display:block; font-weight:normal; color:#333; }

.weizhi a { margin:0 5px; }

/* start Header */



#header {
	width: 980px;
	height: 63px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFFFFF;
}

#logo { float:left; width:348px; height:63px; }

#top-text {
	float: right;
	width: 527px;
	height: 63px;
}

#top-text span { padding-top:25px; display:block; width:240px; float:right; }

#top-text span a { padding-left:20px; background:url(../images/bg.gif) 0 -242px no-repeat; padding-top:2px; padding-bottom:4px; float:left; display:block; margin-right:12px; }
.innav {
	background-color: #48a9e7;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FC9;
}


/* start Menu */



#menu { width:980px; height:33px; margin:0 auto; overflow:hidden; background:#48a9e7; line-height:24px; }

#menu li { float:left; width:89px; height:33px; background:url(../images/bgr.gif) 100% -64px no-repeat; overflow:hidden; }

#menu a { display: block; height:27px; padding-top:1px; width:77px; text-align:center; margin:5px auto 0; font-size:13px; color: #fff; font-weight:bold; }

#menu span { background: #48a9e7; width:90px; display:block; }

#menu a:hover { background:#fff url(../images/bg.gif) 0 -320px no-repeat; color:#48a9e7; }

#b-index .m-index, #b-pcbcb .m-pcbcb, #b-about .m-about, #b-news .m-news, #b-xpjm .m-xpjm, #b-yjzz .m-yjzz, #b-smt .m-smt, #b-down .m-down, #b-hr .m-hr, #b-case .m-case, #b-info .m-info, #b-tech .m-tech, #b-contact .m-contact { background:#fff url(../images/bg.gif) 0 -320px no-repeat; color:#48a9e7; }

/* start search */



#search { width:980px; height:35px; margin:0 auto; background:#fafafa url(../images/bgr.gif) 0 -98px repeat-x; overflow:hidden; }

#search form { padding-left:18px; padding-top:7px; }

#search form b { font-size:13px; height:22px; line-height:22px; display:block; float:left; }

#search input { float:left; margin-right:5px; }

#keyword { border:1px solid #48a9e7; height:18px; }

#search_submit { background: #48a9e7 url(../images/bg.gif) 0 -95px no-repeat; width:62px; height:22px; border:none; }

#search span {  height:35px; float:right; padding-top:2px; line-height:24px; text-align:left; padding-right:8px; }

/* start banner */



#banner { margin:10px auto; width:980px; height:210px; }

/* start side */



#side { float:left; width:240px; }

#side .s-col { border:1px solid #d2d2d2; margin-bottom:10px; }

#side .more { float:right; position:relative; right:10px; top:7px; width:36px; height: 11px; overflow: hidden; background: url(../images/bg.gif) 0 -144px no-repeat; }

#side .s-col h3 { height:26px; background:#ececec url(../images/bg.gif) 0 -34px no-repeat; }

#side .s-col h3 span { font-size:13px; padding-left:25px; line-height:26px; }

#side .col { padding:8px 12px; line-height:24px; }

.xs-mqdq { width:238px; height:58px; border:1px solid #d2d2d2; margin-bottom:10px; }

#tel-box { padding:50px 10px 6px; line-height:24px; background:url(../images/xs-tel.jpg) center top no-repeat; margin-top:10px; }

#index-marquee { padding:6px 12px; height:85px; display:block; line-height:24px; }

#index-marquee marquee { height:85px; }

/* start main */

#main { float:right; width:730px; }

#main .w-h { width:358px; }

#main .w-f { width:728px; overflow:hidden; }

#main .m-col { border:1px solid #d2d2d2; margin-bottom:12px; padding-top:1px; }

#main .more { float:right; position:relative; right:10px; top:7px; width:36px; height: 11px; overflow: hidden; background:  url(../images/bg.gif) 0 -144px no-repeat }

#main .m-col h3 { height:25px; background:#ececec; }

#main .m-col h3 span { font-size:13px; color:#fff; line-height:23px; border-left:1px solid #fff; display:block; background:#48a9e7 url(../images/bg.gif) right -267px no-repeat; float:left; padding:2px 15px 0 10px; }

#main .m-col .col { padding:10px 12px 0; margin-bottom:12px; line-height:24px; }

#main .m-col-01 { margin-bottom:10px; width:360px; }


#main .m-col-01 h3 { height:33px; background:#ececec url(../images/bg.gif) 0 0 no-repeat; }

#main .m-col-01 h3 span { position:relative; float:left; font-size:13px; color:#333; display:block; background:url(../images/bgr.gif) 0 -134px repeat-x; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; height:20px; padding:6px 0 0; width:66px; text-align:center; cursor:pointer; }

#main .m-col-01 h3 .c { font-size:13px; color:#fff; display:block; border:0; background:url(../images/bg.gif) center -61px no-repeat; height:21px; text-align:center; width:68px; padding:6px 0px; cursor:pointer; }

#main .m-col-01 .col { padding:4px 12px 10px; line-height:24px; border:1px solid #d2d2d2; border-top:0; }

.mar-r6 { margin-right:5px; }

#main .case-col {
	width: 49%;
	border: 1px solid #d2d2d2;
	margin-bottom: 12px;
	padding-top: 1px;
	float: left;
	margin-left: 5px;
}

#main .case-col .more { float:right; position:relative; right:10px; top:7px; overflow:visible; width:60px; text-align:right; background:none; font-size:12px; font-weight:100; color:#48a9e7; }

#main .case-col h3 { height:25px; background:#ececec; }

#main .case-col h3 span { font-size:13px; color:#fff; line-height:23px; border-left:1px solid #fff; display:block; background:#48a9e7; float:left; padding:2px 10px 0; }

.case { margin:10px 5px 10px 10px; overflow:hidden; }

.caseimg { padding:2px 2px; float:left; border:1px #ececec solid; height:146px; margin:0 5px 0 0; }

.caseimg img { width:89px; height:146px; }

.casenr { float:left; width:235px; line-height:24px; padding-top:2px; }

#u-2a, #u-3a, #u-4a, #u-5a, #u2a, #u2more { display:none; }

#index-about p { text-indent: 2em; font-size:12px; line-height:24px; text-align:justify; text-justify:inter-ideograph; }

#index-about img { margin:5px 10px 0 0; padding:2px; float:left; border:2px solid #d2d2d2; }

#index-about { height:190px; overflow:hidden; position:relative; }

#index-about .xq { position: absolute; bottom:16px; right:14px; width:49px; height: 17px; display:block; background: url(../images/bg.gif) 0 -122px no-repeat; }

#tab1 ul { height:145px; overflow:hidden; }

#tab2 ul { height:151px; overflow:hidden; }

/* ul-1 */



.ul-1 { }

.ul-1 li { display:inline; }

.ul-1 li a { background:url(../images/bg.gif) 10px -159px no-repeat; padding-left:28px; display:block; border:1px solid #d2d2d2; margin:4px auto; padding-top:0px; padding-bottom:4px; height:17px; overflow:hidden; }

.ul-1 li a:hover { background:#fafafa url(../images/bg.gif) 11px -159px no-repeat; border:1px solid #48a9e7; }

.ul-1 .li-2 a { background: none; padding-left:25px; display:block; border: 0 solid #fff; padding-top:0; padding-bottom:4px; line-height:24px; height:14px; }

.ul-1 .li-2 a:hover { background:#fafafa; border:none; }

.ul-1 li span { color:#666; float:right; }

/* ul-2 */



.ul-2 { line-height:24px; }

.ul-2 li { display:inline; }

.ul-2 li a { background:url(../images/bg.gif) 5px -181px no-repeat; padding-left:25px; display:block; line-height:24px; }

.ul-2 li a:hover { background:#fafafa url(../images/bg.gif) 5px -180px no-repeat; }

.ul-2 li span { color:#666; float:right; }

/* ul-3 */



.ul-3 { }

.ul-3 li { display:inline; }

.ul-3 li a { background:url(../images/bg.gif) 5px -200px no-repeat; padding-left:23px; display:block; line-height:24px; }

.ul-3-x li a { border-bottom:1px #999 dotted; }

.ul-3 li a:hover { background:#fafafa url(../images/bg.gif) 6px -200px no-repeat; }

.ul-3 li span { color:#666; float:right; }



.ul-4 { height:274px!important; overflow:hidden;  }
.ul-4 li { display:inline; }

.ul-4 li a { background:url(../images/bg.gif) 5px -200px no-repeat; padding-left:23px; display:block; line-height:24px; }

.ul-4-x li a { border-bottom:1px #999 dotted; }

.ul-4 li a:hover { background:#fafafa url(../images/bg.gif) 6px -200px no-repeat; }

.ul-4 li span { color:#666; float:right; }


/* ul-img  */



.ul-img { float:left; padding-bottom:12px; padding-left:0; padding-top:8px; }

.ul-img li { float:left; margin:0 5px; width:128px; position:relative; height:111px; background:#ececec; border:1px solid #d2d2d2; display:inline; }

.ul-img li img { width:110px; height:76px; border:1px solid #d2d2d2; position:absolute; top:7px; left:7px; }

.ul-img li span { display:block; position:absolute; bottom:0; width:126px; line-height:24px; height:24px; text-align:center; color:#333; cursor:hand; overflow:hidden; }

.ul-img li:hover img { border:1px solid #48a9e7; width:110px; height:76px; }

/* ul-img2  */

	

.ul-img2 { float:left; padding-left:1px; padding-right:1px; overflow:hidden; margin-bottom:10px; }

.ul-img2 img { width:107px; height:65px; }

.ul-img2 .mar-r8 { float:left; margin-right:17px; }

/* ul-1-s  */

	

.ul-1-s { overflow:hidden; width:700px; padding-left:8px; line-height:24px; overflow:hidden; }

.ul-1-s li { display:inline; }

.ul-1-s li a { background:url(../images/bg.gif) 0 -217px no-repeat; padding-left:10px; margin-right:10px; height:24px; width:213px; float:left; }

.ul-1-s li a:hover { background:#fafafa url(../images/bg.gif) 1px -217px no-repeat; }

.pcb-sys { line-height:24px; position:relative; margin:12px 10px 10px; height:130px; border-bottom: 1px dashed #999; }

.pcb-sys img { float:left; padding:0; border:1px solid #d2d2d2; margin:5px 5px 0 0; }

.pcb-sys .xq { position: absolute; bottom:15px; right:10px; width:49px; height: 17px; display:block; background: url(../images/bg.gif) 0 -122px no-repeat; }

.xp-sys { line-height:24px; position:relative; margin:14px 10px 7px; height:130px; }

.xp-sys img { float:left; padding:0; border:1px solid #d2d2d2; margin:5px 5px 0 0; }

.xp-sys .xq { position: absolute; bottom:15px; right:10px; width:49px; height: 17px; display:block; background:  url(../images/bg.gif) 0 -122px no-repeat; }

.xs-lrkj { background:url(../images/lrkj-pic.jpg) center no-repeat; width:310px; height:120px; display:block; margin:1px auto 0px; border:1px solid #d2d2d2; }

.art { margin-bottom:10px; line-height:24px; }

.art-title { font-size:14px; color: #48a9e7; margin:0px 20px 5px; padding-top:10px; text-align:center; }

.art-info { font-size:12px; text-align:center; margin:0px 10px 5px; padding-bottom:5px; border-bottom:1px dashed #999; }

.art-content { font-size:12px; line-height:24px; margin:0 10px; padding-bottom:10px; }

.art-c { text-align:right; padding-right:10px; }

.list-page { text-align:center; padding-bottom:5px; }

.next { padding-left:10px; }

/* start weizhi*/



.weizhi { float:right; line-height:20px; font-size:12px; padding: 4px 10px 2px 20px; display:block; font-weight:normal; color:#333; background:url(../images/bg.gif) 0 -293px no-repeat; }

.weizhi a { margin:0 5px; color:#333; }

.weizhi a:hover { text-decoration:underline; }

/* xs-dq */



/* friendlink */

#friendlink { width:960px; margin:0 auto; line-height:24px; background:#48a9e7; padding-top:6px; color:#fff; font-size:12px; padding-left:10px; padding-right:10px; }

#friendlink b {font-size:13px; }

#friendlink a { color:#fff; margin:1px; }

#friendlink a:hover { text-decoration:underline; }

/* start footer */


.qkartview {
	width: 722px;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #FFF;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
	padding: 10px;
}


.qkartview ul {
	margin-top: 10px;
	overflow: hidden;
}

.qkartview ul li {
	float: left;
	width: 33%;
	list-style-position: inside;
	list-style-type: none;
	color: #F96;
	line-height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E6E6E6;
	background-image: url(../images/dyn_li.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


.qkartview ul li a {
	display: block;
	margin-left: 7px;
}





#footer { margin:0 auto; width:980px; background:#eeeeee; border-top:3px solid #48a9e7; height:130px; padding-top:16px; text-align:center; line-height:24px; }

.quick-nav a { margin:0 5px; }

.artdl { position:relative; }

.artdl dt { background:#f5f5f5; border:1px dotted #999; width:100%; font-weight:bold; margin-top:10px; overflow:hidden; line-height:24px; }

.artdl dd { float:left; margin-right:15px; line-height:24px; white-space:nowrap; }