@charset "utf-8";
@font-face {
	font-family: 'UTMFacebook';
	src:url('fonts/UTM Facebook.eot');
	src:url('fonts/UTM Facebook.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTM Facebook.woff') format('woff'),
		url('fonts/UTM Facebook.ttf') format('truetype'),
		url('fonts/UTM Facebook.svg#UTM Facebook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-family:Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;color: #3e3e3e;line-height:1.5em;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align:justify;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.2em;}
sub{bottom:-0.25em;}
img {max-width: 100%;height: auto;width: auto; /* ie8 */}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

.clear { clear:both;}
.fl{float:left;}
.fr{float:right;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

a           { color:#7f7e7d; text-decoration:none; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover     { color:#f27000; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a img       { border:0;}
:focus      { outline:0; }

.listn{list-style:none;padding:0;margin:0;}

.boradius5{-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.bortop5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;}
.borbot5{-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.borleft5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.borright5{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.shadow{box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);}
.shadow1{-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.cl1{color:#ff7800;}

#warraper{max-width:1000px;margin:auto;}
#header{height:136px;border-top:10px solid #232020;background:url(../images/bgheader.png) repeat-x top center;}
#logo,#slogan{float:left;padding-top:15px;}
#slogan{padding-left:40px;}
#lang{float:right;padding-top:40px;}
#lang a{display:inline-block;padding:0 5px;text-transform:uppercase;font-size:14px;color:#232020;text-align:center;font-weight:bold;}
#lang a.active,#lang a:hover{color:#f27000;}

#menutop{background:url(../images/bgmnu0.png) repeat-x;}

ul#navigation {margin:0px auto;position:relative;padding:0;}
ul#navigation li {display:inline;float:left;position:relative;white-space: nowrap;padding:0 5px 0 0;background:url(../images/mnuline.png) center right no-repeat;}
ul#navigation li:last-child{background:none;}
ul#navigation li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	height:45px;line-height:45px;
	padding:0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
ul#navigation li a.active,
ul#navigation li a:hover,ul#navigation li:hover > a {
	color:#232020;
	background:url(../images/bgmnu1.png) repeat-x;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:160px;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 45px;
    left: 0;
	padding:4px;margin:0;
	background:#606060;
}
ul#navigation ul li ul {
    top: 0px;
    left: 160px;
	
}

ul#navigation ul li {
	clear:both;
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
	background:none;
}

ul#navigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px 5px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	display:block;
	text-align:left;
	text-transform:none;
	font-weight:normal;
	width:auto;
	margin:0;
	border-bottom:1px solid #979797;
	
}
ul#navigation ul li:last-child a {border-bottom:none;}
ul#navigation ul li a.active {background:#fffde9;}
ul#navigation ul li a:hover {background:#ffd604;}

#menuright{list-style:none;padding:0 0 20px 0;margin:0;}
#menuright li{background:url(../images/arrr.png) center left no-repeat;padding-left:18px;height:30px;line-height:30px;overflow:hidden;}
#menuright li a{color:#58595b;font-family:'UTMFacebook',Arial, Helvetica, sans-serif;font-size:20px;}

#banner{background:#ffd500;padding:10px 0;}

.bgline{border-bottom:7px solid #e8e9ea;}
#hdtitle{display:inline-block;border-bottom:7px solid #fff;padding:0 3px;margin-bottom:-7px;}
#hdtitle h1,#hdtitle .title{padding:0;margin:0;font-size:30px;font-family:'UTMFacebook',Arial, Helvetica, sans-serif;}
#hdtitle .title{border-bottom:7px solid #ffd500;color:#232020;line-height:50px;display:inline-block;margin-bottom:-7px;height:45px;font-weight:bold;}
#hdtitle1{background:url(../images/arrr.png) no-repeat;padding-left:20px;}
#hdtitle1 h1,#hdtitle1 .title{padding:0;margin:0;font-size:24px;height:30px;}
#hdtitle1 .title{font-weight:bold;}

.mainabout{padding:20px 0;}
#advs{padding:20px 0;}
#pblock{text-align:center;padding:10px 0;}

.page,.pageselect
{
	color:#0099FF;
	text-decoration:none;
	border:#6993c0 1px solid; 
	display: inline-block;
	text-align:center;
	height:21px;
	width:21px;
	line-height:21px;
	-o-border-radius: 11px;-icab-border-radius: 11px;-khtml-border-radius: 11px;-moz-border-radius: 11px;
-webkit-border-radius: 11px; -moz-border-radius: 11px;border-radius: 11px;
font-size:11px;
}


.page:hover,.pageselect
{
	color:#dd1d4c;
	text-decoration:none;
	background:#f8c301;
}


#gprnx{height:43px;line-height:43px;padding-top:1%;font-family:"Courier New", Courier, Arial;font-size:16px;}
#gprnx .prev{float:left;}
#gprnx .next{float:right;}
#gprnx .prev a{background:url(../images/prev0.png) no-repeat;display:inline-block;height:43px;padding-left:35px;color:#666;text-decoration:none;}
#gprnx .prev a:hover{background:url(../images/prev1.png) no-repeat;color:#f27000;}
#gprnx .next a{background:url(../images/next0.png) no-repeat right;display:inline-block;height:43px;padding-right:35px;color:#58595b;text-decoration:none;}
#gprnx .next a:hover{background:url(../images/next1.png) no-repeat right;color:#f27000;}

#gpage{position:relative;height:43px;line-height:43px;padding-top:1%;}
#gpage .prev{position:absolute;top:1%;left:0;}
#gpage .next{position:absolute;top:1%;right:0%;}
#gpage .plist{text-align:center;}
#gpage .plist a{display:inline-block;width:10px;height:10px;margin:2px;background:#bcbec0;}
#gpage .plist a:hover,#gpage .plist a.gpagesel{background:#f36f21;}
#gpage .prev a,#gpage .prev a.disable:hover{background:url(../images/prev0.png) no-repeat;display:inline-block;height:43px;padding-left:35px;color:#666;text-decoration:none;line-height:43px;}
#gpage .prev a:hover{background:url(../images/prev1.png) no-repeat;color:#f27000;}
#gpage .next a,#gpage .next a.disable:hover{background:url(../images/next0.png) no-repeat right;display:inline-block;height:43px;padding-right:35px;color:#666;text-decoration:none;line-height:43px;}
#gpage .next a:hover{background:url(../images/next1.png) no-repeat right;color:#f27000;}



#left{float:left;width:68%;padding-right:2%;border-right:1px solid #d0d7d7;box-sizing:border-box;}
#right{float:right;width:30%;}

.bproject{background:#414042;padding:20px 0;}
#project{list-style:none;padding:0;margin:0;}
#project li{width:31%;padding:1.5% 3.5% 1.5% 0;display:inline-block;font-size:0;}
#project li:nth-child(3n){padding:1% 0;}
#project li img{width:100%;height:210px;}
#project li .bprj{background:#666;}
#project li .pjname{padding:10px 7px;background:url(../images/dot.jpg) 7px 15px no-repeat;height:40px;overflow:hidden;}
#project li .pjname a{display:inline-block;padding-left:15px;color:#fff;font-size:16px;}

.customer{padding:20px 0;text-align:center;}
.customer img{height:96px;width:auto;padding:5px 10px;}

#footer{background:url(../images/bgbottom.png) repeat-x;padding:20px 0;}
#footer .blogo{float:left;padding-left:2%;}
#footer .blogo img{height:70px;}
#footer .finfo{float:left;padding-left:5%;height:80px;overflow:hidden;width:60%;}
#footer .fstatics{float:right;padding-left:2%;}

#pathlink{line-height:1.5em;border-bottom:1px solid #b5b6ba;padding:0.5% 0;color:#6d6e71;font-size:30px;color:#6d6e71;font-family:"Courier New", Courier, Arial;margin:0;
padding:20px 0;}
#pathlink h1{font-weight:normal;margin:0;padding:0;font-size:inherit;}
#pathlink .lastWord { color: #f27000;  font-size:60px;text-transform:uppercase;}
#artview-content{padding:20px 0px 10px 0px;}

#listnews{border-bottom:1px dashed #6d6e71;padding:2% 0 2% 0;position:relative;}
#listnews .aimg{float:left;width:35%;padding-right:3%;}
#listnews .ainfo{float:right;width:62%;text-align:justify;padding-bottom:2%;}
#listnews .atitle{float:right;width:62%;text-align:justify;padding-bottom:2%;}
#listnews .ndate{float:right;width:42%;height:23px;line-height:23px;color:#939498;padding-bottom:1%;}
#listnews .aimg img{width:100%;border:1px solid #CCC;box-sizing:border-box;}
#listnews .atitle a{font-size:0.8em;color:#232020;margin-bottom:2%;line-height:1em;}
#listnews .atitle h2{font-weight:normal;padding:0;margin:0;}
#listnews .amore{position:absolute;bottom:5%;left:1%;width:98%;}
#listnews .nmore{float:right;width:100%;padding-bottom:10px;}
#listnews .nshare{float:right;width:50%;height:23px;line-height:23px;}
.viewmore{display:block;background:#f7b332;padding:0 25px;height:30px;line-height:30px;color:#232020;float:right;font-size:16px;}
.viewmore:hover{background-image:url(../images/next1.png);}
.view-title{font-size:120%;color:#E06110;padding-bottom:10px;}
.view-title h1{font-weight:normal;line-height:1.2em;padding:0;margin:0;}

#boxr1{margin-bottom:10px;}
#boxr1 .bhead{border-bottom:1px solid #bbbdc0;height:35px;line-height:35px;text-transform:uppercase;color:#fff;font-size:20px;color:#f27000;font-family:"Courier New", Courier, Arial;font-weight:bold;}
#boxr1 ul{list-style:none;padding:5px 5px 5px 0px;margin:0;}
#boxr1 ul li{padding:3px 0px;color:#58595b;}
#boxr1 ul h4{margin:0;padding:0;font-weight:normal;}

#boxsr{margin-bottom:10px;}
#boxsr .bhead{height:25px;line-height:25px;text-transform:uppercase;color:#fff;font-size:20px;color:#f27000;font-family:"Courier New", Courier, Arial;font-weight:bold;}
#boxsr ul{list-style:none;padding:0px;margin:0;}
#boxsr ul li{padding:3px 0px;color:#58595b;}
#boxsr ul h4{margin:0;padding:0;font-weight:normal;}

.gcontact{padding:0 1%;}
.bctitle{color:#f27000;font-family:"Courier New", Courier, Arial;font-size:60px;padding:30px 0;}

#contact{padding:30px 0;}
#contact .conc1{float:left;width:49%;padding-right:2%;}
#contact .conc2{float:left;width:49%;}
#contact ul{list-style:none;padding:0;margin:0;}
#contact ul li{padding:5px 0;}
#contact ul li .iptxt{width:96%;padding:5px 2%;background:#f2f2f2;border:1px solid #dcddde;}
#contact ul li .iptxt{height:25px;}
#contact ul li .iparea{resize:none;height:165px;}
#contact .iptbutton{padding:5px 0;text-align:right;}
#conmap{float:left;width:48%;padding-right:4%;}
#coninfob{float:left;width:48%;}
#conmap .bxbor{border:1px solid #CCC;position:relative;}
#conmap .img{position:absolute;top:0;left:0;}
#contact ul li .ipselect{background:#f2f2f2;border:none;width:100%;padding:9px 1%;}

.region{text-align:right;padding:10px 0;}
.region a{display:inline-block;padding:0 15px;background:url(../images/hline.jpg) right center no-repeat;font-weight:bold;font-size:14px;}
.region a.active{color:#f27000;}
.region a:last-child{background:none;padding-right:0;}

.jssorn01 div, .jssorn01 div:hover, .jssorn01 .av{filter: alpha(opacity=70);opacity: .7;overflow:hidden;cursor: pointer;}
.jssorn01 div { background-color: #fff; }
.jssorn01 div:hover, .jssorn01 .av:hover { background-color: #f36f21; }
.jssorn01 .av { background-color: #100d0e; }
.jssorn01 .dn, .jssorn01 .dn:hover { background-color: #bcbec0; }

.jssorn08l, .jssorn08r, .jssorn08ldn, .jssorn08rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/d17.png) no-repeat;
	overflow:hidden;
	opacity: .4; filter:alpha(opacity=40);
}

.jssorn08l { background-position: -5px -35px; }
.jssorn08r { background-position: -65px -35px; }
.jssorn08l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssorn08r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssorn08ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.jssorn08rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }


.jssord05l, .jssord05r, .jssord05ldn, .jssord05rdn{position: absolute;cursor: pointer;display: block;background: url(../images/d13.png) no-repeat;overflow:hidden;}
.jssord05l { background-position: -20px -15px; }
.jssord05r { background-position: -82px -15px; }
.jssord05l:hover { background-position: -140px -15px; }
.jssord05r:hover { background-position: -202px -15px; }
.jssord05ldn { background-position: -260px -15px; }
.jssord05rdn { background-position: -322px -15px; }


 .jssort05 .f
{
	clip: rect(10px 150px 100px 10px);
}
.jssort05 .i
{
	position: absolute;
	background: #000;
	filter: alpha(opacity=30);
	opacity: .3;
	width: 160px;
	height: 110px;
	top: 0;
	left: 0;
	
	transition: background-color .6s;
	-moz-transition: background-color .6s;
	-webkit-transition: background-color .6s;
	-o-transition: background-color .6s;
}
.jssort05 .pav .i
{
	background: #fff;
	filter: alpha(opacity=80);
	opacity: .8;
}
.jssort05 .pdn .i { background: none; }

.jssort05 .p:hover .i, .jssort05 .pav:hover .i
{
	background: #fff;
	filter: alpha(opacity=30);
	opacity: .3;
}
.jssort05 .p:hover .i
{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}


#newstitle h1{font-size:18px;}
#newsmore{padding:10px 0;font-size:13px;}
#newsmore .ntitle{font-weight:bold;font-size:14px;}
#newsmore h2{font-size:14px;font-weight:normal;padding:4px 0;margin:0;}
#newsmore h2 a{color:#333;}

#boxnews .homenews{padding-top:10px;}
#hotnews{list-style:none;margin:0;padding:0;}
#hotnews li{padding:5px 0;}

#contact-map iframe{width:100%;}
.bn-button{height:35px;padding:0 20px;color:#333;background:#d7d8da;border:none;}
.bn-button:hover{background:#ffd500;}


.prj-img{float:left;width:68%;padding-right:2%;}
.prj-info{float:right;width:30%;}
.prj-title{border-bottom:2px solid #CCC;}
.prj-title h1{line-height:25px;font-size:18px;padding:0;margin:0 0 5px 0;}
.prj-desc{padding-top:20px;}

.slidebg{background:#ffd500 url(../images/slide_03.png) no-repeat top right;}
.slide_image{position:absolute;width:545px;height:405px;top:45px;left:417px;}
.banner_desc{position:absolute;top:50px;left:20px;width:270px;font-size:16px;}
.slide_title{font-weight:bold;padding-bottom:10px;line-height:30px;font-size:24px;font-family:'UTMFacebook',Arial, Helvetica, sans-serif;}
.slide_more{text-align:right;padding-top:20px;}
.slide_more a{display:inline-block;padding:0 20px;height:30px;line-height:30px;background:url(../images/btbg.png) repeat-x;color:#fff;}



#dl-menu{display:none;}


.dl-menuwrapper {
	width: 80%;
	max-width:400px;
	float: left;
	position: absolute;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	top:10px;right:5px;
	z-index: 50;
}

.dl-menuwrapper:first-child {
	margin-right: 60px;
}

.dl-menuwrapper button {
	background:url(../images/btmnu.png) no-repeat;
	border: none;
	width: 30px;
	height: 30px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	float:right;
}


.dl-menuwrapper ul {
	background: #707070;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 35px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.2;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.2;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

@charset "utf-8";
@media \0screen {
img {width: auto;}  
}

@media only screen and (max-width: 800px) {
 
	#warraper{width:auto;}
	#dl-menu{display:inline;}
	#menutop{display:none;}
	#banner,#slogan,#lang{display:none;}
	
	#header{height:auto;border:0;background:#d5d5d5 url(../images/bgheadmb.jpg) repeat-x;}
	#logo{padding:10px 0;text-align:center;background-position:center;float:none;height:85px;}
	#logo img{height:100%;width:auto;}
	#project li,#project li:nth-child(3n){width:48%;padding:1%;}
	
	.prj-img,.prj-info{float:none;width:98%;padding:1%;}

	


}

@media only screen and (max-width: 640px) {
 
	.bgline{text-align:center;}
	#left,#right{float:none;width:auto;padding:1%;}
	#left{border:none;}
	#advs{text-align:center;}
	
	#contact .conc1,#contact .conc2{float:none;width:98%;padding:0 1%;}

}

@media only screen and (max-width: 480px) {
 
	#project li,#project li:nth-child(3n){width:98%;padding:1%;}

}