@charset "utf-8";

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

.main{width:100px; margin:0 auto; position:relative;}
ul,li {margin:0;padding:0;list-style:none;}
A.b:link {COLOR: #99522e; TEXT-DECORATION: underline;}
A.b:visited {COLOR: #99522e; TEXT-DECORATION: none}
A.b:hover {COLOR:#000; TEXT-DECORATION: none}
A:link {COLOR: #fff; TEXT-DECORATION: underline;}
A:visited {COLOR: #fff; TEXT-DECORATION: none}
A:hover {COLOR:#ffff00; TEXT-DECORATION: none}
input{background:transparent;border:0px;margin:0px; color:#939598;list-style:none; font-family:"微软雅黑"; font-size:14px;}
.img{position: absolute; top: 0px; left: 50%; margin-left: -1250px;pointer-events: none;  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  user-select: none; }
.white {color:#ffffff;}
.red {color:#fac894;}
.red2{color:#ED1C24;}
.red3{color:#950a0c; font-weight: bold;}
.green {color:green;}
.black{ color:#000;}
.blue{color:#549FD6;}
.yellow{color:#fceab8;}
.blue3{color:#255E98;}
.gray{color:#6A3906;}

.bg_h{background-color:#89001D; width: 996px; margin: 0 auto;}
.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;}
.f20{font-size:20px; color: #fbcf9e; padding-top: 10px;}
.h340{height:340px;}
td{font-size:18px;text-align:center; background-color:#fff;}

.f-r{float:right;}
.f-l{float:left;}

.bod .dbg1{background:url("../images/index_01.png") center top;height:271px;}
.bod .dbg2{background:url("../images/index_02.png") center top;height:270px;}
.bod .dbg3{background:url("../images/index_03.png") center top;height:271px;}
.bod .dbg4{background:url("../images/index_04.png") center top;height:795px;}
.bod .dbg5{background:url("../images/index_05.png") center top;height:876px;}
.bod .dbg6{background:url("../images/index_06.png") center top;height:965px;}
.bod .dbg7{background:url("../images/index_07.png") center top;height:1075px;}
.bod .dbg8{background:url("../images/index_08.png") center top;height:631px;}
.bod .dbg9{background:url("../images/index_09.png") center top no-repeat;height:1233px; padding-bottom:50px; background-color: #FFF1D6;}


.bod #dbg8{height: 174px;background:url("../images/bg2.png") center top;}

.ico4{
	background: url("../images/ico4.png") no-repeat top;
	width: 857px;
	height: 92px;
	position: absolute;
	left: -381px;
	top: 218px;
}
.ico4 a{display: block; width: 428px; height: 92px; float: left;}
.ico2{
	background: url("../images/ico2.png") no-repeat;
	width: 142px;
	height: 142px;
	position: absolute;
	left: -445px;
	top: 22px;
}
.mar2{
	position: absolute;
	left: -211px;
	top: 453px;
	width: 714px;
	color: #7e4a2a;
	overflow: hidden;
	font-size: 16px;
}
.sp{
	position: absolute;
	left: -210px;
	top: 198px;
	width: 719px;
	height: 336px;
}
.p1{
	position: absolute;
	left: -431px;
	top: 163px;
}
.swf1{
	width: 960px;
	height: 548px;
	position: absolute;
	left: -431px;
	top: 289px; border: 2px solid #F5544D; border-radius: 18px;
}
.swf2{
	width: 970px;
	height: 414px;
	border-radius: 13px;
	position: absolute;
	left: -434px;
	top: 234px;
}
.swf3{
	width: 970px;
	height: 414px;
	background: url(../images/pic3.png);
	position: absolute;
	left: -434px;
	top: 319px;
}
.swf3 .s1{
	position: absolute;
	left: 561px;
	top: 61px;
	font-size: 16px;
}
.swf3b{
	width: 970px;
	height: 414px;background: url(../images/pic4.png);
	position: absolute;
	left: -434px;
	top: 319px;display: none
}

.pf{position: fixed; right: 0px; top:5%; display: none;}

.btn1{
	background: url(../images/btn1.png);
	width: 315px;
	height: 101px;
	position: absolute;
	left: 216px;
	top: 82px;
}
.btn2{
	background: url(../images/btn2.png);
	width:551px;
	height: 168px;
}
.btn3{
	width: 93px;
	height: 25px;
	position: absolute;
	left: 423px;
	top: -62px;
}
.btn4{
	width: 257px;
	position: absolute;
	left: 198px;
	top: -10px;
	font-size: 12px;
}
.an1{
	position: absolute;
	left: -161px;
	top: 793px;
}
.an2{
	position: absolute;
	left: -161px;
	top: 893px;
}
.ttt1{
	top: 199px;
}
.ttt2{
	top: 298px;
}
.ttt3{top: 545px;}


.txt1{
	position: absolute;
	left: -342px;
	top: 17px;
	width: 833px;
	font-size: 14px;
	color: #fac894;
}
.txt2{
	position: absolute;
	left: 378px;
	top: -185px;
	width: 138px;
}
.txt3{
	position: absolute;
	left: -423px;
	top: -176px;
	font-size: 16px;
	width: 440px;
	color: #99522e;
	line-height: 25px;
}
.txt4{
	position: absolute;
	left: -423px;
	top: -54px;
	font-size: 16px;
	width: 440px;
	color: #99522e;
	line-height: 25px;
}
.txt5{
	position: absolute;
	left: 258px;
	top: -209px;
	font-size: 14px;
	width: 277px;
	color: #fff;
	line-height: 21px;
}
.txt6{
	position: absolute;
	left: 258px;
	top: -128px;
	font-size: 14px;
	width: 277px;
	color: #fff;
	line-height: 21px;
}
.lb{
	position: absolute;
	left: -128px;
	top: 122px;
	font-size: 14px;
	color: #99522e;
	text-align: center;
	width: 736px;
	line-height: 19px;
}
.lb li{float: left; margin-right: 59px; width: 180px;}
.lb b{font-weight: bold;color: #950a0c; font-size: 16px;}

.ks{animation: ks 2s ease infinite;-webkit-animation: ks 2s ease infinite;}
@keyframes ks{
  to { -webkit-transform: scale(3);
    transform: scale(3);filter: Alpha(Opacity=0);opacity: 0;
  }
}
@-webkit-keyframes ks{
  to { -webkit-transform: scale(3);
    transform: scale(3);filter: Alpha(Opacity=0);opacity: 0;
  }
}

.hdgz{background: linear-gradient(180deg, #fff, #fce1db);
	width: 710px;
  height: 582px;
	position: absolute;
	left: 50%;
	top: 50%; margin: -322px 0 0 -395px; padding: 33px 40px 30px; color: #aa8047; font-size: 14px; line-height: 22px; border-radius: 10px;
}
.bt1{text-align: center; font-size: 20px; color: #d22b16;}
.bt2{background: linear-gradient(to right, #FFF7DB, #FDAD61); border-radius: 13px;line-height: 27px;
  color: #d22b16;font-size: 16px; font-weight: bold; margin: 15px 0 5px -10px; width: 93px; text-align: center;}
.h3{position:fixed; left:0px; top:0px; width:100%; height:100%;background-image:url(../images/h.png);}
.h,.h2,.h3{position:fixed; left:0px; top:0px; width:100%; height:100%;background-image:url(../images/h.png); display: none;}
.tc3{width: 460px;
  height: 210px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -250px;
  padding: 30px;
  color: #aa8047;
  font-size: 16px;
  line-height: 27px;
  border-radius: 10px;
  background-color: #fff;
}
.tc2{background-image:url(../images/tc2.png); 
	width: 439px;
	height:321px;
	position: absolute;
	left: 50%;
	top: 50%; margin: -160px 0 0 -219px; text-align: center; color: #fff;
}
.txt{width: 100%; position: absolute; top: 38%; font-size: 28px; line-height: 40px;}
.yellow{color: #faee00; font-size: 34px;}
.f16{font-size: 16px; margin-top: 5px; height: 40px;}
.f14{font-size: 14px;}
input{background:#fff;border:0px; margin-right: 5px; color:#000;list-style:none; font-size:30px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.tc-btn2{background-image:url("../images/tc-btn2.png"); width: 253px; height: 59px; display: block; margin: 12px auto 0px;}
.tc-btn3{background-image:url("../images/tc-btn3.png"); width: 253px; height: 59px; display: block; margin: 12px auto 5px;}
.close{
	background: url("../images/close.png") center top no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.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);
  }
}

.star{-webkit-animation: rotateIn 5s ease infinite alternate;
	-moz-animation: rotateIn 5s ease infinite alternate;animation-fill-mode: both;
	-webkit-animation-fill-mode: both; position: absolute;left: 111px;
  top: -270px;}
@-webkit-keyframes rotateIn {
  50% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
	transform-origin:43% 48%;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
	transform-origin:43% 48%;
  }
}

#k{
	border: 2px solid #ffff00;
	width: 985px;
	height: 691px;
	position: absolute;
	left: -442px;
	top: -381px;
	opacity: 0;
	-webkit-animation: k 0.2s linear infinite alternate;
	animation: k 0.2s linear infinite alternate;display:none;
}
@-webkit-keyframes k {
 to {opacity: 1;
}
}
 @keyframes k {
 to {opacity: 1;
}
}
#div1{
	width: 800px;
	position: absolute;
	left: -264px;
	top: 14px;
	height: 144px;
	overflow: hidden;
}
#div1 ul{
	position: absolute;
	left: 0;
	top: -2px;
}
#div1 a{
	position: absolute;
	z-index: 2;
	text-decoration: none;
	top: 45%;
	display: none;
}
#div1 ul li{
	padding: 5px;
	list-style: none;
	float: left;
}
.d1{
	position: absolute;
	left: 97px;
	top: 209px;
}
.al1{
	position: absolute;
	left: -174px;
	top: 28px;
	width: 688px;
	height: 505px;
}
.al{
	width: 832px;
	height: 449px;
	position: absolute;
	left: -366px;
	top: 271px;
}
.slider_box{ margin: 0px auto; width:832px; height: 449px; position: relative;overflow:hidden; border-radius: 22px;}
.silder_con{ height:449px; overflow: hidden; position: absolute; color: #c30d23; font-size: 28px; line-height: 50px;}
.silder_panel{width: 832px; height: 449px;overflow: hidden; float: left; position: relative; text-align:center;}
.silder_nav {height: 29px; position: absolute; bottom: 0px; left: 358px;}
.silder_nav ul{width: 1000px;}
.silder_nav li {float: left;cursor:pointer;width:15px; height:15px; overflow: hidden; display: block; background-color:#FEE8CA; border-radius: 50%; margin-right: 10px;}
.silder_nav li.current { background-color: #fff;}
.silder_nav li:last-child{margin: 0px;}


a.prev{ background: url("../images/left.png") no-repeat; width: 47px; height:87px; text-indent: -999px; display: block; position: absolute;left: -70px; top:45%;}
a.next{ background: url("../images/right.png") no-repeat; width:47px; height:87px; text-indent: -999px; display: block; position: absolute; right: -70px; top:45%;}

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


.btn7{
	position: absolute;
	width: 340px;
	top: -113px;
	left: 174px;
	font-size: 20px;
}
.btn8{
	position: absolute;
	width: 168px;
	height: 118px;
	top: 13px;
	left: -188px;
}
.btn9{
	position: absolute;
	width: 168px;
	height: 118px;
	top: 14px;
	left: 17px;
}

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

  5% {
    -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%;
  }

  10% {
    -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%;
  }

  15% {
    -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%;
  }

  20% {
    -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%;
  }

  25% {
    -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%;
  }

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

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

  5% {
    -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%;
  }

  10% {
    -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%;
  }

  15% {
    -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%;
  }

  20% {
    -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%;
  }

  25% {
    -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%;
  }

  33% {
    -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: 9s;
	-o-animation-duration: 9s;
	animation-duration: 9s;
	-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;
}
.pic{
	position: absolute;
	left: -451px;
	top: -339px;
	width: 622px;
	height: 89px;
	background: url("../images/pic.png") center top;
}
.djs{
	position: absolute;
	left: 208px;
	top: 93px;
	width: 339px;
	height: 100px;
	line-height: 36px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background: url("../images/djs.png") center top;
	letter-spacing: 10px; display: none;
}
.t{
	position: absolute;
	left: 20px;
	top: 48px;
	width: 63px;
}
.s{
	position: absolute;
	left: 97px;
	top: 48px;
	width: 63px;
}
.f{
	position: absolute;
	left: 172px;
	top: 48px;
	width: 63px;
}
.m{
	position: absolute;
	left: 249px;
	top: 48px;
	width: 63px;
}