/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote {
    margin: 0;
    padding: 0;
}
body {
    font-family: "Microsoft YaHei", Helvetica, Georgia, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
_em,
th,
var,
optgroup {
    font-style: inherit;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:actived {
    text-decoration: none;
}
img {
    vertical-align: top;
    border: none;
}
ol,
ul,
li {
    list-style: none;
}
li {
    float: left;
}
table {
    border-collapse: collapse;
}
.clearit {
    clear: both;
    *display: inline;
}
/*a:focus { -moz-outline-style: none;}*/
.fl {
    float: left;
}
.fr {
    float: right;
}
i,
em {
    font-style: normal;
}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/

.wrap {
    width: 100%;
    height: auto;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/body_bg.jpg)
        center top no-repeat;
}
.wrapper {
    width: 999px;
    height: auto;
    margin: 0 auto;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/wrap_bg.jpg)
        center top no-repeat;
}
.w_main {
    width: 999px;
    height: 1452px;
    float: left;
    position: relative;
}
.logo {
    width: 280px;
    height: 120px;
    position: absolute;
    top: 20px;
    left: 360px;
}
.logo a {
    width: 280px;
    height: 120px;
    float: left;
}
.logo a img {
    width: 280px;
}
.lunbo {
    width: 999px;
    height: 735px;
    float: left;
    margin-top: 716px;
    position: relative;
}
.main {
    width: 999px;
    height: 735px;
    float: left;
    position: relative;
    overflow: hidden;
}
.main ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.roll_l {
    min-width: 100px;
    height: 14px;
    position: absolute;
    left: 30px;
    bottom: 15px;
}
.roll_l li {
    float: left;
    width: 15px;
    height: 14px;
    margin-right: 8px;
}
.roll_l li .roll_t {
    display: block;
    width: 15px;
    height: 14px;
    margin: 0 28px;
    background: url(https://static.web.sdo.com/sbkcq/pic/web1/s1_b1.png)
        no-repeat 0px 0px;
}
.roll_l li.on .roll_t {
    background: url(https://static.web.sdo.com/sbkcq/pic/web1/s1_b1C.png)
        no-repeat 0px 0px;
}

.pre {
    position: absolute;
    left: -100px;
    top: 330px;
    z-index: 10;
    width: 90px;
    height: 104px;
    cursor: pointer;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/leftB.png)
        left center no-repeat;
    z-index: 9;
}
.next {
    position: absolute;
    right: -100px;
    top: 330px;
    z-index: 10;
    width: 90px;
    height: 104px;
    cursor: pointer;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/rightB.png)
        left center no-repeat;
    z-index: 9;
}

.con {
    width: 999px;
    height: 700px;
    float: left;
    padding-top: 35px;
}
.con_m {
    width: 999px;
    height: 690px;
    float: left;
}
.con_m .con_pic {
    width: 327px;
    height: 339px;
    float: left;
    margin: 6px 3px 0px 3px;
    overflow: hidden;
    position: relative;
}
.con .con_m .con_pic a {
    width: 327px;
    height: 339px;
    float: left;
}
.con .con_m .con_pic a.pic1 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn1.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic2 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn2.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic3 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn3.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic4 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn4.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic5 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn5.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic6 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn6.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic7 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn7.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic8 {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn8.jpg)
        center top no-repeat;
}

.con .con_m .con_pic a.pic {
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.4s ease-in;
}
.con .con_m .con_pic:hover .pic {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.4s ease-in;
}
.con .con_m .con_pic .pic9 {
    width: 327px;
    height: 339px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/tobe.jpg)
        center top no-repeat;
}

.con .con_m .con_pic span {
    width: 81px;
    height: 167px;
    line-height: 55px;
    position: absolute;
    right: 40px;
    top: 86px;
    z-index: 9;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/kuang.png)
        center top no-repeat;
    font-size: 28px;
    color: #f5db7c;
    text-align: center;
}
.con .con_m .con_pic span.line-h35 {
    width: 81px;
    height: 167px;
    line-height: 33px;
    position: absolute;
    right: 40px;
    top: 86px;
    z-index: 9;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/kuang.png)
        center top no-repeat;
    font-size: 28px;
    color: #f5db7c;
    text-align: center;
}
.con .con_m .con_pic em {
    width: 81px;
    height: 167px;
    line-height: 31px;
    padding-top: 20px;
    position: absolute;
    right: 40px;
    top: 86px;
    z-index: 9;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/kuang.png)
        center top no-repeat;
    font-size: 28px;
    color: #f5db7c;
    text-align: center;
}
.con .con_m .con_pic i {
    width: 81px;
    height: 167px;
    line-height: 83px;
    position: absolute;
    right: 40px;
    top: 86px;
    z-index: 9;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/kuang.png)
        center top no-repeat;
    font-size: 28px;
    color: #f5db7c;
    text-align: center;
}

.con .con_m .con_pic span a {
    width: 31px;
    height: 167px;
    float: left;
    text-decoration: none;
    color: #f5db7c;
    padding: 0 25px;
}
.con .con_m .con_pic span a:hover {
    text-decoration: none;
    color: #f5db7c;
}
.con .con_m .con_pic em a {
    width: 31px;
    height: 167px;
    float: left;
    text-decoration: none;
    color: #f5db7c;
    padding: 0 25px;
}
.con .con_m .con_pic em a:hover {
    text-decoration: none;
    color: #f5db7c;
}
.con .con_m .con_pic i a {
    width: 31px;
    height: 167px;
    float: left;
    text-decoration: none;
    color: #f5db7c;
    padding: 0 25px;
}
.con .con_m .con_pic i a:hover {
    text-decoration: none;
    color: #f5db7c;
}

.num1 {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 134px;
    top: 0;
    z-index: 11;
}
.num2 {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 468px;
    top: 0;
    z-index: 11;
}
.num3 {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 800px;
    top: 0;
    z-index: 11;
}
.num4 {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 134px;
    top: 345px;
    z-index: 11;
}
.num5 {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 468px;
    top: 345px;
    z-index: 11;
}
.num6 {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 800px;
    top: 345px;
    z-index: 11;
}
.sj1 {
    width: 76px;
    height: 38px;
    position: absolute;
    left: 130px;
    top: 41px;
    z-index: 10;
}
.sj2 {
    width: 76px;
    height: 38px;
    position: absolute;
    left: 464px;
    top: 41px;
    z-index: 10;
}
.sj3 {
    width: 76px;
    height: 38px;
    position: absolute;
    left: 796px;
    top: 41px;
    z-index: 10;
}
.sj4 {
    width: 76px;
    height: 38px;
    position: absolute;
    left: 130px;
    top: 386px;
    z-index: 10;
}
.sj5 {
    width: 76px;
    height: 38px;
    position: absolute;
    left: 464px;
    top: 386px;
    z-index: 10;
}
.sj6 {
    width: 76px;
    height: 38px;
    position: absolute;
    left: 796px;
    top: 386px;
    z-index: 10;
}

.pic_new {
    width: 55px;
    height: 55px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/pic_new.png)
        center top no-repeat;
}
.pic_hd {
    width: 51px;
    height: 95px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/pic_hd.png)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_zumasimiao {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_01.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_youminghai {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_02.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_jiucengyaota {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_03.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_chiyuexiagu {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn9.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_molongling {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn10.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_cangyuedao {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn11.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_bairimen {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/index/mst_btn12.jpg)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_shiyuan {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/17/mst_btn17.png)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_longyao {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/18/mst_btn18.png)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_lxdm {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/19/mst_btn19.png)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_cyqd {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/monster/20/mst_btn20.png)
        center top no-repeat;
}
.con .con_m .con_pic a.pic_slxg {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/boss/250818/mst_btn20.jpg)
        center top no-repeat;
}