@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: #855642; TEXT-DECORATION: none;}
A:visited {COLOR: #855642; TEXT-DECORATION: none}
A:hover {COLOR:#855642; 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 { font-weight:bold;color: #4d83f3;	font-size: 30px;}
.bt2{color: #4d83f3;	font-size: 21px;}
.f-r{float:right;}
.f-l{float:left;}
.f1{background-color:#f3f3fd; color:#333; padding:3px 5px;}

.bod #dbg1{background:url(../images/index_01.png) center top no-repeat;height:598px;}
.bod #dbg2{background:url(../images/index_02.png) center top no-repeat;height:145px;}
.bod #dbg3{background:url(../images/index_03.png) center top no-repeat;height:523px;}
.bod #dbg4{background:url(../images/index_04.png) center top no-repeat;height:538px;}
.bod #dbg5{background:url(../images/index_05.png) center top no-repeat;height:621px;}
.bod #dbg6{background:url(../images/index_06.png) center top no-repeat;height:587px;}
.bod #dbg7{background:url(../images/index_07.png) center top no-repeat;height:607px;}
.bod #dbg8{background:url(../images/index_08.png) center top no-repeat;height:240px;}
.bod #dbg9{background:url(../images/index_09.png) center top no-repeat;height:100px;width:100%; position:fixed; left:0px; bottom:0px;}


.btn{
	background: url(../images/btn1.png);
	width: 318px;
	height: 88px;
	position: absolute;
	left: -390px;
	top: 431px;
}
.btn2{
	background: url(../images/btn2.png);
	width: 281px;
	height: 70px;
	position: absolute;
	left: 239px;
	top: 15px;
}
.ico{
	background: url(../images/ico1.png);
	width: 211px;
	height: 181px;
	position: absolute;
	left: 237px;
	top: 19px;
}
.an1{
	position: absolute;
	left: -367px;
	top: 55px;
}
.an2{
	position: absolute;
	left: 211px;
	top: 394px;
}
.al{
	position: absolute;
	left: -14px;
	top: 183px;
}

.swf{
	position: absolute;
	top: 48px;
	left: -419px;
}
.swf2{
	position: absolute;
	top: 128px;
	left: -482px;
}
.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;
  }
}
@-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;
}

.al{
	position: absolute;
	left: -405px;
	top: 292px;
}
.slider_box { margin: 0px auto; width: 900px; height: 272px; position: relative;overflow:hidden;}
.bkyd{width: 714px; height: 272px;margin:0 93px 0 93px;position: relative; overflow:hidden;}
.silder_con { height: 272px; overflow: hidden; position: absolute; }
.silder_panel {width: 714px; height: 272px;overflow: hidden;margin:0 186px 0 0;  float: left; position: relative; }

.slider_box a.prev { background: url("../images/pre.png") no-repeat; width: 36px; height: 35px; text-indent: -999px; display: block; position: absolute; top:116px;left: 0px;}
.slider_box a.next { background: url("../images/next.png") no-repeat; width: 36px; height: 35px; text-indent: -999px; display: block; position: absolute; top:116px;background-position: right 0px; right: 0px;}


.footer{text-align:center; font-family:"宋体"; font-size:12px; padding:20px 0 113px 0;}
