@charset "utf-8";
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#FFFFFF; -webkit-text-size-adjust:none;}
a{ color:#343434; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}
ul,li,ol,dl,dt,dd,p,span,div{ padding:0px; margin:0px; list-style:none;}
/*头部*/
.fl{ float:left;}
.fr{ float:right;}
.inner{ width:1000px; margin:0 auto; position:relative;}
header{ background:url(../header_bg.jpg) repeat-x 0px 0px; zoom:1; }/*url(../top_bg.gif) repeat-x*/
header .inner{ height:165px; *height:165px; background:url(../top_bg.jpg) no-repeat 0px 0px;}/*url(../top_bg.gif) repeat-x*/
.logo{ position:absolute; left:0px; top:0px;}
.otr-nav{position:absolute; right:0px; top:0px; overflow:hidden; text-align:right; margin-top:8px;}
.otr-nav .top-nav{ height:20px; line-height:20px; padding-bottom:10px; color:#999; font-size:11px; overflow:hidden;}
.otr-nav .top-nav a{ color:#999; font-size:12px;}
.otr-nav .top-nav a:hover{ color:#fff;}
.otr-nav .top-nav span{ padding:0px 6px;}

nav{ position:absolute; bottom:1px; left:0px; height:50px;}
nav li{float:left; list-style: none; text-align: center; line-height: 50px; position: relative;}	
nav li a.nav{display: block; color:#FFF; height:50px; font-size:14px;}
nav li.hover a.nav,nav li.navdown a.nav{display: block; color:#FFFFFF; height:50px; background:#890809;}
nav li.hover a.nav span,nav li.navdown a.nav span{ display: block; color:#FFFFFF; height:50px; background:#890809;}
nav li.line{ width:0px; border-left:1px #890809 solid; border-right:1px #f40001 solid; height:50px;}
nav li dl{display:none; text-align: center; background:#999999; position:absolute; top:50px; left:0px; border-top:1px #d9d9db solid; z-index:9999; white-space:nowrap;}
nav li dl dd{ border-bottom:#F1F1F1 solid 1px;height:30px; line-height:30px; }
nav li.hover dl dd a{ font-size:12px; display:block; color:#FFFFFF;}
nav li.hover dd a:hover{background:#b20001;}

.met_flash{ position:relative; width:100%;}
.met_flash a{ font-size:0px; display:block;}
.met_flashs{ overflow:hidden; font-size:0px;}
.flash_list{ width:100%; overflow:hidden;  width:100%; position:absolute; top:0px; left:0px;}
.flash_list a{ display:block; width:100%; height:100%;}
.flash_icon{ width:100%; text-align:center; position:absolute; z-index:5; bottom:0px;}
.flash_icon a{ background:url(../img/nl.png) no-repeat; width:15px; height:15px; display:inline-block; margin:0 5px; cursor:pointer;}
.flash_icon a.active{ background-position: 0 -17px; cursor:default; }


/*metv5s专属Flash样式开始*/
.Zbannar{width:100%; overflow:hidden;min-width:1000px;}
.Zbannar #mPics li{height:400px;}
.Zbannar .a1 #anim{background-position:0 0;}
.Zbannar .a2 #anim{background-position:0 -453px;}
.Zbannar .a3 #anim{background-position:0 -906px;}
.Zbannar .a4 #anim{background-position:0 0;}
.Zbannar .a1 #btnsWrap{background-position:0 -127px;}
.Zbannar .a2 #btnsWrap{background-position:0 -254px;}
.Zbannar .a3 #btnsWrap{background-position:0 -381px;}
.Zbannar .a4 #btnsWrap{background-position:0 0;}
.Zbannar li.libegin{background:url(../img/flash_bg.jpg) 50% 50% no-repeat;}
.Zbannar .cc{background-position:-589px -404px;}
.Zbannar .cnow{background-position:-589px -430px;}
.Zbannar #anim{height:400px;background-image:url(../img/flash_bg.jpg); background-repeat:repeat-x;}
.Zbannar #marquee{position:relative;}
.Zbannar #mPics{height:400px;overflow:hidden;position:relative;}
.Zbannar #mPics a{display:block;width:100%;height:100%;}
.Zbannar #circle{position:relative;margin:-28px auto 0;width:960px;overflow:hidden;text-align:center;}
.Zbannar #circle li{display:inline-block;*display:inline;zoom:1;width:30px;}
.Zbannar #circle li a{display:block;width:11px;height:11px;overflow:hidden;text-indent:-9999px;text-align:left;}
.Zbannar #circle li a:hover{background-position:-589px -430px;}
.Zbannar #liB,.Zbannar #liG,.Zbannar #liY,.Zbannar #liX{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0;}
.Zbannar #circle li a,
.Zbannar #circle li a:hover,
.Zbannar #nWin .nCon a{background-image:url(../img/sprites-high3.png);background-repeat:no-repeat;}
/*metv5s专属Flash样式结束*

/*首页*/

/*公司简介*/
.index-about{ padding-top:15px;}
/*首页内容*/
.webbox1{ width:100%; background:#F2F2F2; margin-top:15px; padding:10px 0px;}
/*成功案例*/
.index-product{ margin-top:5px; overflow:hidden; padding-bottom:2px; }
.index-product h3.title{ height:87px; position:relative; background:url(../cgal_bg.jpg) no-repeat;}
.index-product h3.title a.more{position:absolute; right:10px; top:15px; width:40px; height:42px; display:block; background:url(../icon_5.jpg) no-repeat;}
.index-product .profld{ padding-top:10px; overflow:hidden;}
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; background:#F4F4F4 ; text-align:center; margin:0px 5px; min-height:222px;}
.index-product ol li p.listbg{background:#F4F4F4 url(../web_bd.jpg) no-repeat 0px 1px; height:4px;}
.index-product ol li:hover{ background:#99C228;}
*html .index-product ol li:hover h3{ border:1px #99C228 solid; background:#FFFFFF;}
*+html .index-product ol li:hover h3{ border:1px #99C228 solid; background:#FFFFFF;}
.index-product ol li:hover h3{ border:1px #99C228 solid; background:#FFFFFF;}
.index-product ol li:hover h3 a{ color:#000000;}
.index-product ol li a.img{ display:block; text-align:center; font-size:0px; padding:8px;}
.index-product ol li a.img img{ margin:auto; border:0px;}
.index-product ol li h3{font-weight:normal; text-align:left; padding:10px 8px; display:block;}
.index-product .flip{ overflow:hidden; height:6px; margin:8px 15px 0px; float:right; }
.index-product .flip a{ color:#FFFFFF;}
* 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; }
.botheight{ height:15px; display:block;}
/*底部焦点*/
.bd_bg{ background:url(../bd_bg.jpg) repeat-x; width:100%; height:192px;}
.bd_nav{ width:1000px; margin:0 auto; padding:30px 0 0 0;}
.bd_nav img{ float:left; padding:0 10px;}

/*底部*/

footer{background:#2B2B2B; zoom:1;}
footer .bottom{ width:100%; height:176px; background:url(../footer_bg2.jpg) 0px 0px repeat-x;}
footer .inner{ background:url(../footer_img.jpg) no-repeat right 15px; height:176px;}
.foot-nav{ width:750px; overflow:hidden; padding:15px 0px 3px 0px;}
.foot-nav span{ padding:0px 10px; font-size:10px; color:#333333;}
.foot-nav a{ color:#333;}
.foot-nav a:hover{ color:#999;}
.foot-text{ width:750px; overflow:hidden; color:#333; padding:10px 0px 0px 0px;}
.foot-text a{ color:#333;}
.powered_by_metinfo{ font-size:11px;}
.powered_by_metinfo a:hover{ color:#999;}
.ft_w3c{ padding:0px 0px 0px 10px; position:relative;}
.ft_w3c span{ float:left; padding:5px 0 0 0;}
.ft_w3c .bdshare{ position:absolute; left:0; top:0;}
.ft_icon1{ background:url(../icon_8.jpg) no-repeat; float:left; padding:0 20px 0 23px; line-height:23px;}
.ft_icon2{ background:url(../icon_9.jpg) no-repeat; float:left;padding:0 20px 0 23px; line-height:23px;}
.ft_icon3{ background:url(../icon_10.jpg) no-repeat; float:left;padding:0 0 0 23px; line-height:23px;}
.ft_link{ width:100%; min-height:80px; background:#CFD0D2; padding:10px 0px 0px 0px;}
.links{ width:1000px; margin:0px auto; line-height:23px; overflow:hidden;}
.links .linktil{ float:left;}
.links .textlk  span{ font-size:10px; color:#000; padding:0px 6px; display:block; float:left;}
.links .textlk li{ list-style:none; float:left; overflow:hidden;}

/*内页侧栏*/
.sidebar1{ background:url(../zx_ctbg.jpg) 0px 0px repeat-x #FFFFFF;}
.sidebar1 .infostyle-1 h3.title{ height:49px; overflow:hidden; position:relative;}
.sidebar1 .infostyle-1 h3.title span{ position:absolute; left:0px; top:5px;}
.sidebar1 .infostyle-1 h3.title .position{ position:absolute; right:0px; top:0px; background:url(../icon_bg.jpg) no-repeat 0px 0px; height:49px; padding-left:50px; line-height:49px; font-weight:normal;}
.sidebar1 .infostyle-1 h3.title .pos{ position:absolute; left:0px; top:0px; background:url(../icon_bg.jpg) no-repeat 0px 0px; height:49px; padding-left:50px; line-height:49px; font-weight:normal;}
.sidebar1 .sidebar{ background:url(../leftbg.jpg) repeat-y 0px 0px;}

.sidebar .sb_nav{ float:left; width:237px; background:url(../zxzx_bg.jpg) no-repeat; min-height:520px;}
.sidebar .sb_nav h3.title{ text-align:left; background:#3d8b03; padding:0px 15px; height:45px; line-height:45px; border-bottom:1px solid #CFD1D6; color:#fff; font-size:16px; font-weight:normal;}
.sidebar .sb_nav .contact{ padding:10px 20px; border-bottom:1px solid #CFD1D6;}
#sidebar{ width:236px; padding-top:76px;}
#sidebar dl dt{height:31px; line-height:31px; overflow:hidden; background:url(../leftnavbg.png) no-repeat 0px 0px; text-align:left; padding-left:41px; }
#sidebar dl dt a{  color:#5B5B5B; font-size:12px; font-weight:bold;}
#sidebar dl dd{ border-bottom:1px solid #CFD1D6;}
#sidebar dl dd h4{ font-weight:normal;height:40px; line-height:40px; overflow:hidden; padding-left:28px;}
#sidebar dl dd h4 a{ color:#2099CF;}
#sidebar dl dd h4 a:hover{ color:#666;}
#sidebar dl .openz,
#sidebar dl dt.on,#sidebar dl dt a:hover{ color:#E50102; }

.sidebar .sb_box{ float:right; width:746px; overflow:hidden;}
/*产品模块*/
#productlist{ padding:15px 0px;}
#productlist li{ float:left; background:#F4F4F4 url(../web_bd.jpg) no-repeat 0 168px; display:block; margin:8px 0px;}
#productlist li p.listbg{background:#F4F4F4 url(../web_bd.jpg) no-repeat 0px 1px; height:4px;}
#productlist li:hover{ background:#99C228;}
#productlist li:hover h3{ border:1px #99C228 solid; background:#FFFFFF;}
#productlist li:hover h3 a{ color:#000000;}
#productlist li a.img{ display:block; text-align:center; font-size:0px; padding:8px;}
#productlist li a.img img{ margin:auto; border:0px;}
#productlist li h3{  font-weight:normal; text-align:left; padding:10px 0px 10px 8px;}

ul.searchnavlist{ border-bottom:1px solid #CFD1D6; padding:8px;}