﻿body,html{background:#f3f3f4;}

 
.topImg{height: 360px;position: relative;}
.topImg img{display:block;height:100%;margin:0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.mContent{width:1200px;margin:0 auto;}
/* 导航 */
.introTabBox{width: 1200px;margin: 0 auto;padding-top: 20px;}
.introTabBox a{height: 80px;line-height: 80px;min-width: 200px;padding: 0 20px;font-size: 20px;
  opacity: 1;
  border-radius: 20px 20px 0px 0px;display: inline-block;vertical-align: top;color: #666666;text-align: center;}
  .introTabBox a.on{background: #FFFFFF;color: #005089;font-weight: bold;}


  .mc_title{padding-top:50px;padding-bottom:20px;}
  .mc_title h2{font-size: 48px;
    display:block;text-align:center;
    font-weight: 400;
    line-height: 65px;
    color: #000000;margin-bottom: 50px;}
  .mc_title h3{font-size:36px;display:block;text-align:center;font-weight:bold;line-height:47px;color:#01518A;margin-bottom: 10px;}
  .mc_title h3.mc_h3{font-size: 28px;line-height: 40px;}
  .mc_title span{display:block;font-size:28px;text-align:center;font-weight:400;line-height:37px;color:#999999;}


/* 列表 */
  .mw_ulBox{padding-top: 60px;}
.mw_liBox{padding-left: 310px;position: relative;min-height: 400px;}
.mw_liBox .game163Box{position: absolute;left: 0;top:0;width: 290px;}
.mw_liBox .exzoomBox{position: absolute;left: 0;top:0;width: 282px;} 
.game163{position:relative;padding:4px;overflow:hidden;width:282px;}
.game163,
.game163 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  }
.game163 .bigImg{height:258px;position:relative;}
.game163 .bigImg li img{vertical-align:middle;width:282px;height:225px;}
.game163 .bigImg h4{font-size:14px;font-weight:bold;line-height:33px;height:33px;padding-right:30px;overflow:hidden;text-align:left;}
.game163 .smallScroll{height:47px;margin-bottom:6px;margin-top: 8px;}
.game163 .sPrev,.game163 .sNext{float:left;display:block;width:14px;height:47px;text-indent:-9999px;background:url(../../images/base/sprites1008.png) no-repeat 0 -3046px;}
.game163 .sNext{background-position:0 -2698px;}
.game163 .sPrev:hover{background-position:0 -3133px;}
.game163 .sNext:hover{background-position:0 -2785px;}
.game163 .smallImg{float:left;margin:0 6px;display:inline;width:242px;overflow:hidden;}
.game163 .smallImg ul{height:54px;width:9999px;overflow:hidden;}
.game163 .smallImg li{float:left;padding:0 4px 0 0;width:57px;cursor:pointer;display:inline;}
.game163 .smallImg img{border:1px solid #dcdddd;width:55px;height:45px;}
.game163 .smallImg .on img{border-color:#1e50a2;}
.game163 .pageState{position:absolute;top:235px;right:5px;font-family:"Times New Roman",serif;letter-spacing:1px;}
.game163 .pageState span{color:#f00;font-size:16px;}

.mw_liBox .ml_textBox{}
.mw_liBox .ml_textBox b{height:42px;font-size:30px;font-weight:bold;color:#676767;display:block;line-height:42px;margin-bottom:20px;}
.mw_liBox .ml_textBox p{font-size:20px;font-weight:400;line-height:28px;color:#303030;display:block;margin-bottom:10px;}
.mw_liBox .ml_textBox .image-list{font-size:0;}
.mw_liBox .ml_textBox .image-list a{display:inline-block;vertical-align:top;width:105px;height:105px;margin-right:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;overflow:hidden;border:1px solid #dcdddd;}
.mw_liBox .ml_textBox .image-list img{display:block;width:105px;height:105px;}
.mw_liBox .ml_textBox{}
.mw_liBox .ml_textBox{}


@media screen and (min-width: 0px) and (max-width: 750px) {
  .topImg{height: auto;position: relative;width: 100%;}
  .topImg img{position: relative;left: 0%; top:0%;width:  100%; height:auto; transform: translate(0%,0%); -moz-transform:  translate(0%,0%); -webkit-transform:  translate(0%,0%); -o-transform:  translate(0%,0%); -ms-transform: translate(0%,0%);}
  .mContent{width: 100%;}
  .mc_title{padding:20px;} 
  .mc_title h2{font-size:26px;line-height:32px;margin-bottom:10px;}
  .mc_title h3{font-size:26px;line-height:30px;margin-bottom:10px;}
  .mc_title h3.mc_h3{font-size:24px;line-height:30px;}
  .mc_title span{font-size:22px;line-height:30px;}
 
/* 导航 */
.introTabBox{width: 100%;margin: 0 auto;padding-top: 20px;}
.introTabBox a{height: 60px;line-height: 60px;min-width: 60px;padding: 0 10px;font-size: 14px;
  opacity: 1;
  border-radius: 10px 10px 0px 0px;}
  .introTabBox a.on{background: #FFFFFF;color: #005089;font-weight: bold;}

  .mw_ulBox{padding-top: 30px;}
  .mw_liBox{padding-left: 0;position: relative;min-height: auto;padding-bottom: 20px;border-bottom: 1px dashed #d2d2d2;margin-bottom: 20px;}
  .mw_liBox .game163Box{position: static;margin: 0 auto;}
  .mw_liBox .exzoomBox{position: static;left: 0;top:0;width: 282px;} 
  .mw_liBox .ml_textBox b{height:24px;font-size:16px;line-height:24px;margin-bottom:6px;padding: 6px 16px;}
  .mw_liBox .ml_textBox p{font-size:14px;line-height:22px;margin-bottom:0px;padding: 6px 16px 0px 16px;}
  .mw_liBox .ml_textBox .image-list{font-size:0;padding: 16px 20px 0 20px;}
.mw_liBox .ml_textBox .image-list a{display:inline-block;vertical-align:top;width:80px;height:80px;margin-right:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;overflow:hidden;border:1px solid #dcdddd;}
.mw_liBox .ml_textBox .image-list img{display:block;width:80px;height:80px;margin-bottom: 10px;}
}


@media screen and (min-width:374px) and (max-width:479px){
   


}
@media screen and (min-width:480px) and (max-width:639px){}
@media screen and (min-width:640px){}
 