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;}
body {font-size:12px;font-family:"΢ÈíÑźÚ",Arial, Verdana,  Helvetica, sans-serif;color:#fdba78;line-height:18px;background:#0a7779;}
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;}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
a:visited,a:link {color:#f31c07;text-decoration:none;border-style:none;}
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}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.wrapout {min-height:100px; _height:100px;}
.wrapinner {width: 1200px; min-height:100px; _height:100px; padding-bottom:20px}
.header { height:601px; position:relative;margin-top:-1002px;}
.header h1 { width:281px;height:122px; position:absolute; top:0; left:370px; z-index:100}
.header h1 a {height:122px; display:block;text-indent:-9999px; outline:none; }
.menu {height:27px;position:absolute; top:10px; right:20px;font:14px/25px "΢ÈíÑźÚ"; z-index:200; color:#FFF;background:#000}
.menu a { padding:5px 15px;}
.menu a:link,.menu a:visited { color:#fff}
.menu a:hover { color:#f00}
.slogan,.pageNav a,.pageNav span,.floatBox li a,.floatBox li span,.floatBox li.n4 {background:url(../images/png.png) no-repeat;}
.slogan { width:1200px; height:545px; background-position:-560px 0; position:absolute; z-index:5; top:102px; left:50px}
.slogan {transform:scale(0) rotate(860deg);opacity:0;transition:all 0.5s ease}
.slogan_af{transform:scale(1) rotate(0deg);opacity:1;}


.pageNav { height:600px; position:relative;z-index:50; overflow:hidden}
.pageNav li {width:135px;height:367px;position:absolute;z-index:10;}
.pageNav li.n1{ top:0; left:226px;}
.pageNav li.n2{ top:0px; left:526px;}
.pageNav li.n3{ top:0; left:825px;}
.pageNav li a {height:145px; display:block; padding:37px 0 0 37px; background-position:0 -374px; animation:showHide 1s ease forwards;opacity:1\9\0}
.pageNav li a:hover {background-position:-134px -374px;}
.pageNav li span { width:135px; height:145px;display:block; text-indent:-9999px; outline:none}
.pageNav li.n1 span {width:57px; background-position:-275px -374px}
.pageNav li.n2 span {width:57px;  background-position:-342px -374px}
.pageNav li.n3 span { width:57px; background-position:-410px -374px}

.wrapContent { width:100%; height:100%;margin-top:-450px;}
.content { width:1200x; float:right;background:url(../images/bgR.jpg) repeat;}
.contentInner {background:url(../images/bgTop.jpg) no-repeat left top;min-height:800px;}
.contentBot { height:53px;background:url(../images/bgBot.jpg) no-repeat left top;}
.conBase { padding:50px; font-size:14px; line-height:26px; color:#FFF; display:none;}
.conBase p { width:1100x; margin-bottom:0px;}
.conBase h2 { font-size:40px; color:#FFF; line-height:60px; text-align:center; height:100px; font-weight:normal;letter-spacing: 5px;}
.conBase span { color:#FFF; line-height:10px;}
.conBase span.blue { color:#FFF ;line-height:10px;}
.conBase span.purple { color:#FFF;border-bottom:#634f2e 1px dashed;height:10px;line-height:10px;}


.subNavs { width:1085px; height:26px; margin:0 auto;margin-top:15px;margin-left:-10px;}
.subNavs a { width:1085px; height:26px; line-height:26px; text-align:left; display:block; float:left; margin:0 5px;font-size:18px; padding:5px 5px 5px 15px;background:#0a7779; border-radius:10px}
.subNavs a:link,.subNavs a:visited { color:#FFF}
.subNavs a:hover,.subNavs a.currents{text-decoration:none; background:#0a7779}
.innerCons{ display:none}
.innerCons p { margin:0}
.innerCons td{ padding:5px; text-align:left; color:#ffda00; height:35px;}


.subNav { width:1085px; height:79px; margin:10px; auto;margin-top:40px;}
.subNav a { width:1065px; height:40px; line-height:40px; text-align:center; display:block; float:left; margin:0 5px;font-size:18px; background:#0a7779; border-radius:10px}
.subNav a:link,.subNav a:visited { color:#FFF}
.subNav a:hover,.subNav a.current{text-decoration:none; background:#0a7779}
.innerCon{ display:none}
.innerCon p { margin:0}
.innerCon td{ padding:5px; text-align:center; color:#ffda00; height:35px;}

@keyframes showHide {
	from {opacity: 0;transform:perspective(800px) rotateY(360deg);}
	to {opacity: 1;transform:perspective(800px) rotateY(0deg);}
}