.middle {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
    padding-bottom: 100px;
}
.one {
    width: 100%;
    height: auto;
    background: #fff;
}
.one_box {
    width: 1225px;
    margin: 0 auto;
    position: relative;
    padding: 12px 0;
}
.one_div {
    float: left;
    width: 422px;
    height: 465px;
    background: url(/uploads/image/ihi/megagame/one_img1.png) no-repeat center;
    margin-top: 15px;
}
.one_tit {
    margin: 210px auto 10px;
    text-align: center;
    color: #2889ed;
    font-size: 18px;
    width: 270px;
}
.one_div a {
    display: block;
    width: 148px;
    height: 38px;
    border: 1px solid #3491f1;
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    line-height: 38px;
    margin: 10px auto 0;
}
.upload {
    color: #fff;
    background: #3491f1;
}
.download {
    color: #3491f1;
    background: #fff;
}
.one_img2 {
    float: right;
    display: block;
    width: 776px;
    height: 490px;
}
.two {
    width: 100%;
    height: auto;
    background: #fff;
}
.two_box {
    width: 1224px;
    margin: 0 auto;
    position: relative;
    padding: 16px 0 0;
}
.two_box li {
    float: left;
    width: 200px;
    height: 62px;
    background: url(/uploads/image/ihi/megagame/nav_bg.png) no-repeat center;
    color: #fff;
    text-align: center;
    line-height: 62px;
    font-size: 24px;
    margin: 0 2px;
    display: inline;
    cursor: pointer;
}
.three {
    width: 100%;
    height: auto;
    background: #fff;
}
.three_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 0;
}
.ds_tit {
    margin: 0 auto;
}
.ds_tit1 {
    width: 289px;
}
.ds_tit h1 {
    float: left;
    padding-right: 20px;
    border-right: 2px solid #3491f1;
    font-size: 30px;
    color: #3d464d;
    line-height: 34px;
}
.ds_tit h2 {
    float: left;
    padding-left: 20px;
    font-size: 24px;
    color: #3d464d;
    line-height: 34px;
    font-family: "microsoft yahei";
}
.three_div {
    width: 1171px;
    height: 439px;
    margin: 22px auto 0;
    background: url(/uploads/image/ihi/megagame/intro_bg.png) no-repeat scroll center;
}
.three_div ul {
    width: 860px;
    margin: 0 auto;
    padding-top: 75px;
}
.three_div li {
    float: left;
    margin-bottom: 20px;
}
.three_div img {
    float: left;
    display: block;
    width: 61px;
    height: 33px;
    margin-bottom: 5px;
}
.three_p1 {
    color: #3d464d;
    font-size: 20px;
    padding-left: 15px;
    line-height: 33px;
    float: left;
    margin-bottom: 5px;
}
.three_p2 {
    color: #515d66;
    font-size: 14px;
    line-height: 21px;
    float: left;
    text-align: justify;
}
.four {
    width: 100%;
    height: auto;
    background: #fff;
}
.four_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 0;
}
.ds_tit2 {
    width: 266px;
}
.four_div {
    width: 1171px;
    height: auto;
    margin: 40px auto 0;
}
.four_div img {
    display: block;
    width: 1171px;
    height: 108px;
    margin: 0 auto 6px;
}
.four_div li {
    float: left;
}
.four_p1 {
    color: #3d464d;
    font-size: 24px;
    line-height: 37px;
    text-align: center;
}
.four_p2 {
    color: #3d464d;
    font-size: 16px;
    text-align: center;
}
.five {
    width: 100%;
    height: auto;
    background: #fff;
}
.five_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 0;
}
.ds_tit3 {
    width: 272px;
}
.five_div {
    width: 1176px;
    height: 248px;
    margin: 40px auto 0;
    background: url(/uploads/image/ihi/megagame/guid_bg.png) no-repeat scroll center;
}
.five_p1 {
    color: #3d464d;
    font-size: 18px;
    text-align: center;
    padding-top: 50px;
}
.five_in {
    width: 1012px;
    margin: 15px auto 0;
}
.five_p2 {
    color: #3d464d;
    font-size: 24px;
    line-height: 36px;
    float: left;
    padding-right: 20px;
}
.five_p3 {
    color: #3d464d;
    font-size: 16px;
    line-height: 24px;
    float: left;
    padding-top: 6px;
}
.six {
    width: 100%;
    height: auto;
    background: #fff;
}
.six_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 0;
}
.ds_tit4 {
    width: 322px;
}
.six_div {
    width: 1176px;
    height: auto;
    margin: 30px auto 0;
}
.six_ul1 {
    float: left;
    width: 570px;
}
.six_ul2 {
    float: right;
    width: 420px;
}
.six_ul1 li {
    float: left;
    width: 570px;
    margin-bottom: 15px;
}
.six_ul2 li {
    float: left;
    width: 420px;
    margin-bottom: 15px;
}
.six_div span {
    display: block;
    float: left;
    width: 34px;
    height: 29px;
    background: url(/uploads/image/ihi/megagame/num_bg.png) no-repeat center;
    color: #3491f1;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    font-family: "microsoft yahei";
}
.six_div .six_span {
    margin-top: 10px;
}
.six_div p {
    float: left;
    padding: 2px 0 0 10px;
    color: #3d464d;
    font-size: 16px;
}
.six_ul1 p {
    width: 522px;
}
.six_ul2 p {
    width: 376px;
}
.seven {
    width: 100%;
    height: auto;
    background: #fff;
}
.seven_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 0;
}
.ds_tit5 {
    width: 248px;
}
.seven_div {
    width: 1200px;
    height: auto;
    margin: 20px auto 0;
}
.seven_div h3 {
    color: #3d464d;
    font-size: 24px;
    text-align: center;
    padding: 0 0 10px;
}
.seven_div .line {
    width: 30px;
    height: 3px;
    background: #6fb1f5;
    margin: 0 auto;
}
.seven_in1 {
    width: 1200px;
    margin: 30px auto;
}
.seven_in2 {
    width: 960px;
    margin: 30px auto;
}
.seven_div li {
    float: left;
    width: 200px;
    height: 186px;
    background: url(/uploads/image/ihi/megagame/award_bg.png) no-repeat scroll center;
    margin: 0 20px;
    display: inline;
}
.seven_div img {
    display: block;
    width: 114px;
    height: 60px;
    margin: 32px auto 0;
}
.seven_div p {
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.seven_div span {
    font-size: 36px;
}
.eight {
    width: 100%;
    height: auto;
    background: #fff;
}
.eight_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 0;
}
.ds_tit6 {
    width: 376px;
}
.eight_div {
    width: 1200px;
    height: auto;
    margin: 40px auto 0;
    position: relative;
}
.eight_icon{
    position: absolute;
    width: 46px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
}
.eight_left{
    background: url(/uploads/image/ihi/megagame/left1.png) no-repeat scroll center;
    left: 0;
}
.eight_right{
    background: url(/uploads/image/ihi/megagame/right1.png) no-repeat scroll center;
    right: 0;
}
.eight_left.eight_hover {
    background: url(/uploads/image/ihi/megagame/left11.png) no-repeat scroll center;
    left: 0;
}
.eight_right.eight_hover {
    background: url(/uploads/image/ihi/megagame/right11.png) no-repeat scroll center;
    right: 0;
}
.scroll1 {
    width: 1108px;
    height: 550px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.scroll1_ul {
    position: relative;
    width: 300%;
    height: 550px;
}
.scroll1_li {
    float: left;
    width: 1108px;
    height: 550px;
    position: relative;
}
.scroll1_li li {
    float: left;
    width: 231px;
    height: 275px;
    margin: 0 23px;
    display: inline;
}
.scroll1_li .img_bg {
    width: 155px;
    height: 154px;
    margin: 0 auto 5px;
    background: url(/uploads/image/ihi/megagame/img_bg.png) no-repeat scroll center;
}
.scroll1_li img {
    display: block;
    width: 150px;
    height: 150px;
    margin-left: 5px;
}
.eight_p1 {
    text-align: center;
    color: #3d464d;
    font-size: 26px;
}
.eight_p2 {
    text-align: center;
    color: #3d464d;
    font-size: 14px;
}
.nine {
     width: 100%;
     height: auto;
     background: #fff;
 }
.nine_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.ds_tit7 {
    width: 292px;
}
.nine_div {
    width: 1176px;
    height: 388px;
    margin: 40px auto 0;
    background: url(/uploads/image/ihi/megagame/work_bg.png) no-repeat scroll center;
    position: relative;
}
.nine_icon{
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 26px;
    left: 50%;
}
.nine_left{
    background: url(/uploads/image/ihi/megagame/left2.png) no-repeat scroll center;
    margin-left: -65px;
}
.nine_right{
    background: url(/uploads/image/ihi/megagame/right2.png) no-repeat scroll center;
    margin-left: 25px;
}
.nine_left.nine_hover {
    background: url(/uploads/image/ihi/megagame/left22.png) no-repeat scroll center;
    margin-left: -65px;
}
.nine_right.nine_hover {
    background: url(/uploads/image/ihi/megagame/right22.png) no-repeat scroll center;
    margin-left: 25px;
}
.scroll2 {
    width: 1116px;
    height: 260px;
    margin: 0 auto;
    padding-top: 40px;
    overflow: hidden;
    position: relative;
}
.scroll2_ul {
    position: relative;
    width: 300%;
    height: 260px;
}
.scroll2_li {
    float: left;
    width: 1116px;
    height: 260px;
    position: relative;
}
.scroll2_li li {
    float: left;
    width: 259px;
    height: 260px;
    margin: 0 10px;
    display: inline;
}
.scroll2_li img {
    display: block;
    width: 259px;
    height: 170px;
    margin: 0 auto 10px;
}
.nine_p {
    text-align: center;
    color: #3d464d;
    font-size: 16px;
}
.ten {
    width: 100%;
    height: auto;
    background: #fff;
}
.ten_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 40px 0 0;
}
.ds_tit8 {
    width: 212px;
}
.ten_div {
    width: 1200px;
    height: auto;
    margin: 25px auto 0;
}
.ten_div li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.ten_in {
    margin-bottom: 20px;
}
.ten_span {
    display: inline-block;
    width: 48px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #068cf8;
    font-size: 30px;
    border-right: 2px dashed #dce1e6;
    float: left;
}
.ten_p1 {
    float: left;
    color: #3d464d;
    font-size: 16px;
    font-family: "microsoft yahei";
    padding-left: 18px;
    line-height: 40px;
    color:#118cf6;
    font-weight: bolder;
}
.ten_span.span_dis {
    /*margin-top: 8px;*/
}
.ten_p2 {
    width: 1132px;
    text-align: justify;
    float: left;
    color: #3d464d;
    font-size: 15px;
    font-family: "microsoft yahei";
    margin-left: 18px;
    display: inline;
    border-bottom: 1px solid #dbcece;
    padding-bottom: 20px;
}
.ten_p2.ten_dis1 {
    line-height: 40px;
}