html { overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{ margin:0; padding:0; color:#333;}
body{ margin:0;padding:0; font-size:12px; font-family:"Microsoft Yahei"; background-color:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
font{ font-size:100%;}
img,fieldset,iframe,table{ border:0;}
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; overflow:hidden;}
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none; color:#fff;}
.clear{ display:block; height:1px; overflow:hidden; clear:both;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.c:before,.c:after {content:""; display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.container {width:1000px;margin:0 auto;}
.pos_rel {position:relative;}
.pos_abs {position:absolute;}
/*.hide {display:block;width:0;height:0;overflow:hidden;}*/
.db{display:block;text-indent:-999em;}
.left{ float:left;}
.right{ float:right;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.wrapper{ margin:auto;width:1000px;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.gray { color:#999;}
img{display: block;}
/*top*/
.nav-top-bg,.nav-top{ background:#f7f7f7; line-height:28px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{ background-color:#f7f7f7;color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.tit_txt { text-indent:-999em; overflow:hidden;}
.box_h { position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
a.box_h:hover { background:none;}
.header-banner { height:450px;}
/*banner*/
.banner{height: 760px;}
.bg0{width: 1920px;height: 760px;overflow: hidden;margin: 0 auto;}
.bg0 img{display: block;margin: 0 auto;-webkit-animation: scale2 20s alternate;-moz-animation: scale2 20s alternate;-ms-animation: scale2 20s alternate;-o-animation: scale2 20s alternate;animation: scale2 20s alternate;}
.bg1{top: 0;left: 0;width: 100%;height: 100%;background: url(../../../images/static/autumnCollocation/bg1.png) center 0 no-repeat;}
#leafContainer{position: absolute;top: 0;left: 50%;margin-left: -500px;width: 1000px;height: 100%;z-index: 999;}

.autumn_part1{height: 1178px;background: url(../../../images/static/autumnCollocation/autumn_part1.jpg) center 0 no-repeat;}
.tit1{height: 157px;padding-top: 3px;background: url(../../../images/static/autumnCollocation/tit1.png) center 3px no-repeat;}
.box_1{width: 1052px;height: 935px;margin: 23px auto 0;background: url(../../../images/static/autumnCollocation/box_1.png) 0 0 no-repeat;}
.au_1{width: 420px;top: 85px;left: 85px;}
.t_t{font-size: 16px;line-height: 26px;color: #000;text-align: justify;}
.au_2{top: 41px;right: 52px;}
.au_3{top: 250px;left: 210px;}
.au_4{top: 248px;left: 260px;}
.au_5{top: 261px;left: 427px;}
.au_6{top: 610px;left: 319px;}
.au_7{top: 738px;left: 357px;}
.au_8{width: 270px;height: 378px;top: 421px;left: 28px;overflow: hidden;}
.au_8 img{margin: 0 auto;}
.hide_1{top: 707px;left: 67px;}
.au_8 .plus{left: 40px;bottom: 60px;}
.au_8 span{display: block;font-size: 20px;line-height: 36px;margin-top: 10px;text-align: center;}
.plus{position: absolute;left: 0;bottom: 58px;z-index: 999;cursor: pointer;width: 31px;height: 31px;background: url(../../../images/static/autumnCollocation/plus.png) 0 0 no-repeat;
    -webkit-animation: SmallOrBig 1s linear both infinite;-moz-animation: SmallOrBig 1s linear both infinite;-ms-animation: SmallOrBig 1s linear both infinite;-o-animation: SmallOrBig 1s linear both infinite;animation: SmallOrBig 1s linear both infinite;}
.hide{position: absolute;padding: 15px 15px;width: 350px;overflow: hidden;z-index: 998;display: none;}
.top_left{position: absolute;top: 0;left: 0;width: 50%;height: 50%;background: url(../../../images/static/autumnCollocation/top_left.png) 0 0 no-repeat;}
.top_right{position: absolute;top: 0;right: 0;width: 50%;height: 50%;background: url(../../../images/static/autumnCollocation/top_right.png) right 0 no-repeat;}
.bottom_left{position: absolute;bottom: 0;left: 0;width: 50%;height: 50%;background: url(../../../images/static/autumnCollocation/bottom_left.png) left bottom no-repeat;}
.bottom_right{position: absolute;bottom: 0;right: 0;width: 50%;height: 50%;background: url(../../../images/static/autumnCollocation/bottom_right.png) right bottom no-repeat;}

.hide_info{width: 280px;padding: 0 35px;}
.hide_info h3{font-size: 16px;line-height: 20px;margin-bottom: 8px;color: #fff;}
.hide_info p{font-size: 12px;line-height: 24px;text-align: justify;color: #fff;}
.au_txt,.au_txt2{left: 0;bottom: 0;height: 24px;width: 100%;text-align: center;overflow: hidden;}
.au_txt li,.au_txt2 li{float: left;font-size: 20px;line-height: 24px;color: #000;width: 100%;}

.arrow{position: absolute;top: 50%;margin-top: -16px;width: 19px;height: 33px;background: url(../../../images/static/autumnCollocation/arrow.png) no-repeat;}
.prev_arr{left: 0;}
.next_arr{right: 0;background-position: right 0;}
.prev_arr1,.next_arr1{margin-top: -55px;}

.autumn_part2{height: 1093px;background: url(../../../images/static/autumnCollocation/autumn_part2.jpg) center 0 no-repeat;overflow: hidden;}
.box_2{position: relative;width: 1052px;height: 935px;margin: 76px auto 0;background: url(../../../images/static/autumnCollocation/box_2.png) 0 0 no-repeat;}
.au_9{top: 40px;left: 52px;}
.au_10{top: 233px;left: 320px;}
.au_11{top: 210px;left: 575px;}
.au_12{top: 557px;left: 650px;}
.au_13{width: 310px;height: 334px;top: 194px;left: 716px;}
.au13_container{width: 310px;height: 334px;overflow: hidden;}
.pic2_container{width: 172px;height: 290px;margin: 0 auto;overflow: hidden;}
.au_pic2{width: 172px;height: 290px;overflow: hidden;top: 0;left: 0;}
.au_pic2 li{float: left;width: 172px;height: 290px;overflow: hidden;/*display: none;*/}
.au_pic2 li img{margin: 0 auto;}
.au_pic2 li .plus{left: 4px;bottom: 6px;}
.prev_arr2{left: 36px;margin-top: 0;}
.next_arr2{right: 36px;margin-top: 0;}
.hide_2{top: 252px;left: 72px;}
.au_14{width: 420px;right: 80px;top: 80px;}

.military{height: 1005px;background: url(../../../images/static/autumnCollocation/military.jpg) center 0 no-repeat;}
.tit2{height: 155px;padding-top: 81px;background: url(../../../images/static/autumnCollocation/tit2.png) center 81px no-repeat;}
.military_container{margin: 66px auto 0;width: 1000px;height: 635px;overflow: hidden;}
.box_container{width: 2000px;height: 635px;}
.box_3,.box_4{width: 1000px;height: 635px;}
.mi_1{top: 0;left: 288px;}
.mi_2{top: 59px;left: 72px;}
.mi_3{top: 225px;left: 225px;}
.mi_4{top: 59px;left: 430px;}
.mi_5{top: 270px;left: 702px;}
.mi_6{top: 412px;left: 702px;}
.mi_7{width: 250px;height: 324px;top: 226px;left: 750px;overflow: hidden;}
.hide_3{top: 190px;left: 452px;}
.hide_4{top: 216px;left: 452px;}
.mi_container{width: 162px;height: 270px;margin: 0 auto;overflow: hidden;}
.mi_pic{top: 0;left: 0;width: 162px;height: 100%;overflow: hidden;}
.mi_pic li{float: left;width: 162px;height: 100%;overflow: hidden;display: none;}
.mi_pic li img{margin: 0 auto;}
.mi_pic li.m_ex img{margin-top: 25px;}
.mi_pic li .plus{left: 5px;bottom: 10px;}
.prev_arr3{left: 20px;margin-top: -50px;}
.next_arr3{right: 20px;margin-top: -50px;}
.mi_txt{left: 0;bottom: 0;height: 48px;width: 100%;text-align: left;}
.mi_txt li{float: left;font-size: 20px;line-height: 24px;color: #000;}
.mi_txt li.t1{padding-left: 45px;}
.mi_100{width: 225px;top: 118px;right: 80px;font-size: 14px;line-height: 22px;}

.box_3,.box_4{float: left;}
.mi_8{top: 0;left: 290px;}
.mi_9{top: 64px;left: 15px;}
.mi_10{top: 40px;left: 408px;}
.mi_11{top: 335px;left: 275px;}
.mi_12{top: 285px;left: 636px;}
.mi_13{top: 385px;left: 610px;}
.mi_14{width: 276px;height: 305px;top: 240px;left: 720px;overflow: hidden;}
.hide_5{top: 112px;left: 409px;}
.hide_6{top: 140px;left: 408px;}
.hide_7{top: 158px;left: 408px;}
.mi_container2{width: 212px;height: 250px;margin-left: 31px;overflow: hidden;}
.mi_pic2{top: 0;left: 0;width: 212px;height: 250px;overflow: hidden;}
.mi_pic2 li{float: left;width: 212px;height: 250px;overflow: hidden;display: none;}
.mi_pic2 li img{margin: 0 auto;}
.mi_pic2 li .plus{left: 5px;bottom: 10px;}
.mi_txt2{left: 20px;bottom: 0;height: 48px;width: 100%;text-align: left;}
.mi_txt2 li{float: left;font-size: 20px;line-height: 24px;color: #000;}
.prev_arr4{left: 31px;margin-top: -50px;}
.next_arr4{right: 35px;margin-top: -50px;}

.military_nav{top: 0;left: 756px;width: 149px;height: 101px;background: url(../../../images/static/autumnCollocation/military_nav.png) 0 0 no-repeat;}
.first{top: 0;left: 0;width: 58px;height: 47px;background: url(../../../images/static/autumnCollocation/one.png) 0 0 no-repeat;}
.second{bottom: 0;right: 0;width: 68px;height: 47px;background: url(../../../images/static/autumnCollocation/two.png) 0 0 no-repeat;}
.rotate{animation-name: num-flip;
  -webkit-animation-name: num-flip;
  -moz-animation-name: num-flip;
  -o-animation-name: num-flip;
  -ms-animation-name: num-flip;

  animation-duration: 6s; 
  -webkit-animation-duration: 6s;
   -moz-animation-duration: 6s;
    -o-animation-duration: 6s;
     -ms-animation-duration: 6s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;}

/*.black*/
.black_1{height: 1093px;background: url(../../../images/static/autumnCollocation/black_1.jpg) center 0 no-repeat;}
.tit3{height: 113px;padding-top: 62px;background: url(../../../images/static/autumnCollocation/tit3.png) center 62px no-repeat;}
.black_container1{width: 1000px;height: 753px;margin: 96px auto 0;}
.bl_1{top: 50px;left: 232px;}
.bl_2{top: 0;left: 364px;}
.bl_3{top: 108px;left: 720px;}
.bl_4{top: 300px;left: 825px;}
.bl_5{top: 489px;left: 704px;}
.bl_6{width: 371px;height: 104px;top: 320px;left: 354px;}
.bl_6 i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;opacity: 0.7;filter:alpha(opacity=70);}
.bl_6 span{position: relative;font-size: 18px;line-height: 26px;top: 28px;left: 20px;width: 330px;display: block;}
.bl_7{top: 232px;left: 80px;width: 270px;}
.bl_7 img{margin: 0 auto;}
.bl_7 i{left: -35px;bottom: 2px;}
.bl_7 span{display: block;font-size: 20px;line-height: 36px;margin-top: 5px;}
.hide_8{top: 368px;left: 44px;}

.black_2{height: 834px;background: url(../../../images/static/autumnCollocation/black_2.jpg) center 0 no-repeat;}
.black_container2{width: 989px;height: 635px;margin: 0 auto;top: 102px;}
.bl_8{top: 323px;left: 210px;}
.bl_9{top: 188px;left: 258px;}
.bl_10{top: 278px;left: 360px;}
.bl_11{top: 0;right: 0;}
.bl_11 i{position: absolute;top: 6px;left: 6px;width: 338px;height: 514px;border: 1px solid #fff;}
.bl_11 a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bl_12{top: 328px;left: 549px;}
.bl_13{top: 18px;left: 101px;font-size: 18px;line-height: 36px;width: 515px;}
.bl_14{width: 270px;height: 408px;left: -35px;top: 186px;}
.bl_container{width: 194px;height: 330px;margin: 0 auto;overflow: hidden;}
.bl_pic{top: 0;left: 0;width: 194px;height: 330px;overflow: hidden;}
.bl_pic li{float: left;width: 194px;height: 330px;overflow: hidden;/*display: none;*/}
.bl_pic li img{margin: 0 auto;}
.bl_pic li.b_ex img{margin-top: 100px;}
.bl_pic li .plus{left: 5px;bottom: 10px;}
.bl_txt{left: 0;bottom: 35px;width: 100%;text-align: left;}
.bl_txt li{float: left;font-size: 20px;line-height: 24px;color: #000;}
.bl_txt li.b1{padding-left: 64px;}
.bl_point{left: 50%;bottom: 0;margin-left: -38px;width: 74px;height: 22px;text-align: center;}
.bl_point li{float: left;width: 23px;height: 22px;margin: 0 7px;background: url(../../../images/static/autumnCollocation/point.png) 0 0 no-repeat;cursor: pointer;line-height: 100em;overflow: hidden;}
.bl_point li.active{background-position: -23px 0;}
.hide_9{top: 473px;left: 6px;}

.denim_1{height: 972px;background: url(../../../images/static/autumnCollocation/denim_1.jpg) center 0 no-repeat;}
.tit4{height: 145px;padding-top: 14px;background: url(../../../images/static/autumnCollocation/tit4.png) center 14px no-repeat;}
.dm_container{width: 1000px;height: 700px;margin: 44px auto 0;}
.dm_1{font-size: 14px;line-height: 26px;color: #000;top: 18px;left: 105px;width: 625px;text-align: justify;}
.dm_2{width: 75px;height: 339px;top: 105px;left: 0;*top: 101px;}
.dm_2 li{width: 67px;height: 93px;margin-bottom: 12px;border: 4px solid #000;background: url(../../../images/static/autumnCollocation/photo.png) 0 0 no-repeat;cursor:pointer;}
.dm_2 li.photo_1{background-position: -134px 0;}
.dm_2 li.photo_2{background-position: 0 0;}
.dm_2 li.photo_3{background-position: -67px 0;}
.dm_2 li i{width: 100%;height: 100%;}
.dm_2 li.photo_2 i,.dm_2 li.photo_3 i{display: none;}
.pic_container{width: 898px;height: 596px;bottom: 0;right: 0;}
.img_1,.img_6,.img_11{top: 0;left: 0;}
.img_2{top: 42px;left: 450px;}
.img_3{top: 118px;left: 657px;}
.img_4{top: 342px;left: 445px;}
.img_5{width: 242px;height: 290px;top: 255px;left: 642px;}
.img_5 img,.img_10 img{margin: 0 auto;}
.img_5 .plus{bottom: 32px;left: 45px;}
.img_5 span{font-size: 20px;line-height: 26px;margin-top: 20px;display: block;text-align: center;}
.img_7{top: 34px;left: 486px;}
.img_8{top: 22px;left: 700px;}
.img_9{top: 242px;left: 482px;}
.img_10{width: 232px;height: 320px;top: 236px;left: 640px;}
.img_10 .plus{bottom: 0;left: 0;}
.img_10 span{font-size: 20px;line-height: 26px;margin-top: 20px;display: block;text-align: right;}
.img_12{top: 12px;left: 475px;}
.dm_pic{display: none;}
.denim_2{height: 978px;background: url(../../../images/static/autumnCollocation/denim_2.jpg) center 0 no-repeat;overflow: hidden;}
.dm_container2{width: 1002px;height: 743px;margin: 114px auto 0;}
.dm_3{top: 0;right: 0;width: 497px;height: 743px;}
.dm_text{bottom: 0;left: 0;width: 497px;height: 83px;}
.dm_text i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 0.7;filter: alpha(opacity=70);}
.dm_text span{font-size: 14px;line-height: 26px;color: #000;position: relative;padding: 17px 0 0 37px;display: block;}
.dm_4{top: 126px;left: 233px;}
.dm_5{top: 166px;left: 390px;}
.dm_6{top: 250px;left: 260px;}
.dm_7{top: 566px;left: 346px;}
.dm_8{top: 480px;left: 80px;}
.dm_9{width: 216px;height: 370px;top: 100px;left: 12px;overflow: hidden;}
.dm_container3{width: 170px;height: 315px;margin: 0 auto;overflow: hidden;}
.dm_pic2{top: 0;left: 0;width: 170px;height: 100%;overflow: hidden;}
.dm_pic2 li{float: left;width: 170px;height: 100%;overflow: hidden;/*display: none;*/}
.dm_pic2 li img{margin: 0 auto;width: 100%;}
.dm_pic2 li.m_ex img{margin-top: 24px;}
.dm_pic2 li .plus{left: 5px;bottom: 10px;}
.prev_arr5{left: 0;margin-top: -50px;}
.next_arr5{right: 0;margin-top: -50px;}
.dm_txt{left: 0;bottom: 0;height: 48px;width: 100%;text-align: center;}
.dm_txt li{float: left;font-size: 20px;line-height: 24px;color: #000;}
.hide_10{top: 480px;left: 685px;}
.hide_11{top: 523px;left: 638px;}
.hide_12{top: 372px;left: 38px;}

/*footer*/
.pubfooter {clear:both; padding-bottom:30px; background-color: #000; margin-left:auto; margin-right:auto; font-family:Helvetica}
.footer {text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px; color:#999;}
.foot_top {font-size:12px;line-height:24px; color:#999; text-align:center; height:24px;padding-top:40px;}
.foot_top .gray0{ color:#999;}
.foot_top .wbfoot{ background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px; *background-position:left center; padding-left:20px; }
.footline{ display: inline-block;height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin:0 10px; color:#999; font-family:"Sim Sun"}
.foot_top a { color:#999; display:inline-block;}
.foot_top a:hover { background:none; color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{ background:url(http://www.xbiao.com/images/index/ico_phone.png) no-repeat -3px 0; display:inline-block;width:18px; height:20px;padding-right:5px; vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px; opacity:.8;filter:alpha(opacity=80);}
.android_ico i{ background-position:-1px -26px;width:21px; height:24px; line-height:24px;margin-left:13px;}
.telphone_ico i{ background-position:-6px -59px;width:11px; height:22px; line-height:22px;margin-left:12px;}

/*baidu share*/
.wrapShare{ height:28px;overflow:hidden; display:block; padding-right:20px;padding-left:20px;width:185px;float:left;}
.bdshare_t { vertical-align:middle;}
.wrapShare .bds_more{ background:url(http://www.xbiao.com/images/static/bojue/plusshare.png) no-repeat left center!important; padding-left:17px; line-height:16px;cursor:pointer; float:left; height:16px;}
.bdshare_t .bds_tsina,.bdshare_t .bds_qzone,.bdshare_t .bds_tqq,.bdshare_t .bds_renren,.bdshare_t .bds_douban,.bdshare_t .bds_weixin{ background-image:url(../../../images/static/autumnCollocation/ii.png); background-repeat:no-repeat;}
.bdshare_t .bds_tsina { background-position:1px -39px!important ;}
.bdshare_t .bds_tsina:hover { background-position:1px 0px!important ;}
.bdshare_t .bds_qzone { background-position:-43px -39px!important ;}
.bdshare_t .bds_qzone:hover { background-position:-43px 0px!important ;}
.bdshare_t .bds_tqq { background-position:-21px -39px!important ;}
.bdshare_t .bds_tqq:hover { background-position:-21px 0px!important ;}
.bdshare_t .bds_renren { background-position:-66px -39px!important ;}
.bdshare_t .bds_renren:hover { background-position:-66px 0px!important ;}
.bdshare_t .bds_douban { background-position:-88px -39px!important ;}
.bdshare_t .bds_douban:hover { background-position:-88px 0px!important ;}
.bdshare_t .bds_weixin { background-position:-111px -39px!important ;}
.bdshare_t .bds_weixin:hover { background-position:-111px 0px!important ;}
/*css3*/
@-webkit-keyframes scale2{
    0%   {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);

    }

    100%   {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes scale2{
    0%   {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);

    }

    100%   {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes scale2{
    0%   {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);

    }

    100%   {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes scale2{
    0%   {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);

    }

    100%   {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale2{
    0%   {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);

    }

    100%   {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes SmallOrBig {
    0% {-webkit-transform: scale(1.1); }
    50% {-webkit-transform: scale(0.9); }
    100%{-webkit-transform: scale(1.1); }
}
@-moz-keyframes SmallOrBig {
    0% {-webkit-transform: scale(1.1); }
    50% {-webkit-transform: scale(0.9); }
    100%{-webkit-transform: scale(1.1); }
}
@-ms-keyframes SmallOrBig {
    0% {-webkit-transform: scale(1.1); }
    50% {-webkit-transform: scale(0.9); }
    100%{-webkit-transform: scale(1.1); }
}
@-o-keyframes SmallOrBig {
    0% {-webkit-transform: scale(1.1); }
    50% {-webkit-transform: scale(0.9); }
    100%{-webkit-transform: scale(1.1); }
}
@keyframes SmallOrBig {
    0% {transform: scale(1.1); }
    50% {transform: scale(0.9); }
    100%{transform: scale(1.1); }
}

@keyframes num-flip {
  0% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg);  
  }

  50% {
    transform: rotateY(360deg); 
    -webkit-transform: rotateY(360deg); 
  }
  100% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg); 
  }     
}
@-webkit-keyframes num-flip {
  0% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg);  
  }

  50% {
    transform: rotateY(360deg); 
    -webkit-transform: rotateY(360deg); 
  }
  100% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg); 
  }   
}
@-moz-keyframes num-flip {
 0% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg);  
  }

  50% {
    transform: rotateY(360deg); 
    -webkit-transform: rotateY(360deg); 
  }
  100% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg); 
  }   
}
@-o-keyframes num-flip {
  0% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg);  
  }

  50% {
    transform: rotateY(360deg); 
    -webkit-transform: rotateY(360deg); 
  }
  100% {
    transform: rotateY(0deg); 
    -webkit-transform: rotateY(0deg); 
  }   
}