﻿ body
{
	color: #232323;
	padding: 0px auto;
	margin: 0px auto;
	line-height: 160%;
	font-size: 12px;
	text-align: center;
	background-image: url(../images/bg.gif);	
	background-color: transparent;
	background-repeat: repeat;
	background-position: center top;
}

*
{
padding: 0px auto;
	margin: 0px auto;	
	}
a:link
{
	color: #5a4d47;
	text-decoration: none;
}
a:visited
{			color: #5a4d47;
	text-decoration: none;
	}
a:hover
{
	color: #09080e;
	text-decoration:underline;
}

a:active
{	color: #09080e;
	text-decoration:underline;
	}	
	
.clear{
clear:both;
}

div.art_text
{
	line-height: 160%;
	text-align: left;
	text-indent: 2em;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 1px;
	padding-top: 5px;
}
p.details
{
	padding: 5px 15px 5px 15px;
	font-size: 11px;
}

#topdiv
{
	width: 900px;
	height: auto;
	text-align: center;

}
/*head*/
#head
{
	width: 900px;

}
	#menus
	{
		width:800px;
		}
	#headtop
{
	background-image: url(../images/headtop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 88px;
		
}
#logo
{
	float: left;
	width: 208px;
	height: 42px;
	margin-top: -10px;
}
#topmenu
{	margin-top: 5px;
	float: right;
	height: 42px;
	margin-right: 20px;
}
.layout
{
	background-image: url(../images/headimg.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 196px;
	background-color: #ffffff;
}
 

.btn
{
	background-image: url(../images/button.JPG);
}
input, textarea
{
	border: 1px solid #626262;
	font: normal 1em "Trebuchet MS" , Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
}


/* Search */

#search {
	float: right;
	width: 200px;
	height: 20px;
	/*background: #FFFFFF url(images/img02.gif) no-repeat;*/
}

#search #x {
	display: none;
}

#search #s {
	padding: 6px 5px 5px 35px;
	width: 160px;
	height: auto;
	background: none;
	border: none;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #000;
}

#search br {
	display: none;
}
#top
{
	
	
}

/*center*/
.center_content
{
	width: 900px;
	height: auto;
	padding-top:20px;
	background-color: #ffffff;
	background-image: url(../images/centertop.gif);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position-y: top;
}

/*Default.aspx*/

	.main_product_box
{
	width: 190px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


	.main_new_prod_box
{
	width: 190px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
.main_new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.main_new_prod_bg
{
	float: left;
	width: 100px;
	height: 90px;
	text-align: center;
	background: url(../images/new_prod_box.gif) no-repeat center;
	position: relative;
	margin-right: 5px;
}
.main_content
{float:left;
	width:315px;
	}
.main_content .righttext
{
	width: 310px;
	text-align: left;
	margin-bottom: 10px;

	padding-left: 5px;
	font-size: 12px;

}
.main_content .righttext ul li
{
	border-bottom: lightgrey 1px dotted;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


#contack
{
	text-align: left;
	padding-left: 5px;
	margin-top: 20px;
	border-top: #dcdcdc 1px solid;
	padding-top: 10px;
}



.Deftitle
{
	width: 600px;
	border-bottom: whitesmoke 1px solid;
	clear: right;
	text-align: left;
	background-image: url(../images/youbiaotibg.gif);
	height: 17px;
	padding-bottom: 3px;
	
	padding-top: 20px;
	
}
.Deftitle2
{
	width: 600px;
	border-bottom: whitesmoke 1px solid;
	clear: right;
	text-align: left;
	background-image: url(../images/youbiaotibg3.gif);
	height: 15px;
	padding-bottom: 3px;
	
	padding-top: 15px;
	
}
.Deftitle .titlespan
{
	color: #7095f6;
	margin-left: 3.0em;
	font-size: 17px;
	font-weight: bold;
}
	.Deftitle2 .titlespan
{color: #7095f6;	margin-left: 3.0em;font-size: 17px;font-size: 17px;
	font-weight: bold;
	}
	.deftext
{
	width: 578px;
	height: auto;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8BD5F2;
	border-bottom-color: #8BD5F2;
	border-left-color: #8BD5F2;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	text-indent: 1.5em;
}
#remenbottom
{
	margin:0px;
	}
#remenhead
{
	margin:0px;
	}
.deftext1
{
	padding-right: 10px;
	padding-left: 10px;
	width: 580px;
	margin: -3px 0px;
	padding-top: -2px;
	padding-bottom: -2px;
	background-image: url(../images/remensscenter.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
}
.about
{
	font-size: 12px;
	text-align: left;
	text-indent: 2em;
}

.center_top
{
	width: 900px;
	padding-top: 15px;
	padding-bottom: 15px;
 	border-bottom: lightcyan 1px dotted;
}
.content_left
{
	float: right;
	width: 640px;
	padding-bottom: 15px;
	padding-left: 5px;

	
}
 .content_right
{
	float: left;
	width:200px; /*background: url(../images/shadow.gif) no-repeat right top;*/
		 
}

.text_content
{
 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 15px;
}
#page
{
	width: 870px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 15px;
	background-image: url(../images/backline.gif);
	background-position-x: 230px;
	background-repeat: repeat-y;
}
 /*----------------导航------------------*/
.crumb_nav
{
	width: 100%;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	border-bottom: lightsteelblue thin ridge;
}

.crumb_nav a{
color:#11819E;
}

/* Content */
.serviceleft {
	width:49%;
	float:left
}

.serviceright {
	width:50%;
	float:right;
}
.servicelink
{
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
}

.servicelink ul {
	margin:0px;
	padding:0px;
}

.servicelink li
{
	display: block;
	background: url(../images/disc.gif) 0px 5px no-repeat;
	list-style: none;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;

}

.servicelink li a
{
	color: #000000;
}

.servicelink li a:hover
{
	color: #696969;text-decoration: underline;
}

.post
{
	margin-bottom: 25px;
}

.post .date {
	float: left;
	width: 70px;
	margin: 0 15px 0 0;
	padding: 2px 0;
	background: #C9E5FC;
	border: 1px solid #C9E5FC;
	text-align: center;
	font-size: 11px;
	color: #3F4C6B;
}

.post .date b {
	display: block;
	padding: 5px 0;
	background: #F4FAFE;
	font-size: 24px;
	font-weight: normal;
}

.post .title {
	margin: 0;
}
.post .title1
{
	margin: 0;
	text-align: left;
}
.post .title1 h2 {
	font-size: 1.6em;
	line-height:160%;
}
.post .title1 p {
	margin: 0;
	line-height: normal;
	color: #BABABA;
}

.post .title1 p a {
	color: #BABABA;
}
.post .meta
{
	margin: 5px 0px;
	color: #B2B7C4;
}

.post .entry
{
	line-height: 200%;
	text-align: left;
	text-indent: 2em;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;

}


.post .links
{
	width: 100%;
	height: 29px;

	padding-bottom: 0px;
	
	padding-right: 0px;
	padding-top: 5px;
	border-bottom: #87cefa 1px dotted;
}

.post .links a
{
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 0px;
}

.post .links a:hover {
	text-decoration: underline;
}

.post .links .more1 {
	background: url(../images/img09.gif) no-repeat;
}

.post .links .comments {
	background: url(../images/img10.gif) no-repeat;
}
/*---------------contact_form------------------*/
.contact_form
{
	float: left;
	padding: 25px;
	margin: 20px 0 0 15px;
	_margin: 20px 0 0 5px;
	position: relative;
	width: 500px;
	border-bottom: #a2c8d2 1px dashed;
	border-left: #a2c8d2 1px dashed;
	border-top: #a2c8d2 1px dashed;
	border-right: #a2c8d2 1px dashed;
}
.form_row
{
	width: 100%;
	clear: both;
	padding: 5px 0 5px 0;
	_padding:5px 0 5px 0;
	color: #a53d17;
	text-align: center;
}
span.must
{
	float: left;
	color: #cc0000;
	padding-left: 25px;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
select.contact_select
{width:265px;
height:22px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
	}
textarea.contact_textarea{
width:300px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
width:53px;
height:24px;
display:block;
 
margin:0 0 0 10px;
background:url(../images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#333333;
}
a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle
{
	position: absolute;
	top: -11px;
	left: 7px;
	width: auto;
	height: 20px;
	text-align: center;
	padding: 0 7px 0 7px;
	color: #0066cc;
	font-size: 11px;
	line-height: 20px;
	background-color: #f0f9d2;
}
/*right_text*/
.right_text
{
	width: 250px;
	text-align: left;
}
.blackfont
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #6b6b6b;
	padding: 0px;
	margin: 10px 0px 5px;
}
.blackfont img
{
	margin-left: 2px;
	margin-right: 5px;
}
.bluefontlight {
	font:12px Arial, Helvetica, sans-serif;
	color: #6b6b6b;
}


/*Ucright*/

.ucleft
{
	float: left;
	width: 200px;
	 
	padding-right: 10px;

}
.ucleft .content
{	width: 200;}
.ucleft .content .title
{
	color: #003366;
	font-size: 16px;
	text-align: left;
	height: 14px;
	width: 200px;
	vertical-align: bottom;
	text-indent: 1em;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	background: url(../images/uclefttl1.gif) no-repeat left bottom;
}
span  .title_icon 
{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
}
 .title_icon img
{
	margin-top: 5px;
}
.ucleft .righttext
{
	width: 183px;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;

}
.righttext ul {
	margin:0px;
	padding:0px;
}

.righttext li
{
	display: block;
	list-style: none;
	text-align: left;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	margin-left: 0em;
	border-bottom: lightgrey 1px dotted;
}

.righttext li a
{font-size: 12px;
	color: #000000;
	background: url(../images/disc_1.gif) no-repeat 5px 5px;
	padding-left: 20px;
	line-height: 160%;
}

.righttext li a:hover
{
	color: #696969;
	text-decoration: underline;
	
}
/*foot*/
.foot
{
	width: 860px;
	height: 50px;
	clear: both;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	background-image: none;
	color:#003156;
border-top:1px #B2BFA7 dotted;
}
.foot .apleft
{
	float: left;
	width: 400px;
	text-align: left;	font-size: 12px;
}
.foot .apright
{
	text-align: right;
	float: right;
	width: 400px;
	font-size: 12px;
}

/*products*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details
{
	padding: 10px 0 10px 0;
	margin: 0px 20px 10px 40px;
	clear: both;
	text-align: center;
}
.feat_prod_box_details p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.more_details
{
	padding: 25px 20px 0px 20px;
	font-size: 12px;
	text-align: left;
}
.feat_prod_box p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_title{
color:#42b1e5;
padding:5px 0 0 15px;
font-size:13px;
}
.prod_det_box
{
	width: 295px;
	float: left;
	padding: 0 0 0 25px;
	position: relative;
	text-align: left;
}
.box_top{
width:360px;
height:9px;
background:url(../images/box_top.gif) no-repeat center bottom;
}
.box_center
{
	width: 350px;
	height: auto;
	background: url(../images/box_center.gif) repeat-y center;
	padding-left: 5px;
	padding-right: 5px;
}
.box_bottom{
width:360px;
height:9px;
background:url(../images/box_bottom.gif) no-repeat center top;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}

.new_prod_box
{
	float: left;
	text-align: center;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	width: 110px;
}
.new_prod_detaile
{float: left;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	width: 145px;
	}
.product_box
{width:49%;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg
{
	width: 100px;
	height: 90px;
	text-align: center;
	background: url(../images/new_prod_box.gif) no-repeat center;
	position: relative;

}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
img.thumb{
padding:5px 0 0 0;
width:80px;
height:70px;
}
/* demo */

div.demolayout {
width:530px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab
{
	border: 1px #DFDFDF solid;
	width: 100%;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: left;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#11819E;
}



.tabs-container {
clear: left;
padding:0px;
}

	  /*分页控件*/
 .paginator
{
	padding-bottom: 15px;
	padding-top: 0px;
}
.paginator a {padding: 1px 3px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 3px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 3px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

/*留言板*/
.msg_box
{width: 570px; border-bottom:1px #b2b2b2 dashed; margin-top: 5px; margin-bottom: 10px;}
 .msg_box .controls
{
	width: 550px;
	height: 12px;
	margin-bottom: 15px;
	
}
.msg_box .details
{
	width: 570px;
	text-align: left;
	 
}
.msg_box .dosth
{float: right;
	}
	.dosth img
{
	width: 15px;
	height: 15px;
	margin-top: 4px;
}
.controls .msgdate
{float: left;
	}
	.msg_box .msg_title
{
	color: #081113;
	background-image: url(../images/bar_bg.gif);
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 20px;
} 
.msg_title img
{
	 
	padding-left: 15px;
	 
}
	.msg_box .msg
{
	width: 550px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 25px;
	padding-top: 5px;
	text-align: left;
	border-bottom: whitesmoke 1px inset;

}

/*推荐文章*/
.lp_successpad
{
	float: left;
	width: 579px;
	background: #F8F9F9;
	display: inline;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.lp_text span
{
	text-align: left;
	vertical-align: top;
	text-indent: 2em;
}
.lp_text img
{
	float: right;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #f2ffe7;
	padding-top: 3px;
	margin: 5px;
}
.lp_text
{
	width: 580px;
	vertical-align: top;
	line-height: 160%;
}

/*website*/
#website
{
	text-align: left;
	padding-left: 20px;
}
#website ul
{
	list-style-type: none;
}
#website .folderopen
{display: block;
	
	
 
	list-style: none;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	background: url(../images/folder-open.gif) no-repeat left top;
	 
 
}
#website .folder
{
	background: url(../images/folder.gif) no-repeat left top;
	display: block;
	
	
 
	list-style: none;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
}

/*quicklink*/
.quicklink
{
	background: url(../images/quicklink.gif) no-repeat 5px center;
	text-align: left;
	border-bottom: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 5px;
}
#tuijianlink
{
	text-align: left;
	width: 550px;
	padding-left: 30px;
}
#tuijianlink a
{
	padding-left: 10px;
	padding-right: 10px;
}
.morelink
{
	padding-left: 10px;
	text-align: left;
	width: 550px;
	padding-top: 20px;
	font-size: 12px;
}
	.morelink a
{font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	background : url(../images/speater.gif) no-repeat left center;
 
}
/*阅读更多*/
.more_read
{float: right;
	height: 12px;
	text-align: right;
width:120px;
}
.more_read .more
{
 
}a.more
{
	font-style: normal;
	color: #0033ff;
	padding: 0px 0px 0 0;
	margin: 0px;
}
.more_read .more img
{

}
/*uctext.ascs*/
#con_bottom
{
	width: 650px;
		padding: 0px 0px 0 0;
	margin: 0px;

}
.conproduct
{width:100%;
	clear:both;
	}
.conproduct	.titlediv
{
	color: #0033ff;
	font-size: 18px;
	text-align: left;
	height: 14px;
	vertical-align: bottom;
	text-indent: 2em;
	padding-top: 10px;
	background-image: url(../images/line.gif);
	background-position: left 70%;
	border-bottom: #3366ff 1px;
	width: 99%;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
.conproduct	.titlediv .title
{float:left;
	width:auto;
	}
	.conproduct .about
	{
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	clear:both;
	width:100%;}
	
	
.conproduct .flashdiv
{
	float: right;
	width: 270px;
	height: 200px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
.conproduct .flashdiv .flash
{ 
	width: 270px;
	height: 200px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
	
/*uclist.ascx*/
.uclist
{
	width: 99%;clear:both;
	text-align: left;
}
.uclist	.titlediv
{
	color: #0033ff;
	font-size: 18px;
	text-align: left;
	height: 14px;
	vertical-align: bottom;
	text-indent: 2em;
	padding-top: 10px;
	background-image: url(../images/line1.gif);
	background-position: left 70%;
	border-bottom: #3366ff 1px;
	width: 99%;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
.uclist	.titlediv .title
{float:left;
	}
/*ucproduct.ascx*/
.ucproduct
{width:100%;clear:both;
	}
	.ucproduct .titlediv
{
	color: #0033ff;
	font-size: 18px;
	text-align: left;
	height: 14px;
	vertical-align: bottom;
	text-indent: 2em;
	padding-top: 10px;
	background-image: url(../images/line2.gif);
	background-position: left 70%;
	border-bottom: #3366ff 1px;
	width: 99%;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.ucproduct	.titlediv .title
{float:left;
	width:150px
	}
	/*uccontact*/
.uccontact
{
	clear:both;
	width: 100%;
	text-align: left;
}
	.uccontact	.titlediv
{
	color: #0033ff;
	font-size: 18px;
	text-align: left;
	height: 14px;
	vertical-align: bottom;
	text-indent: 2em;
	padding-top: 10px;
	background-image: url(../images/line3.gif);
	background-position: left 70%;
	border-bottom: #3366ff 1px;
	width: 99%;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
.uccontact	.titlediv .title
{float:left;
	}