*{padding:0; margin:0;}
body{font-size:14px; line-height:24px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body-bg.jpg);}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.left{float:left;}
.right{float:right;}
.clr{height:0; overflow:hidden; clear:both;}
.red{color:#a72e40;}

a{color:#ffffff; text-decoration:none;}
a:hover{text-decoration:underline;}


.box{width:980px; margin:0 auto; clear:both;}
h3{width:950px; height:40px; margin-bottom:10px;}
/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}

/*header*/
.header{width:100%; background:url(../images/header.jpg) center 0 no-repeat; height:479px;}
.header .share{width:980px; height:479px; margin:0 auto; position:relative;}
.header .share .ewm{height:66px; top:360px; left:450px; position:absolute;}

/*part1*/
.part1{width:100%; height:328px; background:url(../images/part1.jpg) center 0 no-repeat;}
.part1 .box{position:relative;}
.hotimg {width:597px; height:317px; position: relative; overflow:hidden; padding:5px 0 0 151px;}

/*数字按钮样式*/
.hotimg .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 180px; zoom:1; z-index:3 }
.hotimg .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.hotimg .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.hotimg .prev,
.hotimg .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;}
.hotimg .prev { left: 150px; }
.hotimg .next { right: 0; background-position: right;}


.part1 .TXT{width:465px; height:320px; position:absolute; left:680px; top:15px;}
.part1 .TXT h3{width:324px; height:26px; padding-left:80px;}
.part1 .TXT p{width:350px; margin:10px auto; font-size:14px; color:#89e789; line-height:22px; text-indent:25px;font-style:italic;}
.part1 .TXT h4{font-size:16px; color:#fff; margin:15px 0 5px 0; padding-left:50px; font-style:italic;}

.part1 .TXT ul{}
.part1 .TXT li{line-height:28px;}

/*part2*/
.part2{width:100%; height:768px; background:url(../images/part2.jpg) center 0 no-repeat; font-style:italic;}
.part2 .box{height:800px;}
.part2 .LeftCon{width:540px; position:relative; float:left;height:800px;}
.part2 .LeftCon .title{position:absolute; top:30px; left:120px;}
.part2 .LeftCon .title img{margin-left:40px;}
.part2 .LeftCon .title p{width:500px; font-size:12px; color:#89e789;font-style:italic; line-height:22px; text-indent:15px; margin:10px 0;}
.part2 .LeftCon .game{width:580px; height:105px; color:#f5f5f5; position:absolute;}
.part2 .LeftCon .game .time{width:185px; height:85px; background:url(../images/time.gif) no-repeat; text-align:center; padding-top:15px; float:left;}
.part2 .LeftCon .game .time h4{font-size:16px;}
.part2 .LeftCon .game .news{width:380px; height:100px; float:left;}
.part2 .LeftCon .game .news li{clear:both; position:relative;}
.part2 .LeftCon .game .news .pl{margin-left:20px;}
.part2 .LeftCon .game .news .img{width:85px; height:40px; float:left; position:absolute; top:0; left:-15px;}
.part2 .LeftCon .game .news .text{width:240px; float:left; padding-left:70px;}
.part2 .LeftCon .game .news .text h5{font-size:14px; font-weight:normal; text-indent:8px;}
.part2 .LeftCon .game .news .text p{font-size:12px; color:#ccc;}
.part2 .LeftCon .game .news .text p a{color:#ccc;}
.part2 .LeftCon .T1{top:160px; left:24px;}
.part2 .LeftCon .T2{top:265px; left:-22px;}
.part2 .LeftCon .T3{top:370px; left:-67px;}
.part2 .LeftCon .T4{top:475px; left:-112px;}
.part2 .LeftCon .T5{top:580px; left:-157px;}

.part2 .RightCon{width:360px; float:left; position:relative;height:800px;}
.part2 .play {width:360px; position:absolute; top:40px; left:80px;}
.part2 .play .tit{width:360px; height:28px; background:url(../images/tit3.gif) 60px 0 no-repeat; margin-bottom:15px;}
.part2 .play li{line-height:30px;}

.part2 .better{width:360px; position:absolute; top:310px; left:-30px;}
.part2 .better .tit{width:360px; height:28px; background:url(../images/tit4.gif) 80px 0 no-repeat; margin-bottom:15px;}
.part2 .better li{width:280px; height:105px; clear:both;}
.part2 .better .img{width:85px; height:85px; float:left;}
.part2 .better .text{width:180px; padding:25px 0 0 10px; float:left; color:#fff;}




/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}