@charset "utf-8";
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background: url(../images/20130330213155.jpg) repeat; -webkit-text-size-adjust:none; margin:0;padding:0;}
a{color:#333; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}
.list-none{list-style:none;}
.fl{float:left;}
.fr{float:right;}

/*头部*/

.inner{ width:1000px; margin:0 auto; position:relative;}
header{background:#084b66 url(../images/top_line_bg.jpg) left top repeat-x;zoom:1;min-width:1000px;width: 100%;z-index: 9999;right: 0;left: 0;}
*html .Zbannar{padding-top:360px;}
.headtop{background: url(../images/bg.png) no-repeat -5px -153px; zoom:1;min-height:90px;_height:90px;z-index:999;}
.web_logo{position:relative;}
a.web_logo{font-size:25px;color:#fff; font-weight:bold}
.web_logo img{float:left; vertical-align:middle; margin-top:10px}
.web_logo .wen{ padding:20px 0 0 10px;float:left}
.top-nav{ position:absolute; right:13px;top:15px; z-index:1; text-align:right; list-style:none;margin:0 auto;  }

.top-nav a{ color:#D2D2D2; font-family:'Simsun';}
.top-nav a:hover{ color:#D2D2D2;}

.top-nav span{ padding:0px 5px; color:#666;}

.top-nav li.t{ padding-top:4px;}

.met_hits{ font-family:'Simsun';}
.met_page{ font-family:'Simsun'; text-align:left;}
#shownews h1{ color:#000; }
 
/*导航*/

nav{position: absolute; bottom:0px;right:0px;z-index:9999999;zoom:1; height:40px;}
*html nav{ bottom:-4px;}
nav ul li{float:left;display:inline; text-align:center; height:40px; line-height:40px; position:relative;zoom:1;}

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

nav ul li a.nav{ height:40px; overflow:hidden;}

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

nav ul li.line{ display:block; padding:2px; background:none;}

nav ul li.hover a.nav,nav ul li.navdown a.nav{ background:url(../images/navbg2.png) no-repeat left top; padding-left:6px; cursor:pointer;height:44px;}

nav ul li.hover a.nav span,nav ul li.navdown a.nav span{ background:url(../images/navbg.png) no-repeat right top; padding-right:6px;display:block;zoom:1;}

nav  li dl{position:absolute;background:#0c6d93 url(../images/dl_bg.jpg) repeat-x;text-align:center;display:none;left:0px; top:40px;}

nav  li dl dd{ border-top: 1px solid #0b78a3;border-bottom: 1px solid #0a5a7a;height:30px; line-height:30px; position:relative; z-index:9999; white-space:nowrap;}

nav  li dl dd a{ font-size:12px; display:block; padding:0px 10px;}

nav  li dl dd a:hover{background:#0e92c7;}

*html nav li dl{top:40px;} 
/*metv5s专属Flash样式开始*/

.Zbannar{width:100%; position:relative;overflow:hidden;min-width:1000px;}
*html .Zbannar{ padding-top:0px;}
.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 .cc{background-position:-589px -404px;}

.Zbannar .cnow{background-position:-589px -430px;}

.Zbannar #marquee{position:relative;}

.Zbannar #mPics{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(../images/sprites-high3.png);background-repeat:no-repeat;}

/*metv5s专属Flash样式结束*/

/*flash*/

.met_flash{ font-size:0px; overflow:hidden;} 
*html .met_flash{ padding-top:0px;}
.met_flash .flash6{ margin-bottom:0px;} 
.met_flash ul li{ margin:0px; padding:0px;height:400px;}


/*首页*/

.rollNews {height:47px;overflow: hidden;background: url(../images/bg.png)  no-repeat 0px -34px; margin-top:20px;}
.ac{color:#333;}
/*--首页新闻公告--*/

#indexx .soroll{height:30px;overflow:hidden;padding-left:23px;margin-top:10px;font-size:14px;}

#indexx .soroll h3{height:30px;line-height:30px;overflow: hidden;color:#0075c0;margin-right:8px; margin-top:1px;}

#indexx .soroll ol{ float:left; height:30px; overflow:hidden;width:885px;}

#indexx .soroll ol li{ height:30px; line-height:30px; zoom:1;}

#indexx .soroll ol li a:hover{ text-decoration:none;}

#indexx .soroll li img{ padding-left:5px;}

#indexx .soroll span.time{color:#008000; padding-left:25px;}

*html #indexx .soroll li img{ margin-top:9px;}

/*产品展示*/

.hpanel{height:15px;background: url(../images/bg.png) no-repeat 2px 0px ;margin-top:10px;}
*html .hpanel{ margin-bottom:-4px;}

.one{background:url(../images/home_infomiddle.png) repeat-y;Min-height:130px;_height:130px; position:relative;}

.two{height:15px;background:url(../images/bg.png) no-repeat 2px -21px; width:1002px;}
*html .two{background:url(../images/bg.png) no-repeat 2px -19px; position:relative; top:-1px;}

.index-product{padding-left:31px;}

.index-product .profld{ position:relative; overflow:hidden; width:930px;}

#trigger{float:left;height:10px; line-height:3px;}

#trigger a{ color:#F5F5F5;cursor:default; }

#trigger a:hover{ color:#F5F5F5;}

.index-product ol{ position: absolute; width: 2012em; }

.index-product ol li{ float:left; text-align:center;}

.index-product ol li a{ font-weight:bold;color:#000;overflow:hidden;}

.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}

.index-product ol li a.img img{ margin:auto; opacity: 1;filter: alpha(opacity=100);}
.index-product ol li a.img:hover img{opacity:0.8;filter: alpha(opacity=80);}

.index-product ol li h3{ font-weight:normal; height:25px;overflow:hidden;padding:0px 3px;}

.index-product .next,.index-product .prev{ width:21px; height:49px; left:6px;display:block; position:absolute; z-index:999;cursor:pointer; }

.index-product .next{background:url(../images/bg1.png) no-repeat -4px -46px;left:969px;}

.index-product .prev{background:url(../images/bg1.png) no-repeat -26px -46px;}

*html .index-product .prev{*margin-left:0px;}

/*内容*/

#index-bottom{margin-top:10px;margin-left: 5px;}
a.more{background:url(../images/bg1.png) no-repeat -71px -46px; width:27px; height:9px; display:block;line-height:30px; overflow:hidden;cursor:pointer; margin-top:12px; padding-right:4px;}
.aboutus{float:left;width: 360px;overflow: hidden; line-height:2;}
.aboutus strong{color:#333;}
h3.Ti{height:30px;line-height: 30px;overflow: hidden;font-size:16px; background:url(../images/about_title1.png) no-repeat -368px 7px;padding-bottom:5px;}
h3.about{ background:url(../images/about_title1.png) no-repeat -307px 7px;}

h3.Ti span{color:#0075c0; background:url(../images/20130330213155.jpg) repeat; padding-right:3px; font-weight:normal; } 

h3.Ti b{font-weight: normal;font-size:12px; padding-left:6px; color:#666;}

h3.caseti{ background-position:-398px 7px;padding-bottom:10px;}
h3.news{ padding-bottom:4px;}

/*新闻*/
.index-news{float:left;width:300px;overflow:hidden;margin-left:30px; margin-right:25px;}
.index-news .metlist{padding-top:7px;}
.index-news li.list{ font-family: 'Simsun';height:30px; overflow:hidden;line-height:30px;zoom:1;}
.index-news .time{float:right;overflow:hidden;color:#999;padding-left:10px;}
.index-news li.list a{background: url(../images/ar_b.png) no-repeat 4px 3px;padding-left:12px;overflow:hidden; color:#444; font-family:'Simsun';}
.index-news li.list a:hover{ color:#000;}
*html .index-news li.list img{margin-top:10px;}
*+html .index-news li.list img{margin-top:10px;}
/*案例*/

.index-case{float:left; width:270px; overflow:hidden;}

.style-2 table{border-bottom: 1px dotted #ccc; width:100%;zoom:1}
.style-2 tr.ind td a img{ border:3px solid #F8F7F7;}

.style-2 tr.ind td{font-family:'Simsun';}

.style-2 tr.ind td h4{ margin-left:10px;}
.style-2 tr.ind td h4 a{color:#444;}
.style-2 tr.ind td h4 a:hover, .linkx  .txt a:hover{color:#000;}
.style-2 tr.ind td p.desc{ margin-left:10px; color:#666;}

.style-2 .lastdl{ border-bottom:none;}


/*链接*/

.index-top{background:url(../images/bg.png) no-repeat 0px -83px;margin-top:15px; height:15px; width:998px;}
.index-middle{ background:url(../images/keysmiddle.png) repeat-y;word-wrap: break-word; padding:0px 20px 0px; overflow:hidden; width:960px; }

.index-bottom{ background:url(../images/bg.png) no-repeat 1px -127px;height:15px;}
*html .index-bottom{ background:url(../images/bg.png) no-repeat 0px -125px;height:15px; width:998px;}
.linkx h3.title{color:#000;float:left;min-width:57px;_width:57px;display:inline;white-space:nowrap;}

.linkx li{float:left;display:inline;margin-right:10px;}

.linkx  .txt,.linkx  .img{float:left;margin-left:10px;}

.linkx  .img img{width:100px; height:30px;overflow:hidden;border:1px solid #eee;}

.linkx  .txt a{white-space:nowrap;font-family:'Simsun';}

/*底部*/

footer{width:100%;clear: both;background: #004f70 url(../images/foot_bg.png) left top repeat-x;position:relative;top:25px; min-width:1000px; }

.foot-nav { text-align:center; margin-top:8px; height:35px; line-height:44px;color:#ddd; }

.foot-nav a{color:#ddd;display:inline-block;*display:inline;*zoom:1; margin:0 10px}
.foot-nav a:hover{color:#fff;}

.foot-nav span{ font-size:10px; margin:0px 8px; }

.foot-text{ text-align:center; padding:8px 0px 5px;color:#ddd; }
*html .foot-text{padding:4px 0px 5px;}

.foot-text a{color:#ddd;}
.foot-text a:hover{color:#fff;}

/*内页侧栏*/

.sidebar{ margin-top:15px;}

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

.sidebar .sb_nav h3.title{ text-align:left;padding:0px 15px; height:28px; line-height:29px;  font-size:14px; color:#fff; background: url(../images/ar3d.png); font-weight:normal;}
.sidebar .sb_nav h3.line{ margin-top:15px;}

.sidebar .sb_nav .active{color:#444; background:#fff; margin-bottom:20px;}
.sidebar .contact{ padding:5px 10px;}
#sidebar dl{position:relative; }
#sidebar dl dt{  width:230px;line-height:40px;border-bottom: 1px solid #ebebeb;z-index:78; position:relative;}
#sidebar .on{ font-weight:bold;color:#06C}
#sidebar dl.hover dt{background:#fff;  border-right:none;}
#sidebar dl dt a.dd{ background:url(../images/arrow.gif) no-repeat 210px 15px;}
#sidebar dl dt a.zm{background:none;}
#sidebar dl dt a{ padding: 0 15px 0 20px;color:#444;font-size: 14px; display:block;word-wrap: break-word;}
#sidebar dl dt a:hover{ color:#000;}
#sidebar dl dd.sub{ position:absolute; top:-1px; display:none; left:229px; background:#fff;border: 1px solid #ddd; z-index:77; padding-left:20px; padding-right:20px;}
#sidebar dl dd.sub h4{ white-space:nowrap; clear:both; font-size:100%;}
#sidebar dl dd.sub h4 a{font-weight:normal; height:35px;line-height:35px;color: #444;font-size: 12px;overflow: hidden;}
#sidebar dl dd.sub h4 a:hover{ text-decoration:underline;}
.sidebar .sb_box{float:right;background: #FFF; overflow:hidden;}

.sidebar .sb_box h4{ position:relative;}

.sidebar  .sb_box h4.title{ height:28px; line-height:28px;background:#004766;font-weight:normal; }

.sidebar .sb_box h4.title span{ position:absolute; left:8px; height:25px; line-height:25px;  font-size:14px; padding:0px 25px;color:#fff;background:url(../images/bg1.png) no-repeat -87px -64px;}
.sidebar .sb_box h4.title div.position{ float:right;position:relative; font-weight: normal;right:15px; color:#ddd; font-family:'Simsun';}

.sidebar .sb_box h4.title div.position a{ color:#ddd;}

.sidebar .sb_box h4.title div.position a:hover{ color:#fff;}

/**/

#newslist li{ padding:6px 10px 10px ; background:url(../images/ar_sp_dot.jpg) no-repeat 1px 17px;border-bottom:1px dashed #d1d1d1;}

#downloadlist .metlist dd{background:none;}

#newslist li p{color:#888;position: relative;}
*html #newslist li {background:url(../images/ar_sp_dot.jpg) no-repeat 1px 13px;}
#newslist{padding:15px 20px 0px 20px;}
#newslist li a{ color:#252525; }
#newslist ul.metlist{padding-bottom:15px;}

#showtext {padding:15px;line-height:2;}

#productlist{padding:15px 10px;}

*html #productlist{*margin-left:-4px;}

#productlist li{margin-bottom:10px;}
#productlist li a.img img{border: 3px solid #e3e3e3;opacity: 1;filter: alpha(opacity=100);}
#productlist li a:hover img{border: 3px solid rgba(0, 0, 0, 0.05);opacity:0.7;filter: alpha(opacity=70);}
#productlist li h3 {padding: 8px 0px 10px;}
#imglist li a.img img{opacity: 1;filter: alpha(opacity=100);}
#imglist li a:hover img{opacity:0.6;filter: alpha(opacity=60);}
#member_basic h3.hrtl span{background:none; border:0;}

.editor{ color:#444;padding-top:10px;word-wrap: break-word; font-family:'Simsun';}

#joblist dd .editor{color:#000;}

input.input-text, input.input-file, input.code{width:148px;}

.advsearch_class1,.advsearch_class2,.advsearch_class3, select{ width:148px;}
#joblist  dl dt a, #joblist dd .dtail a{color:#08c;}
/*产品选项卡*/
#showproduct .editor{padding-top: 5px;}
#showproduct h3.sl-ti{ height:28px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:70px;_width:70px; white-space:nowrap; text-align:center; height:28px; line-height:28px; background:url(../images/choosehover.gif)  repeat-x; margin-right:4px; border-bottom:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:url(../images/choose.gif) repeat-x; color:#fff;border-top-left-radius: 5px;
border-top-right-radius: 5px;}
/*关闭尺寸*/
.c1{width:480px;margin-left:18px;}
*html .c1{ margin-left:10px;}
.c1 h3.Ti{background-position:-186px 7px;}
.c2{width:450px;}
.c2 h3.caseti{background-position:-216px 7px;}
.c3, .c5{width:510px; margin-left:10px;}
.c4{ width:440px; margin-right:0px; margin-left:20px;}
.c3 h3.Ti, .c5 h3.Ti{background-position:-156px 7px;}
.c4 h3.list1{background-position:-227px 7px;}
.c6{ width:440px;margin-left:20px;}
.c6 h3.caseti{background-position:-227px 7px;}
.c7, .c9{width:990px;}
.c8{ width:990px; margin-left:0px;}
.c7 h3.about, .c8 h3.list1, .c9 h3.caseti{background: url(../images/about_title1.png) repeat-x 0px 7px;}
.sbbox{ width:100%;}
 .sbbo{ width:760px;}
 .sbbox #imglist{ padding:25px 10px;}
 .sbbox #productlist{ padding:25px 10px;}
#imgs { position:relative}
#imgs a{height:100%;width:50%; position:relative; position:absolute;top:0;left:0; z-index:999; background:none}
#imgs .ne{left:50%}
#imgg li{ position:relative; }
#imgg li span{position:absolute;left:0;top:0;width:100%;height:100%;transition:background-color .3s ease-in-out;background:rgba(0,0,0,.0);}
#imgg li:hover span{background:rgba(0,0,0,.5) url(../images/z.png) center center no-repeat;}
#imgg li span a{display:block;height:100%;}
#imgg li span P{DISPLAY:none}
.form_message dt{float:left;width:80px; line-height:30px}
.form_message dd{ margin:15px 0}
input,textarea{border:1px solid #e5e5e5; border-radius:2px; resize:none;height:30px; line-height:30px; padding:0 6px; outline:none}
textarea{height:auto}
a.button2,.button2{display:inline-block;display:inline;zoom:1;background:#4297ff;border:none; border-radius:4px; padding:8px 30px; cursor:pointer;color:#fff; transition:background .2s linear}
a.button2:hover,.button2:hover{background:#267ce6;color:#fff}
#imgqwe img{border:1px solid #e3e3e3}
.ind{font-size:12px}
.ind h4{font-size:14px; margin-bottom:5px}