/* CSS Document */



body { color:#0b0d19;font:16px "Microsoft Yahei";}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option,button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;border: none;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

i,em{ font-style:normal;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

dl,dt{font-weight: normal;}

a {color:#0b0d19; text-decoration:none;} 

a:focus,input, button, textarea, select{outline:0;} 

a:hover{text-decoration: none;}



.c{clear: both;}

.fl{float: left;}

.fr{float: right;}

.imgfd{overflow: hidden;}

/* 容器样式 */
.imgfd {
  /* 可以设置容器的尺寸限制 */
  width: 100%;
  max-width: 800px; /* 示例最大宽度 */
  height: 100%; /* 容器高度，根据需求设置 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  overflow: hidden; /* 隐藏超出容器的部分 */
}

/* 图片样式 */
.imgfd img {
  transition: all 3s ease;
  width: auto; /* 取消强制100%宽度，让宽度按比例自适应 */
  height: auto; /* 高度按比例自适应 */
  max-width: 100%; /* 最大宽度不超过容器 */
  max-height: 100%; /* 最大高度不超过容器 */
  object-fit: contain; /* 保持完整比例显示，不裁剪 */
  display: block;
}



.imgfd:hover img{transform: scale(1.1);}



.center{width: 1500px;margin: 0 auto;}

@media (max-width: 1500px){.center{width: 96%;}}