/*
Theme Name: WordPress IWUI
Theme URI: 
Description: The WordPress 2.7 theme design by Joe as blue style
Version: 1.0
Author:
Author 
Tags: 
*/
/*all*/
* { 
 margin: 0; 
 padding: 0; 
 outline: 0; 
}
img,li,ul,input{
border:none;
list-style:none;
margin:0;
padding:0;
}
.cl{
clear:both;
}
body{
font-size:12px;
font-family:Tohamo,Arial,helvetica, sans-serif;  
color:#5d5d5d;
background:#000;
line-height:14px;
}
.textRight{
text-align:right;
}
.textLeft{
text-align:right;
}

/*container*/
.container{
width:1003px;
margin:0 auto;
}
/*header*/
.header{
height:139px;
background:url(../images/header_bg.jpg) repeat-y center;
width:1003px;
margin:0 auto;
}
.logo{
padding:18px 0 0 46px;
}
.logo,#somewords{
height:100%;
/*background:url(../images/head_left.jpg) no-repeat left top;*/
overflow:hidden;
}
#somewords{
position:absolute;
right:0;
top:0;
width:348px;
height:139px;
}
#somewords .fanfou_statuses_more, #somewords p{
display:none;
}
#somewords ul{
left:23px;
position:absolute;
top:37px;
width:197px;
}
#somewords ul li{
color:#6a6d6f;
}
#somewords ul li a{
color:#000;
text-decoration:none;
}

#somewords ul li a.stamp{
color:#8B8B8B;
display:block;
font-size:10px;
text-indent:-100px;
margin:18px 6px 0 0;
float:right;
}
/*menuer*/
.menu{
height:55px;
overflow:hidden;
}
#menu a{
display:block;
height:100%;
background-image:url(../images/menu.png);
background-repeat:no-repeat;
text-indent:-9999px;
}
#menu li{
float:left;
height:55px;
}
#menu .rssMenu a{
width:206px;
text-decoration:none;
text-indent:0;
}
.rssMenu a:hover{
background-position:0px -55px;
}
.aboutMenu a{
background-position:-206px 0;
width:134px;
}
.aboutMenu a:hover, #about .aboutMenu a{
background-position:-206px -55px;
}
.servicesMenu a{
background-position:-340px 0;
width:124px;
}
.servicesMenu a:hover, #service .servicesMenu a{
background-position:-340px -55px;
}
.portfolioMenu a{
background-position:-464px 0;
width:124px;
}
.portfolioMenu a:hover, #portfolio .portfolioMenu a{
background-position:-464px -55px;
}
.labsMenu a{
background-position:-588px 0;
width:157px;
}
.labsMenu a:hover, #lab .labsMenu a{
background-position:-588px -55px;
}
.contactMenu a{
background-position:-745px 0;
width:128px;
}
.contactMenu a:hover, #contact .contactMenu a{
background-position:-745px -55px;
}
.blogMenu a{
background-position:-873px 0;
width:130px;
}
.blogMenu a:hover{
background-position:-873px -55px;
}
#about .aboutMenu a, #service .servicesMenu a, #portfolio .portfolioMenu a, #lab .labsMenu a, #contact .contactMenu a{
cursor:default;
}

/*mainer*/
.mainer{
background:url(../images/mainbg.jpg) repeat-y;
}
.mainerBg{
background:url(../images/main_bg.jpg) no-repeat;
padding:54px 83px 0 109px;
position:relative;
}
#works{
overflow:hidden;
position:relative;
height:468px;
}
#lineWorks{
position:relative;
left:0px;
}
.demo{
float:left;
position:relative;
}
#slideLeft,#slideRight{
position:absolute;
cursor:pointer;
top:338px;

}
#slideLeft{
left:30px !important;
left:-80px;
}
#slideRight{
right:25px;
}
.demo .demoLeft{
width:446px;
overflow:hidden;
float:left;
}
.demoLeft img{
width:373px;
height:421px;
margin:40px 0 0 20px;
}
.demo .demoRight{
float:left;
padding:53px 0 0 0;
width:363px;
overflow:hidden;
}
.demoHide{
height:47px;
width:31px;
background:url(../images/demohide.gif) no-repeat;
position:absolute;
right:-3px;
top:0px;
}
.infoTitle{
font:14px Arial, Helvetica, sans-serif,'宋体';
color:#FFF;
}
.titleChi{
color:#f0b638;
}
.infoText{
font:12px Arial, Helvetica, sans-serif;
color:#5d5d5d;
line-height:18px;
}
.info{
padding:16px 0 3px 0;
border-bottom:1px solid #434242;
}
.infoOn{
background-color:#000;
}
.infoOn .infoText{
color:#FFF;
}
.toolName{
text-decoration:underline;
}
.noLine{
border:none;
}
/*bubble*/
.bubble{
background:url(../images/bubblex.gif) repeat-x;
position:absolute;
top:0;
left:0;
z-index:100000;
}
.bubbleLeft{
background:url(../images/bubbleLeft.gif) no-repeat left;
float:left;
}
.bubbleRight{
height:41px;
padding:0 18px;
background:url(../images/bubbleRight.gif) no-repeat right;
float:left;
}
#bubbleFont{
display:block;
line-height:30px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
float:left;
overflow:hidden;
}
/*footer*/
.footer{
background:url(../images/foot_bg.jpg) no-repeat;
height:204px;
padding:98px 58px 0 63px;
overflow:hidden;
}
.footLeft{
width:263px;
float:left;
height:171px;
padding:15px 17px 17px 13px;
}
.footCenter{
width:385px;
float:left;
height:171px;
padding:15px 17px 17px 13px;
}
.footRight{
width:144px;
float:left;
height:171px;
padding:15px 17px 17px 13px;
position:relative;
}
.footTitle{
color:#FFF;
}
.footText{
padding:10px 12px 0 0;
position:relative;
}
.footText p{
text-indent:30px;
line-height:18px;
}
a.founder{
color:#FFF;
}
.footText li{
line-height:18px;
}
.footTitle{
font:20px '黑体',Arial, Helvetica, sans-serif;
}
.footText a{
color:#5d5d5d;
text-decoration:none;
}
.footText a:hover{
text-decoration:underline;
color:#FFF;
}
#corner{
bottom:-2px !important;
bottom:3px;
position:absolute;
right:-18px;
}
.webFavour{
overflow:hidden;
width:124px;
margin-left:20px;
height:176px;
background:#111;
position:relative;
}
.webFavour a{
display:block;
}
.webFavour ul{
width:130px;
position:relative;
top:0px;
}
.webFavour li{
text-align:center;
height:60px;
width:130px;
overflow:hidden;
margin-bottom:0 !important;
margin-bottom:-2px;
}
/*copyRight*/
.copyRight{
margin:66px 0 10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#666;
line-height:18px;
}
.valid a{
color:#669933;
padding-left:20px;
background:url(../images/valid.gif) no-repeat 3px 0px;
line-height:18px;
}
/**/
#Scrollbar-Container {
height:109px;
left:365px;
top:12px;
position:absolute;
width:11px;
z-index:10000000;
}
div.Scrollbar-Track {
height:91px;
left:0;
position:absolute;
top:9px;
width:11px;
}
.Scrollbar-Handle {
position:absolute;
width:11px;
height:10px;
cursor:pointer;
background:url(../images/scrollhandle.jpg) center no-repeat;
}
.Scrollbar-Up,.Scrollbar-Down{
background:url(../images/scrollUp.gif) no-repeat;
position:relative;
width:11px;
height:9px;
cursor:pointer;
}
.Scrollbar-Down {
background:url(../images/scrollDown.gif) no-repeat;
top:91px !important;
top:88px;
}
#Scroller-1 {
height:124px;
overflow:hidden;
position:relative;
}
div.Scroller-Container {
position:relative;
}
/*about*/
.mainUp{
height:201px;
background:url(../images/about_banner.jpg) no-repeat;
padding:0 118px 30px 66px;
overflow:hidden;
}

.contactUp{
background:url(../images/contact_banner.jpg) no-repeat;
}
.portfolioUp{
background:url(../images/portfolio_banner.jpg) no-repeat;
}
.labUp{
background:url(../images/lab_banner.jpg) no-repeat;
}
.serviceUp{
background:url(../images/service_banner.jpg) no-repeat;
}
.subMenu{
height:18px;
padding-top:60px;
padding-bottom:15px;
}
.subMenu a{
color:#5d5d5d;
text-decoration:none;
padding:0 1px;
}
.subMenuImg{
height:121px;
margin-top:-13px;
background:url(../images/banner1.gif) right no-repeat;
}
.viewpointBanner{
background:url(../images/banner3.jpg) right no-repeat;
}
.newsBanner{
background:url(../images/banner4.jpg) right no-repeat;
}
.serviceBanner{
background:url(../images/banner5.jpg) right no-repeat;
}
.flowBanner{
background:url(../images/banner6.jpg) right no-repeat;
}
.portfoliBanner{
background:url(../images/banner7.jpg) right no-repeat;
}
.multimediaBanner{
background:url(../images/banner8.jpg) right no-repeat;
}
.labBanner{
background:url(../images/banner9.jpg) right no-repeat;
}
.hatchBanner{
background:url(../images/banner10.jpg) right no-repeat;
}
.contactBanner{
background:url(../images/banner2.jpg) no-repeat right bottom;
}
.feedbackBanner{
background:url(../images/banner11.jpg) right no-repeat;
}
.subMenu2{
width:243px;
position:absolute;
padding:0 2px 50px 0;
background:url(../images/subMenuRight.gif) right repeat-y;
}
.subMenu2 li{
height:40px;
overflow:hidden;
background-image:url(../images/subMenu.gif);
background-repeat:no-repeat;
background-position:0 -40px;
padding-right:24px;
}
.subMenu2 li.on{
background-position:0 0px;
}
.subMenu2 li a{
display:block;
height:31px;
float:right;
font:14px "Microsoft Sans Serif",Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFF;
line-height:27px;
}
.subMenu2 li.on a{
border-bottom:#1f1e1e 1px solid;
height:30px;
color:#000;
}
li.on a .titleChi{
color:#000;
}
.content{
padding:0 120px 120px 285px;
color:#a3a1a1;
font-family:Arial, Helvetica, sans-serif;
}
.content p{
text-indent:20px;
padding:4px 0 20px 0px;
line-height:17px;
position:relative;
}
.content p a:hover{
color:#edb53b;
}
.blogLink a{
color:#fff;
text-decoration:underline;
}
.textFirst{
background:url(../images/textFirst.gif) no-repeat;
}
#about table{
margin:15px 0;
}
#about table td{
width:200px;
text-align:right;
}
#about table td.founder{
color:#fff;
}
#about table td.face{
text-align:left;
border-left:15px solid #0f0f0f;
}
.mainBottom{
height:21px;
background:url(../images/contentBottom.jpg) no-repeat;
}
/*contact*/
.contactTools img{
margin-right:7px;
}
.contactTitle{
color:#8c9e31;
border-bottom:1px solid #8c9e31;
font-size:14px;
margin:30px 0 10px;
}
.contactInfo{
line-height:20px;
}
.contactInfo a{
color:#5d5d5d;
}
form{
width:530px;
height:415px;
background:url(../images/form_body.jpg) left 47px no-repeat;
position:relative;
}
fieldset{
width:100%;
height:100%;
padding:50px 0 0 20px;
background:url(../images/form_top.jpg) left top no-repeat;
border:none;
}
legend{
text-indent:-9999px;
}
label{
text-align:right;
font-weight:bold;
color:#fff;
width:450px;
margin-bottom:5px;
display:block;
cursor:pointer;
}
label span{
color:#c19432;
}
input, textarea{
width:300px;
padding:3px 5px;
font-size:12px;
color:#fff;
text-align:left;
background:#0f0f0f;
border:solid 1px #272626;
}
input:focus, textarea:focus,input:hover, textarea:hover{
background:#000;
border:solid 1px #3c3c3c;
}
textarea{
height:100px;
}
.submit{
width:113px;
height:37px;
margin:20px 0 0 150px;
padding:0;
border:none;
}
input.submit:hover,input.submit:focus{
border:none;
}
input.submit:active{
outline:dotted 1px #333333;
}
/**/
.ladContent{
clear:both;
color:#999933;
font-size:12px;
}
/**/
.portItem{
width:286px;
float:left;
padding:0 10px 20px 0;
}

.portItem img{
float:left;
}
.portItem p{
margin:0;
padding:0;
text-indent:0;
}
.portItem h4{
color:#999933;
font-size:14px;
line-height:14px;
}
.portItem .imgCon{
display:block;
height:138px;
overflow:hidden;
position:absolute;
width:138px;
}
.portItem .fontDiv{
padding-left:148px;
}
.portItem .des{
margin:15px 0;
color:#333;
font-size:12px;
}
.portItem .cat{
color:#999;
margin-bottom:17px;
}
.portItem .process{
color:#8c9e31;
font-size:12px;
font-weight:bold;
}
.portItem .bar{
width:95px;
height:3px;
margin-bottom:7px;
padding:1px;
border:solid 1px #2f2e2e;
position:relative;
}
.portItem .bar span{
width:99%;
height:100%;
background:#8c9e31;
display:block;
}
.portItem .descrice{
width:350px;
float:right;
}
div.descrice p{
font-size:12px;
line-height:18px;
color:#444242;
text-indent:2em;
padding-bottom:10px;
}
/*viewpoint*/
.viewpointContent p.textFirst{
margin-top:10px;
}
.viewpointContent p a{
color:#FFF;
text-decoration:none;
border-bottom:dotted 1px #FFF;
margin-bottom:-1px;
}
.viewpointContent p a:hover{
color:#999933;
border-bottom-color:#999933;
}
/*news*/
.newsContent ul li{
width:637px;
height:25px;
background:#1c1c1c;
}
.newsContent ul a{
display:block;
width:100%;
height:20px;
padding-top:3px;
color:#5d5d5d;
text-decoration:none;
background:#0f0f0f;
border-bottom:solid 1px #000;
position:relative;
}
.newsContent ul a:hover{
color:#cf9f35;
background:#000;
}
.newsContent ul a span{
position:absolute;
right:10px;
}
.newsContent ul a:hover span{
color:#fff;
}
div.pageNum{ clear:both;text-align:right; margin-top:30px; color:#8c9e31;}
div.pageNum a:link,div.pageNum a:visited{color:#5f5f5f; padding:0 3px; border:solid 1px #5f5f5f; text-decoration:none;}
div.pageNum .current,div.pageNum a:hover{background:#8c9e31;padding:0 3px; color:#fff; border:solid 1px #8c9e31;}

/*service*/
.serviceContent{
padding:0pt 106px 120px 285px;
}
.serviceContent dt{
display:block;
width:100%;
font-size:14px;
font-weight:bold;
color:#8c9e31;
border-bottom:solid 1px #8c9e31;
}
.serviceContent dd{
text-indent:2em;
padding:10px 0;
}
.serviceFont{
padding:10px 0 20px;
}
.toggler{
background:url(../images/service_title.jpg) no-repeat;
height:28px;
font-family:Arial,'黑体';
font-size:14px;
color:#cccc99;
line-height:28px;
padding-left:10px;
cursor:pointer;
}
.toggler .chn{
margin-right:17px;
line-height:28px;
color:#000;
}
#accordion .element{
background:url(../images/service_tigger.jpg) no-repeat;
padding:0 26px;
}
.element p{
position:static;
}
.element .con{
padding:10px 0 25px;
}
.element li{
line-height:17px;
margin-left:20px;
padding-left:18px;
background:url(../images/star.jpg) no-repeat 0 4px;
}
/**/
.newsTitle{
border-bottom:1px dotted #999;
color:#FFFFFF;
font-size:17px;
padding:5px 0;
}
.newsOperate{
background:url(../images/online_member.gif) no-repeat;
color:#555555;
height:17px;
margin:7px 0 18px;
padding:0 0 0 22px;
}
.white{
color:#fff;
}