﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
img {border-style:none;}
ul,li {list-style-type:none;}
form {margin:0;padding:0;}
html,body{ overflow-x:hidden}
body {font-size:14px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#caab8a;line-height:26px;background:#4b0a07;}
input {font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;color:#333;line-height: 17px;}
select {border: 1px solid #744219;font-size: 12px;color: #333;}
i,em{ font-style:normal}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
a:visited,a:link {color:#f31c07;text-decoration:none;transition:all .5s ease;}
a:hover {color:#fco;text-decoration:none;border-style:none;}
.fl {float:left;}
.fr {float:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.mgT20{ margin-top:20px}
.fontSize17 { font-size:17px;}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.ABlock {height:100%; display:block; text-indent:-9999px; outline:none}
.ABlockSpe {height:100%;display:block; text-align:center; outline:none}
.AInlinBlock {height:100%;display:inline-block;text-indent:-9999px; outline:none}
.AInlinBlockSpe {height:100%;display:inline-block;text-align:center; outline:none}
table {border-collapse:collapse;border:none;}
.wrapout {background: url(../image/bgWrap61.jpg) no-repeat center top;}
.wrapinner {background: url(../image/bgWrap61.jpg) no-repeat center top;width:1002px; min-height:100px;}
.spritesBg,.menu a,.menu dd span,.threeBtn dd a,.subTabNav,.subTabNav em  { background:url(../image/png48.png) no-repeat}
.posAb,.contentIndex,.corner { position:absolute;}
.header { height:1300px; position:relative; z-index:2}
.slogan { width:495px; height:320px;background-position:0 0; top:48px; left:272px;}
.menu {height:450px; top:680px; left:25px}
.menu dd { width:175px; height:290px; float:left; margin-left:20px; position:relative;}
.menu dd.n2,.menu dd.n4 { margin-top:170px}
.menu dd.n3 { margin-top:30px}
.menu dd a { height:290px; display:block; outline:none;transition:none; background-position:0 -1184px; position:relative;}
.menu dd a:hover { background-position:-197px -1184px}
.menu dd span { width:85px; height:185px; display:block; text-indent:-9999px; outline:none; cursor:pointer; position:absolute; top:30px; left:39px}
.menu dd.n1 span { background-position:0 -1524px}
.menu dd.n2 span { background-position:-208px -1524px}
.menu dd.n3 span { background-position:-326px -1524px}
.menu dd.n4 span { background-position:-100px -1524px}
.menu dd.n5 span { background-position:-440px -1524px}

/*======内页=====*/
.content{  padding:158px 0 50px;position:relative}
.pageTit { width:450px; height:140px; text-indent:-9999px; margin:0 auto;}
.t1 { background-position:0 -341px}
.t2 { background-position:0 -481px}
.t3 { background-position:0 -621px}
.t4 { background-position:0 -761px}
.t5 { background-position:0 -901px}

.conBase {min-height:800px; display:none;}
.public { width:760px; color:#ebc892; line-height:30px; font-size:16px}
.public hr { border:none; border-bottom:1px dashed #f02534; margin:20px 0}
.public span { color:#F60;}
.public b span{ font-size:18px;}
.public a { color:#fb720e}
.public a:hover { color:#FC0}
.public p { margin-bottom:20px}
.public table {border-collapse:collapse;border:none;}
.public td { border:1px solid #c40210; padding:5px 0}
.public td b { color:#FC0}
.public table p { margin:0}
.public p.hasNum { position:relative; padding-left:30px;}
.public p.hasNum i { position:absolute; top:0; left:0}
.eventTit { height:80px; text-align:center;}
.eventTit i { display:inline-block; height:80px; line-height:74px; vertical-align:middle; background:url(../image/icoL5.png) no-repeat right center; padding-right:215px; font-size:36px; color:#e4c376; letter-spacing:10px; font-weight:bold}
.eventTit em {display:inline-block; width:198px; height:80px;background:url(../image/icoR5.png) no-repeat left center;vertical-align:middle;padding-right:20px; }
.listTit { width:376px; height:64px; line-height:64px;color:#730808; font-size:32px;margin:20px 0; text-indent:30px; background-position:0 -1102px;}

.threeBtn { top:320px; left:0;}
.threeBtn dd { width:110px; height:105px;margin-bottom:20px;margin-left:-40px}
.threeBtn dd a {height:105px; display:block;text-indent:-9999px; transform:scale(1); outline:none;transition:transform ease .3s}
.threeBtn dd a:hover,.threeBtn dd a.current {transform:scale(1.1);}
.threeBtn dd.n1 a { background-position:-463px -1087px} 
.threeBtn dd.n2 a { background-position:-463px -1213px} 
.threeBtn dd.n3 a { background-position:-463px -1345px}
.threeBtn dd.n1 a:hover,.threeBtn dd.n1 a.current { background-position:-586px -1087px} 
.threeBtn dd.n2 a:hover,.threeBtn dd.n2 a.current { background-position:-586px -1213px} 
.threeBtn dd.n3 a:hover,.threeBtn dd.n3 a.current { background-position:-586px -1345px}
.tabNav { height:70px;}
.tabNav dd { width:40%; float:left; margin:0 5%}
.tabNav dd a { height:40px; line-height:40px; display:block; text-align:center; background:#3e130c; border:1px dashed #6b190b; color:#FC0; font-size:20px}
.tabNav dd a:hover,.tabNav dd a.current {background:#6b190b; border:1px dashed #3e130c;}
.subTabNav { width:160px;background-position:60px -883px; height:420px; position:absolute; top:300px; right:100px}
.subTabNav dd { width:35px;  border:1px solid #cb371e; padding:5px; margin-bottom:15px; position:relative}
.subTabNav dd a { display:block; height:80px;border:1px solid #cb371e; background:#6b190b; color:#e0391e; text-align:center; font-size:18px; padding-top:10px; line-height:22px}
.subTabNav dd a:hover,.subTabNav dd a.current {background:#300d06; color:#FC0}
.subTabNav em { width:17px; height:9px; display:block; text-indent:-9999px; background-position:-872px -606px; position:absolute; bottom:-10px; left:15px;}


.floatBox { width:150px; height:870px;position:absolute;top:1300px; right:50%; margin:0 -580px 0 0;z-index:500; background-position:-610px 0; padding-top:193px}
.floatBox dd { width:112px; height:67px; margin:0 auto; padding-top:15px; border-bottom:1px solid #c81010}
.floatBox dd a {height:67px; display:block; text-align:center; line-height:24px; font-size:18px;outline:none;transition:none; color:#c81010}
.floatBox dd a span { font-size:14px;}
.floatBox dd a:hover,.floatBox dd a.current {color:#e09f23}

.run { position:fixed; top:0}


/*=====加载动画====*/
.slogan{animation:ZoomIn 1s ease both;}
.timeBox {animation:fadeInUpBig 1s .8s ease both;}

/*缩放淡入效果*/
@keyframes ZoomIn{
0%{opacity:0; transform: scale(3);}
70%{opacity:1; transform: scale(1);}
80%{opacity:0.3; transform: scale(1.1);}
100%{opacity:1; transform: scale(1);}
}
/*划向左侧*/
@keyframes fadeInLeftBig{
0%{opacity:0;transform:translateX(300px)}
100%{opacity:1;transform:translateX(0)}
}
/*划向右侧*/
@keyframes fadeInRightBig{
0%{opacity:0;transform:translateX(-300px)}
100%{opacity:1;transform:translateX(0)}
}
/*底部进入*/
@keyframes fadeInUpBig{
0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
/*变形进入*/
@keyframes skewUpBig{
0%{opacity:0;transform:translateY(-150px) rotateX(-180deg)}
100%{opacity:1;transform:translateY(0px) rotateX(0deg)}
}
