@charset "utf-8";
/* CSS Document */
	* {
	margin:0;
	padding:0;
}
	.kefu{position: fixed;
		bottom:3%;
		right: 1%;
		z-index: 99;
transition: 0.3s;
		background: rgba(255,215,0,0.8);
	border-radius: 50%;
animation: scaleAnimation 1s infinite alternate;
	}
	.kefu img{width:60px;padding: 20px;}
	/* 放大缩小动画关键帧 */
        @keyframes scaleAnimation {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(0.8);
            }
        }
	.kefu:hover{background: rgba(155,215,0,0.8);animation:none;transition: 0.3s;}
	.bj{position: fixed;z-index: -1;width: 100%;height: 100%; top:0;left: 0;overflow: hidden;}
	.bj img{width: 800%;margin: 0 auto;left: -400%;position: absolute}
	.logo{position: relative;margin: 0 auto; width: 22%;margin-top:20px}
	.logo img{width: 100%;}
        header {
            position: absolute;
            padding:3px 5px;
            color: white;
            text-align: center;
			z-index: 99;
			right: 2%;
			top:4px;
		
        }

        nav {
            display: flex;
            justify-content: space-around;
            overflow: hidden;width: 70%;
			margin: 2% auto;
        }

        nav a {
            color:#000;
            text-decoration: none;
            padding: 16px 40px;
            display: block;
			border-radius: 30px;
			background-color: rgba(255,223,14,1.00);
			transition: 0.3s;
        }

        nav a:hover {
            background-color: rgba(184,0,255,0.20);
            color:#fff;
        }

        #menu-icon {
            display: none;
            cursor: pointer;
            font-size: 40px;
        }
        table {
            width: 70%;
            border-collapse: collapse;
            margin-top: 20px;color:#fff;
			margin: 0 auto;
			border: 1px solid #fff;
			border-radius: 8px;
			border-style:hidden;
			box-shadow: 0 0 0 1px #fff;
        }
        th, td {
            border: 1px solid #ddd;  
            text-align: center;
        }
       table img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }
	.daohang{margin-top: 10px;
		border: 1px solid rgba(255,234,0,1.00);
		box-shadow: 0 0 0 1px rgba(255,234,0,1.00);
	border-radius: 8px;
			border-style:hidden;
	}
	.daohang th,.daohang  td {border: 1px solid rgba(255,234,0,1.00)}
	.gezi1{width: 10%}
	.gezi2{width: 27%}
	.gezi3{width: 20%}
	.gezi4{width: 25%}
	.gezi5{width: 18%}
	.xbt1{background: rgba(255,234,0,1.00);color:#000;height: 40px;line-height: 40px;top:0;}
	.xingji{display:  flex;width: 70%;margin: 0 auto;}
	.xingxing{padding: 2%;fill:rgba(255,234,0,1.00);flex: 5}
	table p{padding:5px 20px}
	.gezi5 a{text-decoration: none;}
	.dh-btn{position: relative;
		margin: 20px auto;
		background: rgba(255,57,0,1.00);
		width:80%;padding: 12px 1px;
		border-radius: 10px;
		color:#fff;
		transition: 0.1s;
	}
	.dh-btn:hover{background:rgba(195,55,230,0.5) }
    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
	width: 72%;
	margin: 0 auto;margin-bottom: 20px;
    }

    .vbox {
      box-sizing: border-box;
      width: calc(50% - 20px);
      margin-top: 10px;
	  margin-left: 2px;
		margin-right: 2px;
      border: 2px solid rgba(255,234,0,1.00);
      border-radius: 10px;
		overflow: hidden;
	background: rgba(195,55,230,0.1);
    }
	.vbox img{
		width: 100%;
	}
	.vbox a{text-decoration: none;}
	.vbox p{color:#F7D6FF;}
    .vbox:hover {
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 悬浮时的阴影效果 */
    }
    .custom-div-content {
      padding:4px 10px;
      text-align: center;
		color:#fff;
    }
	.custom-div-content h3{text-align: left;}
	.custom-div-content p{text-align: left;}
    .custom-div-button {
	  margin: 20px;
      padding: 14px 30px;
      background-color: #ffd700; /* 金黄色背景 */
      color: #000;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease; /* 过渡效果 */
		font-size: 20px;
    }
    .custom-div-button:hover {
      background-color: rgba(195,55,230,0.5); /* 悬浮时的背景颜色 */
		color: #fff;
    }
	 .jieshao {
      width: 68%;
      margin: 20px auto;
      border: 2px solid rgba(255,240,0,1.00); /* 黄色描边 */
      border-radius: 10px; /* 圆角 */
      overflow: hidden;
      padding: 20px;
    }

    .jieshao h2 {
      text-align: center;color:rgba(255,240,0,1.00);
    }
.jieshao p{text-align: center;}
    .custom-div-title-line {
      width: 50px;
      height: 3px;
      background-color: rgba(255,240,0,1.00); /* 黄色线条 */
      margin: 10px auto;
    }

    .custom-div-content {
      text-align: center;
    }	
        @media screen and (max-width: 1080px) {
			.logo{width: 50%}
            nav {
                display: none;
                flex-direction: column;
                align-items: center;
                position: absolute;
                width: 50%;right: 0;
                z-index: 1;
				height: 50%;
				background-color: rgba(0,0,0,0.5);
            }
            nav.show {
                display: flex;
            }
            nav a {
                text-align: center;
            }
            #menu-icon {
                display: block;
            }
			table{width: 94%}
			         td {
                display: block;
                width: 100%;
                box-sizing: border-box;
            }
	.gezi1{width: 100%}
	.gezi2{width: 100%}
	.gezi3{width: 100%}
	.gezi4{width: 100%}
	.gezi5{width: 100%}
			.biaogebiaoti{display: none;}
			.gezi-kuozhan{padding: 20px 0px}
			       .vbox {
        width: calc(100% - 20px);
      }
			.container {width: 98%}
			.jieshao{width: 82%}
			.custom-div-button{padding: 10px 20px;margin: 10px}
        }