* {word-wrap:break-word;}
html {height: 100%;margin: 0;padding: 0;padding-bottom: 1px;}
body { margin: 0;font:12px/1.5 Microsoft Yahei,Arial,Tahoma,Microsoft YaHei,SimSun;color:#444;}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0;padding: 0; border: 0; vertical-align: baseline;}

h1 { font-size:20px; font-family:'microsoft yahei';}
h2 { font-size:14px;}
h3 { font-size:14px; font-weight:normal;}
h4 { font-size:12px;}
h5 { font-size:12px; font-weight:normal;}
ul { list-style:none;}
img { border:0px;}
a { color:#2E2E2E; text-decoration:none;}
a:hover { color:#FF0000;}
.z {float:left;}
.y {float:right;}
.clear {clear:both;height:0;font-size: 1px;line-height: 0px;}
.vm {vertical-align:middle;}
.vm * {vertical-align:middle;}

/* discuz */
.wp { width: 100%; }
#navstyle, #navdiy {display:none;}

/* body */
#container_company {width:100%;background:url(bg.png) repeat-x 0 0;}

/* header */
#header_company { width:1002px;height:103px;background:url(head.png) no-repeat center top;overflow: hidden;margin:0 auto;}
	#header_company .z {}
	#header_company h1 { display:none;}
	#header_company img {max-height:100px;}
	.fav_company {padding-top:10px;height:35px;text-align:right;float:right;}
		.fav_company a{display:inline-block;height:20px;line-height:20px;color:#fff;}
		.fav_company a#diy-tg {width: 52px; background:url(diy.png) no-repeat 50% 50%;}
	.search_company {float:right;padding-top:10px;clear:both;}
		.search_company input.input {width:260px;border: 1px solid #FFF;border-right:none;height:29px;line-height:29px;float:left;}
		.search_company input.submit {width:31px;height:31px;line-height:31px;cursor:pointer;float:left;background:url(search.png) no-repeat;text-indent:-99999px;margin-left:1px;}
		.search_company select {border: 1px solid #FFF;height:31px;line-height:31px;float:left;*font-size:22px;_font-size:22px;padding:5px 5px;}

#nav_company { }
	#nav_company ul { width:1002px;margin:0 auto;height:50px;line-height:50px;overflow:hidden;}
	#nav_company ul li { float:left;width:111px;height:50px;line-height:50px;background:url(nav_li.png) no-repeat 0 0;text-align:center;}
	#nav_company ul li a { display:block;color:#fff;font-size:14px;}
	#nav_company ul li a:hover, #nav_company ul li .a { color:#000;background:url(nav_a.png) no-repeat 0 0;}
	#nav_company ul li.first {display:none;}
	#nav_company ul li.end {width:2px;}

/* banner */
#banner_company {width:960px;margin:0 auto;overflow: hidden;padding:20px 21px;background:#fff;}
	#banner_company img {width:960px;}
	#slideBanner {position:relative; width:100%; overflow: hidden;}
	#slideBanner ul.items{ position:absolute; float:left; }
	#slideBanner ul.items li{ float:left; }
	#slideBanner ul.items li a{ float:left; line-height:normal !important; }
	#slideBanner ul.items li a img{ display:block; }
	#slideBanner div.tips{ position:absolute; bottom:0px; width:100%; height:50px; overflow:hidden;}
	#slideBanner div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;background:none !important;border:none !important;}
	#slideBanner div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
	#slideBanner div.tips div.title a:hover{ text-decoration:underline !important;}
	#slideBanner div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;cursor:hand}
	#slideBanner div.tips div.nums a{ display:inline-block; >float:left; width:18px; height:18px; border:#BFBFBF 2px solid;background-color:#FFF;text-indent:-99999px;margin:15px 10px 0px 0px;}
	#slideBanner div.tips div.nums a.active{ background-color:#FF6000;}



#path_company {width:960px;margin:0 auto;overflow: hidden;background:#fff;padding:0px 21px;}

/* main */
#main_company {width:960px;margin:0 auto;overflow: hidden;background:#fff;padding:10px 21px;}
	.boxt {font-size:14px;}
	#side_company { width:200px; float:left;}
		.sidebox { margin-bottom:10px;color:#fff;}
		.sidebox .boxt { height:38px;line-height:38px;background:url(side.png) no-repeat 0 0;text-indent:15px;overflow:hidden;}
		.sidebox .boxu, .sidebox .boxc { padding:8px 15px;background:#04A48F;}
		.sidebox .boxu li a { display:block;width:230px;height:26px;line-height:26px;border-bottom: 1px dashed #D6D6D6;padding-top:5px;overflow:hidden;color:#fff;}
		.sidebox .boxu li a:hover {border-color: #FF6F11;}
		/* menu */
		.sidebox ul.menu ul {width:100%;}
		.sidebox ul.menu li{border-bottom: 1px dashed #038C7A;padding-top:5px;padding-left:18px;background:url(menu_bg.png) no-repeat 0px 11px;}
		.sidebox ul.menu li span{float:right;}
		.sidebox ul.menu li a{display:inline;background:none;border-bottom: none;}
		.sidebox ul.menu li a:hover{background:none;color:#FFBD00;}
		.sidebox ul.menu li a.current{color:#ff0000;}
		.sidebox ul.menu li a.menu_open{background:url(menu_open.gif) no-repeat 0px 6px;padding-left:12px;}
		.sidebox ul.menu li a.menu_close{background:url(menu_close.gif) no-repeat 0px 9px;padding-left:12px;}
		.sidebox ul.menu ul li, .sidebox ul.menu ul ul li{border-bottom: none;padding-top:0px;padding-left:0px;background:none;}
		.sidebox ul.menu ul li a { margin-left: 20px;font-weight: normal;}
		.sidebox ul.menu ul ul li a {margin-left: 40px;}
		/* menu end */
		.sidebox .boxc p {line-height:200%;}
		.sidebox .boxb { height:5px;clear:both;background:#04A48F;}

	#right_company{ width:750px; float:right;}
		.mainbox { margin-bottom:6px;}
		.mainbox .boxt { height:42px;line-height:42px;background:#FEFEFE url(right.png) no-repeat 0px 0px;text-indent:35px;}
		.mainbox .boxt span {float:right;padding-right:10px;font-size:12px;font-weight:normal;}
		.mainbox .boxt span a{color:#fff;}
		.mainbox .boxt span img {margin-top:13px;}
		.mainbox .boxu,.mainbox .boxc { width:730px;padding:10px 10px 0px 10px;overflow: hidden;}
		.mainbox .boxu li { height:26px;line-height:20px;background:url(line.png) no-repeat 0 0;padding-bottom:8px;text-indent:20px;overflow: hidden;}
		.mainbox .two li { display:block;float:left;width:50%;}
		.mainbox .boxu li span {float:right;}
		/* ul.thumb */
		.mainbox .thumb {width:724px;padding-left:8px;_width:738px;_padding-left:6px;}
		.mainbox .thumb li {display:block;float:left;width:155px;*width: 157px;_width: 157px; height: 120px;height:140px;margin:6px;padding:6px;border: solid #ddd 1px;text-indent:0px;overflow: hidden;text-align:center;background:none;}
		.mainbox .thumb li:hover {border: solid #ccc 1px;}
		.mainbox .thumb div {display: table-cell; width:155px;*width: 157px;_width: 157px; height: 120px;font-size:90px;text-align: center; vertical-align:middle;}
		.mainbox .thumb div img {vertical-align: middle; max-width: 148px; max-height: 100px; width: expression(this.width > 148 && this.width>=this.height ? 148 : true); height: expression(this.height > 100 && this.width<=this.height ? 100 : true);}
		.mainbox .thumb h3 {font-weight: 400; font-size: 12px;height: 20px;line-height: 20px;overflow: hidden;}

		.mainbox .boxc {padding:10px;line-height:160%;}
		.mainbox .boxc img.about {float:left;margin-right:8px;width:auto !important; width:145px;max-width:145px;height:auto !important; height:94px;max-height:94px;}

		.mainbox .title h1 {text-align:center;line-height:1.8em;color:#505050;font-size:20px;font-weight:800;}
		.mainbox .title h6 {text-align:center;line-height:32px;font-size:12px;font-weight:normal;color:#999;border-bottom: solid #dfdfdf 1px;margin-left:10px;margin-right:10px;}
		.mainbox .title h6 .bdsharebuttonbox{text-align:center;}
		.mainbox .title h6 .bdsharebuttonbox a{float:none !important;*float:left !important;}
		.mainbox .content {padding:5px 10px;font-size:14px;overflow:hidden;}
		.mainbox .content div,.mainbox .content p {line-height:1.8em;margin:8px 0;}
		.mainbox .content img.thumb {float:left;margin:5px 10px 5px 0px;}
		.mainbox .content blockquote,.mainbox .content em{font-style:normal;margin-left:0;margin-right:0;}
		.mainbox .content ul,.mainbox .content ol,.mainbox .content pre{padding-left:2.6em;word-break:break-all;}
		.mainbox .content ul{border:1px solid #70990F;background:#DEF2B0;list-style-type:disc;}
		.mainbox .content ol{border:1px solid #CCCCCC;background:#E7E7E7;list-style-type:decimal-leading-zero;}
		.mainbox .content pre{background: #FFF6BF;border: 1px solid #FFD324;color: #514721; padding-left: 0.6em;}
		.mainbox .content ul li,.mainbox .content ol li{font-size:12px;padding-left:6px;margin-left:1px;background:#fff;word-break:break-all;background:#fff;line-height:200%;}
		.mainbox .content ul li{border-left:1px solid #70990F;border-bottom:1px dotted #70990F;}
		.mainbox .content ol li{border-left:1px solid #CCCCCC;border-bottom:1px dotted #CCCCCC;}
		.mainbox .content li span {float:none;}
		.mainbox .content blockquote ul div.blockquoteem{border-top:5px solid #70990F;padding:5px;margin:0px 0px 0px 1px;}
		.mainbox .content blockquote ol div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;}
		.mainbox .content blockquote pre div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;}
		.mainbox .content blockquote div.blockquoteem em{color:blue;cursor:pointer;margin-right:1em;}
		.mainbox .content blockquote div.blockquoteem em:hover{color:red;}
		.listheight{min-height:40px;}
		/*.blockquotecopy{max-height: 350px;overflow-x: no;overflow-y: auto;}*/
		.blockquotecopy ul,.blockquotecopy ol,.blockquotecopy pre{max-height: 350px;overflow-x: no;overflow-y: auto;}

		/* Tables */
		.mainbox .content table {margin-bottom: 2em;width: 100%;font-size:12px;}
		.mainbox .content th {font-weight: bold;background: #E5E5E5;border: 1px solid #D5D5D5;color: #555;height:30px;line-height:30px;}
		.mainbox .content thead th {background: #C3D9FF;}
		.mainbox .content th,.mainbox .content td,.mainbox .content caption {padding:0px 4px;}
		.mainbox .content tr {border-bottom: 1px solid #DDD;}
		.mainbox .content td {/*background: #F0F0F0;*/border: 1px solid #E0E0E0;height:26px;line-height:26px;}
		.mainbox .content tr.even td {background: #F5F5F5;}
		.mainbox .content tfoot {font-style: italic;}
		.mainbox .content caption {background: #EEE;}

		.mainbox .pernext{}
		.mainbox .pernext li{padding:2px 10px;}
		.mainbox .pernext a{margin-left:5px;}

		.mainbox .boxb { height:10px;clear:both;overflow: hidden;}

		/* index */
		.boxt h3 {text-indent:-999px;}
		.aboutbox .boxt,.newsbox .boxt,.productbox .boxt{height:23px;line-height:23px;overflow: hidden;margin-bottom:10px;}
		.aboutbox .boxt span,.newsbox .boxt span,.productbox .boxt span{float:right;margin-top:5px;margin-right:5px;padding:2px 0px;background:#FFF;}
		.aboutbox {float:left;width:580px;}
		.aboutbox .boxt {background:#FEFEFE url(index_about.jpg) no-repeat 0px 0px;}
		.aboutbox .boxc {line-height:200%;}
		.aboutbox .boxc img.about {float:left;margin-top:8px;margin-right:8px;width:200px;height:150px;}
		.aboutbox .boxb {}
		.newsbox {float:right;width:350px;}
		.newsbox .boxt {background:#FEFEFE url(index_news.jpg) no-repeat 0px 0px;}
		.newsbox .boxu {}
		.newsbox .boxu li {height:27px;line-height:27px;overflow: hidden;background:url(index_arr.png) no-repeat 2px 6px;padding-left:15px;clear:both;}
		.newsbox .boxu li span {float:right;}
		.newsbox .boxu li.intro {height:auto;margin:6px 0;background:none;float:left;}
		.newsbox .boxu li.intro div a{font-weight: bolder;height:22px;line-height:22px;overflow: hidden;background:url(index_arr.png) no-repeat 2px 4px;padding-left:15px;display:block;}
		.newsbox .boxu li.intro img {float:left;margin-top:3px;margin-right:5px;}
		.newsbox .boxb {}
		.productbox { width:960px;margin-top:15px;}
		.productbox .boxt {background:#FEFEFE url(index_product.jpg) no-repeat 0px 0px;}
		.productbox .boxu {}
		.productbox .thumb {width:960px;_height:160px;}
		.productbox .thumb li {display:block;float:left;width:155px;*width: 157px;_width: 157px; height: 120px;height:140px;margin:6px;padding:6px;border: solid #ddd 1px;text-indent:0px;overflow: hidden;text-align:center;background:none;}
		.productbox .thumb li:hover {border: solid #ccc 1px;}
		.productbox .thumb div {display: table-cell; width:155px;*width: 157px;_width: 157px; height: 120px;font-size:100px;text-align: center; vertical-align:middle;}
		.productbox .thumb div img {vertical-align: middle; max-width: 148px; max-height: 100px; width: expression(this.width > 148 && this.width>=this.height ? 148 : true); height: expression(this.height > 100 && this.width<=this.height ? 100 : true);}
		.productbox .thumb h3 {font-weight: 400; font-size: 12px;height: 26px;line-height: 26px;overflow: hidden;}
		.productbox .boxb {}

#friendsite_company { width:960px;margin:0 auto;overflow: hidden;background:#fff;padding:0px 21px 10px 21px;}
	.allbox {}
	.allbox .boxt{hidden;height:32px;line-height:34px;background:#FEFEFE url(index.png) no-repeat 0px 0px;text-indent:20px;}
	.allbox .boxc{padding:4px 15px;}
	.allbox .boxc a {margin:3px 5px;}
	.allbox .boxc .logo {border-bottom: solid #D5D9D9 1px;padding:5px 0;}
	.allbox .boxc .text {padding:6px 0 5px 0;}
	.allbox .boxb{clear:both;}

/* footer */
#footer_company { margin:0 auto; width:1002px;background:#fff url(foot.png) no-repeat center top; text-align:center;padding-top:20px;overflow:hidden;}
	.footnav { color:#fff;}
	.footnav a,.footnav span{height:30px;padding:2px 5px;color:#fff;}
	.copyright {padding-top:20px;color:#746D5B;}
	.copyright a {color:#746D5B;}
	.qrcode_company {margin:0 auto; width:1002px;}
	.qrcode_company a {
		border: solid #ECD8A9 1px;
		padding:1px;
		margin-left:-525px;
		margin-left:-25px\9;
		margin-left:-25px\0;
		*margin-left:-525px;
		_margin-left:auto;
		position:fixed;
		_position:absolute;
		top:210px;
		_top:expression(documentElement.scrollTop+210);
		_left:expression(eval(document.documentElement.clientHeight==0?document.body.offsetWidth:document.documentElement.clientWidth)/2-525+"px");
	}
	.qrcode_company a:hover {border-color: #008972;background:#029B85;padding:5px;}
	.qrcode_company a.contact {top:252px;_top:expression(documentElement.scrollTop+252);}
	.qrcode_company a.wx {top:294px;_top:expression(documentElement.scrollTop+294);}
	.qrcode_company a img {width:35px;height:35px;}
	.qrcode_company a:hover img {width:180px;height:180px;}
	.qrcode_company a span {display:none;}
	.qrcode_company a:hover span {display:block;color:#fff;}
/* showpage */
.pg { float: right;margin-bottom:15px;}
.pg strong, .pg a, .pg label{ float:left;color:#555; display:block; height:18px; line-height:18px; padding:2px 8px 0px 8px; border:1px solid #D7D7D7; margin-left:3px;}
.pg strong {  border:1px solid #04A48F;}
.pg a:hover { border-color: #04A48F;}
.pg a.prev {  padding:2px 4px 0px 4px;background-image: url(arw_l.gif); background-position: 50% 50%; }
.pg a.nxt { padding-right: 25px; background: url(arw_r.gif) no-repeat 90% 50%;}
.pg .px {width:20px;height:16px;line-height:16px;}