body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form,input,textarea,select{margin:0;padding:0;}
em{font-style:normal;}
li{list-style:none;vertical-align:middle;}
a{text-decoration:none;outline:none;}
img{border:none;vertical-align:top;}
table{border-collapse:collapse;}
input,textarea{outline:none;}
textarea{resize:none;overflow:auto;}
body{font-size:12px;/*font-family:"微软雅黑";*/}
.clear{zoom:1;}
.clear:after{content:'';display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
body{
	background:#16395d url(../images/top_images/5588ps-bg-index-01.jpg) no-repeat center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-size: 9pt;
	color: #FF9900;
}
	/* 整个滚动条 */
	::-webkit-scrollbar {
		width: 20px; /* 宽度 */
	}
	
	/* 滑块 */
	::-webkit-scrollbar-thumb {
		background-color: #233868; /* 滑块颜色 */
		border-radius: 0px; /* 边角半径 */
	}
	
	/* 鼠标悬停时的滑块 */
	::-webkit-scrollbar-thumb:hover {
		background-color: #1b3265; /* 鼠标悬停时的滑块颜色 */
	}
	
	/* 轨道 */
	::-webkit-scrollbar-track {
		background-color: #202736; /* 轨道背景色 */
	}
	
	/* 滚动条两端的按钮 */
	::-webkit-scrollbar-button {
		display: none; /* 隐藏按钮 */
	}
	
	/* 滚动条的角落部分 */
	::-webkit-scrollbar-corner {
		background-color: #061e21; /* 角落背景色 */
	}
	
	/* 滚动条的调整大小部分 */
	::-webkit-resizer {
		display: none; /* 隐藏调整大小部分 */
	}
	
	@keyframes float {
	  0% {
		transform: translateY(0);
	  }
	  50% {
		transform: translateY(-20px);
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	
	.float-image {
	  animation: float 3s ease-in-out infinite;
	}
	


a {
	font-size: 9pt
	color: #FF0000;
	font-family: 微软雅黑;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFF00;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
.hover-image:hover {
    filter: brightness(1.3); /* Increase brightness on hover */
}
.hover-image-1:hover {
    filter: brightness(0.8); /* Increase brightness on hover */
}
.hover-image-2:hover {
    filter: brightness(1.1); /* Increase brightness on hover */
}
.news_wz {
	font-family: 微软雅黑;
	font-size: 14pt;
	color: #ffffff;
	text-shadow: 0 1px Black, 1px 0 Black, -1px 0 Black, 0 -1px Black;
}
.news_wz:hover {
	font-family: 微软雅黑;
	font-size: 15pt;
	color: #dfdfdf;
	text-shadow: 0 1px Black, 1px 0 Black, -1px 0 Black, 0 -1px Black;
}


        .image-container {
            position: relative;
            display: inline-block;
            overflow: hidden;
            margin: 0px;
        }

        .image-container img {
            display: block;
            max-width: 100%;
            height: auto;
        }

        .shine {
            position: absolute;
            top: 0;
            left: -150%;
            width: 100%;
            height: 100%;
            background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0) 100%);
            transform: skewX(-25deg);
            animation: shine-animation 1.5s ease-in-out infinite;
        }

        @keyframes shine-animation {
            from {
                left: -150%;
            }
            to {
                left: 150%;
            }
        }
		

.anniu {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.xuanzhuan {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.xuanzhuan:hover {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }
.fangda {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.fangda:hover {
            transform: scale(1);
            -webkit-transform: scale(1.08);
            -moz-transform: scale(1.08);
            -o-transform: scale(1.08);
            -ms-transform: scale(1.08);
        }
.suoxiao{
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.suoxiao:hover {
            transform: scale(1);
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -o-transform: scale(0.9);
            -ms-transform: scale(0.9);
        }
.zuoyi-1 {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi-1:hover {
            transform: translateX(10px);
            -webkit-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -o-transform: translateX(10px);
            -ms-transform: translateX(10px);
        }		
.zuoyi-2 {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi-2:hover {
            transform: translate(0, -10px);
            -webkit-transform: translate(0, -10px);
            -moz-transform: translate(0, -10px);
            -o-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
        }
.zuoyi-3 {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi-3:hover {
            transform: translateX(-10px);
            -webkit-transform: translateX(-10px);
            -moz-transform: translateX(-10px);
            -o-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
        }
.fanzhuan {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.fanzhuan:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
        }

#preview{position:absolute;border:1px solid #4d6fa7;background:#11336c;padding:5px;display:none;color:#fff;}

#Floatingbar{width:110px;height:650px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:60px;padding-right:18px;padding-left:50px;background:url(../images/floatingbg.png) no-repeat left top;z-index:2500;}
#Floatingbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
#Floatingbar .erweima:hover{}
#Floatingbar .erweima:hover img{transform:scale(1.1);}
#Floatingbar .erweima img{width:109px;height:109px;margin-bottom:3px;background:#fff;display:block;transition:all 0.3s ease-in;}
#Floatingbar .erweima span{font-size:13px;color:#e7dbc0;}
#Floatingbar ul{margin-bottom:7px;}
#Floatingbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:3px;}
#Floatingbar ul li a{display:block;}
#Floatingbar ul li a img{margin:0 auto;display:block;}
#Floatingbar .downlist{line-height:2.14;font-size:14px;}
#Floatingbar .downlist li a{color:#dab974;}
#Floatingbar .downlist li a:hover{color:#e7dbc0;text-decoration:none;}


/* Container for the image */
.image-container {
  perspective: 1000px;
  display: inline-block;
}

/* The image itself */
.image {
  transition: transform 0.5s;
  transform-style: preserve-3d;
}

/* Apply rotation when hovered */
.image:hover {
  transform: rotateY(20deg); /* 悬停时向右旋转10度 */
}

/* Apply rotation when hovered */
.image:hover::before {
  transform: rotateY(-20deg); /* 悬停时向左旋转10度 */
}

/* Hide the back side of the image */
.image-back {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
}


/* Container for the image */
.new-image-container {
  perspective: 1000px;
  display: inline-block;
}

/* The image itself */
.new-image {
  transition: transform 0.5s;
  transform-style: preserve-3d;
}

/* Apply rotation when hovered */
.new-image-container:hover .new-image {
  transform: rotateY(180deg); /* 悬停时向右旋转180度 */
}

/* Apply rotation when hovered */
.new-image-container:hover .new-image::before {
  transform: rotateY(-180deg); /* 悬停时向左旋转180度 */
}

/* Hide the back side of the image */
.new-image-back {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
}

#musicButton {
    width: 80px;
    height: 80px;
    background-image: url('../images/music-on.png'); /* 按钮默认为音乐开启状态的图片 */
    background-size: cover;
    background-repeat: no-repeat; /* 禁止背景图片重复 */
    background-color: transparent; /* 设置背景色为透明 */
    border: none;
    cursor: pointer;
    animation: spin 2s linear infinite; /* 添加旋转动画 */
}

@keyframes spin {
    from { transform: rotate(0deg); } /* 从0度开始旋转 */
    to { transform: rotate(360deg); } /* 旋转到360度 */
}


.popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #a9a9a9;
            padding: 60px;
            border: 1px solid #ccc;
            border-radius: 0px;
            z-index: 9999;
        }
        
        /* 按钮样式 */
.popup-button {
            cursor: pointer;
            color: blue;
            text-decoration: underline;
        }