@charset "utf-8";
/* CSS Document */
/**********************************/
/*** Chiukingho 2014.05.12 Edit ***/
/**********************************/

/*  0 - common style 通用样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*  1 - news 新闻列表页样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.title{width:320px;padding-top:50px;}.title p{font:18px/25px "Myriad Pro","微软雅黑";color:#4d4d4d;}.title h4{font:14px "方正黑体繁体","微软雅黑";color:#666666;margin-top:15px;}#pu{width:100%;margin:0 auto; margin-top:20px;position:relative;overflow:hidden;text-align:center;}.warp{width:101%;margin:0 auto;}.loading{background:url(../image/loading.gif) no-repeat center center;width:100%;height:20px;margin:0 auto;}.gird{border:1px solid #dddddd;padding:10px 10px 30px;float:left;background:#fff;text-align:left;}.gird img{width:100%;height:auto}.gird h2{font:24px "微软雅黑";color:#000;margin-top:15px;}.gird p{font:12px "微软雅黑";color:#666;margin-top:15px;}.gird a{font:11px Verdana;color:#000;}.gird a:hover{color:#666;}.gird span{display:inline-block;margin-top:15px;font:11/14px;}#zz{position:absolute;bottom:-11px;z-index:10;right:20px;width:98px;height:23px;background:url(../image/10.png) no-repeat;}#zz p{font:11/14px Verdana;color:#999;margin-left:25px;margin-top:3px;}.news hr{border-color:#e6e6e6}

/*  1.1 - news 新闻详情页样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-detail{margin-top:35px;}.news-detail h1{font-size:28px;color:black;font-family:"微软雅黑";line-height:25px;margin-bottom:25px}.news-detail p{color:#666666;font-size:12px;line-height:25px}.news-detail p.news-date{color:#999999}.news-detail p.news-date span{margin:0 8px;font:9px/12px;}.news-detail p.news-date a img{margin:0 8px;}.news-content{margin-top:20px;width:55%;float:left}.news-content img{ max-width:100%}.news-content h2{font-size:18px;color:black;font-family:"微软雅黑";margin-bottom:10px}.news-other{margin-top:20px;width:35%;float:right;color:#666666}.new-news{margin-top:120px;font-family:"微软雅黑";}.new-news h2{font-size:18px;color:#333333;margin-bottom:15px}.new-news ul li a{font-size:12px;color:#666666;line-height:30px}.new-news ul li a:hover{color:black;}.back-list{font-size:12px;color:#333333!important;text-decoration:underline!important;font-family:"微软雅黑";line-height:55px}.jiathis_style_24x24 .jtico{background:url(../image/share.png)!important}.jiathis_style_24x24 .jtico_qzone{background-position:-28px 0px!important}.jiathis_style_24x24 .jtico_tsina{background-position:-87px 0px!important}.jiathis_style_24x24 .jtico_qq{background-position:-58px 0px!important}.jiathis_style_24x24 .jtico_jiathis{background-position:-113px 0px!important;}.news-share{font-size:12px;line-height:25px;color:#646464;margin-bottom:75px;}.news-share a{font-size:12px;line-height:25px;color:#646464;}.news-share a:hover{color:black;}@media screen and (max-width:640px){.news-content{width:100%;float:none;}.news-other{margin-top:20px;width:100%;float:none;color:#666666}.new-news{margin-top:20px;}}

/*  2 - pdf 报刊详情页样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#fbFooter{height:49px;background-color:#000000;background-image:url('../image/footerBackground.gif');background-repeat:repeat-x;position:relative;}.fbPaginationMinor{color:#fff;margin-left:10px;}#fbContents{float:left;margin-top:17px;margin-left:150px;}#fbMenu{float:right;margin-top:5px;margin-right:150px;}#altmsg{position:absolute;background-color:#000000;padding:20px;opacity:0.6;filter:alpha(opacity=60);text-align:center;}#altmsg:hover{opacity:0.8;filter:alpha(opacity=80);}a.altlink:link{color:#FFFFFF;}a.altlink:visited{color:#DDDDDD;}a.altlink:hover{color:#FFFFFF;}.fbBackButton{position:fixed;top:40%;left:10%;width:27px;height:51px;background:#262626;z-index:101;_position:absolute}.fbForwardButton{position:fixed;top:40%;right:10%;widows:27px;height:51px;background:#262626;z-index:101;_position:absolute}#home{position:absolute;top:8px;left:310px;_margin-left:110PX;}#fbContainer{position:relative;z-index:100;}#fbBackButton{padding-right:10px;_padding-right:0}#fbForwardButton{padding-left:10px;_padding-left:0px;}

/*  3 - about 关于我们页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.about #new{border-bottom:1px solid #e6e6e6}.about #new .title{width:auto;}.about #new .title h4{font-size:24px;margin-top:30px}.desc{font-size:13px;font-family:"Myriad Pro","微软雅黑";color:#666666;line-height:25px;padding-top:15px}.cn-desc{font-size:12px;font-family:"黑体";color:#666666;line-height:25px;padding-top:25px}
.about #new div {
	+visibility:hidden
}
.about #new div.bg {
	+visibility:visible
}

/*  3.1 - 员工风采样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#thumbs-holder{padding-bottom:30px;border-bottom:1px solid #e6e6e6;width:101%;}.about h3{font-size:18px;color:#4d4d4d;font-family:"Myriad Pro","微软雅黑";margin-bottom:25px;margin-top:50px;}div.project-thumb{width:151px;height:182px;overflow:hidden;margin-right:1%;+margin-right:0.98%!important;margin-bottom:1%;background:#262626;display:block;float:left;position:relative}.project-thumb.loading-thumb{background-image:url(../image/ajax-loader.gif);background-repeat:no-repeat;background-position:18px 18px}.project-thumb a{width:151px;height:182px;text-align:left;text-decoration:none;color:#fff;font-size:14px;text-transform:uppercase;padding:5px 10px;line-height:15px;letter-spacing:0px;display:table-cell;vertical-align:top;background-color:#000;opacity:0;top:0;left:0;-webkit-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);-moz-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);-o-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);-ms-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);position:relative;z-index:1;filter:alpha(opacity:0);font-family:Arial,Helvetica,sans-serif;/*white-space:nowrap;overflow:hidden;*/}.project-thumb a{*display:block;*padding:10px; font-size:12px;/**padding-top:40px;*/*text-indent:-9999px;*width:100%!important}/*.project-thumb a:hover{opacity:0.8;filter:alpha(opacity:80);_filter:alpha(opacity:0)}*/.project-thumb a:hover{*text-indent:0;}.project-thumb a span{font:12px/15px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;margin-top:15px;display:block; line-height:1.5 !important;}.project-thumb img{position:absolute;top:0;z-index:0;display:none;left:0;width:100%;height:100%}@media screen and (max-width:400px){.about div.project-thumb{width:145px!important;height:172px;}.about .project-thumb a{width:145px!important;height:172px;}.about div.project-thumb{margin-right:5px}}
/*.project-thumb a br {display:none;}*/
.about .project-thumb a span{font:12px/15px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;margin-top:auto;display:block;line-height:22px}
.about .project-thumb a span b{ font-size:14px;}
/*  3.2 - year 时间轴样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.about .hB{width:100%;height:250px;margin:0 auto;background:url(../image/38.png) center center repeat-x;_background:none;position:relative;overflow:hidden;border-bottom:1px solid #e6e6e6}.about .year{margin-right:56px;width:100%!important;overflow:visible!important;position:relative;top:100px;}.about .year li{height:auto;width:100px;height:100px;display:inline-block;+display:block;+float:left;padding-right:20px;position:relative;overflow:visible!important;left:20px;cursor:default}.about .year li a{font:18px "微软雅黑";color:#666666;display:inline-block;margin-top:15px;position:relative;}.about .year li a div{position:absolute;}.about .year li a div h5{margin-bottom:10px}.about .year li a div p{white-space:nowrap;font-size:11px;display:none}.about .prev1{display:block;height:30px;width:10px;background:black;position:absolute;top:50%;margin-top:-15PX;left:0px;z-index:99999}.about .next1{display:block;height:30px;width:10px;background:black no-repeat;position:absolute;right:0px;top:50%;margin-top:-15PX;z-index:99999}.about .year li img{position:absolute;}.about .year li.single{margin-top:40px}.about .year li.double{margin-top:-20px}.about .year li.single img{top:-15px;}.about .year li.double img{bottom:55px;}.about .year li.single div{top:0px}.about .year li.double div{bottom:0px;}.left-line{position:absolute;top:50%;width:1px;height:60px;margin-top:-30px;left:0}.right-line{position:absolute;top:50%;width:1px;height:60px;margin-top:-30px;right:0}.partners{width:100%}.year-line{display:none;_display:block;position:absolute;top:18%;left:0}@media only screen and (min-width:1200px){.partners{white-space:nowrap}}.partners img{margin-right:3.5%}@media screen and (max-width:640px){.partners img{display:block}}

/*  4 - case 详细列表页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#thumbs-holder.case-list{border-bottom:0px solid #e6e6e6;margin-top:20px}.case-list .about h3{font-size:18px;color:#4d4d4d;font-family:"Myriad Pro","微软雅黑";margin-bottom:25px;margin-top:50px;}.case-list div.project-thumb{width:160px;height:160px;overflow:hidden;margin-right:1%;+margin-right:0.98%!important;margin-bottom:1%;background:#262626;display:block;float:left;position:relative}.case-list .project-thumb.loading-thumb{background-image:url(../image/ajax-loader.gif);background-repeat:no-repeat;background-position:18px 18px}.case-list .project-thumb a{width:160px;height:160px;text-align:left;text-decoration:none;color:#fff;font-size:14px;text-transform:none;padding:0 10px;line-height:15px;letter-spacing:0px;display:table-cell;vertical-align:middle;background:#000;_background:#000;opacity:0;top:0;left:0;-webkit-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);-moz-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);-o-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);-ms-transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);transition:.5s cubic-bezier(0.25,0.1,0.25,1.0);position:relative;z-index:1;filter:alpha(opacity:0);font-family:Arial,Helvetica,sans-serif;white-space:normal;overflow:hidden;}.case-list .project-thumb a{*display:block;*padding:0px 10px;*text-indent:-9999px;*width:90%!important}/*.case-list .project-thumb a:hover{opacity:0.8;filter:alpha(opacity:80);}*/.case-list .project-thumb a:hover{*text-indent:0;}.case-list .project-thumb a span{font:12px/15px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;margin-top:5px;display:block;line-height:20px; height:100px; overflow:hidden}.case-list .project-thumb a span b{font:9px/10px;line-height:18px;font-weight:100;display:block}.case-list .project-thumb img{position:absolute;top:0;z-index:0;display:none;left:0;width:100%;height:100%}.case-list .project-thumb a{vertical-align:text-bottom}.case-name{position:absolute;bottom:8px;font:10px/11px;text-decoration:underline;left:10px;*line-height:20px}.casenav{color:black;position:absolute;right:0;bottom:0;z-index:999;width:20%;padding:10px;+display:none;}.casenav  a{color:white;font:12px "微软雅黑";}.casenav-wrapper{position:relative}.casenav-wrapper ul{position:absolute;top:30px;right:-9px;width:170px;display:none}.casenav-wrapper .case-down{padding:5px;line-height:5px;margin-bottom:9px;cursor:pointer;height:5px;position:absolute;top:-3px;right:0;/*width:160px;*/text-align:left;color:#666666;}.casenav-wrapper ul li{background:black;padding:8px}.casenav-wrapper ul li span{float:right}.case-search{position:absolute;bottom:8.5px;right:8.5px;*margin-right:20px;background:url(../image/case-search.png) no-repeat;height:13px;width:13px}@media screen and (max-width:400px){.case-list div.project-thumb{width:140px!important;height:140px!important;margin-left:7.5px;margin-bottom:7.5px;}.case-list .project-thumb a{width:140px;height:140px;margin-left:0px}.case-down{text-indent:-999em}.casenav-wrapper ul{right:-2%;}}

/*  4.1 - case-banner 轮播图片样式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.case #banner{overflow:hidden;z-index:0;width:auto;position:inherit;margin-top:0;height:700px;_margin-top:-37px}.case .banner{position:relative;height:100%;overflow:hidden;width:100%;}.case .banner .carousel{width:1920px;position:absolute;left:50%;top:0px;margin-left:-960px;height:100%;overflow:hidden;}.case .banner .carousel ul{position:relative;height:100%;overflow:hidden;width:1920px;float:left;}.case .banner .carousel ul li{text-align:center;width:1920px;float:left;height:100%;position:absolute;display:none}.case .banner .carousel ul li img{min-height:100%;min-width:70%;_width:100%;+height:100%;zoom:1;}#case #header-warpper{position:fixed;width:100%;z-index:99999;height:62px;margin-top:30px;background:white;opacity:0.1;filter:alpha(opacity:10);z-index:-9999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}#case #header{width:85%;margin-left:7.5%;+margin-left:7.55%;margin-top:-30px;}#case .share{display:none}.case-logo{display:block;position:fixed;z-index:10;top:30px;left:0px;background:white;padding-left:0px;padding-top:2px;height:60px;_height:63px;overflow:hidden;padding-left:7.5%;+padding-left:7.55%;padding-right:40px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+30);}.case-logo img{}#case-tab-bg{background:url(../image/case-tab-bg.png) repeat;height:215px;/*width:370px;*/position:fixed;bottom:-180px;z-index:9;left:7.5%;border-radius:5px 5px 0px 0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)+180));}.case-btn{position:relative;top:-2px}.case-btn a{position:relative;color:#4d4d4d}.case-btn a:hover{color:#4d4d4d}#case .link{font-size:12px;color:white;margin:0px 13px;line-height:40px;font-family:"微软雅黑"}#case .link.last{margin-right:0}.indexpage{position:absolute;top:-8px;top:-18px\0;+top:5px;left:0px;width:20px;text-align:center;font-size:11px;font-family:"微软雅黑"}.totlepage{position:absolute;bottom:-11px;+bottom:4px;_top:20px;right:0px;_right:auto;_left:15px;width:20px;text-align:center;font-size:11px;font-family:"微软雅黑"}.case-tab-content{padding:15px 20px;}.case-tab-content p{font-size:12px;font-family:"微软雅黑";line-height:17px}.case-tab-content h3{font-size:18px;font-family:"微软雅黑";line-height:29px}.company{margin-top:15px;font-family:"微软雅黑";font-size:12px;padding-left:10px;height:20px;border-left:1px solid white;line-height:25px}.focus b{display:none;font-weight:100}.focus b.on{display:inline-block;}#case .prev,#case .next{position:fixed;top:50%;height:36px;margin-top:-18px;z-index:9;}#case .prev{left:7.5%}#case .next{right:7.5%}#case #footer{display:none}@media screen and (max-width:640px){#case #header-warpper{position:fixed;width:100%;z-index:99999;margin-top:auto;height:auto;display:block;opacity:1!important;z-index:1!important}#case #header{margin:0 auto;margin-top:auto;}.case-logo{display:none}#case-tab-bg{background:none repeat;width:100%;position:relative;bottom:0;z-index:9;left:0;border-radius:5px 5px 0px 0px;height:auto}#case-tab-bg p,#case-tab-bg h3{color:#696969}.case-btn{display:none}.case #banner{height:auto!important}.case .banner .carousel{width:85%;position:relative;left:auto;top:95px;margin:0 auto;height:auto;overflow:hidden;padding-bottom:80px}.case .banner .carousel ul{position:relative;height:auto;overflow:hidden;width:100%;float:inherit;}.case .banner .carousel ul li{text-align:center;width:100%;float:inherit;height:auto;position:relative;display:block!important;opacity:1!important;margin-bottom:7.5%}.case .banner .carousel ul li img{min-height:inherit;min-width:inherit;width:100%;height:auto}#case .prev,#case .next{display:none}.company{margin-left:20px;font-family:"微软雅黑";font-size:12px;padding-left:10px;height:20px;border-left:1px solid #696969;line-height:25px;color:#696969}#case #footer{display:block}}

/*  5 - contant 联系我们页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.contact .contact-wrapper h1{font-size:24px;color:#4d4d4d;font-family:"[FZHTFW]","微软雅黑";line-height:30px;margin-top:15px}.contact .contact-wrapper h3{font-size:18px;color:#4d4d4d;font-family:"Myriad Pro","微软雅黑";line-height:30px}.contact .contact-wrapper h4{font-size:14px;color:#4d4d4d;font-family:"黑体","微软雅黑";line-height:30px}.contact .contact-wrapper p{font-size:12px;color:#4d4d4d;font-family:"黑体","微软雅黑";line-height:25px}

/*  5.1 - map 地图页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#map{z-index:2;position:relative;width:60%}.google img{margin:0px 8px;margin-top:-5px;}#map .area{position:absolute;top:0;width:100%;height:100%;left:0;_display:none}#map .area a{background:url(../image/area-point.png) no-repeat;background-position:1px 0px;position:absolute;bottom:10%;left:72%}#map .city-name{position:relative;bottom:38px;left:-15px;width:91px;height:37px;background:url(../image/city-name.png) no-repeat;text-align:center;color:white;line-height:22px;z-index:1}#map .area-desc{position:absolute;left:0px;bottom:20px;background:#666666; border-radius:10px;width:400px; margin-bottom:39px;z-index:999;display:none;padding:20px 40px; padding-right:auto}#map .area-desc p{line-height:25px;color:white;font-family:"Myriad Pro","微软雅黑";font-size:12px;color:white}#map .contact-content{margin-top:30px}.togooglemap{ margin-top:10px; cursor:pointer}

/*  5.2 - recruitment 招聘页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.recruitment{margin-top:40px;}.recruitment li{width:49%;float:left;min-width:330px;min-height:100px;margin-bottom:20px;}.contact-wrapper .recruitment li h3{max-height:30px;overflow:hidden;}.recruitment li img{padding-top:10px;padding-bottom:28px;width:100px;height:100px}.recruitment li div{max-height:160px;overflow:hidden;}@media screen and (max-width:640px){#map{width:100%;}#map .area-desc{position:fixed;top:95px;!important left:5px!important;background:#666666;width:100%;padding:5px;height:200px;}.recruitment li{width:100%;min-width:inherit}}

/*  5.3 - 20140526 UPDATE 招聘页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.lightbox{width:300px;background:#FFFFFF;border:1px solid #ccc;line-height:25px; top:20%; left:20%;}  
.lightbox dt{background:#f4f4f4; padding:5px;}  
.recruitment li { height:105px; overflow:hidden}
#idBox{ display:none;color:black; font-family:"微软雅黑"; width:50%; +margin-top:-7%!important;margin-top:-7%\0!important}
@media screen and (max-width:640px){ #idBox{ width:100%;}}
#idBoxHead { font-size: 18px;
color: #4D4D4D;}
#idBox dd { padding:10px; margin-bottom:10px}
#idBoxCancel { border:none; background:url(../image/close.png) no-repeat; width:18px; height:18px; margin:8px 10px}


/*  5.4 - 20140605 UPDATE 关于页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.year ul li a div p {/*-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;transition: all .5s ease-in;*/}
.year ul li:hover a div h5{text-shadow: 0px 0px 3px;}

/*  5.5 - 20140605 UPDATE 电子书页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width:720px){
#fbContents  {margin-left: 10%;}
#fbContents span  { display:none}
#home { left:auto!important;margin-left: 75px;}
#fbMenu  {margin-right: 10%;}
.fbBackButton,.fbForwardButton {display:none}
}

/*  5.6 - 20140606 UPDATE 案例列表页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.subnav{width:100%}
.subnav li {text-align:left;}
#thumbs-holder.case-list {margin-top:50px}
.subnav-child-wrapper {position:absolute;z-index:99999; }
.subnav-child {float:left;margin:auto;padding:15px auto;margin-right: 25px;text-align:left}
.subnav-child div{width:100%}
.sub-at{display:block!important}
.sub-noat{display:none!important}

@media screen and (max-width:720px){
.subnav-child {float:none;margin:0;text-align:left; display:block}
}

.casenav {
	display:none
}