input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#e5e5e5; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#e5e5e5; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#e5e5e5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #e5e5e5; } 



.fr{ float:right; }
.fl{ float:left; }
.poa{ position: absolute;}
.por{ position: relative;}
/*b2c css start*/
.b2cW1200{ width: 1200px; margin: 0px auto;}
.b2cf45{ font-size: 45px;}
.b2cpoa{ position: absolute;}
.b2cpor{ position: relative;}
.b2cIcon{ background: url(../images/b2cIcon.png) no-repeat 0 0; display: inline-block; vertical-align: middle;}
.b2cIcon2{ background: url(../images/b2cIcon2.png) no-repeat 0 0; display: inline-block; vertical-align: middle;}
.b2cIcon3{ background: url(../images/b2cIcon3.png) no-repeat 0 0; display: inline-block; vertical-align: middle;}
.floor_3_icon{ background: url(../images/floor_3_icon.png) no-repeat 0 0; display: inline-block; vertical-align: middle;}
.b2cLinear{ background: linear-gradient(120deg, #30cf82, #1dbb9f); background-color: #1dbb9f;}
#b2cBody *{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
#b2cBody a{ color:#333; }
#b2cBody a:hover{ color:#f6444a; }
#b2cBody{ background:url(../images/b2cbodybg.jpg) repeat 0 0; overflow: hidden; }
#b2cBody .b2cbtn{ width:201px; height: 60px; line-height: 60px; text-align: center; background: #f9c32e; border-radius: 40px; color: #fff; font-size: 24px; display: inline-block; position: relative; -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; transition:all ease 300ms;}
#b2cBody .b2cbtn s{ width: 26px; height: 26px; background-position: -79px 0; position: absolute; right: 20px; top: 50%; margin-top: -13px; }
#b2cBody{ font-size: 14px; color: #666; font-family: "microsoft yahei";}
#b2cBody h1,#b2cBody h2,#b2cBody h3,#b2cBody h4{ font-weight: normal;}
#b2cBody .green{ color: #f6444a;}

#b2cBody #top_main{ width: 100%; height: 50px; line-height: 50px; position: relative; transition: all ease .3s; z-index: 70; background: #fff; box-shadow: 0 1px 2px rgba(32,21,18,.2);}
#b2cBody #top_main.fix{ position: fixed; left:0px; top:0px; opacity: .9;}
#b2cBody #top_main h2{ color: #333333; font-size: 20px;}
#b2cBody #top_main .btn{ width: 120px; height: 28px; text-align: center; line-height: 28px; margin: 10px 0px 0px 12px; background: #f6444a; color: #fff; border-radius: 3px; }
#b2cBody #top_main .menu a{ display: inline-block;}
#b2cBody #top_main .menu a.cur{ color: #f6444a;}
#b2cBody #top_main .menu span{ width: 1px;  display: inline-block; height: 12px; background: #dddddd; margin: 0px 10px;}
#b2cBody .b2c_banner{ height: 480px;  width:100%; overflow: hidden; min-width:1000px; position:relative; z-index: 8;  background:url(../images/b2cbannerbg.jpg) no-repeat center top;}
#b2cBody .b2c_banner img{ display: block;}
#b2cBody .b2c_banner .bleft{ padding-top: 77px; height:403px; color: #fff;}
#b2cBody .b2c_banner .bleft img{ margin-bottom: 10px;}
#b2cBody .b2c_banner .bleft h2{ width: 398px; font-size: 30px; border-bottom: 1px solid #d15a5a; line-height: 48px; margin-left: 48px;}
#b2cBody .b2c_banner .bleft .b2cbtn{ margin-left: 50px; display: block; margin-top: 40px;}
#b2cBody .b2c_banner .bleft .b2cbtn:hover{ color: #fff;}
#b2cBody .b2c_banner .bright{ width: 668px; right: 0; bottom: 0; height:480px;}
#b2cBody .b2c_banner .bright li{ bottom: 0;}
#b2cBody .b2c_banner .bright .item1{ left: 0; z-index: 3;}
#b2cBody .b2c_banner .bright .item2{ right: 0; z-index: 2;}
#b2cBody .b2c_banner .bright .item3{ left:120px;}
/*floor_1_main*/
#b2cBody #floor_1_main{ width: 100%; padding: 78px 0 102px; overflow: hidden; }
#b2cBody #floor_1_main .fleft{ width: 513px; height: 560px; }
#b2cBody #floor_1_main .fleft .txt{ width: 513px; height: 560px; background: url(../images/floor1_img2.png) no-repeat 0 0; z-index: 2;}
#b2cBody #floor_1_main .fleft img{ width:300px; height: 480px; display: block; top: 38px; right: -75px; z-index: 0; }
#b2cBody #floor_1_main .fleft h2{ color: #2a2e36; font-weight: bold; font-size: 30px; left: 20px; top: 170px; }
#b2cBody #floor_1_main .fleft h2{ color: #2a2e36; font-weight: bold; font-size: 30px; left: 60px; top: 170px; }
#b2cBody #floor_1_main .fleft h3{ width: 197px; height: 64px; padding-right: 13px; background: #ff3a41; text-align: right; color: #fff; font-size:24px; left: 60px; top: 216px; border-radius: 5px; line-height: 30px; }
#b2cBody #floor_1_main .fright{ width: 490px;}
#b2cBody #floor_1_main .fright .title{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #e2e2e2; margin-top: 38px; }
#b2cBody #floor_1_main .fright .title span{ font-weight: bold; margin-left: 5px; font-family: arial; color: #bdbdbd;}
#b2cBody #floor_1_main .fright .title strong{ font-size: 30px; color: #f6444a; font-weight: normal; }
#b2cBody #floor_1_main .fright .list{ margin-top: 4px;}
#b2cBody #floor_1_main .fright li{ height: 40px; line-height: 40px; color: #494949; font-size: 16px;}
#b2cBody #floor_1_main .fright li s{ width: 20px; height: 20px; margin-right: 10px; background-position: -43px 0; margin-right: 9px;}
#b2cBody #floor_1_main .fright .title2{ margin-top: 76px;}
#b2cBody #floor_1_main .fright .title2 strong{ color: #0791e8;}
#b2cBody #floor_1_main .fright .list2 s{ text-align: center; line-height: 20px; border-radius: 100%; background: #525252; color: #fff; display: inline-block; text-decoration: none; font-size: 12px; }
/*floor_2_mian*/
#b2cBody #floor_2_main{ width: 100%; padding: 40px 0 60px; overflow: hidden; background: #33353a url(../images/floor2bg.jpg) no-repeat center top; text-align: center; color: #fff; }
#b2cBody #floor_2_main .h1{ font-size: 40px; line-height: 60px; }
#b2cBody #floor_2_main .h2{ font-size: 48px; line-height: 60px; font-weight: bold; }
#b2cBody #floor_2_main .h2 span{ color: #fcce30; }
#b2cBody #floor_2_main .h3{ width: 838px; height: 46px; margin-top: 15px; font-size: 24px; line-height: 46px; border-bottom: 1px solid #595c61; border-top: 1px solid #595c61; display: inline-block; }
#b2cBody #floor_2_main .list{ width: 100%; height:195px; padding: 66px 0;  }
#b2cBody #floor_2_main .list li{ width: 145px; height: 145px; cursor: pointer; float: left; margin-left: 30px; }
#b2cBody #floor_2_main .list li:first-child{ margin-left: 0; }
#b2cBody #floor_2_main .list li .tb{ width: 145px; height: 145px; position: relative;}
#b2cBody #floor_2_main .list li .b2cIcon3{ width: 145px; height: 145px; left: 0; top: 0; position: absolute; }
#b2cBody #floor_2_main .list li .b2cIcon2{  width: 58px; height: 58px; left: 50%; top: 50%; margin-left: -29px; margin-top: -29px; position: absolute; }
#b2cBody #floor_2_main .list li h3{ width: 130px; height: 30px; margin: 20px auto 0; border: 1px solid #4a4b4e; line-height: 30px; text-align: center; color: #fff; border-radius: 2px;  -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; transition:all ease 300ms; }

#b2cBody #floor_2_main .list li:hover .b2cIcon3{ -webkit-animation:rota 1.2s alternate infinite; animation:rota 1.2s alternate infinite; }
#b2cBody #floor_2_main .list li:hover h3{ margin-top: 15px; }
/*rota*/
@-webkit-keyframes rota{
	0%{
		-webkit-transform: rotate(0deg); 
	}
	100%{
		-webkit-transform: rotate(360deg); 
	}
}
@keyframes rota{
	0%{
		transform: rotate(0deg); 
	}
	100%{
		transform: rotate(360deg); 
	}
}

#b2cBody #floor_2_main .list li.a2 .b2cIcon3{ background-position: -159px 0;}
#b2cBody #floor_2_main .list li.a3 .b2cIcon3{ background-position: -317px 0;}
#b2cBody #floor_2_main .list li.a4 .b2cIcon3{ background-position: -476px 0;}
#b2cBody #floor_2_main .list li.a5 .b2cIcon3{ background-position: -634px 0;}
#b2cBody #floor_2_main .list li.a6 .b2cIcon3{ background-position: -793px 0;}
#b2cBody #floor_2_main .list li.a7 .b2cIcon3{ background-position: -951px 0;}
#b2cBody #floor_2_main .list li.a2 .b2cIcon2{ background-position: -101px 0;}
#b2cBody #floor_2_main .list li.a3 .b2cIcon2{ background-position: -202px 0;}
#b2cBody #floor_2_main .list li.a4 .b2cIcon2{ background-position: -303px 0;}
#b2cBody #floor_2_main .list li.a5 .b2cIcon2{ background-position: -403px 0;}
#b2cBody #floor_2_main .list li.a6 .b2cIcon2{ background-position: -505px 0;}
#b2cBody #floor_2_main .list li.a7 .b2cIcon2{ background-position: -606px 0;}
#b2cBody #floor_2_main .b{ font-size: 16px; padding: 0 0 50px;}
#b2cBody #floor_2_main .b strong{ font-size: 24px; font-weight: bold; font-family: arial; color: #fcce30; }
#b2cBody #floor_2_main .b s{ width: 31px; height: 30px; margin-right: 8px; background-position: 0 0; }
#b2cBody #floor_2_main .btn a{ width: 276px; height: 56px; line-height: 56px; text-align: center; border-radius: 5px; background: #0791e8; margin: 0 5px; }
#b2cBody #floor_2_main .btn a:first-child{ background: #f6444a;}
#b2cBody #floor_2_main .btn a:hover{ color: #fff;}
/*floor_3_main*/
#b2cBody #floor_3_main{ padding:30px 0 82px; text-align: center; }
#b2cBody #floor_3_main .item{ width: 100%; height:417px; text-align: left; color: #494949; }
#b2cBody #floor_3_main .b1{ background: url(../images/floor_3_bg1.png) no-repeat center bottom;}
#b2cBody #floor_3_main .b2,#b2cBody #floor_3_main .b4,#b2cBody #floor_3_main .b6{ background: url(../images/floor_3_bg3.png) no-repeat center bottom;}
#b2cBody #floor_3_main .b3,#b2cBody #floor_3_main .b5{ background: url(../images/floor_3_bg2.png) no-repeat center bottom;}
#b2cBody #floor_3_main .img{ display: block; bottom: 5px; left: 60px; }
#b2cBody #floor_3_main s{ width: 165px; height: 147px; }
#b2cBody #floor_3_main .txtcon{ width: 480px; line-height: 30px; padding-top: 90px;}
#b2cBody #floor_3_main .txt1{ height: 165px; }
#b2cBody #floor_3_main .txt1 h2{ font-weight: bold; padding-top:58px; font-size: 35px; line-height: 40px; }
#b2cBody #floor_3_main .txt2{ font-size: 18px; line-height: 30px; padding-left: 10px; }
#b2cBody #floor_3_main .circle{ width: 51px; height: 51px; left: 0; bottom: -26px; z-index: 2; background:url(../images/floor_3_bgcirle.jpg) no-repeat center center;}
#b2cBody #floor_3_main .b2 .img{ right: 30px; left: auto;}
#b2cBody #floor_3_main .b4 .img{ right: 40px; left: auto;}
#b2cBody #floor_3_main .b5 .img{ left: 80px;}
#b2cBody #floor_3_main .b6 .img{ right: -30px; left: auto;}
#b2cBody #floor_3_main .b1 s{ background-position: 0 20px;}
#b2cBody #floor_3_main .b2 s{ background-position: -183px 0;}
#b2cBody #floor_3_main .b3 s{ background-position: -362px 28px;}
#b2cBody #floor_3_main .b4 s{ background-position: -552px 25px;}
#b2cBody #floor_3_main .b5 s{ width: 135px; background-position: -745px 0;}
#b2cBody #floor_3_main .b6 s{ background-position: -910px 0;}

#b2cBody #floor_3_main .b2 .txtcon{ width: 660px; padding-left: 50px;}
#b2cBody #floor_3_main .b3 .txtcon{ width: 660px; padding-left: 50px;}
#b2cBody #floor_3_main .b4 .txtcon{ width: 760px; padding-left: 50px; padding-top: 40px; }
#b2cBody #floor_3_main .b5 .txtcon{ width: 660px; padding-left: 50px;  }
#b2cBody #floor_3_main .b6 .txtcon{ width: 660px; padding-left: 30px;  }
#b2cBody #floor_3_main .b2 .txtcon span{ width: 19px; height: 19px; text-align: center; line-height: 19px; font-size: 12px; margin-right: 10px; display: inline-block; color: #fff; border-radius: 100%; background: #494949; vertical-align:middle; }
/*floor_4_main*/
#b2cBody #floor_4_main{ width: 100%; overflow: hidden;}
#b2cBody #floor_4_main .b2cpk{ width: 100%; height: 120px; background: url(../images/b2cpkbg.jpg) no-repeat center top; text-align: center; }
#b2cBody #floor_4_main .b2cpk li{ display: inline-block; *display: inline; zoom: 1; padding: 0 5px 0;}
#b2cBody #floor_4_main .b2cpk li img{ display: block;}
#b2cBody #floor_4_main .b2cpk .img1,#b2cBody #floor_4_main .b2cpk .img3{ height: 68px; }
#b2cBody #floor_4_main .b2cpk .img2{ height: 97px;}
#b2cBody #floor_4_main .b2cpk .img2 img{ padding-top: 14px;}
#b2cBody #floor_4_main .floor_4{ padding-top: 30px;}
#b2cBody #floor_4_main .item{ position: relative; z-index: 2; }
#b2cBody #floor_4_main .itemLeft{ margin-bottom: 20px;}
#b2cBody #floor_4_main .linebg{ width: 3px; height: 85%; background: #d8d8d8; left: 50%; top:140px; margin-left: -2px; }
#b2cBody #floor_4_main .itemVs{ width: 120px; height: 249px; text-align: center; color: #fff; font-size: 18px; line-height: 300px; margin-left: 33px; background:url(../images/floor_4vsimg.png) no-repeat 0 0; z-index: 10; }
#b2cBody #floor_4_main .itemLeft{ width:487px; height: 249px; padding-right: 20px; text-align: center; background: url(../images/b2citembg.png) no-repeat 0 0;}
#b2cBody #floor_4_main .itemLeft s{ width: 70px; height: 70px; display: block; margin:25px auto 10px; background: url(../images/floor_4_sicon.png) no-repeat 0 0; *display: inline-block; }
#b2cBody #floor_4_main .itemLeft h3{ font-size: 30px; color: #067de5; margin-bottom: 5px;  }
#b2cBody #floor_4_main .itemLeft .txt{ line-height: 20px; color: #333; }
#b2cBody #floor_4_main .itemLeft .w{ width:62px; height: 25px; left: 1px; top: 11px; line-height: 25px; text-align: center; background: #067de5; color: #fff; border-top-right-radius:15px; border-bottom-right-radius:15px; }
#b2cBody #floor_4_main .itemRight{ padding: 0 0 0 20px; background-position: 0 -249px; }
#b2cBody #floor_4_main .itemRight .w{ right: 1px; left: auto; background: #bababa; border-radius: 0; border-top-left-radius:15px; border-bottom-left-radius:15px; }
#b2cBody #floor_4_main .itemRight h3{ color: #333333;}
#b2cBody #floor_4_main .a1 .itemVs{ height: 186px; margin-top: 63px; line-height: 175px; background-position: 0 bottom; }
#b2cBody #floor_4_main .a6 .itemVs{ height: 183px; background-position: 0 top; }
#b2cBody #floor_4_main .a2 .itemLeft s{ background-position: 0 -98px;}
#b2cBody #floor_4_main .a3 .itemLeft s{ background-position: 0 -192px;}
#b2cBody #floor_4_main .a4 .itemLeft s{ background-position: 0 -280px;}
#b2cBody #floor_4_main .a5 .itemLeft s{ background-position: 0 -380px;}
#b2cBody #floor_4_main .a6 .itemLeft s{ background-position: 0 -472px;}
#b2cBody #floor_4_main .a1 .itemRight s{ background-position: -88px 0;}
#b2cBody #floor_4_main .a2 .itemRight s{ background-position: -88px -98px;}
#b2cBody #floor_4_main .a3 .itemRight s{ background-position: -88px -192px;}
#b2cBody #floor_4_main .a4 .itemRight s{ background-position: -88px -280px;}
#b2cBody #floor_4_main .a5 .itemRight s{ background-position: -88px -380px;}
#b2cBody #floor_4_main .a6 .itemRight s{ background-position: -88px -472px;}
/*floor_5_main*/
#b2cBody #floor_5_main{ width:100%; height:179px; padding-top: 60px; margin-top: 60px; background: url(../images/floor_5_bg.png) no-repeat center bottom;  overflow: hidden;}
#b2cBody #floor_5_main h2{ width: 330px; font-size: 25px; border-bottom: 1px solid #ce5559; line-height: 40px; margin-left: 550px; color: #fff;}
#b2cBody #floor_5_main .b2cbtn{ width: 166px; height: 50px; line-height: 50px; margin-left: 550px; margin-top:10px;}
#b2cBody #floor_5_main .b2cbtn:hover{ color: #fff; }
.b2c-container{ padding-top: 50px;}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/**********************
 * 动画
 * *******************/
.animate{ opacity: 0;}
/* 滞后 */
.delay100 { -webkit-animation-delay:100ms; animation-delay:100ms; }
.delay200 { -webkit-animation-delay:200ms; animation-delay:200ms; }
.delay300 { -webkit-animation-delay:300ms; animation-delay:300ms; }
.delay400 { -webkit-animation-delay:400ms; animation-delay:400ms; }
.delay500 { -webkit-animation-delay:500ms; animation-delay:500ms; }
.delay600 { -webkit-animation-delay:600ms; animation-delay:600ms; }
.delay700 { -webkit-animation-delay:700ms; animation-delay:700ms; }
.delay800 { -webkit-animation-delay:800ms; animation-delay:800ms; }
.delay900 { -webkit-animation-delay:900ms; animation-delay:900ms; }
.delay1000 { -webkit-animation-delay:1000ms; animation-delay:1000ms; }
.delay1100 { -webkit-animation-delay:1100ms; animation-delay:1100ms; }
.delay1200 { -webkit-animation-delay:1200ms; animation-delay:1200ms; }
.delay1300 { -webkit-animation-delay:1300ms; animation-delay:1300ms; }
.delay1400 { -webkit-animation-delay:1400ms; animation-delay:1400ms; }
.delay1500 { -webkit-animation-delay:1500ms; animation-delay:1500ms; }
.delay1600 { -webkit-animation-delay:1600ms; animation-delay:1600ms; }
.delay1700 { -webkit-animation-delay:1700ms; animation-delay:1700ms; }
.delay1800 { -webkit-animation-delay:1800ms; animation-delay:1800ms; }
.delay1900 { -webkit-animation-delay:1900ms; animation-delay:1900ms; }
.delay2000 { -webkit-animation-delay:2000ms; animation-delay:2000ms; }
.delay2200 { -webkit-animation-delay:2200ms; animation-delay:2200ms; }
.delay2400 { -webkit-animation-delay:2400ms; animation-delay:2400ms; }
.delay2500 { -webkit-animation-delay:2500ms; animation-delay:2500ms; }
.delay2600 { -webkit-animation-delay:2600ms; animation-delay:2600ms; }
.delay2800 { -webkit-animation-delay:2800ms; animation-delay:2800ms; }
.delay3000 { -webkit-animation-delay:3000ms; animation-delay:3000ms; }
.delay3100 { -webkit-animation-delay:3100ms; animation-delay:3100ms; }
.delay4000 { -webkit-animation-delay:4000ms; animation-delay:4000ms; }
.delay5000 { -webkit-animation-delay:5000ms; animation-delay:5000ms; }

.biger { -webkit-animation-name:biger; animation-name:biger; }
.scale{ -webkit-animation-name:scale; animation-name:scale;}
.fadeIn { -webkit-animation-name: fadeIn;  animation-name: fadeIn;}
.fadeInUp { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}
.fadeUp { -webkit-animation-name: fadeUp;  animation-name: fadeUp;}
.fadeInDown { -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.animated { -webkit-animation-duration: .8s; animation-duration: .8s;  -webkit-animation-fill-mode: both; animation-fill-mode:both;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@keyframes flap1 {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100,0,0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes biger {
	0% { -webkit-transform:scale(0.95,0.95); opacity:1; }
	30% { -webkit-transform:scale(1,1); opacity:1; }
	60% { -webkit-transform:scale(1.05,1.05); opacity:1; }
	100% { -webkit-transform:scale(0.95,0.95); opacity:1; }
}
@keyframes biger {
	0% { transform:scale(0.95,0.95); opacity:1; }
	30% { transform:scale(1,1); opacity:1; }
	60% { transform:scale(1.05,1.05); opacity:1; }
	100% { transform:scale(0.95,0.95); opacity:1; }
}
@-webkit-keyframes shensuo{
	0%{
		-webkit-transform:scaleX(0.9);
	}
	100%{
		-webkit-transform:translateY(1);
	}
}
@-moz-keyframes shensuo{
	0%{
		-moz-transform:scaleX(0.9);
	}
	100%{
		-moz-transform:translateY(1);
	}
}
@-ms-keyframes shensuo{
	0%{
		-ms-transform:scaleX(0.9);
	}
	100%{
		-ms-transform:translateY(1);
	}
}
@keyframes shensuo{
	0%{
		-moz-transform:scaleX(0.9);
		 -ms-transform:scaleX(0.9);
		     transform:scaleX(0.9);
	}
	100%{
		-moz-transform:translateY(1);
		 -ms-transform:translateY(1);
		     transform:translateY(1);
	}
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform:scaleX(0);
  }
  100% {
    -webkit-transform:scaleX(1);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    -ms-transform: translateY(500px);
    transform: translateY(500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



@keyframes flap1 {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes flap2 {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes Circle {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes Circle1 {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
  }
}