body {
        overflow-x: hidden;
    }
    .header_a {
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 1920px;
        height: 1080px;
    }

    .header-slogan {
        position: absolute;
        top: 268px;
        left: 30px;
        width: 360px;
        height: 820px;
        background:url(/swzt/jx3gc/images/butai.png) left top no-repeat;
        z-index: 2;
    }

  
    .header-mp-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1080px;
        z-index: 1;
    }

    .bannertop {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
    .bannertop_list img {
        border: 0px;
    }
    .bannertop-ul-box {
        position: absolute;
        right: 20px;
        top: 350px;
        width: 21px;
        height: 400px;
        z-index: 3;
    }
    .bannertop-ul-box li {
        float: left;
        position: relative;
        display: block;
        width: 20px;
        height: 30px;
        background: url(/swzt/jx3gc/images/icon-top-slide.png) left 8px no-repeat;
        cursor: pointer;
        text-indent: -9999em;
    }
    .bannertop-ul-box li.on {
        background-position: left -56px;
    }
    .bannertop-ul-box li.on .bannertop-nav-span {
        display: block;
    }
    .bannertop-nav-span {
        position: absolute;
        display: none;
        left: -71px;
        top: -7px;
        background: url(/swzt/jx3gc/images/icon-mp-img.png);
        width: 62px;
        height: 48px;
    }
    .bannertop-span02 {
        background-position: left -50px;
    }
    .bannertop-span03 {
        background-position: left -99px;
    }
    .bannertop-span04 {
        background-position: left -149px;
    }
    .bannertop-span05 {
        background-position: left -199px;
    }
    .bannertop-span06 {
        background-position: left -248px;
    }
    .bannertop-span07 {
        background-position: left -298px;
    }
    .bannertop-span08 {
        background-position: left -348px;
    }
    .bannertop-span09 {
        background-position: left -397px;
    }
    .bannertop-span10 {
        background-position: left -447px;
    }
    .bannertop-span11 {
        background-position: left -497px;
    }
    .bannertop-span12 {
        background-position: left -546px;
    }
    .bannertop-span13 {
        background-position: left -596px;
    }
    .bannertop_list {
        position: absolute;
        width: 100%;
        height: 1080px;
    }
    .bannertop_list div {
        cursor: default;
        position: absolute;
        display: block;
        width: 1920px;
        height: 1080px;
    }
    .bannertop-imgbox {
        display: block;
        position: relative;
        left: 0px;
    }
.header_a  a{ display: block; position: absolute; right: 80px; z-index: 10; }
.header_a .logo1{ background: url(/swzt/jx3gc/images/logo1.png) no-repeat center; width: 274px; height: 145px; top:50px;  }
.header_a .logo2{ background: url(/swzt/jx3gc/images/logo2.png) no-repeat center; width: 268px; height: 66px; top:190px}

.center{ width: 100%; margin: 0 auto; height: 100%; position: relative;}
.center .bt{ display: block; margin:0 auto; padding-top: 60px;}
.con_2{ width: 100%; height: 1080px; background: url(/swzt/jx3gc/images/con_2.jpg) no-repeat center;}

.con_2 .warp{width: 1060px; padding-top: 60px; height: 660px; margin: 0 auto;}
.con_2 .warp .item{ width: 100%; height: 100%; position: relative; background:url(/swzt/jx3gc/images/zbbj.jpg) no-repeat center; background-size:100% 100% ;}
.con_2 .warp .item .motai{ width: 100%; height: 100%; position: absolute; top:0; left: 0;}
.con_2 .warp .item  i{ display: block; background: url(/swzt/jx3gc/images/zb.png) no-repeat center; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; width: 114px; height: 114px;  cursor: pointer;}
.con_2 .warp .item .zb{ width: 100%; height: 100%; position: absolute; top:0; left: 0; display: none;}


.con_3{ width: 100%; height: 1080px; background: url(/swzt/jx3gc/images/con_3.jpg) no-repeat center;}
.con_3 .bt{ display: block; margin:0 auto; padding-top: 30px;}
 .con_3 .warp{ width:100%; height: 749px;  margin-top: 30px;}
 .con_3 .warp .item{background: url(/swzt/jx3gc/images/xwen_bj.jpg) no-repeat center; width: 100%; height: 100%;}
 .con_3 .warp .lunbo{width: 698px; height: 673px; float: left; padding: 38px 0 0 40px;}

 .con_3 .warp  .news{ float: right; width: 417px; margin-right: 38px; hidden; padding-top: 38px;height: 673px;}
 .con_3 .warp  .news a{ height: 20px;  font-family:"宋体"; font-size: 18px; color: #00116b; padding-left: 18px; position: relative; display: block;margin-bottom: 25px; width: 382px; overflow: hidden;}
 .con_3 .warp  .news a i{ display: inline-block; background: url(/swzt/jx3gc/images/img_i.png) no-repeat center; position: absolute; left:7px; top:2px; width: 15px; height: 15px; background-position: 0 -15px; }
 .con_3 .warp  .news .ac{ height: 98px; line-height: 98px; background: #19266a; font-size: 24px; color: #8699ff; font-weight:bold; text-align: center; padding: 0 5px; width: 407px; margin-bottom:10px;}
  .con_3 .warp  .news .ac i{ display: none;}
   .con_3 .warp  .news a:hover i{background-position: 0 0; text-decoration: underline; overflow: hidden;}
     
   .con_3 .warp  .net{height: 570px; overflow-y: auto; width: 100%; overflow-x: hidden;}
   .con_3 .warp  .net::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
}

   .con_3 .warp  .net::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
   .con_3 .warp  .net::-webkit-scrollbar-corner {
    display: block;
}
   .con_3 .warp  .net::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(25, 38, 106, 0.7);
    border-radius: 10px;}
.swiper-container{ width: 100%; height: 100%;}
.swiper-container img{ width: 100%; height: 100%;}
.swiper-container p{ position: absolute; bottom: 0px; left: 0px; height: 55px; line-height:55px; background: rgba(0,0,0,0.5);  padding-left: 20px; font-size: 22px; width: 100%; color: #fff;}
.swiper-slide{ overflow: hidden;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
    float: right;
}
.swiper-pagination-bullet{  width:11px; height:11px; background:#fff}
.swiper-pagination-bullet-active{  background:#007aff}
.con_4{ width: 100%; height: 1080px; background: url(/swzt/jx3gc/images/con_4.jpg) no-repeat center; position: relative;}
.con_4 .bt{ display: block; margin:0 auto; padding-top: 30px; padding-bottom: 30px;}

.con_4 .warp{ background: url(/swzt/jx3gc/images/choubox.png) no-repeat center; width:100%; height: 762px;}
.con_4 .warp .p_top{ font-size: 24px; color: #fff; text-indent: 2em; line-height: 40px; padding-top: 40px; padding-bottom: 10px; width: 1100px; font-family: "宋体"; margin: 0 auto;}

.con_4 .warp  .text{ width: 502px; height: 520px; float: left; overflow: hidden; position: relative; padding-top: 7px; padding-left:55px;}
.con_4 .warp  .text span{ font-family: "微软雅黑"; font-size: 24px; color:#d3deff;}
.con_4 .warp  .text .p_list{ padding-left: 16px; font-size: 18px; font-family: "宋体"; line-height: 32px; color: #fff;}
.con_4 .warp  .text .btn{ position: absolute; right:-12px; bottom: 40px; background: url(/swzt/jx3gc/images/img2.png) no-repeat center;height:88px;width:162px;background-position: 0 -138px;  line-height: 88px;
                             font-size: 26px; color:#132059; padding-left: 11px; cursor: pointer;}

.con_4 .warp  .text .btn input{ opacity: 0;position: absolute; top: 0;left: 0;width: 100%; height: 100%;cursor: pointer;filter: alpha(opacity=0);}

.chou{  width: 583px; height:440px;  float: right; padding-right: 13px; margin-top: 80px; position: relative;}
.chou .btn_list{ position: absolute; top:-87px; height: 40px; left: 0px; width: 100%; padding-right: 20px;}
.chou .btn_list span{display: block; float: right; background: url(/swzt/jx3gc/images/img2.png) no-repeat center; background-position:0 0 ; width: 120px; height: 89px; text-align: center; line-height: 89px; margin-right: 30px;
                       font-size: 22px; color: #132059; cursor: pointer;}




#lottery table td{position: relative;width:191px;height: 120px;padding-bottom: 34px;}
#lottery table td.active .mask{display: block;}
#lottery .btn{width: 191px;  height: 120px; cursor: pointer; position: relative;top:-21px; text-align: center;}
#lottery .btn span{ display: block; background:url(/swzt/jx3gc/images/tab_chou.png) no-repeat center; position: absolute; top:0;left: 0; right: 0; bottom: 0; margin: auto; width:191px; height: 120px;}

#lottery .mask{width: 191px;height: 120px;position: absolute;left: 0px;top:-6px; z-index: 2; background: url(/swzt/jx3gc/images/xz.png) no-repeat center; display: none;}
#lottery .btn:hover{opacity: 0.8;}
#lottery .jpwrap{ height:120px;width:191px;  position: relative;}
#lottery .jpwrap img{ position: absolute; top:-12px; left: 0; right: 0; bottom: 0; margin:  auto; z-index: 2;}


/*弹框*/
.show_data{ width: 100%; height: 100%; background: rgba(51,51,51,0.5); position: absolute; top:0; left: 0; display: none;}

/*弹窗的动画效果*/
.game_thumb {-webkit-animation: tan_data .8s .2s ease both;-moz-animation: tan_data .8s .2s ease both;}
@keyframes tan_data{	
	0% {  opacity: 0;-webkit-transform: scale(.8);}
	50% {  opacity: 1; -webkit-transform: scale(1.01);}
	70% {  -webkit-transform: scale(.99);}
	100% {-webkit-transform: scale(1);}
}
/*填写资料啊*/
.show_data .tan1{ position: absolute; left: 38%; left: calc(50% - 192px); top: 190px;  height: 550px;width:376px;  z-index: 1001; border: 0; border-radius: 20px;
                          background:#fff; padding-top: 6px; display: none;}
.show_data .tan1 .toplist{ height: 75px; text-align: center;  color: #ffea00; font-size: 23px; width: 100%; margin: 0 auto;  margin-bottom: 26px;  font-weight: normal;
             border-bottom:2px solid #683714; border-radius: 10px 10px 0 0;}
             
.show_data .tan1 .toplist h2{ height: 45px; line-height: 45px; text-align: center; font-size: 23px; font-weight: 500; color: #ff9934;}
.show_data .tan1 .toplist h3{ font-size: 14px; color: #683714; font-weight: 500;}
.show_data .tan1 .inpu{ width: 325px; margin: 0 auto; height: 40px;  border-radius: 10px; background: #fff; line-height: 40px; color: #683714; padding: 0 10px; margin-top:  10px; border: 1px solid #683714;}
.show_data .tan1 input{ height: 36px; width: 210px; background: #fff;border:none; color: #683714; font-size: 18px;}
.show_data .tan1 .pa{ color: #683714; font-size: 13px;  height: 20px; line-height: 20px;width: 325px; margin: 0 auto; text-align: center;}
.show_data .tan1 .btn{ width: 320px;margin: 0 auto; height: 35px; background:#1aa4d3; border-radius: 10px; margin-top: 20px; border:none;
                                    text-align: center; line-height: 35px; color: #fff; font-size: 19px; cursor: pointer; display:  block;}
.show_data .tan1 .p1{ height: 35px; line-height: 35px; color: #683714; font-size: 25px; width: 345px; margin: 0 auto; margin-top: 20px; }
.show_data .tan1 .p2{line-height: 38px; color:#683714; font-size: 19px; width: 344px; margin: 0 auto;}
.show_data .tan1 img{position: absolute; top:20px; right: 20px; cursor: pointer; }
.show_data .tan{-webkit-box-shadow: 1px 6px 36px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 6px 36px rgba(0,0,0,.5);
    box-shadow: 1px 6px 36px rgba(0,0,0,.5);
    -webkit-border-radius: 5px 5px 3px 3px;
    -moz-border-radius: 5px 5px 3px 3px;
    border-radius: 5px 5px 3px 3px;}
/*中奖的信息*/
.show_data .tan2{ width: 316px ;position: absolute;left:42%;top: 35%; left: calc(50% - 180px);z-index: 51; border-radius: 8px; background:#fff; padding-top: 25px;  display: none;}
.show_data .tan2 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.show_data .tan2 p{ color: #683714; height: 43px; line-height: 43px; text-align: center;font-size: 19px; padding-bottom: 10px;}
.show_data .tan2 span{color: #683714; height: 35px;  text-align: center; font-size: 15px;padding-bottom: 25px; font-weight: normal; display: block;}
.show_data .tan2 .btn{ width:134px; height: 38px; background:#1aa4d3; text-align: center; line-height: 34px; margin:  0 auto; font-size: 16px; color: #fff; 
                border-radius: 8px; margin-bottom: 20px; cursor:  pointer;}

/*领取记录*/
.show_data .tan3{ width: 316px ;position: absolute;left:42%;top: 35%; left: calc(50% - 180px);z-index: 51; border-radius: 8px; background:#fff; padding-top: 25px;  display: none;}
.show_data .tan3 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.show_data .tan3 p{ color: #683714; height: 43px; line-height: 43px; text-align: center;font-size: 19px; padding-bottom: 10px;}
.show_data .tan3 span{color: #683714; height: 35px;  text-align: center; font-size: 15px;padding-bottom: 25px; font-weight: normal; display: block;}





.con_5{ width: 100%; height: 1080px; background: url(/swzt/jx3gc/images/con_5.jpg) no-repeat center; position: relative;}
.con_5 .bt{padding-bottom: 90px;}

.con_5  .warp{ width: 100%; height: 515px; overflow: hidden;}
.con_5  .warp ul{width: 1220px;}
.con_5  .warp  li{ float: left; width: 288px; height: 222px; position:relative; overflow: hidden; cursor: pointer; margin: 0 15px 60px 0;}
.con_5  .warp  li img{position: absolute; top:0; left: 0;}
.con_5  .warp  li i{ width: 100%; height: 100%; position: absolute; top:0; left: 0;background: url(/swzt/jx3gc/images/li.png) no-repeat center; display: block;}
.con_5  .warp  li span{ display: block; width: 60px; height: 60px;  background: url(/swzt/jx3gc/images/i.png) no-repeat center; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.show_video{ position: absolute; width: 100%; height: 100%; background:rgba(51,51,51,0.5); position: absolute; top:0; left: 0; display: none;}

.video_warp{ width: 750px; height: 450px; position: absolute; top:370px; left:220px; background: #000; top: calc(50% - 225px); left: calc(50% - 375px); display: none;}
.video_warp .close{ position: absolute; top:0px; right: -30px; cursor: pointer; width: 30px;}
.video_warp iframe{ position: absolute; top:0;  left: 0;}


@media screen and (min-width: 1920px) {
  .bannertop-imgbox {   left: 0px !important; }
}
@media screen and (max-width: 1300px) {
 .con_2,.con_3,.con_4,.con_5,.header_a{height: 100%; width: auto; background-size:auto 100%;}
.header-mp-bg,.bannertop_list,.bannertop-imgbox{ height: 100%}
.bannertop-mp01,.bannertop-mp02,.bannertop-mp03,.bannertop-mp04,.bannertop-mp05,.bannertop-mp06,.bannertop-mp07,.bannertop-mp08,.bannertop-mp09,.bannertop-mp10,.bannertop-mp11,.bannertop-mp12,.bannertop-mp13{ height: 100%!important;}
.bannertop_list img{ height: 100%; width: 100%;}


}
.slidetip{ position:fixed;left: 0; right: 0px; bottom: 50px; margin: auto; z-index: 1; background: url(/swzt/jx3gc/images/u114.png) no-repeat center; width: 67px; height: 66px;-webkit-animation: down-arrow 1.5s infinite ease-in-out;
    animation: down-arrow 1.5s infinite ease-in-out;}
@keyframes down-arrow{
	0%, 30% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
60% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
	
}