/*样式初始化及公共样式部分*/
/* 全局变量定义 */
:root {
	--primary-color: #3a7bd5;
	--secondary-color: #00d2ff;
	--text-color: #333;
	--light-text: #666;
	--border-color: #e0e0e0;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-style: normal;
}

/* 轮播图容器样式 */
.th-carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
}

html,
body {
	height: 100%;
	/* border: 1px solid royalblue; */
}

*:focus {
	outline: none;
}

a {
	text-decoration: none;
	color: inherit;
}

/* 默认样式 */
body {
	width: 100%;
	min-width: 1360px;
	max-width: 1920px;
	overflow-x: hidden;
	margin: 0 auto;
	/* border: 1px solid red; */
}

/* 当屏幕宽度≥1920px时，body宽度设为100% */
@media (min-width:2560px) {
	body {
		width: 100%;
		 /* 移除最大宽度限制 */
		max-width: none;
	}
}


img,
a,
span {
	display: block;
}

img {
	max-width: 100%;
}

hr {
	border: none;
}

.page-container {
	width: 92%;
	max-width: 1520px;
	margin: 0 auto;
	position: relative;
}

ol,
ul,
li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
button {
	font-family: inherit;
	display: block;
}

button {
	background-color: transparent;
	border: none;
}

html,
button,
input,
select,
textarea {
	font-family: "Microsoft YaHei";
	color: #333;
}

.icon-font {
	user-select: none;
	font-size: inherit;
}

.icon-hot {
	color: #e83417;
}

.slider-controls {
	width: 100%;
	height: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 11;
}

.slider-controls .icon-font {
	cursor: pointer;
}

.content-block {
	line-height: 1.875;
	padding: 25px 0;
}

.content-block p {
	font-size: 15px;
	line-height: 1.875;
	color: #777;
	text-indent: 30px;
}

.content-block img {
	margin: 0 auto;
	height: auto !important;
}

p a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	display: inline;
}

p a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	text-decoration: underline;
}

p[style] img {
	display: inline-block;
}

table {
	width: 100%;
	margin: 0 auto;
	max-width: 100% !important;
	border-collapse: collapse;
	border-spacing: 0;
}

table td {
	width: auto !important;
}

table td[style*="border-style: solid;"] {
	border-color: #e2e2e2;
	padding: 10px;
	text-align: center;
}

.image-container {
	overflow: hidden;
}

.image-container img {
	transition: all 0.3s linear;
}

video {
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
}

/* 幻灯片 */
.main-banner {
	position: relative;
	overflow: hidden;
}

.main-banner img {
	width: 100%;
}

/* 轮播图圆点样式 */
.banner-dot-container {
	position: absolute;
	bottom: 100px;
	/* left: 50%; */
	/* transform: translateX(-50%); */
	z-index: 10;
	text-align: center;
	padding: 10px 20px;
	/* background-color: rgba(0, 0, 0, 0.3);
			border-radius: 20px; */
	/* border: 1px solid red; */
}

.banner-dot {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	background: #000;
	opacity: 0.7;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.banner-dot-active {
	background: #1677ff;
	opacity: 1;
	transform: scale(1.2);
}

.main-banner .slider-controls {
	transition: 0.3s all ease-in-out;
}

.main-banner .slider-controls .icon-font {
	width: 50px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 50px;
	border-radius: 5px 0 0 5px;
	opacity: 0;
	transition: 0.3s all ease-in-out;
}

.main-banner .slider-controls .icon-font:hover {
	opacity: 0.6 !important;
}

.main-banner .slider-controls .next-btn {
	transform: scaleX(-1);
}

.main-banner:hover .slider-controls {
	padding: 0 20px;
}

.main-banner:hover .slider-controls .icon-font {
	opacity: 0.3;
}

.banner-secondary img {
	width: 100%;
	display: block;
}

.cloudzoom-zoom {
	z-index: 111;
}

.viewer-container {
	z-index: 9999999 !important;
}