@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_01.html) no-repeat center;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}

.gameIntro {
	width:1920px;height:703px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_02.html) no-repeat center;
	background-position: 0px -0px;
}

.gameIntro .introTexts{
	width:686px;height:366px;left:50%;margin-left:-503px;top:108px;
}

.gameIntro .introTexts .line{width:669px;height:42px;}
.gameIntro .introTexts .lineTitle{width:99px;height:22px;top:9px;left: 10px;color: #fbfff5;}
.gameIntro .introTexts .lineText{width:521px;height:26px;top:14px;left: 120px;color: #000000;}
.gameIntro .introTexts .line:hover，.gameIntro .introTexts .lineTitle:hover,.gameIntro .introTexts .lineText:hover{
	cursor: none;
}

.gameIntro .introTexts .line1{left: 18px;top: 5px;}
.gameIntro .introTexts .line2{left: 18px;top: 57px;}
.gameIntro .introTexts .line3{left: 18px;top: 109px;}
.gameIntro .introTexts .line4{left: 18px;top: 161px;}
.gameIntro .introTexts .line5{left: 18px;top: 213px;}
.gameIntro .introTexts .line6{left: 18px;top: 265px;}
.gameIntro .introTexts .line7{left: 18px;top: 317px;}

.gzshow1{
	width:1920px;
	height:1045px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/bj_02-1.jpg);
	background-repeat: no-repeat;
}



.gzshow{
	width:1920px;
	height:933px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_03.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_03.jpg);
}


.zbShow{
	width:1920px;
	height:1800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_04.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_04.jpg);
}

.zbShow2{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_05.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_05.jpg);
}


.bottom{
	width:1920px;
	height:932px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_06.jpg) no-repeat top;
	background-position: 0px -0px;
	background-image: url(../images/bj_06.jpg);
}

.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width:676px;height:737px;left: 759px;margin-left: -380px;top:170px;
	
}

.slide2 .uls li{list-style: none;}

.slide2 .prev,.slide2 .next{width:172px;height:195px;}
.slide2 .prev{top:-398px;left:-202px;background-position:left top}

.slide2 .next{top:-550px;right:-1178px;background-position:right top}

.slide3{
	width:1244px;height:625px;left: 636px;margin-left:-138px;top:250px;  
	
}

.slide3 .uls li{list-style: none;}

.slide3 .prev,.slide3 .next{width:143px;height:184px;}
.slide3 .prev{top: -350px;left: 953px;background-position:right top}
.slide3 .prev:hover{background-position:right bottom}
.slide3 .next{top: -551px;left:-150px;background-position:left top}
.slide3 .next:hover{background-position:left bottom}


.image-grid {
    margin: 280px auto; /* 上下50px，水平居中 */
    display: grid;
    grid-template-columns: repeat(3, 400px); /* 每列480px */
    gap: 10px; /* 图片间距10px */
    justify-content: center; /* 确保内容水平居中 */
    padding: 0 10px; /* 防止溢出 */
}

.image-grid img {
    width: 400px; /* 固定宽度 */
    height: 480px; /* 固定高度 */
    object-fit: cover; /* 保持比例填充 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡 */
}

/* 悬停特效：放大 + 阴影加深 */
.image-grid img:hover {
    transform: scale(1.05); /* 轻微放大 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 悬停时阴影更明显 */
    cursor: pointer; /* 鼠标指针变手型 */
}


.slide4{
	width:1078px;height:419px;left: 50%;margin-left: -130px;top:212px;
	
}

.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:140px;height:152px;}
.slide4 .prev{top:-351px;left:1021px;}
.slide4 .next{top:-510px;left:-72px;}


.slide5{
	width:1200px;height:650px;left: 50%;margin-left: -578px;top:187px;
	
}

.slide5 .uls li{list-style: none;}

.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-381px;left:-647px;}
.slide5 .next{top:-432px;left:758px;}


#Floatingbar{width:157px;position:fixed;top:50%;right:0px;margin-top:-150px;background-color:#e5e5e5;box-shadow:0 3px 14px rgba(0,0,0,0.4);z-index:150000;font-size:12px;background-color:#ffffff;font-family:'Microsoft YaHei';}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.html) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.html) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

.navs {
	width: 654px;
	height: 247px;
	left:50%;
	margin-left: -323px;
	top: 850px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 158px;
	height: 253px;
	/* margin-right: 166px; */
}

.nav1 {
	/* margin-left:90px; */
	background:url(../images/xz.html) no-repeat;
}
.nav1:hover,.nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	margin-top:-10px;	
}



.items {
	width:320px;
	left: 50%;
	margin-top: 450px;
}
.shenhua {
	margin-left: -530px;
}
.shenqi{
	margin-left: -145px;
}
.zhuanshu{
	margin-left: 243px;
	}
.items ul {
}
.items li,.itemshz li,.itemstz li {
	width: 50px;
	height:50px;
	float: left;
	list-style: none;
	margin-right:0px;
	background: url("../images/sxbg.png"/*tpa=http://85bf.top:9797/xajh3/static/images/sxbg.png*/) no-repeat;
	padding:5px;
	padding-top:5px;
}
.itemcss {
	position: relative;
	width: 52px;
	height: 52px;
	margin: 0 auto;
}
.itemcss a, .itemcss span {
	display: none;
	text-decoration: none;
}
.items .itemcss span img{margin-top:-100px; border:#fff solid 3px;}
.itemstz .itemcss span img{margin-top:-100px; border:#fff solid 3px;}
.itemshz .itemcss span img{margin-top:-100px; border:#fff solid 3px;}

.itemcss:hover {
	cursor: pointer;
}
.itemcss:hover a.now {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	left: 0;
	display: block;
	
}
.itemcss:hover span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	margin-left: 50px;
	z-index: 10;
	height: 36px;
	line-height: 36px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.nav2 {
	background:url(../images/kf.html) no-repeat;
	margin-left: 89px;
}

.nav3 {
	background:url(../images/kf.html) no-repeat;
	/* margin-left: 38px; */
	float: right;
}

/* 幻灯片所需CSS */
.erzq-sp {
	width:1100px;
	left: 50%;
	margin-left: -570px;
	margin-top: 380px;
	
}
.erzq-sp .swiper-slide >img {
	height:526px;
	box-shadow: 0px 0px 10px #000;

}

.gz-sp {
	width:1170px;
	left: 50%;
	margin-left: -70px;
	margin-top: 170px;
	height:820px;
	}
.gz-sp .swiper-slide >img {
		width:1080px;
		height:820px;

}



.sz-sp {
	width:1100px;
	left: 50%;
	margin-left: 380px;
	margin-top: 246px;
	height: 490px;
	}
	
.sz-sp .swiper-slide >img {
	width: 635px;
	height: 474px;
}

.swiper-container{
    --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
}
.sz-sp .swiper-button-prev {
	width:22px;
	height:44px;
	/* background:url(../images/curr_prev.png) no-repeat center center; */
}
.sz-sp .swiper-button-next {
	width:22px;
	height:44px;
	margin-left:100px;
	background-image:url("../images/curr_next.png"/*tpa=http://85bf.top:9797/xajh3/static/images/curr_next.png*/) no-repeat center center;
}

.sz-sp1 {
	width:1100px;
	left: 50%;
	margin-left: 60px;
	margin-top: 246px;
	height: 330px;
	}
	
.sz-sp1 .swiper-slide >img {
	width: 623px;
	height: 315px;
}

.swiper-container{
    --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
}
.sz-sp1 .swiper-button-prev {
	width:22px;
	height:44px;
	/* background:url(../images/curr_prev.png) no-repeat center center; */
}
.sz-sp1 .swiper-button-next {
	width:22px;
	height:44px;
	margin-left:100px;
	background-image:url("../images/curr_next.png"/*tpa=http://85bf.top:9797/xajh3/static/images/curr_next.png*/) no-repeat center center;
}


    .carousel-container {
      position: relative;
      width: 900px;
      height: 350px;
      margin: 60px auto;
      perspective: 1200px;
	  margin-top:180px;
      overflow: visible;
    }
    .carousel {
      width: 100%;
      height: 100%;
      position: relative;
      perspective: 1200px;
      z-index: 1;
    }
    .carousel-img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 623px;
      height: 315px;
      object-fit: cover;
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.28);
      cursor: pointer;
      transform-origin: center center;
      transition: 
        transform 0.6s cubic-bezier(.17,.67,.83,.67),
        opacity 0.6s cubic-bezier(.17,.67,.83,.67),
        filter 0.6s;
      opacity: 0;
      z-index: 0;
      filter: blur(2px) grayscale(50%);
    }
    .carousel-img.center {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1) rotateY(0) ;
      z-index: 10;
      filter: none;
    }
    .carousel-img.left1,
    .carousel-img.right1 {
      opacity: 0.6;
      filter: grayscale(20%);
      z-index: 6;
    }
    .carousel-img.left1 {
      transform: translate(-50%, -50%) scale(0.75) translateX(-300px) rotateY(30deg);
    }
    .carousel-img.right1 {
      transform: translate(-50%, -50%) scale(0.75) translateX(300px) rotateY(-30deg);
    }
    .carousel-img.left2,
    .carousel-img.right2 {
      opacity: 0.3;
      filter: blur(1px) grayscale(80%);
      z-index: 2;
    }
    .carousel-img.left2 {
      transform: translate(-50%, -50%) scale(0.5) translateX(-500px) rotateY(50deg);
    }
    .carousel-img.right2 {
      transform: translate(-50%, -50%) scale(0.5) translateX(500px) rotateY(-50deg);
    }
    /* 隐藏左右更远的图片 */
    .carousel-img.hide {
      opacity: 0;
      pointer-events: none;
      z-index: 0;
      filter: grayscale(95%) blur(3px);
      transition: 
        transform 0.5s, 
        opacity 0.5s, 
        filter 0.5s;
    }
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width:48px;height:80px;
      background:rgba(0,0,0,0.24);
      border:none;
      color:white;
      font-size:2em;
      border-radius: 16px;
      cursor:pointer;
      opacity: 0.8;
      z-index: 90;
      user-select: none;
      outline: none;
      transition: background .18s;
    }
    .carousel-btn:hover {
      background:rgba(0,0,0,0.45);
      opacity: 1;
    }
    .carousel-btn.left {left:-24px;}
    .carousel-btn.right {right:-24px;}