/* CSS Document */

html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    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:40px;}
.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: 768px; overflow: hidden; background-image: url("01[1].jpg");}
.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("bg01[1].png");}
.H-TOP-MENU01 a:hover{ background-color: #d3012b; color: #ffffff; }
.H-TOP-MENU01 a:visited{ background-image: url("bg01[1].png"); color: #5d5d5d;}

.H-MENU01{ width: 1198px; height: 65px; border: #959595 1px solid; overflow: hidden; background-image: url("menu_bg[1].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("menu_bg01[1].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; }
.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("search[1].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{ width: 1200px; margin:0px; padding: 0px; }
.H-M02 ul{ margin:0px; padding: 0px; }
.H-M02 ul li{ float: left; width: 236px; height: 266px; 
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.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: 68px; height: 37px; 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: 53px 70px; background-color: #f5f5f5; height: 369px; }
.H-M03-l{ float: left; width: 655px; 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;
 }
.H-M03-l .more001 a:hover{ background-color: #bfbfbf; color: #000000;}
.H-M03-r{ float: right; width: 329px; height: auto; position: relative; }
.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{ height: 85px; 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; height: 86px; }
.H-PROCLASS{ *text-align:center; width:1200px; margin:0 auto; }
.H-PROCLASS ul{display:table;margin-left:auto;margin-right:auto;}
.H-PROCLASS ul li{float:left;*float:none;*display:inline;*zoom:1; margin-left:25px; margin-right:25px; height:auto; width:150x; height:83px; position:relative; z-index:10;}
.H-PROCLASS ul li a{ display: block; width: 150px; height: 83px; line-height: 83px; font-size: 20px; color: #767676; text-align: center;  z-index: 10;}
.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:hover{ border-bottom: #d3012b 3px solid; }
/*.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; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #535353; text-transform: uppercase; }
.H-tit001 h3{ display: block; height: 32px; line-height: 32px; text-align: center; font-size: 26px; color: #343434; }
.H-tit001 .line001{ width: 36px; height: 16px; margin:0 auto; border-bottom: #e5472e 3px solid; }

.H-M-NEWS01{ width: 1200px; height: auto; overflow: hidden; margin-bottom: 30px; }
.H-M-NEWS01 ul{ margin: 0px; padding:0px; width: 1300px; }
.H-M-NEWS01 ul li{ float: left; width: 340px; height: 260px; margin-top: 50px; margin-right: 90px; }
.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; height: 60px; line-height: 136%; text-align: left; font-size: 14px; color: #737373; overflow: hidden; }

.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;     
}
.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;
}
/*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("bg03[1].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("bg03[1].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("bg03[1].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("tu01[1].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;
}
/*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;
}