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;}
i,em { font-style:normal}
form {margin:0;padding:0;}
body {font-size:12px;font-family:"宋体",Arial, Verdana,  Helvetica, sans-serif;color:#72140b;line-height:18px; background:#000}
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:#ebe69e;text-decoration:none;border-style:none;}
a:hover {color:#ff7400;text-decoration:underline;border-style:none;}
.fl {float:left;}
.fr {float:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.marginT20 { margin-top:20px}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}

.wrap {opacity:0}
.wrapout {background: url(../image/bgWrap55.jpg) no-repeat center top; padding-bottom:50px;}
.wrapinner {background: url(../image/bgWrap55.jpg) no-repeat center top;width: 1002px; min-height:100px; _height:100px;}
.wrapoutIndex .header {height:1100px;}
.header {height:445px; position:relative;}
.menu {height:30px;}
.menu a {padding:0 8px;color:#1d3841;}
.menu a:link,.menu a:visited { color:#1d3841;}
.menu a:hover { color:#903;}

.sprite {transform: translate3d(0, 200px, 0);-webkit-transform: translate3d(0, 200px, 0);-moz-transform: translate3d(0, 200px, 0);opacity: 0;}
.logo { width:745px; height:141px; background:url(../image/p1.png) no-repeat;}
.slogan { width:783px; height:241px; background:url(../image/p2.png) no-repeat;}
.infro { width:680px; height:191px; background:url(../image/p3.png) no-repeat;}
.navIndex { width:733px; height:457px; position:absolute; top: 640px; left: 24px;background:url(../image/p4.png) no-repeat;*background:url(../image/p4.jpg) no-repeat}
.navIndex dd { width:183px; height:457px; float:left}
.navIndex dd a {width:183px; height:457px; display:block; text-indent:-9999px; outline:none;background:url(../image/p4.png) no-repeat -9999px;*background:url(../image/p4.jpg) no-repeat -9999px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all ease-in .3s;-moz-transition:all ease-in .3s;-o-transition:all ease-in .3s;-ms-transition:all ease-in .3s;transition:all ease-in .3s;}
.navIndex dd.n1 a { background-position:0 -457px}
.navIndex dd.n2 a { background-position:-183px -457px}
.navIndex dd.n3 a { background-position:-366px -457px}
.navIndex dd.n4 a { background-position:-549px -457px}

.content { width:938px;background:url(../image/bgConB4.jpg) no-repeat 36px bottom;opacity:0}
.contentInner {background:url(../image/bgConT3.jpg) no-repeat left top; min-height:730px;_height:730px; padding-bottom:50px}
.sideCon { width:642px; padding:99px 0 0 74px; color:#061d20; line-height:22px;}
.sideCon span { color:#F00}
.sideCon span.blue { color:#4d8a86}
.sideCon p { margin-bottom:15px}
.sideCon a:link,.sideCon a:visited { color:#066; text-decoration:underline}
.sideCon a:hover { color:#096}
.sideCon td{ height:30px; padding:5px; color:#ffda00; text-align:center}
.sideCon thead td { font-weight:bold}
.pageTit { height:110px;}
.pageTit h2 { width:219px; height:59px; margin:0 auto; text-indent:-9999px; background:url(../image/main2.jpg) no-repeat}
.pageTit h2.t1 { background-position:0 0}
.pageTit h2.t2 { background-position:-219px 0}
.pageTit h2.t3 { background-position:-438px 0}
.pageTit h2.t4 { background-position:-657px 0; width:280px}
.tilte,.tab { height:33px;color:#edf3d9; text-indent:15px;font:16px/33px "微软雅黑"; background:#4d8a86; margin-bottom:15px}
.tab {text-indent:0; padding:1px 0 0 5px; height:32px; line-height:32px}
.tab dd { width:100px; height:32px; float:left; margin-right:1px}
.tab dd a { height:32px; display:block; text-align:center; outline:none;}
.tab dd a:link,.tab dd a:visited { color:#edf3d9; text-decoration:none}
.tab dd a:hover,.tab dd a.current { color:#4d8a86; background:#edf3d9;}
.tabCon { display:none}

.sideNav { width:122px; padding:191px 41px 0 0}
.sideNav dd { height:56px; margin-bottom:9px;}
.sideNav dd a { height:56px; display:block; text-indent:-9999px; outline:none; background:url(../image/main2.jpg) no-repeat;opacity:0;filter:alpha(opacity=0);-webkit-transition:all ease-out .1s;-moz-transition:all ease-out .1s;-o-transition:all ease-out .1s;-ms-transition:all ease-out .1s;transition:all ease-out .1s;}
.sideNav dd.n1 a { background-position:0 -59px}
.sideNav dd.n2 a { background-position:-122px -59px}
.sideNav dd.n3 a { background-position:-244px -59px}
.sideNav dd.n4 a { background-position:-366px -59px}
.sideNav dd.n5 a { background-position:-488px -59px}

.play .wrap {animation:fadeIn 2s 0s ease both;-webkit-animation:fadeIn 2s 0s ease both; -moz-animation:fadeIn 2s 0s ease both;opacity:1}
.play .sprite {opacity: 1;transform: translate3d(0, 20px, 20px);-webkit-transform: translate3d(0, 20px, 20px);-moz-transform: translate3d(0, 20px, 20px);}
.play .menu {transition: all 1s 0.7s ease-out;-webkit-transition: all 1s 0.7s ease-out;-moz-transition: all 1s 0.7s ease-out;}
.play .logo {transition: all 1s 1.2s ease-out;-webkit-transition: all 1s 1.2s ease-out;-moz-transition: all 1s 1.2s ease-out;}
.play .slogan {transition: all 1s 1.6s ease-out;-webkit-transition: all 1s 1.6s ease-out;-moz-transition: all 1s 1.6s ease-out;}
.play .infro {transition: all 1s 1.9s ease-out;-webkit-transition: all 1s 1.9s ease-out;-moz-transition: all 1s 1.9s ease-out;}
.play .navIndex{animation:ZoomIn 1s 2.5s ease both; -webkit-animation:ZoomIn 1s 2.5s ease both; -moz-animation:ZoomIn 1s 2.5s ease both;}
.play .content{animation:fadeIn 2s 2.5s ease both;-webkit-animation:fadeIn 2s 2.5s ease both; -moz-animation:fadeIn 2s 2.5s ease both;opacity:1}
.navIndex dd a:hover,.sideNav dd a:hover,.sideNav dd a.current{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*缩放淡入效果*/
@keyframes ZoomIn{
0%{opacity:0; -webkit-transform: scale(3);-moz-transform: scale(3);}
70%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
80%{opacity:0.4; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
100%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
}
@-webkit-keyframes ZoomIn{
0%{opacity:0; -webkit-transform: scale(3);-moz-transform: scale(3);}
70%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
80%{opacity:0.4; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
100%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
}
@-moz-keyframes ZoomIn{
0%{opacity:0; -webkit-transform: scale(3);-moz-transform: scale(3);}
70%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
80%{opacity:0.4; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
100%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
}
@-o-keyframes ZoomIn{
0%{opacity:0; -webkit-transform: scale(3);-moz-transform: scale(3);}
70%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
80%{opacity:0.4; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
100%{opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);}
}

/*淡入效果*/
@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}