/* =========== 常用功能 css =========== */
/*下拉框*/
.zqm-dow{
    position: relative;
}
.zqm-dow .dro-op{
    display: none;
    position: absolute;
}

/*tab 切换*/
.z-ovs-dt li{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*弹窗*/
.z-popupWrap{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: 9999;
}
.z-popupWrap .z-popup{
    position: absolute;
    background-color: #FFF;
}
.z-Mask{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter:Alpha(opacity=70);
    position: absolute;
    top:0;
    left: 0;
}

/*时间轴*/
.z-timeAxis{
    overflow: hidden;
    position: relative;
}
.z-timeAxis .z-ros>li{
    float: left;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.z-timeAxis .z-axis{
    position: relative;
    left: 0;
    -webkit-transition: left 0.6s ease;
    -moz-transition: left 0.6s ease;
    -ms-transition: left 0.6s ease;
    -o-transition: left 0.6s ease;
    transition: left 0.6s ease;
}
.z-timeAxis .z-axis .z-is{
    display: block;
    -webkit-transition: width 0.7s ease;
    -moz-transition: width 0.7s ease;
    -ms-transition: width 0.7s ease;
    -o-transition: width 0.7s ease;
    transition: width 0.7s ease;
}


/* =========== 轮播 基本css =========== */
.z-slider{
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.z-slider .z-mvo{
    overflow: hidden;
    position: relative;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;

    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.z-slider .z-mvo .z-card{
    float: left;

}

.z-slider .next,.z-slider .prev{
    cursor: pointer;
}
.z-slider .z-paging li{
    cursor: pointer;
}
.z-slider .z-mvo .z-card>a{
    display: block;
}



/* =========== head-nav 基本css =========== */
.z-navigation .z-nav{
    z-index: 999;
    position: relative;
    overflow: hidden;

}
.z-nav{
    position: relative;
    z-index: 900;
}
.z-posNav{
    height: 0;
    overflow: hidden;
}


.z-posNav ul{
    height: 0;
    position: relative;
}
.z-posNav ul li{
    position: absolute;
}


/*--> .fade  */
.z-posNav.fade li {
    -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    opacity: 0;
    filter:Alpha(opacity=0);
}

/*> .fade 方向 <*/
/*.left*/
.z-posNav.fade.left li {
    -webkit-transform: translateX(-80px) translateY(0);
    -moz-transform: translateX(-80px) translateY(0);
    -ms-transform: translateX(-80px) translateY(0);
    -o-transform: translateX(-80px) translateY(0);
    transform: translateX(-80px) translateY(0);
}
/*.right*/
.z-posNav.fade.right li {
    -webkit-transform: translateX(80px) translateY(0);
    -moz-transform: translateX(80px) translateY(0);
    -ms-transform: translateX(80px) translateY(0);
    -o-transform: translateX(80px) translateY(0);
    transform: translateX(80px) translateY(0);
}
/*.down*/
.z-posNav.fade.down li {
    -webkit-transform: translateX(0) translateY(-100%);
    -moz-transform: translateX(0) translateY(-100%);
    -ms-transform: translateX(0) translateY(-100%);
    -o-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
}


.z-posNav.fade li.on{
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
    filter:Alpha(opacity=100);
}
/*> .fade 方向 end <*/





/*!* .deviation *!*/
.z-posNav.deviation li {
    height: 0;
}
.z-posNav.deviation li a{
    opacity: 0;
    filter:Alpha(opacity=0);
    position: relative;
    z-index: -300;

    -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*> .deviation 方向 <*/
/*.leftDown*/
.z-posNav.deviation.leftDown li a{
    -webkit-transform: translateX(-60%) translateY(-30px);
    -moz-transform: translateX(-60%) translateY(-30px);
    -ms-transform: translateX(-60%) translateY(-30px);
    -o-transform: translateX(-60%) translateY(-30px);
    transform: translateX(-60%) translateY(-30px);
}
/*.rightDown*/
.z-posNav.deviation.rightDown li a{
    -webkit-transform: translateX(60%) translateY(-30px);
    -moz-transform: translateX(60%) translateY(-30px);
    -ms-transform: translateX(60%) translateY(-30px);
    -o-transform: translateX(60%) translateY(-30px);
    transform: translateX(60%) translateY(-30px);
}
/*.down*/
.z-posNav.deviation.down li a{
    -webkit-transform: translateX(0) translateY(-50px);
    -moz-transform: translateX(0) translateY(-50px);
    -ms-transform: translateX(0) translateY(-50px);
    -o-transform: translateX(0) translateY(-50px);
    transform: translateX(0) translateY(-50px);
}
/*> .deviation 方向 end <*/

.z-posNav.deviation.down li a{
    opacity: 0;
    filter:Alpha(opacity=0);
    -webkit-transition-property: transform,opacity;
    -moz-transition-property: transform,opacity;
    -ms-transition-property: transform,opacity;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;

    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.z-posNav.deviation.down li a:nth-child(1){  -webkit-transition-delay : 0ms;-moz-transition-delay : 0ms;-ms-transition-delay : 0ms;-o-transition-delay : 0ms;transition-delay : 0ms;  }
.z-posNav.deviation.down li a:nth-child(2){  -webkit-transition-delay : 100ms;-moz-transition-delay : 100ms;-ms-transition-delay : 100ms;-o-transition-delay : 100ms;transition-delay : 100ms;  }
.z-posNav.deviation.down li a:nth-child(3){  -webkit-transition-delay : 300ms;-moz-transition-delay : 300ms;-ms-transition-delay : 300ms;-o-transition-delay : 300ms;transition-delay : 300ms;  }
.z-posNav.deviation.down li a:nth-child(4){  -webkit-transition-delay : 400ms;-moz-transition-delay : 400ms;-ms-transition-delay : 400ms;-o-transition-delay : 400ms;transition-delay : 400ms;  }
.z-posNav.deviation.down li a:nth-child(5){  -webkit-transition-delay : 500ms;-moz-transition-delay : 500ms;-ms-transition-delay : 500ms;-o-transition-delay : 500ms;transition-delay : 500ms;  }
.z-posNav.deviation.down li a:nth-child(6){  -webkit-transition-delay : 600ms;-moz-transition-delay : 600ms;-ms-transition-delay : 600ms;-o-transition-delay : 600ms;transition-delay : 600ms;  }
.z-posNav.deviation.down li a:nth-child(7){  -webkit-transition-delay : 700ms;-moz-transition-delay : 700ms;-ms-transition-delay : 700ms;-o-transition-delay : 700ms;transition-delay : 700ms;  }


.z-posNav.deviation li.on a:nth-child(1){  -webkit-transition-delay : 0ms;-moz-transition-delay : 0ms;-ms-transition-delay : 0ms;-o-transition-delay : 0ms;transition-delay : 0ms;  }
.z-posNav.deviation li.on a:nth-child(2){  -webkit-transition-delay : 50ms;-moz-transition-delay : 50ms;-ms-transition-delay : 50ms;-o-transition-delay : 50ms;transition-delay : 50ms;  }
.z-posNav.deviation li.on a:nth-child(3){  -webkit-transition-delay : 100ms;-moz-transition-delay : 100ms;-ms-transition-delay : 100ms;-o-transition-delay : 100ms;transition-delay : 100ms;  }
.z-posNav.deviation li.on a:nth-child(4){  -webkit-transition-delay : 150ms;-moz-transition-delay : 150ms;-ms-transition-delay : 150ms;-o-transition-delay : 150ms;transition-delay : 150ms;  }
.z-posNav.deviation li.on a:nth-child(5){  -webkit-transition-delay : 200ms;-moz-transition-delay : 200ms;-ms-transition-delay : 200ms;-o-transition-delay : 200ms;transition-delay : 200ms;  }
.z-posNav.deviation li.on a:nth-child(6){  -webkit-transition-delay : 250ms;-moz-transition-delay : 250ms;-ms-transition-delay : 250ms;-o-transition-delay : 250ms;transition-delay : 250ms;  }
.z-posNav.deviation li.on a:nth-child(7){  -webkit-transition-delay : 300ms;-moz-transition-delay : 300ms;-ms-transition-delay : 300ms;-o-transition-delay : 300ms;transition-delay : 300ms;  }

.z-posNav.deviation li a{  -webkit-transition-delay : 0ms;-moz-transition-delay : 0ms;-ms-transition-delay : 0ms;-o-transition-delay : 0ms;transition-delay : 0ms;  }



.z-posNav.deviation li.on a{
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);

    opacity: 1;
    filter:Alpha(opacity=100);
    z-index: 700;
}



/*=======================*/