@charset "gb2312";

/* CSS Document */

.slider-focus{position:relative;max-width:640px;overflow:hidden;/*max-height:320px;*/margin:0 auto;}

.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}

.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}

.slider-focus  .hd li.on{ background:#ffea00;  }

.slider-focus  .bd{ position:relative; z-index:0; }

.slider-focus  .bd li{ position:relative; text-align:center;  }

.slider-focus  .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}

.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }



.search{z-index:9999;width:93.75%;margin:30px auto 0;overflow:hidden;border:1px solid #bbbbbb;border-radius:34px;background:#fff;}

.search .keywords{float:left;width:78.66%;margin:0 4%;height:71px;font:1.714em/71px Microsoft Yahei;color:#cbcaca;outline:none;border:none;}

.search .go{float:left;width:13.34%;height:71px;border:none;background:#fff url(../images/ico-search.png) center center no-repeat;cursor:pointer;}

.search-over{display:none;position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}

.search-warmp{display:none;position:fixed; z-index:120;left:0;top:0;width:100%;font-size:2em;font-family:Microsoft Yahei;color:#757575;}

.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}

.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}

.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}

.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(../images/search-clear.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}

.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-tab{}

.search-tab-hd li{float:left;width:50%;}

.search-tab-hd li span{display:block;height:3em;line-height:3em;border:1px solid #dcdcdc;border-left:none;border-top:none;text-align:center;}

.search-tab-hd li:last-child span{border-right:none;}

.search-tab-hd li.on span{border-bottom:none;color:#e05a63}

.search-tab-con{display:none;padding:0.6em 0.6em 1em 1em;overflow:hidden;}

.search-tab-bd .active{ display:block;}

.search-tab-con a{display:block;float:left;padding:0.4em;margin:0.4em 0.4em 0 0;color:#757575;line-height:1em;background:#ececec;}

.search-change{display:block;width:80%;margin:2em auto 0;text-align:center;border:1px solid #dcdcdc;padding:0.8em 0;border-radius:0.3em;}





#hot-key{display:none;position:fixed;z-index:9999;left:3%;top:115px;width:93.75%;color:#FFF;font-size:2em;line-height:1.5em;}

#hot-key a{color:#FFF;margin:0 5px;}

.tab-news{margin:30px 0 0 0;}



.tab-hd-index{background:#0049ac;}

.tab-hd-index ul{width:99.99%;margin:0 auto;}

.tab-hd-index li{float:left;width:33.33%;height:90px;text-align:center;color:#fff;font-size:2.285em;line-height:90px}

.tab-hd-index li.on {color:#fffc00;background:#168dd9;}



.tab-news-con .list-index{ display:none;}

.tab-news-con .active{ display:block;}



.list-index li{overflow:hidden;clear:both;padding:0 5.46875% 0 4.6875%;border-bottom:1px solid #d4d4d4;}

.list-index li:last-child{border:none;}

.list-index li a{ float:left;width:90%;height:100px;overflow:hidden;font-size:2.142em;line-height:100px;/*text-overflow:ellipsis; white-space:nowrap;*/ }

.list-index li .tel { float:right;width:9.57%;height:100px;text-indent:-9999em;background:url(../images/ico-tel.png) center center no-repeat;}

.topic_jishu-tel { float:right;width:100%;height:100px;text-indent:-9999em;background:url(../images/ico-tel.png) center center no-repeat; background-size:100%;}

.tab-news-con .more{ clear:both; display:block;height:75px;text-align:center;font-size:1.7em;line-height:75px;background:url(../images/line_more.gif) center center no-repeat;}



.tab-iteam{margin:25px 0 0 0;}

.tab-iteam-hd{position:relative;width:100%;height:90px;overflow:hidden;background:#2d2d2d;}

.tab-iteam-hd ul{ position:absolute;}

.tab-iteam-hd li{float:left;height:90px;padding:0 15px;line-height:90px;font-size:2.2857em;color:#636363; cursor:pointer;}

.tab-iteam-hd li.on{color:#ffea00;text-decoration:underline;}



.tab-iteam .tab-iteam-con{}

.tab-iteam .active{ display:block;}

.tab-iteam .tab-iteam-con ul{overflow:hidden}

.tab-iteam .tab-iteam-con li{float:left;width:33.33%;display:table;}

.tab-iteam .tab-iteam-con li a,.tab-iteam .tab-iteam-con li span{display:table-cell;width:100%;vertical-align:middle;height:224px;text-algin:center;font-size:1.714em;text-align:center;border-right:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;}

.tab-iteam .tab-iteam-con li img{max-width:100px;width:47%;}

.tab-iteam .tab-iteam-con a.more{display:block;width:93.75%;height:82px;margin:20px auto;font-size:2.142em;line-height:82px;text-align:center;color:#fff;background:#0049ac;border-radius:5px;}



.faq{ margin:50px 0 0 0;padding:0 0 50px 0;}

.index-hd{height:68px;line-height:68px;padding:18px 20px 0 70px;border-bottom:3px solid #0049ac;background:url(../images/ico-tt.png) 20px 38px no-repeat;}

.index-hd .more{float:right;font-size:24px;}

.index-hd h3{display:inline;font-size:32px;font-weight:normal;}

.index-hd strong{color:#cbcbcb;font-size:24px;font-weight:normal;text-transform:uppercase;}


.tab-chaxun{margin-top:15px;}

.tab-chaxun-con .con{ display:none;}

.tab-chaxun-con .active{ display:block;}

.list-pic-index ul{overflow:hidden;padding:20px 0;}

.list-pic-index li{float:left;width:50%;margin:2% 0;}

.list-pic-index li a{display:block;width:240px;height:240px;padding:5px;margin:0 auto;overflow:hidden;font-size:1.7em;line-height:39px;vertical-align:middle;color:#414040;text-align:center;border:1px solid #bbbbbb;border-radius:10px;}




.tab-chaxun .list-pic-index li{width:21%;margin:4% 2% 0;}

.tab-chaxun .list-pic-index li a{display:table;transition:all 0.3s ease-in-out;}

.tab-chaxun .list-pic-index li a b{ display:table-cell;font-weight:normal;vertical-align:middle}

.tab-chaxun .list-pic-index li:nth-last-of-type(1) a{color:#0049ac;}

.tab-chaxun .list-pic-index li a:focus,.tab-chaxun .list-pic-index li a:active{background:#0049ac;color:#fff;box-shadow:0 0 5px rgba(51,158,226,0.5);border:1px solid #0049ac;transition:all 0.3s ease-in-out;}





.team{margin-top:30px;padding:0 0 30px 0;}

.team .list-pic-index li{}

.team .list-pic-index li a{display:block;height:auto;width:240px;height:240px;min-width:240px;max-widt:240px;position:relative;padding:0;background:#fff;border:1px solid #e8e8e8;}

.team .list-pic-index li img{ display:block;width:240px;height:240px;}

.team .list-pic-index li span{position:absolute;left:0;bottom:0;z-index:20;width:100%;height:36px;overflow:hidden;font-size:24px;line-height:33px;color:#fff;background:rgba(0,0,0,0.5);}

.team .list-pic-index li strong{display:block;height:30px;overflow:hidden;margin:5px;font-size:24px;line-height:30px;font-weight:normal; text-align:center;}



.tab-honner-con .con{ display:none;}

.tab-honner-con .active{ display:block;}

.honner-focus{ position:relative;}

.honner-focus .prev,.honner-focus .next{ position:absolute;z-index:20;width:35px;height:39px;overflow:hidden;top:50%;margin:-20px 0 0 0;text-indent:-9999em;cursor:pointer;}

.honner-focus .prev{left:4.68%; background:url(../images/prev.png) no-repeat;}

.honner-focus .next{right:4.68%; background:url(../images/next.png) no-repeat;}

.honner-focus .bd{max-width:456px;width:71%;margin:20px auto;}

.honner-focus li{text-align:center;font-size:1.714em; line-height:1.714em;}

.honner-focus li a img{display:block;width:434px;padding:10px;border:1px solid #f8f8f8;border-radius:10px;}



.about{overflow:hidden;}

.about li a{height:75px;line-height:75px;background:#fff;transition:all 0.3s ease-in-out;}

.about li a:focus,.about li a:active{background:#0049ac;color:#fff;box-shadow:0 0 5px rgba(51,158,226,0.5);border:1px solid #0049ac;transition:all 0.3s ease-in-out;}



.tags-hd-index{background:#0049ac;}

.tags-hd-index ul{width:99.99%;margin:0 auto;}

.tags-hd-index li{float:left;width:33.33%;height:90px;text-align:center;color:#fff;line-height:90px;font-size:2.2857em;}

.tags-hd-index li.on {color:#fffc00;background:#168dd9;}

.tags-hd-index li.on a{color:#fff;}





@media screen and (max-width: 639px){	

	.search{margin:15px auto 0;border-radius:15px;}

	.search .keywords{height:35px;font:1em/35px Microsoft Yahei;}

	.search .go{height:35px;background-size:19px 19.5px;}

	.search-warmp{ font-size:1em;}

	

	#hot-key{top:60px;font-size:1em;}

	#hot-key a{color:#FFF;margin:0 5px;}

	

	.tab-news{margin:15px 0 0 0;}

	.tab-hd-index li{height:45px;font-size:1.425em;line-height:45px}

	.tab-hd-index li a{height:45px;font-size:1.425em;line-height:45px}

	.list-index li a{ float:left;width:90.43%;height:50px;overflow:hidden;font-size:1.071em;line-height:50px;}

	.list-index li .tel{height:50px; background-size:19.5px 21.5px;}

	.tab-news-con .more{height:37.5px;font-size:0.85em;line-height:37.5px; background-size:280px 1px;}

	

	.tab-iteam{margin:12px 0 0 0;}

	.tab-iteam-hd{position:relative;width:100%;height:45px;overflow:hidden;background:#2d2d2d;}

	.tab-iteam-hd ul{ position:absolute;}

	.tab-iteam-hd li{float:left;height:45px;padding:0 10px;line-height:45px;font-size:1.14285em;color:#636363; cursor:pointer;}

	.tab-iteam .tab-iteam-con li a,.tab-iteam .tab-iteam-con li span{height:112px;font-size:0.857em;}

	.tab-iteam .tab-iteam-con a.more{height:41px;margin:10px auto;font-size:1.071em;line-height:41px;border-radius:5px;}

	

	

	.faq{ margin:25px 0 0 0;padding:0 0 25px 0;}

	.index-hd{height:34px;line-height:34px;padding:9px 10px 0 35px;border-bottom:1px solid #0049ac;background:url(../images/ico-tt.png) 10px 19px no-repeat; background-size:14px 14px;}

	.index-hd .more{float:right;font-size:12px;}

	.index-hd h3{display:inline;font-size:16px;font-weight:normal;}

	.index-hd strong{color:#cbcbcb;font-size:12px;font-weight:normal;text-transform:uppercase;}

	

	.list-pic-index ul{padding:10px 0;}

	.list-pic-index li a{width:120px;height:80px;padding:5px;overflow:hidden;font-size:0.85em;line-height:19.5px;border-radius:5px;}

 	.tab-chaxun .list-pic-index li a{width:120px;vertical-align:middle;}

	 	

	.team{margin-top:15px;padding:0 0 15px 0;}

	.team .list-pic-index li a{width:120px;height:80px; min-width:120px;}

	.team .list-pic-index li img{width:120px;height:80px; min-width:120px;}

	.team .list-pic-index li span{height:18px;overflow:hidden;font-size:12px;line-height:18px;}

	.team .list-pic-index li strong{height:15px;margin:2px;font-size:12px;line-height:15px;}

	

	.honner-focus .prev,.honner-focus .next{ position:absolute;z-index:20;width:18px;height:20px;top:50%;margin:-10px 0 0 0;text-indent:-9999em;cursor:pointer;}

	.honner-focus .prev{left:2.34%; background:url(../images/prev.png) no-repeat;background-size:50% 50%;}

	.honner-focus .next{right:2.34%; background:url(../images/next.png) no-repeat;background-size:50% 50%;}

	.honner-focus .bd{max-width:228px;width:71%;margin:10px auto;}

	.honner-focus li{text-align:center;font-size:1em; line-height:1em;}

	.honner-focus li a img{display:block;width:217px;padding:5px;border:1px solid #f8f8f8;border-radius:5px;}



	.about li a{height:37px;line-height:37px;}	

	

	.tags-hd-index li{height:45px;font-size:1.425em;line-height:45px}

	.tags-hd-index li a{height:45px;line-height:45px}
}
/**===============文章页===============**/

.article{padding:0;}
.article .hd{font-size:1em;font-weight:normal;text-align:center;}
.article .meta{padding:0 0.833em;font-size:0.5em;color:#9c9c9c;text-align:center;}
.article .intro{padding:0.5em 1em;margin:0 0.833em;border-radius:0.21em;}
.article .article-con{margin:5px;font-size:14px;}
.article .article-con img{width:95%;height:auto;max-width:600px;}

@media screen and (max-width: 639px){

.related .tab-hd-index li{font-size:1.14285em;}

.article .article-con img{width:95%;height:auto;max-width:300px;}

}
.topic-con{padding:20px; font-size:2em;line-height:1.2em;}
.location{font-size:14px;height:2.5em;line-height:2.5em;margin:0 20px;}

/*content*/
.line {padding:6px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D0D0D0;
}

.c_main .tpic{ text-align:center; padding:13px 10px 0;}
.c_main .tpic img{ width:100%; max-height:264px; min-height:132px;}
.c_main dl{ padding:10px 10px 0;}
.c_main dd{ padding:10px 0; border-bottom:1px solid #dedede; height:70px;}
.c_main dd .pic{max-width:84px; height:70px; float:left;}
.c_main dd .pic img{max-width:84px; height:70px;}
.c_main dd .txt{ padding-left:95px; line-height:22px;}

.verticalAlign{vertical-align:middle;display:inline-block;height:100%;margin-left:-1px;}

.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px;
		width: 90%px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 10px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
	.reveal-modal p{line-height:36px;}
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}
		
/*位置导航*/
.location{ padding-left:15px;padding-top:0px; line-height:36px; text-align:left;border-bottom:1px solid #ccc;color:#333333;background-color:#FFFFFF;}
.location a{color:#333333}
.location img{ display:none}
.nt a{
	background-color:#FFFFFF;
	display: block;margin:5px 0px;padding:5px 10px;
}
/*图片排列*/
.block {
	overflow: hidden;
	margin-bottom: 30px;
}
.block ul {
	width: 100%;margin:0px auto;
}
.block ul li {margin-left:15px;
	margin-top: 8px;
	width: 145px;
	float: left;text-align:center;
}
.block ul li div {
	background-repeat: no-repeat;
	width: 120px;
	height: 80px;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	overflow: hidden;
}
.block ul li div img {
	max-width: 120px;
	max-height: 80px;
}
.block ul li div .lazy {
	width: 120px;
	height: 80px;
}
.block ul li p.tit {
	line-height: 1.4;
	margin-top: 10px;color:#333333;
}
.block ul li: nth-child(odd) {
	margin-right: 10px;
}
.block ul li .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.block.landscape ul {
	width: 465px;
	margin: 0 auto;
}
.block.landscape ul li {
	margin-right: 10px;
}
.min_nav_left{margin:15px 10px;}
.min_nav_left a{font-family: "微软雅黑";background-color:#168dd9;
    margin-bottom:10px; width:90px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;color: #ffffff;overflow:hidden;vertical-align:middle;text-align:center;border:1px solid #bbbbbb;border-radius:10px;}
.min_nav_left a:active,.min_nav_left a:hover{color: #FFFFFF;background-color:#e84429;}
.mjj{font-family: "微软雅黑";font-size:14px;line-height:28px;margin:15px 10px;}
.stit{background-color:#eeeeee;line-height:40px;font-family: "微软雅黑";font-size:18px;font-weight:bold;color:#FF0000;padding-left:15px;}
.content{line-height:28px;margin:10px;}
.aboutcontent{color:#333333;line-height:28px;margin:10px 6px;}
.aboutcontent img{width:100%;}
/*内容页*/
.content{word-break:break-all;border-top:1px solid #fff;}
.content h1{font-size:18px;text-align:center; padding:15px;color:#5e0c7b;}
.content span{color:#333333;}
.content .gray{color:#888;font-size:12px;text-align:center}
.content .newscontent{ padding:0px 15px 15px 15px;}
.content .newscontent p{ text-indent: 2em }
.content .newscontent{ line-height:25px;margin-top:10px;font-size:14px;color:#444}
.content .newscontent img{max-width:280px;}
.content .annex{width:300px;margin :15px; border : 1px dashed #999; background : #f9f9f9; line-height : normal;}
.content .pl_box{ background:#ddd; padding:15px;color:#555;}
.content .pl_box h4{font-size:14px}
.content .pl_box .textbox{ height:18px; line-height:18px;font-size:12px;}
.content .pl_box #SubmitComment{margin-top:10px;width:80px; height:33px; background:url(04.png) no-repeat;border:0px; text-align:center;font-family:"\5FAE\8F6F\96C5\9ED1";color:#fff;}
.content .imagetop{text-align:center;}
.content .defaultimagesrc{text-align:center}
/*分页样式*/
#fenye{clear:both;margin:15px 10px 15px 10px;height:35px;color:#999; text-align:right;}
#fenye a{text-decoration:none; font-size:14px;margin-left:5px;height:26px; text-align:center; line-height:26px; float:left;color:#666; background:#ddd;border:0px; display:block}
#fenye .prev,#fenye .next{width:55px; text-align:center;}
#fenye a.curr{width:25px; background:#fff; text-decoration:underline;color:#c00; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:bold; }
#fenye a.num{width:25px;}
#fenye a:hover{color:#00659c; text-decoration:none;}
#fenye span{ line-height:30px;padding-left:5px; font-family:Arial, Helvetica, sans-serif}
#fenye span#totalpage{padding-left:0px}


 /*文章正文分页样式*/
#pageNext{ padding:10px 12px 6px; clear:both;}
#pageNext .prev,#pageNext .next{width:64px; text-align:center;}
#pageNext a.curr{width:25px; background:#fff;color:#c00; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:bold;}
#pageNext a{text-decoration:none; font-size:14px;margin-left:5px;height:26px; text-align:center; line-height:26px; float:left;color:#666; background:#ddd}
#pageNext a.num{width:25px;}
#pageNext a:hover{color:#00659c; text-decoration:none;}

/**/
@font-face {
	font-family: 'icomoon';
	src:url('../images/fonts/icomoon.eot');
	src:url('../images/fonts/icomoon.eot@#iefix') format('embedded-opentype'),
		url('../images/fonts/icomoon.woff') format('woff'),
		url('../images/fonts/icomoon.ttf') format('truetype'),
		url('../images/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.dl-menuwrapper {
	width: 100%;
	max-width: 250px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 45px;
	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:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	border: none;
	width: 60px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: url(../images/ico-nav.png) no-repeat center center;
	background-size: 50%;
}
.dl-menuwrapper ul {
	background: #363636;
}
.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;
}

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

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

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

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

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(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:45px;
	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: '';
}