/***
@author:luoyongqin
@design:suncheng
@update:2013-09-05
***/

header,footer,article,section,aside,hgroup{display:block;}

.bg_ban,.ban h1,.ban h2,.ban h3,.tick,.clock,.shadow{background:url(../img/spr24.png) no-repeat;}

/*banner*/
.wp_ban{margin-top:60px; _margin-top:0; width:100%; min-width:960px; height:401px; background:#c60000;}
.bg_ban{background-repeat:repeat-x; -webkit-animation:ani_ban 1s ease-in-out .5s both; animation:ani_ban 1s ease-in-out .5s both;}
.ban{position:relative; margin:0 auto; padding-left:10px; width:950px; height:401px; font-family:\5B8B\4F53;}
@-webkit-keyframes ani_ban{
	0%{-webkit-transform:perspective(5000px) rotateY(90deg) scaleX(0); opacity:0;}
	100%{-webkit-transform:perspective(5000px) rotateY(0deg) scaleX(1); opacity:1;}
}
@keyframes ani_ban{
	0%{transform:perspective(5000px) rotateY(90deg) scaleX(0); opacity:0;}
	100%{transform:perspective(5000px) rotateY(0deg) scaleX(1); opacity:1;}
}

.ban hgroup{padding-top:110px; overflow:hidden;}
.ban h1{width:340px; height:46px; background-position:0 -420px; text-indent:-999em; -webkit-animation:ani_h1 .6s linear 1.3s both; animation:ani_h1 .6s linear 1.3s both;}
.ban h3{margin-top:10px; width:612px; height:79px; background-position:0 -529px; text-indent:-999em; -webkit-animation:ani_h3 .8s linear 1.8s both; animation:ani_h3 .8s linear 1.8s both;}
@-webkit-keyframes ani_h1{
	0%{-webkit-transform:translateX(-340px); opacity:0;}
	100%{-webkit-transform:translateX(0); opacity:1;}
}
@keyframes ani_h1{
	0%{transform:translateX(-340px); opacity:0;}
	100%{transform:translateX(0); opacity:1;}
}

@-webkit-keyframes ani_h3{
	0%{-webkit-transform:translateX(-620px); opacity:0;}
	100%{-webkit-transform:translateX(0); opacity:1;}
}
@keyframes ani_h3{
	0%{transform:translateX(-620px); opacity:0;}
	100%{transform:translateX(0); opacity:1;}
}
.hd_list{padding-top:8px; font:14px/1.7 Tahoma,\5B8B\4F53; color:white;}
.hd_txt{color:#ffe1ad;}

.clock,.shadow{position:absolute;}
.clock{left:660px; top:70px; width:287px; height:269px; background-position:0 -609px; z-index:10; -webkit-animation:ani_clock 2s linear 0s infinite both; animation:ani_clock 2s linear 0s infinite both;}
.shadow{left:676px; top:323px; width:287px; height:53px; background-position:-53px -878px; -webkit-animation:ani_shadow 2s linear 0s infinite both; animation:ani_shadow 2s linear 0s infinite both;}
@-webkit-keyframes ani_clock{
	0%,100%{-webkit-transform:translateY(-5px);}
	50%{-webkit-transform:translateY(5px);}
}
@keyframes ani_clock{
	0%,100%{transform:translateY(-5px);}
	50%{transform:translateY(5px);}
}

@-webkit-keyframes ani_shadow{
	0%,100%{-webkit-transform:scaleX(.9); opacity:.8;}
	50%{-webkit-transform:scaleX(1); opacity:1;}
}
@keyframes ani_shadow{
	0%,100%{transform:scaleX(.9); opacity:.8;}
	50%{transform:scaleX(1); opacity:1;}
}

/*main*/
.main{margin:0 auto; padding:0 10px; width:940px; font-family:\5FAE\8F6F\96C5\9ED1;}
.operation,.option{padding:24px 0 62px 10px; border-bottom:1px solid #e0e0e0;}
.ope_list{overflow:hidden;}
.ope_list li{float:left;}
.ope1{margin-right:66px;}
.ope_list img{display:block; border:0;}
.op_hd{font-size:18px; font-weight:bold; line-height:1.8em; color:#646464;}
.ope_list .op_hd{padding-left:9px;}

.option .op_hd{padding-bottom:14px;}
.option_box{padding-left:20px;}
.opt{display:block; height:30px; font-size:14px; line-height:30px; color:#646464;}
.opt input{margin:0 6px 0 0; vertical-align:-1px;}
.btn_ok{display:block; margin:28px 0 0 20px; width:180px; height:50px; line-height:50px; color:white; font-size:24px; font-weight:bold; text-align:center; background:#c80000;}
.btn_ok:hover{background:#da0000; text-decoration:none;}

/*footer*/
.sys_footer .foot,.sys_footer a{color:#c3c3c3 !important;}