body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#020101; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;overflow:hidden;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{ position:relative; height:100%; overflow:hidden;}
.switch_btn{ height:99px; width:1100px; left:50%; margin-left:-550px; position:absolute; top:320px; z-index:98;}
.switch_btn a{ display:block; overflow:hidden; text-indent:-999em; width:50px; height:99px;}
.switch_btn .switch_prev{ background:url(../images/pre.png) no-repeat 0 0; float:left; cursor:pointer; _background:url(../images/pre.gif) no-repeat 0 0}
.switch_btn .switch_prev:hover{ background:url(../images/preh.png) no-repeat 0 0;_background:url(../images/preh.gif) no-repeat 0 0;}
.switch_btn .switch_next{ background:url(../images/next.png) no-repeat 0 0; float:right; cursor:pointer; _background:url(../images/next.gif) no-repeat 0 0}
.switch_btn .switch_next:hover{ background:url(../images/nexth.png) no-repeat 0 0;_background:url(../images/nexth.gif) no-repeat 0 0;}

.switch_bd{width:20000px;height:100%; position:relative;}
.switch_bd .item{ height:100%;  float:left;} 
.item_bd{ width:1000px; margin:0 auto;position:relative; z-index:99}
.item_1{ background:url(../images/1.jpg) no-repeat center top;}
.item_1 .it1_hd{ background:url(../images/it1.png) no-repeat 0 0; width:619px; height:246px; overflow:hidden; text-indent:-999em; position:absolute; top:63px; left:207px;}
.item_1 .it1_info{ overflow:hidden; text-indent:-999em; background:url(../images/it1info.png) no-repeat 0 0; width:641px; height:56px; top:335px; left:190px; position:absolute;}
.item_1 .it1_ft{ position:absolute; top:400px; left:317px; background:url(../images/it1ft.png) no-repeat 0 0; width:354px; height:17px; overflow:hidden; text-indent:-999em;}
.item_1 .btn1{ position:absolute; top:437px; left:397px; background:url(../images/btn1.png) no-repeat 0 0;_background:url(../images/btn1.gif) no-repeat 0 0;width:192px; overflow:hidden;text-indent:-999em; height:62px;}
.item_1 .btn1:hover{ background:url(../images/btn1h.png) no-repeat 0 0;_background:url(../images/btn1h.gif) no-repeat 0 0;}
.item_2{ background:url(../images/2.jpg) no-repeat center top;}
.item_2 .it2_hd{ background:url(../images/it2.png) no-repeat 0 0; width:170px; height:115px; overflow:hidden; text-indent:-999em; position:absolute; top:78px; left:69px;}
.item_2 .it2_info{ overflow:hidden; text-indent:-999em; background:url(../images/it2info.png) no-repeat 0 0; width:272px; height:104px; top:225px; left:77px; position:absolute;}
.item_2 .it2_btn{ position:absolute; top:365px; left:70px; width:160px; height:59px; }
.item_2 .it2_btn a{ width:59px; height:59px; overflow:hidden; text-indent:-999em; float:left; margin-right:17px;}
.item_2 .it2_btn .btn2{ background:url(../images/btn2.png) no-repeat 0 0;}
.item_2 .it2_btn .btn2:hover{ background:url(../images/btn2h.png) no-repeat 0 0;}
.item_2 .it2_btn .share2{ background:url(../images/share2.png) no-repeat 0 0;}
.item_2 .it2_btn .share2:hover{ background:url(../images/share2h.png) no-repeat 0 0;}
.item_3{ background:url(../images/3.jpg) no-repeat center top;}
.item_3 .it3_hd{ background:url(../images/it3.png) no-repeat 0 0; width:186px; height:100px; overflow:hidden; text-indent:-999em; position:absolute; top:80px; left:70px;}
.item_3 .it3_info{ overflow:hidden; text-indent:-999em; background:url(../images/it3info.png) no-repeat 0 0; width:342px; height:87px; top:218px; left:70px; position:absolute;}
.item_3 .it3_btn{ position:absolute; top:342px; left:70px; width:160px; height:59px; }
.item_3 .it3_btn a{ width:59px; height:59px; overflow:hidden; text-indent:-999em; float:left; margin-right:17px;}
.item_3 .it3_btn .btn3{ background:url(../images/btn3.png) no-repeat 0 0;}
.item_3 .it3_btn .btn3:hover{ background:url(../images/btn3h.png) no-repeat 0 0;}
.item_3 .it3_btn .share3{ background:url(../images/share3.png) no-repeat 0 0;}
.item_3 .it3_btn .share3:hover{ background:url(../images/share3h.png) no-repeat 0 0;}
.item_4{ background:url(../images/4.jpg) no-repeat center top;}
.item_4 .it4_hd{ background:url(../images/it4.png) no-repeat 0 0; width:163px; height:99px; overflow:hidden; text-indent:-999em; position:absolute; top:80px; left:70px;}
.item_4 .it4_info{ overflow:hidden; text-indent:-999em; background:url(../images/it4info.png) no-repeat 0 0; width:393px; height:176px; top:215px; left:70px; position:absolute;}
.item_4 .it4_btn{ position:absolute; top:425px; left:70px; width:160px; height:59px; }
.item_4 .it4_btn a{ width:59px; height:59px; overflow:hidden; text-indent:-999em; float:left; margin-right:17px;}
.item_4 .it4_btn .btn4{ background:url(../images/btn4.png) no-repeat 0 0;}
.item_4 .it4_btn .btn4:hover{ background:url(../images/btn4h.png) no-repeat 0 0;}
.item_4 .it4_btn .share4{ background:url(../images/share4.png) no-repeat 0 0;}
.item_4 .it4_btn .share4:hover{ background:url(../images/share4h.png) no-repeat 0 0;}
.item_5{ background:url(../images/5.jpg) no-repeat center top;}
.item_5 .it5_hd{ z-index:1; background:url(../images/it5.png) no-repeat 0 0; width:173px; height:446px; position:absolute; overflow:hidden; text-indent:-999em; top:93px; left:613px;}
.item_5 .btn5{ z-index:2; background:url(../images/btn5.png) no-repeat 0 0;_background:url(../images/bnt5.gif) no-repeat 0 0; width:56px; overflow:hidden; text-indent:-999em; position:absolute; top:105px; left:727px; height:176px;}
.item_5 .btn5:hover{ background:url(../images/btn5h.png) no-repeat 0 0;_background:url(../images/btn5h.gif) no-repeat 0 0;}
.item_6{ background:url(../images/6.jpg) no-repeat center top;}
.item_6 .it6_hd{ overflow:hidden; text-indent:-999em; top:58px; left:253px; background:url(../images/it6.png) no-repeat 0 0; width:518px; height:147px; position:absolute;}
.item_6 .it6_btn{ position:absolute; left:265px; top:232px; height:50px; width:495px;}
.item_6 .it6_btn a{ width:154px; overflow:hidden; text-indent:-999em; height:50px; float:left; margin-right:9px;}
.btn_pf{ background:url(../images/pf.png) no-repeat 0 0;}
.btn_pf:hover{ background:url(../images/pfh.png) no-repeat 0 0;}
.btn_lb{ background:url(../images/lb.png) no-repeat 0 0;}
.btn_lb:hover{ background:url(../images/lbh.png) no-repeat 0 0;}
.btn_hy{ background:url(../images/hy.png) no-repeat 0 0;}
.btn_hy:hover{ background:url(../images/hyh.png) no-repeat 0 0;}
.pz{ position:absolute; overflow:hidden; text-indent:-999em; background:url(../images/pz.png) no-repeat 0 0; width:205px; height:149px;top:303px; left:408px;}
.pz:hover{ background:url(../images/pzh.png) no-repeat 0 0; }
.item_6 .pic{ width:476px; height:234px; top:464px; left:273px; position:absolute;}
/*ani*/
.item_1 .it1_hd{ top:20px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it1_hd{ top:63px; opacity:1;}
.item_1 .it1_info{ top:265px; opacity:0; -webkit-transition:all 0.6s 0.5s ease;-moz-transition:all 0.6s 0.5s ease;-o-transition:all 0.6s 0.5s ease;transition:all 0.6s 0.5s ease;}
.on .it1_info{ top:335px; opacity:1;}
.item_1 .it1_ft{ -webkit-transform:scaleX(2); -moz-transform:scaleX(2); -o-transform:scaleX(2); transform:scaleX(2); opacity:0; -webkit-transition:all 0.6s 0.5s ease;-moz-transition:all 0.6s 0.5s ease;-o-transition:all 0.6s 0.5s ease;transition:all 0.6s 0.5s ease;}
.on .it1_ft{  -webkit-transform:scaleX(1);opacity:1;}
.item_1 .btn1{ opacity:0;-webkit-transition:all 0.6s 0.5s ease;-moz-transition:all 0.6s 0.5s ease;-o-transition:all 0.6s 0.5s ease;transition:all 0.6s 0.5s ease;}
.on .btn1{ opacity:1;}
.item_2 .it2_hd{ top:40px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it2_hd{ top:78px; opacity:1;}
.item_2 .it2_info{ top:255px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it2_info{ top:225px; opacity:1;}
.item_2 .btn2,.item_2 .share2{opacity:0;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg); position:relative; left:-59px; -webkit-transform-origin:center center; -webkit-transition:all 0.6s 0.3s ease;}
.on .btn2,.on .share2{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); opacity:1; left:0}
.item_3 .it3_hd{ top:42px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it3_hd{ top:80px; opacity:1;}
.item_3 .it3_info{ top:248px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it3_info{ top:218px; opacity:1;}
.item_3 .btn3,.item_3 .share3{opacity:0;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg); position:relative; left:-59px; -webkit-transform-origin:center center; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .btn3,.on .share3{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); opacity:1; left:0}
.item_4 .it4_hd{ top:42px; opacity:0.3;-webkit-transition:all 0.6s 0.5s ease;-moz-transition:all 0.6s 0.5s ease;-o-transition:all 0.6s 0.5s ease;transition:all 0.6s 0.5s ease;}
.on .it4_hd{ top:80px; opacity:1;}
.item_4 .it4_info{ top:245px; opacity:0.3; -webkit-transition:all 0.6s 0.5s ease;-moz-transition:all 0.6s 0.5s ease;-o-transition:all 0.6s 0.5s ease;transition:all 0.6s 0.5s ease;}
.on .it4_info{ top:215px; opacity:1;}
.item_4 .btn4,.item_4 .share4{opacity:0;-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg); position:relative; left:-59px; -webkit-transform-origin:center center; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .btn4,.on .share4{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); opacity:1; left:0}
.item_5 .it5_hd{ left:653px; opacity:0.3;-webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it5_hd{ left:613px; opacity:1;}
.item_5 .btn5{ opacity:0; -webkit-transition:all 0.6s 0.5s ease;-moz-transition:all 0.6s 0.5s ease;-o-transition:all 0.6s 0.5s ease;transition:all 0.6s 0.5s ease;}
.on .btn5{ opacity:1;}
.item_6 .it6_hd{ top:20px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it6_hd{ top:58px; opacity:1;}
.item_6 .it6_btn{ top:260px; opacity:0.3; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .it6_btn{ top:232px; opacity:1;}
.item_6 .pz{-webkit-transform:scale(0.01);-moz-transform:scale(0.01);-o-transform:scale(0.01);transform:scale(0.01); -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .pz{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.item_6 .pic{ opacity:0; -webkit-transition:all 0.6s 0.3s ease;-moz-transition:all 0.6s 0.3s ease;-o-transition:all 0.6s 0.3s ease;transition:all 0.6s 0.3s ease;}
.on .pic{ opacity:1;}

.foot{ text-align:center; color:#6b6b6b; width:100%;height:108px; position:fixed; z-index:999; bottom:0; left:0;}
.foot_bg{ background:#000; width:100%; z-index:-1; filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8; height:108px; top:0; left:0; position:absolute;}
.foot_hd{ padding-top:19px; height:40px; position:relative; width:1000px; margin:0 auto;}
.fthd_bg{ background:url(../images/fthgbg.png) no-repeat 0 0; width:1000px; height:1px; font-size:0; line-height:0; top:38px; position:absolute; z-index:1; left:0;}
.ft_nav{ position:relative; z-index:2; height:40px; padding-left:129px;}
.ft_nav li{ float:left; width:75px; height:40px; overflow:hidden; text-indent:-999em; cursor:pointer;}
.ft_nav .ft_1{ background:url(../images/i1.png) no-repeat 0 0; margin-right:67px;}
.ft_nav .ft_1:hover,.ft_nav .ft_1.current{ background:url(../images/i1h.png) no-repeat 0 0;}
.ft_nav .ft_2{ background:url(../images/i2.png) no-repeat 0 0; margin-right:62px;}
.ft_nav .ft_2:hover,.ft_nav .ft_2.current{ background:url(../images/i2h.png) no-repeat 0 0;}
.ft_nav .ft_3{ background:url(../images/i3.png) no-repeat 0 0; margin-right:68px;}
.ft_nav .ft_3:hover,.ft_nav .ft_3.current{ background:url(../images/i3h.png) no-repeat 0 0;}
.ft_nav .ft_4{ background:url(../images/i4.png) no-repeat 0 0; margin-right:63px;}
.ft_nav .ft_4:hover,.ft_nav .ft_4.current{ background:url(../images/i4h.png) no-repeat 0 0;}
.ft_nav .ft_5{ background:url(../images/i5.png) no-repeat 0 0; margin-right:67px;}
.ft_nav .ft_5:hover,.ft_nav .ft_5.current{ background:url(../images/i5h.png) no-repeat 0 0;}
.ft_nav .ft_6{ background:url(../images/i6.png) no-repeat 0 0;}
.ft_nav .ft_6:hover,.ft_nav .ft_6.current{ background:url(../images/i6h.png) no-repeat 0 0;}
.foot_bd{ padding-top:10px;}
/*preload_page*/
.preload_page{ position:fixed; background-color:#c1afa3; width:100%; height:100%; z-index:9999;}
.preload_page .con{ position:absolute; width:211px; height:300px; left:50%; top:50%; text-align:center; margin:-150px 0 0 -105px;}
.preload_page p{width: 100%;position: absolute;bottom:0;font-size: 18px;color: #fff;line-height: 22px; left:0;}

.tip{ background:#430303; width:495px; height:190px; text-align:center;}
.tip h3{ padding-top:18px; height:30px; line-height:30px; color:#f2b54b; font-size:18px;}
.tip .tip_con{ color:#fff; font-size:16px; padding-top:13px; line-height:24px;}
.close_a{ background:url(../images/know.jpg) no-repeat 0 0; position:absolute; top:108px; left:167px; overflow:hidden; text-indent:-999em; z-index:99; width:154px; height:50px;}
.close_a:hover{ background:url(../images/knowh.jpg) no-repeat 0 0;}