﻿@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, 
pre,form, fieldset, legend, button, input, textarea,th, td {
	margin: 0;
	padding: 0;
}
/*字体*/
body,button, input, select, textarea {
   font: 12px/1.5 tahoma, arial, simsun, sans-serif; color:#565656; background:url(/images/bg.gif) repeat-x; text-align:center;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; } 
small { font-size: 12px; }
ul, ol { list-style: none; }

/*链接*/
a { text-decoration: none; color:#565656; }
a:hover { text-decoration: underline; color:#f60}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #565656; }
fieldset, img { border: 0; } 
button, input, select, textarea { font-size: 100%; text-align:left}
button, input, select{ cursor:pointer}
table { border-collapse: collapse; border-spacing: 0; }
:current{ outline:none}
.clear {font-size:0;line-height:0;height:0;clear:both;visibility:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;	visibility:hidden;}
* html .clearfix {height:1%;}

/*通用*/
#wrapper{width: 100%; height: auto; margin:0 auto; text-align:center; }
#container{ width:950px; margin:0 auto; height:auto; overflow:hidden; text-align:left}
#content{ width:950px;height: auto;text-align:left; margin:0 auto; overflow:hidden}
.content-bg{background:url(/images/content-bg.gif) no-repeat left bottom; overflow:hidden}
.content-bg-in{background:url(/images/content.gif) no-repeat left bottom; overflow:hidden;}
.col-703,.col-233{width:703px; height:auto; overflow:hidden}
.col-233{ width:233px;}
.f-left{ float:left}
.f-right{ float:right}

#header{ height:auto; position:relative; text-align:left}
#logo{ width:125px; height:38px; position:absolute; left:45px; top:24px; text-indent:-9999px; z-index:10}
#logo a{ background:url(/images/logo.gif) no-repeat; width:125px; height:38px; display:block; overflow:hidden}
#top-link,.top-keyword{ width:950px; height:24px;}
#top-link{overflow:hidden;}
#top-link a.sitemap,#top-link a.email,#top-link a.contact{ background:url(/images/link.gif) no-repeat; width:49px; height:5px; line-height:5px; margin:10px 0 9px; display:block;margin-left:10px; overflow:hidden; float:right; border-right:solid 1px #565656;outline:none;hide-focus:expression(this.hideFocus=true); text-indent:-9999px}
#top-link a.email{background:url(/images/link.gif) no-repeat -60px 0; width:37px}
#top-link a.contact{background:url(/images/link.gif) no-repeat -108px 0; width:51px; border:none}
#top-link a:hover.sitemap{ background:url(/images/link.gif) no-repeat 0 -7px;}
#top-link a:hover.email{ background:url(/images/link.gif) no-repeat -60px -7px;}
#top-link a:hover.contact{ background:url(/images/link.gif) no-repeat -108px -7px;}
.top-keyword{ padding-left:180px; color:#785555; line-height:24px;}
.top-keyword a{ color:#785555}
ul.nav{ width:950px;height:46px; background:url(/images/layout.png) no-repeat; overflow:hidden;}
ul.nav li{ float:left; width:98px; background:url(/images/nav-line.gif) no-repeat right top; text-align:center;}
ul.nav li a{ color:#FFF; font-size:14px; height:46px; line-height:38px; width:98px; float:left; display:block;outline:none;hide-focus:expression(this.hideFocus=true);}
ul.nav li a:hover{ text-decoration:none; color:#F93}
ul.nav li.home{ margin-left:160px; display:inline}
ul.nav li.home a{ background:url(/images/link.gif) no-repeat 22px -14px}
ul.nav li.home a:hover{ background:url(/images/link.gif) no-repeat 22px -62px}
ul.nav li.about a{ background:url(/images/link.gif) no-repeat -78px -14px}
ul.nav li.about a:hover{ background:url(/images/link.gif) no-repeat -78px -62px}
ul.nav li.news a{ background:url(/images/link.gif) no-repeat -178px -14px}
ul.nav li.news a:hover{ background:url(/images/link.gif) no-repeat -178px -62px}
ul.nav li.product a{ background:url(/images/link.gif) no-repeat -278px -14px}
ul.nav li.product a:hover{ background:url(/images/link.gif) no-repeat -278px -62px}
ul.nav li.honor{ width:106px}
ul.nav li.honor a{ background:url(/images/link.gif) no-repeat -378px -14px;}
ul.nav li.honor a:hover{ background:url(/images/link.gif) no-repeat -378px -62px}
ul.nav li.service a{ background:url(/images/link.gif) no-repeat -478px -14px;}
ul.nav li.service a:hover{ background:url(/images/link.gif) no-repeat -478px -62px}
ul.nav li.contact{ background:none}
ul.nav li.contact a{ background:url(/images/link.gif) no-repeat -578px -14px;}
ul.nav li.contact a:hover{ background:url(/images/link.gif) no-repeat -578px -62px}

/*简介*/
.about-bg{ width:950px; height:285px; background: url(/images/about-bg.png) no-repeat; overflow:hidden;}
.about-content{ color:#f47a0e; margin:140px 0 0 196px; width:332px; height:120px; overflow:hidden; line-height:1.8;}

/*首页产品*/
.products-nav{background: url(/images/layout.png) no-repeat 0 -48px; width:703px; height:25px; margin-top:-25px; position:absolute; display:block }
.products,.products-mask{ width:703px;height:290px;/*显示两行*/ background: url(/images/list-bg.gif) repeat-y;overflow:hidden; position:relative; }
.products-mask{ width:10px;height:290px;/*显示两行*/ background: #FFF url(/images/list-bg.gif) repeat-y right top;overflow:hidden; position:absolute; left:693px}
.products ul {width:695px; overflow:hidden; margin:5px 0 0 4px; #margin:10px 0 0 4px}
.products li{ float:left; display:inline;margin:0 0 30px 8px; padding-right:8px; background:url(/images/list-line.gif) no-repeat right top; }
.products li a p.pic{display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 84px;*font-family:Arial;width:123px;height:96px;overflow:hidden; cursor:pointer}
.products li a p.pic img {vertical-align:middle;}
.products li h3.title{font-weight:normal; text-align:center;width:123px;height:14px; padding:5px 0; line-height:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; word-break:keep-all;-moz-binding: url('/css/ellipsis.xml#ellipsis'); cursor:pointer; float:left}
.products li a{outline:none;hide-focus:expression(this.hideFocus=true);}
.products li a:hover{ text-decoration:none;}

/*新闻列表*/
.news-nav{background: #FFF url(/images/layout.png) no-repeat 0 -75px; width:703px; height:30px;display:block; border-bottom:solid 1px #e53837; border-top:solid 4px #FFF; overflow:hidden}
ul.news{ margin:10px 22px}
ul.news li{ height:25px; line-height:25px; background:url(/images/line.gif) left bottom repeat-x}
ul.news li a{ background:url(/images/ico.gif) no-repeat left center; width:516px;height:14px; padding:5px 0 5px 16px; line-height:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; word-break:keep-all;-moz-binding: url('/css/ellipsis.xml#ellipsis');outline:none;hide-focus:expression(this.hideFocus=true);}
ul.news li a{>height :25px;>line-height :25px;>padding :0 0 0 16px;}
ul.news li a:hover{ text-decoration:none}
ul.news li small{ float:right}

/*搜索*/
.search-nav{background: #FFF url(/images/layout.png) no-repeat 0 -115px; width:233px; height:25px;display:block; border-bottom:solid 1px #e53837;  overflow:hidden;}
.search-ico{ width:213px; height:24px; border-bottom:solid 1px #e53938; margin:10px 10px 10px;background: #fff url(/images/layout.png) 0 -141px; display:block; overflow:hidden}
.search{ width:213px; margin:0 10px; height:38px; overflow: hidden; background:url(/images/search-bg.gif) repeat-x; }
.search-tips{ width:48px; height:23px; line-height:23px; color:#FFF; text-align:center; border-bottom:solid 1px #ba5213; display:block; background:#e96718; float:left; margin-right:4px}
.search-input{ height:15px; line-height:15px; width:128px!important; _width:118px; margin:4px 0; border:0; border-left:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; float:left; overflow:hidden}
.search-submit{ width:29px; height:38px; background:url(/images/search-submit.gif) no-repeat; border:none; float:left; overflow:hidden}

/*热门产品*/
.hot-border{ width:233px;height:auto; background:url(/images/search.gif) repeat-y; overflow:hidden}
dl.hot-products{ width:213px; margin:0 10px}
dl.hot-products dt{ width:213px; height:16px; margin-bottom:4px}
dl.hot-products dd{ float:left;word-break:keep-all; margin-right:16px}
.hot-line{border-top:solid 1px #e53837; background:#FFF; width:233px; height:10px; margin-top:10px}

/*联系*/
.contact-nav{background: #FFF url(/images/layout.png) no-repeat 0 -168px; width:233px; height:22px;display:block; overflow:hidden;}
.contact-tips{ width:203px; height:82px; margin:8px 15px;background:url(/images/layout.png) no-repeat 100% -108px; display:block; overflow:hidden}
ul.contact{padding-bottom:10px;}
ul.contact li{width:203px; margin:0 15px;}

/*栏目导航*/
.guide{background: #FFF url(/images/layout.png) no-repeat 0 -192px; width:233px; height:21px;display:block; overflow:hidden;border-bottom:solid 1px #e53837;}
ul.catagory{}
ul.catagory li{ background:url(/images/line.gif) repeat-x left bottom; width:213px; margin:0 10px; height:25px; overflow:hidden}
ul.catagory li a{ background:url(/images/arr.gif) no-repeat 4px center; width:201px;height:14px; padding:5px 0 5px 12px; line-height:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; word-break:keep-all;-moz-binding: url('/css/ellipsis.xml#ellipsis');}
ul.catagory li a{>height :24px;>line-height :24px;>padding :0 0 0 12px;}
ul.catagory li a:hover{ text-decoration:none; background-color:#f3f3f3}

/*子导航*/
.mtit{font-size:14px; font-weight:bold;}
.submenu{width:640px; margin:0 auto; background:#f6f6f6; border:1px #d5d5d5 solid; padding:8px; font-size:13px; font-weight:bold;}

/*产品列表*/
ul.products-list {width:674px;overflow:hidden; margin:10px 0 0 16px;}
ul.products-list li{ float:left; display:inline;margin:0 0 12px 8px; }
ul.products-list li h3.title{font-weight:normal; text-align:center;width:125px;height:16px; padding:4px 0; line-height:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; word-break:keep-all;-moz-binding: url('/css/ellipsis.xml#ellipsis'); cursor:pointer}
ul.products-list li a p.pic{display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 84px;*font-family:Arial;width:123px;height:96px;border: 1px solid #e3e3e3; overflow:hidden; cursor:pointer}
ul.products-list li p.pic img {vertical-align:middle;}
ul.products-list li a:hover{ text-decoration:none;}
ul.products-list li a:hover p.pic{border:solid 1px #f60}

/*荣誉列表*/
ul.honor {width:674px;overflow:hidden; margin:10px 0 0 16px;}
ul.honor li{ float:left; display:inline;margin:0 0 12px 8px; }
ul.honor li h3.title{font-weight:normal; text-align:center;width:125px;height:16px; padding:4px 0; line-height:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; word-break:keep-all;-moz-binding: url('/css/ellipsis.xml#ellipsis'); cursor:pointer}
ul.honor li a p.pic{display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size: 164px;*font-family:Arial;width:123px;height:188px;border: 1px solid #e3e3e3; overflow:hidden; cursor:pointer}
ul.honor li p.pic img {vertical-align:middle;}
ul.honor li a:hover{ text-decoration:none;}
ul.honor li a:hover p.pic{border:solid 1px #f60}


/*当前位置*/
.crumbs{ width:703px; height: 52px; overflow:hidden; position:relative}
.crumbs .about,.crumbs .news,.crumbs .product,.crumbs .honor,.crumbs .service,.crumbs .contact{ background: #FFF url(/images/layout.png) no-repeat 0 -215px; border-bottom:solid 1px #e53837;display:block; width:703px; height:21px;overflow:hidden}
.crumbs .news{ background-position:0 -238px}
.crumbs .product{ background-position:0 -261px}
.crumbs .honor{ background-position:0 -284px}
.crumbs .service{ background-position:0 -307px}
.crumbs .contact{ background-position:0 -330px}
.crumbs .crumbs-bg{ width:702px; height:31px; overflow:hidden;background: url(/images/crumbs-bg.gif) repeat-x left top; margin:-1px 0 0 1px; position:absolute}
.crumbs h3{ float:right; height:31px; line-height:31px; background: url(/images/crumbs-title.gif) no-repeat; font-weight:normal; padding:0 8px 0 32px}

/*通用详情*/
.content-body{ width:655px; margin:8px 24px 18px;}
.content-body p{ padding-bottom:12px}
.font-14{ font-size:14px; line-height:1.8; }
.content-title{ text-align:center;height:30px; line-height:30px;font-size:14px;}
.content-time{ display:block; height:20px; line-height:20px;text-align:center; color:#9e9e9e;border:#e3e3e3 dashed 1px; border-width:1px 0; margin:10px 0}
.content-time a:link,.content-time a:visited{ color:#9e9e9e}
.content-back{ margin:10px 0; text-align:right; height:24px; line-height:24px;border-top:#e3e3e3 dashed 1px;}
.product-title{ text-align:center;height:30px; line-height:30px;font-size:14px; background:#f8f8f8; color:#F00; border:solid 1px #e3e3e3; border-width:1px 1px 0 1px}
.product-pic{ border:solid 1px #e3e3e3; text-align:center}

/*通用分页*/
.page-list{margin:0 22px 20px; height:28px; line-height:28px; background:#f6f6f6; text-align:center}
.error{ color:#F00}

/*底部*/
#footer{ width:950px; height:104px; margin-top:10px; background:#b61717 url(/images/foot-bg.png) no-repeat left top; overflow:hidden; color:#FFF}
#footer a{ color:#FFF}
.foot-logo{ width:224px; height:68px; margin:18px 0; float:left; overflow:hidden; border-right:solid 1px #efbdbc}
.foot-logo a{ width:110px;  height:34px; background:url(/images/foot-logo.gif) no-repeat; overflow:hidden; display:block; margin:17px 0 17px 106px;}
.copyright{ width:702px; height:68px; margin:18px 0; float:left; border-left:solid 1px #cb9696}
.copyright p{ padding-left:10px; line-height:1.8}