@charset "utf-8";
/* CSS Document */

body, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, img {margin:0; padding:0;}
body, button, input, select, textarea {font:12px/160%, Microsoft YaHei, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:100%}
em, b,i{font-style:normal}
a,input{text-decoration:none; outline:none;}
img{border:0;}
input{outline:none;}
li{list-style:none;}
area{outline:none; border:0;}
.hd{text-indent:-999em;overflow:hidden;height:0;line-height:0;	font-size:0;}
.ht1{overflow:hidden; text-indent:-999em;}
.clr:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clr{zoom:1;}
.tc{text-align:center!important;}

body{background:#1b0707; font-family:Microsoft YaHei;position: relative;min-width: 1000px;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1000? '1000px' : 'auto');	color: #f2fafe;	font-size: 14px; font-family: Microsoft YaHei}
i{font-style:normal;}
a:hover{color:#ffde00; text-decoration:none}
.ht1{overflow:hidden;text-indent:-9999px;}
.wrap{width:100%; height:100%; overflow:hidden}
.area{width:1000px; margin:0 auto; position:relative}

.section{height:100%;}
.section .pageBtn{width:200px; height:60px; font-size:14px; line-height:24px; vertical-align:baseline; text-align:center; position:absolute; left:50%; margin:0 0 0 -100px; cursor:pointer; z-index:10}
.section .pageBtn i{width:60px; height:30px; display:block; background:url(../images/common_btns.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-30px;}
.section .nextBtn{bottom:2%;}
.section .nextBtn i{background-position:0 -130px;}
.section .prevBtn{top:20px;}
.section .prevBtn i{background-position:0 -162px;}
.section .pageBtn em{display:block; text-align:center; width:100%; padding:40px 0 0}
.wait{width:100px; height:100px; background:url(../images/wait.png) no-repeat; position:absolute;}

.sec01{background:#151212; overflow:hidden; opacity:0}
.sec01 .sa{height:300px; background:url(../images/sec01_bga.jpg) no-repeat center top;}
.sec01 .sb{height:300px; background:url(../images/sec01_bgb.jpg) no-repeat center top;}
.sec01 .sc{height:420px; background:url(../images/sec01_bgc.jpg) no-repeat center top;}
.sec01 .logo{width:135px; height:159px; top:20px; left:-100px; position:absolute;} 
.sec01 .link{width:147px; height:43px; background:url(../images/common_btns.png) no-repeat -218px -259px; font-size:14px; color:#000000; text-align:center; line-height:43px; vertical-align:baseline; position:absolute; top:1px; right:10px; padding:0 0 0 4px; transition:all 0.2s ease-in-out}
.sec01 .link:hover{text-decoration:underline; color:#333}

.sec01 .title{width:829px; height:423px; position:absolute; left:50%; margin:0 0 0 -415px; bottom:50%;}
.sec01 p{width:100%; text-align:center; font-size:16px; font-weight:bold; color:#FFF; line-height:24px; vertical-align:baseline; text-shadow:1px 1px 0 #000, 2px 2px 0 #000; position:absolute; bottom:42%; left:0}
.section .nav{width:875px; background:url(../images/nav_bg.png) no-repeat center bottom; height:60px;}
.section .nav a{width:125px; float:left; height:60px; line-height:24px; vertical-align:baseline; font-size:16px; font-weight:bold; color:#FFF; text-align:center; transition:all 0.2s ease-in-out }
.section .nav a:hover,.section .nav a.cur{color:#ffde00;text-shadow:1px 1px 0 #000, 2px 2px 0 #000;}
.sec01 .nav{position:absolute; bottom:26%; left:50%; margin:0 0 0 -437px;}

.sec02{height:1020px; background:#151212; overflow:hidden; background:url(../images/sec02_bg.jpg) no-repeat center top;}
.sec02 .leftBtn,.sec02 .rightBtn{width:59px; height:118px; background:url(../images/common_btns.png) no-repeat; position:absolute; top:430px;}
.sec02 .leftBtn{background-position:-218px -54px; left:-96px;}
.sec02 .rightBtn{background-position:-279px -54px; right:-102px;}
.sec02 .nextBtn{}

.sec02 .nav{position:absolute; top:96px; left:50%; margin:0 0 0 -437px; z-index:10}
.sec02 .content{width:1000px; height:600px; margin:0 auto; padding:208px 0 0;}
.sec02 .content .tit{display:block; margin:0 auto; height:44px; background:url(../images/sec02_tit.png) no-repeat;}
.sec02 .content p{font-size:14px; color:#000000; line-height:24px; vertical-align:baseline; padding:10px 40px;}
.sec02 .content img{display:block;}
.sec02 .con01{}
.sec02 .con01 .wait{top:620px; right:130px;}
.sec02 .con02{}
.sec02 .con03{}
.sec02 .con04{}
.sec02 .con04 .wait{top:620px; right:130px;}
.sec02 .con05{}
.sec02 .con06{}
.sec02 .con07{}
.sec02 .con07 .wait{top:620px; right:130px;}


.sec02 .con06 p{width:320px; line-height:32px; float:left; margin:48px 0 0 40px;}

.sec02 .con01 img{margin:10px auto; }
.sec02 .con02 img{margin:40px auto 20px}
.sec02 .con03 img{margin:36px auto 40px}
.sec02 .con04 img{margin:30px auto 20px}
.sec02 .con05 img{margin:40px auto 20px}
.sec02 .con06 img{margin:63px 0 0 66px; float:left}
.sec02 .con07 img{margin:50px 0 0 72px; float:left}
.sec02 .con07 .code{width:276px; height:276px; background:#ddd1be; float:left;  margin:46px 140px 0 36px;}
.sec02 .con07 .code img{margin:0; float:none; width:100%; height:100%;}
.sec02 .con07 p{float:left; margin:30px 0 0; width:90%}

.sec02 .con01 .tit{background-position:0 0; width:110px;}
.sec02 .con02 .tit{background-position:0-46px; width:189px;}
.sec02 .con03 .tit{background-position:0 -92px; width:151px;}
.sec02 .con04 .tit{background-position:0 -138px; width:217px;}
.sec02 .con05 .tit{background-position:0 -184px; width:231px;}
.sec02 .con06 .tit{background-position:0 -230px; width:268px;}
.sec02 .con07 .tit{background-position:0 -276px; width:239px;}

.sec02 .con05 .btn{width:216px; height:63px; background:url(../images/common_btns.png) no-repeat; display:inline-block; *display:inline; zoom:1; margin:0 20px;}
.sec02 .con05 .btn01{background-position:0 0;}
.sec02 .con05 .btn01:hover{background-position:0 -194px;}
.sec02 .con05 .btn02{background-position:0 -65px;}
.sec02 .con05 .btn02:hover{background-position:0 -259px;}
.sec02 .con06 .btn{width:166px; height:52px; background:url(../images/common_btns.png) no-repeat -218px 0; display:inline-block; *display:inline; zoom:1; margin:20px 0 0 2px}
.sec02 .con06 .btn:hover{background-position:-218px -194px;}

.sec03{background:#1b0707;background:url(../images/sec03_bg.jpg) repeat-y center top;  min-height:1020px;}
.sec03 .c{background:url(../images/sec03_bgc.jpg) no-repeat center top;}
.sec03 .tit{width:812px; height:90px; padding:180px 0 0; margin:0 auto 6px; text-align:center}
.sec03 .tit02{width:490px; height:38px; background:url(../images/sec03_titbg.png) no-repeat; margin:0 auto 20px; text-align:center; color:#ffffff; font-size:18px; line-height:24px; vertical-align:baseline; padding:20px 0 0}
.sec03 .tit02 i{color:#ffff07; font-weight:bold;}
.sec03 p.tp{font-size:14px; color:#000000; line-height:24px; vertical-align:baseline; padding:0 28px 20px}
.sec03 .b{background:url(../images/sec03_bgb.jpg) no-repeat center top; height:329px; margin-top:-180px}

.sec03 .rednav{width:940px; margin:0 auto 30px; z-index:10}
.sec03 .rednav a{position:relative; display:block; float:left; background:#a00101; border:solid 2px #a00101; padding:4px 26px 4px 8px; margin:3px 6px; font-size:16px; font-weight:bold; color:#FFF;}
.sec03 .rednav a i{width:11px; height:7px; background:url(../images/common_btns.png) no-repeat -62px -177px; position:absolute; top:12px; right:7px;}
.sec03 .rednav a.cur,.sec03 .rednav a:hover{background:#5d0000;}
.sec03 .rednav a.cur i,.sec03 .rednav a:hover i{background-position:-62px -185px;}

.sec03 .detail{width:900px; margin:0 0 0 58px; }
.sec03 .detail .con{ text-align:left; position:relative; padding:0 0 24px 40px;background:url(../images/sec03_line.png) repeat-y left;}
.sec03 .con .num{width:47px; height:47px; background:url(../images/common_btns.png) no-repeat -62px -130px; line-height:47px; vertical-align:baseline; text-align:center; color:#ffffff; font-size:20px; font-weight:bold; position:absolute; left:-22px; top:0}
.sec03 .con .t{font-size:20px; font-weight:bold; color:#000000; padding:10px 0}
.sec03 .con p{font-size:14px; color:#000000; line-height:24px; vertical-align:baseline;}
.sec03 .con p em{font-weight:bold;}

.sec03 .con01{}
.sec03 .con02{}
.sec03 .con03{}
.sec03 .con04{}
.sec03 .con05{}
.sec03 .con06{}
.sec03 .con07{}
.sec03 .con08{}
.sec03 .con09{}
.sec03 .con10{}
.sec03 .con11{}
.sec03 .con12{}
.sec03 .con13{}
.sec03 .con14{}
.sec03 .con15{}
.sec03 .con16{}
.sec03 .con17{}
.sec03 .con18{}
.sec03 .con19{}
.sec03 .con20{}
.sec03 .con21{}
.sec03 .con22{background:none!important}

.sec03 .btt{width:54px; height:59px; background:url(../images/common_btns.png) no-repeat -111px -130px; position:fixed; bottom:250px; left:50%; margin-left:528px;}

.mlist{width:400px; float:left; background:#FFF; margin:0 0 6px 117px; color:#000; border-radius:3px; border:solid 1px #000000}
.mlist thead{}
.mlist thead th{padding:4px; background:#FF0; border:solid 1px #000000; text-align:center}
.mlist td{padding:4px; background:#FFF; border:solid 1px #000000; text-align:center; font-size:12px;}

/*footer*/
/*
.bottom { background:#000; width:100%; height:112px; overflow:hidden; padding:20px 0 30px; font-size:12px; }
.bottom .pad {width:820px;background:url(../images/foot_logo.jpg) no-repeat; margin:10px auto 0 auto; padding:0 0 0 180px; height:100px; }
.bottom .botp1 { color: #909090; height: 24px; line-height: 24px; width: 299px; float:left; display:inline; margin: 0 201px 0 0; }
.bottom .botp2 { color: #909090; height: 24px; line-height: 24px; float:right; display:inline; margin:0; }
.bottom .botp3 { color: #000000; height: 22px; line-height: 22px; text-align: center; clear:both; margin:2px 0 0 -36px; position:relative; }
.bottom .botp1 a { color: #909090; margin: 0 8px; }
.bottom .botp1 a:hover { color:#fff; }
.bottom .nt{ color:#909090; text-align:left; padding:1px 0  0 0; margin:1px 0 0 5px; border-top:1px solid #909090; width:auto;}
.bottom .nt .bg_gray{ padding:3px 5px; background:#454442;}
*/

@keyframes arrMove{
	0%{
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
	}
	50%{
		transform:translate(0,10px);
		-webkit-transform:translate(0,10px);
	}
	100%{
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
	}
}
@-webkit-keyframes arrMove
{
	0%{
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
	}
	50%{
		transform:translate(0,10px);
		-webkit-transform:translate(0,10px);
	}
	100%{
		transform:translate(0,0);
		-webkit-transform:translate(0,0);
	}
}


.arrMove{animation: arrMove 1s ease-in-out .1s infinite;	-webkit-animation: arrMove 1s ease-in-out .1s infinite;}