/* Reset CSS Document zh c it*/
body,div,iframe,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,caption,form,input,button,select,textarea {
	margin:0;
	padding:0;
}
input,button,textarea,select{font-size:100%}
h1,h2,h3 h4, h5, h6,em { font-size: 100%; font-weight: normal; font-style: normal; } 
ol,ul {list-style:none;}
img {border:0; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
table {border-collapse:collapse;border-spacing:0;}
hr {height:1px;border-top-width: 1px;border-top-style: solid;border-top-color: #dddddd;}
.clear {clear:both;font-size:0;height: 1px;overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{zoom:1;}.clr { clear: both; }

body{
	font-size: 10.5pt;
	color: #000;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited { text-decoration: none; color: #2B2B2B; }
a:hover { text-decoration: none; color: #3075C0; }
a:active {text-decoration: none;color: #00C;}


#demo {
	overflow:hidden;
	width: 100%;
	height:210px;
	padding-top: 10px;
	padding-bottom: 18px;
}
#demo img { padding: 5px; border: 1px solid #F3F3F3; display: block; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#indemo {float: left;width: 800%;}
.demo-box {
	width:220px;
	height:200px;
	float:left;
	text-align:center;
	margin-right: 5px;
	margin-left: 5px;
}
.demo-box span { line-height:22px; font-size: 12px; color: #333333; display: block; background-color: #F3F3F3; font-weight: 700; height: 22px; }
#demoa {
	overflow:hidden;
	width: 100%;
}
#indemoa {
	float: left;
	width: 100%;
}
#demoa1 {float: left;}
#demoa1 img
	{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	}
#demoa2 {float: left;}
.InputBorder { border:solid 1px #CCCCCC; padding:2px; font-size: 12px; }
.fl { float: left; }
.fr { float: right; }


#zh { width: 1440px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFFFFF; padding: 1px; overflow: hidden; }
#header {width: 100%;}
#navMenu { background-image: url(../images/nav-bg.jpg); background-repeat: no-repeat; height: 33px; width: 100%; padding:0 100px; margin-bottom:2px;}
#navMenu li {
	display: block;
	float: left;
	height: 33px;
	line-height: 33px;
	text-align: center;
	padding-right: 30px;
	padding-left: 20px;
}
#navMenu a {
	font-size: 14px;
	color: #FFFFFF;
	display: block;
}

#navMenu a:link,#navMenu a:visited { color: #FFFFFF; text-decoration: none; }
#navMenu a:hover,#navMenu a:active { text-decoration: underline; }
#wraper { margin-top: 2px; }
#sb { float: left; width: 343px; }
#mb { float: right; width: 928px }
#sb .tl,#mb .r .tl,#mb .tl2  { background-image: url(../images/tl-bg.jpg); background-repeat: repeat-x; background-position: 0px 0px; height: 28px; }
#sb .tl h3,#mb .r .tl h3,#mb .tl2 h3 { font-size: 14px; font-weight: 700; color: #FFFFFF; line-height: 28px; float: left; padding-left: 25px; background-image: url(../images/tl-h3.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 140px; height: 28px; }
.box { background-color: #FFFFFF; }
#prolist { padding: 8px; }
#prolist li { background-image: url(../images/dot-1d.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 10px; line-height: 24px; }
.mt10 {
	margin-top: 5px;
}
#prolist dd.collapsed { display: none;}
#sb .tl span,#mb .r .tl span,#mb .tl2 span { float: right; line-height: 28px; padding-right: 6px; background-image: url(../images/tl-span.jpg); background-repeat: no-repeat; background-position: right 0px; }
#sb .tl a,#mb .r .tl a,#mb .tl2 a { color: #FFFFFF; }
.newslist { padding: 8px; }
.newslist li { line-height: 28px; background-image: url(../images/list-dot.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px;border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E3E3E3; }

.piclist li {text-align: center;}
#sb .cer { text-align: center; padding-top: 8px; padding-bottom: 8px; }
#mb .m { float: left; width: 928px; }
#mb .r { float: right; width: 205px; }
#mb .m .tl,#page .tl{ height: 27px; background-image: url(../images/tl-bg.jpg); }
#mb .m .tl h3,#page .tl h3 {
	background-image: url(../images/tl2-h3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 14px;
	font-weight: 700;
	float: left;
	padding-left: 25px;
	color: #FFF;
	line-height: 26px;
	padding-top: 1px;
}
#mb .m .tl span,#page .tl span { float: right; padding-top: 8px; background-image: url(../images/tl-span.jpg); background-repeat: no-repeat; background-position: right 0px; padding-right: 8px; }


#about { color: #333333; padding: 8px; }
#about p { line-height: 22px; text-indent: 24px; }
#newpro {
	height: 340px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
}

#video { padding-top: 9px; padding-bottom: 8px; text-align: center; }
#customers { padding-top: 10px; height: 200px; text-align: center; }

#guestbook { padding: 7px; line-height: 20px; }
#guestbook #maqT2 { height: 235px; margin-right: auto; margin-left: auto; overflow:hidden; }
#guestbook #maqT2 span { line-height: 22px; }
#guestbook #maqT2 a { color: #333333; }
#guestbook #maqT2 p { color: #666666; line-height: 20px; padding-bottom: 10px; }
#foot { margin-top: 8px; }
#foot .nav { line-height: 32px; height: 34px; background-image: url(../images/nav-bg.jpg); padding-top: 1px; text-align: center; color: #FFFFFF; }
#foot .info {
	color: #666666;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
}
#foot .nav a { color: #333333; }
#foot .nav span { padding-right: 12px; padding-left: 12px; font-family: Tahoma; }
#page { float: right; width: 928px }


#page #content { border: 1px solid #D8E9D0; }
#page #content .info { text-align: right; float: right; width: 80px; }
#page #content .info img { border: 1px solid #DFDFDF; }
#page #newlist { padding: 10px; }
#page #newlist li { font-size: 12px; line-height: 28px; background-image: url(../images/list-dot.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E3E3E3; }

#page #newlist a { color: #333333; }
#page #newlist .date { float: right; font-family: Tahoma; font-size: 12px; }
#page #content .handle .context { float: left; width: 650px; }
#page #content .handle { padding-top: 8px; height: 40px; margin-top: 5px; border-top-width: 1px; border-top-style: dashed; border-top-color: #E3E3E3; }
#content .title { text-align: center; }
#content .title h2 { font-size: 12pt;  font-weight: 700; margin-top:30px; margin-bottom:20px;}
#content .title p { color: #666666; font-family: Tahoma; font-size: 12pt; }
#content .title small { font-size: 12px; padding-left: 5px; padding-right: 5px; }
#content .content {
	font-size: 10.5pt;
	line-height: 22px;
	margin-top:20ox;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
}
#content .content h3
	{
 	font-size: 12pt; 
	font-weight: 600;
	margin-top:15px;
	margin-bottom:20px;

	}
#content .content h2
	{
 	font-size: 12pt; 
	font-weight: 700;
	margin-top:15px;
	margin-bottom:20px;
	color:#FF6C0D;
	}
#content .content h1
	{ 
	text-align:center;
 	font-size: 12pt; 
	font-weight: 700;
	margin-bottom:20px;
	color:#FF6C0D;
	}

#content .content dl
	{
 	font-size: 11pt; 
	font-weight: 700;
	margin-top:15px;
	margin-bottom:15px;

	}
#content .content p 
	{
     font-family:微软雅黑;
	 font-size:10.5pt;
	 padding:10px 0 ;
	}
#content .content ul
	{
	margin-bottom:8px;
		}
#content .content li
	{
	 list-style-type: disc;
	 margin-bottom:3pt;
	 margin-left:30pt;
     font-family:微软雅黑;
	 font-size:10.5pt;
	}
#content .grid-container4
 {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 24.7% 24.7% 24.7% 24.7%;
  padding: 0px;
}

#content .grid-container3 
{
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 33.3% 33.3% 33.3%;
  padding: 0px;
}	
#content .grid-container2 
{
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 49.5% 49.5%;
  padding: 0px;
}
#content .grid-container1
{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 99%; 	  		 
	padding: 0px;
}
#content .grid-item
{
  border: 0px solid rgba(0, 0, 0, 0.8);
  padding: 0px;
  font-size: 15px;
  text-align: center;
  border-radius: 10px;
}

#content .content img 
{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width:100%;
}


/*评论
------------*/
.decmt-box{
	width:98%;
	padding:6px 5px;
	margin:0px auto;
	overflow:hidden;
	clear:both;
}
.decmt-box span.fr{
	float:right;	
	}
.decmt-box span.title{
	float:left;
	line-height:20px;
	width:600px;
	}
.decmt-box ul{
	}
.decmt-box ul li{
	width:100%;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
	overflow:hidden;
	}
.decmt-box ul li a.plpic{
	float:left;
	width:40px;
	height:40px;
	padding:2px;
	border:1px solid #DFD9B9;
	background:#F9FDED;
	margin-right:5px;
	overflow:hidden;
	}
.decmt-box ul li p{
	float:left;
	width:630px;
	line-height:22px;
	}
.decmt-box .comment_act{
	float:left;
	width:630px;
	line-height:20px;
	color:#aeaeae;
	}
.decmt-box .comment_act a{
	color:#aeaeae;
	}
	
.decmt-box1{
	width:98%;
	padding:6px 5px;
	margin:0px auto;
	overflow:hidden;
	clear:both;
}
.decmt-box1 span.fr{
	float:right;	
	}
.decmt-box1 span.title{
	float:left;
	line-height:20px;
	width:600px;
	}
.decmt-box1 ul{
	}
.decmt-box1 ul li{
	width:100%;
	border-bottom:1px dashed #ccc;
	padding:10px 0;
	overflow:hidden;
	}
.decmt-box1 ul li a.plpic{
	float:left;
	width:40px;
	height:40px;
	padding:2px;
	border:1px solid #DFD9B9;
	background:#F9FDED;
	margin-right:5px;
	overflow:hidden;
	}
.decmt-box1 ul li p{
	float:left;
	width:880px;
	line-height:22px;
	}
.decmt-box1 .comment_act{
	float:left;
	width:880px;
	line-height:20px;
	color:#aeaeae;
	}
.decmt-box1 .comment_act a{
	color:#aeaeae;
	}


.dede_comment .decmt-box .decmt-title{
	line-height:19px;
	color:#999;
	font-family:Tahoma;
}
.dede_comment .decmt-box .decmt-title span{
	margin-right:2px;
	vertical-align:middle;
}
.dede_comment .decmt-box .decmt-title .moodico{
	height:18px;
	width:18px;
	display:inline-block;
}
.dede_comment .decmt-box .decmt-title .username{
	color:#669;
}
.dede_comment .decmt-box .decmt-title .username a{
	color:#669;
}
.dede_comment .decmt-box .decmt-title .username a:hover{
	text-decoration:none;
	color:#690;
}
.dede_comment .decmt-box .decmt-title .ip{
	color:#669;
	font-size:11px;
}
.dede_comment .decmt-box .decmt-title .date{
	color:#555;
	font-size:11px;
}
.dede_comment .decmt-box .decmt-act{
	float:right;
	margin-top:-18px;
	padding-right:10px;
	position:relative;
	clear:both;
	color:#999;
}
.dede_comment .decmt-box .decmt-act span{
	margin-right:7px;
}
.dede_comment .decmt-box .decmt-act span a{
	color:#888;
}
.dede_comment .decmt-box .decmt-content{
	color:#555;
	line-height:21px;
	clear:both;
	width:99%;
	margin:2px auto 0px;
/*	background:url(../images/ico-comment-quote.gif) 0px 4px no-repeat;
	text-indent:18px;*/
}
.dede_comment .decmt-box .decmt-content img{
	vertical-align:middle;
}
.decmt-content .decmt-box,.dede_comment .decmt-box .decmt-box {
	background:#FFE;
	border:1px solid #CCC;
	margin:6px auto;
}
.dede_comment .decmt-box .decmt-box .decmt-title{
	text-indent:4px;
}
.dede_comment .decmt-box .decmt-box .decmt-content{
	color:#555;
}
.nocomment{
	padding:10px;
	color:#666;
}
.dede_comment_post{ padding:5px; height: 200px; 
}
.dcmp-title{
	line-height:25px;
}
.dcmp-title strong{
	color:#444;
	font-weight:normal;
}
.dcmp-title small{
	font-size:12px;
	color:#999999;
}
.dcmp-stand{
	float:right;
	margin-top:-18px;
	padding-right:10px;
	position:relative;
	clear:both;
	color:#999;
}
.dcmp-stand strong{
	font-weight:normal;
	color:#444;
}
.dcmp-stand input{
	margin-right:2px;
}
.dcmp-stand img{
	vertical-align:middle;
	margin-right:2px;
}
.dcmp-content{ width:450px; padding-top:8px; float: left; 
}
.dcmp-content textarea{
	height:100px;
	width:450px;
	float:left;
}
.dcmp-content1{
	width:700px;
	padding-top:8px;
}
.dcmp-content1 textarea{
	height:100px;
	width:700px;
	float:left;
}
.dcmp-mood{
	height:25px;
	width:212px;
	margin-top:8px;
	float:right;
}
.dcmp-mood strong{
	float:left;
	color:#444;
	font-weight:normal;
	line-height:25px;
}
.dcmp-mood ul{
	float:left;
}
.dcmp-mood ul li{
	float:left;
	margin-right:8px;
	height:30px;
}
.dcmp-mood ul li input,.dcmp-mood ul li img{
	vertical-align:middle;
	margin-right:4px;
	*margin-right:0px;
}
.dcmp-post{
	height:35px;
	overflow:hidden;
	clear:both;
	color:#444;	
	padding:5px 0 10px 0;
}
.dcmp-post .dcmp-userinfo{
	float:left;
	margin-right:6px;

}
.dcmp-post .dcmp-userinfo input{
	height:13px;
	padding-right:0px;
}
.dcmp-post .dcmp-userinfo input,.dcmp-post .dcmp-userinfo img{
	vertical-align:middle;
	margin:5px;
}
.dcmp-post .dcmp-submit{
	float:left;
	padding-top:6px;
}
.dcmp-post .dcmp-submit input,.dcmp-post .dcmp-submit button{
	vertical-align:middle;
}
.dcmp-post .dcmp-submit button{
	width:70px;
	height:25px;
	border:none;
	background:url(../images/btn-bg2.gif) no-repeat;
	line-height:25px;
	letter-spacing:1px;
	overflow:hidden;
	color:#444;
	cursor:pointer;
	margin-left:5px;

}

/* 代码高亮 */
pre{font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:auto; margin:0 0 1em 0; background:#F7F7F7; }
pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}
pre a, pre a:hover{background:none; border:none; padding:0; margin:0}
pre ol{list-style:decimal; background:#F7F7F7; margin:0px 0px 1px 3em !important; padding:5px 0; color:#5C5C5C; border-left:3px solid #146B00;}
pre ol li{list-style:decimal-leading-zero; list-style-position:outside !important; color:#5C5C5C; padding:0 3px 0 10px !important; margin:0 !important; line-height:1.3em}
pre ol li.alt{color:inherit}
pre ol li span{color:black; background-color:inherit}
pre .comment, pre .comments{color:#008200; background-color:inherit}
pre .string{color:blue; background-color:inherit}
pre .keyword{color:#069; font-weight:bold; background-color:inherit}
pre .preprocessor{color:gray; background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069; font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}
pre .dp-sql .func{color:#ff1493}
pre .dp-sql .op{color:#808080}
pre .dp-rb .symbol{color:#a70}
pre .dp-rb .variable{color:#a70; font-weight:bold}
pre .dp-py .builtins{color:#ff1493}
pre .dp-py .magicmethods{color:#808080}
pre .dp-py .exceptions{color:brown}
pre .dp-py .types{color:brown; font-style:italic}
pre .dp-py .commonlibs{color:#8A2BE2; font-style:italic}
pre .dp-j .annotation{color:#646464}
pre .dp-j .number{color:#C00000}
pre .dp-delphi .number{color:blue}
pre .dp-delphi .directive{color:#008284}
pre .dp-delphi .vars{color:#000}
pre .dp-css .value{color:black}
pre .dp-css .important{color:red}
pre .dp-c .vars{color:#d00}
pre .dp-cpp .datatypes{color:#2E8B57; font-weight:bold}
#commetpages {text-align:center;line-height:28px;}
#commetpages a {border:1px solid #BADAA1;padding:0 3px 0 3px;}
#content .mt1 { border: 1px solid #E3E3E3; margin-top: 8px; padding: 5px; }
#page .page { margin-top: 8px; text-align: center; }
#content .listbox .e2 li { display: block; height: 170px; }
#content .listbox .e2 .preview { float: left; padding-right: 10px; display: block; width: 160px; }
#content .listbox .e2 .title { font-size: 12px; line-height: 28px; font-weight: 700; }
#content .listbox .e2 .info { display: block; }
#content .listbox .e2 .info1 { }
#plist li { display: block; float: left; width: 365px; padding-bottom: 8px; margin-bottom: 18px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E3E3E3; }
#plist1 li {
	display: block;
	float: left;
	width: 900px;
	padding-top: 8px;
    padding-bottom: 8px;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E3E3E3;
	}
#plist span { display: block; line-height: 28px; height: 28px; font-size: 12px; padding-bottom: 5px; color: #0076BE; background-image: url(../images/pro-dot.jpg); background-repeat: no-repeat; background-position: left 10px; padding-left: 15px; font-weight: 700; }
#plist1 span {
	display: block;
	line-height: 28px;
	height: 28px;
	font-size: 12px;
	padding-bottom: 2px;
	color: #0076BE;
	background-image: url(../images/pro-dot.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 15px;
	font-weight: 700;
}
#plist1 ul h2 {	font-weight: 700;	color: #3B811D;	font-size: 14px;padding-top: 5px;line-height: 30px;	float: left;width: 550px;text-align: center;}
#plist span a { color: #2B2B2B; }
#plist1 span a { color: #2B2B2B; }
#plist .proimg { display: block; float: left; padding-top: 1px; border: 2px solid #E3E3E3; margin-right: 8px; height: 160px; width: 160px; }
#plist1 .proimg {display: block;	float: left;	padding-top: 1px;	border: 2px solid #E3E3E3;	margin-right: 8px;	height: 180px;	width: 320px;}
#plist p { display: block; float: right; width: 180px; line-height: 22px;padding-right: 10px; color: #717171; }
#plist1 p { display: block; float: right; width: 550px; line-height: 22px;padding-left: 5px;padding-right: 5px;  }

/*#plist1 Div {
	display: block;
	float: right;
	width: 380px;
	line-height: 22px;
	padding: 22px;
	color: #717171;
}*/
#plist small { display: block; text-align: right; }
#caselist li { display: block; float: left; width: 250px; padding-right: 0px; text-align: center; padding-bottom: 10px; }
#caselist span { line-height: 26px; height: 26px; display: block; }
#content .case-pic { text-align: center; }
#content .case-info { padding-top: 10px; }
#content .case-info h3 { font-size: 14px; color: #333333; font-weight: 700; line-height: 30px; }
#content .case-info p { line-height: 20px; }
#content .case-info li { line-height: 20px; }
.linkbox{ padding:10px 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; }
.linkbox h3,.linkbox h3 a{ font-size:14px; color:#0076BE; font-weight: 700; }

/*CSS pageinfo style pagination*/
.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #0076BE; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center }
.pageinfo A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; COLOR: #0076BE; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; }
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}

/*-------- 下拉菜单 --------------*/
.dropMenu { position:absolute; top: -1px; z-index:100; width: 190px; visibility: hidden; margin-top: -1px; border: 1px solid #CCCCCC; background-color: #FFFFFF; padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }

.dropMenu li { margin-top:2px; margin-bottom:4px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D9D9D9; }
.dropMenu a { width: auto; display: block; color: black; background-image: url(../images/list-dot.jpg); background-repeat: no-repeat; background-position: 5px center; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 14px; line-height: 20px; }
* html .dropMenu a {
	width: 100%;
}
.about-page { font-size:14px; line-height:24px; padding: 10px; }
.about-page p { padding-bottom:10px;text-indent:28px;}

#zoomdiv {
        position: absolute;
        background: #ffffff;
        border:1px solid #CCCCCC;
        display:none;
        text-align: center; 
        overflow: hidden;
    }
#zoomup{
		position:absolute;
		background:#FFFFFF;
		display:none;
		filter:alpha(opacity=50);
		opacity:.5;
		cursor:move;
	}
.zoom{     
        position:relative;
    }

#acclist li { display: block; float: left; width: 160px; padding-right: 18px; padding-top: 5px; text-align: center; padding-left: 10px; }
#acclist span { line-height: 28px; height: 28px; }
#links { line-height: 24px; margin-top: 5px; border: 1px solid #D8E9D0; background-image: url(../images/links-h.jpg); background-repeat: no-repeat; background-position: 8px 8px; height: 70px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 50px; }
#links a { margin-right: 15px; }
#footkeyword { padding-top: 5px; }
.userlogin .fb em { color: #C60005; }
#header .tnav .set img { margin-left: 10px; }
.ipt-btn { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#header .topic p { display: inline-block; }
#navMenu ul { padding-left: 3px; }
#search strong { color: #666666; }
#play { height: 230px; width: 1280px; overflow: hidden; }
#contact {
	background-image: url(../images/bg-contact.jpg);
	background-repeat: no-repeat;
	height: 620px;
}
#mb .m .box-b .tab-li { height: 22px; padding-left: 1px; }
#mb .m .box-b .pic img { padding: 1px; border: 1px solid #CECECE; }
#demo .demo-box a { display: block; }
#case { padding: 8px; }
#newpro li {
	float: left;
	width: 220px;
	display: block;
	text-align: center;
	height: 320px;
	padding: 10px;
}
#newpro li img {
	padding: 2px;
	border: 1px solid #DDDDDD;
	margin-bottom: 8px;
	width: 200px;
}
#mb .r .cer { padding: 8px; }
#cert { height: 140px; width: 180px; overflow: hidden; }
#customers li { float: left; padding-right: 4px; padding-left: 4px; }
#report { padding: 8px; }
#reports { height: 140px; width: 180px; overflow: hidden; }
#foot .nav span { color: #FFFFFF; font-family: Tahoma; font-size: 10px; }
#foot .nav a { color: #FFFFFF; }
#header .logo-set {	height: 127px;	background-image: url(../images/logo.jpg);}
#header .banner img{ border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;	width="1280px" height="230px"}
#header .logo-set .logo { float: left; width: 250px; margin-top: 5px; margin-left: 8px; _margin-left: 5px; }
#header .logo-set .set-ad {float: left; width: 750px; margin-right: 5px; _margin-right: 7px; }
#header .logo-set .set-ad .set { text-align: left; margin-top: 8px; height: 20px; }
#header .logo-set .set-ad .set .set-i a { margin-left: 5px; }

#search .form #search-keyword { padding: 1px; border: 1px solid #E1E1E1; width: 200px; }
#search .tags a { margin-right: 10px; }
#header .ad li { float: left; margin-right: 3px; }
#header .ad { height: 5px; margin-top: 3px; }
.b { border: 1px solid #D8E9D0; }
#prolist dt {
	background-image: url(../images/dot-3d.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-weight: 700;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3075C0;
	line-height: 30px;
	background-position: 0px center;
	cursor:pointer;
}
#prolist dd { margin-left: 4px; }
#contact .tel {
	color: #000;
	margin-left: 10px;
	font-size: 12px;
	line-height: 24px;
}

.newslist span { float: right; }
#navMenu .time { float: right; color: #FFFFFF; padding-right: 25px; }
#newpro span {
	display: block;
}
#guestbook .ask { font-weight: 700; color: #3B811D; }
#guestbook .answer { font-weight: 700; color: #FF9900; }
.page-news-show { padding: 10px; }
#plist { padding: 10px; width: 730px; }
#plist1 { padding: 10px; width: 730px; }
.page-products-show { padding: 10px; }
.page-products-show .pro-pic { float: left; height: 315px; width: 360px; border: 1px solid #E3E3E3; padding: 1px; position: relative; }
.page-products-show .pro-info { float: right; width: 355px; font-size: 14px; border: 1px solid #E3E3E3; }
.page-products-show .pro-info h3 { background-color: #F6F6F6; font-size: 14px; font-weight: 700; line-height: 28px; padding-left: 10px; }
.page-products-show .pro-info ul { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.page-products-show .pro-info li { line-height: 28px; border-bottom-color: #E3E3E3; border-bottom-width: 1px; border-bottom-style: dashed; }
.page-products-show .pro-tab { height: 24px; background-image: url(../images/select_card_li_bg.gif); background-repeat: repeat-x; background-position: 0px bottom; margin-top: 10px; }
.page-products-show .pro-tab li { background-image: url(../images/select_card_li.gif); background-repeat: no-repeat; background-position: 0px 0px; float: left; height: 24px; width: 81px; line-height: 24px; font-weight: 700; text-align: center; padding-right: 4px; cursor:pointer;
}
.page-products-show .pro-tab li.hover { background-image: url(../images/select_card_li_hover.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 24px; }
.page-products-showt .pro-tab-con { padding-top: 8px; line-height: 24px; font-size: 14px; }
.page-products-show .tab-li { width: 355px; float: right; margin-top: 10px; border: 1px solid #E3E3E3; }
.page-products-show .tab-li li { float: left; margin-right: 13px; }
.page-products-show .tab-li ul { padding-top: 10px; padding-bottom: 10px; height: 75px; padding-left: 10px; }
.page-products-show .tab-li h3 { font-size: 14px; line-height: 28px; font-weight: 700; padding-left: 10px; background-color: #E3E3E3; }
.page-products-show .tab-li li img {padding: 1px;border: 2px solid #D5D5D5;cursor:pointer;}
.page-products-show .tab-li li.hover img { padding: 2px; border: 2px solid #3B811D; cursor:pointer; }
.page-products-show .pro-main { height: 320px; }
.page-products-show .pro-tab-con { margin-top: 10px; font-size: 14px; width: 730px; overflow: hidden; line-height: 22px; }
.page-case-show { padding: 10px; }
#caselist { width: 750px; padding-top: 15px; }
#caselist img { height: 180px; width: 230px; }
.pleft { padding: 0px; }
.pleft .place { line-height: 28px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
.commend { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.pleft .dede_pages { line-height: 26px; padding-right: 10px; padding-left: 10px; }
.listbox { padding: 10px; }
.page-guestbook { padding: 10px; }


.slide-pic ul, .slide-pic li{ height: 225px; }
.slides { border: 1px solid #D8E9D0; height: 266px; }
.slide-pic { height: 225px; }
.slide-pic IMG { padding: 1px; height: 208px; width: 335px; border: 1px solid #EBEBEB; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.slide-pic LI {DISPLAY: none}
.slide-pic LI.cur {DISPLAY: block}
.slide-li { height: 40px; padding-left: 1px; }
.slide-li LI { FLOAT: left; WIDTH: 150px; MARGIN-RIGHT: 1px; HEIGHT: 40px; TEXT-ALIGN: center; line-height: 20px; background-color: #F3F3F3; }
.slide-li A { DISPLAY: block; FONT-SIZE: 12px; WIDTH: 150px; COLOR: #333333; padding-right: 4px; padding-left: 4px; }
.slide-li .cur A { COLOR: #333; TEXT-DECORATION: none; background-color: #DFDFDF; }
.slide-li A:hover {COLOR: #333; TEXT-DECORATION: none}
.slides .slide-pic .pic { float: left; padding-top: 5px; padding-right: 8px; padding-left: 5px; }
.slide-pic h2 {
	font-weight: 700;
	color: #3B811D;
	font-size: 14px;
	padding-top: 5px;
	line-height: 30px;
	float: left;
	width: 372px;
	text-align: center;
}
.slide-pic a {
	color: #3075C0;
}
.slide-pic .info { line-height: 24px; text-indent: 24px; float: left; width: 550px; padding: 5px}
#contact .icon {
	padding-top: 20px;
	height: 45px;
}
#catlist ul { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; }
#catlist li {
	line-height: 26px;
	background-image: url(../images/dot-3d.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 20px;
	font-size: 12px;
}
#sb .contact { padding: 8px; line-height: 20px; }
#sb .contact strong { color: #3B811D; }
#prolist .optiton { display: none; }
.back { text-align:center; padding:8px;}

.adv { height: 115px; font-size: 14px; line-height: 18px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
#adc { border: 1px solid #D8E9D0; height: 306px; overflow: hidden; }
.page-search { padding: 10px; }
.userlogin { height: 22px; padding-top: 5px; padding-right: 10px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F4F4F4; }
.loginform { float: left; width: 620px; }
.userlogin .set-i { float: right; }
.userlogin .set-i img { margin-left: 15px; }
.userlogin .ipt-txt { border: 1px solid #E0E0E0; padding: 1px; height: 12px; width: 100px; }
.userlogin .btn { background-image: url(../images/btn-bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 16px; width: 43px; font-size: 12px; line-height: 16px; color: #FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.floatingAd .ad{
	z-index: 100;
	background: none;
	position: absolute;
	display: none;
	
}
.floatingAd a{
	color:#000000; 
	display: inline-block;
	text-decoration: none;
}
.floatingAd a img{
	border: 0;
}
.floatingAd .close{
	display: none;
}
.floatingAd .opacity{
	position: absolute; 
	top: 0; 
	width: 100%; 
	height: 25px; 
	background-color: #000000; 
	opacity: 0.20; 
	filter: alpha(opacity = 20);
}
.opacity1{
	opacity: 0.90; 
	filter: alpha(opacity = 90);
}
.floatingAd .text{
	position: absolute; 
	top: 0; 
	width: 100%; 
	height: 25px; 
	color: #000000; 
	line-height: 25px; 
}
.floatingAd .text .button{
	position: relative;
	float: right;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: url("../images/close.png") no-repeat;
	cursor: pointer;
}
.floatingAd .text .title{
	position: relative;
	float: left;
	font-size: 12px;
	margin-left: 5px;
}

.b_p{ width:250px; height:20px; border:1px #FDCAB5 solid; padding:4px;}
.b_s{  border:1px #FDCAB5 solid; padding:4px;}
.button{font-size:12px; background:url(../templets/images/button.gif); border:1px solid #BDC5CA; height:23px; color:#333333;}