/*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:#191a1f; 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{ background:url(../images/ft_bg.jpg) no-repeat center bottom;}
.wrap .content{ width:100%; position:relative;}
.content .bg{ width:100%; z-index:0; position:absolute; 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:225px;}

.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; z-index:2;width:1000px; margin:0 auto; padding-top:740px;}
.main img{ display:block;}
.ps1{ top:460px; left:391px; width:230px; height:70px; background:url(../images/jhm.jpg) no-repeat 0 0;}
.ps1:hover{ background:url(../images/jhmh.jpg) no-repeat 0 0;}
.mod_vote{ overflow:hidden; width:1000px;}
.mod_vote ul{ width:1025px;}
.mod_vote li{ width:177px; height:277px; float:left; margin:0 28px 40px 0; overflow:hidden; cursor:pointer;}
.vote_img{ width:177px; position:relative; height:224px; z-index:0; overflow:hidden;}
.vote_img .vote_mark{ position:absolute;z-index:2; top:-224px; left:0; width:177px; height:224px;-webkit-transition:top 0.3s ease-in-out;-moz-transition:top 0.3s ease-in-out;-o-transition:top 0.3s ease-in-out; }
.vote_mark .mark_bg{ background:#e09c25;filter: Alpha(opacity=90);-moz-opacity:.9;opacity:0.9; position:absolute; top:0; left:0; z-index:-1; width:177px; height:224px;}
.vote_mark .mark_info{ padding:23px 0 0 23px;}
.mark_info h3{ color:#100f13; font-size:18px; line-height:26px; height:26px;}
.mark_info h6{ height:20px; line-height:20px; font-weight:normal; color:#000; font-size:14px; padding:5px 0 18px;}
.mark_info p{ line-height:18px; color:#000; font-size:14px;}
.vote_mark .vote_ft{ position:absolute; bottom:3px; left:2px; width:172px; font-size:14px; color:#eda63c; line-height:36px; background:#000; text-align:center; height:36px;}
.vote_btn{ background:url(../images/tp.jpg) no-repeat 0 0; display:block; margin-top:9px; width:176px; overflow:hidden; text-indent:-999em; height:44px;}
.vote_btn:hover{ background:url(../images/tph.jpg) no-repeat 0 0;}
.hover .vote_mark{cursor:pointer; top:0;}

.mod_title{ padding:15px 0 40px; text-align:center; height:119px;}
.mod_title img{ margin:0 auto;}
.bbs{ width:994px; height:318px; border:3px solid #25282f; margin-bottom:40px;}

.mod_wrap{ padding-bottom:40px;}
.mod_draw{ background:#212227; float:left; width:566px; height:420px; padding:12px;}
.draw_bd{ position:relative; overflow:hidden; width:566px; height:420px;}
.draw_bd .draw_con{ position:relative; z-index:1;}
.draw_con li{ width:180px; height:130px; position:absolute;}
.draw_con li .mark{ position:absolute; top:0; left:0; width:176px; height:126px; border:2px solid #eda63c; display:none;}
.draw_con .current .mark{ display:block;}
.draw_con .li_1{ top:0; left:0;}
.draw_con .li_2{ top:0; left:193px;}
.draw_con .li_3{ top:0; left:386px;}
.draw_con .li_4{ top:144px; left:386px;}
.draw_con .li_5{ top:287px; left:386px;}
.draw_con .li_6{ top:287px; left:193px;}
.draw_con .li_7{ top:287px; left:0;}
.draw_con .li_8{ top:144px; left:0;}
.draw_bd .draw_btn{ background:url(../images/cj_btn.jpg) no-repeat 0 0; width:78px; text-align:center; height:16px; padding:74px 51px 40px; overflow:hidden; line-height:16px; color:#e2aa3d;position:absolute; z-index:2; top:144px; left:193px;}
.draw_bd .draw_btn:hover{ background:url(../images/cj_btnh.jpg) no-repeat 0 0;}
.draw_bd .gray,.draw_bd .gray:hover{ cursor:default; background:url(../images/cj_gray.jpg) no-repeat 0 0; color:#989898;}

.mod_wb{ width:381px; float:right; height:444px; position:relative;}
.mod_wb textarea{ background:#212227 url(../images/textarea.jpg) repeat 0 0; color:#999; border:1px solid #24262c; width:329px; padding:25px; height:290px;font:14px/24px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
.mod_wb .btn_wb{ background:url(../images/wb.jpg) no-repeat 0 0; position:absolute; bottom:0; left:0; width:381px; height:82px; overflow:hidden; display:block; text-indent:-999em;}
.mod_wb .btn_wb:hover{ background:url(../images/wbh.jpg) no-repeat 0 0;}

.mod_ts{ position:relative; height:530px; padding-bottom:40px;}
.ts_box{ position:absolute; width:330px; height:330px; z-index:1; cursor:pointer;}
.ts_img{ width:330px; height:330px;}
.ts_mark{ position:absolute;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); filter: Alpha(opacity=0);-moz-opacity:0;opacity:0; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events: none; _display:none; }
.mod_ts .hover{ z-index:2; overflow:visible;}
.mod_ts .hover .ts_mark{ display:block;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-opacity:1;opacity:1;pointer-events:auto; }
.ts_mark .mark_info{border-left:2px solid #eda63c; position:absolute; width:195px; z-index:9; display:none;}
.mod_ts .hover .mark_info{ display:block;}
.ts_mark .mark_info .mark_txt{line-height:18px; color:#b2b2b2; padding:8px 0 8px 5px;}
.ts_mark .mark_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000;filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8; z-index:-1; _height:70px;}
.ts4 .ts_mark .mark_bg{ _height:52px;}
.ts5 .ts_mark .mark_bg{ _height:34px;}
.ts1{ top:0; left:0;}
.ts2{ top:0; left:333px;}
.ts3{ top:0; left:666px;}
.ts4{ top:198px; left:168px;}
.ts5{ top:198px; left:502px;}
.ts1 .ts_img{ background:url(../images/g1.png) no-repeat 0 0;_background:url(../images/g1.gif) no-repeat 0 0;}
.ts2 .ts_img{ background:url(../images/g2.png) no-repeat 0 0;_background:url(../images/g2.gif) no-repeat 0 0;}
.ts3 .ts_img{ background:url(../images/g3.png) no-repeat 0 0;_background:url(../images/g3.gif) no-repeat 0 0;}
.ts4 .ts_img{ background:url(../images/g4.png) no-repeat 0 0;_background:url(../images/g4.gif) no-repeat 0 0;}
.ts5 .ts_img{ background:url(../images/g5.png) no-repeat 0 0;_background:url(../images/g5.gif) no-repeat 0 0;}

.ts1 .ts_mark{ top:-18px; left:-124px; background:url(../images/g1h.png) no-repeat 0 0; width:454px; height:370px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/g1h.png");}
.ts1 .mark_info{ top:192px; left:182px; }
.ts2 .ts_mark{ top:0; left:-57px; background:url(../images/g2h.png) no-repeat 0 0; width:387px; height:330px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/g2h.png");}
.ts2 .mark_info{ position:absolute; top:174px; left:103px; }
.ts3 .ts_mark{ top:-42px; left:-22px; background:url(../images/g3h.png) no-repeat 0 0; width:424px; height:372px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/g3h.png");}
.ts3 .mark_info{ position:absolute; top:216px; left:74px; }
.ts4 .ts_mark{ top:-11px; left:-26px; background:url(../images/g4h.png) no-repeat 0 0; width:356px; height:341px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/g4h.png");}
.ts4 .mark_info{ position:absolute; top:201px; left:91px; }
.ts5 .ts_mark{ top:0; left:-137px; background:url(../images/g5h.png) no-repeat 0 0; width:467px; height:330px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/g5h.png");}
.ts5 .mark_info{ position:absolute; top:190px; left:202px; }

.foot{ text-align:center; color:#6b6b6b; width:100%;height:25px; padding:15px 0; position:relative; z-index:1;}
.iblk{display:inline-block;*zoom:1;*display:inline;}