@charset "utf-8";

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, iframe, img, ins, kbd, label, legend, li, object, ol, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: transparent
}

body, html {
	color: #000;
	word-break: break-word;
}

html {
	-webkit-text-size-adjust: 100%;
	font-size: 100px;
	overflow-x: hidden;
}



body, table, input, pre, select, th, td, textarea {
	font-size: 0.16rem;
	font-family: "Roboto-Regular";
}

@media (min-width:1921px) {
	html {
		font-size: 6vw
	}
}

@media (max-width:1660px) {
	html {
		font-size: 6vw
	}
}

@media (max-width:1024px) {
	html {
		font-size: 9.765625vw
	}
}

@media (max-width:1024px) {
	html {
		font-size: 9vw
	}
}

@media (max-width:768px) {
	body, input, pre, select, th, td, textarea {
		font-size: 0.22rem
	}
}

@media (max-width:640px) {
	html {
		font-size: 14vw
	}

	body, input, pre, select, th, td, textarea {
		font-size: 0.24rem
	}
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
	padding: 0;
	margin: 0;
}

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

table, table td {
	border-collapse: collapse;
}

table {
	border-spacing: 0;
}

select, input, textarea {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 去掉链接触摸高亮 */
}

a:hover {
	text-decoration: none;
}

a:focus {
	color: #333;
	outline: none;
	-moz-outline: none;
}

a:active {
	color: #333;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	text-align: justify;
	text-justify: inter-ideograph;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	zoom: 0;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.dot {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dot2, .dot3, .dot4, .dot5, .dot6, .dot7, .dot8, .dot9 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	-webkit-box-orient: vertical;
}

.dot2 {
	-webkit-line-clamp: 2;
}

.dot3 {
	-webkit-line-clamp: 3;
}

.dot4 {
	-webkit-line-clamp: 4;
}

.dot5 {
	-webkit-line-clamp: 5;
}

.dot6 {
	-webkit-line-clamp: 6;
}

.dot7 {
	-webkit-line-clamp: 7;
}

.dot8 {
	-webkit-line-clamp: 8;
}

.dot9 {
	-webkit-line-clamp: 9;
}

.ytable {
	display: table;
	width: 100%;
}

.ytable-fixed {
	table-layout: fixed;
}

.ytable-cell {
	display: table-cell;
	vertical-align: middle;
}

@media (max-width:1024px) {

	.ytable.xy,
	.ytable.xy .ytable-cell {
		display: block;
	}
}

.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nM {
	margin: 0;
}

.nP {
	padding: 0;
}

.pr {
	position: relative;
}

.pc-hide,
.web-hide {
	display: none;
}

.pc-show,
.web-show {
	display: none;
}

.back-pic {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

select.select-css {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-repeat: no-repeat;
	background-position: 98% center;
	background-color: transparent;
	padding-right: 20px;
	padding-left: 10px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
	display: none;
}

/**初始 End**/

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

/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/

/*用于图片变黑白*/
.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	filter: gray
}

.grayscale.grayscale-fade {
	transition: filter .5s;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.grayscale.grayscale-fade {
		-webkit-transition: -webkit-filter .5s;
		transition: -webkit-filter .5s;
	}
}

.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.grayscale.grayscale-replaced {
	-webkit-filter: none;
	filter: none
}

.grayscale.grayscale-replaced>svg {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 0
}

.flipInY .grayscale.grayscale-replaced>svg {
	opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg {
	opacity: 0
}

/**页面框架 End**/


/*局部根元素大小*/
.auto-inner {
	max-width: 16rem;
	margin: 0 auto;
}

@media (max-width:1024px) {
	.auto-inner {
		padding: 0 .3rem;
	}
}




/* flex 布局 */
.d-flex {
	display: -webkit-flex;
	display: flex;
}

.j-end {
	justify-content: flex-end;
}

.j-center {
	justify-content: center;
}

.j-sb {
	justify-content: space-between;
}

.j-start {
	justify-content: flex-start;
}

.f-wrap {
	flex-wrap: wrap;
}

.f-colu {
	flex-direction: column;
}

.a-center {
	align-items: center;
}

.a-self {
	align-items: self-start;
}

.a-start {
	align-items: flex-start;
}

.a-baseline {
	align-items: baseline;
}

.a-end {
	align-items: flex-end;
}

.al-start {
	align-content: flex-start;
}

.al-end {
	align-content: flex-end;
}

.al-center {
	align-content: center;
}

.al-sb {
	align-content: space-between;
}

.al-sa {
	align-content: space-around;
}

.al-stretch {
	align-content: stretch;
}

/* 图标字体 */
/* @font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.woff2?t=1715827384684') format('woff2'),
		url('../fonts/iconfont.woff?t=1715827384684') format('woff'),
		url('../fonts/iconfont.ttf?t=1715827384684') format('truetype');
} */

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* 文字字体 */
/* @font-face {
	font-family: "Roboto-Black";
	src: url("../fonts/Roboto-Black.woff"),
		url("../fonts/Roboto-Black.ttf");
} */

/* @font-face {
	font-family: "Roboto-Bold";
	src: url("../fonts/Roboto-Bold.woff"),
		url("../fonts/Roboto-Bold.ttf");
} */

/* @font-face {
	font-family: "Roboto-Light";
	src: url("../fonts/Roboto-Light.woff"),
		url("../fonts/Roboto-Light.ttf");
} */

/* @font-face {
	font-family: "Roboto-Medium";
	src: url("../fonts/Roboto-Medium.woff"),
		url("../fonts/Roboto-Medium.ttf");
} */

/* @font-face {
	font-family: "Roboto-Regular";
	src: url("../fonts/Roboto-Regular.woff"),
		url("../fonts/Roboto-Regular.ttf");
} */

/* @font-face {
	font-family: "HarmonyOS-Regular";
	src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf"),
		url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
} */