@charset "utf-8";
*{margin:0 auto;padding:0;margin:0;border:0;}
body{color:#333333;font-size:14px;
	background-color: #f0eff4;
}
body{font-family: "微软雅黑";}
ul,li{ list-style:none;padding:0;margin:0;}
tbody,tr,td{ list-style:none;padding:0;margin:0;border:0;}
img{ border:0;}
table{text-align: center;}
.hr{height:1px;
	clear: both;
}
a{text-decoration: none;coloR:#333333;}
img{border:0; display:block;}
.xyy{text-align: center;}
.xyy a{	position:relative;
	top:5px;
	background-color: #ff6c00;
	color:#FFFFFF;
	overflow:hidden;
	padding: 5px 10px;
	text-align: center;}

.gsjs{width:85%;height:100%;margin:0 auto;margin-bottom:25px;background-color:#FFFFFF;overflow:hidden;}
@media (min-width: 992px) and (max-width: 1300px) {
            .gsjs {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .gsjs {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
        @media (max-width: 767px) {
            .gsjs {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
		
.gsjs_left{width:55%;float:left;}
.gsjs_left img{max-width: 100%;
width:100%;
	text-align: center;margin:auto;}
@media (min-width: 992px) and (max-width: 1300px) {
            .gsjs_left {
				width: 55%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .gsjs_left {
				width: 100%;margin:0 auto;clear: both;
            }
        }
        @media (max-width: 767px) {
            .gsjs_left {
				width: 100%;margin:0 auto;clear: both;
            }
        }


.gsjs_right{width:41%;float:right;margin-left:2%;padding:1%;}
.gsjs_right h2{font-size:18px;color:#0066FF;height:60px;line-height:60px;text-align: center;}
.gsjs_right p{line-height:25px;font-size:14px;}
.gsjs_bottom{margin:o auto;margin-top:15px;margin-bottom:15px;}
.gsjs_bottom span{font-size:18px;color:#FF6600;}
@media (min-width: 992px) and (max-width: 1300px) {
            .gsjs_right {
				width: 41%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .gsjs_right {
				width: 98%;margin:0;margin:0 auto;clear: both;
            }
        }
        @media (max-width: 767px) {
            .gsjs_right {
				width: 98%;margin:0;margin:0 auto;clear: both;
            }
        }


        .waterfall_sex {
            width: 85%;
            column-gap:10px;
            column-count: 2;
            margin: 0 auto;
			margin-top:10px;
        }
        .item1_sex {
            margin-bottom: 10px;
            break-inside: avoid;
			overflow:hidden;border-radius:5px;padding:10px;		
        }
		.item1_sex h2{height:40px;line-height:40px;border-bottom: 1px solid #ccc;margin-bottom:15px;font-weight: normal;}
		.item1_sex li{border-bottom: 1px dotted #ccc;height:35px;line-height:35px;font-size:16px;}
		
        .item1_sex img {
            width: 100%;
        }
		.item1_sex p{float:left;}
		.item1_sex span{float:right;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .waterfall_sex {
                column-count: 2;
				width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .waterfall_sex {
                column-count: 2;
				width: 96%;
            }
        }
        @media (max-width: 767px) {
            .waterfall_sex {
                column-count: 1;
				width: 96%;
            }
        }	



        .waterfall {
            width: 85%;
            column-gap:15px;
            column-count: 4;
            margin: 0 auto;
			padding-top:10px;
			padding-bottom:10px;
			background-color: #fdfdfd;
        }
		
        .item1 {
            break-inside: avoid;
			overflow:hidden;
			text-align: center;
			position: relative;
  display: inline-block;overflow: hidden;margin-left:10px;margin-right:10px;
			
        }
		
        .item1 img {
            width: 100%;
        }
		.item1 p{
		position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white; /* 标题文字颜色 */
  background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
  padding: 5px; /* 内边距 */
  text-align: center; /* 文字居中 */
  font-size: 14px;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .waterfall {
                column-count: 4;
				width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .waterfall {
                column-count: 3;
				width: 96%;
            }
        }
        @media (max-width: 767px) {
            .waterfall {
                column-count: 2;
				width: 96%;
            }
        }
	
	
       .waterfall_img {
            width: 85%;
            column-gap:15px;
            column-count: 4;
            margin: 0 auto;
			margin-top:10px;
			margin-bottom:30px;
        }
        .item1_img {
            margin-bottom: 10px;
            break-inside: avoid;
			background-color: #fdfdfd;
			overflow:hidden;border-radius:4px;
			
        }
		
        .item1_img img {
            width: 100%;
        }
		.item1_img p{line-height:20px;padding-top:10px;padding-bottom:10px;text-align: center;margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .waterfall_img {
                column-count: 3;
				column-gap:10px;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .waterfall_img {
                column-count: 3;width: 96%;
				column-gap:10px;
            }
        }
        @media (max-width: 767px) {
            .waterfall_img {
                column-count: 2;width: 96%;
				column-gap:10px;
            }
        }	
	
	
	
		
.hr1{height:15px;
	clear: both;
}		
.dengqian{
	width:85%;
	font-size:14px;
	margin:0 auto;
	line-height:20px;
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
}
@media (min-width: 992px) and (max-width: 1300px) {
            .dengqian {
				width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .dengqian {
				width: 96%;
            }
        }
        @media (max-width: 767px) {
            .dengqian {
				width: 96%;
            }
        }
.caining{
	width:85%;
	height:30px;
	line-height:30px;
	font-size:16px;
	margin:0 auto;
	border-bottom: 1px solid #d7d6d9;
	display: block;
	margin-top:15px;
}
@media (min-width: 992px) and (max-width: 1300px) {
            .caining {
				width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .caining {
				width: 96%;
            }
        }
        @media (max-width: 767px) {
            .caining {
				width: 96%;
            }
        }



.neirong{width:96%;background-color: #fdfdfd;height:auto;border-radius:5px;padding:2%;}
.neirong p{line-height:25px;font-size:14px;margin-top:10px;}
.neirong img{
max-width: 100%;
	text-align: center;margin:auto;
}
.neirong h1{font-size:18px;font-weight:normal;height:auto;line-height:35px;margin-bottom:10px;text-align: center;margin:auto;}
.neirong h2{background-color: #f0eff4;width:104%;color:#CC3300;margin-left:-2%;margin-top:15px;height:50px;line-height:50px;font-size:18px;}
.neirong h2 a{color:#cc3300;}
.neirong h3{width:100%;color:#CC3300;margin-top:15px;height:40px;line-height:40px;font-size:16px;border-bottom: 1px solid red;}
.neirong h4 {text-align:center;color:#FF8C00;;font-size:15px;margin-top:25px;}

.m{background-color: #009900;width:104%;}




.neirong_img{width:96%;background-color: #fdfdfd;height:auto;border-radius:5px;padding:2%;}
.neirong_img p{line-height:30px;font-size:15px;margin-top:10px;}
.neirong_img img{
max-width: 100%;
	text-align: center;margin:auto;margin-bottom:8px;
}

.neirong_img h1{font-size:18px;font-weight:normal;height:auto;line-height:35px;margin-bottom:10px;text-align: center;margin:auto;}
.time{
	text-align: center;
	color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height:35px;height:35px;
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:15px;
}



.paper-down{width:100%;height:auto;line-height:35px;color:#fff;background-color: #134faa;text-align:center;margin:0 auto;font-size:14px;border-radius:5px;font-weight:normal;margin-top:15px;margin-bottom:10px;}
.paper-down a{color:#fff;}

.zuixing{background:#fff;margin-top:20px;border-radius:5px;}
.zuixing ul{padding:15px;}
.zuixing li{display: block;
	height:35px;
	line-height:35px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eaeaea;
}
.zuixing li a{float:left;color:#666;font-size:14px;}
.zuixing li span{float:right;color:#aeabab;font-size:12px;}
.zuixing b{height:45px;line-height:45px;
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #eaeaea;
	background-color: #fbfbfb;
	padding-left:15px;
	display: block;
	font-weight: normal;
}


.pag{
	width:100%;margin:0 auto;
	height:40px;margin-top:10px;margin-bottom:10px;
	
}
.pag ul{margin:0 auto;text-align: center;width:auto;}
.pag li{float:left;margin:3px 3px;}

.pag li a{
	padding:2px 10px;
	line-height:25px;
	display:inline-block;
	background-color: #027feb;
color:#fff;	
}
.pag li a:hover{background-color: #027feb;
	color: #FFFFFF;
}
.footer{width:auto;height:auto;color:#fff;background:#262626;text-align:center;padding:15px;}
.footer a{color:#fff;}
.gzh{width:85%;
	height:90px;
	margin:0 auto;
	margin-top:20px;margin-bottom:30px;}
.gzh img{width:100%;height:auto;}

.tag{width:81%;background:#fff;padding:2%;border-radius:5px;height:100%; overflow:hidden;border-radius:5px;margin:0 auto;margin-top:25px;margin-bottom:25px;}
.tag a:nth-child(9n){background-color: #4A4A4A;}
.tag a:nth-child(9n+1){background-color: #428BCA;}
.tag a:nth-child(9n+2){background-color: #5CB85C;}
.tag a:nth-child(9n+3){background-color: #D9534F;}
.tag a:nth-child(9n+4){background-color: #567E95;}
.tag a:nth-child(9n+5){background-color: #B433FF;}
.tag a:nth-child(9n+6){background-color: #00ABA9;}
.tag a:nth-child(9n+7){background-color: #B37333;}
.tag a:nth-child(9n+8){background-color: #FF6600;}
.tag a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 6px 6px 0;padding: 0 8px;line-height: 35px;border-radius:5px}
.tag a:hover{opacity: 1;filter:alpha(opacity=100);}
.tag b{
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #eaeaea;
	background-color: #fbfbfb;
	margin: 0;
	padding: 11px 15px 10px;
	display: block;
	font-weight: normal;
}
 @media (min-width: 992px) and (max-width: 1300px) {
            .tag {
				width: 76%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .tag {
				width: 92%;
            }
        }
        @media (max-width: 767px) {
            .tag {
				width: 92%;
            }
        }

.tuijian_img{width:100%;
position: relative;height:auto;
  display: inline-block;overflow: hidden;margin-bottom:15px;}
.tuijian_img img{}

.tuijian_img p{
position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white; /* 标题文字颜色 */
  background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
  padding: 6px; /* 内边距 */
  text-align: center; /* 文字居中 */
  font-size: 16px;
}
.xian{width:85%;height:35px;line-height:35px;border-bottom: 1px solid #ccc;margin:0 auto;font-size:16px;}
 @media (min-width: 992px) and (max-width: 1300px) {
            .xian {
				width: 76%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .xian {
				width: 96%;
            }
        }
        @media (max-width: 767px) {
            .xian {
				width: 96%;
            }
        }
		
/*导航*/		
#header {
    background-color: #134faa;
    padding: 10px 10%;
}

#header a {
    text-decoration: none;
    color: white;
}

#header a:hover {
    color: #DDD;
}
/* 导航栏按钮 */
.btn {
    display: none;
    float:right;
    margin-top: 5px;
    border: 0;
    border-radius: 5px;
    width: 40px;
    height: 40px;
}
/* 文字Logo */
#header a.logo {
    float:left;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
}

#header div.nav {
    height: 35px;
}

#header ul.nav-bar {
    list-style: none;
    float: right;
    line-height: 35px;font-size:16px;
}
#header ul.nav-bar li {
    float:left;
    padding: 0 10px;
}

@media screen and (max-width: 768px){
    #header {
        padding: 10px 5%;
        height: 40px;
        overflow: hidden;
    }
    #header a.logo {
        line-height: 45px;
        font-size: 20px;
    }
    .btn {
        display: block;
    }
    #header ul.nav-bar {
        margin-top: 15px;
        border-top: solid 1px #fff;
        width:100%;
    }
    #header ul.nav-bar li {
        float: none;
        padding: 0 10px;
		font-size:16px;
    }
}

.new{width:85%;height:auto;margin:0 auto;}
@media (min-width: 992px) and (max-width: 1300px) {
            .new {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .new {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
        @media (max-width: 767px) {
            .new {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
.new_left{width:70%;float:left;}
@media (min-width: 992px) and (max-width: 1300px) {
            .new_left {
				width: 70%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .new_left {
				width: 100%;margin:0 auto;
            }
        }
        @media (max-width: 767px) {
            .new_left {
				width: 100%;margin:0 auto;
            }
        }
		
.new_right{width:26%;float:right;border-radius:5px;background-color: #fdfdfd;padding:1%;}
.new_right img{max-width: 100%;text-align: center;}
.new_right p{line-height: 40px;}
.new_right table{width:100%;}
.new_right table img{width:85%;text-align: center;margin:0 auto;}
@media screen and (max-width: 768px) {
  .new_right {
    display: none;
  }
}
	
.new_left_tw{width:98%;background-color: #fdfdfd;padding:1%;overflow: auto;position: relative;height:auto;margin-bottom:8px;}
.new_left_tw_img{width:30%;height:auto;float:left;margin-right:3%;}
.new_left_tw_img img{width:100%;height:auto;overflow: hidden;}
.new_left_tw_wz{width:67%;height:auto;float:right;overflow: auto;}
.new_left_tw_wz h3{margin-top:8px;font-weight: normal;font-size:16px;}
.new_left_tw_wz span{position: absolute;bottom:10px;color:#8e8e90;font-size:14px;}
.new_left_tw_wz p{color:#666b71;line-height:25px;width:100%;margin-top:15px;}
@media screen and (max-width: 768px) {
  .new_left_tw_wz p {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .new_left_tw_wz span {
    display: none;
  }
}

.box1{width:100%;margin:0 auto;color:#000000;text-align: center;background-color:#fff;padding-top:15px;padding-bottom:15px;}
.box1 h1{font-size:20px;}
.box1 span{color:#FF0000;}
.box1 p{width: 80%;margin:0 auto;font-size:16px;text-align: center;margin-top:10px;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .box1 {
                 width: 100%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box1  {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .box1   {
               width: 96%;
            }
        }	
		
		
.box2{width:80%;margin:0 auto;margin-top:20px;}
.box2 img{width:100%;}
.box2 h2{font-size:18px;height:25px;line-height:25px;padding:10px;font-weight: normal;}
.box2 h3{font-size:20px;font-weight: normal;margin:0 auto;text-align: center;margin-top:10px;}
.box2 h3 span{font-size:12px;}
.box2 p{font-size:14px;line-height:25px;padding-bottom:15px;padding-left:15px;}
.box2_1{width:49%;float:left;margin-right:1%;background-color:#fff;margin-bottom:25px;}
.box2_2{width:49%;float:left;margin-left:1%;background-color:#fff;margin-bottom:25px;}
.box2_3{width:49%;float:left;margin-right:1%;background-color:#fff;margin-bottom:25px;}
.box2_4{width:49%;float:left;margin-left:1%;background-color:#fff;margin-bottom:25px;}	
        @media (min-width: 992px) and (max-width: 1300px) {	
            .box2 {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box2 {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .box2  {
               width: 96%;
            }
        }	
		
        @media (min-width: 992px) and (max-width: 1300px) {
            .box2_1 {
                 width: 49%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box2_1 {
                width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
        @media (max-width: 767px) {
           .box2_1 {
               width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
        @media (min-width: 992px) and (max-width: 1300px) {
            .box2_2 {
                 width: 49%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box2_2 {
                width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
        @media (max-width: 767px) {
            .box2_2 {
               width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }		
		

        @media (min-width: 992px) and (max-width: 1300px) {
            .box2_3 {
                 width: 49%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box2_3 {
                width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
        @media (max-width: 767px) {
            .box2_3 {
               width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }	

        @media (min-width: 992px) and (max-width: 1300px) {
            .box2_4 {
                 width: 49%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box2_4 {
                width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
        @media (max-width: 767px) {
            .box2_4 {
               width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }	
.box3{width:80%;margin:0 auto;margin-top:20px;margin-mottom:20px;background-color:#fff;height:auto;overflow:hidden; }
.box3 img{width:100%;}
.box3 p{font-size:14px;line-height:30px;padding:15px;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .box3 {
                 width: 80%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box3  {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .box3   {
               width: 96%;
            }
        }	
.box3_1{width:49%;float:left;margin-right:1%;margin-bottom:25px;}
.box3_1 p{font-size:14px;line-height:25px;text-align:left;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .box3_1 {
                 width: 49%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box3_1 {
                width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
        @media (max-width: 767px) {
           .box3_1 {
               width: 100%;clear: both;margin:0 auto;margin-bottom:15px;
            }
        }
.box3_2{width:48%;float:left;background-color:#fff;padding:1%;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .box3_2 {
                 width: 48%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .box3_2 {
                width: 98%;clear: both;margin:0 auto;margin-bottom:15px;padding:1%;
            }
        }
        @media (max-width: 767px) {
           .box3_2 {
               width: 98%;clear: both;margin:0 auto;margin-bottom:15px;padding:1%;
            }
        }
		
.yueji{text-align: center;margin-top:20px;margin:0 auto;color:#FF0000;}		


.xiangqing{width:83%;height:auto;margin:0 auto;background-color: #fff;padding:1%;}
.xiangqing p{line-height:28px;}
.xiangqing img{max-width: 100%;
	text-align: center;margin:auto;}
@media (min-width: 992px) and (max-width: 1300px) {
            .xiangqing {
				width: 96%;margin-left:2%;margin-right:2%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .xiangqing {
				width: 96%;margin-left:2%;margin-right:2%;
            }
        }
        @media (max-width: 767px) {
            .xiangqing {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }


.toy{width:85%;height:100%;margin:0 auto;margin-bottom:10px;background-color:#FFFFFF;overflow:hidden;}
@media (min-width: 992px) and (max-width: 1300px) {
            .toy {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .toy {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
        @media (max-width: 767px) {
            .toy {
				width: 96%;magtin-left:2%;margin-right:2%;
            }
        }
		
.toy_left{width:55%;float:left;}
@media (min-width: 992px) and (max-width: 1300px) {
            .toy_left {
				width: 55%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .toy_left {
				width: 100%;margin:0 auto;clear: both;
            }
        }
        @media (max-width: 767px) {
            .toy_left {
				width: 100%;margin:0 auto;clear: both;
            }
        }


.toy_right{width:41%;float:right;margin-left:2%;padding:1%;}
@media (min-width: 992px) and (max-width: 1300px) {
            .toy_right {
				width: 41%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .toy_right {
				width: 98%;margin:0;margin:0 auto;clear: both;
            }
        }
        @media (max-width: 767px) {
            .toy_right {
				width: 98%;margin:0;margin:0 auto;clear: both;
            }
        }
		
.toy_right h1{font-size:18px;font-weight:normal;height:auto;line-height:30px;margin-bottom:10px;}
.toy_right h2{font-size:12px;font-weight:normal;width:100%;height:auto;line-height:25px;margin-bottom:10px;color:#999999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.toy_right h4{font-size:18px;height:auto;line-height:30px;margin-bottom:10px;color:#FF0000;}	
.toy_right p{font-size:16px;height:auto;line-height:30px;margin-bottom:10px;}
.toy_right table{width:100%;}
.toy_right table img{width:65%;text-align: center;margin:0 auto;}
.toy_right span a{
display:block;
	top:15px;
	background-color: #f28800;
	color:#FFFFFF;
	overflow:hidden;
	padding: 8px 16px;
	color:#FFFFFF;
	text-align: center;
	margin-top:10px;
	}




/*产品详情页缩略图*/
.product-images {
  width: 100%;
  max-width: 1024px; /* 可根据需要调整最大宽度 */
  margin: 0 auto;
}

.big-image {
  width: 100%;
  margin-bottom: 10px;
}

.big-image img {
  width: 100%;
  height: auto;
}

.small-images {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.small-images img {
  width: calc(20% - 3px); /* 8 张小图，减去间距 */
  height: auto;
  cursor: pointer;
}
/*banner*/
        .slider {
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .slides {
            display: flex;
            width: 300%;
            transition: transform 0.5s ease-in-out;
        }

        .slide {
            width: 33.33%;
        }

        .slide img {
            width: 100%;
            height: auto;
            display: block;
        }

        .prev,
        .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            padding: 10px;
            cursor: pointer;
            z-index: 10;
        }

        .prev {
            left: 10px;
        }

        .next {
            right: 10px;
        }
		
#biaoge{
    width: 100%;
    border-collapse: collapse;
	margin-top:10px;
	text-align: left;
	}		
#biaoge th{
    border: 1px solid #f2f1f5;
    padding: 8px;text-align: left;
}
#biaoge td{
    border: 1px solid #f2f1f5;
    padding: 8px;text-align: left;
}