@charset "UTF-8";

@font-face {
	font-family: "三极亚宋黑简体-细";
	src:url('../fonts/sanji.ttf') format('truetype'), url('../fonts/myfont-subset.woff2') format('woff2'), url('../fonts/myfont-subset.woff') format('woff');
	font-weight: 300;
	/* 指定字重 */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "VFTSFONT";
	src:url('../fonts/VFTSFONT.ttf') format('truetype'), url('../fonts/VFTSFONT.woff2') format('woff2'), url('../fonts/VFTSFONT.woff') format('woff');
	font-weight: normal;
	/* 指定字重 */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "VFTSFONT-Medium";
	src:url('..fonts/VFTSFONT-Medium.ttf') format('truetype'), url('../fonts/VFTSFONT-Medium.woff2') format('woff2'), url('../fonts/VFTSFONT-Medium.woff') format('woff');
	font-weight: normal;
	/* 指定字重 */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "苹方 全称";
	src: url('../fonts/PingFangSCRegular.woff2') format('woff2'), url('../fonts/PingFangSCRegular.woff') format('woff');
	/* 优先加载WOFF2 */
	font-weight: normal;
	/* 指定字重 */
	font-style: normal;
	font-display: swap;
}

@font-face {
	/* 优先加载WOFF2 */
	font-family: "VFTSFONT-BOLD";
	src:url('../fonts/VFTSFONT-BOLD.ttf') format('truetype'), url('../fonts/VFTSFONT-BOLD.woff2') format('woff2'), url('../fonts/mVFTSFONT-BOLD.woff') format('woff');
	font-weight: 700;
	/* 指定字重 */
	font-style: normal;
	font-display: swap;
}

body{
		font-family:"三极亚宋黑简体-细";
		font-weight: 300;
		-webkit-font-smoothing: antialiased;  /* Safari 专属 */
  		-moz-osx-font-smoothing: grayscale;   /* Firefox macOS */
  		text-rendering: optimizeLegibility;  
		background-color: #F4F4F6;
	}

/* 或者针对 Safari 单独设置 */
_::-webkit-full-page-media, _:future, :root body {
  font-feature-settings: "kern" 1, "liga" 1; /* 只启用必需特性 */
  font-family:"三极亚宋黑简体-细";
}

b, strong {
    font-weight: 900;
}

p{
	text-align: justify;
	text-justify: inter-word;
}

.font_vf {
	font-family: "VFTSFONT";
}

.font_vf_B {
	font-family: "VFTSFONT-BOLD";
}

.font_vf_L {
	font-family: "VFTSFONT-Light";
}

.font_vf_M {
	font-family: "VFTSFONT-Medium";
}

.font_vf_pf {
	font-family: "苹方 全称";
}

.font_title {
	font-size: 1.5625rem;
	font-weight: 500;
}

a {
	color: #666666;
	text-decoration: none;
}
 a:hover {
	color: #666666;
	text-decoration: none;
}



.navbar-dark .navbar-toggler {
    color: #666666;
    border-color: rgba(255, 255, 255, .1);
	border:none;
}

.header .navbar-nav .nav-link {
	color: #FFFFFF ;
	text-decoration: none;
}

.header .nav-link:hover {
	color: #666666 ;
	text-decoration: none;
}

.header a {
	color: #FFFFFF ;
	text-decoration: none;
}

.header a:hover {
	color: #666666 ;
	text-decoration: none;
}

.header_w .nav-link:hover {
	color: #3498db ; 
	text-decoration: none;
}


footer a {
	color: #FFFFFF;
	text-decoration: none;
}

footer a:hover {
	color: #666666;
	text-decoration: none;
}

.header,.header_w li:before{
	content: none;
}

.font_title:before{
	content: none;
}

img {
	max-width: 100%;
}

.nav-link :hover {
	color: #666666;
}

.flex {
	display: flex;
	/* 将单元格变为Flex容器 */
	align-items: center;
}

.flex_start {
	justify-content: flex-start;
	/* 在主轴上（水平方向）居中 - 可选 */
	align-items: center;
	/* 在交叉轴（垂直方向）上居中 */
}

.flex_start .nav-item:first-child{
	margin-right: 2rem;
}

.flex_center {
	justify-content: center;
	/* 在主轴上（水平方向）居中 - 可选 */
	align-items: center;
	/* 在交叉轴（垂直方向）上居中 */
}

.flex_end {
	justify-content: flex-end;
	/* 在主轴上（水平方向）居中 - 可选 */
	align-items: center;
	/* 在交叉轴（垂直方向）上居中 */
	padding-right: 0;
}
.col-9 {
	padding: 0;
	max-width: 1200px;
}

.col-md-9 {
	max-width: 1200px;
}

.header {
	width: 100%; /* 宽度由布局决定（比如父容器的宽度）*/
  	aspect-ratio: 16 / 9; 
	background-image: url("../Imgs/banner.png");
	background-size: cover;
	background-position: center;
	align-items: flex-start;
}

.banner_text{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20dvh;
	width: 20%;
}

.banner_a{
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height:70vh;
}

.header_w {
	background-color: #FFFFFF;
	align-items: center;
	height: 7rem;
}
.navbar-toggler:focus {
   
    box-shadow:none;
}



.row {
	margin: 0;
	padding: 0;
}
.row>*{
	padding: 0;
}

.bottom {
	background-color: #000000;
	height: 12.5rem;
	margin-top: 6.25rem;
	/* font-size: 0.8rem; */
}

.font_color_withe {
	color: #FFFFFF;
}

ul {
	list-style-type: none;
	margin: 0;
}

li {
	position: relative;
}

li::before {
	content: "";
	/* 必须有的属性 */
	position: absolute;
	left: -10px;
	top: 1rem;
	/* 与文本的第一行对齐 */
	transform: translateY(-50%);
	/* 微调垂直居中 */

	/* 以下代码创建一个实心圆 */
	width: 0.1875rem;
	height: 0.1875rem;
	background-color: rgba(102, 102, 102, 0.35);
	/* 可以改成任何颜色！ */
	border-radius: 50%;
	/* 让它变成圆形 */
}

#Community li:before,.header li:before {
	content: none;
}

.navbar-nav .nav-link {
    color: #666666;
	padding: 0.5rem 1rem;
}



.navbar-dark .navbar-brand {
    color: #666666;
}
.navbar-brand{
	margin: 0;;
}
.logo_mobile{
		max-height: 75px;
}


@media(max-width:567px)  {
	.container-fluid,
		.container-lg,
		.container-md,
		.container-sm,
		.container-xl {
		/* font-family: "三极亚宋黑简体-细"; */
		padding: 0;
		background-color: #F4F4F6;
		
		/* max-width: 100%; */
	}
	html{
		font-size: 12px;
		/* font-family: "三极亚宋黑简体-细"; */
	}
	.nav-link {
		padding: .5rem 0.5rem;
	}
	
	#navbarNav{
		background: #FFFFFF;
		position: absolute;
		transform: translate(30%,55%);
		z-index: 999;
	}
	
	.back_bl{
		background: #000000 !important;
	}

	.banner_text{
	
	bottom: 3rem;
	width: 50%;
}
		
	/* strong {
    	font-weight: 700;
	} */
	.banner_a{
		
		height:5rem;
	}
	.sm-mr{
		margin-top: 1rem;;
	}
	.order-one{
		order: -1 !important;
	}
	.header {
	width: 100%; /* 宽度由布局决定（比如父容器的宽度）*/
  	aspect-ratio:9 / 16; 
	background-image: url("../Imgs/banner_mobile.jpg");
	}
	.logo_mobile{
		max-height: 40px;
    	display: block;;
    	margin: 0 auto;
	}
	.offcanvas{
		top:0;
		left:0;
		width: 100%;
		height: 100%;
	}
	.header .navbar-nav .nav-link {
    	color: #666666;
    	text-decoration: none;
	}
	.font_title_mobile {
		font-size: 1.5625rem;
		font-weight: 500;
	}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #666666;
	}
}

@media (min-width: 1000px) {
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		/* font-family: "三极亚宋黑简体-细"; */
		padding: 0;
		background-color: #F4F4F6;
		/* max-width: 100%; */
	}
	html{
		font-size: 15px;
		scroll-behavior: auto; 
		/* font-family: "三极亚宋黑简体-细"; */
	}
	/* 更精确的 Safari 检测 */
_::-webkit-full-page-media, _:future, :root html {
  		font-size: 19px;
	}
}