@charset "utf-8";
/* CSS Document */
#headSHBtn {
    display: none;
    width: 40px;
    height: 40px;
    background: #000;
    line-height: 40px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: -40px;
}
#header {
    width: 100%;
    height: auto;
    position: fixed;
    padding-top: 20px;
    font-size: 14px;
    transition: all ease .3s;
    z-index: 99;
    transition-property: padding, background
}
#header .content {
    padding: 0 40px;
}
#header.mini ul li.navitem {
    padding-bottom: 0;
}
#header ul li.navitem {
    padding: 0 20px 10px 20px;
    width: auto;
    height: 50px;
    line-height: 40px;
    float: left;
    position: relative;
}
#header ul li.navitem a {
    color: #fff;
    transition: none ease-out .3s;
    transition-property: color, background, text-indent, opacity
}

#header ul li.navitem ul.subnav {
    transition: all 0.3s ease-out 0s;
    position: absolute;
    width: 210px;
    border-top: #838383 3px solid;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px);
}

#header ul li.navitem:hover ul.subnav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.nav-a i {
    display: inline;
}

#header ul li.navitem ul.subnav li a::before{ display:none; transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;}
body.ipusher.open #header #headSHBtn{ margin-left:400px}
body.ipusher.open #header #headSHBtn:hover{ background-color:#2319dc;}
body.ipusher.open #header #headSHBtn i::before{ transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
body.ipusher #header #headSHBtn i{ font-size:17px; margin-top:17px; transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;}
body.ipusher #header #headSHBtn:hover i{ color:#fff; transform:rotate(90deg); -ms-transform: rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
body.ipusher.open #header #headSHBtn:hover i{ color:#fff; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
#headSHBtn{ display:block; left:-70px; top:20px; color:#dedede; background:#231815; width:50px; height:50px; transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s;}
#headSHBtn:hover{ background-color:#2319dc;}
body.ipusher #header ul li.navitem ul.subnav{ margin:-648px 0px 0px; height: 2000px; background-color:#fff; overflow:hidden; padding-top:645px; right:100%; left:auto; z-index:-99;}
#header ul li.navitem:hover ul.subnav{ box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1); }
body.ipusher #header .content{ padding-top:100px; background-color:#fff; padding-bottom:1000px; box-shadow:0px 2px 26px rgba(0,0,0,0.1);}
#header ul li.navitem ul.subnav li a{ margin:0; width:auto; background:rgba(0,0,0,0); padding:15px 50px;}
#header ul li.navitem ul.subnav li{ border-bottom:#efefef 1px solid;}
#header ul li.navitem ul.subnav{ width:320px; transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s; transform:translate3d(320px,0px,0px); -moz-transform:translate3d(320px,0px,0px); -webkit-transform: translate3d(320px,0px,0px); opacity:1; visibility:visible;}
#logoClone img{ margin:20px 30px;}
body.ipusher #header{ width:400px; left:auto; background-color:#fff; right:-400px; position:fixed; z-index:2;}
body.ipusher.open #header{ transform:translate3d(-400px,0,0); -webkit-transform:translate3d(-400px,0,0); -moz-transform:translate3d(-400px,0,0); -o-transform:translate3d(-400px,0,0);}
body.ipusher #header #logo { margin:30px 0; display:none;}
body.ipusher #header #logo img{ margin-left:60px; height:34px;}
body.ipusher #header ul li.navitem{ text-align:left; border-top:1px solid #f5f5f5;}
#header ul li.navitem a{ color:#b0b0b0; margin:0 60px;}
#header ul li.navitem a.active, #header ul li.navitem:hover a{ color:#7a7a7;}
#header ul li.navitem a::before{ width:0px; height:50px; position:absolute; content:""; transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s; background-color:#6e6e6e; z-index:1; margin-top:0px; margin-left:-60px;}
#header ul li.navitem a.active::before{ width:5px; background-color:#2319dc;}
#header ul li.navitem:hover a.active::before { width:5px; background-color:#2319dc;}
#header ul li.navitem:hover a::before { width:5px; background-color:#6E6E6E;}
.bx-wrapper .bx-controls-direction a:hover { background-color:#383838}
#pages a.active, #pages a:hover{ background:#22a9ff; color:#fff;}
#pages { padding:40px 0 100px;}
#indexPage #mslider .bx-wrapper .bx-pager{ bottom:60px;}
.bx-wrapper .bx-controls-direction a{ background:rgba(0,0,0,.2); border-radius:0px;}
#header ul li.navitem ul.subnav li a:hover{ background:rgba(0,0,0,.7);}