@charset "utf-8";
/* CSS Document */
html{}
body{ font-family:"微软雅黑"; 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;}



@media screen and (min-width:320px) { 
	body{font-size:95%;}
}
@media screen and (min-width:375px) {
	body{font-size:102%;}
}
@media screen and (min-width:480px) {
	body{font-size:105%;}
}
@media screen and (min-width:540px) {
	body{font-size:105%;}
}
@media screen and (min-width:550px) {
	body{font-size:110%;}
}
@media screen and (min-width:640px) {
	body{font-size:130%;}
}

/* 关于我们*/
.about_title {  border-top:1px solid #e7e7e7;}
.about_info { padding:4% 4% 0 4%; overflow:hidden; background:#f7f7f7;}
.about_t { font-size:1.2em; margin-top:1%;}
.about_t span { font-size:1.3em; border-top:2px solid #f47115; padding-top:1%; font-weight:bold;}
.about_i { line-height:1.8; padding:4% 0;}
.about_i p { text-indent:2em;}

.pro_more { margin:0 auto; width:40%; text-align:center; margin-top:3%; overflow:hidden; padding-bottom:10%;}
.pro_more a { padding:2% 0; background:#0f61cd; color:#fff;display:block;}
.pro_more a:hover { background:#f47115;}


/* 应用案例*/
.case_title { border-bottom:1px solid #dddddd; padding-bottom:2%; font-size:1.3em; color:#191919; text-align:center; margin:1.7em 0 0.7em 0; font-weight:bold;}
.case_info { padding:2% 0 6% 0; overflow:hidden;}
.swiper-container img{width:100%;}
.case_text{display:block; text-align:center; line-height:1.25em;  padding-bottom:0.25em; padding-top:0.25em; text-decoration:none; color:#333;}
.case_text1{display:block; text-align:center; line-height:2em; font-size:1.5em; padding-bottom:0.25em; padding-top:0.25em; text-decoration:none; color:#fff;}
.swiper-slide{position:relative;}
.swiper-slide em{ position:absolute; right:1em; bottom:0; color:#fff;line-height:2em; font-size:1.5em; padding-bottom:0.25em; padding-top:0.25em;}
.g_tz { display:block; width:100%; text-align: center; color:#1e78ff; margin-bottom:0.8em;}

.swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}
.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}

.swiper-button-prev { left:5%;}
.swiper-button-next {right:5%;}

/*合作伙伴*/
#features { margin-bottom:6em; }
.Partner { text-align:center; margin:10% 0 3% 0; font-size:1.4em; color:#000; font-weight:bold; border-bottom:1px solid #eaeaea;  padding-bottom:2%; margin-bottom:5%;}	
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide {text-align: center; float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; margin-bottom:2%;}
.slick-slide img.slick-loading { background: white url(./ajax-loader.gif) center center no-repeat; padding-bottom: 100%; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom:-45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { background:#d7d7d7;position: relative; display: inline-block; height: 10px; width: 10px; border-radius:10px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots .slick-active { background:#0f61cd;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #fff; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
#disqus_thread{margin-top:20px;}
*{-moz-box-sizing:border-box;box-sizing:border-box;}
.slick-slide .image{padding:10px;}
.slick-slide img{border: 1px solid #dedede;display:block;width:100%;}
.slick-slide a { display:block; margin:0 3%;}
.slick-slide img.slick-loading{border:0 }




/*头部*/
.header{overflow:hidden; background:#fff; padding:1em 0; }
.logo {width:23%; float:left; margin: 0 0.5em 0 1em 0;  padding-left:0.5em;}
.d_h { width:75%; float:right; border-left:1px solid #dcdcdc; padding-left:0.5em; }
.d_h_a { color:#38b500; font-weight:bold;font-size: 1.2em;}
.d_h_a span { color:#0657b2;}
.d_h_b { font-size:1.2em;color:#ff6600; font-weight:bold;}
.d_h_c{ font-size:0.7em;}
.d_h_c span{font-weight:bold; color:#ff6600;font-size:1.4em;}






/*导航*/

.nav ul{ background-size:1em auto; overflow:hidden}
.nav ul li{  float:left; width:25%;height:3.2em; text-align:center;line-height:3.2em; background:url(../../images/na_bj.jpg) repeat-x;}
.nav ul li a{color:#ffffff; display:block; line-height:3.2em;height:3.2em; background:url(../../images/navli_bj.png) no-repeat left; }
.nav ul li:nth-child(1) a{ border:0px}
.nav ul li:nth-child(5) a{ border:0px}
.nav a:hover { background:#ff6600;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:4px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:4px; background-color:#0762bb;   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#ff6600;  }
.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;}


/*推荐产品*/
.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 span{ display:block; width:100%;font-weight:normal; text-align:center; line-height:2.500em;}
.cpul li span a{color:#010101;font-size: 0.8em;}


/*产品分类*/
.cp {padding-top: 1em; background:#f5f8fc; }
.cp_logo { width:100%; margin:0.3em 0 0 0; background:url(../../images/cl_bj.png) no-repeat center 0.8em; background-size:90%; font-size:1.5em;  color:#0762bb; text-align:center; font-weight:bold;}
.cp_logo01 { color:#0762bb; text-align:center; width:100%; margin-bottom:1.4em;}


.cpflul{ height:4.167em; margin-bottom:1em; padding-left:0.15em;}
.cpflul li{font-size:0.9em; border-left:1px solid #fff; width:24.6%;height:3.567em;    padding-top: 0.6em; background:#38b500; float:left; line-height:3em;  text-align:center;color:#fff; position: relative;}
#c_m {line-height:1.5em; }
.cpflul li.on{color:#ffffff; background:#ff6600}
.cpflul .on:after{display:block;}


/*产品应用*/
.cal { background:#0762bb;padding:1em 0 1em 0;float:left;}
.cal_a { width:100%;  background:url(../images/alt_j.png) no-repeat center 0.8em; background-size:90%; font-size:1.5em;  color:#fff; text-align:center; font-weight:bold;}
.cal_b { color:#fff; text-align:center; width:100%; margin-bottom:1.4em;}
.cal_c { color:#fff; text-align:center; width:100%; margin-bottom:1.4em;}
.cal_c li { width:23%; float:left; margin:0 1%; position:relative; margin-bottom:0.5em;  }
.cal_c span a { color:#0762bb;}
.cal_c span { position:absolute; z-index:99999; width:100%; display:block; top:0.5em;}


/*专业团队*/
.t_d { padding-left:0.5em;}
.t_d li{float: left;width: 47%;margin: 0px 1%;margin-bottom: 0.8em;}
.hzk { width:100%; position:relative;bottom:2em;}
.t_d span { text-align:center; display:block; padding:0.2em 0 0.4em 0;}
.t_d img { border:1px solid #c6c6c6;}



/*新闻*/
.kehu {bottom:2em;
position: relative}
.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: 50%;font-size: 1.4em;}
.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_a  { padding:0 0.8em;}
.xinwen_b { padding:1.2em 0.8em 2em 0.8em;}
.xinwen_b span { float:right; color:#b0b0b0;}
.xinwen_b li { line-height:2.3em; background:url(../../images/xwli_bj.png) no-repeat center left; background-sixe:5%; border-bottom:1px dashed #dbdbdb; margin-bottom:0.3em;}
.xinwen_b a { padding-left:1em;}
.x_w{ height:4.167em; margin-bottom:1em;}
.x_w li{ text-align:center; border-left:1px solid #fff; width:33.0%; background:#acabab; float:left; line-height:2.5em; color:#fff;position: relative;}
.x_w li.on{color:#fff;background:#0762bb;}
.x_w .on:after{display:block;}
.x_w img { float:left;}




/*顶部*/
.d_t { text-align:center; color:#898987; border-top:1px dashed #898987; padding-top:1em; margin-top:1em; margin-bottom:100px;}
.fkong{ width:1em; height:4.708em}
.footer{ position:fixed; bottom:0px; width:100%; background:#0f61cd;border-top:1px solid #fff; z-index:9999999999;}
.footer ul{height:3.5em; margin:0px auto;  }
.footer ul li{float:left; color:#ffffff;width:33.33%; text-align:center}
.footer ul li a{color:#fff; padding:5% 0; overflow:hidden;  display:block;}
.footer ul li a:hover { background:#f47115; color:#fff;}
.foot_tel { background:url(../images/foot_bj.jpg) no-repeat left top;}
.foot_address { background:url(../images/foot_bj.jpg) no-repeat left top;}
.f_home {   width:1.2em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em;}
.f_tel {   width:1.7em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em;}
.f_address {  width:1em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.1em; }
.en_address {  width:1.3em; display:block;margin:0 auto; padding-top:0.5em; padding-bottom:0.1em; }



/*内页导航*/
.ny_dh_a { height:3em; width:100%; background:#e8e8e8; text-align:center; line-height:3em;}
.ny_dh_a img { width:100%;}
.fan_h { float:left; padding:0.8em 0 0 0.6em; height:1.4em;}
.fan_h_a {height:1.4em; width:1.4em;float:left;}
.fan_h_a img { float:left;}
.fan_h_b {height:1.4em; width:2.5em; float:right; line-height:1.4em;font-size: 1.1em;}
.fan_h_b a {color:#0762bb;line-height: 1.2em;}
.fan_h_b a:hover {color:#ff6600 ;}
.sy_anniu { float:right;padding:0.6em 0.6em 0 0;height:1.7em; width:4.8em;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.8em; text-align:justify; line-height:1.6em;}
.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:"宋体";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:#0762bb; 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.8em;}
.news_a {text-align:justify; line-height:1.6em; padding-bottom: 2em;border-bottom: 1px dashed #B6B6B6;}
.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: "宋体";  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 #0762bb;padding: 2px 5px; margin: 2px;color: #FFF; background-color: #0762bb; text-decoration: none;border-radius: 5px;}
.picturelist_c span.nolink {border: 1px solid #BDBDBD ;padding: 2px 4px; margin:0 0.6em; color: #fff;}
.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:"宋体";margin-right: 0.5em;}
.products_ms {padding: 0.5em 0.5em;line-height: 1.6em;border-top: 1px dashed #B6B6B6;}


.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:1.2em; font-weight:normal; text-align:center; line-height:1.5em; height:50px}
.picturelist_b li h5 a{color:#333333}
.picturelist_c { text-align: center;padding:1em 0;}
.picturelist_f { padding:0 0.5em 1em 0.5em; 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; padding-bottom: 0.2em;}
.picture_b { padding:1em;}
.picture_b img {border: 1px solid #B6B6B6; margin-bottom:0.5em;}
.picture_c { padding:0.7em 0.5em;text-align:justify; line-height:1.6em;border-bottom: 1px dashed #B6B6B6;}




.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px; list-style-type:none
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}





/*下拉菜单*/


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

/* Common styles of menus */
.dl-menuwrapper {width: 12em;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: #0762bb 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: #ff6600;}
.dl-menuwrapper ul {background: #0762bb;}

/*.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.6em 0.5em;font-size: 1em;line-height: 1.5em;font-weight: 300;color: #fff;border-bottom:1px solid #fff;outline: none; z-index:999;}
.no-touch .dl-menuwrapper li a:hover {background:#ff6600;}
.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: '';
}