/*#文件名称:metinfo.css #MetInfo企业网站管理系统 #Copyright (C) 长沙米拓信息技术有限公司 (http://www.metinfo.cn). All rights reserved.*/ /*初始化*/ body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}img{border:0;}button,input,select,textarea{font-size:100%;} ul,ol{ padding-left:40px;} html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#d5d5d7; -webkit-text-size-adjust:none;} a{ color:#333; text-decoration:none;} a:hover{ color:#1C57C4; text-decoration:none;} /*全局样式*/ .clear{ clear:both; } .inner{ width:980px; margin:0 auto; position:relative;} .list-none{ list-style:none; padding:0px; margin:0px;} .editor{ line-height:2;} .editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;} .editor a{ color:#1C57C4; text-decoration:underline;} .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);} .button:hover { text-decoration: none; color:#fff; } .button:active { position: relative; top: 1px;} .orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../dt-10.gif) repeat-x left top; } input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff; } td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;} td.input{ padding:6px 8px;} td.input input{ margin-right:8px;} td.input .info{ padding-left:15px; color:#f00;} td.input img{ position:relative; bottom:1px;} td.submint{ padding:10px;} /*头部*/ header{ background:#013d97; zoom:1} #web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;} .top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:1; text-align:right; width:100%;} .top-nav a{ color:#fff;} .top-nav a:hover{ color:#fff;} .top-nav li.b{ position:absolute; bottom:0px; right:0px;} .top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;} .top-logo{ min-height:90px; _height:90px;} nav{ height:40px; overflow:hidden;} nav ul li{ float:left; text-align:center; height:40px; line-height:40px; width:120px; overflow:hidden; background:url(../dt-3.gif) repeat-x; } nav ul li a{ color:#fff; font-size:14px;} nav ul li.line{ width:0px; height:40px; padding:0px; border-left:1px solid #0073bc; border-right:1px solid #0389de;} nav ul li.hover,nav ul li.navdown{ background:url(../dt-4.gif) repeat-x;} nav ul li.hover a,nav ul li.navdown a{ color:#444;} nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#444;} .met_flash{ margin-top:10px; font-size:0px; overflow:hidden;} .met_flash ul{ margin:0px; padding:0px;} /*首页*/ .aboutus{ float:left; width:675px; margin-top:10px;} .case{ float:right; width:290px; margin-top:10px; overflow:hidden;} .style-1 h3.title span{ float:left; background:url(../dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;} .style-1 h3.title a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px;} .style-1 .active{ background:#fff; padding:10px;} .style-2 h3.title { background:url(../dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;} .style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;} .style-2 .active{ background:#fff; padding:10px;} .style-2 dl.ind{ clear:both; zoom:1} .style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1} .style-2 dl.ind dt a{ margin-left:5px;} .style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;} .style-2 dl.ind dd h4{ margin-left:10px;} .style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;} .index-news{ float:left; width:330px; margin-right:15px; margin-top:15px;} .listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../dt-1.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;} .index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;} .index-product .profld{ margin:0px; position:relative; overflow:hidden;} .index-product h3 span{ float:left; } .index-product ol{ position: absolute; width: 2012em; } .index-product ol li{ float:left; text-align:center; } .index-product ol li a.img{ display:block; text-align:center; font-size:0px;} .index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;} .index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;} .index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; } * html .index-product .flip{ width:300px;} *+html .index-product .flip{ width:300px;} .index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../neu.gif) no-repeat;} .index-product .next{ background-position:-17px 0px; } .index-product .next:hover{ background-position:-57px 0px; } .index-product .prev{ background-position:-40px 0px; } .index-product .prev:hover{ background-position:0px 0px; } #trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px;} #trigger a{ background:url(../neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;} #trigger a.current{ background-position:-78px 0px;} #tabs-nav{ float:left;text-align: center; margin-left:15px;} #tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;} #tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} #tabs-nav li a:hover { background:#fff; } #tabs-nav li a.flex-active{ background:#fff; cursor: default; } .index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;} .index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;} .index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;} .index-links ul{ margin:0px; padding:0px;} .index-links .img{ margin-bottom:3px;} .index-links .img li{ list-style:none; display:inline; padding-right:5px;} .index-links .img img{ width:88px; height:31px;} .index-links .txt{ zoom:1;} .index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;} /*底部*/ .foot-nav{ text-align:center; margin-top:10px; height:25px; line-height:25px;} .foot-nav span{ font-size:10px; margin:0px 8px; color:#888;} .foot-text{ text-align:center; padding:0px 0px 5px; } /*内页侧栏*/ .sidebar{ margin-top:15px;} .sidebar .sb_nav{ float:left; width:210px;} .sidebar .sb_nav h3.title{ text-align:left; background:url(../dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;} .sidebar .sb_nav h3.line{ margin-top:15px; } .sidebar .sb_nav .active{ padding:10px 15px; background:#fff;} #sidebar dl{ margin-left:5px;} #sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../dt-11.gif) no-repeat 2px 11px;} #sidebar dl dd{ padding:0px 0px 0px 15px;} #sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../dt-0.gif) no-repeat left center;} #sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; } #sidebar dl h4.on a{ font-weight:bold;} .sidebar .sb_box{ float:right; width:755px; background:#fff; } .sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative;} .sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #ff6633; padding:0px 15px;} .sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;} .sidebar .sb_box h3.title div.position a{ color:#1C57C4;} .met_hits{ padding:0px 5px; height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;} .met_hits a{ color:#666;} .met_hits .metjiathis{ position:absolute; left:5px; top:8px;} .met_page{ text-align:center;} .met_page a{ margin-right:50px; color:#1C57C4; text-decoration:underline;} #flip{ margin-bottom:15px;} /*简介模块*/ #showtext{ padding:15px; line-height:2;} /*文章模块*/ #newslist{ padding:15px 20px;} #newslist li{ padding:6px 10px; background:url(../dt-0.gif) no-repeat left 19px;} #newslist li a{ font-size:14px; margin-right:5px;} #newslist li span{ float:right; color:#aaa;} #newslist li p{ color:#aaa;} #shownews{ padding:0px 15px 15px;} #shownews .editor{ line-height:2; padding:0px 10px;} #shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px;} /*产品模块*/ #productlist{ padding:15px 10px;} #productlist li{ float:left; display:inline; text-align:center;} #productlist li a.img{ display:block; text-align:center; font-size:0px;} #productlist li a.img img{ margin:auto; border:1px solid #ccc;} #productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;} #showproduct{ padding:15px;} #showproduct h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showproduct .pshow dt{ float:left;} #showproduct .pshow dd{ float:left;} #showproduct .pshow dd ul{ margin-left:15px; } #showproduct .pshow dd li{ padding:5px ; margin:5px 0px; clear:both; border-bottom:1px solid #eee;} #showproduct .pshow dd li span{ float:left; width:70px; color:#999; } #showproduct .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } #showproduct .editor{ line-height:2; padding:0px 10px;} /*下载模块*/ #downloadlist{ padding:15px;} #downloadlist .metlist{ margin-bottom:20px;} #downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../dt-9.gif) no-repeat 5px 11px;} #downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;} #downloadlist .metlist dd b{ font-weight:normal;} #downloadlist .metlist dd div{ float:right;} #downloadlist .metlist dd span{ padding-right:20px;} #downloadlist .metlist dd a{ color:#1C57C4; text-decoration:underline;} #downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;} #showdownload{ padding:15px;} #showdownload h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showdownload .paralist{ background:#f6f6f6; padding:5px 10px;} #showdownload .paralist li{ padding:3px 5px 3px 0px; margin:5px 0px; border-bottom:1px solid #eee;} #showdownload .paralist li a{ color:#f00; text-decoration:underline;} #showdownload .paralist li span{ float:left; padding:0px 10px; margin-right:5px; text-align:left; } #showdownload .editor{ line-height:2; padding:0px 10px;} #showdownload .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*图片模块*/ #imglist{ padding:15px 10px;} #imglist li{ float:left; display:inline; text-align:center;} #imglist li a.img{ font-size:0px; display:block;} #imglist li a.img img{ margin:auto; border:1px solid #ccc; } #imglist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;} #showimg{ padding:15px;} #showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;} #showimg .imgshow{ text-align:center;} #showimg .editor{ line-height:2; padding:0px 10px;} .imgparalist li{ padding:3px 15px 3px; background:url(../dt-0.gif) no-repeat 5px center;} .imgparalist li span{ float:left; margin-right:10px; color:#999;} #showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*招聘模块*/ #joblist{ padding:15px;} #joblist dl{ padding:0px 5px 15px; margin-bottom:15px;} #joblist dt{ padding:5px 10px; font-size:16px; font-weight:bold; border-bottom:1px dotted #ccc;} #joblist dd{ padding:0px 0px 5px;} #joblist dd .dtail{ padding:5px 10px; border-top:1px dotted #ccc;} #joblist dd .dtail span{ margin-right:20px;} #joblist dd .dtail a{ color:#1C57C4;} #joblist dd .editor{padding:5px;} #joblist dd .mis{ padding:5px 10px;} #joblist dd .mis span{ margin-right:15px; color:#999;} #showjob{ padding:15px;} #showjob h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showjob .paralist li{ float:left; width:45%; padding:3px 15px 3px; background:url(../dt-0.gif) no-repeat 5px center;} #showjob .paralist li span{ float:left; margin-right:10px; color:#999;} #showjob .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } #showjob .info_cv{ font-size:12px; text-align:center; margin:10px 0px; } #cvlist{ padding:15px;} /*在线留言*/ #messagelist{ padding:15px;} #messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;} #messagelist .metlist dt{ background:url(../message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;} #messagelist .metlist dt span.name{ color:#2c7199;} #messagelist .metlist dt span.time{ padding-left:8px; color:#999;} #messagelist .metlist dt span.tt{ float:right; padding-right:5px;} #messagelist .metlist dd.info span.tt{ display:none; clear:both;} #messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;} #messagelist .metlist dd.reinfo span.tt{ background:url(../admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;} #messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;} #messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;} #messagelist table{ margin:0px auto;} #messagetable{ padding:15px;} #messagetable table{ margin:0px auto;} /*在线反馈*/ #feedback{ padding:15px;} #feedback table{ margin:0px auto;} /*友情链接*/ #linklist{ padding:15px 15px 25px;} #linklist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;} #linklist .inside{ padding:15px 0px 0px;} #linklist .metlist .img li{ list-style:none; display:inline; padding-right:5px;} #linklist .metlist .img img{ width:88px; height:31px;} #linklist .metlist .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;} #linksubmit{ padding:15px;} #linksubmit table{ margin:0px auto;} #memberbox{ padding:15px;} /*站内搜索*/ ul.searchnavlist{ list-style:none; padding:0px; margin:0px;} ul.searchnavlist li{ padding:5px 0px;} #searchlist{ padding:15px;} #searchlist li{ padding-left:10px; margin-bottom:6px; line-height:1.5;} #searchlist ul{ list-style:none; padding:0px; margin:0px;} #searchlist ul li{ padding:3px 5px; margin-bottom:5px;} #searchlist ul li img{ display:none;} #searchlist .search_title{ display:block; padding:2px 0px;} #searchlist .search_title a{ font-size:14px; color:#12C; text-decoration:underline;} #searchlist .search_title em{ color:#c00; text-decoration:underline; font-style:normal;} #searchlist .search_detail{ display:block; } #searchlist .search_detail a{ text-decoration:underline; color:#12C;} #searchlist .search_content em{ color:#c00; font-style:normal;} #searchlist .search_updatetime{ display:block; margin-top:5px; color:green;} #searchlist a:hover{ text-decoration:underline;} /*网站地图*/ #sitemaplist{ padding:15px;} #sitemaplist ul li{ background:url(../dd.gif) no-repeat left center; padding-left:8px; line-height:1.5;} #sitemaplist ul li span{ padding-right:10px; float:left;} #sitemaplist .sitemapclass{ padding:5px 0px;} #sitemaplist .sitemapclass1{ display:block; height:28px; line-height:28px; margin-bottom:5px; border-bottom:1px solid #ddd;} #sitemaplist .sitemapclass1 a{ padding:5px 10px; background:#eee;} #sitemaplist .sitemapclass2{ padding-left:15px; padding-top:3px;} #sitemaplist .sitemapclass2 h3{ background:url(../dt-0.gif) no-repeat left center; padding:2px 8px;} #sitemaplist .sitemapclass2 h3 a{ color:#444;} #sitemaplist .sitemapclass2 div{ padding-left:2px;} #sitemaplist .sitemapclass2 h4{ display:inline; padding:2px 6px;} #sitemaplist .sitemapclass2 h4 a{ text-decoration:underline; color:#2c7199;}