* {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;background:#D5D5D7 url(body.gif) repeat;}
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:#444; text-decoration:none;}
a:hover { color:#BA7B33;}
.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:980px;padding:0 11px;background:url(container.png) repeat-y 50% 0;margin:0 auto;}
/* header */
#header_company { width:100%;height:100px;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;}
.fav_company a{float:right;display:inline-block;width:128px;height:32px;line-height:32px;color:#fff;text-align:center;background:#5BA834 url(index_title_r.png) no-repeat -2px -2px;margin-right:8px;}
.fav_company a:hover {color:#B7732A;font-size:14px;font-weight: bolder;}
.fav_company a#diy-tg {width: 52px; background:#5BA834 url(diy.png) no-repeat 50% 50%;}
.search_company {float:right;margin-right:8px;margin-top:15px;}
.search_company input.input {border: 1px solid #B8762C;border-right:none;height:24px;line-height:24px;float:left;background:#F6E1A3;}
.search_company input.submit {border: 1px solid #B8762C;height:26px;line-height:26px;cursor:pointer;float:left;padding:0 5px;background:#F6E1A3;}
.search_company select {border: 1px solid #B8762C;border-right:none;height:26px;line-height:26px;float:left;*font-size:22px;_font-size:18px;padding:5px 5px;background:#F6E1A3;}
#nav_company { width:100%;}
#nav_company ul { width:980px;margin:0 auto;height:48px;line-height:38px;background:url(header.png) no-repeat 50% -100px;overflow:hidden;}
#nav_company ul li { float:left;width:108px;height:38px;line-height:38px;margin-bottom:10px;text-align:center;background:url(nav_li.gif) no-repeat;}
#nav_company ul li a { display:block;color:#FFF;font-size:14px;}
#nav_company ul li a:hover, #nav_company ul li .a { background:url(nav_a.png) no-repeat;}
#nav_company ul li.first {background:none;width:4px;}
#nav_company ul li.end {display:none;}
/* banner */
#banner_company { width:100%;margin:0 auto;text-align:center;padding:12px 0px;background:url(header.png) no-repeat 50% -149px;}
#banner_company img {width:980px;margin:0 auto;height:250px;overflow: hidden;}
/* focus */
#slideBanner{width:980px;margin:0 auto;height:250px;overflow:hidden;position:relative;}
#slideBanner ul{height:250px;position:absolute;left:0;}
#slideBanner ul li{float:left;width:980px;height:250px;overflow:hidden;position:relative;background:#000;}
#slideBanner ul li div{position:absolute;overflow:hidden;}
#slideBanner .btnBg{position:absolute;width:980px;height:20px;left:0;bottom:0;background:#000;}
#slideBanner .btn{position:absolute;width:980px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#slideBanner .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#slideBanner .btn span.on{background:#fff;}
#slideBanner .preNext{width:45px;height:100px;position:absolute;top:50px;background:url(banner_focus.png) no-repeat 0 0;cursor:pointer;}
#slideBanner .pre{left:0;}
#slideBanner .next{right:0;background-position:right top;}
/* main */
#main_company { padding:30px 30px 0 30px;overflow:hidden;}
.boxt {font-size:14px;height:43px;line-height:36px;padding-left:50px;color:#fff;overflow: hidden;}
.boxu, .boxc { padding:8px 15px;background:#fff;}
#side_company { width:220px; float:left;}
.sidebox { margin-bottom:20px;}
.sidebox .boxt { background:url(title_side_t.png) no-repeat;}
.sidebox .boxu, .sidebox .boxc { padding:8px 10px;background:url(title_side_c.png) repeat-y;}
.sidebox .boxu li {background:url(dot.jpg) no-repeat 0px 0px;}
.sidebox .boxu li a { height:30px;line-height:30px;overflow:hidden;}
.sidebox .boxu li a:hover {border-color: #FF6F11;}
/* menu */
.sidebox ul.menu ul {width:100%;margin-top:6px;}
.sidebox ul.menu li{font-weight: bolder;padding-left:20px;background:url(dot.jpg) no-repeat 0px 4px;}
.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;}
.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:8px;background:url(title_side_b.png) no-repeat;clear:both;}
#right_company{ width:660px; float:right;}
.mainbox { margin-bottom:20px;}
.mainbox .boxt { background:url(title_right_t.png) no-repeat;}
.mainbox .boxt span {float:right;padding-right:10px;font-size:12px;color:#444;}
.mainbox .boxt span img {margin-top:16px;}
.mainbox .boxu,.mainbox .boxc { padding:4px 10px;background:url(title_right_c.png) repeat-y;overflow: hidden;}
.mainbox .boxu li { height:30px;line-height:25px;background:url(line.jpg) no-repeat 8px 100%;padding-top:5px;padding-left:20px;overflow: hidden;}
.mainbox .two li { display:block;float:left;width:50%;}
.mainbox .boxu li span {float:right;}
/* ul.thumb */
.mainbox .thumb {padding:4px 15px;}
.mainbox .thumb li {float:left;width:305px;height:260px;margin:5px 5px;padding:0px;background: none;border:none;text-align:center;overflow: hidden;}
.mainbox .thumb div {width:305px;*width:290px;_width:290px;height: 228px;*font-size:175px;_font-size:205px;display: table-cell;vertical-align:middle;text-align:center;border: 1px solid #ccc;padding:2px;}
.mainbox .thumb img {vertical-align: middle;max-width: 299px; max-height: 224px;width: expression(this.width > 299 && this.width>=this.height ? 299 : true); height: expression(this.height > 224 && this.width<=this.height ? 224 : true);}
.mainbox .thumb a:hover img{border: 2px solid #950C0C;padding:1px;}
.mainbox .thumb h3 {}
.mainbox .boxc {padding:10px;line-height:160%;}
.mainbox .title h1 {text-align:center;line-height:1.8em;color:#FE7200;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 #DEF2FA 1px;margin-left:20px;margin-right:20px;}
.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 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 .boxb { height:8px;background:url(title_right_b.png) no-repeat;clear:both;overflow: hidden;}
/* index */
.clearc{ clear:both; }
.aboutus{ float:left; width:615px; }
.aboutus img.about {line-height: 2; margin-right:8px; width: 206px; float: left; height: 113px;}
.aboutus p.about {padding-top:10px;line-height:26px;font-size:13px;}
.case{ float:right; width:290px; overflow:hidden;background:url(index_title_rb.png) no-repeat 0 100%;padding-bottom:8px;}
.style-1 h3.titlec {background:url(index_title_l.png) no-repeat;height:44px; line-height:44px; }
.style-1 h3.titlec span{ float:left; height:32px; line-height:32px; padding-left:50px; color:#fff; font-weight:normal; font-size:14px;}
.style-1 h3.titlec a.more{ float:right; width:71px; height:14px; line-height:1000px; overflow:hidden; background:url(more.png); }
.style-1 .active{ padding:10px;*padding-top:5px;}
.style-2 h3.titlec { background:url(index_title_r.png) no-repeat; height:44px; line-height:34px; padding-left:35px; color:#fff; font-weight:normal; font-size:14px; position:relative;}
.style-2 h3.titlep { background:url(index_title_p.png) no-repeat; height:44px; line-height:34px; padding-left:50px; color:#fff; font-weight:normal; font-size:14px; position:relative;}
.style-2 h3.titlec a.more, .style-2 h3.titlep a.more{ position:absolute; right:10px; top:10px; width:71px; height:14px;line-height:1000px;background:url(more.png);overflow:hidden;}
.style-2 .active{ background:url(index_title_rc.png) repeat-y; padding:5px 10px;}
.style-2 dl.ind{ clear:both;margin-bottom:2px; zoom:1;}
.style-2 dl.ind dt{ height:91px;*height:89px;float:left; display:inline; border-bottom:1px dotted #ccc; padding:12px 0px 8px 0px; zoom:1;}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ width:155px;*width:auto;height:91px;*height:89px;float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px;overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:5px;height:23px;line-height:23px;overflow:hidden;}
.style-2 dl.ind dd p.desc{ margin-left:5px; line-height:22px;font-style: italic; color:#666;}
.index-news{ float:left; width:300px; margin-right:15px; margin-top:15px;}
.listel ol {list-style:none;}
.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(dt.gif) no-repeat left 12px; }
.listel li a{ margin-right:5px; zoom:1;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:right; width:290px; margin-top:15px;background:url(index_title_rb.png) no-repeat 0 100%;padding-bottom:8px;}
.index-product{ *margin-bottom:15px;padding-top:15px; *margin-top:15px; *padding-top:0px;background:url(index_title_pb.png) no-repeat 0 100%;padding-bottom:8px;}
.index-product .mainbox {background:url(index_title_pc.png) repeat-y;margin:0px;}
.index-product .mainbox .boxu {background:none;padding:4px 10px;}
.index-product .thumb {_width:880px;_height:200px;overflow:hidden;}
#friendsite_company { margin:0 auto; background:url(index_title_pb.png) no-repeat 50% 100%;overflow:auto;padding:0 30px 8px 30px;margin-top:20px;margin-bottom:15px;}
.allbox {}
.allbox .boxt{height:44px; line-height:34px; background:url(index_title_p.png) no-repeat; overflow: hidden;}
.allbox .boxc{padding:4px 6px;background:url(index_title_pc.png) repeat-y;}
.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 { width:100%;background:url(footer.png) no-repeat 50% 0px;text-align:center;padding:38px 0px 6px 0px;}
#footer_company, #footer_company a{color:#746D5B;}
.footnav { margin-bottom:10px;}
.footnav a,.footnav span{height:30px;padding:2px 5px;}
.copyright {}
.qrcode_company {margin:0 auto; width:980px;}
.qrcode_company a {
border: solid #9A0C0C 1px;
padding:1px;
margin-left:-545px; /*ff ch*/
margin-left:-55px\9;
margin-left:-55px\0; /* ie8 */
*margin-left:-545px; /* ie8 2 */
_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-545+"px");
width:35px;
height:35px;
background:#B7732A url(qrcode.png) no-repeat 1px 1px;
text-indent: -9999px;
z-index:997;
}
.qrcode_company a span,.qrcode_company a img {width:0px;height:0px;}
.qrcode_company a.contact {z-index:998;top:252px;_top:expression(documentElement.scrollTop+252);background:#B7732A url(qrcode.png) no-repeat 2px -68px;}
.qrcode_company a.wx {z-index:999;top:294px;_top:expression(documentElement.scrollTop+294);background:#B7732A url(qrcode.png) no-repeat 1px -34px;}
.qrcode_company a:hover {width:38px;border-color:#B8762D;border-right:none;background:#FFF url(qrcode.png) no-repeat -34px 1px;text-indent: 0px;}
.qrcode_company a.contact:hover{background:#FFF url(qrcode.png) no-repeat -34px -68px;}
.qrcode_company a.wx:hover{background:#FFF url(qrcode.png) no-repeat -34px -34px;}
.qrcode_company a:hover img {_position:absolute;width:180px;height:180px;border: solid #B8762D 1px;border-top:none;margin-left:39px;_margin-left:20px;}
.qrcode_company a:hover span {display:block;width:181px;height:37px;line-height:37px;border: solid #B8762D 1px;border-bottom:none;border-left:none;margin-left:39px;margin-top:-2px;background:#FFF;}
/* showpage */
.pg { float: right;margin-top:20px;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 #B7752B; margin-left:3px;}
.pg strong, .pg a:hover { border-color: #A81212; color: #fff;background:#B36E22; }
.pg a.prev { padding:2px 4px 0px 4px;background-image: url(arw_l.gif); background-position: 50% 50%;color: #555; }
.pg a.nxt { padding-right: 25px; background: url(arw_r.gif) no-repeat 90% 50%;color: #555;}
.pg .px {width:15px;height:16px;line-height:16px;background:#F6E1A3;}