@charset "utf-8";
/* normal */
* { margin:0; padding:0; }
html, body { height:100%; }
html { overflow-x:hidden; overflow-y:auto; }
body { font:12px/14px Arial, sans-serif; font-family:"微软雅黑"; color:#666666; background:#fbfbfb url(../images/top_bg2.gif) repeat-x top; }
ul, ol, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font:normal 12px/14px Arial, sans-serif; }
fieldset, img { border:0; }
object, img { vertical-align:top; }
fieldset, legend, label, input, button, select, option, textarea { font:12px/14px Arial, sans-serif; color:#666666; }
/* global */
.none { display:none; }
.clear { overflow:hidden; zoom:1; }
a { color:#666666; text-decoration:none; font-family:"微软雅黑"; }
a:hover { color:#CC0000; text-decoration:underline; }
.mekia_ds { width:100%; height:33px; border-bottom:1px solid #dedede ; background:#FFFFFF}
.mekia_pt {text-align:center; padding-top:6px;padding-left:20%}
.mekia_pt ul {   height:21px; background:url(../images/mekia_www.jpg) no-repeat left center; padding-left:90px; }
.mekia_pt ul li{ float:left; padding-right:18px;}

#top { width:960px; height:98px; margin:0px auto; background:url(../images/top_bg.jpg) no-repeat; position:relative }
.logo { position:absolute; left: 13px; top: 22px; }
.top_link { position:absolute; left: 504px; top: 11px; }
.top_link ul { width:265px; height:16px; background:url(../images/top_link.gif) }
.top_link ul li { float:left; }
.top_link ul li a { float:left; display:block; height:16px; text-indent:-9999px }
.top_link ul li#home a { width:37px }
.top_link ul li#news a { width:65px }
.top_link ul li#join a { width:66px }
.top_link ul li#down a { width:97px }
.top_link2 { position:absolute; left: 787px; top: 11px; }
.top_link2 a { display:block; width:120px; height:14px; padding:3px 0px 0px 9px; background:url(../images/jm_bg.gif) no-repeat }
.top_link2 a { text-decoration:none }
.taobao_link { position:absolute; left: 593px; top: 51px; }
.search { position:absolute; left: 744px; top: 51px; }
.search .inpTex { float:left; width:108px; height:16px; line-height:16px; color:#999999; border:1px solid #ececec; background:#f5f5f5; padding-left:10px; margin-right:4px; }
.search .inpBut { float:left; width:48px; height:18px; border:0; background: url(../images/srarch_go.gif) no-repeat; text-indent:-9999em; overflow:hidden; cursor:pointer; }
#nav_bar { height:40px; width:100%; background:url(../images/nav_bg.gif) repeat-x }
.nav { width:960px; margin:0px auto; height:30px; line-height:30px; overflow:hidden; background:url(../images/nav.jpg); }
.nav li { float:left; }
.nav li a { display:block; width:100%; height:100%; }
.nav li a span { visibility:hidden; }
#navHov01 { width:240px; }
#navHov02 { width:240px; }
#navHov03 { width:240px; }
#navHov04 { width:240px; }
#navBtn01 #navHov01, .navCur #navHov01 { background:url(../images/nav.jpg) -0px -30px; }
#navBtn02 #navHov02, .navCur #navHov02 { background:url(../images/nav.jpg) -240px -30px; }
#navBtn03 #navHov03, .navCur #navHov03 { background:url(../images/nav.jpg) -480px -30px; }
#navBtn04 #navHov04, .navCur #navHov04 { background:url(../images/nav.jpg) -720px -30px; }
.nav dl { display:none; position:absolute; z-index:90; overflow:hidden; }
.nav h2 { line-height:33px; }
.nav dt { width:240px; overflow:hidden; border-bottom:1px solid #5d667e; text-align:center; background:#4b5570; }
.nav dt:hover { background:#f2f2f2 }
.nav dt a { color:#FFFFFF; font-size:14px; }
.nav dt a:hover { color:#000000; text-decoration:none }
.nav dd { float:left; height:33px; overflow:hidden; color:#D1D1D1; background:url(../images/nav2.png) no-repeat right top; padding-right:10px; }
.nav dd a { color:#fff; margin:0 11px; display:inline; }
.nav dd a:hover { color:#CC0000; }
.banner { width:960px; margin:22px auto 0px auto }
.main { width:960px; height:268px; margin:5px auto }
.main_left { float:left; width:303px; height:253px; padding-top:15px; padding-left:7px; background:url(../images/line_01.gif) repeat-y right }
.main_left h3 { padding:14px 0px }
.main_left ul { height:160px; }
.main_left ul li { float:left; line-height:28px; width:88px; text-align:left; padding-right:5px; }
.main_left ul li a { font-size:14px; }
.main_left ul li a:hover { font-weight:bold }
.main_left p { clear:both; }
.main_mid { float:left; width:303px; height:253px; padding-top:15px; padding-left:17px; background:url(../images/line_01.gif) repeat-y right }
.new_case { padding:10px 18px 10px 0px; height:182px; }
.new_case span { float:left; padding-right:7px; }
.new_case h3 { font-size:14px; font-weight:bold; padding:6px 25px 5px 0px; line-height:18px; }
.new_case h3 a { color:#000000 }
.new_case p { line-height:16px; color:#a0a0a0 }
.new_case ul { clear:both; padding:6px 0px 0px 0px; }
.main_right { float:left; width:303px; height:253px; padding-top:15px; padding-left:17px }
.main_right p { font-weight:bold; padding-top:14px; }
.main_right font { float:right }
.main_right ul { padding:6px 0px 10px 0px; border-bottom:1px solid #efefef }
.main_box { width:100%; background:#e6e9ee url(../images/main_bg.jpg) repeat-x; overflow-x:hidden; overflow-y:auto; }
.product_list { width:960px; margin:0px auto; padding:10px 0px 50px 0px; }
.product_list ul { padding-top:20px; padding-left:10px; margin-top:10px; }
.product_list ul li { float:left; width:300px; text-align:center; margin:10px 16px 0px 0px }
.product_list ul li h1 a { font-size:14px; line-height:20px; color:#000000; font-weight:bold; padding:5px 0px; }
#foot { clear:both; width:960px; margin:10px auto }
#bottomlink { MARGIN: 0px auto; BACKGROUND: #ffffff; HEIGHT: auto }
.btlinkbox { WIDTH: 120px; FLOAT: left; MARGIN-LEFT: 26px }
.btlinkbox LI { LINE-HEIGHT: 24px; COLOR: #999; FONT-SIZE: 12px }
.btlinkbox A { PADDING-LEFT: 10px; BACKGROUND: url(../images/iilibg_01.jpg) no-repeat left center; COLOR: #999999; TEXT-DECORATION: none }
.btlinkbox A:hover { BACKGROUND: url(../images/iilibg_02.jpg) no-repeat left center; COLOR: #666; TEXT-DECORATION: underline }
.btlinkbox LI.btlinkbox1 { LINE-HEIGHT: 26px; COLOR: #333; FONT-SIZE: 12px; FONT-WEIGHT: bold }
.nblink { TEXT-ALIGN: right; LINE-HEIGHT: 22px; MARGIN-TOP: 17px; WIDTH: 344px; padding-right:20px; FLOAT: right; HEIGHT: auto; COLOR: #333333; FONT-SIZE: 14px }
.nblink A { COLOR: #333333; TEXT-DECORATION: none }
.nblink A:hover { COLOR: #666 }
.copy { font-size:12px; color:#999999; padding-top:5px }
.foot_link { clear:both; height:85px; padding-top:40px; }
.foot_link ul { padding-left:40px }
.foot_link ul li { float:left; margin:0px 20px }
.banner2 { height:268px; margin:0px auto }
.banner2 dl { WIDTH:960px; margin:0px auto; line-height:14px; color:#e2e2e2 }
.banner2 dt { float:left; margin-right:5px }
.banner2 dt a { display:block; width:21px; height:14px; text-indent:-9999px; background:url(../images/loc_ico.gif) }
\ .banner2 dd {
color:#e2e2e2;
}
.banner2 dd a { font-size:12px; color:#999; padding:0px 5px; }
.main_box_ins { margin:0px auto; width:960px; padding-bottom:20px; overflow-x:hidden; overflow-y:auto; }
.leftNav { float:left; width:223px; }
.leftNav h2 { width:203px; height:70px; padding:15px 0px 0px 20px; background:url(../images/left_nav_t.gif) repeat-x; font-size:17px; font-weight:bold; color:#FFFFFF; font-family:"微软雅黑"; }
.leftNav h2 p { font-size:12px; margin-top:18px }
.leftNav dt a { display:block; width:200px; padding-left:23px; height:34px; line-height:34px; background:url(../images/left_nav_1.jpg) no-repeat; color:#FFFFFF; font-size:14px; font-weight:bold }
.leftNav dt a:hover { background:url(../images/left_nav_1_cur.jpg) no-repeat; color:#000; text-decoration:none }
.leftNav dt .cur_link { background:url(../images/left_nav_1_cur.jpg) no-repeat; color:#000; text-decoration:none }
.leftNav ul { background:#0c90c1; border-bottom:1px solid #19a9de; padding:10px 0px; }
.leftNav ul li a { display:block; background:#0c90c1 url(../images/li2.gif) no-repeat 14px 9px; width:200px; padding-left:23px; font-size:14px; height:28px; line-height:28px; font-weight:normal; color:#fff }
.leftNav ul li a:hover { background:#30a1ca url(../images/li2.gif) no-repeat 14px 9px; color: #ffd200; font-weight:bold }
.leftNav ul li a.cur_link { background:#30a1ca url(../images/li2.gif) no-repeat 14px 9px; color: #ffd200; font-weight:bold }
.leftNav_link p { margin-top:5px; }
.insRig { float:right; width:695px; margin-right:18px; _display:inline; }
.insPath { height:30px; line-height:16px; overflow:hidden; color:#333333; font-size:16px; font-weight:bold; font-family:"微软雅黑"; background:url(../images/insNew.gif) repeat-x left bottom; padding-top:30px; }
.insPath span { float:right; color:#999999; font-size:12px; font-weight:normal; font-family:Arial; margin-right:-8px; }
.insPath span a { color:#999999; margin:0 8px; }
.insPath span a:hover { color:#CC0000; }
.insPath span i { font-style:normal; font-family:"宋体"; }
.insTit { line-height:26px; text-align:center; color:#999999; background:url(../images/insNew.gif) repeat-x left bottom; margin:0 30px -15px 30px; padding:22px 0; }
.insTit span { display:block; color:#CC0000; font-size:20px; font-family:"黑体"; }
.insAbo { line-height:26px; color:#000; font-size:14px; padding:40px 30px; }
.insOth { font-size:12px; margin:0 30px; height:130px; }
.insOth li { height:22px; line-height:22px; overflow:hidden; }
.insNew { padding:30px 30px 0 30px; }
.insNew li { height:36px; line-height:36px; overflow:hidden; font-size:14px; background:url(../images/insPath.gif) repeat-x left bottom; }
.insNew li a { color:#000000 }
.insNew li em { float:right; font-style:normal; font-size:12px; color:#999999; }
.insNew li span { font-family:"宋体"; }
.insPag { height:80px; line-height:50px; overflow:hidden; text-align:center; }
.insPag a { margin:0 5px; }
.insPag a:hover { color:#FF6600; }
.insPho { float:left; width:213px; height:190px; overflow:hidden; margin:30px 0px 0 15px; _display:inline; }
.insPho img { width:211px; height:166px; border:1px solid #fff; }
.insPho img:hover {  border:1px solid #cc0000; }

.insPho dd { text-align:center; line-height:normal; margin-top:7px; }
.insDis { width:680px; height:111px; overflow:hidden; margin:25px auto; }
.insDis dt { float:left; width:158px; }
.insDis dt img { width:156px; height:109px; border:1px solid #E7E7E7; }
.insDis dd { float:right; width:506px; line-height:20px; padding-top:5px; }
.insSho { width:680px; margin:0 auto; padding-bottom:46px; }
.insSho dt { height:29px; overflow:hidden; border-bottom:1px solid #DADADA; background:url(../images/insSho.png) no-repeat left top; }
.insSho dd p { margin-top:18px; }
.insVid { width:430px; height:305px; text-align:center; overflow:hidden; background:url(../images/insVid.png); padding:28px; margin:38px auto; }
.insVid span { display:block; color:#333333; margin-top:16px; }
.ivLis { width:550px; height:83px; overflow:hidden; margin:0 auto; padding-bottom:46px; }
.ivLis .ivlLef { float:left; width:9px; height:83px; overflow:hidden; background:url(../images/ivlLef.png) no-repeat left center; cursor:pointer; }
.ivLis .ivlCen { float:left; width:502px; height:83px; overflow:hidden; margin-left:15px; }
.ivLis .ivlCen a { float:left; margin-right:18px; }
.ivLis .ivlCen img { width:112px; height:83px; }
.ivLis .ivlRig { float:right; width:9px; height:83px; overflow:hidden; background:url(../images/ivlRig.png) no-repeat right center; cursor:pointer; }
.title1 { color:#000000; font-weight:bold; font-family:"微软雅黑"; }
.title2 { color: #FF0000; font-weight:bold; font-family:"微软雅黑"; }
.more a { display:block; width:37px; height:14px; background:url(../images/more.gif) no-repeat; text-indent:-9999px }
.list1 li { line-height:22px; background:url(../images/li.gif) no-repeat left center; padding-left:7px; }
.list1 li span { color:#a9a9a9; padding-right:5px; font-size:11px }
#shar { padding-top:20px; margin-top:20px; text-align:right; background:url(../images/insNew.gif) repeat-x left top; }
.case_title { LINE-HEIGHT: 30px; margin-top:20px; padding-left:10px; FONT-FAMILY: "微软雅黑"; BACKGROUND: url(../images/case_title.png); HEIGHT: 30px; FONT-SIZE: 14px; OVERFLOW: hidden; FONT-WEIGHT: bold }
.case_insDis { height:120px; border-bottom:1px dashed #CCCCCC; overflow:hidden; padding:10px; margin:10px auto; }
.case_insDis dt { float:left; width:118px; }
.case_insDis dt img { width:110px; height:110px; border:1px solid #E7E7E7; }
.case_insDis dd { float:right; width:546px; color:#666666; line-height:20px; padding-top:5px; }
.case_title2 a { font-size:14px; color:#000000; font-weight:bold; }
.allclass { margin:10px; }
.allclass SPAN { POSITION: absolute; LINE-HEIGHT: 20px; TOP: 0px; FONT-WEIGHT: bold; LEFT: 0px }
.allclass A { TEXT-ALIGN: center; LINE-HEIGHT: 20px; MARGIN: 1px 0px 0px 1px; WIDTH: 106px; DISPLAY: block; BACKGROUND: #e1e1e1; FLOAT: left; HEIGHT: 20px; OVERFLOW: hidden }
.allclass .current { BACKGROUND: #cc0000; COLOR: #fff }
#preview { MARGIN: 25px auto 0px; WIDTH: 645px; BACKGROUND: url(images/loading.gif) no-repeat center 180px; HEIGHT: 466px; OVERFLOW: hidden ; text-align:center}
#spec-n5 { WIDTH: 645px; HEIGHT: 56px; OVERFLOW: hidden; PADDING-TOP: 10px;}
#spec-left { MARGIN-TOP: 5px; WIDTH: 10px; BACKGROUND: url(images/left.gif) no-repeat; FLOAT: left; CURSOR: pointer }
#spec-right { MARGIN-TOP: 5px; WIDTH: 10px; BACKGROUND: url(images/right.gif) no-repeat; FLOAT: right; CURSOR: pointer }
#spec-list { WIDTH: 605px; FLOAT: left; MARGIN-LEFT: 12px; OVERFLOW: hidden; _display: inline }
#spec-list LI { WIDTH: 95px; FLOAT: left }
#spec-list LI IMG { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 83px; PADDING-RIGHT: 2px; HEIGHT: 50px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px }
.list-h LI { FLOAT: left }
.case_content { LINE-HEIGHT: 22px; MARGIN: 23px 13px 0px }