/*Author:xl 2017 0802*/
/*提示 start*/
.xdw-tips {
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    min-width: 1180px;
    height: 36px;
    background: #f1fbff;
    font-size: 12px;
    padding: 10px 0;
}
.xdw-tips p{
    color: #1ca9f2;
}
.xdw-tips a{
    color: #fa4f4f;
}
/*提示 end  */
/*ͷ头部 start*/
.dgg_header{width: 100%;min-width: 1180px;height: 30px;line-height: 30px;font-size: 12px;background: #f1f1f1;position: relative;z-index: 101;}
.dgg_header .fl li{float: left;}
.dgg_header li>a{
    font-size: 12px;
    color: #666;
    padding: 0 10px;
}
.dgg_header .fl a {
    border-left: 1px solid #d0d0d0;
}
.dgg_header .fl li:first-child a{border:none;padding-left: 0;}
.dgg_header .fl li a span{
    padding-left: 5px;
}
.sub-navigation a i {
    background: url(../images/top_bottom_03_2.jpg) 5px 13px no-repeat;
    display: inline-block;
    width: 20px;
    height: 19px;
}
.dgg_header .fr li{float: left;margin-left: 30px;}
.dgg_header .fr a:hover{text-decoration: underline;}
.dgg_header .fr .blue{color: #004b92;text-decoration: underline;}
.sub-navigation{position: relative;}
.service-nav {
    background: #fff;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: -1px;
    width: 236px;
    min-height: 74px;
    padding: 5px 0 12px 12px;
    display: none;
}
.sub-navigation:hover .service-nav {
    display: block;
}
.service-nav>a {
    float: left;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    color: #676767;
    margin: 6px 10px 0 0;
}
.dgg_header .service-nav>a {
    border: 0;
}
.sub-navigation.active>a, .sub-navigation:hover>a {
    line-height: 30px;
    height: 30px;
    background: #fff;
    z-index: 1;
}
.sub-navigation:hover>a {
    border-left: 0;
    margin: 0;
    display: block;
    position: relative;
    padding-bottom: 2px;
}
.sub-navigation:hover {
    border-left: 1px #d8d8d8 solid;
    border-right: 1px #d8d8d8 solid;
}
.service-nav>a:hover {
    text-decoration: underline;
}
.dgg_header li>a:hover {
    color: #1786ef;
}
.dgg_header .sub-navigation a:hover {
    color: #666;
}
.dgg_header .fl div a:hover {
    color: #1786ef;
}
.sub-navigation:hover a span {
    color: #1786ef;
}
.sub-navigation:hover a i {
    background: url(../images/top_top_03_1.jpg) 5px 13px no-repeat;
}
/*ͷͷ头部 end */
/*搜索框 start*/
.index-search{padding: 25px 0;}
.logo{width: 321px;float: left;position: relative;}
.logo>a{display: block;}
.logo .txt{color: #fff;width: 90px;height: 24px;line-height: 24px;position: absolute;right: 0;top: 12px;font-size: 14px;text-align: center;overflow: hidden;}
.search-form {
    float: left;
    margin-left: 115px;
    margin-top: 13px;
}
.search-form-box {
    font-size: 0;
}
.no-register,.tabBox>div {
    display: none;
}
.tabBox>div {
    display: block;
}
.search-form-box>button,.search-form-box>input {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: normal;
    word-spacing: normal;
}
.search-form-box>input {
    line-height: 16px;
    height: 16px;
    padding: 8px 10px;
    border: 2px solid #004b92;
    width: 294px;
    border-right: 0;
}
.search-form-box>button,.search-form-box>input {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: normal;
    word-spacing: normal;
}
.search-form-box>button {
    line-height: 34px;
    height: 36px;
    padding: 0 20px 0 15px;
    background: #004b92;
    color: #fff;
    font-size: 16px;
}
.size25 {
    width: 25px;
    height: 36px;
    vertical-align: middle;
    font-size: 14px;
    background: url(../images/search-icon.png) no-repeat center center;
}
.search-form-box span {
    margin-left: 2px;
    vertical-align: middle;
    font-size: 14px;
}
.search-form-tab-bottom{
    margin-top: 3px;
}
.search-form-tab-bottom li {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    color: #999;
    line-height: 22px;
    vertical-align: middle;
}
.hot {
    color: #fa4f4f!important;
}
.tel_box{display: block;float: right;}
.tel_box.top15{padding-top: 15px;}
.tel_box label{padding-left: 24px;background: url(../images/tel_2.png) left center no-repeat;}
.tel_box strong{font-size: 20px;color: #ff7f00;position: relative;top: 1px;}
/*搜索框 end  */
/*悬浮菜单 start*/
.menu-main-box{
    width: 100%;
    min-width: 1180px;
    position: relative;
    font-size: 16px;
    background-color: white;
}
.fixed_top_nav .menu-main-box.fix{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    border-bottom: 1px solid #ddd;
    box-shadow: 5px 4px 10px #ddd;
}
.menu-main-box .index{
    float: left;
    height: 50px;
    line-height: 50px;
}
.menu-main-box a{
    color: #2f2f2f;
}
.menu-main-box .active a{
    color: #fe0b0b;
}
.menu-main-box .w1180{
    position: relative;
}
.menu-main{
    float: left;
    margin-left: 30px;
    font-size: 0;
}
.menu-main li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    position: relative;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    width: 115px;
    text-align: center;
}
.menu-main li a{
    display: block;
    position: relative;
}
.menu-main .nav-sub{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    display: none;
    z-index: 3;
    border: 1px solid #eee;
    border-top: none;
}
.menu-main li:hover .nav-sub{
    display: block;
}
.menu-main li .nav-sub a{
    padding: 10px 10px;
    line-height: 1.3;
    border-top: 1px solid #eee;
    color: #686868;
    /**display: inline;*/
    /**zoom: 1;*/
}
.menu-main li .nav-sub a.on,.menu-main li .nav-sub a:hover{
    color: #004b92;
}
.menu-main li.about-xd{
    width: auto;
    position: absolute;
    right: 0;
}
.menu-main li .hot{display: block;-webkit-animation-name: bounce;animation-name: bounce;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.menu-main li .hot{position: absolute;top: 0;right: 0;width: 23px;height: 13px;background:url(../images/hot_3.png) no-repeat;}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform: translateY(0);transform: translateY(0)}
    40%{-webkit-transform: translateY(-5px);transform: translateY(-5px)}
    60%{-webkit-transform: translateY(-2px);transform: translateY(-2px)}}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
    40%{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)}
    60%{-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px)}}
/*悬浮菜单 end */
/*底部 start*/
/*footer*/
.dgg_footer{width: 100%;min-width: 1180px;height: 104px;padding-top: 36px;text-align: center;font-size: 12px;position: relative;}
.dgg_footer .link_list li{display: inline-block;*zoom:1;*display: inline;background: url(../images/footer_2.png) left center no-repeat;}
.dgg_footer .link_list li:first-child{background: none;}
.dgg_footer .link_list li a{padding: 0 8px 0 13px;}
.dgg_footer .link_list li a:hover{color: #004b92;text-decoration: underline;}
.dgg_footer .copyRight{padding-top: 20px;}
.dgg_footer p{line-height: 24px;}
.dgg_footer .xdw_copy{padding-left: 28px;background: url(../images/copy_1.png) left center no-repeat;display: inline-block;*zoom:1;*display: inline;}
/*底部 end  */
/*banner  start */
.sub-station-banner{ height: 450px; position: relative; top: 0; left: 0; min-width: 1180px; overflow: hidden;}
.sub-banner-inner{height: 450px;width: 1920px; overflow: hidden; position: relative; top: 0; left: 50%; margin-left: -960px;}
.sub-station-banner .hd.sub-station-dot{bottom: 14px;width: 1180px;left: 370px;font-size: 0;position: absolute;z-index: 1;text-align: center;cursor: pointer;[;letter-spacing: -4px;];[;word-spacing: -4px;];}
.sub-station-banner .hd.sub-station-dot>ul{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 5px 15px;border-radius: 10px;background: url(../images/transparent50fff_1.png) repeat;font-size: 0;text-align: center;}
.sub-station-banner .hd.sub-station-dot li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;font-size: 0;color: #999;margin: 0 5px;border-radius: 50%;background: #7b695c;[;letter-spacing: normal;];[;word-spacing: normal;];}
.sub-station-banner .hd.sub-station-dot li:hover{background: #fff;color: #fff;}
.sub-station-banner .hd.sub-station-dot li.on{background: #fff;}
/*banner end*/
.sky-bg{
    background-color: #1d7bd3;
}
.orange-bg{
    background-color: #ff9000;
}
.green-bg{
    background-color: #22c45b;
}
.blue-bg{
    background-color: #2e3ea9;
}
.wechat {
    width: 437px;
    height: 50px;
    margin: 0 auto;
    border: 2px solid #0e84e9;
    line-height: 53px;
    color: #fff;
    cursor: pointer;
    border-radius: 53px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.wechat-left {
    width: 280px;
    font-size: 14px;
    float: left;
    text-align: center;
    color: #666;
    height: 50px;
    border-radius: 3px 0 0 5px;
}
.wechat-left.t-fff{color: white;}
.wechat-left span {
    color: #0e84e9;
    font-weight: bold;
    font-size: 18px;
}
.wechat-righ {
    width: 155px;
    background: #0e84e9;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
    border: 1px solid #0e84e9;
    border-radius: 53px;

}
.wechat:hover {
    -webkit-opacity: 0.8;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.8;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.8;
    /* IE9 + etc...modern browsers */
    opacity: .8;
    /* IE 4-9 */
    filter:alpha(opacity=80);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    padding: 0 50px;
}
.wechat-righ i {
    background: url(../images/wechat_1.png) no-repeat;
    width: 25px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 28px;
}
.wechat-righ span {
    display: inline-block;
    position: absolute;
    left: 60px;
    top: 0;
    color: #fff;
}
/*.wechat-righ:hover i{*/
    /*-webkit-animation:bounce 1s ease 1 0s both;animation:bounce 1s ease 1 0s both;*/
/*}*/
/*上市集团 start*/

.company-piece{
	  background: white;
    width: 100%;
    min-width: 1180px;
    overflow: hidden;
    padding: 30px 0;
}
.company-piece .big-til{
    padding-bottom: 20px;
  text-align: center;
}
.company-piece .big-til h3{
    color: #565656;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}
.company-piece .big-til p{
    color: #848484;
    padding-top: 6px;
    text-transform: uppercase;
}
.company-piece .big-til span{
    color: #ff7600;
}
.company-piece .company-txt{
    font-size: 16px;
    color: #777;
    line-height: 22px;
    text-align: center;
    margin-top: 8px;
    padding: 0 200px;
}
.company-piece .company-txt>span{
    color: #ff7f00;
}
.profession-cent {
    overflow: hidden;
}
.profession-cent .hd {
    text-align: center;
    overflow: hidden;
    width: 1072px;
    margin: 18px auto 0;
}
.profession-cent .hd li {
    float: left;
    padding: 0 70px;
    height: auto;
}
.profession-cent .hd li>i {
    width: 128px;
    height: 128px;
    display: block;
    background: url(../images/xdw-list.png) no-repeat;
}
.profession-cent .hd li p {
    padding: 20px 0;
    display: block;
}
.profession-cent .hd li .icon2 {
    background-position: -268px 0;
}
.profession-cent .hd li .icon3 {
    background-position: -536px 0;
}
.profession-cent .hd li .icon4 {
    background-position: -804px 0;
}
.profession-cent .bd>ul>li:first-child {
    margin-top: 30px !important;
}
.profession-cent .bd>ul {
    width: 100%;
    overflow: hidden;
}
.profession-cent .bd {
    padding: 10px 0 25px;
    display: block;
    clear: both;
    text-align: center;
    width: 1180px;
    margin: 0 auto;
}
.profession-cent .bd>ul>li {
    width: 100%;
    height: auto;
    display: none;
}
.profession-cent .hd .zero-team-tab {
    overflow: hidden;
    width: 405px;
    margin: 0 auto;
    margin-top: 5px;
    text-align: center;
}
.profession-cent .hd .zero-team-tab>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-bottom: 2px solid transparent;
    margin: 0 28px;
    padding: 14px 7px;
    position: relative;
    width: 32%;
}
.profession-cent .hd .zero-team-tab>li a {
    font-size: 16px;
    line-height: 16px;
    color: #333;
}
.profession-cent .hd .zero-team-tab>li i {
    display: none;
    width: 15px;
    height: 7px;
    background: url(../images/triangle.png) no-repeat;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -7.5px;
}
.profession-cent .hd .zero-team-tab>li.on {
    border-color: #0eaef8;
    color: #0eaef8;
}
.profession-cent .hd .zero-team-tab>li.on i {
    display: inline-block;
    *display: inline-block;
    *zoom: 1;
}
.profession-cent .hd .zero-team-tab>li.on a {
    color: #0eaef8;
}
.profession-cent .hd .zero-team-tab>li:hover {
    border-color: #0eaef8;
    color: #0eaef8;
}
.profession-cent .hd .zero-team-tab>li:hover a {
    color: #0eaef8;
}
.profession-cent .hd .zero-team-tab>li:hover i {
    display: inline-block;
}
.bd-box0-pr {
    width: 1180px;
    height: 530px;
    position: relative;
}
.profession-cent .bd .bd-box0-pr li {
    display: block;
}
.bg-f6{background: #f6f6f6;width: 100%;min-width: 1180px;height: auto;overflow: hidden;}
.imgListMod01{position: relative;}
.imgListMod01 li a{transition: all 0.5s ease 0s; cursor: default;}
.imgListMod01 li .none{ display:none;}
.imgListMod01 img{max-width: none;vertical-align: inherit;}
.imgListMod01 .img, .imgListMod01 .img1, .imgListMod01 .img2, .imgListMod01 .img3, .imgListMod01 .img4, .imgListMod01 .img5, .imgListMod01 .img6, .imgListMod01 .img7, .imgListMod01 .img8, .imgListMod01 .img9{border-radius: 0px;overflow: hidden;position: absolute;}
.imgListMod01 .current{z-index: 20;}
.imgListMod01 .mask{background: #000 none repeat scroll 0 0;bottom: 0;height: 35px;left: 0;opacity: 0.6;position: absolute;width: 100%;z-index: 9;}
.imgListMod01 .tit{color: #fff;: 14px/24px "Microsoft YaHei";width: 100%;height: 24px;line-height: 24px;left: 0; bottom: 5px; overflow: hidden;position: absolute;z-index: 10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;}
.imgListMod01 img{left: 50%;margin: -234px 0 0 -277px;position: absolute;top: 50%;}
.slide-Modbox{width: 1180px;height: auto;padding:50px 0 60px;overflow: hidden;margin: 0 auto;position: relative;min-width: 1180px;}
.udf_slide_modbox{background: #FFF;padding-top: 0px;}
.slide-Modbox>.hd{position: absolute;left: 0;bottom: 40px;text-align: center;width: 100%;z-index: 1;}
.slide-Modbox>.hd li{display: inline-block;*zoom:1;*display: inline;width: 48px;height: 5px;margin: 0 5px;font-size: 0;background: #ccc;cursor: pointer;}
.slide-Modbox>.hd .on{background: #3fbff0;}
.slide-Modbox>.bd{overflow: hidden;width: 1180px;height: 530px;z-index: 0; margin-left:-10px;}
.imgListMod-box{overflow: hidden;width: 1180px;height: auto;z-index: 0;margin:0 auto;}
.slide-Modbox>.bd .imgListMod01{width: 100%;height: 530px;overflow: hidden;}
.slide-Modbox .p-word{ text-align: center;}
.slide-wrap{width: 100%; min-width: 1180px; overflow: hidden;background: #f6f6f6;}
.imgListMod01 .tit{color: #fff;: 14px/24px "Microsoft YaHei";width: 100%;height: 24px;line-height: 24px;left: 0; bottom: 5px; overflow: hidden;position: absolute;z-index: 10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;}
.teams{width: 100%;overflow: hidden;background: #f6f6f6;}
.teams-content{width: 1180px;margin: 0 auto;overflow: hidden;padding-bottom: 70px}
.box-title1{margin-top: 50px;margin-bottom: 25px;}
/*.slide-wrap{margin-top: 145px;}*/
.imgListMod01 .p1{margin: -295px 0 0 -310px ;}
.imgListMod01 .p2{margin: -260px 0 0 -375px ;}
.imgListMod01 .p3{margin: -188px 0 0 -328px ;}
.imgListMod01 .p4{margin: -230px 0 0 -182px ;}
.imgListMod01 .p5{margin: -225px 0 0 -285px ;}
.imgListMod01 .p6{margin: -340px 0 0 -355px ;}
.imgListMod01 .p7{margin: -292px 0 0 -295px ;}
.imgListMod01 .p8{margin: -320px 0 0 -290px ;}
.imgListMod01 .p9{margin: -318px 0 0 -294px ;}
.imgListMod01 .p10{margin: -267px 0 0 -413px ;}
.imgListMod01 .p11{margin: -230px 0 0 -290px ;}
.imgListMod01 .p12{margin: -225px 0 0 -435px ;}
.imgListMod01 .p13{margin: -250px 0 0 -245px ;}
.imgListMod01 .p14{margin: -95px 0 0 -373px ;}
.imgListMod01 .p15{margin: -255px 0 0 -284px ;}
.imgListMod01 .p16{margin: -270px 0 0 -271px ;}
.imgListMod01 .p17{margin: -270px 0 0 -230px ;}
.imgListMod01 .p18{margin: -318px 0 0 -272px ;}
.imgListMod01 .p19{margin: -210px 0 0 -302px ;}
.imgListMod01 .p20{margin: -208px 0 0 -240px ;}
.imgListMod01 .p21{margin: -108px 0 0 -318px ;}
.imgListMod01 .p22{margin: -216px 0 0 -325px ;}
.imgListMod01 .p23{margin: -304px 0 0 -452px ;}
.imgListMod01 .p24{margin: -156px 0 0 -284px ;}
.imgListMod01 .p25{margin: -133px 0 0 -241px ;}
.imgListMod01 .p26{margin: -213px 0 0 -277px ;}
.imgListMod01 .p27{margin: -209px 0 0 -148px ;}
.box-title{text-align: center;}
.box-title h3{font-size: 32px;color: #323232;font-weight: 500;margin-bottom: 5px;}
.box-title h3 em{color: #fa4f4f;}
.box-title h3>span{color:#ff7f00;width: auto;height: auto;background: none;margin: 0;display: inline-block;*zoom:1;*display: inline;}
.box-title p{font-size: 12px;color: #8b8b8b;margin-bottom: 10px;text-transform: uppercase;}
.box-title span{display: block;width: 60px;height: 2px;margin: 0 auto;background: #000;}
.imgListMod01 .img{width: 165px;background: url(../images/zw-1_1.jpg) no-repeat;background-size:100% ;}
.imgListMod01 .img:hover{background: url(../images/zw-2_1.jpg) no-repeat;}
.profession-cent .bd>ul>li.last-box-li{margin-top: 30px;}
/*上市集团  end*/
/*=============================================右边内容 end==========================================*/
.more-security ul li:hover i.dib{
    -webkit-animation: rotate_360 .5s linear;
    -moz-animation: rotate_360 .5s linear;
    animation: rotate_360 .5s linear;
}
/*动画 start*/
@-webkit-keyframes rotate_360 {
    from{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}
@keyframes rotate_360 {
    from{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to{
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
/*动画 end */