* { margin: 0; padding: 0; box-sizing: border-box; }

@font-face {
    font-family: 'DINRegular';
    src: url('/font/din-regular-webfont.eot');
    src: url('/font/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/din-regular-webfont.woff') format('woff'),
         url('/font/din-regular-webfont.ttf') format('truetype'),
		 url('/font/din-regular-webfont.otf') format('otf'),
         url('/font/din-regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background-color: #FFFFFF; font-family: 'DINRegular', Arial, Helvetica, sans-serif; }

/* Banner容器 - 固定宽高比 2:1 */
.banner-container { position: relative; width: 100%; padding-top: 50%; /* 2:1 */ overflow: hidden; background-color: #eee; cursor: grab; }
.banner-container:active { cursor: grabbing; }
/* 图片容器 - flex横向排列 */
.banner-images { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: flex; }
/* 单个banner slide */
.banner-slide { flex: 0 0 100%; height: 100%; position: relative; opacity: 0; transition: opacity 1s ease-in-out; }
.banner-slide.active { opacity: 1; }
/* 图片和视频都占满容器 */
.banner-slide img, .banner-slide video { width: 100%; height: auto; object-fit: cover; display: block; background: transparent; }
/* 按钮容器 */
.banner-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 16px; z-index: 999; }
/* 圆形按钮 */
.dot { width: 16px; height: 16px; border-radius: 50%; background-color: rgba(200, 200, 200, 0.5); border: 0px; cursor: pointer; transition: all 0.3s ease; }
.dot:hover { background-color: rgba(200, 200, 200, 0.8); transform: scale(1.1); }
.dot.active { background-color: #D18E90; }
/* 拖拽时禁用滑动过渡 */
.banner-images.dragging { transition: none; }
/* 滑动动画类 */
.banner-images.sliding { transition: transform 0.5s ease-out; }
/* 左上角标题 */
.tit { position: absolute; top: 24px; left: 20px; z-index: 20; color: #fff; border-radius: 4px; font-size: 14px; line-height: 18px; text-decoration: none; transition: all 0.3s ease; }
.tit b { font-size: 18px; font-weight: bold; }
/* 右上角 Homepage 按钮 */
.homepage-btn { position: absolute; top: 20px; right: 30px; z-index: 20; color: #ffffff; border-radius: 4px; font-size: 14px; text-decoration: none; transition: all 0.3s ease; }
.homepage-btn:hover { transform: translateY(-2px); color: #D18E90; }



.divtexbox { padding: 20px; font-size: 15px; color: #888; line-height: 24px; }
.divtexbox a { color: #0078e8; text-decoration: none; }
.divtexbox a:hover { color: #D18E90; text-decoration: underline; }
.divtexbox b { font-size: 18px; color: #888; line-height: 18px; font-weight: bold; }
.divtexbox tit { font-size: 30px; color: #888; line-height: 40px; font-weight: bold; }
.divtexbox stan { font-size: 24px; color: #D18E90; line-height: 30px; }
.divtexps { font-size: 12px; color: #D18E90; padding: 30px 0 20px 20px; }

.pic img { width: 100%; padding: 10px 0px 0px 0px; }
.picsmall { width: 100%; padding: 40px 0px 20px 0px; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.picsmall img { width: 25%; height: auto; }

.footlogo { width: 100%; padding: 20px 0px 20px 0px; text-align: center; justify-content: center; margin-left: auto; margin-right: auto; }
.footlogo img { width: 160px; height: 29px; }



/* ---响应式调整--- */
@media (max-width: 768px) {

/* 1. 布局改动：所有内容从上到下排列，去掉滑动 */
.banner-container { padding-top: 0 !important; height: auto !important; overflow: visible !important; cursor: default !important; }
.banner-container:active { cursor: default !important; }
.banner-images { position: relative !important; transform: none !important; display: block !important; transition: none !important; }
.banner-slide { flex: none !important; width: 100% !important; height: auto !important; position: relative !important; opacity: 1 !important; margin-bottom: 2px; /* 图片/视频之间加间距 */ }
/* 隐藏底部切换圆点 */
.banner-dots { display: none !important; }
/* 2. 彻底禁用滑动切换，去掉拖拽行为 */
.banner-container { user-select: none !important; -webkit-user-select: none !important; -webkit-touch-callout: none !important; }
.banner-slide img { -webkit-user-drag: none !important; user-drag: none !important; }

/* 左上角标题 */
.tit { top: 14px; font-size: 8px; line-height: 12px; }
.tit b { font-size: 9px; line-height: 12px; }
/* 右上角 Homepage 按钮 */
.homepage-btn { top: 12px; right: 16px; font-size: 10px; }

.banner-dots { bottom: 12px; gap: 10px; }
.dot { width: 12px; height: 12px; }
	
.divtexbox { font-size: 13px; line-height: 18px; }
.divtexbox b { font-size: 13px; }
.divtexbox tit { font-size: 16px; line-height: 24px; }
.divtexbox stan { font-size: 13px; line-height: 16px; }
.divtexps { font-size: 9px; color: #999999; }
	
.pic img { width: 100%; padding: 1px 0px 0px 0px; }
.picsmall img { width: 50%; height: auto; }
.footlogo img { width: auto; height: 27px; }
	
}