@charset "utf-8";
/* 整体样式设置 */

* {
	padding:0;
	margin:0;
}/* 不同浏览器默认边距清零 */
body {
	font:12px/1.8 "宋体", arial, helvetica, clean, sans-serif;/*整站字体定义*/
	color:#666;
	background:none;/*整站背景图片定义*/
	background-color:#fff;/*整站背景图片定义*/
	
}
h2{ 
	font:14px/1.8 "宋体", arial, helvetica, clean, sans-serif;
	font-weight:bold;
	color:#666;
	height: 27px; line-height: 27px; padding-top: 3px; background:url(../images/ibd-a.gif) no-repeat 12px 10px; padding-left: 25px;
}/*整站标题定义*/
img {
	border:0;
}/*整站图片默认无边框*/
li {
	list-style-type:none;
}/*整站列表默认无标号*/
.overflow {
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}/* 超出部分隐藏 */
.clearfix:after {
	bdtent:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}/* Clear Fix 万能清除浮动 ？*/
.clearfix {
	display:inline-block;
}/* ？ */
.clearfix {
	display:block;
}/* ？ */
.clear {
	clear:both;
}/* 清除浮动 */
a:link {
	color:#666;
	text-decoration:none;
}
a:visited {
	color:#666;
	text-decoration:none
}
a:hover {
	color:#088a7e;
	text-decoration:none;
}
a:active {
	color:#088a7e;
	text-decoration:none;
}/* 全站链接定义 */
#hd,#nav, #fl, #bd, #ft,#banner,#con{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}/* 全站主体统一宽度及居中对齐定义 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
ol, ul, dl, dt {
	list-style: none outside none;
}

.marginTop10 {
	margin-top: 10px;
}
.marginTop20 {
	margin-top: 20px;
}
.marginBottom10 {
	margin-bottom: 10px;
}
.marginLeft20 {
	margin-left: 20px;
}
.marginLeft35 {
	margin-left: 35px;
}
.marginRight10 {
	margin-right: 10px;
}
.marginRight20 {
	margin-right: 20px;
}
.font_24B{ font-size:24px; font-weight:normal; line-height:36px; color:#000;}
.fl{ float:left;}
.fr{ float:right;}
.red{ color:#F00; margin:5px;}
.red_tips{ width:100%; background:url(images/ico_wrong.png) no-repeat; padding-left:20px; height:30px; line-height:30px;color:#F00;}
.odd {
  background-color:#f6f6f6;
 }
 .highlight {
  background-color:#c4e5ff;
}

/*tog*/
.tog{width:100%;height:30px;background:url(../images/top_float_bg.png) 0 top repeat-x; _background:url(../images/top_float_bg.gif) 0 top repeat-x; position:absolute;z-index:99999;cursor:pointer;}
.tog span{width:159px;height:30px;margin:0 auto;line-height:24px;color:#FFF;text-align:center;display:block;background:url(../images/tog.png) 0 5px no-repeat; _background:url(../images/tog.gif) 0 5px no-repeat;font-size:12px; font-weight:bold;}
.togclose{width:100%;height:27px;background:url(../images/top_float_bg.png) 0 top repeat-x; _background:url(../images/top_float_bg.gif) 0 top repeat-x; position:absolute;z-index:99999;cursor:pointer;}
.togclose span{font-family:Verdana;font-size:12px;width:159px;height:27px;margin:0 auto;text-align:center;line-height:22px;color:#FFF;display:block;background:url(../images/togclose.png) 0 5px no-repeat; _background:url(../images/togclose.gif) 0 5px no-repeat;}
.tog_contact{height:290px; width:100%;background:#FFF url(../images/tog_contact_bg.gif) 0 bottom repeat-x;position:absolute;z-index:9999;display:none;}
.t_con_box{width:982px;margin:0 auto;height:260px;position:relative;}
.drift_left{width:400px;height:150px;border-bottom:1px solid #EAEAEA; padding-top: 20px;}
	.drift_left p{padding:0 0 8px 18px;line-height:28px;color:#000098;font-size:14px;}
	.drift_left .f-yh{ padding-top:10px;}
.phone{width:400px;height:132px;}
	.phone dl{width:100%;padding:10px 0 0 18px;}
	.phone dl dd{width:230px;}
	.phone dl dd , .phone dl dd div, .phone dl dd img, .phone dl dd h3, .phone dl dd span, .phone dl dd p{float:left;}
	.phone dl dd div{width:100%;padding:10px 0 4px;}
	.phone dl dd img{padding-top:4px;}
	.phone dl dd h3{width:160px;color:#088a7e;font-size:16px;font-weight:normal;padding-left:10px;}
	.phone dl dd span{width:160px;padding-left:10px;font-family:Segoe UI;color:#8E8C8C;}
	.phone dl dd p{width:100%;color:#088a7e;font-family:Impact;font-size:28px; line-height:32px;}
	.phone dl dd .consult_img{padding-left:15px;}
	.phone dl dd .online{float:left;width:113px;color:#3b3b3b;height:34px;line-height:34px;background:url(../images/icon_online.gif) 0 0 no-repeat;}
	.phone dl dd .online q{float:left;line-height:30px;padding-left:46px;cursor:pointer;}
	.phone dl dd a.online:hover{color:#088a7e;}
.map{width:538px;height:295px;position:absolute;right:0;top:15px;_clear:both;}

/*----------index----------*/
#hd0 {position: fixed; z-index:100; width:100%; height:120px; background: url(../images/top_bg.png) repeat-x;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html #hd0{position:absolute;bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.top {
	width: 1000px;
	height: 112px;
	position: relative;
	margin: 0 auto;
	Z-INDEX: 100;
}
.top .logo {position: absolute; left: 0px; top: 30px; Z-INDEX: 100;}
.top .p1 {position: absolute; left:245px; top: 35px; Z-INDEX: 100; color:#088a7e;}
.top .p1 a {color:#666;}
.top .p1 a:hover {color:#088a7e; }

.top .tel { background:url(../images/tel.jpg) no-repeat 0px 2px;  position:absolute; top:30px; right:80px; width:280px; height: 30px; }
.top .tel p {font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:bold;  color:#088a7e; height:28px; line-height: 28px; padding-left: 145px; padding-top: 3px;}
.top .home  {position:absolute; top:86px; _top:80px; right:560px; _right:600px;}
.top .home a  { font-size:14px; padding-left: 18px; padding-right: 18px; _height:36px; _line-height:36px; padding-bottom: 3px;}
.top .home .selected { color:#088a7e; font-weight:bold; border-bottom:5px #088a7e solid; }


/*---------menu start---------*/
.menu_box {
	width: 600px;
	height: 41px;
	display: block;
	position: absolute;
	right: 0px;
	top: 78px;

}
.menu_box ul, .menu_box li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;
}

.menu_box .nav {
	width: 600px;
	margin: 0 auto;
	height: 40px;
	display: block;
	Z-INDEX: 9999;
	POSITION: relative;
}
.menu_box .nav ul { padding-left:40px;
	list-style-type: none;
	float: left;
	width: 600px;
}
.menu_box .nav li {
	float: left;
	display: inline;
}


.menu_box .nav li a.level_1 {
	color: #666666;
	display:block;
	*+display:inline;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	text-decoration: none; 
	MARGIN-TOP: 0px;  
}


.menu_box .nav li a.level_1 span {
	display: inline-block;
	height: 30px;
	margin-left: 2px;
	padding: 0 18px 0 15px;
	text-shadow: 1px 1px 0 #FFFFFF;
	width:auto;
	cursor: pointer;
	color: #666;
	font-size: 14px;
	font-weight: normal;
}

.menu_box .nav li a.level_1 .selected{
	display: inline-block;
	height: 30px;
	margin-left: 2px;
	padding: 0 18px 0 15px;
	text-shadow: 1px 1px 0 #FFFFFF;
	width:auto;
	cursor: pointer;
	color: #088a7e;
	font-weight:bold;
	font-size: 14px; _height: 24px; _line-height:24px; _padding-top: 6px; border-bottom:5px #088a7e solid; padding-bottom: 3px;
}
.menu_box .nav li a.level_1.hover {
	BACKGROUND-IMAGE: url(../images/ydt_s_232053.png); _BACKGROUND-IMAGE: url(../images/ydt_s_232053.gif);
	LINE-HEIGHT: 40px;
	BACKGROUND-COLOR: transparent;
	MARGIN-TOP: 0px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px -85px;
	COLOR: #088a7e;
	text-decoration:underline;
}
.menu_box .nav li a.level_1.hover span {
	BACKGROUND-IMAGE: url(../images/ydt_s_232053.png);_BACKGROUND-IMAGE: url(../images/ydt_s_232053.gif);
	BACKGROUND-COLOR: transparent;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 100% -18px;
	COLOR: #088a7e;
	text-decoration:underline;
}
.menuitempanel {
	Z-INDEX: 1000;
	POSITION: absolute;
	DISPLAY: none;
	TOP: 30px;
	LEFT: 0px;
}
.menucontentdiv {
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 10px;
	WIDTH: auto;
	PADDING-RIGHT: 30px;
	BACKGROUND: url(../images/ydt_s_232057.png) #fff repeat-x 0px 0px;
	height: 100%;
	MARGIN-RIGHT: 7px;
	PADDING-TOP: 20px;
}
*+html .menucontentdiv {
	min-height: 200px;
	height: auto;
	min-width: 500px;
}
.menucontentdiv .clearfix {
	POSITION: relative;
	PADDING-BOTTOM: 10px;
	DISPLAY: inline-block;
}
.menufillet_s {
	Z-INDEX: 999;
	POSITION: absolute;
	BACKGROUND-COLOR: transparent;
	WIDTH: 10px;
	BACKGROUND-ATTACHMENT: scroll;
	ZOOM: 1;
	DISPLAY: block;
	HEIGHT: 10px;
	OVERFLOW: hidden;
}
.menufillet_w {
	Z-INDEX: 999;
	POSITION: absolute;
	BACKGROUND-COLOR: transparent;
	WIDTH: 10px;
	BACKGROUND-ATTACHMENT: scroll;
	ZOOM: 1;
	DISPLAY: block;
	HEIGHT: 10px;
	OVERFLOW: hidden;
}
.menufillet_e {
	Z-INDEX: 999;
	POSITION: absolute;
	BACKGROUND-COLOR: transparent;
	WIDTH: 10px;
	BACKGROUND-ATTACHMENT: scroll;
	ZOOM: 1;
	DISPLAY: block;
	HEIGHT: 10px;
	OVERFLOW: hidden;
}
.menufillet_se {
	Z-INDEX: 999;
	POSITION: absolute;
	BACKGROUND-COLOR: transparent;
	WIDTH: 10px;
	BACKGROUND-ATTACHMENT: scroll;
	ZOOM: 1;
	DISPLAY: block;
	HEIGHT: 10px;
	OVERFLOW: hidden;
}
.menufillet_sw {
	Z-INDEX: 999;
	POSITION: absolute;
	BACKGROUND-COLOR: transparent;
	WIDTH: 10px;
	BACKGROUND-ATTACHMENT: scroll;
	ZOOM: 1;
	DISPLAY: block;
	HEIGHT: 10px;
	OVERFLOW: hidden;
}
.menufillet_e {
	BACKGROUND-IMAGE: url(../images/ydt_s_232058.png);
	WIDTH: 7px;
	BACKGROUND-REPEAT: repeat-y;
	HEIGHT: 100%;
	TOP: 0px;
	RIGHT: 0px;
	_background: transparent;
}
*+html .menufillet_e {
	min-height: 232px;
	height: auto;
}
.verticalLine {
	BORDER-LEFT: #cfcfcf 1px solid;
	BACKGROUND-COLOR: #ffffff;
	MARGIN: 0px 30px;
	MIN-HEIGHT: 200px;
	WIDTH: 1px;
	FLOAT: left;
	HEIGHT: 200px;
	TOP: 0px;
	LEFT: 200px;
}
.menu_box .menuitempanel LI {
	LINE-HEIGHT: 24px;
	FLOAT:none;
	TOP: 0px;
	display: block; 
	}
.menu_box .menuitempanel LI.left {
	FLOAT: left;
}
.menuitempanel H2 {
	PADDING-BOTTOM: 10px;
	COLOR: #088a7e;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}
.menuitempanel H2 A {
	color: #088a7e;
}
.menuitempanel UL LI A {
	COLOR: #666;
}
.menuitempanel UL LI A:hover {
	COLOR: #088a7e;
	text-decoration:underline;
}
.menu_box .nav .menuitempanel UL.m_box {
	width: 225px;
	min-height: 150px;
	max-height: 200px;
*height:200px;
	overflow: hidden;
}
.menu_box .nav .menuitempanel UL.m_box LI.title {
	line-height: 20px; white-space:normal;
	font-size: 12px;
}
.menu_box .nav .menuitempanel UL.m_box LI a {
	display: block;
	width: 215px;
	height: 136px;
	border: 1px solid #088a7e;
	padding: 2px;
}
.menu_box .nav .menuitempanel UL.m_box LI img {
	width: 215px;
	height: 136px;
	overflow: hidden;
}
.menu_box .nav .menuitempanel ul.list {
	MARGIN-RIGHT: 45px;
	width: 100px;
}
.menuitempanel UL.list H3 {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
}
.menuitempanel UL.list H3 A {
	COLOR: #333333;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}
.menuitempanel UL.list H3 A:hover {
	COLOR: #088a7e;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	text-decoration:underline;
}
.menuitempanel UL.last {
	MARGIN: 0px;
}
.menuitempanel UL LI UL.last {
	MARGIN: 0px;
}


.shadow_b_layout {
	BACKGROUND-IMAGE: url(../images/ydt_s_232053.png);_BACKGROUND-IMAGE: url(../images/ydt_s_232053.gif);
	POSITION: absolute;
	WIDTH: 100%;
	BACKGROUND-ATTACHMENT: scroll;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px -67px;
	LEFT: 0px;
}
.shadow_b_layout DIV {
	DISPLAY: block;
	BACKGROUND: url(../images/ydt_s_232053.png) no-repeat 100% -1px;_BACKGROUND-IMAGE: url(../images/ydt_s_232053.gif);
	HEIGHT: 16px;
	MARGIN-LEFT: 15px;
}
.clearfix:after {
	DISPLAY: block;
	HEIGHT: 0px;
	VISIBILITY: hidden;
	CLEAR: both;
	FONT-SIZE: 0px;
	CONTENT: " ";
}
* HTML .clearfix {
	HEIGHT: 1%;
}
.clearfix {
	DISPLAY: block;
}
.w600 {
	width: 600px;
}
.w650 {
	width: 650px;
}
/*---------menu end---------*/
/*---------banner start---------*/
.H_bann {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	z-index:99;
	*margin-top:-25px;/*ccc*/
}
.H_bann #slider {
	width: 100%;
	height: 400px;
}
.H_bann #slider li {
	font-size: 0px;
	width: 100%;
	height: 400px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
.H_bann .element {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.H_bann .element .text {
	color: #FFFFFF;
	position: absolute;
	width: 350px;
	top: 90px;
	right: 20px;
}
.H_bann .element .text strong {
	font-weight: 100;
	color: #818181;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.H_bann .element .text h1 {
	font-size: 50px;
	line-height: 40px;
	color: #FFFFFF;
	font-family: "QTypeCompBook", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-bottom: 15px;
}
.H_bann .element .text span {
	font-size: 20px;
	display: block;
	clear: both;
	margin-bottom: 25px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-style: italic
}
.H_bann .element .text a {
	-webkit-border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	height: 22px;
	line-height: 22px;
	padding: 0 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #a3a3a2;
	display: block;
	text-align: center;
	margin-left: 4px;
	margin-top: 50px;
	width: 125PX;
	color: #333;
	font-size: 10PX;
	-webkit-text-size-adjust: none;
}
.H_bann .element .text a:hover {
	background: #e3e3e3;
	text-decoration: none;
}
.H_bann .element .text a:active {
	background: #666;
	color: white;
}
.H_bann .e1 .b1 {
	top: 30px;
	z-index: 9
}
.H_bann .e2 .b1 {
	top: 20px;
	z-index: 8
}
.H_bann .e2 .b2 {
	top: -30px;
	z-index: 9
}
.H_bann .e2 .b3 {
	top: 320px;
	z-index: 9
}
.H_bann .e3 .b1 {
	top: 70px;
	z-index: 8
}
.H_bann .e3 .b2 {
	top: 130px;
	z-index: 9
}
.H_bann .e4 .b1 {
	top: 71px;
	z-index: 8
}
.H_bann .e4 .b2 {
	top: -20px;
	z-index: 9
}
.H_bann .e5 .b1 {
	top: 200px;
	z-index: 9
}
.H_bann .e5 .b2 {
	top: 210px;
	z-index: 8
}
.H_bann .e5 .b3 {
	top: 90px;
	z-index: 7
}
.H_bann .e6 .b1 {
	top: 5px;
	z-index: 9
}
.H_bann .H_arrow {
	width: 45px;
	height: 100px;
	display: block;
	top: 150px;
	text-indent: -9999px;
	position: absolute;
	background: url(images/sprite.png) no-repeat;
	z-index: 60
}
.H_bann a.arrow_left {
	background-position: -117px 0;
	left: 50px;
}
.H_bann a.arrow_left:hover {
	background-position: -175px 0;
}
.H_bann a.arrow_left:active, .H_bann a.arrow_left.active {
	background-position: -175px 0;
}
.H_bann a.arrow_right {
	background-position: 0 0;
	right: 50px;
}
.H_bann a.arrow_right:hover {
	background-position: -58px 0;
}
.H_bann a.arrow_right:active, .H_bann a.arrow_right.active {
	background-position: -58px 0;
}
.H_bann .element .thumb {
	position: absolute;
}
.H_bann .element .thumb img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	zoom: 1;
}
.H_bann .point {
	padding-top: -30px;
	position: absolute;
	right: 100px;
	bottom: 20px;
	margin: 0 auto;
}
.H_bann #num span {
	width: 20px;
	height: 20px;
	margin-left: 10px;
	cursor: pointer;
	display: inline;
	float: left;
	background: url(../images/ico_ban_off.png) no-repeat; _background: url(../images/ico_ban_off.gif) no-repeat;
	text-indent: -9999px;
	line-height: 0px;
}
.H_bann #num .on {
	background: url(../images/ico_ban_on.png); _background: url(../images/ico_ban_on.gif);
}
/*---------banner end---------*/

#fl-t{ height:117px; width:100%;}
.bd-t0 { width:100%; height: 35px; background-color:#eee; border-top:#088a7e 2px  solid;}
.bd-t { width:1000px; margin:0 auto; height:35px; position:relative; }
.bd-t h3 { position:absolute;left:0px; height:35px;line-height:35px; font-size: 12px; color:#088a7e;}
#scrollDiv{ position:absolute;left:80px;width:500px;height:35px;line-height:35px;overflow:hidden}
#scrollDiv li{height:35px;padding-left:5px;}
.bd-t .bd-t-r{position:absolute;right:0px; top:10px;}
.bd-t .sp1 { position:absolute;right:198px; top:2px; height:35px;line-height:35px; font-size: 12px; font-weight:bold; color:#088a7e;}

#bd{ width:1000px; margin:0 auto;  overflow:hidden; margin-top: 20px; margin-bottom: 20px;  }

.title h2{ font-size:16px;border-bottom: 2px #088a7e solid; display:inline;  }

#bd .bd-l{ float:left; width:730px;}
#bd .bd-r{ float:right; width:270px;}


#bd .bd-l .clearfix { padding-top: 20px;}
#bd .bd-l .clearfix li{ float:left; width:115px; height: 160px; overflow:hidden; padding-right: 50px; text-align:center; }
#bd .bd-l .clearfix li a { font-size:14px;}
#bd .bd-l .clearfix li a img { padding-bottom:3px;}

.login0{ background-color:#eee; height:150px; margin-top:20px;}
.login0 #login2 {
	margin: 10px 10px; padding-top: 10px;
	
	text-align: left;}
.login0 table {
	text-align: right;
	border-collapse: collapse;}
.login0	#login2 .text,#login2 .text3,#login2 .text4 { 
		height: 16px;
		padding: 5px 0px;
		width: 195px;
		border: #999 1px solid ;
		background: url(../images/textBk1.gif) repeat-x left top;}
.login0	#login2 .text4 { width: 100px; padding-bottom: 10px;}
.login0	#login2 .text2 { padding-top: 10px;}
.login0	#login2 table td { 
		padding: 5px 0px;}
.login0	#login2 img { }
.login0 #login2 .left { text-align: left;}	

#ft01{ background-color:#ccc;}
#ft1{ width:1000px; margin:0 auto;  overflow:hidden; padding-top:10px; padding-bottom: 10px; }



#slide_right1{width:998px; margin:0 auto; margin-top:10px;  border:solid 1px #999; background-color:#fff;}
#slide_right1 ul{ height:30px;  background-color:#EEE; }
#slide_right1 ul li{color:#545454; width:99px; border-right: solid 1px #ccc; float:left; text-align:center; cursor:pointer;   LINE-HEIGHT:30px; height:30px;}
#slide_right1 .tab{ background-color:#FFF;}
#slide_right1 .hide{ display:none;}
#slide_right1 div{ padding: 15px;}
#slide_right1 div p a { padding:10px; line-height:40px;}
#slide_right1 div p a img {border:solid 1px #999; padding:2px 9px; }
#slide_right1 div p a img:hover {border:solid 1px #088a7e; padding:2px 9px; }
	
	

#ft0{ width:100%; height:148px; clear:both; overflow:hidden; color:#fff;   background-color:#545454;  }
#ft { height:128px; margin-top:10px;}
#ft .ft-l { float:left; width:719px; height:128px; padding-right:20px; border-right: 1px #3b3b3b solid; }
#ft .ft-r { float:right; width:259px; height:128px; border-left: 1px #6e6e6e solid; background:url(../images/img_weixin.jpg) no-repeat 20px 0;}
#ft .ft-r img { padding-left:20px; _padding-left:18px; }
#ft .ft-l h2 { font-size:16px; color:#FFF; border-bottom: 2px #088a7e solid; display:inline;}
#ft2 { width:1000px; margin:0 auto; height:35px; line-height:35px;}

/*----------about----------*/
#banner{ width:1000px; margin:0 auto;}
#con0{ background:#eee;}
#con { clear:both; padding-top: 10px; min-height:400px; _height:400px; overflow:visible; padding-right:0px; background:#fff;}
#con .con-t { width:980px; height:40px; background-color:#eee; margin-top: 10px; margin-left: 10px; position:relative; }
#con .con-t p { height: 40px; line-height: 40px; padding-left: 20px; color:#088a7e; }
#con .con-t p .selected {color:#088a7e; }
#con .con-t .con-t-r{position:absolute;right:20px; top:10px;}
#con .con-t .sp1 { position:absolute;right:198px; top:2px; height:40px;line-height:40px; font-size: 12px; font-weight:bold; color:#088a7e;}


#con .con-l {float:right; width: 220px; overflow: hidden; margin-right: 10px; margin-top: 20px;}

#con .con-l .leftMenu  { padding-bottom:10px; background-color:#eee;}
#con .con-l ul .list1 { text-align:right;  font-size:14px; font-size:14px;line-height:30px; padding-top: 5px;}
#con .con-l ul .list1 a { font-size:14px; margin:0 15px; color:#666; padding-top: 3px; display:block; background:url(../images/icon02.png) no-repeat 2px 12px; border-bottom:#ccc 1px solid;}
#con .con-l ul .list1 a:hover {color: #088a7e; background:url(../images/icon01.png) no-repeat 2px 12px; border-bottom:#088a7e 1px solid;}
#con .con-l ul .list1 .selected {color: #088a7e; background:url(../images/icon01.png) no-repeat 2px 12px; border-bottom:#088a7e 1px solid;}
#con .con-l ul .list1 ul .list2 { width: 200px; height: 28px; line-height: 28px; text-align:right;  border-bottom:none; }
#con .con-l ul .list1  ul .list2 a {font-size:12px; background:url(../images/icon-d.gif) no-repeat 0px 7px; padding-left: 10px; margin-right: 0px; _margin-right: 20px; _padding-top: 2px; color:#666; display:inline;border:none;  }
#con .con-l ul .list1 ul .list2 a:hover {color: #088a7e;}
#con .con-l ul .list1 ul .list2 .selected {  color: #088a7e; }




#con .con-l p { background-color:#eee; margin-top: 20px; padding: 10px;  }


#con .con-r { float:left; width:760px; overflow:hidden;  }
#con .con-r .title { padding-top: 15px;  }
#con .con-r .title h1{ 	font:14px/1.8 "宋体", arial, helvetica, clean, sans-serif;
	background: url(../images/icon-a.gif) no-repeat 25px 10px;
	font-weight:bold;
	color:#088a7e;
	height: 27px; line-height: 27px; padding-top: 3px;  padding-left: 35px; }

#con .con-r .content{clear:both; padding:25px; color:#666;}
/*----------products----------*/

#con .con-r .prolist  {clear:both; padding-top: 5px; padding-left:0; padding-bottom: 20px;}
#con .con-r .prolist .clearfix { padding-top: 20px; padding-left: 16px;}
#con .con-r .prolist .clearfix li{ float:left; width:168px; height: 150px; margin-bottom: 20px; overflow:hidden; margin-right: 18px; text-align:center; }
#con .con-r .prolist .clearfix li:hover{ background-color:#eee;}

#con .con-r .prolist .clearfix li img{ padding:3px; border: #088a7e 1px solid; }

#con .con-r .prolist #pg { text-align:center; }
.prolist .clearfix li a:hover{ color: #088a7e;}
/*----------newsList----------*/
#con .con-r .newslist { padding-top: 20px;}
#con .con-r .newslist .clearfix {padding:0px 20px;}
#con .con-r .newslist .clearfix li { width:720px; border-bottom:#999 1px dotted; margin-bottom:10px;}
#con .con-r .newslist .clearfix li a {background: url(../images/icon-cb.gif) left no-repeat; padding-left:25px;color:#666;  float:left;}
#con .con-r .newslist .clearfix li a:hover {color:#088a7e; }
#con .con-r .newslist .clearfix li span { color:#999; float:right;}
#con .con-r .newslist #pg { text-align:center; padding-top: 20px;}

/*-------------------------------login----------------------*/


#con .login{
	font-size: 14px;
	padding: 60px 0px 10px 320px;}
#con .login #login2 {
	margin: 20px 0px;
	padding-left: 50px;
	text-align: left;}
#con .login table {
	text-align: right;
	border-collapse: collapse;}
#con .login	#login2 .text,#login2 .text3,#login2 .text4 { 
		height: 16px;
		padding: 5px 0px;
		width: 250px;
		border: #999 1px solid ;
		background: url(../images/textBk1.gif) repeat-x left top;}
#con .login	#login2 .text4 { width: 100px;}
#con .login	#login2 .text2 { padding-top: 20px;}
#con .login	#login2 table td { 
		padding: 5px 0px;}
#con .login	#login2 img { vertical-align:middle;}
#con .login #login2 .left { text-align: left;}




/*-------------------------------regist----------------------*/
#con .regist {
	margin: 10px 0px 0px 0px;;
	padding-left:320px; padding-bottom: 60px;
	text-align: left;}
#con .regist table {
	text-align: right;
	border-collapse: collapse;}
#con .regist .text,#con .regist .text2,#con .regist .text3,#con .regist .text4 { 
		height: 16px;
		padding: 5px 0px;
		width: 250px;
		border: 1px solid rgb(160,160,160);
		background: url(../images/textBk1.gif) repeat-x left top;}
#con .regist .text2 { width: 150px;}
#con .regist .text3 { width: 300px;}
#con .regist .text4 { width: 100px;}
#con .regist table td { 
		padding: 5px 0px;}
#con .regist img { vertical-align:middle;}
#con .regist .left { text-align: left;}


/*-------------------------------count----------------------*/
#con .count-l { float:right;  width:230px; margin-right:10px; border-top:none;  margin-top:15px; overflow:hidden;}
#con .count-l a { color: rgb(130,75,41);}
#con .count-l a:hover { text-decoration: none;}
#con .count-l h4 {
		height: 37px;
		font: bold 16px/37px "宋体";
		color: rgb(130,75,41);
		padding-left: 45px;
		background: red url(../images/myCount.jpg) no-repeat left top;}
#con .count-l dl { 
		border: 1px solid rgb(200,165,130);
		padding: 2px 0px;
		margin-bottom: 10px;}
#con .count-l dt a{ 
		display: block;
		font: 14px/30px "宋体";
		padding-left: 35px;
		background: url(../images/ddBk1.jpg) no-repeat 15px center;}
#con .count-l .dt2 a{ background: url(../images/ddBk2.jpg) no-repeat 15px center;}
#con .count-l .dt3 a{ background: url(../images/ddBk4.jpg) no-repeat 15px center;}
#con .count-l dd a{
		display: block;
		line-height: 30px;
		padding-left: 45px;
		background: url(../images/listBk4.gif) no-repeat 35px center;}
#con .count-l dl a:hover { background:url(../images/dtBk6.jpg) no-repeat left;}
#con .count-l dl .selected { background:url(../images/dtBk6.jpg) no-repeat left;}
#con .count-l .count { background: url(../images/dtBk6.jpg) no-repeat left top;}


#con .count-r {
	width:730px;
	padding-left: 10px;
	float: left; margin-top:15px;}
#con .count-r img { padding-bottom: 10px;}
#con .count-r table {
	border-collapse: collapse;
	border: 1px solid rgb(224,206,194);
	width:728px;
	margin-bottom: 10px;}
#con .count-r .tHd {
		height: 29px;
		padding-left: 10px;
		font: bold 14px/29px "宋体";
		color: rgb(45,45,45);
		background: url(../images/tdBk.jpg) repeat-x left top;} 
#con .count-r .tHd a { font-size: 12px;}

#con .count-r td { 
		border: 1px solid rgb(224,206,194);
		padding-left: 10px;
		line-height: 29px;
		}

#con .count-r .td1 {
		width: 100px;
		background: rgb(249,244,241);}
#con .count-r .td2 {
		text-align: center;}
		
		
	
	
/*-------------------------------order----------------------*/

#con .order { margin-top:5px;}
#con .order-r { 
	width: 970px;
	padding-left: 10px; float:right;}
#con .order-r .preview {}

#con .order-r .preview img {
		float:left;
		width: 300px;
		height: 390px;
		padding-left: 50px;}
#con .order-r .preview .rPreview {
		float: left;
		width: 350px;
		height: 390px;
		padding: 20px 0px 0px 40px;}
#con .order-r .preview .rPreview h2 {
			font: bold 14px/40px "宋体";
			color: #333;}






#con .order-r .preview .rPreview .rBrand {
			font-weight: bold;
			color: #999;}
#con .order-r .preview .rPreview .rOpr span {
			color: #ccc;
			text-decoration: line-through;}
#con .order-r .preview .rPreview .rNpr span {
			font: bold 14px "宋体";
			color: rgb(153,0,0);}

#con .con-r .about { width:983px; border:solid 1px #ccc; margin-top:5px; margin-bottom: 10px; }
			
#con .order-r .preview .myForm2 {
			display: block;
			margin: 10px 0px;
			width: 328px;
			border: 1px solid rgb(255,207,207);
			padding:10px;}
			#textarea1 {
				height: 50px;
				width: 320px;
				border: 1px solid rgb(235,235,235);}
#con .order-r #numBuyPro { 
				width: 30px;
				padding: 3px 0px;
				border: 1px solid #ddd;}
#con .order-r #btnPutShopCart {
				background: url(../images/putShopCarBk.jpg) no-repeat left bottom;
				padding-top: 10px;
				width: 167px;
				height: 51px;
				}
#con .order-r .proIntro {
	clear: both;
	margin-bottom: 20px;
	border-top: 1px solid #888;
	position: relative;
	}
	
	
	
#con .order-r .proIntro h2 {
		position: absolute;
		top: -38px!important;
		top: -37px;
		left: 20px;
		width: 134px;
		text-align: center;
		font: 14px/38px "幼圆","宋体";
		background: url(../images/proIntroBk.jpg) no-repeat left top;}
#con .order-r .proIntro div {
		padding: 5px;
		border: 1px solid #ddd;
		margin-top: 20px;}
#con .order-r .proIntro h3 {
		background: #ddd;
		font-size: 12px;
		padding: 0px 10px;}
#con .order-r .proIntro p { color: #333;}
#con .order-r .proIntro { font-size: 0px;}
#con .order-r .proIntro h2,#rSide .proIntro h3,#rSide .proIntro p{ font-size: 12px;}