body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif;font-size:0.18rem;color:#666666;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top;}
option{padding-left:5px;*padding:0;}
ul, li{list-style:none;}
a{color:#424242;text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.menu{width:100%;z-index:999;}
.menu_fix{background:#fff}
.headere{width:16rem;margin:0px auto;position:relative;display: flex;height:90px;align-items: center;justify-content: space-between;}
.logo{width:3.2rem; padding-right:0.7rem;}
.logo img{max-width: 100%;}
.menu_fr_lx{padding-top:0px;}
.menu_fr_lx a{font-size:0.16rem;padding:0 0.2rem;}
.menu_fr_lx a:first-child{}
.menu_fr_tx{}
.menu_fr_tx a{color:#fff}
.menu_fr_ym{padding-right:0}
.menu_fr_ym a{color:#999999}
.menu_fr_tx{display: flex;}
.search-user::before{content: "";height:12px;width:1px;background:#fff;display: inline-block;position: relative;margin-top:5px}
.nav_bar{position:relative; z-index:999; color:#333;flex:1}
#colorNav > ul{	width: 100%; margin:0 auto;line-height:0.4rem;}
#colorNav > ul > li{display: inline-block;position:relative;font-size:0.18rem;padding:0 0.2rem}
#colorNav > ul > li:hover::after, #colorNav > ul > li.active::after {transform: scaleX(1);}
#colorNav > ul > li::after {position: absolute;content: "";top: 100%;left: 0;right:0;width: 40px;height: 4px;background: #3b9eee;transform: scaleX(0);transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);margin:0px auto}
#colorNav > ul > li > a{position: relative;display: flex;color: #333;text-decoration: none;}
#colorNav li ul{position:absolute;list-style:none;text-align:center;width:200px;left:50%;margin-left:-95px;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.4s linear;
-moz-transition:max-height 0.4s linear;transition:max-height 0.4s linear;z-index:999;border-radius: 0 0 5px 5px;margin-top:5px}
#colorNav > ul > li > a:hover {}
#colorNav li ul li{background-color:#fff;}
#colorNav li ul li a{padding:10px 15px 10px 15px;color:#fff !important;text-decoration:none !important;display:block;line-height:30px;font-size:14px}
#colorNav li ul li:nth-child(odd){}
#colorNav li ul li{background: #cacfd1}
#colorNav li ul li:hover{}
#colorNav li ul li:first-child{position:relative;line-height:30px}
#colorNav li ul li:first-child:before{;position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color:rgba(0,160,233,0.8);left:50%;top:-5px;margin-left:-5px;}
#colorNav li ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#colorNav li:hover ul{min-height: 200px;}
.activev::after{transform: scaleX(1) !important;}
.innerpagination {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}
.swiper-slide img{width:100%;display:block}

.title {font-size: 0.24rem;width:1600px;margin:0px auto;overflow: hidden;text-align:center;padding:20px 0px}
.title p{font-size: 0.48rem;color: #005295;font-weight: bold;display: block;}
.title span{}

.inner_pro{width:1600px;height:100%;overflow: hidden;margin:0px auto;padding:30px 0px}
.inner_pro ul{margin-right:-20px}
.inner_pro ul li{float:left;width:385px;margin:0 20px 20px 0;border-radius:5px;}
.inner_pro ul li a{display:block;padding:20px 0px;color:#000;text-align:center}
.inner_pro ul li img{vertical-align: middle;margin-left:20px;width:100%;border-radius:5px}

.inner_about{text-align:center;background: url(../img/inner_about.jpg)no-repeat center top;}
.inner_about h3{font-size:0.3rem;color:#005295;padding:0.7rem 0 0.2rem 0}
.inner_about span{font-size:48px;color:#005295;font-weight:bold;padding:30px 0px;display: block;}
.inner_about p{font-size:0.16rem;color:#333;width:60%;margin:0px auto;line-height:0.32rem;padding:0 0.5rem}
.inner_about a{display:inline-block;padding:0.14rem 0.45rem;border:1px solid #005295;margin:0.8rem 0 1rem 0;color:#005295;font-size: 0.16rem;font-weight: bold;}
.inner_about a i{margin-left:0.10rem}

.con{width:1600px;height:100%;overflow: hidden;margin:0px auto;padding:30px 0px}
.item{width:300px}
.item h3{background:#005295;font-weight:bold;text-align:center;color:#fff;line-height:80px;}
.item li{line-height: 50px;background: #f5f5f5;padding-left: 50px;font-size: 18px;margin-bottom: 10px;}

.content{width:1270px;float:right}
.prolist{width:1290px;height:100%;overflow: hidden;padding:20px 0px}
.prolist ul{margin-right:-30px}
.prolist ul li{float:left;width:300px;margin:0 30px 30px 0px;border-radius:5px;}
.prolist ul li a{display:block;padding:20px 0px;text-align:center}
.prolist ul li img{vertical-align: middle;width:100%;border-radius:5px}


.newslist{width:1290px;height:100%;overflow: hidden;padding:20px 0px}
.newslist ul{}
.newslist ul li{width:100%;padding-bottom:15px}


#footer{width:100%;height:384px;background:#2c2f34;    }
.footer_top{height:327px;border-bottom:1px solid #4d4d4d;}
.footer_top .navs p{color: #dadada;margin-top: 10px;margin-bottom: 0px;font-size: 13px}
.footer_top .navs p span{color: white;font-weight: bold}
.footer_top .logo{    float: left;  margin-top: 148px;  margin-right: 158px;  margin-left: 9px;}
.footer_contact{float: left;margin-top: 59px;margin-left: 80px;}

.foot_contact{float:left;margin-top:59px;border-right: 1px solid #3c405d;}
.foot_contact ul{margin: 0 50px 0 0}
.foot_contact ul li{margin-bottom: 24px;margin-bottom: 50px;}
.foot_contact ul li a{color: #fff;font-size: 17px;}
.foot_contact ul li a:hover{border-bottom: #21bbb9 1px solid;padding-bottom: 10px;}
.footer-nav{padding-left: 60px;float: left;margin-top: 59px;margin-left: 20px;border-right: 1px solid #3c405d;border-left: 1px solid #3c405d;height: 234px;}
.footer-nav ul{    float: left;	margin-right: 50px;}
.footer-nav ul li{margin-bottom: 24px}
.footer-nav ul li a{color:#dadada }
.footer-nav p{padding:10px 0px;color:#fff}


.footer-qrcode{float:left;margin-top:59px;margin-left: 67px}
.footer_bottom{height: 57px;line-height: 57px;	color: #667384;	font-size: 12px;text-align:center}
.footer_bottom a{color:#fff}
.list_pro{width:100%;}
.list_pro li{line-height:32px}
.pc_text{border-bottom:1px solid #ddd;height:50px;line-height:50px}
.font_a{font-size:24px;font-weight:bold;color:#00479d}

.sn_title{text-align:center;padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:20px}
.sn_title p{padding:10px 0px}
.sn_title h3{font-size:24px;font-weight:bold;color:#00479d}
.sn_title span{padding:0px 10px}

@media screen and (min-width:1201px){
.layui-container{width:16rem}

}

@media screen and (min-width:992px) and (max-width:1200px){

}
@media screen and (min-width:768px) and (max-width:991px){

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


.logo{width:7rem}
.headere{height:50px}
.inner_about h3{font-size: 1rem;}
.inner_about span{font-size: 0.7rem;}
.inner_about p{width:100%;line-height: 1.4rem;text-align: left;font-size: 0.7rem;}
.inner_about a{padding:0.5rem 1rem}

}




.header{}
.dl-menuwrapper {width: 100%;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 {}
.dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background: url(../img/menu-button-bg.png) no-repeat center center;background-size: 50%;}
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {}
.dl-menuwrapper ul {background: #005295;}
.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 #fff;border-bottom:1px solid #f5f5f5;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;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);}
.dl-menuwrapper li .dl-submenu {display: none;}
.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;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
.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 .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: '';}