@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%;}
}



/*头部*/
.header{overflow:hidden; background:#fff; padding:1em 0; }
.logo {width:35%; float:left; margin: 0 0.5em 0 1em 0;  padding-left:0.5em;}
.d_h { width:63%; 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;}



/*关于我们切换*/

/* Slider */
.slider img { padding:0 0.4em;}
.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-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; margin-top:1em; max-height:150px; overflow:hidden}
.slick-slide img { display: block; }
.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; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {  display: block; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; filter:alpha(opacity:0); opacity:0;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: '\8592'; }

.slick-next { right: -25px; }
.slick-next:before { content: '\8594'; }

/* Dots */


.slick-dots { position: absolute;  list-style: none; display: block; text-align: center; padding: 0px; width: 100%; filter:alpha(opacity:0); opacity:0;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.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; content: '\8226'; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; 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;}
.blue{background:url(../images/abo_bj.png);color:#fff; position:relative;top: -4em;}
.blue h3{background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0 20px 20px; margin-bottom: 10px;}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px;}
.center .slick-center h3{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform:scale(1.08);}
@media (max-width: 420px) {
ul.nav li a{display:block;font-size:10px;}
}
@media (max-width: 768px) {
.blue h3{font-size:24px;}
.button{margin:0 auto 20px;width:auto;}
.button.first{margin-top:40px;}
.buttons{padding:0 0 20px;}
.buttons .button{float:left;font-size:12px;margin:1%;width:48%;}}






/*导航*/

.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;}
.jian_j { background:#f5f8fc; padding-bottom:1.5em; }
.jian_j_a {padding-top:1.8em;  }

.jian_j_b { padding:1.5em 1em 1em 1em;line-height: 1.6em;color:#333333;bottom:3.5em;text-align: justify;
position: relative}
.jian_j_b span {  font-size:1.4em; font-weight:bold; color:#0762bb; margin-bottom:0.8em; border-top:2px solid #ff6600;}
.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;}
.a_ckgd_a {  height:1.82em; width:6em;margin:0 auto;line-height: 1.82em;text-align: center;bottom:3em;
position: relative}
.a_ckgd_a a { display:block; width:6em; height:1.82emem; background:#ff6600; color:#fff;border:1px solid #ff6600; }
.a_ckgd_a a:hover { background:none; color:#ff6600;border:1px solid #ff6600;}


/*产品应用*/
.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:31.3%; 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{ display:block; clear:both;}
.t_d li{float: left;width: 44%;margin: 0px 3%;margin-bottom: 0.8em;overflow: hidden;display: block;box-sizing: border-box; }
.hzk { width:100%; position:relative;bottom:2em;}
.t_d span { text-align:center; display:block;min-height:24px}
.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;}
.fkong{ width:1em; height:4.708em}
.footer{ position:fixed; bottom:0px; width:100%; font-family:Microsoft YaHei;background:#0762bb;border-top:1px solid #fff; z-index:999999;}
.footer ul{height:3.5em; margin:0px auto;  }
.footer ul li{float:left; color:#ffffff;height:3.5em; width:25%; text-align:center}
.footer ul li a{color:#fff;height:3.5em;  display:block;}
.footer ul li a:hover { background:#ff6600; color:#fff;}
.lx_wom_a { border-left:1px solid #fff;border-right:1px solid #fff;}
.lx_wom { border-right:1px solid #fff;}
.shou_y {  height:1em; width:1.2em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:1.3em;}
.lian_xwm {  height:1em; width:1.4em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:1.3em;}
.dao_hdz {  height:1.3em; width:1em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:1.3em; }



/*内页导航*/
.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;}


.about img{ max-width:100%;}
/*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_a img{ max-width:100%;}

.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;     display: flex;flex-wrap: wrap;}
.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; padding:10px 0;}
.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;word-break:break-all; }
.picturelist_f img{ max-width:100%;}
.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;}
.picture_c table{ width:100% !important;}

.picture img{ max-width:100% !important;}







/*下拉菜单*/


#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: '';
}