/*  reset  */
html,body,
ol,ul,li,dl,dt,dd,
form,label,fieldset,legend,
h1,h2,h3,h4,h5,h6,p,div,span,img,
table,thead,tbody,tfoot,th,td,caption,
em,strong,cite,small,big,q,blockquote,pre { margin:0; padding:0; }
fieldset,img { border:0; }
q:after,blockquote:after { content:""; }
table { border-collapse:collapse; border-spacing:0; }
th,td { text-align:left; }
ol,ul { list-style:none; }
a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }


/*  typography  */
body,
th,td,
blockquote,p,
input,select,textarea { font-size:12px; font-family:"arial"; }
cite { font-style:normal; }
textarea { line-height:1.4em; }
h1,h2,h3 { font-size:14px; }
h4,h5,h6 { font-size:12px; }


/*  general  */
body { background:#DBE0E3; }
img,select,input { vertical-align:middle; }
.hidden { display:none; }
.font16 { font-size:16px; }
.herf { cursor:hand; }


/*  layout  */
#wrp { width:963px; margin:0 auto; padding:10px 0;  }
#container:after,.skinFt:after,.cf:after { content:""; display:block; clear:both; height:0px; visibility:hidden; }
#container,.skinFt,.cf { *display:inline-block; zoom:1; }
.columnL,.columnR,.column { vertical-align:top; padding:0 10px; }
.columnL,.columnR { width:162px; }
.columnL { border-right:1px solid #22cc22; }
.columnR { border-left:1px solid #22cc22; }
.skinTit { font-size:11px; font-weight:700; color:#fffeff; padding:10px 10px 8px; border:none; }
.box { background:#fff; padding:10px; zoom:1; }
.mrB10 { margin-bottom:10px; }
.mrL10 { margin-left:20px; }
.empty { text-align:center; background:#f1f1f1; padding:20px; }
.pad{ padding-left:10px; }
.pad1 { padding-left:18px; }
.pad2 { padding-left:8px; }

/*  component  */
.siteHead,
.siteFoot { line-height:36px; color:#245a01; background:#fff; height:36px; margin-bottom:20px; padding:0 20px; opacity:0.99; filter:alpha(opacity=99); -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px #999; -webkit-box-shadow:0 1px 3px #999; }
.siteHead a,
.siteFoot a { color:#245a01; }
.siteHead .logo { background:url(../images/logo.gif) no-repeat; float:left; }
.siteHead .logo a { overflow:hidden; width:136px; height:0px; float:left; padding-top:36px; }
.siteHead .quickNav { color:#245a01; float:right; }
.siteFoot .copyright { font-size:11px; color:#888; margin-right:15px; }

.skinNav { line-height:32px; text-align:center; background:#47e012; height:32px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; -moz-box-shadow:0 1px 3px #999; -webkit-box-shadow:0 1px 3px #999; }
.skinNav ul { padding-left:230px; }
.skinNav li { float:left; position:relative; }
.skinNav li a { color:#245a01; float:left; padding:0 20px; }
.skinNav .screen a:hover { text-decoration:none; background:#fff; }
.skinNav .dropMenu { background:#fff; display:none; width:168px; padding:2px; position:absolute; top:32px; border:1px solid #47e012; border-top:none; -moz-box-shadow:1px 2px 2px #999; -webkit-box-shadow:1px 2px 2px #999; }
.skinNav .dropMenu a { background:none; padding:2px; }
.skinNav .dropMenu img { padding:2px; border:2px solid #fff; }
.skinNav .dropMenu a:hover { background:none; }
.skinNav .dropMenu a:hover img { border-color:#ccc; }
.skinNav .dropMenu .curr img,
.skinNav .dropMenu a:hover.curr img  { border-color:#000; }

#head { background:url(../images/bg_head.gif); height:43px; width:100%; }
.inputBg {  background:url(../images/img_seach_input_con.gif) repeat; border:none; float:left; width:150px; height:19px; }
.headSeach { padding-top:10px; }
.headSeach span { padding-left:10px; background:url(../images/img_seach_input_tit.jpg) no-repeat; float:left; }
.headSeach input,.headSeach img { float:left; }

#head { margin-bottom:10px; }
#head ul{ float:left; padding:0px 0px 0px 120px; }
#head li { float:left; height:41px; width:100px; line-height:41px; overflow:hidden; text-align:center; }
#head li a { font-weight:bold; color:#fff; }
#head .currHome { background:url(../images/img_home.jpg) no-repeat; }
#head .currHome a { padding-left:200px; display:block; }
#head .currPortfolio { background:url(../images/img_anli.jpg) no-repeat; }
#head .currPortfolio a { padding-left:200px; display:block; }
#head .currServices { background:url(../images/img_service.jpg) no-repeat; }
#head .currServices a { padding-left:200px; display:block; }
#head .currClient { background:url(../images/kehu.jpg) no-repeat; }
#head .currClient a { padding-left:200px; display:block; }
#head .currThinking { background:url(../images/img_think.jpg) no-repeat; }
#head .currThinking a { padding-left:200px; display:block; }
#head .currAbout { background:url(../images/img_curr_brand_about.jpg) no-repeat; }
#head .currAbout a { padding-left:200px; display:block; }
#head .currSupport { background:url(../images/img_supportnav.jpg) no-repeat; }
#head .currSupport a { padding-left:200px; display:block; }
.headNav .Company { background:url(../images/img_nav2_tiangong.jpg) no-repeat 20px 2px; }
.headNav .Company a { padding-left:200px; display:block; }
.headNav .currCompany { background:url(../images/soft.jpg) no-repeat 25px 2px; }
.headNav .currCompany a { padding-left:200px; display:block; }
.headNav .Culture { background:url(../images/img_nav2_wenhua.jpg) no-repeat 25px 2px; }
.headNav .Culture a { padding-left:200px; display:block; }
.headNav .Team { background:url(../images/img_nav2_team.jpg) no-repeat 25px 2px; }
.headNav .Team a { padding-left:200px; display:block; }
.headNav .News { background:url(../images/img_nav2_dongtai.jpg) no-repeat 25px 2px; }
.headNav .News a { padding-left:200px;  display:block;}
.headNav .Job { background:url(../images/img_nav2_job.jpg) no-repeat 25px 2px; } 
.headNav .Job a { padding-left:200px; display:block; }
.headNav .Contact { background:url(../images/img_nav2_link.jpg) no-repeat 25px 2px; }
.headNav .Contact a { padding-left:200px; display:block; }

.headNav .vi { background:url(../images/img_vi_nav.jpg) no-repeat left 0px; }
.headNav .vi a { padding-left:200px; }
.headNav .poster { background:url(../images/img_nav_haibao.jpg) no-repeat left 0px; }
.headNav .poster a { padding-left:200px; }
.headNav .package { background:url(../images/img_inclock_nav.jpg) no-repeat left 0px; }
.headNav .package a { padding-left:200px; }
.headNav .brochure { background:url(../images/img_nav_huace.jpg) no-repeat left 0px; }
.headNav .brochure a { padding-left:200px; }
.headNav .advertising { background:url(../images/img_nav_gg.jpg) no-repeat left 0px; }
.headNav .advertising a { padding-left:200px; }
.headNav .media { background:url(../images/img_nav_vod.jpg) no-repeat left 0px; } 
.headNav .media a { padding-left:200px; }
.headNav .web { background:url(../images/img_nav_web.jpg) no-repeat left 0px; }
.headNav .web a { padding-left:200px; }
.headNav .id { background:url(../images/img_nav_por.jpg) no-repeat left 0px; }
.headNav .id a { padding-left:200px; }

.headNav { margin:5px 0 7px; height:20px; }

.headNav ul { float:left; padding-left:120px; display:inline; }
.headNav li { overflow:hidden; float:left;width:83px; height:21px; line-height:21px; text-align:center; font-weight:bold; }
.headNav li a { color:#000; }
.aboutHead ul { padding-left:435px; display:block; }
.headNav .software {  background:url(../images/soft.jpg) no-repeat; }
.headNav .software a { padding-left:200px; display:block; }
.headNav .mobile {  background:url(../images/mobile.jpg) no-repeat; }
.headNav .mobile a { padding-left:200px; display:block; }
.headNav .web { background:url(../images/img_nav_web.jpg) no-repeat; }
.headNav .web a { padding-left:200px; display:block; }
.headNav .brand { background:url(../images/img_nav_pinpai.jpg) no-repeat; }
.headNav .brand a { padding-left:200px; display:block; }

#headBrand { background:url(../images/bg_brand_nav.jpg) no-repeat; height:39px; width:100%; margin-bottom:10px; }
#headBrand ul{ float:left; padding:0 85px 0 120px; }
#headBrand li { float:left; height:41px; padding:0px 10px; width:52px; margin:0 13px;  line-height:41px; overflow:hidden; text-align:center; }
#headBrand li a { font-weight:bold; color:#fff; }

#headBrand  .inputBg { background:url(../images/bg_input_brank_con.jpg) repeat; }
#headBrand .headSeach span { background:url(../images/bg_inpput_brank2.jpg) no-repeat; }

.brandHome { background:url(../images/img_curr_brand_home.jpg) no-repeat; }
.brandHome a { padding:222px; display:block; }
.brandPortfolio { background:url(../images/img_nav_bran.jpg) no-repeat; }
.brandPortfolio a { padding:222px; display:block; }
.brandServices { background:url(../images/img_nav_bran_ser.jpg) no-repeat; }
.brandServices a { padding:222px; display:block; }
.brandClient { background:url(../images/img_nav_customer.jpg) no-repeat; }
.brandClient a { padding:222px; display:block; }
.brandThinking { background:url(../images/img_nav_think2.jpg) no-repeat; }
.brandThinking a { padding:222px; display:block; }
.brandAbout { background:url(../images/img_nav_aboutus1.jpg) no-repeat; }
.brandAbout a { padding:222px; display:block; }

#banner { margin-bottom:10px;  }
.bannerBun { position:relative; }
.bannerBun .bottonL { overflow:hidden; width:39px; height:39px; background:url(../images/bottonL.png) no-repeat; position:absolute; left:14px; top:139px;  }
.bannerBun .bottonR { overflow:hidden;  width:39px; height:39px; background:url(../images/bottonR.png) no-repeat; position:absolute; right:15px; top:139px;  }
.bottonL a,.bottonR a { display:block; width:39px; height:0px; padding-top:39px; outline:none; }
.bannerMbr { margin-top:10px; }
#side { width:100%; }
.sideTit { height:8px; background:url(../images/bg_sidebar.gif) no-repeat left 0px; }
.sideCon { background:url(../images/bg_sidecon.gif) repeat-y; margin-bottom:7px; }
.sideLeft { background:url(../images/bg_wlcome.gif) no-repeat 4px 50px; float:left; width:318px; padding-bottom:0px; }
.sideLeft p{ line-height:20px; color:#676767; float:right; width:215px; height:78px; overflow:hidden; padding-right:4px; }
.sideLeft p a { color:#676767; }
.sideLeft h2 { line-height:50px; padding-left:16px; font-size:18px; }
.sideLeft img { clear:both; padding:10px 0px 10px 95px; }
.sideC { background:url(../images/bg_ser.gif) no-repeat 4px 50px; }
.sideR { background:url(../images/bg_contact.gif) no-repeat 4px 50px; }
.sideR img { padding:7px 0 0 7px; }
.sideFoot { clear:both; background:url(../images/bg_sidebar.gif) no-repeat left -45px; height:15px; }

.content .sideTit { height:8px; background:url(../images/bg_contentbar.gif) no-repeat left 0px; }
.content .sideCon {  background:url(../images/bg_con_con.gif) repeat-y; }
.content .sideLeft { margin-left:18px; width:300px;  background:none; display:inline; }
.content .sideLink a { color:#A3A3A3; text-decoration:underline;  }
.content .sideLeft img { padding:0px; margin:0px 0px 15px 15px;  }
.content .sideFoot { clear:both; background:url(../images/bg_contentbar.gif) no-repeat left -45px; height:15px; }
.content .sideLeft h3 { padding-left:20px; }
.content .sideLeft h3 a { color:#000; }
.content .sideLeft p a { color:#676767; }
.content .sideLeft p { float:none; width:270px; height:auto; padding:0px 0px 0px 20px; }
.sideCon .sideLeft strong { font-size:17px; line-height:35px; }
.indexPh { height:120px; overflow:hidden; }
.tranIndex .sideLeft .indexPh img { padding:0px 0px 0px 4px; }

.content .sideLeft .indexPh p { height:60px; overflow:hidden; padding:0 0 0 13px; width:240px; }
.tranIndex .sideLeft p { height:auto; }

.think .sideTit { background:url(../images/bg_sidebar_think.gif) no-repeat left 0px; }
.think .sideCon { background:url(../images/bg_think_con.gif) repeat-y; }
.think .sideCon img { float:left; }
.think .sideCon .sideLeft { width:230px; background:none; }
.think .sideCon .sideLeft img { padding:0px; float:left;  }
.think .sideLeft { padding:5px 0px 5px 10px; }
.think .sideLeft .sideNav { float:right; width:120px; }
.think .sideLeft .sideNav h2 { line-height:25px; font-size:16px; padding:0px; }
.think .sideLeft .sideNav h3 { line-height:15px; color:#6E6E6E;font-size:16px; }
.think .sideLeft .sideNav p { color:#6D6D6D; line-height:13px; float:none; width:auto; padding:0px; }
.thinkCon .conSide { float:right; padding-bottom:200px; margin-right:15px; display:inline; }
.thinkCon .sideCon h1,.aboutOne .sideCon h1,.aboutOne .sideCon h2, .aboutTwo .sideCon h1 { color:#707070; line-height:40px; font-size:20px; padding-left:30px; font-family:"黑体"; }
.thinkCon .sideCon span,.aboutOne .sideCon span { color:#000; padding:0px 10px 0px 0px; font-family:"Arial"; font-size:24px; }
.aboutOne .sideCon h1 { line-height:43px; }
.aboutOne .sideCon .teamColor { color:#000; font-family:"arial"; }
.aboutOne .sideCon .teamColor span { color:#7e7e7e; font-size:25px; }
.thinkCon .sideCon img { float:left; margin-left:20px; padding-right:18px; }
.thinkCon .conSide p { padding-bottom:10px; padding-right:0px; }
.think .sideFoot { clear:both; background:url(../images/bg_sidebar_think.gif) no-repeat left -45px; }
.aboutOne .sideCon p { color:#555; padding:10px 33px; }
.aboutOne .sideCon h2 { font-size:12px; }
.aboutOne .conSide { padding-bottom:20px; }

.aboutnav #head { background:url(../images/bg_aboutusnav.gif) no-repeat; }
.aboutnav #head ul { padding-left:190px; }
.aboutnav #head li { width:76px; height:27px; padding:9px 16px 3px 15px; line-height:21px; overflow:hidden; }
.aboutnav .Home { background:url(../images/bg_aboutus.jpg) no-repeat 18px -9px; }
.aboutnav .Home a { padding-left:200px; display:block; }
.aboutnav .GUI { background:url(../images/img_gui_nav.jpg) no-repeat 34px 4px; }
.aboutnav .GUI a { padding-left:200px;display:block; }
.aboutnav .Brand { background:url(../images/img_pinpai_nav.jpg) no-repeat 32px 4px; }
.aboutnav .Brand a { padding-left:200px;display:block; }
.aboutnav .Translation { background:url(../images/img_tran_nav.jpg) no-repeat 28px 4px; }
.aboutnav .Translation a { padding-left:200px; display:block; }
.aboutnav .AboutUs { background:url(../images/bg_aboutus.jpg) no-repeat 18px -9px; }
.aboutnav .AboutUs a { padding-left:200px;display:block; }

.servile { margin-bottom:10px; }
.servile .sideTit { background:url(../images/bg_sidebar_servile.gif) no-repeat left 0px; }
.servile .sideCon { background:url(../images/bg_con_servile.gif) repeat-y; }
.servile .sideCon img { float:left; }
.servile .sideLeft { width:182px; float:left; background:none; }
.servile .sideLeft img { padding:0px; float:left; }
.servile .sideLeft p { width:auto;  float:left; }
.servile .icoCon {  float:left; width:109px; padding-left:5px; }
.servile .icoCon h2 { line-height:20px; padding:0px;  float:left;  }
.servile .sideFoot { clear:both; background:url(../images/bg_sidebar_servile.gif) no-repeat left -45px; }
.servile img { float:left; }
.process .sideCon img { margin-left:10px; }

.blockCon { background:url(../images/img_block_con.gif) repeat-y; margin-bottom:5px; }
.staff { width:150px; float:left; margin-left:73px; padding-bottom:10px; padding-top:20px; display:inline; }
.staff h3 { line-height:30px; font-size:16px; color:#fff;}
.staff p { color:#343436; height:90px; overflow:hidden; }
.blockMap { color:#fff; }
.blockMap p { color:#A2A2A2; }
.blockMap p,.blockMap h2,.blockMap h3 { padding-left:40px; }
.blockMap h2 { padding-bottom:10px; }
.blockMap h3 { padding-top:10px; }
.blockMap img { margin:20px 0px 0px 50px; }
.lineMassage { float:right; width:500px; padding-right:20px; }
.lineMassage input { width:450px; padding:5px 0px; }
.lineMassage textarea {  width:450px; height:270px; }
.lineMassage .lineSub { width:102px; margin-left:30px; }
.aboutTwo .sideCon .lineMassage p { padding:0px;line-height:30px; }
.aboutTwo .sideCon .lineMassage p span { color:red; }
.aboutTwo .sideCon p { color:#555; padding:10px 0 10px 37px; }
.conUs { float:left; width:400px; }
.aboutTwo .conUs .pad3 { padding-bottom:30px; }

.blockTit { background:url(../images/bg_black_about.gif) no-repeat left top; height:41px; }
.blockTit h2 { color:#fff; font-size:18px; line-height:41px; padding-left:25px; }
.blockTit span { color:#6E6E6E; }
.blockFoot { clear:both; background:url(../images/bg_black_about.gif) no-repeat left -82px; height:18px; }

.workSec .sideCon img{ float:left; margin-left:20px;display:inline; }
.workSec .sideCon .textCon { float:left; display:inline; width:855px; padding-left:20px;  }
.workSec .sideCon .textCon h2 { font-size:16px; line-height:30px; }
.workSec .sideCon .textCon p {  color:#6C6C6C; }
.icoTit { background:url(../images/bg_ico_tit.jpg) no-repeat left top; height:40px; }
.workIco .icoTit ul { padding-left:18px; }
.workIco .icoTit li { background:url(../images/img_protfolio.jpg) no-repeat; float:left; padding:0 23px 0 9px; font-size:16px; font-weight:700; line-height:40px; height:40px;padding:0 24px 0 4px; text-align:center; width:71px; }
.workIco .icoTit li a { color:#000; text-decoration:none;}
.icoFoot { clear:both; background:url(../images/bg_ico_foot.jpg) no-repeat left top; height:44px; position:relative; }
.icoFoot ul { padding:12px 0px 0px 300px; }
.icoFoot li { float:left; padding:0px 30px; }
.icoFoot li a { color:#616264; }
.icoFoot .red a { color:red; }

.footIco { position:absolute; left:2px; top:0px; width:43px; height:39px; overflow:hidden; background:url(../images/bg_ico_footbg.jpg) no-repeat; }
.footIco a { padding:44px; display:block;  }
.icoFoot .curr,.workSec .icoFoot .curr { position:absolute; left:2px; top:0px; width:43px; height:39px; overflow:hidden; background:url(../images/bg_ico_footbg_curr.jpg) no-repeat; }
.workSec .icoFoot .curr a { padding:120px; }
.footIcoR { position:absolute; right:2px; top:0px; width:43px; height:39px; overflow:hidden; background:url(../images/bg_ico_footbg_r.jpg) no-repeat; }
.footIcoR a { padding:44px; display:block;  }
.workSec .icoFoot .currR ,.client .icoFoot .currR { position:absolute; right:2px; top:1px; width:43px; height:39px; overflow:hidden; background:url(../images/bg_ico_footbg_curr_r.jpg) no-repeat; }
.workSec .icoFoot .currR a,.client .icoFoot .currR a { padding:44px; display:block; }

.client .sideCon img{ float:left; margin-left:20px;display:inline; }
.client .sideCon .textCon { float:left; padding-left:10px;width:855px; }
.client .sideCon .textCon h2 { font-size:16px; line-height:35px; }
.client .sideCon .textCon p {  color:#6C6C6C; }
.client .workIco { background:url(../images/bg_linkcon.jpg) repeat-y; }
.client .workIco img { margin:15px 23px; display:inline; }
.client .workIco .icoTit { background:url(../images/bg_linktit.jpg); height:10px; overflow:hidden; }
.client .workIco .icoFootB { background:url(../images/bg_lingfoot.jpg); height:15px; }

.icoConUl { padding-bottom:30px; }
.icoConUl  li { float:left; width:206px; height:240px; margin:19px 17px 0px 17px; display:inline; }
.icoConUl li h2 { line-height:22px;  }
.icoConUl li a { color:#000; }
.client .workIco li img { margin:0px; }
.caseTit { background:url(../images/bg_caseTit.jpg) no-repeat; height:16px; }
.caseCon { background:#171717; width:962px; }
.caseCon li { float:left;color:#fff; height:303px; padding-bottom:10px;  padding-top:10px; overflow:hidden;  border-right:1px solid #232323; border-bottom:1px solid #232323;  }
.caseCon li h2 { line-height:25px; }
.caseCon li a { color:#FFF; }
.caseCon li p { width:200px; color:#4D4D4D;padding-bottom:5px; height:85px; overflow:hidden; }
.padone { padding-left:29px; width:214px; }
.padsec { padding-left:15px; width:214px;}
.padth { padding-left:20px;  width:219px; }
.caseCon .padfo{ padding-left:18px; width:230px; border-right:none; }
.caseFoot { clear:both; background:url(../images/bg_case_foot.jpg) no-repeat; height:40px; margin-bottom:10px; position:relative; }
.caseFoot ul { padding-left:300px; padding-top:10px; }
.caseFoot li { float:left; padding:0px 30px; }
.caseFoot .red a { color:red; }
.caseFoot li a { color:#ADADAF; }
.cassFootL { overflow:hidden; position:absolute; left:0px; top:0px; width:43px; height:40px;background:url(../images/img_case_footL.jpg) no-repeat; }
.cassFootL a{ padding:65px; }
.case .currL { background:url(../images/case_currL.jpg) no-repeat; }

.cassFootR { overflow:hidden; position:absolute; right:1px; top:0px; width:43px; height:40px;background:url(../images/img_case_footR.jpg) no-repeat; }
.cassFootR a{ padding:65px; }
.case .currR { background:url(../images/case_currR.jpg) no-repeat ; }

.anliFoot { height:44px; background:url(../images/bg_anli_foot.jpg) no-repeat; }
.jobPin { padding-left:74px; padding-bottom:155px; }
.jobPin h3{ line-height:30px; padding-top:20px; }
.jobPin ul { padding:5px 0px; }
.jobPin li { line-height:20px; }
.textBox {  background:url(../images/bg_text_con.jpg) repeat-y; padding-bottom:70px; }
.aboutList { border-bottom:1px solid #D9D9D9;}

.aboutList ul { padding:35px 0px; }
.aboutList li { float:left; line-height:20px; margin:2px 55px; display:inline; width:350px; overflow:hidden; }
.aboutList a { text-decoration:underline; color:#8C8C8C; width:200px; overflow:hidden;  }
.aboutText { padding:20px 32px; } 
.aboutText h3 { line-height:50px; }
.aboutText p { padding:10px 0px; color:#7C7C7C; line-height:20px; }
.aboutusText { padding:10px 33px; } 
.textFoot { background:url(../images/bg_contentbar.gif) no-repeat left -45px; height:15px; padding-bottom:5px;  }

.brand .sideLeft img { margin-top:0px; }
.brand .sideLeft .icoCon img { margin-top:0px; }
.brand .content .sideCon li { float:left; width:187px; padding-top:10px; display:inline; padding-left:44px; padding-bottom:25px; }
.brand .content .sideCon li h2 { line-height:25px; }
.brand .content .sideCon li a { color:#000; }
.brandImg .content .sideCon img { margin-left:14px; display:inline; }
.brankKind p { height:46px; line-height:15px; overflow:hidden; color:#8E8E8E; font-family:"Simsun" }
.brand .content .icoFoot ul { padding:12px 0px 0px 300px; }
.brand .content .icoFoot li { float:left; padding:0px 30px; }
.brand .content .icoFoot li a { color:#616264; }
.brand .content .icoFoot .red a { color:red; }

.blandCase { border-bottom:1px solid #E5E5E5; margin-bottom:10px;  }
.blandCase img { float:left; }
.blandCase .caseTac { float:left; width:755px;padding:16px 20px 20px 0; }
.blandCase .caseTac h2 {  font-size:25px; font-family:"黑体"; line-height:42px; }
.caseTac p { height:67px; line-height:17px; color:#7A7A7A; overflow:hidden; }
.listBlabd { padding-bottom:150px; }
.currRead { overflow:hidden; clear:both; width:99px; height:29px; margin-top:10px; background:url(../images/readmore.jpg) no-repeat; }
.currRead a { padding:200px; }
.currRed { overflow:hidden; clear:both; width:99px; height:29px; margin-top:10px; background:url(../images/readred.jpg) no-repeat; }
.currRed a { padding:200px; }
.woreList .workIco .listWork { padding-bottom:20px; }
.woreList .workIco .listWork li {  width:187px; float:left; padding:10px 26px; }
.woreList .workIco .listWork h2 { line-height:35px; padding-top:40px; }

.tranIndex #side .sideLeft { background: url(../images/bg_tan1.jpg) no-repeat 4px 50px;}
.tranIndex #side .sideLeft input { margin:5px 0px; }
.tranIndex #side .sideC { background: url(../images/bg_ser2.jpg) no-repeat 4px 50px;}

.tranIndex #side .sideR { background:none;}
.tranIndex #side .sideR img { padding-left:15px; }

.inInput { width:150px; }
.tranIndex #side .sideLeft .upInput { margin-left:10px; }

.tranIndex .content .sideLeft img  { border:none; margin:0 0 5px 15px; }
.tranIndex .content .sideLink { width:600px; }
.tranIndex .content .sideLink h2 { padding:0px 0px 0px 9px; font-size:16px; }
.tranIndex .content .sideLink li { float:left; font-weight:bold; padding:5px 14px; }

.tran #head { background:url(../images/bg_tan_nav.jpg) no-repeat; }

.tranSer { padding:10px 20px; }
.tranSer p{ padding:10px 40px; text-indent:2em; line-height:20px; }
.tranSer img {  padding-top:20px; }

.abuotCon p { padding:7px 20px; }
.abuotCon h3 { font-size:12px; padding:0px 20px; padding-top:10px; }
.textIntend p { text-indent:2em; }

.sceach .icoTit img { float:left; }
.sceach .icoTit p { float:left; padding:10px 10px; height:17px; line-height:17px; }
.sceach .icoTit p img { float:left; }
.sceach .icoTit input { float:left; }
.sceach .icoTit label {color:#9C9D9F; vertical-align:middle; }
.sceach .icoTit p span { float:left;background: url(../images/bg_search_input.jpg) no-repeat 0 0; width:10px; height:20px; overflow:hidden; } 
.sceach .serInput { background:url(../images/bg_search_input1.jpg) repeat-x; width:155px; height:19px; padding:2px 0 0; border:none; }
.sceach .workIco { background:url(../images/bg_linkcon.jpg) repeat-y; }
.sceach .workIco .icoCon { padding:10px 45px; }
.sceach .workIco .icoCon li { padding:10px 0px; }
.sceach .workIco .icoCon li span { color:red; }
.sceach .workIco .icoCon li h3 { line-height:45px; font-size:16px; }
.sceach .workIco .icoCon li p{ line-height:20px; height:80px; }
.sceach .workIco .icoCon li img { margin-top:10px; }
.sceach .icoTit .sceInput { vertical-align:middle; float:none; *height:28px; }

.error { margin:55px 0px 0px 215px; padding:42px 0 0 143px; display:inline; float:left; background:url(../images/bg_error.jpg) no-repeat; width:490px; height:130px; }
.errorCon .textBox { padding-bottom:0px; }
.errorCon .workIco .icoTit  { height:8px; background:url(../images/bg_contentbar.gif) no-repeat left 0px; }

.reward .aboutText h4 span { padding-left:45px; }

.reward .aboutText table { width:863px; border-bottom:1px solid #BDCAD3;margin-top:20px; }
.reward .tableTit { background:url(../images/bg_reward_table_tit.jpg) no-repeat; line-height:30px; color:#fff; font-size:14px; font-weight:bold; border-left:1px solid #000; }
.reward .tableTit td {  text-align:center; border-right:1px solid #BDCAD3; }
.reward table .last { border-right:1px solid #000; }
.reward .odd { line-height:30px; background:#F3F8FB;}
.reward .odd td { text-align:center; border-top:1px solid #BDCAD3; border-right:1px solid #BDCAD3;  }
.reward .even { line-height:30px; background:#fff; }
.reward .even td { text-align:center; border-top:1px solid #BDCAD3; border-right:1px solid #BDCAD3;  }
.odd img,.even img { margin-left:10px; }
.reward .reNext td { text-align:right; padding-right:30px; color:#0101FF;  }
.reward .reNext td input { width:20px; margin:0px 10px; }
.reward .reNext td a { color:#0101FF; padding:0px 5px;}
.reward .reNext td span { padding-right:50px; }
.reward .firstTit { border-left:1px solid #000; }
.reward .first { border-left:1px solid #BDCAD3; }


.brandCaseList { border-bottom:1px solid #dcdcdc; padding-bottom:18px; margin-bottom:10px; }
.brandCaseList p { color:#7E7E7E; line-height:18px; padding:0 45px; }
.brandCaseList h2 { line-height:35px; font-size:20px;padding:0 45px; font-family:"黑体"; }
.client .imgCenter { margin:15 auto; text-align:center; padding:0px; }
.client .imgCenter img { margin:15px 0px 0px 0px;}
.noBor { border:none; }

.brankText .brankTextCon { padding-bottom:20px; }
.brankText h1 { line-height:43px; color:#707070;font-family:"黑体"; font-size:20px; padding-left:30px; }
.brankText .sideCon  span { font-family:"Arial"; padding-right:10px; color:#000; }
.brankText .sideCon h3 { line-height:20px; text-indent:2em;  font-weight:100; padding:12px 48px 0px 48px; }
.brankText .sideCon h2 { line-height:25px; text-indent:0em; padding:16px 48px 0px 48px;  font-size:16px; }
.brankText .sideCon p { line-height:18px; font-size:12px; color:#7F7F7F; text-indent:2em; padding:0px 48px; }

.case .workIco { background:url(../images/bg_con_con.gif) repeat-y; } 
.case .workIco p { font-size:14px; line-height:24px; color:#6e6e6e; }

#footer { margin-top:10px; line-height:1.2; }
#footer .sideTit { height:8px; background:url(../images/bg_contentbar.gif) no-repeat left 0px; }
#footer .sideCon {  background:url(../images/bg_con_con.gif) repeat-y; }
#footer .sideLeft { margin-left:35px; width:580px;  background:none; display:inline; }
#footer .sideLeft img { padding:0px; margin:17px 0 17px 15px; border:0px; }
#footer .sideFoot { clear:both; background:url(../images/bg_contentbar.gif) no-repeat left -45px; height:15px; }
#footer .sideLeft h3 { padding-left:20px; }
#footer .sideLeft p { float:none; width:199px; padding:0px 0px 0px 20px; }
#footer .sideLeft li { float:left; }
#footer .sideCon p { padding-top:17px; color:#808080; }
#footer .sideCon p a { color:#808080;}


#container:after,.grid2col:after,.skin .bd:after,.clearfix:after { content:""; display:block; clear:both; height:0px; visibility:hidden; }


.comment .item { margin-bottom:10px; padding:10px 10px 20px; border-bottom:1px solid #dadada; }
.comment .item .thumb { width:70px; float:left; }
.comment .item .thumb img,
.comment .item .name img { padding:2px; border:1px solid #b9e38f; }
.comment .item .comt { width:490px; float:left; }
.comment .item .time { font-size:12px; color:#999; text-align:right; width:100px; float:right; }
.comment .item .name { font-size:14px; margin-bottom:5px; }
.comment .item .name a { color:#1e8200; }
.comment .item .reComt { margin-top:10px; padding-top:10px; border-top:1px solid #dadada; }
.comment .item .desc { line-height:1.3; font-size:14px; color:#666; }
.comment .item .name .remove,
.comment .item .remove { color:red; margin-left:5px; }
.comment .comtPost { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dadada; }
.comment .comtPost textarea,.comment .reply textarea { padding:3px; width:98%; height:100px; }
.comment .comtPost .btns,.comment .reply .btns { padding-top:10px; }
.comment .comtPost .btns input,.comment .reply .btns input { font-size:14px; padding:5px 10px; border:1px solid #999; border-color:#ccc #999 #999 #ccc; }
.comment .comtPost .number,.comment .reply .number { font-family:Arial; font-size:18px; color:#999; float:right; padding-right:20px; }
.comment .reply { font-size:14px; padding-top:10px; }
.comment .reply form { padding-top:10px; }
.comment .links { color:#dadada; }

.case .workIco p { text-align:center; }
.workIco .icoCon { text-align:center; }
.workIco .icoCon p { text-align:left; padding:0 1px; } 

.aboutCompany { background:url(../images/bg_about_nav.png) no-repeat 18px 0 ;}
.aboutCompany a { padding:200px; display:block; }
.aboutCulture { background:url(../images/bg_about_nav.png) no-repeat 18px -44px; }
.aboutCulture a { padding:200px; display:block; }
.aboutTeam { background:url(../images/bg_about_nav.png) no-repeat 18px -88px; ; }
.aboutTeam a { padding:200px; display:block; }
.aboutNews { background:url(../images/bg_about_nav.png) no-repeat 18px -132px; ; }
.aboutNews a { padding:200px; display:block; }
.aboutJob { background:url(../images/bg_about_nav.png) no-repeat 18px -176px; ; }
.aboutJob a { padding:200px; display:block; }
.aboutContact { background:url(../images/bg_about_nav.png) no-repeat 18px -220px; ; }
.aboutContact a { padding:200px; display:block; }


.workSec .icoCon table p { padding:15px; }