*{margin:0;padding:0;}
body{overflow-x:hidden;margin:auto;font-size:12px;}
li{list-style:none;}
ol li{list-style:inherit;}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
a{text-decoration:none;font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}

@font-face {
	font-family: 'HelveticaNeueLTPro-LtEx';
	src: local('HelveticaNeueLTPro-LtEx'), url(../fonts/HelveticaNeueLTPro-LtEx.woff) format('woff');
}
@font-face {
	font-family: 'HelveticaNeueLTPro-MdEx';
	src: local('HelveticaNeueLTPro-MdEx'), url(../fonts/HelveticaNeueLTPro-MdEx.woff) format('woff');
}
@font-face {
	font-family: 'Montserrat-SemiBold';
	src: local('Montserrat-SemiBold'), url(../fonts/Montserrat-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'PRG75';
	src: local('PRG75'), url(../fonts/PRG75.woff) format('woff');
}
@font-face {
	font-family: 'lucidasans';
	src: local('lucidasans'), url(../fonts/lucidasans.woff) format('woff');
}
@font-face {
	font-family: 'Rubik-Medium';
	src: local('Rubik-Medium'), url(../fonts/Rubik-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Helvetica';
	src: local('Helvetica'), url(../fonts/Helvetica.otf) format('woff');
}
@font-face {
	font-family: 'BebasKai';
	src: local('BebasKai'), url(../fonts/BebasKai.woff) format('woff');
}

html {
	font-size: 100px !important;
}

body {
	background: #fff !important;
}

@media screen and (max-width: 1680px) {
	html {
		font-size: 86px !important;
		overflow-x:hidden;
	}
}

@media screen and (max-width: 1440px) {
	html {
		font-size: 78px !important;
	}
}

@media screen and (max-width: 1200px) {
	.hidden-1280 {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	html {
		font-size: 60px !important;
	}
}

@media screen and (max-width: 768px) {
	html {
		font-size: 60px !important;
	}

}

.topbox {
	width: 100%;
	background: #cad1db;
	padding-bottom: 0.2rem;
}
.toptitle {
	font-family: "Noto Sans SC";
	color: #0f0f0f;
	font-size: .36rem;
	line-height: 0.45rem;
	text-align: center;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
}

.topsearchbox {
	width: calc(100% - .3rem);
	margin-left: auto;
	margin-right: auto;
	height: 0.7rem;
	border-radius: .35rem;
	background: #fff;
	padding-left: 0.3rem;
	overflow: hidden;
}
.topsearchbox form {
	height: 0.7rem;
}
.topsearchico {
	width: 0.34rem;
	display: flex;
	float: left;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.topsearchico img {
	width: 100%;
}
.topsearchinput {
	width: calc(100% - 1.54rem);
	height: 0.7rem;
	line-height: 0.7rem;
	float: left;
}
.topsearchinput input {
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	color: #333;
	font-size: .24rem;
	padding-left: 0.15rem;
	border: none;
	background: none;
}
input{ outline: none; }
.topsearchinput input::placeholder {
	line-height: 0.7rem;
	color: #8e8e8e;
	font-size: .24rem;
}
.topsearchss {
	width: .9rem;
	line-height: 0.7rem;
	color: #333;
	font-size: .24rem;
	float: right;
}
.topsearchss a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.7rem;
	color: #333;
	font-size: .24rem;
}

.footerbpx {
	width: 100%;
	height: 1rem;
	background: #e0e5e8;
	position: fixed;
	bottom: 0;
	left: 0;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}
.flogo {
	width: 2.13rem;
	height: 100%;
	
	float: left;
}
.flogo a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.flogo img {
	width: 100%;
}
.footerright {
	float: right;
	display: flex;
	justify-content: space-around;
	width: calc(100% - 2.5rem);
}
.footeritem {
	float: left;
}
.footeritem a {
	color: #323232;
	font-size: .24rem;
	line-height: 1rem;
	font-family: "Noto Sans SC";
}
.footerzw {
	width: 100%;
	height: 1rem;
}


.homecenter {
	width: 100%;
	height: calc(100vh - 1rem);
	position: relative;
}

.homesp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; /* 占满整个屏幕高度 */
	overflow: hidden; /* 隐藏超出容器的部分 */
}
.homesp:after {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.fullscreen-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 核心属性：保持比例缩放并裁剪边缘，只显示中间部分 */
	object-fit: cover;
	/* 可选：视频居中对齐（默认也是居中） */
	object-position: center;
}
.homecenterbox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
	width: calc(100% - .3rem);
	text-align: center;
}
.homecentertitle {
	font-family: "Noto Sans SC";
	font-weight: 900;
	font-size: .5rem;
	line-height: .75rem;
	color: #fff;
}
.homecenterftitle {
	text-transform: uppercase;
	font-family: "BebasKai";
	color: #ffffff;
	font-size: .28rem;
	line-height: .42rem;
	margin-top: 0.1rem;
}
.homecentermore {
	width: 3.8rem;
	height: 0.8rem;
	border-radius: .4rem;
	background: #d10b15;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
}
.homecentermore a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.8rem;
	text-align: center;
	color: #ffffff;
	font-size: .28rem;
	font-family: "Noto Sans SC";
}





.pronavbox {
	width: 100%;
	padding-left: 0.15rem;
	padding-top: 0.2rem;
	padding-bottom: 0.1rem;
	overflow-x: auto;           /* 横向滚动 */
  overflow-y: hidden;
  white-space: nowrap;        /* 不换行 */
  -webkit-overflow-scrolling: touch; /* iOS 惯性滑动 */
}
.pronav {
	display: inline-flex; 
	gap: .25rem;  
}
.pronavitem {
	display: inline-block;
}
.pronavitem a {
	font-family: "Noto Sans SC";
	color: #292929;
	font-size: .3rem;
	line-height: 0.45rem;
	display: block;
}
.pronavitemxz a {
	color: #d10b15;
}



.procontentbox{
	width: calc(100% - .3rem);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 0.2rem;
	padding-bottom: 0.5rem;
}
.proitem {
	float: left;
	width: calc((100% - .2rem) / 2);
	margin-left: 0.2rem;
	overflow: hidden;
	background: #fff;
	border-radius: .5rem;
	margin-top: 0.2rem;
}
.proitem:nth-child(1) {
	margin-top: 0;
}
.proitem:nth-child(2) {
	margin-top: 0;
}
.proitem:nth-child(2n-1) {
	margin-left: 0;
}
.proitem a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 0.4rem;
	padding-bottom: 0.3rem;
}
.proitempic {
	width: 100%;
}
.proitempic img {
	width: 100%;
}

.proitemtitle {
	width: calc(100% - .4rem);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #161616;
	font-size: .24rem;
	line-height: 0.35rem;
	height: 0.35rem;
	text-align: center;
	margin-top: 0.15rem;
}



.fanye {
	width: calc(100% - .3rem);
	margin-left: auto;
	margin-right: auto;
}

.fanye .pagination {
	margin-top: .6rem;
	
}
.fanye a {
	float: left;
	margin-left: 3.5px;
	margin-right: 3.5px;
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	text-align: center;
	font-family: "Arial";
	line-height: 0.4rem;
	font-size: .18rem;
	color: #9b9b9b;
}
.fanye p {
	float: left;
	line-height: 0.4rem;
}
.fanye .syy {
	color: #565555;
	margin-right: 20px;
	width: auto;
	font-size: .16rem;
	display: inline-block;
}
.fanye .xyy {
	color: #565555;
	margin-left: 20px;
	width: auto;
	display: inline-block;
	font-size: .16rem;
}
.fanye .cur {
	background: #ff0000;
	color: #fff;
}
.fanye .pagination {
	overflow: hidden;
	display: table;
	margin-left: auto;
	margin-right: auto;
}




.guanyubox {
	width: calc(100% - .3rem);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.4rem;
}
.guanyuitem {
	font-size: .24rem;
	line-height: 0.45rem;
	font-family: "Noto Sans SC";
	color: #161616;
}
.guanyuitem img {
	max-width: 100%;
}
.guanyuitem p {
	font-family: "Noto Sans SC";
}
.guanyuitem a {
	font-family: "Noto Sans SC";
}
.guanyuitem span {
	font-family: "Noto Sans SC";
}







.xxnrdwk {
	width: 100%;
}
.xxnrnk {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
  padding-bottom: 1.3rem;
}
.xxnrbt {
	color: #3d3d3d;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.xxnrnr {
	width: 100%;
	color: #797979;
	font-size: .16rem;
	line-height: .28rem;
	margin-top: .48rem;
}
.xxnrnr table {
	max-width: 100%;
}
.xxnrnr tbody {
	max-width: 100%;
}
.xxnrnr img {
	max-width: 100%;
}
.xxnrfy {
	height: .25rem;
	overflow: hidden;
	line-height: .25rem;
	font-size: .14rem;
	color: #a9a9a9;
	transition: .5s all;
	display: flex;
	justify-content: space-between;
margin-top: .5rem;
}
.xxnrfy a {
	color: #a9a9a9;
}
