﻿@charset "utf-8";

img{ border:0px;}
body {
	font-size:12px; overflow:auto;
	margin:0;
	padding:0;
	line-height:22px;
	color:#fff;
	background-color:#19181e;font-family:"微软雅黑";
}

.main{width:100px; margin:0 auto; position:relative;}
ul,li {margin:0;padding:0;list-style:none;}
A:link {COLOR: #fff; TEXT-DECORATION: none;}
A:visited {COLOR: #fff; TEXT-DECORATION: none}
A:hover {COLOR:#ffff00; TEXT-DECORATION: none}
A.b:link {TEXT-DECORATION: underline}
A.b:visited {TEXT-DECORATION: underline}
A.b:hover {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:#c30d23;}
.red2{color:#d30101;}
.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;}
.img{position: absolute; left: 50%; margin-left: -960px;user-select:none}

.bod .dbg1{background:url("../images/index_01.jpg") center top no-repeat;height:311px;}
.bod .dbg2{background:url(../images/index_02.png) center top no-repeat;height:309px;}
.bod .dbg3{background:url(../images/index_03.png) center top no-repeat;height:487px;}
.bod .dbg4{background:url(../images/index_04.png) center top no-repeat;height:130px;padding-top: 20px;}
.bod .dbg5{background:url(../images/index_05.png) center top no-repeat;height:740px;}
.bod .dbg6{background:url(../images/index_06.png) center top no-repeat;height:715px;}
.bod .dbg7{background:url(../images/index_07.png) center top no-repeat;height:722px;}
.bod .dbg8{background:url(../images/index_08.png) center top no-repeat;height:703px;}
.bod .dbg9{background:url("../images/index_09.png") center top no-repeat;height:651px;}
.bod .dbg10{background:url(../images/index_10.png) center bottom no-repeat;height:655px;}
.bod .dbg11{background:url(../images/index_11.png) center top no-repeat;height:379px;}


.bod #dbg8{ background-color: #000; height: 170px;}

.ico2{
	background: url("../images/ico2.png");
	width: 197px;
	height: 178px;
	position: absolute;
	left: -440px;
	top: 0px;
}
.mar2{
	position: absolute;
	left: -301px;
	top: 318px;
	width: 750px;
	color: #fff;
	overflow: hidden;
	font-size: 16px;
}

.p1{
	position: absolute;
	left: -434px;
top: 125px;
}
.bg{
	width: 968px;
}
.p2{
	position: absolute;width: 1000px;
	left: -427px;
top: 157px;
}
.bg .bt{
	color: #c30d23;
	font-size: 30px;
	text-align: center;
	padding-top: 25px;
	line-height: 30px;
	width: 210px;
	position: absolute;
	left: 57px;
	top: 0px;
	text-shadow: 1px 1px 1px #fff;
}
.bg .bt2{
	color: #fdf9cb;
	font-size: 26px;
	line-height: 30px;
	position: absolute;
	left: 312px;
	top: 13px;
}
.bg ul{float: left;width:266px; font-size: 20px;}
.bg a{ width:266px; height:124px;background:url("../images/bg1.png") top; display: block;
    text-decoration: none;
    overflow: hidden; text-align: center; margin-bottom: 4px;background-size: 100% 100%;
}
.bg .f1{margin: 17px 0 0 0; font-size: 34px; color: #fff; line-height: 30px;}
.bg .f3{margin: 7px 0 0 0; font-size: 16px;color: #fff;font-family:"宋体";}
.bg a:hover ,.bg a.current{
    background:url("../images/bg1h.png") top;
    color: #fdefd0;
}
.bg a:hover .f1,.bg a.current .f1{color: #FBE58F;}
.bg a:hover .f3,.bg a.current .f3{color: #FBE58F;}
.swf1{
width: 699px;
height: 376px;
float: left;
margin: 2px 0 0 0px;
}
.swf2{
width: 667px;
height: 431px;
float: left;
margin: 0px 0 0 8px; border-radius: 15px;border-radius: 12px;-moz-box-shadow:0px 0px 5px #6E6E6E; -webkit-box-shadow:0px 0px 5px #6E6E6E; box-shadow:0px 0px 5px #6E6E6E;
}


.pf{position: fixed; right: 0px; top: 20%; display: none;}
.btn1{
	background: url(../images/btn1.png);
	width: 194px;
	height: 59px;
	position: absolute;
	left: 260px;
	top: 231px;
}
.btn2{
	background: url(../images/btn2.png);
	width: 591px;
	height: 101px;
	position: absolute;
	left: -237px;
	top: 555px;
}
.btn3{
	background: url(../images/btn3.png);
	width: 383px;
	height: 117px;
	position: absolute;
	left: -140px;
	top: 29px;
}
.btn4{
	background: url(../images/btn4.png);
	width: 293px;
	height: 86px;
	position: absolute;
	left: -55px;
	top: 349px;
}
.nav{height:104px; width: 843px;margin:0px auto;}
.nav a{background: url("../images/ico.png");
	width: 281px;
	height: 104px; display: block; float: left;}
.nav a:last-child{margin-right: 0px;}
.nav .a2{background-position: -281px 0;}
.nav .a3{background-position: -562px 0;}
.nav a:hover ,.nav a.current{ background-position-y:-104px;}

.txt1{
	position: absolute;
	left: 366px;
	top: 98px;
	text-align: right;
	width: 136px;
	font-size: 14px;
	color: #40210f;
	font-family: "宋体";
}
.txt2{
	position: absolute;
	left: -380px;
	top: 10px;
}
.txt2b{
	position: absolute;
	left: -380px;
	top: 86px;
}
.txt2c{
	position: absolute;
	left: -380px;
	top: 161px;
}
.txt3{
	position: absolute;
	left: -88px;
	top: 10px;
}
.txt3b{
	position: absolute;
	left: -88px;
	top: 86px;
}
.txt3c{
	position: absolute;
	left: -88px;
	top: 161px;
}
.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: -384px;
	top: 130px;
	font-size: 16px;
	color: #C30D23!important;
	width: 305px;
}
.txt5{
	position: absolute;
	left: 49px;
	top: 11px;
	font-size: 16px;
	color: #3e3a39!important;
	width: 148px;
}
.txt6{
	position: absolute;
	left: 339px;
	top: 11px;
	font-size: 16px;
	color: #3e3a39!important;
	width: 149px;
}
.sd{
	background: url("../images/sd.png") center top no-repeat;
	width: 82px;
	height: 134px;
	position: absolute;
	top: -110px;
	right: -376px;
	-webkit-animation: flash2 3s ease infinite both;
	-moz-animation: flash2 3s ease infinite both;
}
@-webkit-keyframes flash2{
0%,10%,50%,100%{opacity: 1;}
5%,15%{opacity: 0;}
}
@-moz-keyframes flash2{
0%,10%,50%,100%{opacity: 1;}
5%,15%{opacity: 0;}
}

.h{position:fixed; left:0px; top:0px; width:100%; height:100%;background-image:url(../images/h.png); display: none;}
.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);
  }
}

#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: 820px;
	position: absolute;
	left: -234px;
	top: 11px;
	height: 144px;
	overflow: hidden;
}
#div1 ul{
	position: absolute;
	left: 0px;
	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;
}

.footer{text-align:center; font-family:"宋体"; font-size:12px; padding:20px 0;}

*{margin:0; padding:0; font-family:"微软雅黑";}
.tc1{width:420px; height:244px; background:url(../images/tc.png) no-repeat; text-align:center;display:none;}
.font1{font-size:30px; color:#a50000; padding-top:28px; line-height:42px; font-weight:bold;}
.font2{font-size:37px; color:#a50000; padding-top:35px; line-height:78px;}
.font2 span{color:#000000; font-size:28px; line-height:42px;}
.t1{width:160px; margin:10px auto;}
.text1{width:28px; height:28px; border:1px solid #9e9e9e; float:left; margin:0 5px; text-align:center; line-height:28px; font-size:24px; color:#666666;}
.clear{clear:both;}
.btn_tc a{width:296px; height:45px; margin:15px auto; background:url(../images/tc_12.png) no-repeat; line-height:43px; color:#ffffff; font-size:24px; display:block;}
a{text-decoration:none;}

@-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;
}


.djs{
	background: url(../images/djs.png) center top no-repeat;
	position: absolute;
	left: -130px;
	top: 49px;
	width: 448px;
	color: #fff;
	height: 80px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 5px; display: none;
}
.djs .t{
	position: absolute;
	left: 146px;
	top: 24px;
	width: 61px; color: #f4d57f; font-size: 32px; font-weight: bold;
}
.djs .s{
	position: absolute;
	left: 236px;
	top: 26px;
	width: 61px;
}
.djs .f{
	position: absolute;
	left: 292px;
	top: 26px;
	width: 61px;
}
.djs .m{
	position: absolute;
	left: 347px;
	top: 26px;
	width: 61px;
}
.btn7{
	position: absolute;
	width: 168px;
	height: 118px;
	top: 13px;
	left: -393px;
}
.btn8{
	position: absolute;
	width: 168px;
	height: 118px;
	top: 13px;
	left: -188px;
}
.btn9{
	position: absolute;
	width: 168px;
	height: 118px;
	top: 14px;
	left: 17px;
}
