@charset "utf-8";
/*
 * @Description:common
 * @Author: wangjun
 * @Update: 2013-07-18 22:00
 */
/*Basic Style*/
html {
	overflow-y:-moz-scrollbars-vertical;
	overflow-y:scroll;
	overflow-x:hidden;
	min-width:768px
}
html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td{margin:0;padding:0}
body,input,select,button,textarea{font-size:12px;font-family:Microsoft Yahei;}
/* ie6重复加载 */
html {zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache", false, true);}(this));}
body{background:#eee;color:#fff;line-height:1.231;-webkit-text-size-adjust:100%;_background-image:url(about:blank);_background-attachment:fixed;}
a{color:#fff;text-decoration:none;outline:none;}
a:hover{color:#997625;}
h1,h2,h3,h4,h5,h6{font-size:14px}
img{border:0 none;vertical-align:middle}
ul,ol{list-style-type:none}
button,a{cursor:pointer}
i,em,cite,s{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
/*default iphone-ipad css*/
@media screen and (device-width: 320px),
    screen and (device-width: 360px),
	screen and (device-width: 768px){
input[type=button]{-webkit-border-radius:0}		 		
}


@font-face {
    font-family: "GibsonBold";
    src: url("/assets/gibson-bold-webfont.eot?#iefix") format("eot"), url("/assets/gibson-bold-webfont-0e52cfc78a52c793cd969ea890c7cc05.woff") format("woff"), url("/assets/gibson-bold.otf") format("opentype");
}
@font-face {
    font-family: "Gibson";
    src: url("/assets/gibson-webfont.eot?#iefix") format("eot"), url("/assets/gibson-webfont-620c04c91f7a17fb2218437b817cfbca.woff") format("woff"), url("/assets/gibson-otf") format("opentype");
}
@font-face {
    font-family: "GibsonLight";
    src: url("/assets/gibson-light-webfont.eot?#iefix") format("eot"), url("/assets/gibson-light-webfont-0c86ec356e0b893500e83779127e1997.woff") format("woff"), url("/assets/gibson-light.otf") format("opentype");
}
@font-face {
    font-family: "GibsonSemiBold";
    src: url("/assets/gibson-semibold-webfont.eot?#iefix") format("eot"), url("/assets/gibson-semibold-webfont-926b72acd529c8962d7bfd1dc322794d.woff") format("woff"), url("/assets/gibson-semibold.otf") format("opentype");
}

/*
@font-face {
	font-family:"GibsonBold";
	src:url(Gibson-Bold.ttf);
}
*/

.news-list-wrap .description .title,.work-brand-item .link,.work-section .work-section-info .title,.index-focus .focus-description .title,.contact-office .hr-mail h4{
	font-family:Microsoft Yahei;
}

.fn-fl{display:inline;float:left}
.fn-fr{display:inline;float:right}
.fn-clear{display:block;float:none;clear:both;overflow:hidden;width:auto; height:0; margin:0 auto;padding:0;font-size:0;line-height:0}
.fn-fixClear:after,.ui-wrap:after,.detail-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.fn-fixClear,.ui-wrap,.detail-wrap{*zoom:1}
.fn-overClear{overflow:hidden;*zoom:1}
.fn-w{width:960px;margin-left:auto;margin-right:auto}

.ui-header-inner,.ui-content-wrap-inner{
	margin:0 60px;
}
.ui-header-bd,.ui-content-wrap{
	/*max-width:1440px;
	min-width:1255px;*/
	width:1255px;
	margin:0 auto
}
.ui-content-wrap-inner{
	position: relative;
	*zoom:1;
}

/* header */
.ui-header{
	position: fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:61px;
	line-height:60px;
	background:#000;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop));
}
.ui-header .ui-logo{
	float:left;
	width:150px;
	height:61px;
	line-height:60px;
	overflow:hidden;
}
.ui-header .ui-logo a{
	display: block;
	font-size:20px;
	color:#997625;
	font-weight:bold;
	height:100%;
}
.ui-header .ui-logo a:hover{
	background-position:0 -38px;
}
.ui-mainNav{
	float:left;
}
.ui-mainNav li{
	float:left;
}
.ui-mainNav a{
	display:inline-block;
	height:100%;
	padding:0 18px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
	-webkit-transition:0.3s color false;
	-moz-transition:0.3s color false false;
	-o-transition:0.3s color false false;
	transition:0.3s color;
}
.ui-mainNav .on a{
	color:#997625;
}
.ui-header-right{
	float:right;
}

.ui-header-share{
	float:left;
	margin:18px 20px 0 0;
}
.ui-header-share a{
	float:left;
	display:inline-block;
	width:32px;
	height:27px;
	margin-left:5px;
	overflow:hidden;
	background:url(header_ico.png) no-repeat 0 0;
	text-indent:-99em;
}
.ui-header-share .ico-twitter{
	background-position:-47px 0;
}
.ui-header-share .ico-in{
	background-position:-92px 0;
}
.ui-search{
	float:left;
	margin:15px 0 0 0;
	position: relative;
	z-index:99;
	*zoom:1;
}
.ui-search .ui-search-input{
	display:block;
	width:210px;
	padding:8px;
	background:#000;
	border:1px solid #333;
	color:#fff;
}
.ui-search .ui-search-input:focus{
	border-color:#4d4d4d;
}
.ui-search .ui-search-btn{
	position: absolute;
	top:2px;
	right:1px;
	width:30px;
	height:29px;
	overflow:hidden;
	background:#000 url(header_ico.png) no-repeat -127px 2px;
	border:none;
	text-indent:-99em;
	text-align:left;

}
.ui-search .search-results{
	display:none;
	position: absolute;
	top:28px;
	*top:60px;
	right:0;
	z-index:100;
}
.ui-search .search-results .arrow-up{
	position: absolute;
	top:0;
	*top:-36px;
	right:5px;
	width:0;
	height:0;
	border-width:18px 15px;
	border-style:dashed dashed solid;
	border-color:transparent transparent #000 ;
	opacity:0.5;
	filter:Alpha(opacity=50);
	line-height:0;
	font-size:0;
}
.ui-search .search-results-bd{
	width:180px;
	margin-top:36px;
	padding:20px 18px 0;
	background:rgba(0,0,0,0.5);
	background:#000 \9;
    filter:Alpha(opacity=50);
    line-height:18px;
    *zoom:1;
}
.ui-search .search-results .not-search{
	padding-bottom:20px;
}
.ui-search .search-results .has-search dl{
	padding-bottom:20px;
}
.ui-search .search-results .has-search dt{
	color:#999;
	margin-bottom:5px;
}


.ui-header-languages{ 
	float:left;
	padding-left:12px;
}
.ui-header-languages .on{
	color:#997625;
}

.ui-wrap{
	padding-top:58px;
}

/* touchPortrait */
#touchPortrait {
	position:fixed;
	left:0;
	top:0;
	z-index:12000;
	color:#fff;
	text-align: center;
	width:100%;
	height:100%;
	-moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
	-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
	background:#000000;
	display:none;
}

#touchPortrait table {
	height:100%;
	width:100%;
}

#touchPortrait h1 {
	margin:0px 0px 20px 0px;
	font-size: 22px;
	line-height: 32px;
}

#touchPortrait .bottom {
	height:123px;
}

#touchPortrait #touchAnimation {
	position: relative;
	height:123px;
	width: 123px;
	background: url('rotateDevice.png') no-repeat;
	margin:0px auto 0;
	padding:0px 0px 0px 0px;
	background-size: 123px 123px;
	background-origin: center center;
	-webkit-animation-name:anim;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 1s;
}

@-webkit-keyframes anim{
0%{
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
100%{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
  #touchPortrait #touchAnimation { background-image: url('rotateDevice2x.png');  }
}

.ui-news-wrap{
	background:#000;
}

.ui-page-switch{
	position: absolute;
	overflow:hidden;
	*zoom:1;
	left:0;
	overflow:hidden;
	position:absolute;
	/*top:60px;*/
	width:100%
}


.ui-footer{
	padding-bottom:20px;
	text-align:right;
	color:#555;
	*zoom:1;
}

.ui-news-wrap .ui-footer,.ui-work-bg .ui-footer,.index-focus .ui-footer,.ui-contact-wrap .ui-footer{
	position: absolute;
	bottom: 0;
	right: 0;
	color:#fff;
}
.index-focus .ui-footer{
	z-index: 1;
}
.ui-contact-wrap .ui-footer{
	padding-bottom:10px;
}