#warp{width:1280px; height:662px; position:absolute; /*top:expression((document.documentElement.clientHeight)/2-331+"px"); */ left:50%; margin-left:-640px; overflow:hidden;}
.warpbj{ position:absolute; width:100%; height:662px; left:0; /*top:expression((document.documentElement.clientHeight)/2-331+"px");*/ overflow:hidden;}
body{ position:relative; height:662px;}


/*header-------------*/
.header{ width:276px; height:642px; position:absolute; left:50%; top:0px; z-index:1; background:url(../images/index-left_01.png) no-repeat; margin-left:-640px;}

.header h1 a{ display:block; width:195px; height:49px; text-indent:-9999px;}
.header ul{ padding-top:44px; width:100%; height:auto; overflow:hidden;}

.header ul li{ height:31px; line-height:31px; background:url(../images/libj_02.png) no-repeat;}
.header ul li.cur,.header ul li.on{ height:31px; line-height:31px; background:url(../images/licur_02.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/licur_02.png", sizingMethod=scale);}
.header ul li a{ display:block; height:31px; line-height:31px; padding-left:45px; color:#ffffff; font-family:"avantgarde_md_btmedium"; text-transform:uppercase; font-size:19px; }
.header ul li.cur a,.header ul li.on a{ color:#eb1c26; font-family:"Microsoft YaHei"; font-size:16px; font-weight:bold ;}

/*footent-------------*/
.footent{ width:100%;height:33px; margin:0px auto; overflow:hidden;  position:absolute; left:0px; bottom:0px; text-transform:uppercase; z-index:9999; color:#fff;-moz-opacity: 0.6; /*老版本IE浏览兼容*/
opacity: 0.6;/*新版本火狐浏览兼容*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);/*新版本IE浏览兼容*/
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';/*老版本火狐浏览兼容*/}
.footer_left{ width:300px; font-size:11px; height:35px; line-height:35px; position:absolute; left:27px; top:0px;}
.footer_left a{font-size:11px; margin:0px 2px;}
.footer_right{ width:435px; position:absolute; right:27px; top:0px; height:35px; line-height:35px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.footer p a{ color:#ffffff;}
.footent a{ color:#fff}
.footent a:hover{ color:#eb1c26}

/*content-------------*/
#slogan{width:409px;  height:32px; position:absolute; right:26px; top:23px;  }
.content{ background:url(../images/conbj_09.png) no-repeat; width:998px;  height:596px; position:absolute; left:50%; bottom:17px; margin-left:-362px}
.content .titie{ height:72px; width:100%; overflow:hidden; position:relative}
.titie .l{ float:left; width:286px; height:72px;}
.titie .l h2{ float:left;}
.titie .nav{  height:30px; position:absolute; right:24px; top:27px;}
.titie .nav li{ float:left; text-align:center; width:81px; height:30px; line-height:24px; margin-left:2px; display:inline}
.titie .nav li a{ display:block; background:#fff; color:#000000; text-align:center; width:81px; height:24px; line-height:24px;}
.titie .nav li a:hover{ color:#eb1c26;}
.titie .nav li.cur{  background:url(../images/abottop_20.png) no-repeat center bottom; }
.titie .nav li.cur a{ background:#eb1c26; color:#fff;}

/*about us-------------*/
.publiccon,.aboutcon{ width:874px; margin:36px auto 0; height:400px;}
.leftbar{ float:left; width:363px; overflow:hidden; position:relative;}
.aboutcon .leftbar span{ margin:0 1px 1px 0;display:block; float:left}
.aboutcon .leftbar span img{ display:inline-block}
.aboutcon .aboutconR h2.gsm{ font-size:20px; margin-bottom:24px;}
.aboutcon .aboutconR p{ font-size:14px; line-height:26px; margin-bottom:28px;}

.rightbar{ float:right; width:486px; overflow:hidden;  height:400px; }
.rightbar .scrollbox{ float:left; width:444px; position:relative; height:382px; overflow:hidden; padding-top:18px;}
#scollBtnbj{ background:url(../images/osx_track.gif) repeat-y center top; height:400px; width:11px; float:right; position:relative}
#thumb{ background:url(../images/scroll_20.gif) no-repeat center top ; width:11px; height:43px; cursor:pointer; position:absolute}

/*关于华南-董事长致辞-------------*/
.aboutshzcon .block01{ overflow:hidden; margin-bottom:43px;}
.aboutshzcon .block01 h2.name{ color:#eb1c26; position:relative; top:-3px; margin-bottom:5px;  font-size:20px; }
.aboutshzcon .block01 p.infop{ line-height:23px;}

.aboutshzcon .block02 h2.name{ color:#323232; position:relative; top:-3px; margin-bottom:5px; font-style:italic; font-size:16px;}
.aboutshzcon .block02 p.infop{ font-size:13px; line-height:23px;  color:#323232;font-style:italic; line-height:27px;}


/*关于华南-分支机构-------------*/
.aboutfzcon .map{ text-align:center; margin-top:30px;}
ul.listul01 li { height:23px; line-height:23px; width:100%; margin-bottom:7px; overflow:hidden; }
ul.listul01 li a{padding-left:24px; background:url(../images/list_06.gif) no-repeat 7px 8px;}
ul.listul01 li.cur{ background:#eb1c26}
ul.listul01 li.cur a{ color:#ffffff; background:url(../images/alist_06.gif) no-repeat 7px 8px;}



/*关于华南-企业荣誉-------------*/
.honorcon .leftbar{ float:left; width:325px; overflow:hidden; position:relative;}
.honorcon .rightbar{ float:right; width:524px; overflow:hidden;  height:400px; }
.honorcon .rightbar .scrollbox{ width:501px;}
.honorcon .leftbar .pic{ text-align:center; margin-top:41px;}

/*关于华南-企业文化-------------*/
.culturecon { position:relative;}
.culturecon .scrollbox{ float:left; width:831px; position:relative; height:382px; overflow:hidden; padding-top:18px;}
.culturecon .scrollbox .l{ float:left; width:491px;}
.culturecon .scrollbox .l img{ display:block; margin-bottom:10px;}
.culturecon .scrollbox .r{ float:right; width:304px;}
.culturecon .scrollbox .r img{ display:block; position:fixed}
.fixedpic{ position:absolute; width:304px; height:389px; right:43px; top:7px; background:red}

/*人力资源-------------*/
.conceptcon,.aboutcon{ width:884px; margin:36px auto 0; height:400px;}
.conceptcon .rightbar{ float:right; width:495px; overflow:hidden;  height:400px; }
.conceptcon .by{ margin-bottom:27px;}
.conceptcon .scrollbox{ padding-top:47px;}
.conceptcon p.w{ font-size:14px; height:26px; line-height:26px;}
.conceptcon p.w b{ font-weight:normal; color:#eb1c26; font-style:italic}

/*人力资源-员工风采-------------*/
.fengcaicon .leftbar .pic{ position:relative; width:361px; height:390px;}
.fengcaicon .leftbar .pic a{ display:block; width:361px; height:390px;}
.fengcaicon .leftbar .pic span{ display:block; width:351px; height:37px; background:url(../images/bjbj.png) repeat left top; position:absolute; bottom:0; left:0; color:#fff;font-family:"宋体"; padding-left:10px; line-height:37px; font-size:14px; overflow:hidden;}
.fengcaicon .leftbar .pic span a{ color:#fff}
ul.listul02{ overflow:hidden;}
ul.listul02 li { height:23px; line-height:23px; width:100%; margin-bottom:7px; overflow:hidden; font-size:14px;}
ul.listul02 li span{ float:right; color:#666666}
ul.listul02 li a{padding-left:18px; background:url(../images/ggpic_06.gif) no-repeat 0 center; overflow:hidden; white-space:nowrap;
text-overflow:ellipsis; -o-text-overflow:ellipsis; width:350px; display:block}
ul.listul02 li a:hover{ color:#eb1c26;}
.page{ font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; margin-top:26px; height:14px; overflow:hidden}
.page a{ color:#000000; display:inline-block; width:14px; height:24px; text-align:center; line-height:14px; margin:0 5px;}
.page a.cur,.page a:hover{ color:#fff; background:#eb1c26}
.page a.prev{ background:url(../images/ggpic_10.gif) no-repeat left 4px; padding-left:10px; width:34px; height:24px; }
.page a.next{ background:url(../images/ggpic_12.gif) no-repeat right 4px; padding-right:10px; width:34px;height:24px; }
.page a.prev:hover,.page a.next:hover{ color:#eb1c26;} 

/*人力资源-员工风采info-------------*/
.fengcaiinfocon{ width:875px; overflow:hidden;  margin:0 auto;  height:489px; }
.fengcaiinfocon .scrollbox{ float:left; width:830px; position:relative; height:390px; overflow:hidden; padding-top:18px;}
.fengcaiinfocon a.btn-return{ display:block; color:#fff; width:54px; height:19px;   background:url(../images/return_03.gif) no-repeat left top; text-indent:-9999px; margin-top:21px;}
.fengcaiinfocon h2.nt{ font-size:18px; text-align:center; margin-bottom:3px;}
.fengcaiinfocon .time{ text-align:center; color:#5d5d5d; margin-bottom:25px;}
.fengcaiinfocon .time span{ margin:0 3px; font-family:"宋体"}
.fengcaiinfocon p{ text-indent:2em; font-size:14px;}
.fengcaiinfocon #scollBtnbj{ height:405px;}

/*人力资源-招聘信息-------------*/
.hrcon .leftbar{ width:223px }
.hrcon .rightbar{ width:611px }
.hrcon .scrollbox{ width:568px; height:351px;}
.hrcon #scollBtnbj{ height:366px;}
.hrcon .hrtable{ width:568px; font-size:13px;}
.hrcon .hrtable th{ background:#999999; height:31px; color:#fff; font-size:15px; text-align:center; }
.hrcon .hrtable td{  text-align:center}
.hrcon .hrtable tr.bjline{ background:url(../images/linee_06.png) repeat-x left bottom; height:33px; line-height:33px;}
.hrcon .hrtable td.bold{ font-weight:bold; color:#333333; font-size:14px;} 
.hrcon .hrtable td.red a{ color:#eb1c26; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 

.hrcon .nt{background:#999999; height:31px; color:#fff; line-height:31px; padding:0 18px 0 20px; width:530px;}
.hrcon .nt h3{ font-size:15px;}
.hrcon .nt span{ float:right; font-family:"宋体"}
.hrcon .info{ font-size:14px; line-height:27px; margin-bottom:27px}
.hrcon .info span{ width:72px; display:inline-block}
.hrcon .word h4{ font-size:14px; line-height:33px; margin-bottom:5px}
.hrcon .word p{ font-size:14px; line-height:23px;}
.hrcon .btn-apply{ display:block; color:#fff; width:81px; height:29px;   background:url(../images/apply_03.gif) no-repeat left top; text-indent:-9999px; margin-top:70px;}

/*经典案例.html-------------------------*/
.casecon{width:917px; height:424px; overflow:hidden; position:relative;}
.casecon .sly{ width:917px;height:411px; overflow:hidden; position:relative; }
.scalllul{  height:411px;}
.scalllul li{ float:left; width:341px; height:370px; margin-right:8px;background:url(../images/casebjg_22.png) no-repeat left bottom; padding-bottom:42px;}
.scalllul li .bjli{background:url(../images/casebjj_07.gif) repeat left top; height:354px; border:1px solid #d9d9d9; width:325px; position:relative; padding:7px}
.scalllul li img{ display:block; height:243px; width:324px; cursor:pointer; }
.scalllul li h3{margin-top:7px; margin-bottom:5px; line-height:24px; font-size:14px;}
.scalllul li h3 a{ color: #eb1c26;}
.scalllul li p{ color:#1a1a1a; line-height:18px; height:54px; font-size:12px;}
.casecon a.btn-more{ display:block; color:#fff; width:30px; height:12px;   background:url(../images/more_14.gif) no-repeat left top; text-indent:-9999px; position:absolute; bottom:5px; right:7px;}
 
.scrollbar { background:url(../images/reopic_28.gif) repeat-x left 5px; height:13px; width:867px;position:relative; overflow:hidden; left:0; top:0}
.scrollbar .handle { background:url(../images/case_18.gif) no-repeat left top; cursor: pointer;  height:13px; width:43px; position:absolute; left:0; top:0}


/*经典案例info.html-------------------------*/
.caseinfocon { width:952px; overflow:hidden; height:507px; margin-top:-11px;}
.caseinfocon .left{ float:left; width:344px; padding-left:36px;}
.caseinfocon .right{ float:right; width:538px; height:507px; }
.caseinfocon .right .pic img{ width:538px; height:507px; display:block}
.caseinfocon a.btn-return{ display:block; color:#fff; width:54px; height:19px;   background:url(../images/return_03.gif) no-repeat left top; text-indent:-9999px; margin:24px 0 31px 0;}
.caseinfocon .word { overflow:hidden; margin-bottom:52px;}
.caseinfocon .word h3{ font-size:18px; color:#eb1c26; line-height:30px; margin:8px;}
.caseinfocon .word .descri{ color:#eb1c26; margin-bottom:16px;}
.caseinfocon .word p{ line-height:28px; font-size:14px;}

.caseinfocon .casescroll{ height:60px; overflow:hidden; width:314px; margin:0 auto; position:relative;}
.caseinfocon .scrollinfo{ height:60px; overflow:hidden; width:270px; margin:0 auto; margin-left:20px; position:relative;}
.caseinfocon .scrollinfo ul{ position:absolute} 
.caseinfocon a.arrowleft{ display:block; width:13px; height:20px; position:absolute; left:0px; top:22px; background:url(../images/btnhover_13.gif) no-repeat left top; text-indent:-9999px;}
.caseinfocon a.arrowleft:hover{ background:url(../images/btn_13.gif) no-repeat left top; }
.caseinfocon a.arrowright{ display:block;background:url(../images/btn_16.gif) no-repeat left top; width:37px; height:60px; position:absolute; left:297px; top:22px; text-indent:-9999px;}
.caseinfocon a.arrowright:hover{ background:url(../images/btnhover_16.gif) no-repeat left top; }
.caseinfocon ul li{ width:79px; height:60px; overflow:hidden; margin-right:11px; float:left; cursor:pointer}
.caseinfocon ul li img{ display:block; width:75px; height:56px;border:2px solid #9f9fa0}
.caseinfocon ul li.cur img{ border:2px solid #eb1c26} 

/*业务范围.html-------------------------*/
.bussnesscon{ width:942px;  height:507px; position:absolute; right:13px; top:107px; }
dl.bussdl{ background:url(../images/busbu_03.png) no-repeat left top; width:301px;  height:249px; float:left; margin:0 16px 18px 0; position:relative}
dl.bussdl dt{ width:291px; margin:2px 0 0 3px; height:199px; overflow:hidden;}
dl.bussdl dd{ width:291px; margin:2px 0 0 3px; height:39px; overflow:hidden;}
dl.bussdl dd h3{ font-size:15px; color:#eb1c26; line-height:39px; overflow:hidden; padding-left:15px;}
dl.bussdl dd h3 a{ color:#eb1c26;}
dl.bussdl dd a.btn-more{ display:block; width:30px; height:12px;  background:url(../images/more_17.gif) no-repeat left top; text-indent:-9999px; position:absolute;bottom:9px; _bottom:-1px;right:7px; _right:6px;}
.bussnesscon dl.nomarr{ margin-right:0}

/*设计团队.html-------------------------*/
.teamcon{ width:922px; margin-top:28px;}
.teamcon .dl01{ float:left; width:275px; padding:0 16px 23px; cursor:pointer}
.teamcon .dl01 dt{ float:right; width:128px; height:129px; overflow:hidden;}
.teamcon .dl01 dt img{ display:block;  width:128px; height:129px;}
.teamcon dl.dl01 dd{ float:left; width:134px; height:127px; overflow:hidden; border-top:1px solid #808080; border-bottom:1px solid #808080;}
.teamcon .dl01 dd h3 a{ font-size:16px; color:#000000;overflow:hidden; padding-top:10px; display:block }
.teamcon .dl01 dd a.more{background:url(../images/amroe_12.gif) no-repeat left top; width:7px; height:7px; display:block; text-indent:-9999px; line-height:0; font-size:0; margin-top:10px;  }
.teamcon dl.dlcur dd{ border-top:1px solid #eb1c26; border-bottom:1px solid #eb1c26;}
.teamcon dl.dlcur a.more{ background:url(../images/tmore_12.gif) no-repeat left top; }
.teamcon dl.dlcur dd h3 a,.teamcon dl.dlcur p{ color:#eb1c26}

/*设计团队info.html-------------------------*/
.teaminfocon{  margin-top:28px;}
.teaminfocon a.btn-return{ display:block; color:#fff; width:54px; height:19px;   background:url(../images/return_03.gif) no-repeat left top; text-indent:-9999px; margin:0px 0 12px 0;}
.teaminfocon .left{ float:left; width:337px; /*overflow:hidden;*/ height:410px;}
.teaminfocon .right{ float:right; width:503px; overflow:hidden;}
.teaminfocon .word { overflow:hidden; margin-bottom:27px;}
.teaminfocon .word h3.name{ font-size:18px; color:#eb1c26; margin-bottom:17px;}
.teaminfocon strong.jj{ display:block; color:#000000; font-size:15px; margin-bottom:9px; font-weight:normal}
.teaminfocon .word .descri{ color:#000000; margin-bottom:16px; font-size:13px; line-height:22px; margin-bottom:7px;}
.teaminfocon .word a.btn-more{background:url(../images/teamicon_06.png) no-repeat right center; padding-right:12px; display:inline-block; color:#eb1c26}

.teaminfocon .casescroll{ height:60px; overflow:hidden; width:482px; margin:0 auto; position:relative;}
.teaminfocon .scrollinfo{ height:60px; overflow:hidden; width:360px; margin:0 auto; margin-left:20px; position:relative;}
.teaminfocon .scrollinfo ul{ position:absolute} 
.teaminfocon a.arrowleft{ display:block; width:13px; height:20px; position:absolute; left:0px; top:22px; background:url(../images/leftte_16.gif) no-repeat left top; text-indent:-9999px;}
.teaminfocon a.arrowleftcur{ background:url(../images/tecc_16.gif) no-repeat left top; }
.teaminfocon a.arrowright{ display:block;background:url(../images/btn_16.gif) no-repeat left top; width:37px; height:60px; position:absolute; left:380px; top:22px; text-indent:-9999px;}
.teaminfocon a.arrowrightcur{ background:url(../images/btnhover_16.gif) no-repeat left top; }
.teaminfocon ul li{ width:79px; height:60px; overflow:hidden; margin-right:11px; float:left; cursor:pointer}
.teaminfocon ul li img{ display:block; width:75px; height:56px;border:2px solid #9f9fa0}
.teaminfocon ul li.cur img{ border:2px solid #eb1c26} 

/*设计团队info2.html-------------------------*/
.teaminfocon2 strong.jjred{ display:block; color:#eb1c26; font-size:14px; margin-bottom:3px; font-weight:normal}
.teaminfocon2 #scrollcontent{ float:right; width:100%; overflow:hidden;  height:400px; }
.teaminfocon2 .scrollbox{ float:left; width:828px; position:relative; height:382px; overflow:hidden; padding-top:18px;}
.teaminfocon2 .left{ width:522px; float:left; margin-top:16px;}
.teaminfocon2 .right{ width:283px; float:right; margin-top:56px; text-align:center; overflow:hidden;}

/*联系我们.html-------------------------*/
.contactcon{ width:893px;}
.contactcon .left{ float:left; width:532px; overflow:hidden;}
.contactcon .right{ float:right; width:327px; overflow:hidden;}
ul.addrul li { overflow:hidden; margin-bottom:18px;}
ul.addrul li h3{ font-size:24px; font-family: 'avantgarde_md_btmedium'; text-transform:uppercase; color:#eb1c26; line-height:27px; }
ul.addrul li p{ font-size:14px; color:#000; line-height:22px;}


/*网站地图.html-------------------------*/
.sitemapcon { width:756px;}
.sitemapcon .block { width:141px; float:left; margin:0 24px; display:inline}
.sitemapcon ul.ul01 { width:141px; overflow:hidden; margin-bottom:38px;}
.sitemapcon ul.ul01 li{  width:141px;  background:url(../images/sitebj_11.gif) repeat-y center top; padding:10px 0 0px 0 ; overflow:hidden;  height:23px; float:left }
.sitemapcon ul.ul01 li a{ border:1px solid #cccccc; width:139px; height:21px; color:#666666; font-size:12px; font-family:"宋体";  display:inline-block; text-align:center;background:#fff }

.sitemapcon ul.ul01 li.nt{  width:141px; height:33px;  line-height:31px; position:relative; background:url(../images/sitebj_11.gif) repeat-y 70px bottom; padding:0 0 10px 0; }
.sitemapcon ul.ul01 li.nt a{ border:1px solid #f69199; width:139px; height:31px; color:#eb1c26; font-size:16px; display:inline-block; text-align:center; z-index:2; position:absolute; top:0; left:0; background:#fff; font-family:"Microsoft YaHei";}
.sitemapcon ul.ul01 li.nt span{ background:url(../images/sitebj_11.gif) repeat-y 69px bottom #d8dfe4; width:141px; height:33px;  position:absolute; z-index:1; top:2px; left:1px; display:inline-block}


 /*2013.2.28 begin*/
.contactcon .right{width:344px; height:400px; overflow:hidden;}
.contactcon .scrollbox { width:327px; float:left;height:387px; overflow:hidden; padding-top:12px;}
ul.addrul li h3{ font-size:/*18px&*/16px; font-family:"Microsoft YaHei"; text-transform:uppercase; color:#eb1c26; line-height:27px; }
 /*2013.2.28 end*/
 
 
 /*20130403 begin*/
.header h1{ width:213px; height:49px; background:url(../images/inlogo_03.png) no-repeat; margin:23px 0px 0px 49px; overflow:hidden;}
 /*20130403 end*/