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:#4e0c00 url(../images/5588ps-bg-index-01.png) 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: 15px;
	}
	

	::-webkit-scrollbar-thumb {
		background-color: #8b1a00;
		border-radius: 0px;
	}
	
	
	::-webkit-scrollbar-thumb:hover {
		background-color: #6f1500;
	}
	

	::-webkit-scrollbar-track {
		background-color: #551000;
	}
	

	::-webkit-scrollbar-button {
		display: none;
	}
	
	::-webkit-scrollbar-corner {
		background-color: #3c0b00;
	}
	
	::-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: ΢���ź�;
}
.STYLE1 {color: #FFCC00}
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.5); /* 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: 12pt;
	color: #ffffff;
	text-shadow: 0 1px Black, 1px 0 Black, -1px 0 Black, 0 -1px Black;
}
.news_wz:hover {
	font-family: ΢���ź�;
	font-size: 12pt;
	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 #b34f41;background:#7e0f00;padding:5px;display:none;color:#fff;}

#Floatingbar{width:110px;height:772px;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:100px;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:100px;height:100px;margin-bottom:3px;margin-left:0.5px;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;
        }
		
/* ������ʽ */
.hove-nav-css {
    background: linear-gradient(0deg, #ffc37b, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}

/* Hover�� */
.hove-nav-css:hover {
    background: linear-gradient(135deg, #ffc37b, #ffffff, #ffc37b, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 
        1px 1px 15px rgba(247, 255, 123, 0.8),
        0 0 20px rgba(247, 255, 123, 0.6),
        0 0 30px rgba(255, 255, 255, 0.4);
    transform: scale(1.02);
    color: #ffffff;
}

/* ����״̬ */
.hove-nav-css:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
}

.brightness-flash {
    animation: brightness-flash-effect 2s ease-in-out infinite;
}

@keyframes brightness-flash-effect {
    0% { 
        filter: brightness(1);
    }
    50% { 
        filter: brightness(1.5);
    }
    100% { 
        filter: brightness(1);
    }
}



/* ������ʽ */
.news-bg-css {
    background: linear-gradient(0deg, #ff8f68, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}
/* Hover�� */
.news-bg-css:hover {
    background: linear-gradient(135deg, #ff8f68, #ffc1ac, #ff8f68, #ffc1ac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    transform: scale(1.05);
    color: #1e3a8a;
}
/* ����״̬ */
.news-bg-css:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
}


/* ������ʽ */
.news-bg-css-1 {
    background: linear-gradient(0deg, #363c97, #7278d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}
/* Hover�� */
.news-bg-css-1:hover {
    background: linear-gradient(135deg, #1e3a8a, #2563eb, #1e3a8a, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    transform: scale(1.05);
    color: #1e3a8a;
}
/* ����״̬ */
.news-bg-css-1:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
}

/* ������ʽ */
.bt-css {
    background: linear-gradient(0deg, #ffb65e, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}
/* Hover�� */
.bt-css:hover {
    background: linear-gradient(135deg, #ffffff, #ffb65e, #ffffff, #ffb65e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    transform: scale(1.05);
    color: #006400;
}
/* ����״̬ */
.bt-css:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
}


      .shuxing-show-container {
            width: 1300px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 30px 0; /* ��30px����0 */
            justify-content: center; /* ÿ�о�����ʾ */
        }
        
        .shuxing-show-item {
            width: 185px;
            text-align: center;
        }
        
        .shuxing-show-wrapper {
            width: 150px;
            height: 150px;
            margin: 0 auto;
        }
        
        .shuxing-show-main {
            width: 150px;
            height: 150px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 150px 150px;
            position: relative;
        }
        
        .shuxing-show-image {
            width: 100px;
            height: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .shuxing-show-image img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        .shuxing-show-fanzhuan {
            font-size: 13px;
            margin-top: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .shuxing-show-fanzhuan a {
            display: block;
        }
        
        /* ��ͣЧ�� */
        .shuxing-show-hover-image:hover {
            transform: scale(1.1);
            transition: transform 0.3s ease;
        }
        
        .shuxing-show-zuoyi:hover {
            cursor: pointer;
        }



        .zb-show-01-container {
            width: 1300px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .zb-show-01-item {
            width: 433px;
            height: 560px;
            cursor: pointer;
        }
        
        .zb-show-01-item img {
            width: 433px;
            height: 560px;
            display: block;
            transition: transform 0.3s ease;
        }
		
		
		
        .zb-show-02-container {
            width: 1300px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 30px 0; /* ��20px����0 */
        }
        
        .zb-show-02-item {
            width: 1300px;
            height: 700px;
            cursor: pointer;
        }
        
        .zb-show-02-item img {
            width: 1300px;
            height: 700px;
            display: block;
            transition: transform 0.3s ease;
        }