﻿@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: #962217;
}

.main{width:100px; margin:0 auto; position:relative;}
ul,li {margin:0;padding:0;list-style:none;}
A.b:link {COLOR: #E28450; TEXT-DECORATION: none;}
A.b:visited {COLOR: #E28450; TEXT-DECORATION: none}
A.b:hover {COLOR:#fff; TEXT-DECORATION: none}
A:link {COLOR: #F7D2A0; TEXT-DECORATION: underline;}
A:visited {COLOR: #F7D2A0; TEXT-DECORATION: none}
A: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:#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.jpg") center top;height:232px; overflow: hidden;}
.bod .dbg2{background:url("../images/index_02.jpg") center top;height:232px;}
.bod .dbg3{background:url("../images/index_03.jpg") center top;height:232px;}
.bod .dbg4{background:url("../images/index_04.png") center top;height:756px;}
.bod .dbg5{background:url("../images/index_05.png") center top;height:795px;}
.bod .dbg6{background:url("../images/index_06.png") center top;height:880px;}
.bod .dbg7{background:url("../images/index_07.png") center top;height:894px;}
.bod .dbg8{background:url("../images/index_08.png") center top;height:883px;}
.bod .dbg9{background:url("../images/index_09.png") center top;height:666px;}
.bod .dbg10{background:url("../images/index_10.png") center top;height:1306px;}


.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: 164px;
}
.ico4 a{display: block; width: 428px; height: 92px; float: left;}
.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: 659px;
	height: 359px;
	position: absolute;
	left: -126px;
	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: 265px;
}
.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: 266px;display: none
}
.pf{position: fixed; right: 0px; top:5%; display: none;}

.btn1{
	background: url(../images/btn1.png);
	width: 497px;
	height: 70px;
	position: absolute;
	left: -195px;
	top: 128px;
}
.btn2{
	background: url(../images/btn2.png);
	width:398px;
	height:112px;
}
.btn3{
	background: url(../images/btn3.png);
	width: 399px;
	height: 98px;
}
.jg{
	position: absolute;
	left: 102px;
	top: -23px;
	color: #BF261F;
	font-size: 20px;
	width: 178px;
	font-weight: bold;
}
.jg .sz{ font-size: 38px;}
.jg2{
	position: absolute;
	left: 89px;
  top: -39px;
  color: #BF261F;
  font-size: 25px;
	width: 178px;
	font-weight: bold; text-align: center; line-height: 30px;
}
.btn4{
	width: 257px;
	position: absolute;
	left: 198px;
	top: -10px;
	font-size: 12px;
}
.an1{
	position: absolute;
	left: -149px;
	top: 653px;
}
.an2{
	position: absolute;
	left: -149px;
	top: 723px;
}
.an3{
	position: absolute;
	left: -149px;
	top: 733px;
}
.an4{
	position: absolute;
	left: -149px;
	top: 620px;
}
.ttt1{
	top: 245px;
}
.ttt2{
	top: 298px;
}
.ttt3{top: 545px;}


.txt1{
	position: absolute;
	left: -343px;
	top: 209px;
	width: 884px;
	font-size: 14px;
	color: #fac894;
}
.txt2{
	position: absolute;
	left: -411px;
	top: 119px;
	width: 183px;
	font-size: 12px;
}
.txt3{
	position: absolute;
	left: 420px;
	top: -94px;
	background: url(../images/btn4.png);
	width: 97px;
	height: 20px;
}
.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: 186px;
	top: -19px;
	font-size: 16px;
	color: #FFC7B6;
	text-align: center;
	width: 307px;
	height: 250px;
	overflow: hidden;
	line-height: 22px;
}
.lb li{width: 307px; height: 22px; background-color: #BB0008; border-radius: 11px; margin-bottom: 5px;}

.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;
  }
}
.djs2{
	position: absolute;
	left: 357px;
	top: 18px;
	width: 120px;
	font-size: 52px;
	line-height: 52px;
	letter-spacing: 5px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	background: linear-gradient(to right, #F6EAD4, #F8D29A);
	-webkit-background-clip: text; /* 兼容 Safari/Chrome 等webkit内核浏览器 */
	background-clip: text;
	color: transparent;

}

.hdgz{background: linear-gradient(180deg, #fff, #fce1db);
	width: 710px;
  height: 470px;
	position: absolute;
	left: 50%;
	top: 50%; margin: -235px 0 0 -395px; padding: 33px 40px 30px; color: #aa8047; font-size: 14px; line-height: 22px; border-radius: 10px;
}
.hdgz2{background: linear-gradient(180deg, #fff, #fce1db);
	width: 520px;
  height: 270px;
	position: absolute;
	left: 50%;
	top: 50%; margin: -201px 0 0 -260px; padding: 33px 40px 30px; color: #aa8047; font-size: 16px; line-height: 27px; 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;}
.h,.h2,.h3,.h4,.h5,.h6{position:fixed; left:0px; top:0px; width:100%; height:100%;background-image:url(../images/h.png); display: none;}
.tc3{width: 460px;
  height: 270px;
  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;
}
.tc4{width: 460px;
  height: 140px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -70px 0 0 -230px;
  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;
}
.tc1abtn{position: absolute; width: 226px;
  height:44px;
  left: 84px;
  top: 181px; background-color: #C68734; border-radius: 22px; color: #fff; text-align: center; line-height: 44px; font-size: 26px;}
.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,.dh2{
  -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;
}
.al3{
	position: absolute;
	left: -123px;
	top: 202px;
	width: 659px;
	height: 384px;
}
.al2{
	position: absolute;
	left: -124px;
  top: 249px;
	width:659px; height: 384px; 
}
.al{
	width: 832px;
	height: 449px;
	position: absolute;
	left: -366px;
	top: 285px;
}
.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;}


a.prev{ background: url("../images/left.png") no-repeat; width: 60px; height:88px; text-indent: -999px; display: block; position: absolute;left: -70px; top:45%;}
a.next{ background: url("../images/right.png") no-repeat; width:60px; height:88px; text-indent: -999px; display: block; position: absolute; right: -70px; top:45%;}

.slider_box2{ margin: 0px auto; width:659px; height: 384px; position: relative;overflow:hidden; border-radius: 10px;}
.silder_con2{ height:384px; overflow: hidden; position: absolute; color: #c30d23; font-size: 28px; line-height: 50px;}
.silder_panel2{width: 659px; height: 384px;overflow: hidden; float: left; position: relative; text-align:center;}
.silder_nav2{
	width: 299px;
	top: 5px;
	left: -311px;
	position: absolute;
}
.silder_nav2 li{width:299px; height:97px; overflow: hidden; display: block; color: #534741; font-size:16px; padding: 25px 0 0 0px; text-align: center; cursor:pointer;border-radius: 3px; margin-bottom: 1px;background: url("../images/ico1.png") no-repeat;}
.silder_nav2 li.current{background-position: 0 -122px; color: #fff;}
.silder_nav2 .w1{font-size:25px; color:#B70D23; font-weight: bold; height: 35px;}
.silder_nav2 .current .w1{color:#fff;}

.slider_box3{ margin: 0px auto; width:659px; height: 384px; position: relative;overflow:hidden; border-radius: 10px;}
.silder_con3{ height:384px; overflow: hidden; position: absolute; color: #c30d23; font-size: 28px; line-height: 50px;}
.silder_panel3{width: 659px; height: 384px;overflow: hidden; float: left; position: relative; text-align:center;}
.silder_nav3{
	width: 299px;
	top: 5px;
	left: -311px;
	position: absolute;
}
.silder_nav3 li{width:269px; height:97px; overflow: hidden; display: block; color: #534741; font-size:16px; padding: 25px 0 0 30px; cursor:pointer;border-radius: 3px; margin-bottom: 1px;background: url("../images/ico1.png") no-repeat; text-align: left;}
.silder_nav3 li.current{background-position: 0 -122px; color: #fff;}
.silder_nav3 .w1{font-size:25px; color:#B70D23; font-weight: bold; height: 35px;}
.silder_nav3 .current .w1{color:#fff;}

.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: -387px;
	top: -189px;
	width: 875px;
	height: 149px;
	background: url("../images/pic.png") center top;
}
.djs{
	position: absolute;
	left: -50px;
	top: 0px;
	width: 363px;
	height: 39px;
	line-height: 36px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: url("../images/djs.png") center top;
	letter-spacing: 14px; display: none;
}
.t{
	position: absolute;
	left: 84px;
	top: 3px;
	width: 63px;
}
.s{
	position: absolute;
	left: 145px;
	top: 3px;
	width: 63px;
}
.f{
	position: absolute;
	left: 218px;
	top: 3px;
	width: 63px;
}
.m{
	position: absolute;
	left: 292px;
	top: 3px;
	width: 63px;
}
