@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:0px 0; display:table; z-index:99; }
.header-pc .logo{ float:left; width:30%; height:45px; }
.header-pc .logo img{ width:90%;}
.header-pc .hotline{ float:right; position:absolute; top:10px; right:40px; }
.header-pc .nav-pc{ float:right; width:500px; margin-top:15px; margin-right:240px; position:relative;}
.header-pc .hotline img{ width: 180px; }
.header-pc .nav-pc .nav-top{ width:100%; display:table; position:relative;/* height:25px;*/}
.header-pc .nav-pc .item{ float:left; width:90px; height:14px; margin-right:32px;  text-align:center; line-height:14px; overflow:hidden; font-size:14px;}
.header-pc .nav-pc .item a{ display:block; width:100%; height:14px; font-size:14px; color:#fff; position:relative; overflow:hidden;}
.header-pc .nav-pc .item .active{  color:#9a5a17; }
.header-pc .nav-pc .item a span{ display:block; width:100%;}
.header-pc .nav-pc .item a .n1{ position:absolute; left:0; top:0;}
.header-pc .nav-pc .item a .n2{ position:absolute; left:0; top:15px;}


.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; width:30%; height:45px; margin-left:60px;}
.header-mobile .logo img{ width:100%;}
.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);}
.header-mobile .hotline{ float:right; position:absolute; top:20px; right:40px;  }
.header-mobile .hotline img{ width: 180px;}
.header-mobile .nav-mobile{ float:right; width: 500px; height:34px; margin-top: 15px; margin-right:240px; position: relative;}
.header-mobile .nav-mobile .nav-top{ width:100%; display:table; position:relative;/* height:25px;*/}
.header-mobile .nav-mobile .item{ float:left; width:90px; height:14px; margin-right:32px;  text-align:center; line-height:14px; overflow:hidden; font-size:14px;}
.header-mobile .nav-mobile .item a{ display:block; width:100%; height:14px; font-size:14px; color:#000000; position:relative; overflow:hidden;}
.header-mobile .nav-mobile .item a span{ display:block; width:100%;}
.header-mobile .nav-mobile .item a .n1{ position:absolute; left:0; top:0;}
.header-mobile .nav-mobile .item a .n2{ position:absolute; left:0; top:15px;}




.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: 0; top: 50%; margin-top: -80px; width: 55px; background: rgba(0,0,0,0.3); padding: 12px 0 0 0; border-radius:8px 0 0 8px; z-index:1000;}
.sidebar li{ height: 50px; width: 160px; padding-left: 20px; border-radius:8px 0 0 8px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sidebar li img{ display: block;}
.sidebar li:hover{ margin-left: -105px; background: rgba(0,0,0,0.6); }

#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, a:visited { 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; }