@charset "gb2312";
/* CSS Document */

* {margin: 0;padding: 0;text-decoration: none;}
img {border: 0}
a {color: #333}
a:hover {color: red}
.clear {clear: both}
ul, li, ul li {list-style: none}
body {margin: 0 auto;background:#fff;color: #333;font-size: 16px;font-family:"΢ÈíÑźÚ", Geneva, sans-serif; min-width:1170px; width:100%; height:auto; overflow-x:hidden}
/* ====== General ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none !important; }
.show { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.max-100 { max-width: 100%; }
.pic { overflow: hidden; }
.fw-bold { font-weight: bold; }
.icon { display: inline-block; font-style: normal; vertical-align: middle;}







@-webkit-keyframes fadeInUp {
  0% {   opacity: 0;    -webkit-transform: translate3d(0, 30px, 0);            transform: translate3d(0, 30px, 0);  }

  100% {    opacity: 1;    -webkit-transform: none;            transform: none;  }
}

@keyframes fadeInUp {
  0% {    opacity: 0;    -webkit-transform: translate3d(0, 30px, 0);            transform: translate3d(0, 30px, 0);  }

  100% {    opacity: 1;    -webkit-transform: none;            transform: none;  }
}

.fadeInUp {  -webkit-animation-name: fadeInUp;          animation-name: fadeInUp;}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.abig {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}



.slideRightLarge {
animation:myfirst 2s;
-moz-animation:myfirst 2s; /* Firefox */
-webkit-animation:myfirst 2s; /* Safari and Chrome */
-o-animation:myfirst 2s; /* Opera */
animation-delay:1;
}

.sliderLarge {
animation:myright 2s;
-moz-animation:myright 2s; /* Firefox */
-webkit-animation:myright 2s; /* Safari and Chrome */
-o-animation:myright 2s; /* Opera */
animation-delay:1;
}
.slidelLarge {
animation:myleft 2s;
-moz-animation:myleft 2s; /* Firefox */
-webkit-animation:myleft 2s; /* Safari and Chrome */
-o-animation:myleft 2s; /* Opera */
animation-delay:1;
}

.ul_lf li:hover{
animation:newlr 2s;
-moz-animation:newlr 2s; /* Firefox */
-webkit-animation:newlr 2s; /* Safari and Chrome */
-o-animation:newlr 2s; /* Opera */
animation-delay:1;
	}
@keyframes newlr
{
  0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
   50% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
@-moz-keyframes newlr /* Firefox */
{
  0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
   50% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

@-webkit-keyframes newlr /* Safari and Chrome */
{
  0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
   50% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
@-o-keyframes newlr /* Opera */
{
  0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
   50% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}





	

@keyframes myright
{
   0% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
@-moz-keyframes myright /* Firefox */
{
   0% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

@-webkit-keyframes myright /* Safari and Chrome */
{
   0% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
@-o-keyframes myright /* Opera */
{
   0% {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}


@keyframes myleft
{
   0% {-webkit-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
@-moz-keyframes myleft /* Firefox */
{
   0% {-webkit-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

@-webkit-keyframes myleft /* Safari and Chrome */
{
   0% {-webkit-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
@-o-keyframes myleft /* Opera */
{
   0% {-webkit-transform: translateX(50px);-ms-transform: translateX(50px);transform: translateX(50px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}


@keyframes myfirst
{
   0% {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
  100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-moz-keyframes myfirst /* Firefox */
{
   0% {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
  100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
   0% {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
  100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-o-keyframes myfirst /* Opera */
{
   0% {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
  100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}