@charset "utf-8";

html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}

a{ color:#333; text-decoration:none;}

a:hover{ color:#1C57C4; text-decoration:none;}

.kong{ height:10px; }
.fl{ float:left; }
.fr{ float:right; }
/*头部*/

.inner{ width:1180px; margin:0 auto; position:relative;}
.inners{ width:1000px; margin:0 auto; position:relative;}

header{ background:url(/templates/metv5/images/h_top_bg.gif) repeat-x; zoom:1}

.topt{ height:30px;line-height:28px; }

#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}

.top-nav{ color:#333; position:absolute; right:5px; top:8px; height:30px; z-index:1; text-align:right; width:100%;}

.top-nav a{ color:#333;}

.top-nav a:hover{ color:#333;}

.top-nav li.b{  position:absolute; top:0px; left:0px; text-align:left;}
.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#333;}
.sc{  position:absolute; top:40px; right:0px; text-align:right;}
.top-logo{ min-height:90px; _height:90px;}

nav{ height:52px; overflow:hidden;background:#013d97 url(/templates/metv5/images/h_top_bg.gif) bottom repeat-x;}

nav ul li{ float:left; text-align:center; height:52px; line-height:52px; overflow:hidden;  }

nav ul li a{ color:#fff; font-size:14px;}

nav ul li a:hover{ color:#fff;}

nav ul li.line{ width:1px; height:52px; padding:0px;background:url(/templates/metv5/images/nav_line.gif) repeat-x; }

nav ul li.hover,nav ul li.navdown{ background:url(/templates/metv5/images/hover.gif) repeat-x;}

nav ul li.hover a,nav ul li.navdown a{ color:#fff;}

nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#fff;}

.met_flash{ margin-top:0px; font-size:0px; text-align:center; overflow:hidden;} 

.met_flash ul{ margin:0px; padding:0px;} 



/*首页*/

.sou{ height:64px;background:url(/templates/metv5/images/sou_bg.gif) repeat-x;}

.sleft{ width:860px; float:left; }

.sleft span{  float:left;line-height:60px;  font-size:16px; font-weight: normal;  }

.sleft ul{ float:left;  margin:20px 0; padding:0px;}

.sleft .txt{ zoom:1;}

.sleft .txt li{ list-style:none; float:left;  height:24px; line-height:24px; margin:0 15px; overflow:hidden;}

.sleft .txt li a{ color:#999; }

.sright{ width:300px; float:right; }

.sright #productsearch{ float:right; margin-top:15px;position: relative;right: 0px;}

.sright *html #productsearch{ top:-22px; position:relative; left:-8px;}

.sright *+html #productsearch{ top:-22px;position:relative;  left:-8px;}

.sright #productsearch span.navsearch_input input{float:left;border: #e4e4e4 solid 1px;height:26px; line-height:20px;width:165px;margin-top:2px; outline:none;text-indent: 10px;overflow:hidden;}

.sright #productsearch .searchimage{ float:left; background:none; border:none; width:65px; height:26px;margin-top:2px;}

.sproduct{ height:1010px;overflow: hidden;  background: url(/templates/metv5/images/fen_bg.jpg) repeat-x center top; }

.lefts{ width:220px; float:left; margin-top:25px;}

.ad{ width:220px; height:77px; text-align:center; color: #fff; line-height:65px; font-size:16px; font-weight:bold;  background: url(/templates/metv5/images/fen_h2.jpg) no-repeat center top; }

.left{ width:220px; border:#dbdbdb 0px solid; background: url(/templates/metv5/images/fen_bg3.jpg) no-repeat center bottom; padding-bottom:6px;  margin-top:0px; *overflow:hidden;}

.left .listbox{  background: url(/templates/metv5/images/fen_bg2.gif) repeat-y center; border:0px solid #fff; border-top:none; padding-bottom:1px; }

.left .navnow{  position:relative; }

.left .navnow:last-child{ background:none;}

.left .navnow dt{ height:45px; line-height:45px; overflow:hidden; padding-left:45px; background:url(/templates/metv5/images/fen_h3.gif) no-repeat center; z-index:78; position:relative; margin-bottom:0px;}

.left .navnow dt a,.left .navnow li a{ color:#005cbb; font-weight: bold; font-size:12x; }

.left .navnow dt a:hover,.left .navnow li a:hover{ text-decoration:none; }

.left .navnow dd{ padding:0px 0px 0px 0px;}

.left .navnow dd h4{ color:#000; margin:0 auto; font-weight:normal; width:170px;  border-bottom:1px #ddd dotted; padding:0px 0px 0px 20px; font-size:12x; background:url(/templates/metv5/images/navdb.jpg) no-repeat left;}

.left dd.sub{ position:absolute; top:0px; display:none; left:192px; background:#fff; border:2px solid #468dd1; padding:10px 15px; z-index:77;}

.left dd.sub h4{ white-space:nowrap; clear:both; font-size:100%; padding:3px 0px;}

.left dd.sub h4 a.nav{ color:#2c7199;}

.left dd.sub p{ width:200px;}

.left dd.sub p a{ float:left; padding:2px 0px 2px 10px; background:url(/templates/metv5/images/dd.gif) no-repeat 3px 9px; width:87px; white-space:normal; line-height:1.3; margin:2px 5px 2px 0px; font-weight:normal; color:#666;}

.left dd.sub p a:hover{ background-color:#f6f8f9; color:#f00;}

.rights{ width:940px; float:right; margin-top:25px; }

.case{  margin-top:0px; overflow:hidden;}

.case .active{padding:5px;}

 h3.title {  height:35px; line-height:35px;  font-weight: bold; font-size:16px; position:relative;background: url(/templates/metv5/images/pro_h.gif) repeat-x;  }

 h3.title spans{ width:150px; display:block; background: url(/templates/metv5/images/pro_h_bg.jpg) no-repeat;color:#fff; text-align:center; }

 h3.title a.more{ position:absolute; padding-right:20px; right:0px; top:0px; font-weight:normal; color:#FF8A01; border-right: 1px solid #D6D6D6; font-size:12px;}

.case dl.ind{ width:200px; float:left; margin:10px 15px ;  zoom:1}

.case dl.ind dt{  width:200px; height:160px; text-align: center;border: 1px solid #CDCDCD;background: #FFF; padding:2px; zoom:1}

.case dl.ind dt a{ text-align: center;}

.case dl.ind dt img{  width:200px; height:160px; }

.case dl.ind dd{ float:right; display:inline; border-bottom:0px dotted #ccc;  padding:5px 0px 10px 0px; overflow:hidden;}

.case dl.ind dd h4{ margin-left:0px; text-align:center;}

.index-product{ margin-top:10px; *padding-top:0px;}

.index-product .active{padding:10px; border: 1px solid #D6D6D6; }

.index-product .profld{ width:1120px; margin:0px;padding:0; position:relative; overflow:hidden;}

.index-product h3 spans{ 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 .prev{ float:left;  margin-top:110px;  width:17px; height:18px; overflow:hidden; display:block; float:left; background:url(/templates/metv5/images/neu.gif) no-repeat;}

.index-product .next{ margin-bottom:0px;  width:17px; height:18px; overflow:hidden; display:block; float:left; background:url(/templates/metv5/images/neu.gif) no-repeat;}

.index-product .next{ position: absolute; bottom:110px; right:10px; 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; zoom:1;}

#trigger a{ background:url(/templates/metv5/images/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;}

.about{ margin-top:0px;}

.about .active{padding:10px; border: 0px solid #D6D6D6; }

.aboutus{  float:left; margin-top:10px;}

.aboutus .active{padding:10px; border: 1px solid #D6D6D6; }

.aboutusr{ width:250px; float:right; margin-top:10px;}

.aboutusr .active{padding:10px; border: 1px solid #D6D6D6; }
/**/
.g-qh{height: 716px;background: url(/templates/metv5/images/bj02.jpg) no-repeat center top;font-family: "Microsoft YaHei";}
.g-qh .tit{padding-top: 70px;text-align: center;padding-bottom: 22px;}
.g-qh .tit span{color: #414141;font-size: 30px;}
.g-qh .tit span b{font-weight: bold;color: #005cbb;}
.g-qh .tit i{font-style: normal;display: block;color: #005cbb;font-size:12px;color: #747474;text-transform: uppercase;}
.g-qh .dh a{width: 104px;height: 104px;border: 4px #2d2d2d solid;display: block;text-align: center;font-size:14px;color: #3b3b3b;margin-bottom: 15px;}
.g-qh .dh a i{font-size: 52px; line-height:65px; color: #3b3b3b;display: block;padding-top:6px;}
.g-qh .dh li a:hover,.g-qh .dh li.cur a{background: #ff5900;width: 112px;  height: 112px;border: 0;color: #FFF;text-decoration: none;}
.g-qh .dh li a:hover i,.g-qh .dh li.cur a i{color: #FFF;padding-top: 9px;}
.g-qh p{font-style: 0;font-size: 0;line-height: 0;position: relative;}
.g-qh p span{display: block;width: 865px;height: 100px;background:#333 no-repeat;margin-top: -100px;position: relative;}
.g-qh p span b{font-weight: bold;font-size: 30px;color: #FFF;line-height: 30px;padding-top: 16px;display: block;padding-left: 38px;}
.g-qh p span em{display: block;font-style: normal;font-size: 15px;color: #FFF;padding-top: 10px;padding-left: 38px;display: block;height: 20px;line-height: 20px;}
.g-qh p a{position: absolute;top: 0;right: 0;z-index: 10;}
/**/

/**/
.liuc{height:544px;background: url(/templates/metv5/images/lc.jpg) no-repeat center 334px; font-family: "Microsoft YaHei";}
.liuc .inner{ width:1000px; margin:0 auto; position:relative;}
.liuc .tit{text-align: center;}
.liuc .tit p{font-size: 24px;color: #3b3b3b;padding-top: 55px;}
.liuc .tit span{color: #005cbb;font-weight: bold;font-size: 30px;display: block;padding-bottom: 4px;}
.liuc .nr{padding-top: 10px; margin-right:5px;}
.liuc ul{line-height: 0;font-size: 0; padding:0 ; }
.liuc li{float:left;text-align: center;padding-right:40px;width:101px;position: relative;}
.liuc li span{font-weight: bold;font-size: 16px;color: #2f2f2f;display: block;line-height: 24px;padding-top: 15px;}
.liuc li i.i1{background: url(/templates/metv5/images/l10.jpg) no-repeat;width: 14px;height: 29px;display: block;margin: 0 auto;margin-top: 24px;}
.liuc li i.i2{background: url(/templates/metv5/images/l11.jpg) no-repeat;width: 14px;height: 29px;display: block;margin: 0 auto;margin-top: 17px;margin-bottom: 34px;}
.liuc li span.pd{padding-top: 55px;height: 38px;display: block;}
.liuc li a:hover{text-decoration: none;}
.liuc li a:hover i.i1,.liuc li.cur a i.i1{background: url(/templates/metv5/images/l8.jpg) no-repeat;} 
.liuc li a:hover i.i2,.liuc li.cur a i.i2{background: url(/templates/metv5/images/l9.jpg) no-repeat;} 
.liuc li a:hover span,.liuc li.cur a span{color: #f34d04;}
.liuc li p.p2{top: 173px;left: 0;}
.liuc li p{position: absolute;top: 0;left: 0;display: none;}

/**/
.index-news{ float:left; width:380px; margin-right:22px; margin-top:15px;border: 1px solid #D6D6D6;}

.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(/templates/metv5/images/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:370px; margin-top:15px;border: 1px solid #D6D6D6;}
#demo1  li{list-style-type:none;height:30px;text-align:left; margin:0px 5px;padding-left:13px; background:url(/templates/metv5/images/dt-1.gif) no-repeat left 8px;}
#demo1 li span{ float:right; color:#666;}
#demo2  li{list-style-type:none;height:30px;text-align:left; margin:0px 5px;padding-left:13px; background:url(/templates/metv5/images/dt-1.gif) no-repeat left 8px;}
#demo1 li span{ float:right; color:#666;}


.style-1  h3.title {  height:35px; padding-top:5px; font-weight: bold; font-size:16px; position:relative;background: url(/templates/metv5/images/pro_h.gif) repeat-x;  }

.style-1  h3.title span{ width:100px; height:30px; line-height:30px; display:block; background: url(/templates/metv5/images/pro_h_bg.jpg) no-repeat ;color:#fff; text-align:center; }

.style-1  h3.title a.more{ position:absolute; padding-right:20px; right:0px; top:0px; font-weight:normal; color:#FF8A01; border-right: 1px solid #D6D6D6; font-size:12px;}



#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(/templates/metv5/images/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;}



/*底部*/

.footers{ border-top:0px #ddd solid; margin-top:10px; background: url(/templates/metv5/images/footer_bg.gif) repeat-X top; }

.foot-nav{ text-align:center; margin-top:10px; height:44px; line-height:44px;}
.foot-nav a{ font-size:14px; margin:0px 8px; color:#fff;}
.foot-nav span{ font-size:14px; margin:0px 8px; color:#fff;}
.footleft{ width:280px;float:left; }
.foot-text{ width:700px; float:left; text-align:left;font-size:14px; padding:0px 0px 5px; }



/*内页侧栏*/

.sidebar{ margin-top:15px;}

.sidebar .sb_nav{ float:left; width:220px;}

.sidebar .sb_nav h3.title{ text-align:center; background: url(/templates/metv5/images/fen_h2.jpg) no-repeat center top;  padding:0px 15px; height:77px; line-height:65px; border-bottom:0px solid #cecece; font-size:16px; color:#fff;}

.sidebar .sb_nav h3.line{ margin-top:15px; }

.sidebar .sb_nav .active{ padding:10px 10px; background: url(/templates/metv5/images/fen_bg2.gif) repeat-y center; }

.sd{width:220px;height:18px; background: transparent url(/templates/metv5/images/fen_bg3.jpg) no-repeat;}

#sidebar dl{ margin-left:0px;}

#sidebar dl dt{height: 31px;line-height: 30px;margin-top:5px;padding-left:35px;  background:url(/templates/metv5/images/fen_h3.gif) no-repeat center; }

#sidebar dl dt a{ font-weight:bold;font-size:15px; color:#333; }

#sidebar dl dd{ padding:0px 0px 0px 15px;}

#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(/templates/metv5/images/dt-0.gif) no-repeat left center;}

#sidebar dl dt.on a{ font-weight:bold; font-size:15px;color:#444; }

#sidebar dl h4.on a{ font-weight:bold;}

.sidebar .sb_box{ float:right; width:945px; background:#fff; overflow:hidden; }

.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; color:#555; left:0px; top:1px; font-size:16px; border-bottom:2px solid #ff6633; padding:0px 15px; background:none;}

.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; font-size:14px; position:relative; top:3px; right:15px;}

.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}
#showproduct .pshow dd{ font-size:14px;color:#333; }
#showproduct .pshow dd li span{color:#333; font-weight:bold;}


#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; font-size:16px;display:inline; background:url(/templates/metv5/images/rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px;  padding:0px 10px; text-align:center; color:#000; }
#showproduct h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(/templates/metv5/images/sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:url(/templates/metv5/images/rela-bg.jpg) repeat-x; color:#fff; text-shadow:-1px -1px #4d6e95; border:1px solid #5985ba;}
#rl-product{ position:relative; width:890px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(/templates/metv5/images/p-arrow.jpg) no-repeat; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:710px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}