@charset "utf-8";
/* CSS Document */

.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:""; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1;}

/*2017 footer start*/
.new_footer{ z-index:1000002;max-width: 750px; min-width: 320px; box-sizing:border-box; padding-top:1.25rem; height:2.28rem;background:url(../images/botbg.png)  no-repeat; background-size:7.5rem 2.28rem; margin:0 auto;position: fixed;left:0; right:0;bottom: 0;}
.ft_nav{width:100%;position:relative}
.ft_nav li{float: left;width: 20%; position:relative; padding: 0.5% 0}
.ft_nav li.on a{ color: #7f37a3}
.ft_nav a{ width: 100%;height: 100%;text-align:center; font-size:18px;display: block;font-family: "微软雅黑" ; }
.ft_nav_icon{width:35%; height:100%;display:block; margin: 0 auto}
.ty1{ color:#fff}

@keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    100% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
}
.ft_nav_txt{padding-top: 0.06rem;}
.home_icon{width: 0.4rem;}
.ft_nav li .ft_nav_icon img:nth-of-type(1){ display:block}
.ft_nav li .ft_nav_icon img:nth-of-type(2){ display:none}
/*.ft_nav li.on .ft_nav_icon img:nth-of-type(1){ display:none}*/
.ft_nav li.on .ft_nav_icon img:nth-of-type(2){ display:block}
.ft_nav li p{font-size:18px; display: block}
.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}
.ft_nav .active img{transform:rotate(180deg)}
.ft_nav .zixu {
    position: absolute;
    left: -5%;
    margin: 0 auto;
    top: -1rem;
    width: 100%;
    animation: pulse 1s ease 0s normal none infinite running;
    -webkit-animation: pulse 1s ease 0s normal none infinite running;
}


@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.5,.1,.5,1);
        transform:translateZ(0)
    }
    40%,43% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,-5px,0)
    }
    70% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,0px,0)
    }
    90% {
        transform:translate3d(0,-2px,0)
    }
}
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.5,.1,.5,1);
        -webkit-transform:translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        -webkit-transform:translate3d(0,-5px,0)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        -webkit-transform:translate3d(0,0px,0)
    }
    90% {
        -webkit-transform:translate3d(0,-2px,0)
    }
}
/*2017 footer end*/