/*------------------------------------
    *Filename	css for pengchip.com
    *Time		2012.01.01
    *Author		68web
  ----------------------------------- */
body {font-family:"simsun"; background:#ffffff ;  }
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; background:#FFF}
.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:72px; margin: 0 auto; overflow:hidden; position:relative;}
#guanjian{ width:360px; height:36px; position:absolute; font-size:15px; left:700px; color:#333;}
#top-text { float:right; width:527px; height:63px; background:url(top-xs.jpg) left no-repeat; }
#top-text span { padding-top:58px; display:block; width:260px; float:right; }
#top-text span a { color:#fff; text-decoration:none; padding-left:20px; background:url(bg.gif) 0 -242px no-repeat; padding-top:2px; padding-bottom:4px; float:left; display:block; margin-right:12px; }
#top-text span a:hover { color:#48a9e7; text-decoration: none; }
/* Menu */
.menu { width:733px; height:36px; margin:0 auto; overflow:hidden;  background:url(../images/pcb_me.gif) repeat-x; line-height:24px; }
.menu_2 { width:980px; height:34px; margin:0 auto; overflow:hidden;  background:url(../images/pcb_11.gif) repeat-x; line-height:24px; }
.menu li { float:left; width:122px; height:33px; background:url(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; }
.menu a:hover { color:#C5C5C5; }
.menu span { width:90px; display:block; }
.menu h1{ font-size:13px; }
.menu_be { width: 2px; height:36px; background:url(../images/pcb_7.gif) repeat-x; }
.beindex, .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(bg.gif) 0 -320px no-repeat; color:#48a9e7; }

/* 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(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(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(bg.gif) 0 -320px no-repeat; color:#48a9e7; }
/* start search */

#search { width:980px; height:35px; margin:0 auto; background: url(background:url(../images/pcb_11.gif) repeat-x; ) 0 -98px repeat-x; overflow:hidden; }
#search span a{ color:#F00;}
#keyword { border:1px solid #48a9e7; height:18px; }
#search span { color: #fff; width:650px; height:35px; float:left; padding-top:3px;padding-right:8px; line-height:24px; text-align:left; }
#search .wodegg{ width:20px; height:16px; background:url(../images/laba.gif) 0 0 no-repeat; float:left; margin-top:8px; margin-left:5px;}
/* start banner */
#banner { margin:0px auto; width:980px; height:186px; background:#fff;overflow:hidden;  }
#banner2 { margin:8px auto; width:980px; height:170px; }
#left3 { margin:0px auto; width:244px; height:118px; background: url(../images/pcb_50.gif) no-repeat;overflow:hidden;  }
#left4 { margin:0px auto; width:244px; height:36px; background: url(../images/pcb_left.gif) no-repeat;overflow:hidden;  }
/* start side */

#side { float:left; width:244px; background:#FFF; }
#side .s-col { border:0px solid #d2d2d2; margin-bottom:7px; }
#side .more { float:right; position:relative; right:10px; top:7px; width:45px; height: 11px; overflow: hidden; background: url(../images/more.gif) repeat-y; }
#side .s-col h3 { height:26px; background:#ececec url(../images/left_1.gif) repeat-y; }
#side .s-col h3 span { font-size:13px; padding-left:32px;padding-top:5px; line-height:28px; }
#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/left_12.gif) repeat-y; margin-top:10px; }
#index-marquee { padding:6px 12px; height:120px; display:block; line-height:24px;background:url(../images/left_12.gif) repeat-y;  }
#index-marquee marquee { height:130px; }
#fetf_2 {  width:244px; height:12px; display:block; background:url(../images/left_13.gif) repeat-x;  }

#side .s-col2 { border:0px solid #d2d2d2; }
#side .s-col2 h2 {height:26px; background:#ececec url(../images/pcb_left1.gif) repeat-y; font-size:13px;}
#side .s-col2 h2 span { font-size:13px; padding-left:32px;padding-top:5px; line-height:26px; }
#side .s-col2 h3 { height:26px; background:#ececec url(../images/pcb_left1.gif) repeat-y; }
#side .s-col2 h3 span { font-size:13px; padding-left:32px;padding-top:5px; line-height:26px; }
#side .s-col2 h4 { height:26px; background:#ececec url(../images/pcb_left11.gif) repeat-y; }
#side .s-col2 h4 span { font-size:13px; padding-left:32px;padding-top:5px; line-height:26px; }
#side .col2 { height:19px; padding-left:19px;line-height:19px;background:url(../images/pcb_lef4.gif) repeat-x; display:block; margin-bottom:4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#index-marquee2 { padding:2px 12px; height:90px; display:block; line-height:24px;background:url(../images/pcb_left2.gif) repeat-y; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#index-marquee marquee2 { height:91px; }
#fetf_22 {  width:244px; height:12px; display:block; background:url(../images/pcb_left3.gif) repeat-x;  }

/* start main */
#main { float:left; width:730px;background:#FFF; margin-left:0px;overflow:hidden; padding-left:5px  }
#main .w-h {
	width:233px;
}
#main .w-f { width:728px; overflow:hidden; }
#main .m-col {
	width:235px; height:242px;
	background: url(/images/bj01.png) no-repeat ;
	border:0px solid #d2d2d2;
	padding-bottom:3px;
	padding-top:1px;
}
#main .m-col2 {
	border:0px solid #d2d2d2;
	margin-bottom:9px;
	padding-top:1px;
}
#main .main22 {
	 width:710px; height:5px;
	border-top:3px solid #156DEB;
	margin-left:10px;
	padding-top:1px;
}
#main .main33 {
	 width:715px;
	 color:#999;
	margin-left:10px;
	line-height:20px;
	margin-bottom:15px;
	padding-top:1px;
}
#main .more { float:right; position:relative; right:10px; top:7px; width:36px; height: 11px; overflow: hidden; background:  url(more.gif) 0 -144px no-repeat }
#main .m-col h3 { height:30px; background: url(../images/pcb_left22.gif) repeat-y;  }
#main .m-col h3 span { font-size:13px; color:#000; line-height:23px; border-left:0px solid #fff; display:block; background: url(../images/pcb_left22.gif) repeat-y; float:left; padding:4px 15px 0 28px; }
#main .m-col2 h4 { height:30px; }
#main .m-col2 h4 span { font-size:13px; color:#000; line-height:23px; border-left:1px solid #fff; display:block; float:left; padding:4px 15px 0 28px; }
#main .m-col .col { width:215px; padding:0px 7px 0; margin-bottom:6px; line-height:24px; }
#main .m-col-01 { margin-bottom:10px; width:360px; }
#main .m-col-01 h3 { height:33px; background:#ececec url(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(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(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:358px; border:1px solid #d2d2d2; margin-bottom:12px; padding-top:1px; }
#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 h2{ font-size:12px; height:30px; background: url(../images/pcb_left22.gif) repeat-y;}
#index-about h2 span { font-size:13px; color:#000; line-height:23px; border-left:0px solid #fff; display:block; background: url(../images/pcb_left22.gif) repeat-y; float:left; padding:4px 15px 0 28px; }
#index-about img { margin:5px 5px 0 0; padding:0px; float:left; border:0px solid #d2d2d2; }
#index-about .col89 { height:180px; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#index-about .col88 { width:190px; height:19px; padding-left:25px;line-height:19px;background:url(../images/pcb_left33.gif) repeat-x; display:block; margin-bottom:1px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#index-about {
	width:233px;
	height:239px;
	overflow:hidden;
	position:relative;
	margin-bottom:9px;
}
#index-about .xq { position: absolute; bottom:16px; right:5px; width:50px; height: 17px; display:block; background: url(bg.gif) 0 -122px no-repeat; }
#index-about .xq2 { float:right; position:relative; right:10px; top:7px; width:45px; height: 11px; overflow: hidden; background: url(../images/more2.gif) repeat-y;  }
#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(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(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(bg.gif) 5px -181px no-repeat; padding-left:25px; display:block; line-height:24px; }
.ul-2 li a:hover { background:#fafafa url(bg.gif) 5px -180px no-repeat; }
.ul-2 li span { color:#666; float:right; }
/* ul-3 */

.ul-3 { width:706px}
.ul-3 li { display:inline; }
.ul-3 li a { background:url(../images/pcb_4444.gif)  repeat-y;   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/pcb_4444.gif) 1px 0px no-repeat; }
.ul-3 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(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(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(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(bg.gif) 0 -122px no-repeat; }
.xs-lrkj { background:url(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: #000; 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; }
#Zoom { 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:left; line-height:20px; font-size:13px; padding: 4px 10px 2px 10px; display:block; font-weight:normal; color:#333; background:url(bg.gif) 0 -293px no-repeat; }
.weizhi a { margin:0 5px; color:#333; }
.weizhi a:hover { text-decoration:underline; }
/* xs-dq */

/* friendlink */
#friendlink { width:980px; margin:0 auto; line-height:24px; background:#F31903; padding-top:8px; height:24px; color:#fff; font-size:12px; }
#friendlink b { padding-left:15px; font-size:13px; }
#friendlink a { color:#fff; margin:1px; }
#friendlink a:hover { text-decoration:underline; }
/* start footer */

#footer { margin:0 auto; width:980px; background:#fff; border-top:0px solid #48a9e7; height:178px; padding-top:10px; text-align:center; line-height:21px; padding-bottom:5px;}
.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; }
/*news */
#xgyd { width:720px; height:180px; background:#DAD5D1; border: 1px solid #999; }
#xgyd .xgyd1 { float: left; height: 164px; width: 280px; margin: 10px 15px 5px 10px; padding-left:20px; }
#xgyd .xgyd1 b a{ color:#C00; font-size:15px;}
#xgyd .xgyd2 { float: right; height: 164px; width: 280px; margin: 10px 15px 5px 10px; padding-left:15px; }
#xgyd .xgyd2 b a{ color:#C00; font-size:15px;}
.baidu{ margin:auto; width:370px; height:50px;}

/*banner*/
.banner{ margin:0 auto; width:980px;height:250px;overflow: hidden;clear: both; margin-bottom:5px;}
.banner,.banner li{ height:175px;overflow: hidden;}
.banner li a{ display:block; height:250px;#background:url(../images/banner1.jpg) no-repeat center 0;}
.banner li.ban2 a{ display:block; height:250px; #background:url(../images/pro_pic01.jpg) no-repeat center 0;}
.banner button{display: none;width: 0;height: 0;border: 0;position: absolute;}
.zhuying{font-size:14px;}

/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

.page,.page02{ clear:both; width:100%; text-align:center; font-size:14px; padding:25px 0px 0px 0px; margin:0px auto;}
.page .page_Corrent,.page a:hover{ color:#ff6c00; text-decoration:underline;}
.pages{ text-align:center;}
.pages{ margin-top:10px; padding-left:100px;}
.pages li{ float:left; line-height:20px;border:1px solid #E1E1E1;  margin-right:10px; background-color:#FFF;}
.pages li.c{background-color:#E00D1D; color:#FFF;padding:0 8px;}
.pages li a{float:left;padding:0 8px;height:20px;}.pages li a:hover{background-color:#ff9900; color:#FFF;text-decoration: none;}


.search{pding:0px;}
.se_con{ float:right;}
.tel{font-size:16px;font-weight:nrormal;color:#5b5b5b;font-family:Arial;text-align:right;}
.inputText{width:170px;height:20px; background:#f7f7f7;border:none;line-height:32px;padding-left:7px;float:left; margin-top:4px; border:1px #CCCCCC solid}
.button{width:27px;height:30px;background: url(/images/search.jpg.jpg) no-repeat left;border:none;cursor:pointer;float:left;margin-left:6px;}

