@charset "utf-8";
/* CSS Document */
html{ -webkit-text-size-adjust:none;}
body{font-size:12px;color:#474747; _overflow:hidden; overflow-x:hidden;  background:#fff; }
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 12px;font-weight: normal;}
li{list-style-type:none;}
img{ border:none;}
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
a:hover{ text-decoration:none;}
a,area { blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
.disno{display:none;}
.disbk{ display:block;}
.distb{ display:table;}
.clear{ clear:both;}
/*-------input--outline--middle---------*/
input,button,select,textarea{ outline:none}
input{ vertical-align:middle; font-family:"微软雅黑";}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
table{ border-collapse:collapse; font-family:"微软雅黑";}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* chrome*/.justify:after {content:"."; display: inline-block; width:100%;overflow:hidden;height:0;}}
/*----- clearfix///-----*/
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table; content:'';line-height:0;}
.clearfix:after{clear:both;}
/*�����������*/
.justify {text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
/*����ʡ�Ժ�*/ 
.toe{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/
/******************************************************************common/////**********************************************************************/
.header-pc{ width:100%; height:45px; position:absolute; left:0; top:15px; padding:15px 0; display:table; z-index:99;}
.header-pc .logo{ float:left;  height:45px; margin-left:10px;}



.header-mobile{ width:100%; height:45px; position:absolute; left:0; top:-150%; padding:15px 0; display:table; z-index:99;}
.header-mobile .logo{ float:left; height:45px; margin-left:10px; position:absolute; }

.header-mobile .logo .logo1{ position:absolute; left:0; top:0; z-index:1;}
.header-mobile .logo .logo2{ position:absolute; left:0; top:0; z-index:2; opacity:0; -webkit-opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.header-mobile .logo .logo2.log{ position:absolute; left:0; top:0; z-index:2; opacity:1; -webkit-opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.nav-moblie {  float: right;width: 38px;height:38px;margin-top: 0px;margin-right:5px;position: relative;cursor: pointer;display: table;}
.nav-moblie.selected {transform: rotate(90deg);}
.nav-moblie a {background-color: #fff;display: block;height: 4px;margin-top: 16px;position: relative;top: 50%; left:15%;width: 24px;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;}
.nav-moblie:hover a:before {transform: translateY(-2px) rotate(0deg);-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);}
.nav-moblie:hover a:after {transform: translateY(2px) rotate(0deg);-webkit-transform: translateY(2px) rotate(0deg);-ms-transform: translateY(2px) rotate(0deg);}
.nav-moblie.selected:hover a:before {transform: translateY(0px) rotate(-55deg);-webkit-transform: translateY(0px) rotate(-55deg);-ms-transform: translateY(0px) rotate(-55deg);}
.nav-moblie.selected:hover a:after {transform: translateY(0px) rotate(55deg);-webkit-transform: translateY(0px) rotate(55deg);-ms-transform: translateY(0px) rotate(55deg);}
.nav-moblie a:after,.nav-moblie a:before {background-color: #fff;display: block;height: 4px;left: 0;position: absolute;width: 100%;content:'';transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;}
.nav-moblie a:after { top: 8px;}
.nav-moblie a:before { top: -8px;}
.nav-moblie.selected a:after, 
.nav-moblie.selected a:before { top: 0;}
.nav-moblie.selected a:before {background-color: #fff;transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);-ms-transform: translateY(0px) rotate(-45deg);}
.nav-moblie.selected a:after {background-color: #fff;transform: translateY(0px) rotate(45deg);-webkit-transform: translateY(0px) rotate(45deg);-ms-transform: translateY(0px) rotate(45deg);}
.nav-moblie.selected a {background-color: transparent !important;}
.nav-moblie a.act{ background-color:#5B5B5B;}
.nav-moblie a.act:after,
.nav-moblie a.act:before{ background-color:#5B5B5B;}

.nav-moblie1 {  float: right;width: 38px;height:38px;margin-top: 0px;margin-right:5px;position: relative;cursor: pointer;display: table;}
.nav-moblie1.selected {transform: rotate(90deg);}
.nav-moblie1 a {background-color: #000;display: block;height: 4px;margin-top: 16px;position: relative;top: 50%; left:15%;width: 24px;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;}
.nav-moblie1:hover a:before {transform: translateY(-2px) rotate(0deg);-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);}
.nav-moblie1:hover a:after {transform: translateY(2px) rotate(0deg);-webkit-transform: translateY(2px) rotate(0deg);-ms-transform: translateY(2px) rotate(0deg);}
.nav-moblie1.selected:hover a:before {transform: translateY(0px) rotate(-55deg);-webkit-transform: translateY(0px) rotate(-55deg);-ms-transform: translateY(0px) rotate(-55deg);}
.nav-moblie1.selected:hover a:after {transform: translateY(0px) rotate(55deg);-webkit-transform: translateY(0px) rotate(55deg);-ms-transform: translateY(0px) rotate(55deg);}
.nav-moblie1 a:after,.nav-moblie1 a:before {background-color: #000;display: block;height: 4px;left: 0;position: absolute;width: 100%;content:'';transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;}
.nav-moblie1 a:after { top: 8px;}
.nav-moblie1 a:before { top: -8px;}
.nav-moblie1.selected a:after, 
.nav-moblie1.selected a:before { top: 0;}
.nav-moblie1.selected a:before {background-color: #000;transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);-ms-transform: translateY(0px) rotate(-45deg);}
.nav-moblie1.selected a:after {background-color: #000;transform: translateY(0px) rotate(45deg);-webkit-transform: translateY(0px) rotate(45deg);-ms-transform: translateY(0px) rotate(45deg);}
.nav-moblie1.selected a {background-color: transparent !important;}
.nav-moblie1 a.act{ background-color:#5B5B5B;}
.nav-moblie1 a.act:after,
.nav-moblie1 a.act:before{ background-color:#5B5B5B;}

.nav-baring{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; visibility:hidden;}
.nav-baring .nav-bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.nav-baring .nav-bg span{ float:left; width:20%; height:100%;}
.nav-baring .nav-bg span font{ display:block; width:0%; height:100%; ; background-color:#47403a;transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;}
.nav-baring.disk{ visibility:visible;}
.nav-baring .nav-bg.bgg span font{ width:100%;}

.nav-home{ width:100%; height:46%; text-align:center; position:absolute; left:0; top:50%; margin-top:-23%\9;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.nav-home li{ opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);margin-top:20px;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);}
.nav-home li a{ font-size:45px; color:#fff; font-weight:600;}
.nav-home.opt li{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);}
.nav-home.opt li.sp1{transition: all .5s linear .4s;-webkit-transition: all .5s linear .4s;-moz-transition: all .5s linear .4s;-ms-transition: all .5s linear .4s;}
.nav-home.opt li.sp2{transition: all .5s linear .6s;-webkit-transition: all .5s linear .6s;-moz-transition: all .5s linear .6s;-ms-transition: all .5s linear .6s;}
.nav-home.opt li.sp3{transition: all .5s linear .8s;-webkit-transition: all .5s linear .8s;-moz-transition: all .5s linear .8s;-ms-transition: all .5s linear .8s;}
.nav-home.opt li.sp4{transition: all .5s linear 1s;-webkit-transition: all .5s linear 1s;-moz-transition: all .5s linear 1s;-ms-transition: all .5s linear 1s;}
.nav-home.opt li.sp5{transition: all .5s linear 1.2s;-webkit-transition: all .5s linear 1.2s;-moz-transition: all .5s linear 1.2s;-ms-transition: all .5s linear 1.2s;}
.nav-home.opt li.sp6{transition: all .5s linear 1.4s;-webkit-transition: all .5s linear 1.4s;-moz-transition: all .5s linear 1.4s;-ms-transition: all .5s linear 1.4s;}
.nav-home.opt li.sp7{transition: all .5s linear 1.6s;-webkit-transition: all .5s linear 1.6s;-moz-transition: all .5s linear 1.6s;-ms-transition: all .5s linear 1.6s;}

.nav-baring1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; visibility:hidden;}
.nav-baring1 .nav-bg1{ position:absolute; left:0; top:0; width:100%; height:100%;}
.nav-baring1 .nav-bg1 span{ float:left; width:20%; height:100%;}
.nav-baring1 .nav-bg1 span font{ display:block; width:0%; height:100%; ; background-color:#f8f8f8;transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;}
.nav-baring1.disk{ visibility:visible;}
.nav-baring1 .nav-bg1.bgg span font{ width:100%;}

.footer{ position:absolute; left:50%; margin-left:-45%; bottom:0; width:90%; padding:25px 0;  border-top:1px solid #fff;}
.footer .wrapper{ width:100%; display:table;}
.footer .wrapper dt{ float:left; margin-right:20px;}
.footer .wrapper dt { color:#fff;}
.footer .wrapper dt a img{ margin:0 10px;}
.footer .wrapper dd{ float:left; margin:0 20px 10px;}
.footer .wrapper dd { color:#fff;}

.footer_black{ position: relative; margin-top:30px; width:90%; margin-left:auto; margin-right:auto; padding:25px 0;  border-top:1px solid #666;}
.footer_black .wrapper{ width:100%; display:table;}
.footer_black .wrapper dt{ float:left; margin-right:20px;}
.footer_black .wrapper dt { color:#666;}
.footer_black .wrapper dt a img{ margin:0 10px;}
.footer_black .wrapper dd{ float:left; margin:0 20px 10px;}
.footer_black .wrapper dd { color:#666;}


.sidebar{ position: fixed; right: 5%; top: 90%; width:50px; height:50px;  background: rgba(0,0,0,0.3); 
 border-radius:50%; z-index:100;}
.sidebar img{ margin-top:11px; margin-left:9px;}

#ie7tips{ width:100%; height:100%;background-color:#6ABDDA; z-index:999; position:relative; display:none;}
#ie7tips p{ width:100%; height:50px; text-align:center;  line-height:50px;color:#DD4E42; font-size:18px; position:absolute; left:0; top:50%; margin-top:-25px;}

html.ackj{ overflow:hidden;}


/* Text Selection */

	::selection { background: #ffc539; color: #000; /* Safari */ }
	::-moz-selection { background: #ffc539; color: #000; /* Firefox */ }


/* #Links
================================================== */
	a{ color: #ffc539; text-decoration: none; outline: 0; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; }
	a:hover, a:focus { color: #999; text-decoration: none; }
	a.linkbg { font-size: 12px; text-decoration: none; color: #000; background-color: #34b489; padding-bottom: 2px; padding-top: 3px; padding-left: 5px; padding-right: 5px;}
	a.titlelink { font-size: 14px; line-height: 14px; font-weight: bold; color: #000; text-transform: uppercase; text-decoration: none; opacity: 0.5; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; }
	a.titlelink:hover { opacity: 1; }
	a.link { font-size: 14px; line-height: 14px; font-weight: bold; color: #000; text-transform: uppercase; text-decoration: none; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; }
	a.link:hover { opacity: 0.5; }
	a.titlelink .buttonarrow, a.link .buttonarrow { width: 5px; height: 10px; background: url('../images/tiles/buttonarrow.png') no-repeat right; display: inline-block; }




/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* Teasers / Portfolio */

	h3.info { margin-bottom: 5px; margin-top: -5px; }
	.lightlabel { float: left; color: #ccc; width: 50px; }
	.infofield { float: left; }
	.teaser { margin-bottom: 20px; padding-bottom: 14px; background: url('../img/dark50.png') repeat; border-bottom: 1px solid #000; }
	.portfolio .nopadding { margin-bottom: 0px; }
	.portfolio_filter { margin-top: 0px; margin-bottom: 18px; }
	a.portfolio_selector { float: left; font-size: 14px; line-height: 14px; font-weight: bold; color: #ffc539; text-transform: uppercase; text-decoration: none; }
	a.selected_selector { color: #ffc539; }
	a.nonselected_selector { color: #fff; }
	a.hovered_selector { color: #ffc539; }
	a.nonhovered_selector { color: #fff; }
	.portfolio_filter ul li span { float: left; font-size: 12px; line-height: 12px;  margin-left: 10px; margin-right: 10px; margin-top: 1px; }
	.portfolio_filter ul { float: left; margin: 0; padding: 0; margin-bottom: 0px; }
	.portfolio_filter ul li { margin: 0; padding: 0; float: left; list-style-type: none; display: inline-block; margin-bottom: 10px; }
	.teasers img, .teasers_large img { float: left; }
	.teasers .topline, .teasers .subline { float: left; text-align: left; width:220px; padding-left: 20px; padding-right: 20px; }
	.teasers .topline { padding-top: 18px; border-top: 1px solid #000; font-size:14px; font-weight:600; }
	.teasers_large .topline, .teasers_large .subline { float: left; }
	.teaser .flexslider {  margin-bottom: 12px;  }
    .teaser .scalevid { margin-bottom: 1px; }
    .teaser .mediaitem { margin-bottom: 1px; }
	.folioinnershadow { position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.15); width: 220px; height: 1px; }
	a .overlay { background: #ffc539; }
	a .overlaytext{ background: url(../img/cross.png) no-repeat; width: 41px; height: 42px; }
	
	
	a.smallhover img { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;  }
	a.smallhover:hover img { opacity: 0.35; }
	



	/* Holly Hack for IE \*/
	* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
	
	


/* #Page Styles
================================================== */

	.content { padding-top: 20px; }
	.content.right { float: right; }