@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;}
/*.new_footer{ z-index:999;width:6.4rem; margin:0 auto; overflow:hidden;height: 0.92rem;position: fixed;left: 50%;margin-left: -3.2rem;bottom: 0;}
.ft_nav{width:6.4rem;height: 0.92rem;}
.ft_nav li{float: left;width: 25%;height: 0.92rem;}
.ft_nav a{ width: 100%;height: 100%;text-align:center; font-size:0.18rem; color:#fff;display: block;font-family: "微软雅黑" ;}
.ft_nav_icon{width: 0.36rem;height:0.4rem;display: inline-block;margin-top: 0.13rem;}
.ft_nav_txt{padding-top: 0.06rem;}
.home_icon{width: 0.4rem;}
.ft_nav li:nth-of-type(1) a{background: #5a58a0;}
.ft_nav li:nth-of-type(2) a{background: #f90;}
.ft_nav li:nth-of-type(3) a{background: #ec4253;}
.ft_nav li:nth-of-type(4) a{background: #3b365b;}
.ft_nav li p{font-size:0.22rem;}*/
/*.bottom .con{ margin:0 auto; max-width:6.4rem; height:1rem; border-top:1px solid #e9e9e9;}
.bottom .con li{ float:left; display:inline; width:25%; text-align:center; padding-top:0.18rem}
.bottom .con li a{ display:block; width:100%; color:#262433}
.bottom .con li a span{display:block;}
.bottom .con li a .t{font-size:0.34rem; height:0.34rem; line-height:0.34rem;}
.bottom .con li a .n{ font-size:0.18rem; line-height:0.25rem; font-family:"微软雅黑"}

.bottom .active a{color:#9866b4 !important;}*/

/*
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(#7441b4, #3d1767); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#7441b4, #3d1767); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#7441b4, #3d1767); /* Firefox 3.6 - 15 */
    background: linear-gradient(#7441b4, #3d1767); /* 标准的语法 */
    /*background:url(../images/bottom3/dibu-bg.jpg) no-repeat; */
    background-size: 100%;background-size: cover;}
.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: #ffe611}
.ft_nav a{ width: 100%;height: 100%;text-align:center; font-size:18px; color:#fff;display: block;font-family: "微软雅黑" ; }
.ft_nav_icon{width: 45%; height:100%;display:block; margin: 0 auto}
/* .ft_nav_icon i{ position: absolute; left: 36%; top: -200%; width:33%;animation: 1s ease 0s normal none infinite running pulse; } */
@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: -1070%;
    width: 130%;
    animation: pulse 1s ease 0s normal none infinite running;
    -webkit-animation: pulse 1s ease 0s normal none infinite running;
}
/*.ft_nav .ty {  position: absolute;  width: 30%;  left: 50%;  margin-left: 10%;  top: 10%;  z-index: 3;  }
*/
.ft_nav .ty { display: inline-block; padding: 2%; position: absolute;  width: 30%;  left: 50%;  margin-left: 24%;  top: 10%;  z-index: 3; background: #ff0000; border-radius: 5px;  }
.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)
    }
}
/*****
.ft_nav .dbquan{ position:absolute; width:1.21rem; height:1.21rem; left:0.42rem; top:-0.35rem;}
.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}
.ft_nav .active img{transform:rotate(180deg)}
**********/
/*
2017 footer end
*/

/*
2017 new
*/
.float_screen {display: none;width:100%;background: rgba(40,35,55,.9);height:100%;position: fixed;left:0;top: 0;z-index: 1000000;}
.float_item {display:none;max-width:640px;height: 100%;position: fixed;left:0;right:0; margin:0 auto;top: 0;z-index: 1000001;}
.item_list {width:100%; height:100%;}
.ip_item {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;}
.item_list_li { position:relative;width:25%; float:left; text-align:center; vertical-align:top; padding:0.12rem 0 0 0;-webkit-transform: translateY(1000px);transform: translateY(1000px);}
.item_list_li a{ display:inline-block; color:#fff;}
.item_list_li img{width:90%;}
.item_list_li h2{ line-height:35px; font-size:25px; font-weight: normal}
.item_list_li img.hot{position:absolute;right:10%;top:0%;width:0.41rem;}

.item_move0{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both;}
.item_move1{-webkit-animation:item_move .5s 0s ease-in-out both;animation:item_move .5s 0s ease-in-out both;}
.item_move2{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both;}
.item_move3{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both;}

.item_move4{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both;}
.item_move5{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both;}
.item_move6{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}
.item_move7{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both;}

.item_move8{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}
.item_move9{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move10{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}
.item_move11{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move12{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move13{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move14{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move15{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both;}

.item_move16{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move17{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move18{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move19{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both;}

.item_move20{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move21{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move22{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move23{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

@-webkit-keyframes item_move{
    0%{ -webkit-transform: translateY(1000px);}
    80%{ -webkit-transform: translateY(-10px);}
    100%{ -webkit-transform: translateY(0px);}
}
@keyframes item_move{
    0%{transform: translateY(1000px);}
    80%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}

.item_moveback23{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback22{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback21{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback20{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback19{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback18{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback17{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback16{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback15{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback14{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback13{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback12{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback11{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both;}
.item_moveback10{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}
.item_moveback9{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}
.item_moveback8{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both;}

.item_moveback7{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}
.item_moveback6{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both;}
.item_moveback5{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}
.item_moveback4{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}

.item_moveback3{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}
.item_moveback2{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both;}
.item_moveback1{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}
.item_moveback0{-webkit-animation:item_moveback .5s .7s ease-in-out both;animation:item_moveback .5s .7s ease-in-out both;}
@-webkit-keyframes item_moveback{
    0%{ -webkit-transform: translateY(0px);}
    100%{ -webkit-transform: translateY(1000px);}
}
@keyframes item_moveback{
    0%{transform: translateY(0px);}
    100%{transform: translateY(1000px);}
}


@media screen and (max-width: 640px) {  .ft_nav li p{font-size:18px}.item_list_li h2{ font-size: 20px} .ft_nav .ty{ font-size: 16px}  }
@media screen and (max-width: 420px) {  .ft_nav li p{font-size:16px}.item_list_li h2{ font-size: 18px}  .ft_nav .ty{ font-size: 14px} }
@media screen and (max-width: 380px) {  .ft_nav li p{font-size:14px} .item_list_li h2{ font-size: 16px}.ft_nav .ty{ font-size: 12px } }
@media screen and (max-width: 320px) {  .ft_nav li p{font-size:12px}.item_list_li h2{ font-size: 14px} .ft_nav .ty{ font-size: 10px  } }