﻿@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:link {COLOR: #fff; TEXT-DECORATION: underline;}
A:visited {COLOR: #fff; TEXT-DECORATION: none}
A:hover {COLOR:#ffff00; TEXT-DECORATION: none}
A.b:link {COLOR: #ffff00; TEXT-DECORATION: underline;}
A.b:visited {COLOR: #ffff00; TEXT-DECORATION: none}
A.b:hover {COLOR:#fff; 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:#fede84;}
.red2{color:#ED1C24;}
.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.jpg") center top;height:231px;}
.bod .dbg2{background:url("../images/index_02.jpg") center top;height:231px;}
.bod .dbg2b{background:url("../images/index_03.jpg") center top;height:231px;}
.bod .dbg3{background:url("../images/index_03.png") center top;height:756px;}
.bod .dbg4{background:url("../images/index_04.png") center top;height:703px;}
.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;}
.ico{
	background: url("../images/ico.png") no-repeat top;
	width: 339px;
	height: 55px;
	position: absolute;
	left: 230px;
	top: -79px;
}
.ico1{
	background: url("../images/ico1.png") no-repeat top;
	width: 1019px;
	height: 127px;
	position: absolute;
	left: -456px;
	top: 114px;
}
.ico1 a{display: block; width: 509px; height: 127px; float: left;}
.ico4{
	background: url("../images/ico4.png") no-repeat top;
	width: 857px;
	height: 64px;
	position: absolute;
	left: -381px;
	top: 164px;
}
.ico4 a{display: block; width: 428px; height: 64px; float: left;}
.ico2{
	background: url("../images/ico2.png") no-repeat;
	width: 142px;
	height: 140px;
	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;
	border-radius: 13px;
	position: absolute;
	left: -434px;
	top: 238px;
}
.swf4{
	width: 932px;
	height: 490px;
	position: absolute;
	left: -423px;
	top: 185px;
	border: 8px solid #CD4535
}

.pf{position: fixed; right: 0px; top:5%;display: none;}
.btn1{
	background: url(../images/btn1.png);
	width: 303px;
	height: 74px;
	position: absolute;
	left: 247px;
	top: 50px;
}
.btn2{
	background: url(../images/btn2.png);
	width: 519px;
	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: 9px;
	width: 833px;
	font-size: 14px;
	color: #fff;
}
.txt2{
	position: absolute;
	left: 401px;
  top: -112px;
	font-size: 10px;
	width: 157px;
}
.txt3{
	position: absolute;
	left: 399px;
	top: -41px;
	font-size: 10px;
	width: 157px;
}
.lb{font-size: 14px;
	color: #fff;
	font-family: "宋体"; width: 280px; line-height: 20px;}
.lb ul{height: 25px; padding-top: 5px;}
.lb li{float: left; padding: 0 7px; border: 1px solid #bc202c; background-color: #660208; margin-right: 2px; font-size: 12px; color: #e7c2ae;font-family: "宋体";}

.txt4{
	position: absolute;
	left: 212px;
  top: 91px;
	font-size: 19px;
	width: 86px;
	color: #fff0c8;
	text-align: center;
}
.yq{
	background-image: url("../images/ico3.png");
	width: 66px;
	height: 21px;
	position: absolute;
	left: 465px;
	top: 231px;
}
.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-image:url(../images/hdgz.png); 
	width: 570px;
	height:442px;
	position: absolute;
	left: 50%;
	top: 50%; margin: -293px 0 0 -325px; padding: 114px 40px 30px; color: #aa8047; font-size: 14px; line-height: 22px; border-radius: 10px;
}
.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: -446px;
	top: -352px;
	width: 657px;
	height: 164px;
	background: url("../images/pic.png") center top;
}
.djs{
	position: absolute;
	left: 225px;
	top: 0px;
	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;
}
