body,div,ul,li{margin:0;padding:0;}
ul{list-style:none;}
img{border:0;}

.banner{margin:0px auto 0;width:530px;overflow:hidden;}
.large_box{margin-bottom:10px;width:725px;height:350px;overflow:hidden;}
.large_box ul{margin: 0;padding: 0;}
.large_box ul li{
	background: #F3F3F3;
    width: 530px;
    height: 350px;
    text-align: center;
    float: left;
    overflow: hidden; /* 超出DIV大小的图片将被裁剪 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中，如果也需要水平居中的话 */
	
}
.large_box ul li img{ 
	max-width: 100%; /* 图片最大宽度为DIV宽度 */
    max-height: 100%; /* 图片最大高度为DIV高度 */
    width: auto; /* 宽度自动，保持原始宽高比 */
    height: auto; /* 高度自动，保持原始宽高比 */}



.small_box{width:530px;height:73px;overflow:hidden;}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden;}
.small_list ul{height:73px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:110px; display: block;cursor: pointer; overflow:hidden;/*超出部分隐藏*/ }
.small_list ul li img{display:block;object-fit: cover;/* 图片按照等比铺满容器,保持原有尺寸比例,但部分内容可能被剪切。 */}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:110px;height:73px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.btn_pic{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn_pic:hover{background-color:#e7000e;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.right_btn{float:right;background-image:url(../images/right_btn.png);}


.content2 {width: 640px; padding: 20px; margin: 20px auto; border: 1px solid #DDDDDD;}
.content2 img { width: 100px;height: 100px; }



.details_pic_box{ 
	margin: 10px auto; 
	width:625px;
	height: 468px;
	border: 1px solid #E0E0E0;
	background: #EFEFEF;

}


.details_pic{ 
	width:625px!important;
	height: 468px!important;
	text-align: center;
    overflow: hidden; /* 超出DIV大小的图片将被裁剪 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中，如果也需要水平居中的话 */
}

.details_pic img{
	width: 100%;
    height: 100%;
    object-fit: cover;/* 图片按照等比铺满容器,保持原有尺寸比例,但部分内容可能被剪切。 */}