@charset "utf-8";

img{ border:0px;}
body {
	font-size:12px;
	margin:0;
	padding:0;
	line-height:22px;
	color:#3e3a39;
	background-color:#fff;font-family:"微软雅黑";
}

.main{width:100px; margin:0 auto; position:relative;}
ul,li {margin:0;padding:0;list-style:none;}
A:link {COLOR: #666; TEXT-DECORATION: none;}
A:visited {COLOR: #666; TEXT-DECORATION: none}
A:hover {COLOR:#000; TEXT-DECORATION: none}
A.b:link {COLOR: #FFD334; TEXT-DECORATION: underline}
A.b:visited {COLOR: #FFD334; TEXT-DECORATION: underline}
A.b:hover {COLOR: #ffff00; TEXT-DECORATION: none}
input{background:transparent;border:0px;margin:0px; color:#939598;list-style:none; font-family:"黑体"; font-size:14px;}
.white {color:#ffffff;}
.red {color:#0682f2; font-size:25px;line-height:50px;}
.red2{color:#d30101;}
.green {color:green;}
.black{ color:#000;}
.blue{color:#549FD6;}
.yellow{color:#ffff00;}
.blue3{color:#255E98;}
.gray{color:#6A3906;}
.org{color:#ff5a00;}
.bg_h{background-color:#f0f0f0;}
.f_13{font-size:13px;}
.f_14{font-size:14px;}
.clr2{clear:both; height:1px; overflow:hidden;}
.m_t36{margin-top:36px;}
.m_t20{margin-top:20px;}
.m_t10{margin-top:10px;}
.t_c{text-align:center;}
.f_12{font-size:12px; font-family:"宋体";}
.f_16{font-size:16px;font-weight:bold;}
.f_17{font-size:17px;}
.f_26{font-size:26px; font-family:"黑体"; line-height:50px;}
.f_30{font-size:28px; color:#603813; line-height:50px; font-weight:bold;}
.f_22{font-size:22px; font-family:"黑体";}
.h340{height:340px;}
td{font-size:18px;text-align:center; background-color:#fff;}

.bt {color: #f45d21;font-size:24px; line-height: 50px;}
.bt2{color: #f45d21;font-size:24px; line-height: 30px;}
.f-r{float:right;}
.f-l{float:left;}
.f1{background-color:#f3f3fd; color:#333; padding:3px 5px;}

.bod #dbg1{background:url(../images/index_01.jpg) center top no-repeat;height:335px;}
.bod #dbg2{background:url(../images/index_02.jpg) center top no-repeat;height:268px;}
.bod #dbg3{background:url(../images/index_03.png) center top no-repeat;height:624px;}
.bod #dbg4{background:url(../images/index_04.png) center top no-repeat;height:743px;}
.bod #dbg5{background:url(../images/index_05.png) center top no-repeat;height:490px;}
.bod #dbg6{background:url(../images/index_06.png) center top no-repeat;height:616px;}
.bod #dbg7{background:url(../images/index_07.png) center top no-repeat;height:526px;}
.bod #dbg8{background:url(../images/index_08.png) center top no-repeat;height:102px; width:100%; position:fixed; left:0; bottom:0; z-index:9;}

.ico{
	position: absolute;
	left: -306px;
	top: -80px;
	width: 900px;
}
.ico li{background:url(../images/ico.png) center top no-repeat; width: 87px; height: 87px; float: left; margin-right: 122px;}
.ico .a2{background-position:0 -87px;}
.ico .a3{background-position:0 -174px;}
.ico .a4{background-position:0 -261px;}
.btn{
	background: url(../images/btn1.png);
	width: 272px;
	height: 61px;
	position: absolute;
	left: 206px;
	top: 489px;
}
.btn2{
	background: url(../images/btn2.png);
	width: 272px;
	height: 61px;
	position: absolute;
	left: -331px;
	top: 634px;
}
.btn3{
	background: url(../images/btn3.png);
	width: 238px;
	height: 58px;
	position: absolute;
	left: 251px;
	top: 23px;
}
.gif{
	position: absolute;
	left: -295px;
	top: 316px;
}
.txt1{
	position: absolute;
	left: -388px;
	top: 173px;
	font-size: 16px; line-height: 28px;
}
.txt2{
	position: absolute;
	left: -388px;
	top: 326px;
	font-size: 16px;
	line-height: 28px;
}
.txt3{
	position: absolute;
	left: -388px;
	top: 465px;
	font-size: 16px;
	line-height: 28px;
}
.txt4{
	position: absolute;
	left: 114px;
	top: 224px;
	font-size: 16px;
	line-height: 28px;
	width: 401px;
}
.txt5{
	position: absolute;
	left: 114px;
	top: 304px;
	font-size: 16px;
	line-height: 28px;
	width: 400px;
}
.txt6{
	position: absolute;
	left: -388px;
	top: 173px;
	font-size: 16px; line-height: 28px;
}
.txt7{
	position: absolute;
	left: -388px;
	top: 246px;
	font-size: 16px;
	line-height: 28px;
}
.txt8{
	position: absolute;
	left: -388px;
	top: 345px;
	font-size: 16px;
	line-height: 28px;
}
.txt9{
	position: absolute;
	left: -388px;
	top: 445px;
	font-size: 16px;
	line-height: 28px;
}
.dh{
  -webkit-animation: dh 0.3s linear infinite alternate;
  animation-name: dh 0.3s linear infinite alternate;
}
@-webkit-keyframes dh{
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes dh{
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.dh2{
  -webkit-animation: dh2 1.5s linear infinite alternate;
  animation-name: dh2 1.5s linear infinite alternate;
}
@-webkit-keyframes dh2 {
  0%, 10%,20%, 100% {
    opacity: .6;
  }

  5%, 15% {
    opacity: 0;
  }
}

@keyframes dh2 {
  0%, 10%,20%, 100% {
    opacity: .6;
  }

  5%, 15% {
    opacity: 0;
  }
}
.dh3{
  -webkit-animation: dh2 2s linear infinite alternate;
  animation-name: dh2 2s linear infinite alternate;
}

@-webkit-keyframes wobble2 {
  0% {
    -webkit-transform: none;
            transform: none;
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  15% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  30% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  45% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  60% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  100% {
    -webkit-transform: none;
            transform: none;
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }
}

@keyframes wobble2 {
  0% {
    -webkit-transform: none;
            transform: none;
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  15% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -5deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  30% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 3deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  45% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -3deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  60% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 2deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -1deg);
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }

  100% {
    -webkit-transform: none;
            transform: none;
			-moz-transform-origin:0% 80%;
			transform-origin:0% 80%;
  }
}

.wobble2 {
  -webkit-animation-name: wobble2;
          animation-name: wobble2;
		  -webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-o-animation-direction: normal;
	
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

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

.pulse2 {-webkit-animation: pulse2 2s linear infinite alternate;
  animation-name: pulse2 2s linear infinite alternate;
}

.footer{text-align:center; font-family:"宋体"; font-size:12px; padding:20px 0 128px;}