/*big project*/
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:#1f0f1f; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
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{}
.wrap .content{ width:100%;position:relative;}
.content .bg{ width:100%; position:absolute; z-index:1; left:0; top:0;}
.content .bg1,
.content .bg2,
.content .bg3,
.content .bg4,
.content .bg5{ background-repeat:no-repeat; background-position:center 0; width:100%;height:261px;}

.bg1{ background-image:url(../images/bg1.jpg);}
.bg2{ background-image:url(../images/bg2.jpg);}
.bg3{ background-image:url(../images/bg3.jpg);}
.bg4{ background-image:url(../images/bg4.jpg);}
.bg5{ background-image:url(../images/bg5.jpg);}

.main{ position:relative; margin:0 auto;width:1000px;z-index:2;}
.t1{ padding:688px 0 0 96px;width:900px; height:26px; line-height:26px; color:#b53b4c; font-size:16px;}
.t2{padding:143px 0 0 96px;width:900px; height:26px; line-height:26px; color:#b53b4c; font-size:16px;}
.t3{ margin-top:75px; background:url(../images/t3bg.jpg) no-repeat 0 0; padding:85px 0 0 120px; height:46px; line-height:26px; color:#b53b4c; font-size:16px;}

.mod_2{ height:365px; padding:31px 0 0 15px;}

.ps1{ float:left; width:440px; height:365px;}
.dati{ height:42px; padding-bottom:20px;}
.dati dt{ color:#ae8bd1; font-size:14px;}
.dati dd{ float:left; background:url(../images/check.png) no-repeat left center;_background:url(../images/check.gif) no-repeat left center; padding-left:18px; width:92px; height:20px; line-height:20px; color:#6b5b73; cursor:pointer;}
.dati .current{ background:url(../images/checked.png) no-repeat left center;_background:url(../images/checked.gif) no-repeat left center;}
.btn_tj{ background:url(../images/tj.jpg) no-repeat 0 0; width:168px; height:57px;}
.btn_tj:hover{ background:url(../images/tjh.jpg) no-repeat 0 0}

.ps2{ float:left; position:relative; width:532px; height:350px;}
.ps2 .cj_con{ width:532px; height:350px; position:relative;}
.ps2 .cj_con li{ position:absolute; width:175px; height:113px;}
.cj_con .li_1{ top:0; left:0;}
.cj_con .li_2{ top:0; left:179px;}
.cj_con .li_3{ top:0; left:358px;}
.cj_con .li_4{ top:120px; left:358px;}
.cj_con .li_5{ top:237px; left:358px;}
.cj_con .li_6{ top:237px; left:179px;}
.cj_con .li_7{ top:237px; left:0;}
.cj_con .li_8{ top:120px; left:0;}
.ps2 .mark{width:175px; height:113px; position:absolute; display:none; z-index:2;top:0px; left:-1px; background:url(../images/current.png) no-repeat center center;}
.ps2 .current .mark{ display:block;}
.ps2 .cj_btn{ background:url(../images/cj_btn.jpg) no-repeat 0 0; width:175px; height:114px;text-indent:-999em; overflow:hidden; position:absolute; top:120px; left:179px;}
.ps2 .cj_btn:hover{background:url(../images/cj_btnh.jpg) no-repeat 0 0; }
.ps2 .gray,.ps2 .gray:hover{ background:url(../images/cj_gray.jpg) no-repeat 0 0; cursor:default}

.ps3{ padding:31px 0 0 5px;width:995px;}
.tab .tab_nav{ height:59px; width:998px;}
.tab_nav li{ color:#7b747f; font-weight:bold; background:url(../images/tab.jpg) no-repeat 0 0; cursor:pointer; float:left; margin-right:3px; font-size:18px; text-align:center; width:329px; height:59px; line-height:59px;}
.tab_nav .current{ background:url(../images/tabh.jpg) no-repeat 0 0; color:#cc8798;}
.tab_nav li a{ display:block; width:100%; height:100%; color:#7b747f;}
.tab_nav li a:hover{ color:#be85a8;}
.tab_nav .current a,.tab_nav .current a:hover{color:#cc8798;}
.tab_con{width:995px;}
.hero_tab{background:url(../images/h_bg.jpg) no-repeat right top; padding-top:5px;}
.h_tab_nav{ height:165px; position:relative;}
.h_tab_nav li{ position:absolute; height:124px; width:123px; border-radius:50%; overflow:hidden;}
.h_tab_nav li a{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999em;border-radius:50%;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.h_tab_nav .ht_1{ top:28px; left:62px;}
.h_tab_nav .ht_2{top:28px; left:205px;}
.h_tab_nav .ht_3{top:28px; left:344px;}
.h_tab_nav .ht_1 a{ background:url(../images/a1.jpg) no-repeat 0 0;}
.h_tab_nav .ht_2 a{ background:url(../images/a2.jpg) no-repeat 0 0; }
.h_tab_nav .ht_3 a{ background:url(../images/a3.jpg) no-repeat 0 0;}
.h_tab_nav .current{ border-radius:0; top:0; height:164px;}
.h_tab_nav .ht_1.current{ width:127px;}
.h_tab_nav .current a{ border-radius:0; cursor:default;}
.h_tab_nav .current .a1{ background:url(../images/a1h.jpg) no-repeat 0 0;}
.h_tab_nav .current .a2{ background:url(../images/a2h.jpg) no-repeat 0 0;}
.h_tab_nav .current .a3{ background:url(../images/a3h.jpg) no-repeat 0 0;}
.hero_con{ background:url(../images/tab_con.jpg) no-repeat 0 0; width:992px; height:412px;}
.hero_con .hero_mod{ padding:18px 16px 0 18px;}
.hero_mod .mod_left{ float:left; width:240px; height:380px;}
.hero_pic{ width:240px; height:237px;}
.hero_mod img{ display:block; margin:0 auto;}
.hero_txt{ color:#d2a5e1; font-weight:bold; font-size:20px; line-height:30px; padding:8px 0 25px; text-align:center;}
.hero_txt span{ color:#2caab1; font-size:14px; padding-left:10px;}
.liliang span{ color:#af443e;}
.hero_mod .mod_right{ width:703px; overflow:hidden; float:right;}
.hero_mod .mod_right h3{ font-size:20px; color:#939393; height:30px; line-height:30px; padding-bottom:8px;}
.jn_tab{ height:38px; width:704px;}
.jn_tab li{ float:left; height:28px; margin-right:1px; border:1px solid #5a515a; font-size:14px; background:#484048; width:164px; padding:4px 0 4px 9px; color:#1f0f1f; cursor:pointer; line-height:28px;}
.jn_tab li img{ float:left; margin-right:9px;}
.jn_tab .current{ background:#6a4783; border-color:#825a9f;}
.jn_con{ height:302px; background:#141516;}
.jn_con .jn_sm{ background:#212121; height:104px; padding:15px 12px 0 15px;}
.jn_con .jn_sm .jn_pic{ width:64px; height:104px; float:left; margin-right:9px;}
.jn_con .jn_sm h6{ color:#c0c0c0; font-size:18px; line-height:26px; height:26px; margin-bottom:4px;}
.jn_con .jn_sm p{ color:#6e6e6e; font-size:12px; line-height:18px;}
.jn_con .jn_sm p span{ height:22px; line-height:18px; float:left; color:#c0c0c0;}
.jn_info{ float:left; width:346px; height:171px; padding:12px 5px 0 0;}
.jn_info dt{ float:left; width:25px; padding-top:54px; position:relative; top:-12px; border-top:1px solid #5f515f; height:128px; color:#010101; text-align:center; line-height:18px; margin-right:15px; font-size:16px; background:#4a3d4a;}
.jn_info dd{ color:#6e6e6e; font-size:12px; line-height:20px; padding-bottom:2px;}
.jn_info dd span{ color:#c0c0c0; height:22px; float:left;}
.jn_info dd strong{ color:#b53b4c;}

.hero_tz{ margin-top:11px; background:url(../images/tab_con.jpg) no-repeat 0 0; width:960px; height:380px; padding:16px;}
.hero_tz .tz_mod{background:#141516; padding:15px 0 0 15px;}
.hero_tz .tz_1{ width:429px; height:110px; float:left;}
.hero_tz .tz_2{ width:429px; height:235px; float:left; margin-top:5px;}
.hero_tz .tz_3{ width:496px; height:365px; float:right;}
.hero_tz .tz_pic{ width:74px; padding-right:20px; float:left;}
.hero_tz .tz_con{ float:left; width:335px;}
.tz_con h5{ color:#e5b3f5; font-size:18px; line-height:24px;}
.tz_con dl{ padding-bottom:5px;}
.tz_con dl dt{ color:#c0c0c0; line-height:22px; height:22px; float:left;}
.tz_con dl dd{ line-height:20px; color:#6e6e6e; float:left; width:285px;}
.hero_tz .tz_3 .tz_con{ width:380px;}
.tz_3 .tz_con dl dd{ width:320px;}

.other_tz{ background:#141516; height:370px; padding:10px 20px 0;}
.other_tz dl{ border-bottom:1px solid #222; padding-bottom:10px;}
.other_tz dl dt{ color:#b53b4c; font-size:16px; padding:5px 0; line-height:25px; height:25px;}
.other_tz dl dd{ color:#6e6e6e; line-height:18px; padding-left:10px;}

.ps4 .mod_wb{ width:525px; height:200px; background:url(../images/wb_bg.jpg) no-repeat right bottom; border:10px solid #180c18; float:left; position:relative;}
.mod_wb textarea{ border:none; background:#2b1f32; height:112px; width:505px;font:14px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif; padding:10px; color:#796a82; }
.mod_wb .wb_btn{ background:url(../images/wb.jpg) no-repeat 0 0; width:168px; height:57px; position:absolute; bottom:0; left:0}
.mod_wb .wb_btn:hover{ background:url(../images/wbh.jpg) no-repeat 0 0}
.rt{ width:412px; float:right; height:220px;}

.fix_r{z-index:99;width:113px;height:467px;position: fixed;bottom: 80px;right:25px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-256)); background:url(../images/fixr.png) no-repeat 0 0; _background:url(../images/fixr.gif) no-repeat 0 0;}
.fix_r a{ display:block; width: 113px; text-align:center;line-height:25px; color:#7552b2; font-size:19px; height:63px; padding-top:50px; margin-bottom:5px; font-weight:bold;}
.fix_r a:hover{ color:#fabd00;}


.foot{ text-align:center; color:#6b6b6b; width:100%; height:25px; padding:15px 0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}