@charset "utf-8";
/* CSS Document */
html{}
body{ font-family:"Arial"; color:#3f3f3f; }
* { margin:0; padding:0;}
.mian{ margin:0 auto; min-width:320px; max-width:640px;  background-color:#fff;}
a{text-decoration:none; color:#3f3f3f;}
li { list-style:none;}
.clear { clear:both;}
img { border:none;}
/*头部*/
.header{overflow:hidden; background:#fff; }
.logo {width:93%;}
.logo #laug { float:right; padding-bottom:1em;color:#000;}
.logo #laug a { color:#000;}
.logo #laug a:hover { color:#85c325; }
.header .logoImg{float:left;display:block; padding: 1.7em 0 0.7em 1em;}
.header .hdTxt{ float:left; width:11.5em; margin-top:1.4em; }
.header .hdTxt .p1{ font-weight:bold;color:#0d8ae6; line-height:1.5em;}
.header .hdTxt .p2{ font-weight:bold;color:#b2b2b2; line-height:1.5em;}
.header .tel{width:65%; float:right; padding-top:2.3em;font-size: 0.9em;}
.header .tel .s1{color:#2a56c1; line-height:1.7em;  font-size:0.75em; font-size:0.98em;}
.header .tel .s1 img{ display:block;  float:left;margin-top: 0.4em;margin-right: 0.3em;width: 5.8%;}
.header .tel .s1 span{ color:#ec3400;font-weight:bold; }
.header .tel .s2 { font-size:1.05em; font-weight:bold;color:#ec3400; line-height:1.3em;}
.header .tel .s2 span { color:#000;}







/*导航*/
.nav ul{ background-size:1em auto; overflow:hidden}
.nav ul li{  float:left; width:33.333333333%;height:2.917em; text-align:center;line-height:2.917em; background:#85c325;border-top:1px solid #5e9d1a;}
.nav ul li a{color:#ffffff; display:block; text-align:center; background:url(../images/navli_bj.jpg) no-repeat left; font-size: 1.2em;}
.nav ul li:nth-child(1) a{ border:0px}
.nav ul li:nth-child(5) a{ border:0px}
.nav a:hover { background:#90d22a;}


.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:#85c325;   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#ec3400;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
/*banner*/
.banner img{ display:block; width:100%}
.content{padding:0px 0.833em;background:#e7e7e7; padding-top:1em;}
/*推荐产品*/
.tjcp .tjtit{background:url(../images/titbg2_03.png) repeat-x; height:4.833em; background-size:2.625em auto; margin-bottom:0.333em; position:relative;}
.tjcp .tjtit:after{content:''; position:absolute; bottom:-1em;  margin-left:1em; width:0; height:0; border:1em solid transparent; border-top-color:#0d8ae6;}
.tjcp .tjtit h4{ width:4.167em; height:4.833em; font-size:1em; line-height:4.167em; padding-left:0.833em;}
.tjcp .tjtit h4 a{color:#ffffff;}
.cpul{ overflow:hidden}
.cpul li{ float:left; width:44%; margin:0px 3%;margin-bottom: 1.2em;}
.cpul li img{ display:block;border:1px #dcdcdc solid;width:100%;}
.cpul li h5{ font-size:0.8em; font-weight:normal; text-align:center; line-height:2.500em;}
.cpul li h5 a{color:#333333}
/*产品分类*/
.cp {padding-top: 1em; }
.jj_logo { padding:2.6em 0 2em 0; text-align:center;}
.jian_j_b { padding:1em;line-height: 1.6em;}
.cpflul{ height:4.167em; margin-bottom:1em;}
.cpflul li{ border-left:1px solid #fff; width:33.0%;height:3.567em;    padding-top: 0.6em; background:#85c325; float:left; line-height:1.6em; text-align:center;color:#fff;position: relative;}
.cpflul li.on{color:#ffffff; background:#b0b0b0}
.cpflul .on:after{display:block;}
.ckgd { width:9em; height:1.82em; margin:0 auto;line-height: 1.82em;text-align: center;margin-top: 1em; }
.ckgd a { display:block; width:9em; height:1.82emem; background:url(../images/chakan.jpg) repeat-x; color:#fff;}
.ckgd a:hover { background:#ec3400; color:#fff;}

/*产品优势*/
.you_s {  background:#fff;padding-bottom: 3em;}
.you_s_a { height:3em; margin:0 auto; }
.you_s_b { height:4em; text-align:center; margin:1em 0; color:#666666;}
.you_s_b strong { color:#ec3400;}
.you_s_c {  margin:0 auto; }





/*介绍*/
.jieshao { padding-bottom: 1.5em}
.jieshao .jstit{ position:relative; padding:2em 0 2em 0;}
.jieshao .jstit:after{ position:absolute; bottom:-1.7em; left:50%; margin-left:-1em; width:0; height:0; border:1em solid transparent; border-top-color:#0d8ae6;}
.jieshao .jstit p{ font-size:1.250em; text-align:center; color:#ffffff;padding:0px 0.750em; padding-top:1em;}
.jieshao .jstot{ position:relative; background:#eeeeee;padding: 1.5em 0;}
.jieshao .jstot ul{ width:100%;}
.jieshao .jstot ul li{ width:100%;}
.jieshao .jstot ul li img{  width:68.3%;display:block; border:1px #dcdcdc solid;margin:0px auto;
-moz-box-shadow:0.05em 0.05em 0.1em  #333333 ;-webkit-box-shadow:0.05em 0.05em 0.1em  #333333 ;
box-shadow:0.05em 0.05em 0.1em  #333333;}
.jieshao .jstot ul li h5{ font-size:1em; text-align:center}
.jieshao .jstot ul li h5{color:#0d8ae6; line-height:2.917em;}
.jieshao .jstot ul li p{color:#333333; text-align:center;padding:0 1.2em;}
.jieshao .jstot ul li p span{color:#ff8610}
.jieshao .jstot .l{ position:absolute; top:6.5em; left:1.3em;}
.jieshao .jstot .l img{ display:block; }
.jieshao .jstot .r{ position:absolute; top:6.5em; right:0.1em; }
.jieshao .jstot .r img{ display:block; }
.ck { text-align:center;width:9em; height:1.82em; margin:0 auto;line-height: 1.82em;text-align: center;} 
.ck a { color:#fff; border:1px solid #fff; display:block; width:9em; height:1.82em; line-height:1.82em; margin-bottom:2em;}
.ck a:hover { background:#ec3400; border:none}



/*客户*/
.kehu { margin-top:2em;}
.khul li:nth-child(2){ background:none}
.khul li{ overflow:hidden; background:url(../images/Index/libg_03.png) bottom center no-repeat; padding:1em 0px}
.khul li .imga{ display:block; width:8.833em; float:left; margin-right:1.250em; height:7.833em;}
.khul li img{ display:block; width:100%;}
.khul li .imga span{ display:block; width:100%; background:url(../images/tu_02.png) no-repeat; background-size:100% auto; height:7.833em; margin-top:-7.833em; position:relative}
.khul li h5{ padding-top:0.833em;font-size:1.083em;}
.khul li h5 a{ color:#2a56c1; line-height:1.667em;}
.khul li p{color:#333333; margin-top:0.417em; line-height:1.250em; height:5.000em; overflow:hidden}
#kh li {width:49.6%;text-align: center;}


.hez{ overflow:hidden}
.hez li{ float:left; width:44%; margin:0px 3%}
.hez li img{ display:block;border:1px #dcdcdc solid;width:100%;}
.hez li h5{ font-size:1em; font-weight:normal; text-align:center; line-height:2.500em;}
.hez li h5 a{color:#333333}


/*新闻*/

.xinwen_b { padding:0 0.5em}
.xinwen_b span { float:right; color:#b0b0b0;}
.xinwen_b li { line-height:2.3em; background:url(../images/xwli_bj.png) no-repeat center left;}
.xinwen_b a { padding-left:1em;}


.x_w{ height:4.167em; margin-bottom:1em;}
.x_w li{ border-left:1px solid #fff; width:33.0%;height:4.167em;  background:#85c325; float:left; line-height:4em; color:#fff;position: relative;}
.x_w li.on{color:#ffffff; background:#b0b0b0}
.x_w .on:after{display:block;}
.x_w img { float:left;}
.d_qiu{height:1.7em;width:1.7em;display:block;float: left;padding: 1.25em 1em 0 2.5em}
.s_ben{height:1.7em;width:1.7em;display:block;float: left;padding:1.25em 1em 0 2.5em}

/*微信*/
.weixin { padding:1em 1em 0 1em; border-top:1px dashed #b6b6b6; text-align:center; olor: #898987;}
.weixin a { color:#3F3F3F;}
.weixin a:hover { color:#85c325;}
.ckgd_a { width:9em; height:1.82em; margin:0 auto;line-height: 1.82em;text-align: center;margin-top: 1em ; margin-bottom:1.5em;}
.ckgd_a a { display:block; width:9em; height:1.82emem; background:#ff0000; color:#fff;}
.ckgd_a a:hover { background:#85c325; color:#fff;}




/*顶部*/
.fkong{ width:1em; height:4.708em}
.footer{ position:fixed; bottom:0px; width:100%;background:#85c325;border-top:1px solid #fff; z-index:9999999;}
.footer ul{height:4.2em; margin:0px auto;  }
.footer ul li{float:left; color:#ffffff;height:4.2em; width:33.1%; text-align:center}
.footer ul li a{color:#fff;height:4.2em;  display:block; font-size:1.2em;}
.footer ul li a:hover { background:#ec3400; color:#fff;}
.lx_wom { border-left:1px solid #fff;border-right:1px solid #fff;}
.shou_y {  height:1em; width:1.2em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em;}
.lian_xwm {  height:1em; width:1.4em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em;}
.dao_hdz {  height:1.3em; width:1em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.1em; }



@media screen and (min-width:320px) { 
	body{font-size:90%;}
}
@media screen and (min-width:375px) {
	body{font-size:90%;}
}
@media screen and (min-width:480px) {
	body{font-size:100%;}
}
@media screen and (min-width:540px) {
	body{font-size:115%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:180%;}
}



/*内页导航*/
.ny_dh_a { height:3em; width:100%; background:#e8e8e8; text-align:center; line-height:3em;font-size: 1.1em;}
.ny_dh_a img { width:100%;}
.fan_h { float:left; padding:0.6em 0 0 0.6em; height:1.7em; width:1.7em;}
.sy_anniu { float:right;padding:0.6em 0.6em 0 0;height:1.7em; width:1.7em;position: relative;
z-index: 100;}
.ny_dh_b  { width:100%;}
.ny_dh_b li { float:left;width:33.3%;background:#f0f0f0;}
.ny_dh_b a {border-right:1px solid #fff; border-bottom:1px solid #fff;height:2.2em; line-height:2.2em; display:block; padding-left:1.3em;color: #2a56c1;} 
.ny_dh_b a:hover { background:#ec3400; color:#fff;}
.about { padding:1em 0.5em; line-height:1.6em;}
.about strong {  line-height:2.3em;}
.about img { width:95%; text-align:center;}
.about_aa {word-break: break-all; padding:1em 1.5em;  line-height:1.6em;}
.ny_dh_b da { color:#2a56c1; font-size:0.7em;font-family:"Arial";margin-right: 0.5em;}

/*newlist*/
.newlist_a { padding:1em 1em; text-align:justify; line-height:1.6em; }
.newlist_a li { border-bottom:1px dashed #B6B6B6;line-height:2.2em; margin-bottom:0.8em;}
.newlist_a a {color:#3f3f3f; padding-left:0.4em;}
.newlist_a span { float:right; color:#B6B6B6;}
.newlist_a dian { color:#85c325; font-size:0.7em;}
.newlist_a a:hover { color:#ec3400;}
.newlist_b {  text-align: center;padding:1em 0;}
.pagelink { margin-left:0.5em;}

.news { padding:1em 0.5em;}
.news_a {line-height:1.6em; padding-bottom: 2em;border-bottom: 1px dashed #B6B6B6;}
.news_a img { width:100%;}
.news_l { font-size: 1em; text-align: center; border-bottom:1px dashed #B6B6B6;  margin-bottom:1.5em;padding-bottom: 0.5em;} 
.news_b {  line-height:2em;}

.news_e  { width:100%;}
.news_e li { float:left;width:50%;background:#f0f0f0;}
.news_e a {border-right:1px solid #fff; border-bottom:1px solid #fff;height:2.2em; line-height:2.2em; display:block; padding-left:2em;} 
.news_e a:hover { background:#ec3400; color:#fff;}
.news_e da { color:#2a56c1; font-size:0.7em;font-family: "Arial";  margin-right: 0.5em;}
.pagelink { margin:0 auto; line-height:2em;}
.pagelink span.nolink {background: #BDBDBD none repeat scroll 0% 0%;padding: 2px 5px;color: #FFF;margin: 0px 10px;border-radius: 5px;}
.pagelink span.current {border: 1px solid #85c325;padding: 2px 5px; margin: 2px;color: #FFF; background-color: #85c325; text-decoration: none;border-radius: 5px;}
.picturelist_c span.nolink {border: 1px solid #A9A9A9;padding: 2px 4px; margin:0 0.6em; color: #555;}
.pagelink a{background: #BDBDBD none repeat scroll 0% 0%;padding: 2px 5px;color: #FFF;margin: 0px 10px;border-radius: 5px;}

/*picture*/
.picturelist_e  { width:100%;}
.picturelist_e li { float:left;background:#f0f0f0;width:33.3333%;}
.dy { width:50%}
.usb { width:50%}
.ls { width:100%}
.picturelist_e a {border-right:1px solid #fff; border-bottom:1px solid #fff;height:2.2em; line-height:2.2em; display:block; padding-left:0.5em;color: #3f3f3f;} 
.picturelist_e a:hover { background:#ec3400; color:#fff;}
.picturelist_e da { color:#3f3f3f; font-size:0.7em;font-family:"Arial";margin-right: 0.5em;}

.picturelist { padding-top:1em;}
.picturelist_a{ position:relative; z-index:0; font-size: 0.8em}
.picturelist_a li img{ width:100%;  }
.picturelist_a li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.picturelist_a li a:hover {color:#ec3400; }
.picturelist_b{ overflow:hidden}
.picturelist_b li{ float:left; width:44%; margin:0px 3%;margin-bottom: 1.2em;}
.picturelist_b li img{ display:block;border:1px #dcdcdc solid;width:100%;}
.picturelist_b li h5{ font-size:1em; font-weight:normal; text-align:center; line-height:2.500em;}
.picturelist_b li h5 a{color:#333333}
.picturelist_c { text-align: center;padding:1em 0;}
.picturelist_f { padding:0 0.5em 1em 0.5em; text-align:justify; line-height:1.6em;}
.picture_d { line-height:2em; padding:0 1em 0.5em 1em; }
.picture_d a:hover { color:#ec3400;}
.picture { padding-top:1.5em;}
.picture_a { height:1.5em; text-align:center; border-bottom: 1px dashed #B6B6B6;padding-bottom: 1em;}
.picture_b { padding:1em;}
.picture_c { padding:0.7em 0.5em; line-height:1.6em;border-bottom: 1px dashed #B6B6B6;}










/*下拉菜单*/


#ny_chanpin li { width:100%;}
#sy li { padding-left:0.6em; }
#sy a{ background:#ec3400;}
#dl-menu .dl-menu span { font-family:"Arial";float: right;}
#erjicaidan a { padding-left:50px; display:block;}

/* Common styles of menus */

.dl-menuwrapper {
	width: 15em;
	max-width: 250px;
	float: right;

	
	padding-top: 2.2em;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%; 
}



.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 1.7em;
	height: 1.7em;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #85c325 url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #ec3400;
}

.dl-menuwrapper ul {
	background: #85c325;
}

/*
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}
*/

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

.dl-menuwrapper li {
	position: relative;
	text-align: left;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 0.8em 0.5em;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: 300;
	color: #fff;
	
	border-bottom:1px solid #589818;
	outline: none; z-index:999;
	
}

.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;

}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

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

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

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

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-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;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-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;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

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

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

@-webkit-keyframes MenuAnimOut1 {
	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 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-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;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

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

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-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.5;
	}
	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;
	}
}

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

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

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

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

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

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

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

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

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

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


.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-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;
	-moz-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;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

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

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-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;
	}
}

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

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

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

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

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

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

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

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

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

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

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-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;
	-moz-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;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

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

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-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;
	}
}

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

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

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

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

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

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

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

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

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

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

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}