.Min_box { width: 100%; background: no-repeat center; position: relative; overflow: hidden; background-size: auto 100%; }

.center { width: 1200px; height: 100%; position: relative; margin: 0 auto; }
.center .kl_title { height: 65px; line-height: 65px; padding: 45px 0 35px; }
.center .kl_title .bt { float: left; color: #333; font-size: 36px; font-weight: bold; }
.center .kl_title .bt .ico { background: url("../images/ico_img.png") no-repeat center; display: inline-block; vertical-align: middle; height: 38px; width: 38px; margin: -6px 10px 0 0; }
.center .kl_title .bt .ico3 { background-position: -217px -192px; }
.center .kl_title .bt .ico2 { background-position: -145px -191px; }
.center .kl_title .bt .ico1 { background-position: -282px -191px; }
.center .kl_title .more { float: right; display: block; height: 45px; line-height: 45px; padding-top: 20px; color: #333; text-align: right; }
.center .kl_title .more:hover { color: #f0412a; }

.Min_top { max-height: 720px; min-height: 675px; }
.Min_top .bj { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: relative; left: 0px; top: 0px; }
.Min_top .video { position: absolute; left: 0px; top: 0px; width: 100%; }
.Min_top .video video { width: 100%; min-height: 100%; }
.Min_top .center { z-index: 1; }
.Min_top .center .logo { position: absolute; left: 0px; top: 32px; }
.Min_top .center .logo_text { position: absolute; left: 298px; top: 220px; }

.nav_box { position: relative; height: 80px; width: 100%; }

.nav { background: url("../images/line1.jpg") repeat-x left; height: 80px; width: 100%; position: relative; }
.nav ul { width: 1045px; margin: 0 auto; height: 100%; }
.nav ul li { float: left; text-align: center; width: 261px; color: #fff; line-height: 80px; font-size: 24px; cursor: pointer; }
.nav ul .on { background: url("../images/ico_img.png") no-repeat center; background-position: -109px -65px; }

.Min1 { background-image: url("../images/Min1.jpg"); height: 811px; padding-top: 60px; }
.Min1 .Min_lef { float: left; width: 560px; height: 100%; background: #fff; }
.Min1 .Min_lef .a_top { display: block; height: 60px; line-height: 60px; text-align: center; color: #f0412a; font-size: 22px; padding: 0 15px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Min1 .Min_lef .tab { padding: 0 10px; height: 20px; line-height: 20px; font-size: 16px; overflow: hidden; }
.Min1 .Min_lef .tab span { background: #b3b2b2; width: 1px; height: 16px; display: inline-block; vertical-align: middle; }
.Min1 .Min_lef .tab a { display: inline-block; vertical-align: middle; margin: 0 5px; margin-top: -2px; text-align: center; width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #0072d7; }
.Min1 .Min_lef .news { padding-top: 20px; }
.Min1 .Min_lef .news li { height: 38px; line-height: 38px; padding: 0 20px; position: relative; overflow: hidden; color: #666; font-size: 18px; }
.Min1 .Min_lef .news li:hover { color: #f0412a; }
.Min1 .Min_lef .news li:hover:before { background: #f0412a; }
.Min1 .Min_lef .news li:hover a { color: #f0412a; }
.Min1 .Min_lef .news li:before { content: ''; display: inline-block; vertical-align: middle; background: #b2b2b2; width: 5px; height: 5px; border-radius: 50%; margin: -2px 5px 0 0; }
.Min1 .Min_lef .news li a { width: 430px; display: inline-block; vertical-align: middle; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; }
.Min1 .Min_lef .news li .time { float: right; width: 60px; text-align: right; overflow: hidden; }
.Min1 .Min_lef .news .line { border-bottom: 1px dashed #b3b2b2; margin: 11px 0; }
.Min1 .Min_lef .more { display: block; background: url("../images/line2.jpg") repeat-x left; text-align: center; height: 70px; color: #fff; font-size: 22px; line-height: 70px; margin-top: 25px; }
.Min1 .Min_rit { width: 610px; float: right; }
.Min1 .Min_rit .lunbox { height: 350px; width: 610px; position: relative; overflow: hidden; }
.Min1 .Min_rit .lunbox .bd { height: 350px; width: 610px; overflow: hidden; }
.Min1 .Min_rit .lunbox .bd ul li { height: 350px; width: 610px; float: left; position: relative; }
.Min1 .Min_rit .lunbox .bd ul li .img { display: block; }
.Min1 .Min_rit .lunbox .bd ul li .img img { height: 350px; width: 610px; }
.Min1 .Min_rit .lunbox .bd ul li .img p { height: 40px; position: absolute; left: 0px; bottom: 6px; line-height: 40px; width: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); font-size: 18px; color: #fff; text-align: center; }
.Min1 .Min_rit .lunbox .bd ul li .img p span { padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.Min1 .Min_rit .lunbox .hd { position: absolute; left: 0px; bottom: 0px; height: 6px; width: 100%; overflow: hidden; }
.Min1 .Min_rit .lunbox .hd ul { width: 620px; }
.Min1 .Min_rit .lunbox .hd ul li { height: 6px; float: left; width: 120px; margin-right: 3px; background: #c6c6c6; text-indent: 100em; overflow: hidden; }
.Min1 .Min_rit .lunbox .hd ul .on { background: #26baf2; }
.Min1 .Min_rit .list { width: 100%; }
.Min1 .Min_rit .list ul { width: 110%; }
.Min1 .Min_rit .list ul li { float: left; width: 290px; height: 200px; border-bottom: 1px solid #7d7d7d; position: relative; margin: 29px 30px 0 0; }
.Min1 .Min_rit .list ul li a { display: block; position: relative; }
.Min1 .Min_rit .list ul li a img { display: block; width: 290px; height: 200px; }
.Min1 .Min_rit .list ul li a p { height: 34px; position: absolute; left: 0px; bottom: 0px; line-height: 34px; width: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); font-size: 18px; color: #fff; text-align: center; }
.Min1 .Min_rit .list ul li a p span { padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.Min2 { background-image: url("../images/Min2.jpg"); height: 675px; overflow: hidden; }
.Min2 .list { width: 100%; }
.Min2 .list ul { width: 110%; }
.Min2 .list ul li { float: left; width: 277px; height: 220px; margin: 0 30px 30px 0; }
.Min2 .list ul li:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }
.Min2 .list ul li:hover .img p { color: #fff; background: #00a7e6; font-weight: bold; }
.Min2 .list ul li .img { display: block; }
.Min2 .list ul li .img img { display: block; width: 100%; height: 180px; }
.Min2 .list ul li .img p { background: #e9e9e9; height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 18px; overflow: hidden; }
.Min2 .list ul li .img p span { display: block; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Min3 { background-image: url("../images/Min3.jpg"); height: 1030px; }
.Min3 .kl_title .bt { color: #fff; }
.Min3 .tab { height: 100px; width: 100%; }
.Min3 .tab ul { width: 105%; height: 100px; }
.Min3 .tab ul li { cursor: pointer; margin-right: 6px; float: left; height: 100px; width: 195px; background: #533396; overflow: hidden; position: relative; }
.Min3 .tab ul li:hover:after { border-color: #fff; }
.Min3 .tab ul li .img { position: relative; width: 100%; height: 100%; left: 0px; top: 0px; }
.Min3 .tab ul li .img img { display: block; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; max-height: 100%; }
.Min3 .tab ul li:after { width: 189px; height: 94px; border: 3px solid transparent; content: ''; display: block; position: absolute; left: 0px; top: 0px; }
.Min3 .tab ul .on:after { border-color: #fff; }
.Min3 .warp { padding: 10px 0 10px 30px; height: 640px; overflow: hidden; background: #fff; margin-top: 20px;}
.Min3 .warp .item { display: block; width: 100%; height: 100%; overflow: hidden;}
.Min3 .warp .item .news_{ width: 100%; height: 100%;}
.Min3 .warp .item .news_ ul li{ float: left; width: 50%; height: 120px; border-bottom: 1px dashed #e5e5e5; padding: 20px 0;}
.Min3 .warp .item .news_ ul li .img{ float: left; display: block; height: 120px; width: 190px; overflow: hidden; margin-right: 20px;}
.Min3 .warp .item .news_ ul li .img img{ display: block; width: 100%; height: 100%;}
.Min3 .warp .item .news_ ul li .infor{ width: 325px; float: left; height: 120px;}
.Min3 .warp .item .news_ ul li .infor  .name{ display: block; height: 30px; line-height: 30px; font-size: 20px; color: #323232; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -5px;}
.Min3 .warp .item .news_ ul li .infor  .p{ color:#999; font-size: 14px; display: block; height: 50px; line-height: 25px; overflow: hidden; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin-top: 15px;}
.Min3 .warp .item .news_ ul li .infor .time{ height: 20px;line-height: 20px; color: #999; font-size: 14px; width: 100%; overflow: hidden; margin-top: 10px;}
.Min3 .warp .item .news_ ul li .infor .time i{display: inline-block; vertical-align: middle; background: url("../images/time.png") no-repeat center; width: 14px; height: 14px; margin: -3px 10px 0 0;}
.Min3 .warp .item .news_ ul li:hover .infor  .name{color: #f0412a;}


.Min4 { min-height: 912px; background:url(" ../images/Min4.jpg") no-repeat center top #fafafa; }
.Min4 .game_list { width: 100%; overflow: hidden; }
.Min4 .game_list ul { width: 110%; }
.Min4 .game_list ul li { width: 175px; float: left; height: 294px; margin: 0 30px 16px 0; }
.Min4 .game_list ul li .img { height:240px; width: 100%; position: relative; overflow: hidden; }
.Min4 .game_list ul li .img:hover .infor { top: 0px; }
.Min4 .game_list ul li .img:hover .zan { top: 30px; background-position: 0 -82px; }
.Min4 .game_list ul li .img img { width: 100%; height: 100%; display: block; }
.Min4 .game_list ul li .img .infor { position: absolute; text-align: center; font-size: 14px; color: #fff; left: 0px; top: 300px; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.5); transition: all .3s linear; }
.Min4 .game_list ul li .img .infor .nuber { position: relative; height: 35px; line-height: 35px; padding-top: 110px; width: 100%; overflow: hidden; color: #fff; }
.Min4 .game_list ul li .img .infor a { position: relative; display: block; color: #fff; width: 100%; left: 0px; height: 30px; line-height: 30px; overflow: hidden; }
.Min4 .game_list ul li .img .infor .a1 { padding-top: 5px; }
.Min4 .game_list ul li .img .zan { position: absolute; background: url("../images/ico_img.png") no-repeat center; height: 71px; width: 70px; background-position: 0 0; top: 80px; left: 52px; cursor: pointer; transition: top .4s linear; }
.Min4 .game_list ul li .name { font-size: 20px; display: block; height: 54px; color: #333; line-height: 54px; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.Min4 .game_list ul li .name:hover { color: #f0412a; }
.Min4 .game_list ul .on .img:hover .zan { background-position: 0 -171px; }
.Min4 .game_list ul .on .img .zan { background-position: 0 -171px; }}

.Min_pl { background: url("../images/Min_pl.jpg") repeat-y top; width: 100%; }
.Min_pl #Comments_wrap { margin: 0px auto; max-width: 1200px; padding: 20px; }

.fell_box { position: fixed; display: none; right: 160px; width: 170px; background: #fff; border-radius: 10px; z-index: 100; top: 50%; margin-top: -150px; }
.fell_box .top { height: 60px; background: #4889f3; border-radius: 10px 10px 0 0; position: relative; }
.fell_box .top span { background: url("../images/ico_img.png") no-repeat center; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; height: 35px; width: 139px; background-position: -133px 0; }
.fell_box ul li { border: 1px solid #e2e2e2; border-top: none; text-align: center; line-height: 60px; height: 60px; color: #666; font-size: 18px; cursor: pointer; }
.fell_box ul li:hover { color: #4889f3; }
.fell_box ul li:last-child { border-radius: 0px 0px 10px 10px; }
.fell_box ul .on { color: #4889f3; }

.Min_list { background: url("../images/Min_pl.jpg") repeat-y top; width: 100%; }
.Min_list .list_top { height: 60px; padding-top: 80px; padding-bottom: 40px; width: 100%; }
.Min_list .list_top a { display: block; float: left; height: 58px; width: 158px; border: 1px solid #146ccd; text-align: center; line-height: 60px; color: #146ccd; font-size: 20px; margin-right: 40px; }
.Min_list .list_top .on { background: url("../images/line3.jpg") repeat-x left; width: 160px; height: 60px; border: none; color: #fff; font-weight: bold; }

.data_list { width: 100%; overflow: hidden; }
.data_list ul { width: 110%; }
.data_list ul li { margin: 0 20px 27px 0; float: left; width: 224px; }
.data_list ul li .img { display: block; height: 150px; position: relative; width: 100%; }
.data_list ul li .img img { width: 100%; height: 100%; display: block; }
.data_list ul li .img .kuang { width: 220px; height: 146px; border: 2px solid #146ccd; position: absolute; top: 0px; left: 0px; display: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.data_list ul li .text { padding-top: 10px; line-height: 24px; height: 48px; overflow: hidden; color: #333; font-size: 14px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.data_list ul li:hover .text { color: #146ccd; }
.data_list ul li:hover .img .kuang { display: block; }

.tcdPageCode { width: 100%; height: 40px; padding: 40px 0; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; }
.tcdPageCode span { color: #fff; }
.tcdPageCode .disabled, .tcdPageCode .current, .tcdPageCode .prevPage, .tcdPageCode .nextPage, .tcdPageCode .tcdNumber { line-height: 30px; font-size: 14px; color: #333; padding: 8px 13px; margin: 0 6px; height: 40px; border-radius: 4px; cursor: pointer; border: 1px solid #e9e9e9; }
.tcdPageCode .current { background: #146ccd; border-color: #146ccd; color: #fff; }