﻿@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{ overflow:visible;z-index:10;width:6.4rem; margin:0 auto;height: 0.92rem;position: fixed;left: 50%;margin-left: -3.2rem;bottom: 0; background:url(../images/n_dbbg.jpg) no-repeat; background-size:6.4rem 0.92rem;}
.ft_nav{width:6.4rem;height: 0.92rem; position:relative}
.ft_nav li{float: right;width: 25%;height: 0.92rem; position:relative}
.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.55rem;height:0.55rem;display:block;margin:0.03rem auto 0 auto;}
.ty{ position:absolute; width:0.43rem; height:0.25rem;left:50%; margin-left:0.1rem; top:0.05rem; z-index:3}
.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:0.18rem;}

.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:block;max-width:6.4rem;height: 100%;position: fixed;left:50%;margin-left:-3.2rem;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:1.1rem;}
.item_list_li h2{ line-height:0.4rem; height:0.4rem; font-size:0.25rem;}
.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);}
}