@charset "utf-8";

/* CSS Document */



html{color:#333;background:#fff}

/**{

    margin:0;

    padding:0;

    list-style:none;

    border:0;

    text-decoration:none;

    font-family:"microsoft yahei",SimSun;

    font-weight: normal;

	font-size:14px;

	letter-spacing:1px;

}*/

*{ padding:0 ; margin:0 ; font-size:14px;}

table{border-collapse:collapse;border-spacing:0}

a{ text-decoration:none;}

fieldset,img{border:0}

ol,ul{list-style:none}

caption,th{text-align:left}



.w-100{width:100%; height:auto; overflow:hidden;}

.w-1100{width:1100px; margin:0 auto; overflow:hidden;}

.w-1200{width:1200px; margin:0 auto; overflow:hidden;}

.w-1200-1{width:1200px; margin:0 auto;}

.w-1236{width:1236px; margin:0 auto; overflow:hidden;}

.mar-top{ margin-top:20px;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.MT-4{ margin-top:4px;}

.MT-6{ margin-top:6px;}

.MT-8{ margin-top:8px;}

.MT-10{ margin-top:10px;}

.MT-15{ margin-top:15px;}

.MT-20{ margin-top:20px;}

.MT-30{ margin-top:30px;}

.MT-40{ margin-top:10px;}

.MT-50{ margin-top:50px;}

.MT-60{ margin-top:60px;}

.MT-65{ margin-top:65px;}

.MT-70{ margin-top:70px;}

.MT-80{ margin-top:80px;}



.MB-10{ margin-bottom:10PX;}

.MB-20{ margin-bottom:20PX;}

.MB-30{ margin-bottom:30px;}

.MB-40{ margin-bottom:40px;}

.MB-50{ margin-bottom:50px;}



.BG-TC{ background-position:top center; background-repeat:no-repeat;}

.BG-TL{ background-position:top LEFT; background-repeat:no-repeat;}

.BG-TR{ background-position:top RIGHT; background-repeat:no-repeat;}

.f-s13{ font-size:13px;}

.f-s14{ font-size:14px;}

.f-s15{ font-size:15px;}

.f-s16{ font-size:16px;}

.f-s17{ font-size:17px;}

.f-s18{ font-size:18px;}

.f-s20{ font-size:20px;}

.f-s22{ font-size:22px;}

.f-s24{ font-size:24px;}

.f-s26{ font-size:26px;}

.t-align-r{ text-align:right;}

.t-align-l{ text-align:left;}

.t-align-c{ text-align:center;}



.t-color-w{ color: #ffffff; }

.f-s18{ font-size: 18px; }

.f-s14{ font-size: 14px; }



/*TOP*/

.H-TOP01{ width: 100%; height: 450px; overflow: hidden; background-image: url(../images/banner.jpg); margin-bottom: 10px;}

.H-TOP-R1{ float: right; width: 607px; height: 50px; }

.H-TOP-MENU01{ float: right; margin-top:9px;}

.H-TOP-MENU01 a{display: block; float: right; margin-left: 10px; width: 92px; height: 24px; border: #ffffff 1px solid; line-height: 22px; text-align: center; font-size: 14px; color:#5d5d5d; background-image: url(../images/bg01.png);}

.H-TOP-MENU01 a:hover{ background-color: #d3012b; color: #ffffff; }

.H-TOP-MENU01 a:visited{ background-image: url(../images/bg01.png); color: #5d5d5d;}



.H-MENU01{ width: 1198px; height: 65px; border: #959595 1px solid; overflow: hidden; background-image: url(../images/menu_bg.png); }

.H-MENU01 ul{ width:1100px; margin: 0px auto;  padding: 0px; }

.H-MENU01 ul li{ float: left; height: 64px; padding: 0px 20px; background-image: url(../images/menu_bg01.png); background-position: top right; background-repeat: no-repeat;}

.H-MENU01 ul li a{ display: block; height: 64px; line-height: 64px; color: #636363; font-size:17px;text-decoration: none; }

.H-MENU01 ul li:hover a{ color: #d3012b;}

/*END TOP*/ 



/*HOME MIDDLE*/

.H-M01{ height: 96px; width: 100%; border-bottom:#efefef 1px solid; }

.H-M-l01{ float: left; width: 370px; height: auto; padding-top: 12px; }

.H-M-l01 .line01{ height: 28px; width: 100%; }

.H-M-l01 .line01 h4{ display: block; float: left; height: 28px; width: 280px; line-height: 28px; text-align: left; color: #0e070e; font-size: 15px; letter-spacing: 0px; }

.H-M-l02{ float: left; width: 520px; height: 62px; margin-top: 14px; padding-left: 20px;  border-left:#efefef 2px solid; overflow: hidden; }

.H-M-l02 h4{ display: block; height: 28px; line-height: 28px; text-align: left; font-size: 16px; color: #d3012b; }

.H-M-l02 .hotpro{ height: 36px; width: 100%; overflow: hidden; }

.H-M-l02 .hotpro a{ display: block; float: left; padding-right: 12px; font-size: 14px; color: #0e070e; }

.H-M-search{ float: right; width: 268px; height: 95px;}

.H-M-search01{ float: left; width: 210px; height: 33px; line-height: 33px; text-align: left; margin-top: 15px; background-image: url(../images/search.jpg); background-position: top left; background-repeat: no-repeat; text-indent: 42px; font-size: 14px; color: #878687; border-top:#ebebeb 1px solid; border-bottom: #ebebeb 1px solid;}

.H-M-search02{ float: left; width: 58px; height: 35px; line-height: 35px; border: #ebebeb 1px solid; margin-top: 15px; text-align: center; color: #666666; background-color:#ffffff; }



.H-M02{ margin:0px; padding: 0px; }

.H-M02 ul{ margin:0px; padding: 0px; }

.H-M02 ul li{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;padding-bottom: 35px;}

.H-M02 ul li:hover{ background-color: #d4012a; 

-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;

}

.H-M02 ul li h4{ display: block; margin-top: 28px; line-height: 37px; text-align: center; font-size: 22px; color: #000000; }

.H-M02 ul li:hover h4{ color: #ffffff; }

.H-M02 ul li p{ display: block; height: 33px; line-height: 33px; text-align: center; font-size: 15px; color: #000000; }

.H-M02 ul li:hover p{ color: #ffffff; }

.H-M02 ul li span{ display: block; width: 170px; margin: 0 auto; height:47px; font-size: 13px; color: #969696; line-height: 190%; text-align: center; }

.H-M02 ul li:hover span{ color: #ffffff; }

.H-M02 ul li .line01{ width: 50px; height: 23px; margin: 0 auto; border-bottom:#000000 1px solid; }

.H-M02 ul li:hover .line01{ border-bottom: #ffffff 1px solid; }



.H-M03{ padding: 20px 20px; background-color: #f5f5f5; }

.H-M03-l{height: auto; }

.H-M03-l h3{ display: block; height: 45px; line-height: 45px; text-align: left; font-size: 25px; color: #545454; overflow: hidden; }

.H-M03-l p{ display: block; width: 100%; text-align: left; height: 26px; line-height: 26px; font-size: 13px; color:#b0b0b0; text-transform: uppercase; letter-spacing:0px;}

.H-M03-l .line001{ float: left; height: 18px; width: 50px; border-bottom: #000000 1px solid;}

.H-M03-l span{ display: block; margin-top: 20px; height: 150px; width: 100%; text-align: left; line-height: 170%; font-size: 15px; color: #545454; overflow: hidden;}

.H-M03-l .more001 a{ display: block; margin-top: 50px; float: left; width: 170px; height: 30px; line-height: 30px; text-align: center; border: #bfbfbf 1px solid; font-size: 14px; color: #878787;

  -moz-border-radius: 20px;    -webkit-border-radius: 20px;    border-radius:20px;     

  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
  text-decoration: none; 
 }

.H-M03-l .more001 a:hover{ background-color: #bfbfbf; color: #000000;}

.H-M03-r{ height: auto;  }

.H-M03-r .zi01{ margin-top: 15px; height: 50px; line-height: 50px; text-align: right; font-size: 44px; color: #e5e5e5; letter-spacing: 0px; text-transform:uppercase; }

.H-M03-r .zi02{ height: 38px; line-height: 38px; text-align: right; font-size: 30px; color: #545454; letter-spacing: 0px; }

.H-M03-r .tu01{ margin-top: 40px; }

.H-M03-r .tu02{ position: absolute; left:-329px; top: 285px; }

.H-M03-r .tu03{ position: absolute; left: -790px; top: 425px; width: 430px;}

.H-M03-r .tu03 h5{ display: block; margin-top: 38px; height: 40px; line-height: 40px; text-align: right; font-size: 26px; color: #000000; }

.H-M03-r .tu03 p{ display: block; height: 30px; line-height: 30px; text-align: right; font-size: 15px; color: #000000; }



.H-M04-TIT001{ line-height: 85px; font-size: 36px; color: #343434; text-align: center; width:100%; }

.H-PROCLASS01{ width: 100%; border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid;}

.H-PROCLASS{ text-align:center; margin:0 auto; }

.H-PROCLASS ul{display:table;margin-left:auto;margin-right:auto;margin: 0 auto;width: 100%;}

.H-PROCLASS ul li{float:left;*float:none;*display:inline;*zoom:1;height:auto; position:relative; z-index:10;}

.H-PROCLASS ul li a{ padding-bottom: 3px; display: block; line-height: 83px; font-size: 20px; color: #767676; text-align: center;  z-index: 10;text-decoration: none;}

.H-PROCLASS ul li .secondpro01{ position: absolute; width: 260px; height: auto; background-color: #d3012b; z-index: 1000000; display: none; padding: 30px 25px ; }

.H-PROCLASS ul li .secondpro01 a{ display: block; padding: 0px 15px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; font-size: 15px; width: 88%; border-bottom: #e17087 1px dashed;}

.H-PROCLASS ul li .secondpro01 a:hover{ background-color: #ffffff; color: #d3012b; }

.H-PROCLASS ul li:hover .secondpro01{position: absolute; width: 260px; top: 87px; left: -68px; height: auto; background-color: #d3012b; z-index: 1000000; display: block; padding:  30px 25px ; }

.H-PROCLASS ul li a:hover{ border-bottom: #d3012b 3px solid;  padding-bottom: 0px;}

/*.H-PROCLASS ul li:first-child{ border-bottom: #d3012b 3px solid; }*/

.H-PRO-hover01{ border-bottom: #d3012b 3px solid !important; }



.H-tit001{ border-bottom:#e5e5e5 2px solid; }

.H-tit001 p{ display: block; line-height: 50px; text-align: center; font-size: 30px; color: #535353; text-transform: uppercase; margin-bottom: 0px;}

.H-tit001 h3{ display: block; line-height: 32px; text-align: center; font-size: 26px; color: #343434; margin-top: 0px;}

.H-tit001 .line001{ width: 36px; height: 16px; margin:0 auto; border-bottom: #e5472e 3px solid; }



.H-M-NEWS01{height: auto; overflow: hidden; margin-bottom: 30px; }

.H-M-NEWS01 ul{ margin: 0px; padding:0px; }

.H-M-NEWS01 ul li{margin-top: 50px;}

.H-M-NEWS01 ul li a{text-decoration: none;}

.H-M-NEWS01 ul li .date01{ height: 90px; border-bottom: #c8c8c8 2px solid; 

-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;

}

.H-M-NEWS01 ul li:hover .date01{ border-bottom: #d3012b 2px solid; 

 -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; 

}

.H-M-NEWS01 ul li .date01 .l01{ float: left; width: 190px; height: 90px; line-height: 90px; text-align: left; font-size: 60px; color: #939393; font-family: "ITC Avant Garde Gothic"; 

-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;

}

.H-M-NEWS01 ul li:hover .date01 .l01{ float: left; margin-left:20px; width: 190px; height: 90px; line-height: 90px; text-align: left; font-size: 60px; color: #939393; font-family: "ITC Avant Garde Gothic";

-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;

 }

.H-M-NEWS01 ul li:hover .date01 .l01{ color: #f64646; }

.H-M-NEWS01 ul li .date01 .r01{ float: right; width: 55px; height: 90px; line-height: 130px; text-align: center; font-size: 17px; color: #939393; font-family: "ITC Avant Garde Gothic"; }

.H-M-NEWS01 ul li a h4{ display: block; margin-top: 18px; height: 54px; line-height: 54px; text-align: left; font-size: 21px; color: #010101; overflow: hidden; }

.H-M-NEWS01 ul li:hover a h4{ color: #f64646; }

.H-M-NEWS01 ul li p{ display: block; text-align: left; font-size: 14px; color: #737373; overflow: hidden; }


.H-M-NEW-MORE{margin-bottom: 15px;}
.H-M-NEW-MORE a{ display: block; margin: 0 auto; width: 230px; height: 43px; line-height: 43px; text-align: center; border: #d3012b 1px solid; background-color: #f64646; color: #ffffff; font-size: 16px; 

-moz-border-radius: 30px;     -webkit-border-radius: 30px;       border-radius:30px;    

-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;     

    text-decoration: none;
}

.H-M-NEW-MORE a:hover{ width: 400px; 

-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;

text-decoration: none;
}

/*END HOME MIDDLE*/



/*内页*/



/*end内页*/





/*BOTTOM*/



.B-LINK{ height: 43px; width: 100%; }

.B-LINK h5{ display: block; float: left; height: 43px; line-height: 43px; font-size: 15px; color: #58a37b; margin-right: 15px; }

.B-LINK a{ display: block; float: left; height: 43px; line-height: 43px; font-size: 15px; color: #58a37b; margin-right: 10px; }



.B-01{ background-color: #222222; padding:50px 0px;}

.B-01-l{ float: left; width: 236px; height: auto; overflow: hidden; }

.B-01-l h4{ display: block; margin-bottom: 23px; height: 57px; line-height: 57px; letter-spacing: 0px; text-align: left; font-size: 29px; color: #dfdfdf; font-family: "宋体"; background-image: url(../images/bg03.jpg); background-position: left bottom; background-repeat: no-repeat; }

.B-proclass01{ width: 100%; height: auto; overflow: hidden; }

.B-proclass01 a{ display: block; width: 100%; height: 32; line-height: 32px; text-align: left; font-size: 15px; color: #7f7f7f; overflow: hidden; 

-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;

}

.B-proclass01 a:hover{ background-color: #f64646; color: #fff; text-indent: 10px;

 -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; 

}



.B-01-l02{ width: 480px; float: left; height: auto; overflow: hidden; }

.B-01-l02 h4{ display: block; margin-bottom: 16px; height: 57px; line-height: 57px; letter-spacing: 0px; text-align: left; font-size: 29px; color: #dfdfdf; font-family: "宋体"; background-image: url(../images/bg03.jpg); background-position: left bottom; background-repeat: no-repeat; }

.B-01-l02 p{ display: block; padding:11px 0px; border-bottom:#393939 1px solid; line-height: 140%; text-align: left; font-size: 15px; color:#7f7f7f;  }

.B-01-l02 span{ display: block; padding:11px 0px; line-height: 140%; text-align: left; font-size: 15px; color:#7f7f7f;  }

.B-01-r01{ float: right; width: 397px; height: auto; overflow: hidden; }

.B-01-r01 h4{ display: block; margin-bottom: 16px; height: 57px; line-height: 57px; letter-spacing: 0px; text-align: left; font-size: 29px; color: #dfdfdf; font-family: "宋体"; background-image: url(../images/bg03.jpg); background-position: left bottom; background-repeat: no-repeat; }

.B-01-r01 p{ display: block; padding:11px 0px;  line-height: 140%; text-align: left; font-size: 15px; color:#7f7f7f;  }

.B-01-r01 p a{ color: #7f7f7f; font-size: 15px;}

.B-01-r01 p a:hover{ color: #f64646; font-size: 15px;}



.B-01-r02{ float: left; margin-top: 106px;}

.B-01-r02-01{border: #383838 3px solid; width: 241px; height: 41px; line-height: 41px; text-align: left; color: #666666; background-color: #222222; text-indent: 10px; background-image: url(../images/tu01.jpg); background-position: right center; background-repeat: no-repeat;

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

 }

/*END BOTTOM*/











/*首页渐出效果*/



.js .animate-box {

  opacity: 0;

}





.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}



.animated.flipOutX,

.animated.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}





@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    /*-webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);*/

    -webkit-transform: translate3d(0, 40px, 0);

    transform: translate3d(0, 40px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    /*-webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);*/

    -webkit-transform: translate3d(0, 40px, 0);

    transform: translate3d(0, 40px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  width: 100%;

}

/*END 首页渐出效果*/



/*效果*/

@-webkit-keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1;

  }



  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes lightSpeedIn {

  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

    opacity: 1;

  }



  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}



@-webkit-keyframes bounceInDown {

  from, 60%, 75%, 90%, 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);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

  }



  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes bounceInDown {

  from, 60%, 75%, 90%, 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);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

  }



  to {

    -webkit-transform: none;

    transform: none;

  }

}



.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  from, 60%, 75%, 90%, 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);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }



  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes bounceInLeft {

  from, 60%, 75%, 90%, 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);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }



  to {

    -webkit-transform: none;

    transform: none;

  }

}



.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}



@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInDownBig {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3);

  }



  50% {

    opacity: 1;

  }

}



@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3);

  }



  50% {

    opacity: 1;

  }

}



.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}





@-webkit-keyframes bounceInRight {

  from, 60%, 75%, 90%, 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);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }



  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes bounceInRight {

  from, 60%, 75%, 90%, 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);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }



  to {

    -webkit-transform: none;

    transform: none;

  }

}



.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}

@-webkit-keyframes bounceInUp {

  from, 60%, 75%, 90%, 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);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInUp {

  from, 60%, 75%, 90%, 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);

  }



  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}

@-webkit-keyframes flash {

  from, 50%, to {

    opacity: 1;

  }



  25%, 75% {

    opacity: 0;

  }

}



@keyframes flash {

  from, 50%, to {

    opacity: 1;

  }



  25%, 75% {

    opacity: 0;

  }

}



.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}