/*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:#2d3b27; 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;}
.nav{ background:url(../images/nav_bg.jpg) 0 0 repeat-x; height:51px; width:100%;}
.nav .nav_cont{ width:1000px; height:51px; margin:0 auto; overflow:hidden;background:url(../images/nav_bg.jpg) 0 0 repeat-x;}
.nav .subnav{ float:right; display:inline; line-height:25px; height:25px; padding-top:13px;}
.subnav li {float:left; display:inline; padding:0 10px; background:url(../images/link_line.gif) no-repeat right center;}
.subnav li.nobg {background:none;}
.subnav li a{ color:#333; text-decoration:none;}
.subnav li a:hover{ color:#b10000;}
.nav .a_wbhd{ display:block; background:url(../images/wbhd.jpg) 0 0 no-repeat;margin-right:8px; width:218px; height:51px; text-indent:-999em; overflow:hidden;}

.wrap_inner{ background:url(../images/wrapbg.jpg) no-repeat center top;}
.wrap{ background:url(../images/bgrpt.jpg) repeat 0 0;}
.wrap .content{ width:1000px; margin:0 auto;}
.main{width:1000px; padding-top:690px;}

.mod{ margin-top:20px;}
.mod .mod_hd{ background:#ddd; height:60px;padding-left:90px;}
.mod .mod_hd i{ width:73px; height:73px;margin-top:-13px; float:left; margin-left:-73px;_margin-left:-36px; display:block;}
.mod .mod_hd h2{ color:#47464e; font-size:30px; line-height:60px;}
.mod .mod_hd .ico_1{ background:url(../images/ico1.png) no-repeat 0 0;_background:url(../images/ico1.gif) no-repeat 0 0;}
.mod .mod_hd .ico_2{ background:url(../images/ico2.png) no-repeat 0 0;_background:url(../images/ico2.gif) no-repeat 0 0;}
.mod .mod_hd .ico_3{ background:url(../images/ico3.png) no-repeat 0 0;_background:url(../images/ico3.gif) no-repeat 0 0;}
.mod .mod_hd .ico_4{ background:url(../images/ico4.png) no-repeat 0 0;_background:url(../images/ico4.gif) no-repeat 0 0;}
.mod .mod_hd .ico_5{ background:url(../images/ico5.png) no-repeat 0 0;_background:url(../images/ico5.gif) no-repeat 0 0; width:98px;}

.mod .mod_bd{ padding:20px; overflow:hidden;background:#fefefe; width:960px;}
.mod_bd .mod_txt{text-indent:2em; line-height:24px; color:#504860; font-size:14px;}
.mod_bd .mod_txt_pd{ padding-left:160px; text-indent:0}
.mod_tj{ width:976px; margin-top:-25px;}
.mod_tj .mod_box{ position: relative; height:252px; width:475px; float:left; margin:30px 13px 0 0;}
.mod_tj .mod_box .pic{ display:block; float:left; width:175px; height:250px; border:1px solid #979797;}
.mod_tj .mod_box img{ display:block;}
.mod_tj .mod_box ul{ border:1px solid #e0e0e0;border-left:none; width:297px; float:left;}
.mod_tj .mod_box ul li{ color: #6c6c6c; height:23px; line-height:23px; overflow:hidden; vertical-align:middle; font-size: 12px;}
.mod_tj .mod_box ul li a{ color:#042e58; font-size:14px; margin-left: 8px; color: #042e58; font-size: 16px;font-weight: bold;}
.mod_tj .mod_box ul .li_end{ border:none; height:108px;}
.mod_tj .mod_box ul .li_fir{ height: 50px; line-height: 50px;}
.mod_tj .mod_box ul li strong{ text-indent:7px; width:68px; font-size:12px; color:#8e8e8e;float:left;  }
.mod_tj .mod_box ul li.li_sec strong{ width: 55px; padding-right: 13px; text-align: right;}
.mod_tj .mod_box ul .li_end strong{ height:163px}
.mod_tj .mod_box ul li .star{ height:11px; font-size:0; line-height:0; padding:5px 0 0 0px; margin-left:70px;}
.mod_tj .mod_box ul li .star em{ height:11px; font-size:0; display:block; float:left; background:url(../images/xx.jpg) no-repeat 0 0;}
.mod_tj .mod_box ul li .s_1{ width:11px;}
.mod_tj .mod_box ul li .s_2{ width:23px;}
.mod_tj .mod_box ul li .s_3{ width:34px;}
.mod_tj .mod_box ul li .s_4{ width:45px;}
.mod_tj .mod_box ul li .s_5{ width:57px;}
.mod_tj .mod_box ul li .mod_jx{ margin-left:70px; padding:2px 5px 0 0px; line-height:20px; color:#6c6c6c}
.mod_tj .mod_box ul li .mod_jx a{ color:#65b0ec; font-size:12px;}
.mod_tj .mod_box ul li .mod_jx a:hover{ color:#f45635;}
.playItem{position: absolute; right: 8px; top: 8px;}
.playItem img{ height: 101px; width: 102px; border: 1px solid #e0e0e0;}
.playItem a.playBtn{ display: block;width: 103px; background:url(../images/play.jpg) no-repeat 0 bottom; height:132px;}
.playItem .playBtn:hover{background:url(../images/playh.jpg) no-repeat 0 bottom;}

.mod_bd .mod_pic{ padding:20px 0 10px; width:978px;}
.mod_bd .mod_pic li{ padding:10px 10px 0 0; float:left; width:232px; height:167px;}
.mod_bd .mod_pic li a{ display:block; border:1px solid #979797; width:230px; height:165px;}
.mod_bd .mod_pic li img{ display:block;}
.mod_bd .mod_pic .li_big{ width:242px; height:342px;}
.mod_bd .mod_pic .li_big a{ width:240px; height:340px;}

.bg_w{ background:#fff; padding:20px;}

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

.picList{ position: relative; height: 633px;}
.picList div{ position: absolute; display: block; border: 1px solid #979797; height: 110px; width: 165px;}
.picList div img{ display:block; width:165px; height:110px;}
.ps_1{left:225px; top: 39px;}
.ps_2{left:565px; top: 39px;}
.ps_3{left: 55px;top: 153px;}
.ps_4{left: 225px;top: 153px;}
.ps_5{left: 395px;top: 153px;}
.ps_6{left: 565px;top: 153px;}
.ps_7{left: 735px;top: 153px;}
.ps_8{left: 55px;top: 267px;}
.ps_9{left: 225px;top: 267px;}
.ps_10{left: 395px;top: 267px;}
.ps_11{left: 565px;top: 267px;}
.ps_12{left: 735px;top: 267px;}
.ps_13{left: 225px;top:381px;}
.ps_14{left: 395px;top:381px;}
.ps_15{left: 565px;top:381px;}
.ps_16{left: 395px;top:495px;}

.mod_draw .mod_mmd{ float:left; background:#fff url(../images/mmd.jpg) no-repeat center center; height:425px; width:120px;}
.draw_box{ border:1px solid #979797; padding:18px; margin-left:136px; height:385px; position:relative; width:777px; background:#fff;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;}
.draw_box .left_sj{ position:absolute; display:block; width:0; height:0; line-height:0; border-style:solid; border-width:22px 16px; border-color:transparent #979797 transparent transparent; top:172px; left:-32px;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;}
.draw_box .left_sj em{ display:block; position:absolute; width:0; height:0; line-height:0; border-style:solid; border-width:22px 16px; border-color:transparent #fff transparent transparent; top:-22px; left:-15px;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;}
.draw_box .cj_box{ position:absolute; top:18px; left:18px; width:776px; height:385px;}
.draw_box .cj_list{ position:relative; width:776px; height:385px; z-index:1; }
.draw_box .cj_list li{ position:absolute; border:1px solid #979797; width:154px; height:127px; background:#000;}
.draw_box .cj_list li img{ display:block}
.draw_box .cj_list .li_1{ top:0; left:0;}
.draw_box .cj_list .li_2{ top:0; left:155px;}
.draw_box .cj_list .li_3{ top:0; left:310px;}
.draw_box .cj_list .li_4{ top:0; left:465px;}
.draw_box .cj_list .li_5{ top:0; left:620px;}
.draw_box .cj_list .li_6{ top:128px; left:620px;}
.draw_box .cj_list .li_7{ top:256px; left:620px;}
.draw_box .cj_list .li_8{ top:256px; left:465px;}
.draw_box .cj_list .li_9{ top:256px; left:310px;}
.draw_box .cj_list .li_10{ top:256px; left:155px;}
.draw_box .cj_list .li_11{ top:256px; left:0;}
.draw_box .cj_list .li_12{ top:128px; left:0;}
.draw_box .cj_list .current img{ filter: Alpha(opacity=60);-moz-opacity:.6;opacity:0.6;}
.draw_box .btn_cj{ display:block; background:url(../images/btn_cj.jpg) no-repeat 0 0; width:464px; height:127px; position:absolute; top:129px; left:156px; overflow:hidden; text-indent:-999em; z-index:2;}
.draw_box .btn_cj:hover{ background:url(../images/btn_cjh.jpg) no-repeat 0 0;}

.draw_end{ border-color:#efddac; background:#fff9e9;}
.draw_end .left_sj{ border-right-color:#efddac;}
.draw_end .left_sj em{ border-right-color:#fff9e9;}
.draw_end .cj_box{ display/*\**/:none\9;;
-webkit-animation: cj_ani 1s ease both;
-moz-animation: cj_ani 1s ease both;
-o-animation: cj_ani 1s ease both;
animation: cj_ani 1s ease both;}
.draw_end .cj_result{ padding:64px 40px 0 62px;
-webkit-animation: result_ani 1s ease both;
-moz-animation: result_ani 1s ease both;
-o-animation: result_ani 1s ease both;
animation: result_ani 1s ease both;}
.rlt_left{ float:left; padding-top:55px; width:400px;}
.rlt_left h3{ color:#fd7572; font-size:32px; height:55px; line-height:55px;}
.rlt_left p{ color:#7c7a7a; font-size:24px; height:40px; line-height:40px; padding-bottom:10px;}
.rlt_left .div_btn{ border-top: dashed 1px #c9c4bb; padding:20px 0 0 4px;}
.rlt_left .div_btn a{ display:block; float:left; height:38px; line-height:38px; text-align:center; color:#fff; font-size:16px; padding:0 15px; margin-right:10px;}
.rlt_left .btn_again{ background:#fd7572;}
.rlt_left .btn_prize{ background:#aadf7f}
.rlt_left .btn_wb{ background:#7abae8;}
.rlt_left .div_btn a:hover{ opacity:0.8}
.rlt_right{ float:right; background:#fff; width:230px; height:260px; border:1px solid #efddac; 
-webkit-box-shadow:5px 5px #f2ebd8;
-moz-box-shadow:5px 5px #f2ebd8;
-o-box-shadow:5px 5px #f2ebd8;
-ms-box-shadow:5px 5px #f2ebd8;
box-shadow:5px 5px #f2ebd8;}
.rlt_right img{ width:100%; display:block;}

@-webkit-keyframes cj_ani{
	0%{ -webkit-transform:translateX(0);}
	20%{-webkit-transform:translateX(-100px)}
	100%{-webkit-transform:translateX(500px); opacity:0}
	}
@-moz-keyframes cj_ani{
	0%{ -moz-transform:translateX(0);}
	20%{-moz-transform:translateX(-100px)}
	100%{-moz-transform:translateX(500px); opacity:0}
	}
@-o-keyframes cj_ani{
	0%{ -o-transform:translateX(0);}
	20%{-o-transform:translateX(-100px)}
	100%{-o-transform:translateX(500px); opacity:0}
	}
@keyframes cj_ani{
	0%{ transform:translateX(0);}
	20%{transform:translateX(-100px)}
	100%{transform:translateX(500px); opacity:0}
	}
@-webkit-keyframes result_ani{
	0%{ -webkit-transform:translateX(800px); opacity:0}
	100%{-webkit-transform:translateX(0); opacity:1}
	}
@-moz-keyframes result_ani{
	0%{ -moz-transform:translateX(800px); opacity:0}
	100%{-moz-transform:translateX(0); opacity:1}
	}
@-o-keyframes result_ani{
	0%{ -o-transform:translateX(800px); opacity:0}
	100%{-o-transform:translateX(0); opacity:1}
	}
@keyframes result_ani{
	0%{ transform:translateX(800px); opacity:0}
	100%{transform:translateX(0); opacity:1}
	}