@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; }
body{ font-weight:normal; font-size:12px; color:#000; font-family: "Microsoft YaHei","arial" ; background: url(../images/bg.jpg) center top; overflow-x:hidden;}
ul,li{ list-style: none; } a,a:hover{ text-decoration:none; cursor:pointer; outline:0; } input:focus,textarea:focus,select:focus{ outline:0; }
table,td{ border-collapse: collapse; border-spacing: 0px; }
a { color:#000; } a:hover{ color:#f00; } img{ border:none; vertical-align:middle; }
.floatleft,.left{ float:left; } .floatright,.right{ float:right; } .clear{ clear:both; } .clearleft{ clear:left; } .clearright{ clear:right; }
.hand{ cursor: pointer; }  .hide,.nada{ display:none; } .block{ display:block; }
.textcenter,.tcenter{ text-align:center; } .textleft,.tleft{ text-align:left; } .textright,.tright{ text-align:right; } .textjustify{ text-align:justify; }
.f13 { font-size:13px;} .f14 { font-size:14px;} .f16 { font-size:16px;} .f18 { font-size:18px;} .f24 { font-size:24px;} .f36{ font-size:36px;}
.bold,.strong{ font-weight:bold; } .fNormal { font-weight:normal;}  .fItalic { font-style:italic; }
.marginT5{ margin-top:5px;} .marginT10{ margin-top:10px;} .marginT15{ margin-top:15px;} .marginT20 { margin-top:20px; } .marginT30 { margin-top:30px; }
.marginB5{ margin-bottom:5px;} .marginB10{ margin-bottom:10px;} .marginB15{ margin-bottom:15px; } .marginB20{ margin-bottom:20px;}
.marginL5 { margin-left:5px;}  .marginL10 { margin-left:10px;} .marginL15 { margin-left:15px;} .marginL25 { margin-left:25px;}
.marginL35 { margin-left:35px;}  .marginL40	 { margin-left:40px;}  .marginL80{ margin-left:80px;}
.marginR5 { margin-right:5px;} .marginR10 { margin-right:10px;} .marginR15 { margin-right:15px;} .marginR20 { margin-right:20px;}
.black{ color:#000; }  .white{ color:#FFF; }  .red,.error{ color:#F00; } .blue{ color:#00F; }  .green{ color:#0F0; } .purple{ color:#F0F; }  .yellow{ color:#FF0; }
.grey{ color:#CCC; }  .grey3{ color:#333; }  .grey6{ color:#666; } .grey9{ color:#999; }
/*hat*/
#wrap {width: 960px;  margin: 0 auto 0 auto; text-align: left; }
#header { text-align: center; background: url(../images/headbg.png) center -16px no-repeat; }
#head { width: 960px; margin: 0 auto; text-align: left; }
#hat { width: 960px;padding: 4px 0px 6px 0px; line-height: 1.8; color: #fff; }
#logo { float: left; padding: 12px 0 8px 0; }
#hat img { float: left; }
#hat .slogan { display: block; padding: 14px 0 0 12px; }
#hat #account { float: right; text-align: right; height: 24px; margin-top: 6px; padding:6px 0 0 0; line-height: 24px; font-size: 12px; color: #333; }
#hat #account a{ } #account .lang { padding: 0 9px; background: url(../images/lang.jpg) center center no-repeat; }
#hat #tel{ float: right; display: block; text-align: right; clear: right; padding: 0px 0 0 0; }
.tel { height: 72px; line-height: 72px; font-family: '微软雅黑','黑体'; font-size: 22px; color: #363636; padding: 0 0 0 50px; background: url(../images/tel.png) left 20px no-repeat; }
#banner { padding: 4px 0 4px 0; }
#index #banner { display: block; }
/*navigation*/
#nav { }
#naver { height: 31px; background: url(../images/nav.jpg) top left repeat-x;  }
#nav .lil { margin: 0 auto; width: 832px;}
#nav li.l { float: left; position: relative; text-align:center; }
#nav li a.f { display: block; padding: 0 32px; line-height: 31px; color: #fff; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-size: 14px; font-weight: normal; }
#nav li.last { width: 110px; background: none; }
#nav li.last a{padding: 0px 25px; }

/* 点亮 */
#nindex #nav ul li#index a,#naboutus #nav ul li#aboutus a,#nproducts #nav ul li#products a,#ncases #nav ul li#cases a,#nvideo #nav ul li#video a,#nchoose #nav ul li#choose a,#ncontact #nav ul li#contact a{ color: red; } 
/* belly */
#belly { margin: 0 auto 8px auto; }
/* index three */
#iabout { float: left; width: 480px; height: 226px; background: #fff;}
#inews { float: right; width: 230px; height: 226px; background: #fff;}
.iabout { padding: 8px 8px; line-height: 20px;}.iabout img { float: left; padding: 0 8px 6px 0; }
.inews { padding: 8px 8px;}
.inews li { margin: 2px 0; padding: 0 0 0 8px; line-height: 22px; border-bottom: 1px dashed #f1f1f1; }

/* index news */
#news { float: left; width: 600px; }
.news { padding: 6px 18px 12px 3px; }
.news img { width: 240px; height: 180px; padding: 0 12px 0 0; }.news strong { font-size: 10.5pt;}
.news .nwords { padding: 6px 0; line-height: 22px; }

.idesigners { padding: 16px 6px 8px 10px; }
.idesign { float: left; width: 288px; padding: 8px 0 16px 0; } .idesign .ipic { float: left; } .idesign .ibio { float: left; width: 168px; padding: 4px 0 0 8px; line-height: 22px; }
.idesign img { width: 78px; height: 98px; padding: 4px; border: 1px solid #CDCBCE; }
/* index pro */
#pro {float: right; width: 350px; }
/* index case */
.pro { padding: 0 8px 0 8px; }
.icons { margin: 12px 0 0 0; border-top: 1px solid #E1E1E1;}#icons{ margin: 16px 0 0 0; }
.icon { padding: 5px 0; text-align: center; border-bottom: 1px solid #E1E1E1; }
#icons .icon { float: left; padding: 3px 3px; margin: 8px 10px 8px 0; border: 1px solid #E1E1E1;}
.icon img { height: 32px; }#icons .icon img { height: 36px; }
.cline { border-top: 1px solid #848484; }
.icontactus { padding: 8px 0 0 4px; line-height: 20px; }.icontactus h2{ padding: 0 0 4px 0;}
#news h2 { height: 30px; line-height: 30px; padding: 0 0 0 40px; background: url(../images/h2.png) left bottom no-repeat; font-size: 14px; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-weight: normal;}
#pro h2 { height: 28px; line-height: 28px; padding: 0 0 0 16px; background: url(../images/crumb.png) left center no-repeat; font-size: 14px; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-weight: normal; border-bottom: 1px solid #B0B0B0; }
#news h2 span, #pro h2 span,#brands h2 span { float: right; padding: 0 8px 0 0; } #pro h2 a {color: #FF0F0E; }
.pro ul { padding: 6px 8px 5px 18px; }.pro ul li { margin: 3px 0; line-height: 22px; background: url(../images/inlibg2.png) left center no-repeat; padding: 0 0 0 14px; } 
#icontact { height: 134px; background: url(../images/conti.png) center center no-repeat; }
.icontact { height: 134px; padding: 24px 0 0 20px; font-size: 10.25pt; line-height: 1.5;} 
.gm,.gmt { width: 136px; background: #fff; border: 1px solid #ddd; padding: 4px 6px; border-radius: 3px; }.gmt { width: 256px; }


#brands { padding: 0 0 0 0; }
#brands h2 { padding: 0 0 0 0; border-bottom: 1px solid #DADADA; }
#brands h2 a { color: #fff; font-size: 14px; line-height: 26px; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-weight: normal;}
#brands h2 span { font-size: 12px; color: #fff; }
.brand { float: left; width: 228px; padding: 8px 0 4px 0; text-align: center; }
.brand img { width: 208px; height: 172px; padding: 4px; }

.lace { height: 280px; border-bottom: 1px solid #848484; }
/* main */
#main { padding-top: 12px; }
#neckad { clear: both; width: 960px; padding: 1px 0 0 0; }
#gl { float: left; width: 232px; }
#gr { float: right; width: 720px;}
#gr img{ max-width: 710px;}
#her { border-bottom: 1px solid #B0B0B0; padding: 0; }
#main #her h1 { display: inline-block; padding: 6px 8px 6px 16px; font-family:  "微软雅黑", "黑体", "宋体"; color: #080808; font-size: 10.5pt; font-weight: normal; border: none; background: url(../images/crumb.png) left center no-repeat;}

#crumbs { margin: 0 0 12px 0; line-height: 24px; font-family: "宋体", Arial; border-bottom: 1px solid #0476D8; }
#crumbs a { color: #B32D2A; }
#booth { padding: 0px 0 12px 2px; min-height: 360px; }
#index #booth { padding: 0px 0 0 0;}#index #main { margin: 0 auto; padding: 12px 0 0 0;}
#boothi { padding: 12px 24px 12px 24px; background: #F5F5F5;}
#boothn { padding: 36px 60px; background: #F5F5F5;}
#boothnew { padding: 6px 12px; }
#boothcase { padding: 6px 0px; }
#network { padding: 32px 36px; border: 4px solid #D72383; border-radius: 12px; }#network table { width: 99%; }
#network td { padding: 12px 8px 8px 18px; border-bottom: 1px dotted #d5d5d5; }
#network .th td{ font-weight: bold; border-bottom: 1px solid #BAC5CC; }#network td.l { font-weight: bold; }

#booth .contact { padding: 16px 18px; font-size: 10.25pt; line-height: 32px; }
#booth .aboutuss { padding: 8px 0; line-height: 2; }
#main h1 { padding: 6px 0; font-family:  "微软雅黑", "黑体", "宋体"; color: #080808; font-size: 19.5pt; font-weight: normal; border-bottom: solid 1px #E6E6E6;}
.pt10 p { font-size: 10.5pt; line-height: 1.8; margin: 10.5pt 0; }
#main h1.nh1 { padding: 16px 0 10px 0; text-align: center; font-size: 16pt; border-bottom: dotted 1px #e6e6e6; }
#newsinfo { text-align: center; padding: 8px 0 12px 0; }
#newsinfo .ntime, #newsinfo .nsource { color: #7e7e7e; padding-right: 18px; }
.ncontent { padding: 12px 6px; }.pcontent { border-top: none; }
.ncontent, .ncontent p { font-size: 10.5pt; line-height: 24px; color: #000; }
.ncontent p { margin: 10.5pt 0; }
.infolist { margin: 16px 0; padding: 0 8px; }
.infolist a { font-size: 10.5pt; color: #1F376D; }.infolist a:hover { text-decoration: underline; }
.infolist li { margin: 4px 0; background: url(../images/inlibg3.png) no-repeat left center; padding: 0 10px 0 12px; line-height: 1.5; }
.infolist li.blank { background: none; line-height: 12px; }
.infolist li span { float: right; }
#ginfo #gcontact { padding: 10px 16px 20px 16px; background:#F3F3F3;}
/* news */
.new { padding: 8px; margin:0 0 8px 0; border-bottom: 1px dashed #e8e8e8; line-height: 1.5; } .new span { color: #999; }
.new img { width: 135px; float: left; padding: 0 12px 0 0; }
/* procuct list */
#booth h2 { padding: 6px 0; font-family:  "微软雅黑", "黑体", "宋体"; color: #BD0A01; font-size: 16pt; font-weight: normal; border-bottom: solid 1px #E6E6E6;}#booth h2 a { color: #166EB8; }
#booth h1.p { padding: 6px 0; font-family:  "微软雅黑", "黑体", "宋体"; color: #BD0A01; font-size: 16pt; font-weight: normal; border-bottom: solid 1px #E6E6E6;}
#booth .proer { width: 100%; padding: 12px 0;}
.proer .pros { float: left; padding: 2px 0 2px 0; width: 178px; text-align: center; }
.caser .pros { float: left; padding: 4px 0 4px 0; width: 175px; text-align: center; }
.proer .pros img { border: 1px solid #fff; padding: 0px; width: 150px; height: 100px; }
.caser .pros img { border: 1px solid #CBCBCB; padding: 2px; width: 150px; height: 100px; }
.pros img:hover { border: 1px solid #feb800; }
.pros a{ display: block; color: #333; line-height: 2; }.proer .pros a{ line-height: 18px; }
.pros span { display: block; color: #666; }
.caser .r { margin: 0 0 10px 0; }
/* run */
.caseruner { padding: 6px 0 6px 8px; background: #fff;}
.caserun{width:700px; overflow:hidden;}
.prosc { float: left; padding: 2px 0 2px 0; width: 178px; text-align: center; }
.prosc img { border: 1px solid #fff; padding: 0px; width: 150px; height: 100px; }
.prosc a{ display: block; color: #333; line-height: 2; } .prosc a{ line-height: 18px; }
.prosc span { display: block; color: #666; }

.cates a{ display: block; padding-left: 16px; font-size: 12px; height: 24px; line-height: 24px; text-decoration: underline; }
.cates a.fa{ font-size: 15px; font-family:  "Microsoft Yahei", "黑体"; color: #fff; background: #DC007A; height: 30px; line-height: 30px;  text-decoration: none}
/* team */
.member { padding: 6px 6px 10px 6px; border-bottom: 1px solid #eee; }
.member .photo { float: left;; }.member .photo img { width: 188px; margin: 0 8px 0 0; padding: 4px; border: 1px solid #ccc; }
.member .bio { float: left; padding: 0 0 0 0; width: 408px; font-size: 12px; line-height: 18px; }
/* service items */
.item { float: left; clear: left; display: block; padding: 6px 6px 10px 6px; border-bottom: 1px solid #eee; }
.itempic { float: left;; }.itempic img { width: 240px; margin: 0 12px 0 0; }
.iteminfo { float: left; padding: 36px 0 0 0; width: 320px; font-size: 12px; line-height: 18px; }
/* procuct info */
#ginfo { padding: 8px 0; }#ginfo #gimg { text-align: center; }
#ginfo #gimg img { padding: 0; border: 1px solid #E6E6E6; }
#ginfo #gimg img:hover { border: 1px solid #feb800; }
#ginfo #gparam { padding: 0px 0 12px 12px; font-size: 10.25pt;}
#ginfo #gparam .p { padding-left: 6px; font-size: 22.5pt; color: #f00; }
#ginfo #gparam .gparam { }
#ginfo #gparam li { line-height: 1.5; }
#ginfo #gtie { margin: 12px 0; height:32px; line-height: 32px; border-top: 1px solid #DC352F; background: #FCF7F1; padding: 0 12px; }
#ginfo h2 { padding: 6px 0; font-family:  "微软雅黑", "黑体", "宋体"; color: #DF332F; font-size: 10.5pt; font-weight: normal; border: none; font-weight: bold; }
#ginfo .ginfo { font-size: 12px; line-height: 1.8;}#ginfo .ginfo p{ text-indent:21pt; padding: 6px 0;}
#ginfo .ginfoer{ padding: 6px 12px 12px 12px; font-size: 10.25pt; }
.dinfo { padding: 8px 0; font-size: 10.25pt; line-height: 1.5; }
/* cases */
.gcase { border-bottom: 1px dotted #d1d1d1;padding: 10px 0; }
.gcase img { float: left; border: 1px solid #e5e5e5; padding: 3px; width: 240px; height: 160px; }
.gcase h3 { padding: 4px 0; } .gcase h3 a { font-family: Calibri, "宋体", Arial; font-size: 10.5pt; color: #166EB8; }
.gcase ul li { line-height: 20px; } .gcase ul li a { text-decoration: underline; color: #1F376D; } .gcase ul li a:hover { color: red; }
.gcase .gcaseinfo { padding-left: 260px; }
.gcase img:hover { border: 1px solid #feb800; }
/* contact us */
.map { padding: 12px 8px; border-bottom: 1px solid #d8d8d8;}
.map li { line-height: 20px; margin: 4px 0; font-size: 10.25pt; }
#contactset { width: 480px; border: 1px solid #eee; margin: 10px 0; padding: 6px 12px; line-height: 2.5; }
#contactset legend { background: #ddd; padding: 3px 8px; margin-left: 12px; line-height: 2; }#contactset .sub { margin-left: 48px; }

input.g,input.gs { width: 208px; border: 1px solid #d5d5d5; padding: 3px 6px; border-radius: 3px;}input.gs{ width: 64px;}
input.gf { width:80px;height:24px;border:none;background:url(../images/btn.png) center center no-repeat;color:#fff;cursor:pointer;}
.formc { float: left; width: 500px; padding: 12px 0 0 0; border-right: 1px solid #d5d5d5; }
.formc td { padding: 1px 0; }.formc td.tright { padding: 0 8px 0 0; }
.formqq { float: left; padding: 24px 0 36px 0; }
#contf { padding: 12px 0 64px 12px; }#contf td { padding: 4px 0; }
/* service */
.defend { padding: 36px 24px 24px 88px; line-height: 1.5; }
.service { margin-top: 18px; padding-bottom: 12px; }
.service ul { padding-top: 8px; }  .service ul li { line-height: 18px; }
.service h2 { font-size: 10.5pt; color: #166EB8; padding: 12px 0 6px 0; }
.service table { border-collapse: collapse; }
.service table td { border: 1px solid #ddd; padding: 6px 8px; text-align: center; }
.service table td.b { background: #eee; padding: 8px; }
.service p { line-height: 1.5; padding: 6px 12px; }
/* sidebox */
.sidebox { margin-bottom: 10px; }
.box { margin-bottom: 10px; }
.boxer { border: 1px solid #959595; min-height: 209px; border-top: none; background: #fff;}
.boxh2 { height: 31px; padding: 0 0 0 12px; line-height: 30px; font-family: 'Microsoft Yahei', '黑体', '宋体'; font-size: 14px; font-weight: normal; background: url(../images/nav.jpg) left top repeat-x; color: #fff; }.boxh2 a { color: #fff; }
.inboxh2{ background: url(../images/inmenu_title.jpg) repeat-x left top;}
.boxli { padding: 6px 8px 12px 8px; }

 /* .boxli .current .curra{ color: #b90103; } */ 

.boxli li{ line-height: 24px; margin: 3px 0; background: url(../images/inmenu_img.png) no-repeat left 12px;}
.boxli li a { display: block; padding: 0 0 0 8px; }
.scontact { padding: 12px 12px; line-height: 1.5;} 
.scontact li{ margin: 5px 0; }
.boxli_ul1 li{ background: none; padding-left: 20px;}

.pbox { border: 1px solid #959595; border-top: none; margin: 0 0 10px 0; }
/* patch */
#patch{ }
#patcher{ background: url(../images/footer_bg.jpg) repeat-x left top;}
#footer { padding: 8px 0 12px 0; margin: 0 0 0 0; line-height: 24px; }
#footer #vicenav a { margin: 0 4px; color: #fff; font-weight: bold; } #footer a:hover { text-decoration: underline; }
#copy {margin: 0 0 0 0px; padding: 0 12px 0 12px; text-align:center; color: #fff}#copy a{ color: #fff; }
#vicenav {margin: 0 0 0px 0px; padding: 0 12px 0 12px; height: 24px; line-height: 24px; text-align:center; color: #fff; }
/* sitemap */
ul.sitemap { padding: 18px 24px; margin: 18px 0; list-style: disc; border-top: 1px solid #ddd; }
ul.sitemap li a { font-size: 9pt; color: #166EB8; line-height: 24px;}
/* page bar */
#mypage{margin: 10px auto; padding: 16px 0 12px 0; text-align:center; height: 26px; border-top: 1px dotted #ddd; }
#mypage a{ display:inline-block; margin-right:5px; height:24px; width: 28px; text-align: center; line-height: 24px; border:1px solid #ccc; color:#225392; text-decoration:none; font-family: '宋体'; }
#mypage a.l{ height:24px; line-height: 24px; width: 50px;}
#mypage a:hover{background:#EFF7FF; color:#f00;}
#mypage .current { display:inline-block; margin-right:5px; width:24px;height:26px; line-height: 26px; font-weight:bold;}
/* links */
#links { padding: 2px 8px 4px 8px; line-height: 28px;  border-bottom: 1px solid #848484; }
#links a { margin:0 4px; }
/* hr */
.hr { padding: 8px 12px; font-size: 10.25pt; color: #79808A; line-height: 1.8; border-bottom: 1px dashed #D5D5D5; }.hr:hover { background: #fbfbfb; }
.hr h3 { font-size: 10.5pt; color: #333; }.hr h3 span{ padding: 0 0 0 12px; font-size: 12px; color: #666; font-weight: normal; } .hr a{ color:#F30998; }
.hr .hrt { margin: 8px 0; width: 96%;}
/*banners*/
#banners{ clear: both; margin: 0 auto;height:285px; width: 960px; padding: 12px 0 0 0;}
#maina{position:relative;height:285px;zoom:1;}
#maina .current{display:block;}
#featured{height:285px;position:relative;}
.featured_item{height:285px;margin:0 auto;position:relative;top:0;width:960px;overflow:hidden;display:none;}
.featured_item img{height:285px;width:960px; }
.pointer{background:url(pointer.gif) no-repeat scroll left top;height:18px;left:3px;position:absolute;top:18px;width:13px;	}
#featured_bottom{position:absolute;height:45px;width:100%;background:none;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8 ;bottom:0px;right:0px;}
.preview_images{height:20px;line-height:20px;position:absolute;right:0px;top:18px;}
.preview_images a img{padding:1px;}
.preview_images a{outline:none;display:block;position:relative;margin-right:8px;float:left; width:20px; background:#fff; text-align:center;text-decoration:none;font-size:12px;font-family:Arial;font-weight:bold;}
.preview_images a img{border:1px solid #afafaf;background-color:#fff;}
.preview_images a:hover{}
.preview_images .current_prev{background:#333; color:#fff;}/*share*/
#cs { width: 116px; padding: 4px 0 12px 0; text-align: center; font-size: 12px; background: #f1f1f1; border: 1px solid #d5d5d5; border-top: 2px solid #489809; }
#cs .cst { padding: 8px 0 0 0; font-family: 'Microsoft Yahei'; font-size: 10.5pt; color: #f00; }
#cs .csline { margin: 4px 0; padding: 4px 0; font-size: 16px; font-family: Tahoma; background: #246F34; color: #fff; }
#cs .cser { padding: 3px 0; }


/* page bar */
#mypage { margin-top:10px; text-align:center; height: 26px; }
#mypage a { display:inline-block; margin-right:5px; height:24px; line-height: 22px; padding: 0px 10px; border:1px solid #ccc; color:#676767; text-decoration:none; font-size:12px; }
#mypage a:hover { background:#00a539; color:#fff; }
#mypage .current { background:#00a539; color:#fff; text-align:center; display:inline-block; margin-right:5px; width:27px; height:24px; line-height: 22px; font-weight:bold; }