@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: 640px; min-width: 320px; margin:0 auto;position: fixed;left:0; 
    right:0;bottom: 0;
    background: -webkit-linear-gradient(left, #229f3c ,#229f3c,#229f3c);
    background: -o-linear-gradient(right, #229f3c ,#229f3c,#229f3c);
    background: -moz-linear-gradient(right, #229f3c ,#229f3c,#229f3c);
    background: linear-gradient(to right,#229f3c ,#229f3c,#229f3c);
}*/

.new_footer{ z-index:1000002;max-width: 640px; min-width: 320px; margin:0 auto;position: fixed;left:0; 
    right:0;bottom: 0;
    background: -webkit-linear-gradient(left, #a8000e ,#a8000e,#a8000e);
    background: -o-linear-gradient(right, #a8000e ,#a8000e,#a8000e);
    background: -moz-linear-gradient(right, #a8000e ,#a8000e,#a8000e);
    background: linear-gradient(to right,#229f3c ,#229f3c,#229f3c);
}
.ft_nav{width:100%;position:relative}
/*.ft_nav li{float: left;width: 20%; position:relative; padding: 0.5% 0; }*/
.ft_nav li{float: left;width: 17.5%; position:relative; padding: 1% 0; }
.ft_nav li:nth-child(3){width:30%;}
.ft_nav li.on a{ color: #ffe611}
.ft_nav a{ width: 100%;height: 100%;text-align:center; font-size:18px; color:#fff;display: block; }
.ft_nav_icon{width: 45%; height:100%;display:block; margin: 0 auto}
@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(2){ display:block}
/*.ft_nav li p{font-size:.18rem;display: block}*/
.ft_nav li p{font-size:.18rem;line-height: .3rem; display: block}
.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}
.ft_nav .active img{transform:rotate(180deg)}
/*.ft_nav .zixu {  position: absolute;  left: -6%; 
    margin: 0 auto;  top: -780%;  width: 114%; animation: pulse 1s ease 0s normal none infinite running ;-webkit-animation: pulse 1s ease 0s normal none infinite running ;}*/
.ft_nav .zixu {  position: absolute;  left: -8%; 
    margin: 0 auto;  top: -500%;  width: 114%; animation: pulse 1s ease 0s normal none infinite running ;-webkit-animation: pulse 1s ease 0s normal none infinite running ;}
.ft_nav .ty { display: inline-block; padding: 2%; position: absolute;  width: 30%;  left: 50%;  margin-left: 24%;  top: 10%;  z-index: 3; background: #ff6600; border-radius: 5px;  font-size:.16rem;  }
.ft_nav .ty i{ font-style: normal}
.ft_nav .ty1{top: -510%; animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;}
@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)
    }
}