.content_warp{ min-width: 1300px; overflow:  hidden;}
.center{width: 1250px; margin: 0 auto; height: 100%; position: relative;}
.hide{display: none;}
/*1*/
.con_1{ width: 100%; height: 600px; background: url(/sw/swhxys/images/con_1.jpg) no-repeat center; background-size:auto  100%;}
/*视频按钮*/
.con_1 .sp{ position: absolute; top:140px; left:565px; width: 106px; height: 106px; overflow: hidden; cursor: pointer;}
.con_1 .sp span{ display: block; position: absolute; top:0; left: 0; background: url(/sw/swhxys/images/sp1.png) no-repeat center;width: 106px; height: 106px;}
.con_1 .sp i{ display: block; position: absolute; top:13px; left: 13px; background: url(/sw/swhxys/images/sp2.gif) no-repeat center; width:80px; height: 80px; border-radius: 50%;}
.con_1  a{ display: block; position: absolute; background: url(/sw/swhxys/images/img.png) no-repeat center; bottom: 40px; text-align: center; height: 60px; width: 184px; color: #fff; 
                    font-size: 24px; line-height: 60px;}
.con_1 .a1{;background-position: 0 0; left: 240px; }
.con_1 .a2{;background-position: 0 -60px; left: 440px;}
/*2*/
.con_2{ width:100%; height: 480px; overflow: hidden;}
.con_2 ul{ height: 480px; width: 1920px; cursor: pointer;}
.con_2 ul li{ height: 100%; width:640px; position:relative; overflow:  hidden; float: left;}
.con_2 ul li img{ position: absolute; top: 0; left: 0;}
.con_2 ul li .img2{position: absolute; top:0px; left: 0;-webkit-transition: all  0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.con_2 ul li p{position: absolute; bottom: 0; left: 0;background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
       zoom: 1; background: rgba(0,0,0,0.7); text-align: center; height: 60px; line-height: 60px; color:#fff; font-family: "宋体"; font-size: 24px; width: 100%;}
.showimg_top{top:0px;}
.con_2 ul li:hover .img2{top:-480px;  cursor: pointer;}

/*3*/
.con_3{ width: 100%; height:1080px; background: url(/sw/swhxys/images/con_3.jpg) no-repeat center; background-size:auto 100%;}
.con_3 .con_3a{ width: 100%; height: 850px; background: url(/sw/swhxys/images/con_3a.png) no-repeat center; background-size:auto 100%;}
.con_3 .con_3b{ width: 100%; height: 230px; background: url(/sw/swhxys/images/con_3b.png) no-repeat center; background-size:auto 100%; position: absolute; top:0; left: 0; z-index:2;}
/*标题*/
.con_3 ol{height: 160px; position: relative; width: 100%;}
.con_3 ol li{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.con_3 ol li img{ position: absolute; top:0; left: 0; bottom: 0; margin: auto;}
/*轮播*/
.con_3 .warp{ height: 630px; width: 1204px;  background: url(/sw/swhxys/images/con_3bj.png) no-repeat center;  margin:  0 auto; padding: 23px 15px;}
.con_3 .warp .item{ width: 100%; height: 100%; background:#a8a8c0;}
.swiper-container{ height: 100%; width: 100%;}
.swiper-button-next, .swiper-button-prev{ background: url(/sw/swhxys/images/img2.png) no-repeat center; top:55%}
.swiper-button-next{ height:98px;width:103px;background-position: 0 -98px; right: -92px;}
.swiper-button-prev{height:98px;width:97px;background-position: 0 0; left: -92px;}
.swiper-slide img{ min-width: 100%; min-height: 100%; width: 100%;}
.swiper-pagination-bullet{ width: 18px; height: 18px; background: #d4d4e0;}
.swiper-pagination-bullet-active{ background: #5c79a6 !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}


/*点击切换*/
.con_3 .warpb{ height: 230px;}
.con_3 .warpb .imglist{ height:230px; width:100%; position: absolute; left: 0; top:0; z-index: 1;}
.con_3 .warpb .imglist img{ width:24%; height: 100%;}
.con_3 .warpb ul{ position:absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 3;}
.con_3 .warpb ul li{ width:130px; height:150px;margin: 7px 11px 0 142px; float:  left; cursor: pointer;}


/*4*/
.con_4{ width: 100%; height: 1080px; position: relative;min-width: 1235px;}
.con_4 ul{ position: absolute; top:320px; left: 114px;z-index:1;}
.con_4 ul li{height:48px;width:146px; background: url(/sw/swhxys/images/img2.png) no-repeat center;background-position: 0 -196px; text-align: center; line-height: 48px;
                    color:#fff; font-size: 19px; margin-bottom: 32px; cursor: pointer; }
.con_4 ol{ position: absolute;top:0; left: 0; width: 100%; height: 100%;}                    
.con_4 ol li img{ width: 100%; height: 100%; vertical-align: middle;}
.con_4 ol li{ position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  overflow: hidden;}


/*5*/
.con_5{ width: 100%; height:1000px; background: url(/sw/swhxys/images/con_5.png) no-repeat center; background-size:auto 100%;}

.con_5 a{ display: block; position: absolute;  bottom: 76px;}
.con_5 .logo1{left: -130px;}
.con_5 .logo2{left: 240px; bottom: 56px;}
.con_5 .logo3{left:567px;}
.con_5 .logo4{right: -130px;}

.game_thumb {-webkit-animation: bounceIn .8s .2s ease both;-moz-animation: bounceIn .8s .2s ease both;}
@keyframes bounceIn{	
	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);}
}
.tanshow {  width: 100%;
    height:4410px;
    position: absolute;
    top: 0;
    left: 0;background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
       zoom: 1;
    background: rgba(0,0,0,0.6); display: none; z-index: 100;}
        .tanshow img{ cursor: pointer; position: absolute;right: -30px; top: 0px;}
    .tanshow .box{ width: 750px; display: none;
    height: 450px;
    background: #000;
    position: fixed;
    top:300px;
    left:550px;
     top:calc(50% - 230px);
     left:calc(50% - 375px);
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 450px;
}}
