@charset "utf-8";
/*reset*/
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; }
/** 设置默认字体 **/
body, button, input, select, textarea /* for ie */ {font:normal 12px/1.5 'helvetica neue','hiragino sans gb','Microsoft YaHei','SimSun', arial,tahoma,sans-serif; }
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; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; outline:none;} /* 使得表单元素在 ie 下能继承字体大小 */
textarea{resize:none;}
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }
mark { background: #ff0; }

/*common*/
body{font-family:tahoma,arial,b8b\4f53; color:#666; font-size:12px; background:#fbfbfb;}
a{color:#666;}
.clrfix:after,.clrfix:before{display:table; content:""; clear:both;}
.clrfix{zoom:1;}
 
.wrapper{ width:1003px; margin:auto;}
.nav li a,.conblock h3,.footer,.articlehead h1,.pagetitle,.prdmore .tit{ font:normal 12px/1.5 'helvetica neue','hiragino sans gb','Microsoft YaHei','SimSun', arial,tahoma,sans-serif;}
.homebanner .slide_nav a,.conblock .more,.conlist li a,.footlogo,.sidemenu li .current,.honorlist li,.contactlist-tit,.main address,.linkhome,.pagetitle,.prdlink,.honortime,.backtop{background:url(/mensa/img/sprite.png?20140314) no-repeat;}
/*header*/
.header{height:85px; width:1003px; margin:auto; position:relative;}
.logo{position:absolute; left:0; top:20px;}

/*nav*/
.nav{ background: #f83753; width: 100%; }
.nav .wrapper{position:relative;background: #f83753; height:37px;}
.nav,.nav a{color:#fff;}
.nav li{float:left; text-align:center; padding-left:2px;}
.nav .navfirst{background:none;}
.nav li a{display:block; margin-right:-2px; height:35px; width:145px; line-height:35px; font-weight:bold; font-size:14px;}
.nav .current{position:relative; background: #e22641;text-decoration: none;}
.navmore{float:right; line-height:35px;}
.navmore a{margin-right:10px;}
.outlinks{position:absolute; top:-55px; right:7px; background-position:0 -315px;}
.mtprod_all{display:block; width:112px; height:25px; background:url(../images/product_all.png) no-repeat; text-indent:-9999px;}
/* .outlinks ul{height:29px; background-position:100% -345px; padding-right:9px;}
.outlinks li{float:left; height:13px; border-left:1px solid #dadada; margin-top:6px; padding:0 9px; background:none;}
.outlinks .lnkfirst{border:none;}
.outlinks li a{width:auto; height:26px; float:left; line-height:26px; margin:-6px 0 -7px; color:#666; font-size:12px; font-family:Arial; font-weight:normal;} */

/*banner*/
.banner{ margin-bottom:48px;}
.banner img{vertical-align:top;}
.banner .wrapper{position:relative;}
.homebanner{height:375px; background:url(../images/bannerbg.png?20140311) repeat-x bottom;}
.newsbanner{height:241px; border-bottom: 1px solid #D7D7D7; background:url(../images/newsbannerbg.png) repeat-x bottom;}
.homebanner .slides_container,.homebanner .slides_container p{position:relative; width:1003px; height:370px;}
.homebanner .slide_nav{position:absolute; left:50%; bottom:-22px;}
.homebanner .slide_nav li{float:left; position:relative; left:-50%;}
.homebanner .slide_nav a{display:block; margin:0 3px; width:15px; height:15px; overflow:hidden; text-indent:-9999px; background-position:0 -161px;}
.homebanner .slide_nav .current a{background-position:0 -176px;}

/*body*/
.conblock{position:relative;}
.conblock h3{margin-bottom:16px; border-bottom:1px dotted #7f7f7f; color:#d00; font-size:16px; font-weight:bold; line-height:35px; padding-left:12px;}
.conblock p{line-height:22px; margin:0 12px; text-indent:2em;}
.conblock-word {height:112px;overflow:hidden;}
.conblock .more{position:absolute; right:10px; top:0; line-height:35px; color:#a6a6a6; padding:0 16px 0 5px; background-position:100% -161px;}
.conblock .conlist{padding:0 12px;}
.homebody .conblock{float:left; display:inline; width:290px; margin-left:50px;}
.homebody .homeintro{margin-left:20px;}
.homeprds li{float:left; width:50%; padding:5px 0;}
.conlist{line-height:22px;}
.conlist li a{display:block; position:relative; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:9px; background-position:-143px -186px;}
.conlist li a:hover{background-position:-143px -227px; color:#d00; text-decoration:none;}
.newsbody .conblock{float:left; display:inline; width:470px; margin-left:39px;}
.newsbody .blockfirst{margin-left:12px;}
.conlist .tit{display:block; margin-right:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; _height:21px; _white-space:normal;}
.conlist .time{position:absolute; right:0; top:0; cursor:pointer;}
.hrbanner{margin-top:48px; clear:both; height:123px; padding:19px 0 0 26px; background:url(../images/banner/bannerhr.jpg) no-repeat; line-height:26px;}
.hrbanner strong{font-size:16px; color:#444;}
.hrbanner p{font-size:14px; color:#a6a6a6;}
.linkhr{margin-top:8px; display:block; width:130px; height:35px; text-indent:-9999px; overflow:hidden;}
.mainbody{margin-bottom:-25px; background:url(../images/sidebg.png) repeat-y -29px 0;}

/*side*/
.side{ float:left; width:145px;}
.sidemenu{ width:145px; margin-top:33px;}
.sidemenu li{height:46px;}
.sidemenu li a{display:block; padding-left:45px; line-height:46px; font-size:14px; color:#444;}
.sidemenu li .current{position:relative; font-weight:bold; margin:0 -1px -8px 0; height:54px; background-position:0 -107px;}

/*main*/
.main{margin-left:145px; font-size:14px; border-left:1px solid #e1e1e1; min-height:420px;}
.mainwrap{padding:20px 10px 250px 76px; zoom:1;}
.main-word {text-indent: 30px;}
.pagetitle{line-height:68px; padding-left:54px; margin:0 70px 34px 0; font-size:25px; font-weight:bold; border-bottom:1px solid #e1e1e1; color:#444;}
.tit-intro{background-position:0 -375px;}
.tit-contact{background-position:0 -445px;}
.tit-products{background-position:0 -515px;}
.main h3{line-height:34px; margin-bottom:18px; font-size:16px; color:#d00; font-weight:bold;}
.main h3 span{display:inline-block; border-bottom:1px dotted #d00;}
.main h4{margin:30px 0 18px; font-size:14px; color:#d00; font-weight:bold;}
.main p{line-height:28px;}
.main hr{margin:45px 0; border:none; border-top:1px solid #e1e1e1; height:0; background:#fff; color:#fff;}
.main .pic{margin:20px 0; text-align:center;}
.main .pic p{padding:6px 0;}
.main .pic img{vertical-align:top;}
.introcon{ padding:0 10px; font-size:12px;margin-top:20px;}
.introcon h3{margin:0 0 0 -10px;}
.introcon p{line-height:21px; width:238px; margin:10px 0 20px;}
.prdlink{display:inline-block; width:102px; height:34px; padding: 0 27px 0 4px; background-position:0 -196px; line-height:33px; text-align: center;}
.intro-xiuxiu{height:651px; background:url(../images/pic/products_xiuxiu.jpg?1) no-repeat;}
.intro-xiuxiu .introcon p{width:250px;}
.intro-kankan{height:614px; background:url(../images/pic/products_kankan.jpg?1) no-repeat; padding-left: 485px;}
.intro-meiyan{height:410px; background:url(../images/pic/products_meiyan.jpg) no-repeat; padding-left: 436px; padding-top: 30px; margin-bottom: -55px;}
.intro-meitu{height:400px; background:url(../images/pic/products_meitu.jpg?1) 0 70px no-repeat; text-align: center;}
.intro-meitu .introcon{width: 700px;}
.intro-meitu .introcon p{width: auto; margin-top: 0; margin-bottom: 280px;}
.honorbox{position:relative; margin:20px auto 0; width:728px; border-style:solid; border-width:1px 2px 2px; border-color:#d6d6d6 #efefef #eeeeee #f0f0f0; background:url(../images/honorbg.png) repeat-x #f0f0f0;}
.honortime{position:absolute; top:-1px; left:0; width:37px; height:90px; background-position:0 -585px; font-size:12px; padding:12px 32px 0 25px; text-align:center; line-height:19px; color:#fff; font-family:Arial; text-shadow:0 0 14px rgba(0,0,0,0.48);}
.honortime *{display:block;}
.honorlist{line-height:27px; font-size:12px; margin:20px 0 20px 110px;}
.honorlist li{float:left; padding-left:14px; background-position:-143px -183px; width:280px;}
.prdmore .tit{display:block; margin: 0 0 20px 13px;}
.prdmore h3{float:left; margin: 0 10px;}
.backtop{float:right; display:none; position:fixed; top:50%; margin-top:-48px; right:10px; width:20px; line-height:18px; padding-top:22px; text-align:center; background-position:-129px -585px;}
.backtop:hover{text-decoration:none;}
.titlelist{line-height:22px;}
.titlelist dt{padding-left:13px; margin-top:22px; font-weight:bold; white-space:nowrap; }
.titlelist dd{padding-left:13px;}
.contactlist{margin-top:20px; width:630px;}
/*.contactlist dl {height: 102px;}*/
.contactlist-tit {float: left; width:460px; height: 14px;margin: 16px 0 8px 0;padding: 0 0 6px 8px; font-size: 14px;line-height: 20px; font-weight: bold;background-position:-143px -186px;}
.contactlist-right,.contactlist-left {width:315px; font-size:12px; line-height:19px; margin-bottom:20px;}
.contactlist-right {float: right;}
.contactlist-left {float: left;}
.contactlist-height {height: 102px;}
.contactlist dt{padding-left:8px; margin-bottom:7px; font-weight:bold; background-position:-143px -188px;}
.contactlist dd{padding-left:8px;}
.main address{margin-top:50px; padding-left:66px; height:45px; line-height:26px; background-position:0 -240px;}

/*footer*/
.footer{width:1003px; margin:auto; margin-top:25px; border-top:1px solid #e1e1e1; padding:8px 0 20px;}
.footer,.footer a{ color:#adadad;}
.copyright{float:left; display:inline; margin-left:30px;}
.footlogo{display:inline-block; margin-right:5px; width:150px; height:18px; background-position:0 -292px; overflow:hidden; font-size:0; vertical-align:middle;}
.footlinks{float:right; display:inline; margin-right:15px; overflow:hidden;}
.footlinks ul{margin-left:-1px;}
.footlinks li{float:left; border-left:1px solid #e8e8e8; padding:0 15px;}

/*crumb*/
.crumb{margin:14px 0 46px; line-height:15px; padding:8px 0 8px 30px; border-bottom:1px solid #e1e1e1;}
.crumb *{ vertical-align:middle;}
.crumb a{color:#a6a6a6;}
.linkhome{display:inline-block; width:15px; height:15px; overflow:hidden; text-indent:-9999px; background-position:-30px -173px;}
.crumbarrow{font-family:"宋体",Simsun; margin:0 10px; font-size:8px; color:#666; cursor:default; -webkit-text-size-adjust:none;}

/*listblock*/
.listblock{width:470px; margin:auto;}
.pagination{margin-top:35px; text-align:center;}
.pagination *{padding:4px;}
.pg{color:#a6a6a6;}
.pg-prev,.pg-prev-dis,.pg-next,.pg-next-dis{font-weight:bold;}
.pg-prev-dis,.pg-next-dis{color:#a0a0a0; cursor:default;}
.pg-prev:hover,.pg-next:hover{color:#d00;}
.pg-cur{font-weight:bold; color:#444; cursor:default; text-decoration:underline;}

/*article*/
.article{width:685px; margin:auto;}
.articlehead{text-align:center;}
.articlehead h1{font-size:20px; color:#d00; font-weight:bold; margin-bottom:5px;}
.articlehead span{color:#a6a6a6;}
.articlebody{margin:50px 0; font-size:14px; line-height:2;}
.articlebody p{margin-bottom:10px;}