﻿@charset "utf-8";
/* CSS Document */


/*下拉菜单实例 */
*{margin:0;padding:0;border:0;}
body { font-family: arial, 宋体, serif; font-size:12px;}


#nav3 {
	font-size:14px;
	line-height: 32px;
	font-weight:bold;
	list-style-type: none;
	background:#666;
	padding-left: 100px;

	
}

#nav3 a {color:#FFF;display: block; width: 80px; text-align:center; }

#nav3 a:link  {color:#FFF; text-decoration:none;}
#nav3 a:visited  {color:#FFF;text-decoration:none;}
#nav3 a:hover  {color:#FFF;text-decoration:none;font-weight:bold;}

#nav3 li {float: left; width: 120px; background:#666;}
#nav3 li a:hover{ background:#C00;}
#nav3 li ul {line-height: 27px;  list-style-type: none;text-align:left;left: -999em; width: 220px; position: absolute;z-index:99999;font-size:12px;font-weight:normal;}
#nav3 li ul li{float: left; width: 220px;background:#EFEFEF;}


#nav3 li ul a{display: block; width: 200px;text-align:left;padding-left:20px; overflow:hidden;}

#nav3 li ul a:link  {color:#666; text-decoration:none;}
#nav3 li ul a:visited  {color:#666;text-decoration:none;}
#nav3 li ul a:hover  {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}

#nav3 li:hover ul {left: auto;}
#nav3 li.sfhover ul {left: auto;}
#content {clear: left;}

#nav {
	font-size:14px;
	line-height: 32px;
	font-weight:bold;
	list-style-type: none;
	background:#666;
	padding-left: 100px;
}

#nav a {color:#FFF;display: block; width: 80px; text-align:center; }

#nav a:link  {color:#FFF; text-decoration:none;}
#nav a:visited  {color:#FFF;text-decoration:none;}
#nav a:hover  {color:#FFF;text-decoration:none;font-weight:bold;}

#nav > li{
	float: left; width: 120px; background:#666;
    display: inline-block;
    position: relative;
}

#nav > li:hover > a{
  background:#C00;
}

#nav  ul{
    display: none;
    position:absolute;
    background-color:transparent;
}


#nav  ul li{
    position:relative;
}
#nav  ul li + li{
   
}


#nav > li:hover > ul{
    display: block;
	width: 220px; 
	z-index:99999;font-size:14px;
	font-weight:500;
}
#nav > li > ul > li > a{
	padding-top:0.2em;
    padding-bottom:0.2em;
	text-align:left;
	line-height: 32px; 
	padding-left: 1em;
    padding-right: 1em;
	width: 220px;
	background:#EFEFEF;
}

#nav li ul a:link  {color:#000; text-decoration:none;	font-weight:500;}
#nav li ul a:visited  {color:#000;text-decoration:none;	font-weight:500;}
#nav li ul a:hover  {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;	font-weight:500;}

#nav > li > ul > li > ul{
    left:100%;
    top:0;
}
#nav > li:last-child > ul > li > ul{
    left:-100%;
    top:0;
}
#nav > li > ul > li:hover >ul {
    display: block;
	z-index:999999;font-size:14px;
}
#nav > li > ul > li > ul > li > a{
	padding-top:0.2em;
    padding-bottom:0.2em;
	text-align:left;
    line-height: 32px; 
    width: 220px; 
    padding-left: 1em;
    padding-right: 1em;
    background:#EFEFEF;
}
#nav > li > ul > li > ul > li:hover > a{
    text-decoration:none;
}


/* 左边导航菜单实例 */
.menu_nav{
	
    margin: 0 auto;
    padding: 0;
    width: 980px;
}
.urbangreymenu{
width: 220px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #C00;
}



/* 左边导航菜单实例 */

/* 圆角框*/

.legend_996 {
    background: url("../images/996_top.gif") no-repeat scroll 0 0 transparent;
    margin-bottom: 0;
    margin-top: 3px;
    padding: 5px 0;
}
.legend_bot_996 {
    background: url("../images/996_bottom.gif") no-repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 10px;
}

.legend_content_996 {
    background: url("../images/996_loop.gif") repeat-y scroll 0 0 transparent;
    margin-bottom: 0;
}

/* 圆角框*/

/* 首页变换图片*/
#slider {
	padding-top:7px;
	position:relative;
	padding-left:45px;
	width:940px;
	height:160px;
	background-color: #F5F5F5;
	padding-bottom: 7px;
}
.jcarousel-clip, .slider-carousel {
	width:884px;
	height:150px;
	position:relative;
	background-color: #FFF;
}
.slider-carousel ul {
	list-style-type:none;
}
.slider-carousel ul li {
	float:left;
	display:inline;
}
#slider ul li a:hover img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}
.slider-left {
	float:left;
	width:13px;
	height:131px;
	background:url('images/slider-left.gif') no-repeat 0 0;
	position:absolute;
	top:-12px;
	left:-14px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
.slider-right {
	float:left;
	width:15px;
	height:131px;
	background:url('images/slider-right.gif') no-repeat 0 0;
	position:absolute;
	top:-12px;
	right:-15px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
#mycarousel-prev {
	float:left;
	width:11px;
	height:21px;
	background:url('images/arrow-left.gif') no-repeat 0 0;
	position:absolute;
	top:50px;
	left:4px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	cursor:pointer;
}
#mycarousel-next {
	float:left;
	width:11px;
	height:21px;
	background:url('images/arrow-right.gif') no-repeat 0 0;
	position:absolute;
	top:50px;
	right:1px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	cursor:pointer;
}
#content {
	width:100%;
	background:#fff;
	padding-left:0px;
	padding-bottom:30px;
}
.box {
	width:279px;
	float:left;
	padding-right:28px;
	background:#fff;
}
.box-last {
	margin-right:0;
	position:relative;
}
.box h4 {
	width:266px;
	padding:12px 0 0 0;
	position:relative;
}
a.rss-icon {
	position:absolute;
	top:13px;
	right:28px;
}
.box-content {
	border-top:1px solid #f5eaeb;
	margin:4px 0 0 0;
	padding-top:5px;
	height:152px;
	overflow:hidden;
}
.box-content img {
	float:left;
	width:52px;
	display:inline;
	margin-right:8px;
	border:3px solid #dfdfdf;
	margin-top:4px;
}
.box-content p {
	line-height:18px;
	color:#716969;
}
.box-content a {
	text-decoration:underline;
}
ul.link-list {
	list-style:none;
}
ul.link-list li {
	background:url('images/list-style.gif') no-repeat 0 center;
	padding-left:9px;
}
ul.link-list li a {
	line-height:26px;
}
ul.link-list li a:hover {
	text-decoration:none;
}
a.button-small {
}
a.button-small span, a.button-small {
	height:31px;
	float:left;
	background:url('images/button-small.gif') no-repeat left 0;
	padding:0 0 0 8px;
	line-height:31px;
	color:#727577;
	font-size:11px;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
}
a.button-small span {
	background-position:right 0;
	padding:0 8px 0 0;
}
a.button-small span em {
	height:10px;
	background:url('images/list-style.gif') no-repeat 0 center;
	font-style:normal;
	line-height:31px;
	padding-left:10px;
}
ul.post-news {
	list-style-type:none;
}
ul.post-news li p {
	color:#34616d;
	padding-bottom:14px;
}
li.second {
	border-top:1px dotted #dcdcdc;
	padding-top:7px;
}
a.dots {
	font-size:15px;
}
/* 首页变换图片结束*/

/* 解决方案*/
.body_resize_top_resize { margin:10px auto; padding:0 10px;}
.body_resize  { background: url(images/body_bg.gif) top repeat-y; padding:0; width:980px; margin:0 auto;}
.body_resize_top { background: url(images/body_top_bg.gif) top no-repeat; margin:0; padding:0;}
.body_resize_bottom { margin:0; padding:10px; width:960px; background:url(images/body_bottom_bg.gif) bottom no-repeat;}
.body { padding:20px 0; margin:0 auto; background:#e9e9e9;}
.body h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#343434; border-bottom:1px  solid #dbdbdb; padding:10px 5px; margin:0 0 10px 0;}
.body h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#343434; padding:10px 5px; margin:0 0 10px 0;}
.body h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#575757; padding:10px 5px; margin:0 0 10px 0;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#e8ad09;}
.body a { color:#1b2428; text-decoration:none;}
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body img.floated2 { float:left; margin:5px 20px 5px 0; padding:0;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.right { width:290px; margin:0; padding:10px 15px; float:right;}
.right ul { list-style:none; margin:0; padding:0;}
.right li { padding:5px; margin:0; border-bottom:1px solid #dbdbdb;}
.right li a { font:normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}
.right li a:hover { font:bold 11px Arial, Helvetica, sans-serif; color:#343434;}
.left {width:610px; margin:0; padding:10px 15px; float:left;}
.blog {width:290px; margin:0; padding:10px 15px; float:left;}
.blog img{border:1px solid #ccc;}
.blog h2{text-align:center;font-size:12px;}
.blog h2 a{text-decoration:none;}
.port { width:270px; float:left; margin:10px 10px 10px 5px; padding:5px; background:#fff; border:1px solid #ddd;}
/* 解决方案*/
.footer {
	width: 100%;
	height: 50px;
	display: block;
	overflow: hidden;
	background: url(../images/information_footer_bg.jpg) repeat-x bottom center;
	text-align: center;
	font-size: 12px;
	line-height: 50px;
	color: #fff;
}
.footer a{
	color: #fff;
}

.fonter_main {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
}

footer {
    
    padding: 0;
   
}

footer .main{
	padding: 8px 0 12px;
}
/* box 3*/
.box-03 {padding:19px 27px 17px 25px;}
    .box-03 #loopedSlider {
	position:relative;
	width: auto;
}
    .box-03 #loopedSlider .container {
	width:900px;
	height:220px;
	margin-left:40px;
	overflow:hidden;
	position:relative;
}
    .box-03 #loopedSlider .slides {position:absolute; top:0; left:0;}
    .box-03 #loopedSlider .slides div {display:none; position:absolute; top:0; width:900px;}
    .box-03 #loopedSlider ul.pagination {list-style-type:none; margin:0; padding:0; margin:0; width:75px;}
    .box-03 #loopedSlider ul.pagination li {float:left; margin:0 3px;}
    .box-03 #loopedSlider ul.pagination a {display:block; width:8px; height:8px; overflow:hidden; background-image:url("../design/pagination.gif"); background-position:0 0; background-repeat:no-repeat;}
    .box-03 #loopedSlider ul.pagination a span {display:none;}
    .box-03 #loopedSlider ul.pagination li.active a {background-position:0 -8px;}
    .box-03 #loopedSlider ul.list {margin:0;}
    .box-03 #loopedSlider ul.list li {display:block; float:left; width:170px; margin:0 20px;}
    .box-03 #loopedSlider ul.list li img {display:block;}
    .box-03 #loopedSlider .previous {position:absolute; top:100px; left:0;}
    .box-03 #loopedSlider .next {position:absolute; top:100px; right:0;}
    .box-03 #loopedSlider .pagination {position:absolute; bottom:0; left:425px;}
	.box-03, .box-03-top, .box-03-bottom {
	background-color:#fff;
	width: 960px;
}
.box-03 #loopedSlider ul.list li h3{font-size:10px; text-align:center;}
.box {
	min-height:1px;
	width: auto;
}
/*box 3 end */

/* Banner  */
.gallery{width:980px; height:339px; margin:0 auto; padding:0;}
#slider{margin:0; padding:0; list-style:none;}
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{width:980px; height:339px; overflow:hidden;}
p#controls{margin:0; padding:0; position:relative;}
#prevBtn{display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left:20px; top:-150px;}
#nextBtn{display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left:950px; top:-150px;}
#nextBtn a{display:block; width:16px; height:26px; background:url(images/r_arrow.png) no-repeat 0 0;}
#prevBtn a{display:block; width:16px; height:26px; background:url(images/l_arrow.png) no-repeat 0 0;}
.slider_top {margin:0 auto; padding:0; background:#072048; border:0;}  /* #0067b0 */
/*.header_text { margin:0 auto; padding:29px 0 0 0; height:263px; width:984px; background: url(images/header_text_bg.gif) top repeat-x;}*/
.header_text { margin:0 auto; padding:0 0 0 0; height:339px; width:984px; background: none repeat scroll 0 0 #072048;}/* #0067b0 */
.header_text .div { width:980px; padding:0; margin:0 auto;}
.header_text img.screen { float:left; margin:0; padding:0;}
.header_text .div .left1 { float:right; width:415px; padding:10px 0 0 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0; padding:0;}
.header_text .div .left1 h2 { font:normal 24px verdana, Helvetica, sans-serif; color:#072e75; padding:10px 0 10px 0; margin:0;}
.header_text .div .left1 p.uli { background: url(images/simple_ul_li.gif) left no-repeat; padding:2px 20px; margin:0; font: normal 12px verdana, Helvetica, sans-serif; color:#0072bd;}
.header_text p { font: normal 12px verdana, Helvetica, sans-serif; color:#0072bd; padding:5px 50px 20px 0; margin:0;}
/********** slider **********/
.header_text2 { margin:0 auto; padding:29px 0 0 0; height:72px; width:984px; background: url(images/header_text2_bg.gif) top repeat-x;}
.header_text2 h2 { padding:0 0 0 25px; margin:0; font: normal 36px Arial, Helvetica, sans-serif; color:#0074c0;}
.header_text2 img { float:right; margin:0; padding:10px 20px 0 0;}
/* top_bg */
.top_bg { background:url(images/top_bg.gif) top repeat-x; margin:0; padding:0;}
.top_bg2 { background:url(images/top_bg2.gif) top repeat-x; margin:0; padding:0; height:23px}
.top_bg_resize { width:986px; margin:0 auto; padding:0;}
.top_bg_resize img { float:left; margin:0; padding:0;}

/*banner */


/*product_list .plist{*/
.grid_9 h3{ font-size:18px; font-weight:bold; color:#343434; border-bottom:1px  solid #dbdbdb; padding:10px 5px; margin:0 0 10px 0;}
.grid_9 h5{ font-size:12px; font-weight:bold; color:#343434; border-bottom:1px  solid #dbdbdb; padding:2px 2px; margin:0 0 0px 0;}
 .plist h2 {font-size:18px; font-weight:bold; color:#343434;  padding:10px 0px 5px 0px; margin:0 0 5px 0;}
.plist h4 { font-size:14px; font-weight:bold; color:#343434; padding:1px 1px; margin:0 0 2px 0;}
.plist h3 { font-size:18px ;font-weight:normal;  color:#575757; padding:10px 5px; margin:0 0 10px 0;}
.plist p {  font-size:11px; font-weight:normal; color:#7d7d7d; line-height:1.8em; padding:3px 5px; margin:0;}
.plist p span { color:#e8ad09;}
.plist a { color:#1b2428; text-decoration:none;}
.plist img { margin:10px auto; padding:0;}
.plist img.floated { float:right; margin:5px 20px; padding:0;}
.plist img.floated2 { float:left; margin:5px 20px 5px 0; padding:0;}
/* product_list*/
/* single page*/
.singlepg{
}

.singlepg_main{
	width:100%;
	margin:0 auto;
}

/*productdetail*/

.detailtop{
    clear: both;
    content: ".";
    display: block;
    height: 350px;
    position: relative;
    width: 680;
    z-index: 3;
	padding-top:10px;
	}

.desc{
    padding-right: 244px;
    float: left;
    padding-right: 10px;
    width: 300px;
	padding-left:20px;
}

.preview {
    display: inline;
    float: left;
    padding-bottom: 15px;
    position: relative;
    width: 350px;
}

.desc_name {
    padding: 15px 10px 10px 0;
}
.detailmain {
    font-size: 12px;
    line-height: 1.428em;
    margin: 0 auto;
    padding: 0;
    width: 700px;
	overflow:hidden;
}
/*Overflow:visible 此样式可以让滚动条隐藏，但可以鼠标上拉下拉滑动。
Overflow:hidden 隐藏对象超出设置宽度高度的内容
Overflow:scroll 此样式，会让内容无论是否超出高度宽度也会显示滚动条。*/
/* product Tab*/
.services_option2 h4, .services_option4 h4 {margin:0 0 25px 0;padding:10px 0;border-bottom:1px solid #e7e6e6;}
.services_option2 h4 span{width:300px;float:right; margin:0 0 25px 0;padding:5px 0;font-size:20px;}
.services_option2 h4 span a{font-size:12px;color:#39F;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-style:normal;};
.services_option2 #tabs {
	padding:0 0 20px 0;
}
.services_option2 #tabs .tab_select {margin-bottom:30px;background:url(../images/services_tabs.png) no-repeat;min-height:50px;width:100%;float:left;}
.services_option2 #tabs .tab_select li {float:left;font-weight:bold;padding:20px 25px 0 25px;min-height:30px;background:url(../images/line.png) right top no-repeat;}
.services_option2 #tabs .tab_select li:first-child {padding-left:10px;}
.services_option2 #tabs .tab_select li:hover {background:#fff url(../images/line.png) right top no-repeat;}
.services_option2 #tabs .tab_select li.active {background:#fff url(../images/line.png) right top no-repeat;}
.services_option2 #tabs .tab_select li a {color:#434242;}
.services_option2 #tabs .tab_select li.active a {color:#5eafcd;}
.services_option2 #tabs .tab_select li:hover a {color:#5eafcd;}
/*.services_option2 #tabs div h3 {font-size:34px;color:#d8d8d8;}*/
.services_option2 #tabs div h5 {font-size:16px;color:#626363;font-weight:normal;padding-bottom:25px;}
.services_option2 #tabs div .bwWrapper {width:auto;padding:0;float:right;border:5px solid #f6f3f3;margin-left:15px;font-size:0;line-height:0;}
.services_option2 #tabs div p {padding-bottom:17px;}
.services_option2 #tabs div ul li {position:relative;padding:7px 0 7px 35px;}
.services_option2 #tabs div ul li:before {content:'';position:absolute;top:7px;left:0;display:block;width:18px;height:18px;background:#5eafcd url(../images/sprite.png) 0 -189px no-repeat;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior: url(PIE.htc);}

.services_option2 #tabs div p .learn_more {position:relative;z-index:2;}
/* product Tab*/
/*productdetail*/


/*solutions*/
.list-2 li {
    background: url("../images/marker-3.png") no-repeat scroll 0 11px rgba(0, 0, 0, 0);
    line-height: 20px;
    padding: 5px 0 5px 20px;
}
/*solutions*/

.boxtop {
			height: 20px;
			background-image: url(../bg/boxtop.gif);
			background-repeat: no-repeat;
			font-size: .9em;
			font-family: helvetica, arial, sans-serif;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 9px 0 0 16px;
			margin: 0;
		}


		.boxonline {
			clear: both;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 15px 15px 10px 15px;
			margin: 0 0 0px 0;
			width:188px;
		}


		#infobox {
			height: 80px;
			background-image: url(../bg/info.jpg);
			background-repeat: no-repeat;
			color: #fff;
			padding: 20px 0 0 95px;
			margin: 0;
		}


			#infobox h3 {
				color: #fff;
				margin: 0 0 10px 0;
			}


			#infobox a { color: #fff; text-decoration: none; }
			#infobox a:hover { color: #fff; text-decoration: underline; }



	#news {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}


		#news li {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #eee;
		}



		.date {
			text-transform: uppercase;
			margin: 0 0 3px 0;
		}
	/*solutions */

	/* */
	.right_main {
	padding:10px 0 0 0;
	width:690px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
	 font-size: 14px;
    line-height: 1.8em;
	
	}

	.right_main h5{
	 border:0px;
	}

	.right_main ul {
	list-style:disc inside none;
	}

	.right_main table {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width:680px;
}

.right_main table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
.right_main table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

	.detailtop h2{
	font-size:16px;
	padding:0;
	font-weight:bold;

	}

	.detailtop h3{
	font-size:14px;
	padding:0;
	margin:0;
	font-weight:normal;

	}
	.nr span{
	  padding:0 0 10px;
	  margin:0;
	  font-size:14px;
	  font-weight:bold;
	}

	.nav {
    color: #fff;
    height: auto;
    white-space: nowrap;
	border-bottom:1px solid #ccc;
	width:100%;
}


.nav a.gohome, .nav a.gohome:hover {
    background:#fff url("images/icon_home.gif") no-repeat scroll 0 center ;
    padding-left: 15px;
}
.nav a {
    background:#fff url("images/icon_arrow2.gif") no-repeat scroll 0 center;
    display: inline-block;
    margin-left: 8px;
    padding-left: 8px;
}
.nav h3{
font-size:12px;
font-weight:normal;
border:0px;
margin:0px;

}
.list_pic{
width: 260px;
float:left;
}
.list_desc{
float:right;
width:400px;
}

.list_desc ul.circle {list-style-type:circle;}
	
.list_line{
width:100%;
height:1px;
display:block;
border-bottom:1px dashed #ccc;
}

.list_desc a {
color: #09f;
}
	/**/

/* 表格样式表*/

.detailmain table {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	float:left;
	width:680px;
}

.detailmain{
	font-size: 14px;
    line-height: 1.8em;
}

.detailmain table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
.detailmain table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
/*表格样式表*/


/*  contact form  */
.pengform{
	width:700px;
}

#peng-form {display:block}

#peng-form .wrapper {
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
}
#peng-form label {display:block;height:35px;overflow:hidden;width:100%;}

#peng-form label input {
	width:300px;
	font-size:12px;
	color:#696969;
	padding:1px 10px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:#fff;
	float:left;
	height:24px ;
}
#peng-form fieldset {
    border: medium none;
    width: 100%;
}

#peng-form .buttons input {
	width:100px;
	font-size:12px;
	color:#696969;
	padding:1px 10px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:#fff;

}
#peng-form textarea {
	height:230px;
	overflow:auto;
	width:430px;
	font-size:12px;
	color:#696969;
	padding:10px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:none
}
.text-form {
	float:left;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	width:110px;
	line-height:1.7em;
	color:#696969;
	padding-right:10px;
}

.text2{
	float:left;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	width:110px;
	line-height:1.7em;
	color:#696969;
	text-align:right;
	padding-right:10px;
}
.input_desc{float:left;}
.buttons {
	padding-top:8px;
	text-align:center;
	
}
.buttons a {margin-left:16px;}

/*  contact form  */

.requestinfo{
padding-top:50px;
}

.ourclient table{
	border:0px;
}

.ourclient table th {
	border-width: 0px;
	padding: 8px;
	
	background-color: #dedede;
}
.ourclient table td {
	border-width: 0px;
	
}
.ourclient_title{
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.videos_peng {
    overflow: hidden;
    position: relative;
    width: 100%;
}

#content-wrap h1
{
    font-size:16px;
	padding:0;
	margin:0;
}

#content-wrap h4{font-size:12px;};

.listings {
    list-style: outside none none;
    margin: 0.75em 0 0;
}
.line::after, .lastUnit::after {
    clear: both;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
    display: block;
    font-size: xx-large;
    height: 0 !important;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.size1of3 {
    width: 33.3333%;
}
.unit {
    float: left;
}
.listings.horizontal .listing {
    border: medium none;
    padding: 0 15px 0 0;
}
.listing {
    border-top: 1px solid rgb(229, 229, 229);
    overflow: hidden;
    padding: 15px 0 0;
}

#newProducts h3{
	color: #4d4d4d;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 2em;
    text-transform: uppercase;
	border-bottom: 1px solid #e7e6e6;
    margin: 0px;
    padding: 5px 0 2px 0;
}

#newProducts{
	display:block;
}

#newProducts h4{
	color: #4d4d4d;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 2em;
    text-transform: uppercase;
	border:0;
    margin: 0;
    padding: 2px 15px;
	background:url(images/titleArrow.gif) no-repeat 4px 6px;
	line-height:25px;
}
.newProducts_img {float:right;}



