*{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: 'BEBAS';
	src: local('BEBAS'), url(../fonts/BEBAS.ttf) 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;
	}

}



.headerbox {
	width: 100%;
	background: #fff;
}
.headerinner {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	height: 0.9rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo {
	width: 4.81rem;
	float: left;
}
.logo img {
	width: 100%;
}
.headerright {
	float: right;
	display: flex;		
	align-items: center;
}
.headerrightico {
	float: left;
	width: 0.5rem;
	height: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.headerrightico img {
	width: 100%;
}
.headertelbox {
	float: left;
	margin-left: 0.13rem;
	display: flex;
	align-items: center;
}
.headerteltitle {
	color: #6e101d;
	font-size: .16rem;
	line-height: 1;
}
.headertelcontent {
	color: #6e101d;
	font-size: .36rem;
	font-weight: bold;
	line-height: .3rem;
	margin-left: 0.09rem;
}


.navbox {
	width: 100%;
	background: #bd1920;
}
.navinner {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	height: 0.65rem;
	display: flex;
  justify-content: space-between;
}
.navitem {
	float: left;
	position: relative;
}
.onenavtiem {
	width: 1.95rem;
	height: 0.65rem;
	text-align: center;
	line-height: 0.65rem;
	color: #fff;
	font-size: .16rem;
	transition: .25s all;
}
.onenavtiem a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	transition: .25s all;
}
.navitem:hover .onenavtiem {
	background: #fff100;
	font-weight: bold;
}
.navitem:hover .onenavtiem a {
	color: #232323;
}
.onenavtiemactive {
	background: #fff100;
	font-weight: bold;
}
.onenavtiemactive a {
	color: #232323;
}
.twonavbox {
	position: absolute;
	top: 0.65rem;
	left: 0;
	width: 1.95rem;
	background: #fff;
	display: none;
	z-index: 5;
}
.twonavitem {
	width: 100%;
	height: 0.45rem;
	line-height: 0.45rem;
	text-align: center;
	color: #232323;
	transition: .25s all;
}
.twonavitem a {
	color: #232323;
	display: block;
	width: 100%;
	height: 100%;
	font-size: .14rem;
}
.twonavitem:hover {
	background: #fff100;
	font-weight: bold;
}
.navitem:hover .twonavbox {
	display: block;
}
.banner img {
	width: 100%;
}

.whybox {
	width: 100%;
	height: 9.5rem;
	background: url(../img/epbj.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: .88rem;
}
.whyinner {
	width: calc(100% / 12 * 8);
	margin-left: calc(100% / 12);
}
.whytitle {
	display: flex;
  align-items: center;
}
.whytitleone {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .6rem;
	font-weight: 600;
}
.whytitletwo {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	font-family: "Noto Sans SC";
}
.whycontent {
	width: 100%;
	margin-top: 0.64rem;
}
.whyitem {
	width: 38.2813%;
	float: left;
	position: relative;
	margin-right: 0.95rem;
	margin-top: 0.37rem;
}
.whyitem:nth-child(1) {
	margin-top: 0;
}
.whyitem:nth-child(2) {
	margin-top: 0;
}
.whyitempic {
	width: 100%;
	border-top-left-radius: .1rem;
	border-bottom-left-radius: .1rem;
	overflow: hidden;
}
.whyitempic img {
	width: 100%;
}
.whyitemtitle {
	font-family: "Noto Sans SC";
	font-size: .24rem;
	line-height: 0.26rem;
	color: #fff;
	writing-mode: rl-tb;
	position: absolute;
	width: 0.56rem;
	writing-mode: vertical-rl;
	height: 100%;
	right: -.71rem;
	top: 0;
	text-align: center;
}

@media screen and (max-width : 1600px) {
	.whytitleone {
		font-size: .5rem;
	}
	.whytitletwo {
		font-size: .3rem;
	}
	.whyitemtitle {
		font-size: .2rem;
	}
}




.whysanbox {
	width: 100%;
	height: 9.5rem;
	background: url(../img/spbj.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 0.73rem;
}
.whysantop {
	width: 100%;
	text-align: center;
}
.whysantoptitle {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .6rem;
	font-weight: 600;
	line-height: 1;
}
.whysantopsubtitle {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	font-family: "Noto Sans SC";
	line-height: 1;
	margin-top: 0.1rem;
	padding-right: 0.3rem;
}
/* 控制总容器宽度为 8/12 */
.whysanbottom {
  width: calc(100% / 12 * 8);
  margin: 0 auto;
  position: relative;
	margin-top: 0.37rem;
}

/* 允许 .swiper 内部超出显示 */
.mySwiper2 {
}

/* slide 显示宽度为 6/8，即 75% */
.whysanbottom .swiper-slide {
  width: calc((100% / 8 ) * 6);
  flex-shrink: 0;
  transition: transform 0.3s ease, z-index 0.3s ease;
}

/* wrapper 保持默认 flex 横排 */
.whysanbottom .swiper-wrapper {
  /* 不要设置 overflow，Swiper 会控制 */
}

/* 图片样式 */
.whysanbottomitempic img {
  width: 100%;
  display: block;
  border-radius: .2rem;
}
.whysanbottom .swiper.mySwiper2 {
}

.whysanbottom .swiper-slide {
  width: calc((100% / 8 ) * 6); /* 即 75% 宽 */
  flex-shrink: 0;
  transition: transform 0.3s ease, z-index 0.3s ease;
  transform-origin: center center; /* 初始值 */
}
.whysanbottom .whysanbottomitemtitle {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .3rem;
	text-align: center;
	line-height: 1;
	margin-top: 0.3rem;
	opacity: 0;
	transition: .25s all;
}
.whysanbottom .swiper-slide-active .whysanbottomitemtitle {
	opacity: 1;
}
.whyleftarrow {
	position: absolute;
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	left: -1.32rem;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	cursor: pointer;
}
.whyleftarrow img {
	width: 100%;
	transform-origin: center;
	transform: rotate(180deg);
}
.whyrightarrow {
	position: absolute;
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	right: -1.32rem;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	cursor: pointer;
}
.whyrightarrow img {
	width: 100%;
}


.homenews {
	width: 100%;
	background: url(../img/homenews.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 0.7rem;
	height: 9.5rem;
}
.homenewsinner {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
}
.homenewstitle {
	text-align: center;
	font-family: "Noto Sans SC";
	font-size: .6rem;
	font-weight: 600;
	background-image: linear-gradient(to right, #c7040d, #592012);
	color: transparent;
	-webkit-background-clip: text;
	display: table;
	margin-left: auto;
	margin-right: auto;
	line-height: 1;
}

.homenewscontent {
	width: 100%;
	margin-top: 0.55rem;
	display: flex; /* 使用Flexbox布局 */
	gap: 0.15rem; /* 元素间间距 */
}

.homenewsleft {
	width: calc(50% - .15rem);
}

.homenewsleft a, .homenewsrightitem a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.homenewsleftpic {
	width: 100%;
	overflow: hidden;
}

.homenewsleftpic img {
	width: 100%;
	height: auto;
	display: block;
}

.homenewsleftbottom {
	width: 100%;
	background: #fff;
	height: 1.82rem;
	padding-top: 0.46rem;
	padding-left: 0.58rem;
	padding-right: 0.3rem;
}

.homenewsleftbottomtitle {
	color: #000;
	font-size: 0.26rem;
	font-weight: bold;
	line-height: 0.3rem;
	height: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.homenewsleftbottomtime {
	color: #8e8d8d;
	font-size: 0.18rem;
	line-height: 0.2rem;
	height: 0.2rem;
	margin-top: 0.2rem;
}

.homenewsright {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

.homenewsrightitem {
	flex: 1; /* 平均分配高度 */
	background: #fff;
}
.homenewsrightitem a {
	display: flex;
	width: 100%;
	height: 100%;
	padding-left: 0.37rem;
	flex-direction: column;
	justify-content: center;
}

.homenewsrightitemtitle {
	color: #000;
	font-size: 0.24rem;
	font-weight: bold;
	line-height: 0.3rem;
	height: 0.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.homenewsrightitemitem {
	color: #8e8d8d;
	font-size: 0.18rem;
	line-height: 0.2rem;
	height: 0.2rem;
	margin-top: 0.12rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.homenewscontent {
			flex-direction: column;
	}
	
	.homenewsleft, .homenewsright {
			width: 100%;
	}
	
	.homenewsright {
			margin-top: 0.15rem;
	}
}


.joinbox {
	width: 100%;
	height: 9.5rem;
	background: url(../img/hzbj.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 1.1rem;
}
.joininner {
	width: calc((100% / 12) * 10);
	margin-left: auto;
	margin-right: auto;
}
.jointitle {
	width: 100%;
	text-align: center;
	font-family: "Noto Sans SC";
	font-weight: 700;
	color: #ffffff;
	font-size: .6rem;
	line-height: 1;
}
.joincontent {
	width: 100%;
	margin-top: 1.4rem;
}
.joincontentitem {
	width: calc((100% - .44rem) / 3);
	margin-left: 0.22rem;
	float: left;
	position: relative;
}
.joincontentitem:first-child {
	margin-left: 0;
}
.joincontentitemtitle {
	text-align: center;
	font-family: "Noto Sans SC";
	font-size: .48rem;
	font-weight: 600;
	background-image: linear-gradient(to right, #c7040d, #592012);
	color: transparent;
	-webkit-background-clip: text;
	display: table;
	margin-left: auto;
	margin-right: auto;
	line-height: 1;
}
.joincontentitemmore {
	width: 1.45rem;
	height: 0.45rem;
	border-radius: .1rem;
	line-height: 0.45rem;
	text-align: center;
	background: #bd1920;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.38rem;
	transition: .25s all;
	color: #fff;
	font-size: .18rem;
	font-family: "Noto Sans SC";
	font-weight: bold;
}
.joincontentitemmore a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: .18rem;
	font-family: "Noto Sans SC";
	font-weight: bold;
}
.joincontentitem:hover .joincontentitemmore {
	background: #fa8d0e;
}
.joincontentitempic {
	width: 100%;
}
.joincontentitempic img {
	width: 100%;
}
.joincontentitembottom {
	position: absolute;
	left: 50%;
	top: 60%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width: 100%;
}


.footerbox {
	width: 100%;
	background: #323232;
}
.footertopbox {
	width: 100%;
	border-bottom: 1px solid #737373;
	height: 1.25rem;
}
.footertopinner {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footertopitem {
	color: #ffffff;
	font-size: .16rem;
}
.footertopitem a {
	color: #ffffff;
}
.footertopitem:hover {
	font-weight: bold;
}
.footerbottombox {
	width: 100%;
	background: #323232;
}
.footerbottominner {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0.8rem;
	padding-bottom: 0.4rem;
}

.footerbottomleft {
	float: left;
}
.footerbottomleftitem {
	display: flex;
	margin-top: 0.2rem;
	align-items: flex-end;

}
.footerbottomleftitem:first-child {
	margin-top: 0;
}
.footerbottomleftitemtitle {
	color: #ffffff;
	font-size: .28rem;
	line-height: .36rem;
}
.footerbottomleftitemcontent {
	/*color: #ffffff;*/
	/*font-size: .18rem;*/
}
.footerbottomleft .footerbottomleftitem  .footerbottomleftitemcontent {
	color: #ffffff;
	font-size: .36rem;
	font-weight: bold;
	line-height: 1;
}

.footerbottomcenter {
	width: 1.56rem;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.footerbottomcenterpic {
	width: 100%;
}
.footerbottomcenterpic img {
	width: 100%;
}
.footerbottomcentertitle {
	text-align: center;
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
	margin-top: 0.19rem;
}
.footerbottomright {
	float: right;
}
.footerbottomrighttop {
	overflow: hidden;
}
.footerbottomrighttopleft {
	float: left;
}
.footerbottomrighttoplefttitle {
	color: #ffffff;
	font-size: .18rem;
	line-height: .4rem;
	float: left;
}
.footerbottomrighttopleftcontent {
	height: 0.4rem;
	width: 1.6rem;
	background: #fff;
	float: left;
}
.footerbottomrighttopleftcontent input {
	background: none;
	border: none;
	border-radius: 0;
	color: #333;
	font-size: .16rem;
	line-height: .4rem;
	padding-left: 0.15rem;
}
input{ outline: none; }
.footerbottomrighttopright {
	float: right;
}
.footerbottomrighttoprighttitle {
	color: #ffffff;
	font-size: .18rem;
	line-height: .4rem;
	float: left;
}
.footerbottomrighttoprightcontent {
	height: 0.4rem;
	width: 4.1rem;
	background: #fff;
	float: left;
}
.footerbottomrighttoprightcontent input {
	background: none;
	border: none;
	border-radius: 0;
	color: #333;
	font-size: .16rem;
	line-height: .4rem;
	padding-left: 0.15rem;
}
.footerbottomrighttoprightcontent input::placeholder {
    color: #999;
}
.footerbottomrightbottom {
	margin-top: 0.23rem;
    overflow: hidden;
}

.footerbottomrightbottomtitle {
	color: #ffffff;
	font-size: .18rem;
	line-height: .4rem;
	float: left;
}
.footerbottomrightbottomcontent {
	height: 0.93rem;
	width: 4.1rem;
	background: #fff;
	float: left;
}
.footerbottomrightbottomcontent textarea {
	background: none;
	border: none;
	border-radius: 0;
	color: #333;
	font-size: .16rem;
	line-height: .4rem;
	width: 100%;
	height: 100%;
	padding-left: 0.15rem;
}
textarea{ outline: none; }




.brandnavbox {
	width: 100%;
	background: #f2f2f2;
}
.brandnav {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	height: 1.2rem;
	display: flex;
  align-items: center;
	padding-left: 0.65rem;
}
.brandnavlist {
	font-family: "Noto Sans SC";
	color: #232323;
	font-size: .3rem;
	line-height: .35rem;
	font-weight: bold;
	margin-right: 0.45rem;
	position: relative;
	float: left;
}
.brandnavlist a {
	color: #232323;
	display: block;
	width: 100%;
	height: 100%;
}
.brandnavlist:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 0.3rem;
	background: #9a9a9a;
	top: 50%;
	transform: translateY(-50%);
	right: -0.22rem;
}
.brandnav .brandnavlist:last-child:after {
	display: none;
}
.brandnavlistactive a {
	color: #bd1920;
}

.brandcontentbox {
	width: 100%;
}
.brandcontent {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.6rem;
	padding-bottom: 1.2rem;
	overflow: hidden;
}
.brandcontentitem {
	float: left;
	width: calc((100% - .3rem) / 3);
	margin-left: .15rem;
	margin-top: 0.6rem;
}
.brandcontentitem:nth-child(3n-2) {
	margin-left: 0;
}
.brandcontentitem:nth-child(1) {
	margin-top: 0;
}
.brandcontentitem:nth-child(2) {
	margin-top: 0;
}
.brandcontentitem:nth-child(3) {
	margin-top: 0;
}
.brandcontentitempic {
	width: 100%;
	border-radius: .1rem;
	overflow: hidden;
	position: relative;
}
.brandcontentitempic img {
	width: 100%;
	transition: .25s all;
}
.brandcontentitemtitle {
	text-align: center;
	font-family: "Noto Sans SC";
	color: #232323;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.28rem;
	height: 0.28rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.18rem;
}
.brandcontentitem:hover .brandcontentitempic>img {
	transform: scale(1.1);
}
.brandcontentitemzz {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
	display: flex;
	justify-content: center;
	align-items: center;
}
.brandcontentitemzz img {
	width: 0.8rem;
	height: 0.8rem;
}


.innerjoin {
	width: calc((100% / 12) * 10);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1rem;
}
.innerjoin .joincontent {
	margin-top: 0.68rem;
}
.innerjoin .homenewstitle {
	margin-top: 0.83rem;
}

.joinlianxiitem .footerbottomleftitemtitle {
	color: #000000;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.49rem;
}
.joinlianxiitem .footerbottomleftitemcontent {
	color: #000000;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.49rem;
}
.joinlianxibox .joinlianxiitem:first-child .footerbottomleftitemcontent {
	font-size: .36rem;
	font-family: "BEBAS";
	line-height: 0.49rem;
}
.joinlianxiitempic {
	width: 0.49rem;
	float: left;
}
.joinlianxiitempic img {
	width: 100%;
}
.joinlianxibox .footerbottomleftitem {
	float: left;
	margin-left: 0.31rem;
}
.joinlianxiitem {
	overflow: hidden;
	margin-top: 0.33rem;
}
.joinlianxiitem:first-child {
	margin-top: 0;
}
.joinlianxibox .footerbottomleftitem {
	margin-top: 0;
}
.joinlianxibox {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.84rem;
}



.recruitbox {
	width: 100%;
	background: url(../img/recruitbj.jpg) #e73e25 no-repeat;
	background-size: 100% auto;
	padding-top: 1.22rem;
	padding-bottom: 1rem;
}
.recruit {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
}
.recruithbzm {
	font-family: "Noto Sans SC";
	font-weight: 700;
	color: #fff100;
	font-size: .8rem;
	line-height: 1;
	text-align: center;
}
.recruithbzmnr {
	width: 100%;
	text-align: center;
	font-family: "Noto Sans SC";
	color: #fff100;
	font-size: .48rem;
	line-height: 0.6rem;
	font-style: italic;
	font-weight: 700;
	margin-top: 0.6rem;
	padding: 0 .5rem;
}
.recruithblbwk {
	width: 100%;
	position: relative;
	margin-top: 0.63rem;
}
.recruithblbitem {
	width: 100%;
	border-radius: .2rem;
	overflow: hidden;
}
.recruithblbitem img {
	width: 100%;
}
.recruitleftjt {
	position: absolute;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: #fff100;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: -0.35rem;
	transform: translateY(-50%);
	z-index: 5;
	cursor: pointer;
}
.recruitleftjt img {
	width: 0.22rem;
}

.recruitrightjt {
	position: absolute;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: #fff100;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	right: -0.35rem;
	transform: translateY(-50%);
	z-index: 5;
	cursor: pointer;
}
.recruitrightjt img {
	width: 0.22rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.recruithyjybt {
	color: #ffffff;
	font-size: .6rem;
	line-height: 0.8rem;
	font-family: "Noto Sans SC";
	font-weight: 700;
	text-align: center;
}
.recruithyjywh {
	width: 1.26rem;
	margin-left: 0.2rem;
}
.recruithyjywh img {
	width: 100%;
}
.recruithyjywk {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.96rem;
}

.recruitwhxnr {
	width: 100%;
	margin-top: 1.4rem;
}
.recruitwhxitem {
	width: 100%;
	position: relative;
	border: 1px solid #fff;
	padding-bottom: 0.7rem;
	padding-top: 1.1rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	margin-top: 1.5rem;
}
.recruitwhxitem:first-child {
	margin-top: 0;
}
.recruitwhxitemtitlebox {
	padding-right: 0.5rem;
	padding-left: 0.72rem;
	background: #fff;
	height: 1.4rem;
	border-radius: .7rem;
	position: absolute;
	top: -0.7rem;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1.4rem;
	display: flex;
}
.recruitwhxitemnum {
	position: relative;
	color: #9b691d;
	font-size: .48rem;
	font-family: "BEBAS";
	display: inline-block;
	width: 0.6rem;
	text-align: center;
}
.recruitwhxitemnum img {
	position: absolute;
	left: -41%;
	z-index: -1;
	top: -10%;
	width: 1.4rem;
}
.recruitwhxitemtitle {
	color: #9b691d;
	font-size: .6rem;
	font-family: "Noto Sans SC";
	font-weight: 700;
	margin-left: 0.74rem;
	white-space: nowrap;
}

.recruitwhxitemdesc {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .24rem;
	line-height: 0.44rem;
	text-align: center;
}
.threerecruit {
	margin-top: 0.8rem;
}
.threerecruit .recruitwhxitemtitlebox {
	position: relative;
	top: 0;
	width: 100%;
	border-radius: 0;
	display: flex;
	justify-content: center;
	padding-left: 1rem;
}


.threerecruititem {
	width: 100%;
	background: #fff;
	padding-left: 1.05rem;
	padding-right: 0.9rem;
	padding-top: 0.36rem;
	padding-bottom: 0.28rem;
	margin-top: 0.13rem;
}
.threerecruititemtitle {
	font-family: "Noto Sans SC";
	font-weight: 700;
	color: #9b691d;
	font-size: .36rem;
	line-height: 1;

}
.threerecruititemcontent {
	color: #9b691d;
	font-size: .24rem;
	line-height: 0.36rem;
	font-family: "Noto Sans SC";
	margin-top: 0.22rem;
}

.recruitljjr {
	width: 5.48rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.57rem;
}
.recruitljjr img {
	width: 100%;
}
.recruitljjrxwz {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	background-image: linear-gradient(to right, #fff100, #f9fdf9);
	font-family: "Noto Sans SC";
	font-weight: 700;
	color: transparent;
	-webkit-background-clip: text;
	font-size: .5rem;
	margin-top: 0.17rem;
}
@media screen and (max-width : 1600px) {
	.recruitwhxitemtitle {
		font-size: .5rem;
	}
}



.innerbanner {
	width: 100%;
}

.innerbanner img {
	width: 100%;
}

.processbox {
	width: 100%;
}
.processinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.1rem;
	padding-bottom: 1rem;
}
@media screen and (max-width : 1600px) {
	.processinner {
		width: calc(100% / 12 * 10);
	}
}
.processinnertitle {
	text-align: center;
	line-height: 1;
	font-family: "Noto Sans SC";
	font-weight: 700;
	color: #bd1920;
	font-size: .6rem;
}
.processinnercontent {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 1.06rem;
}
.processinnercontentitem {
	width: calc((100% - .18rem) / 4);
	background: #bd1920;
	position: relative;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	border-radius: .1rem;
	padding-bottom: 2.2rem;
}
.processinnercontentitemarrow {
	position: absolute;
	width: 0.78rem;
	top: 0;
	transform: translateX(50%) translateY(-50%);
	right: 0;
	z-index: 5;
}
.processinnercontent .processinnercontentitem:last-child .processinnercontentitemarrow {
	display: none;
}
.processinnercontentitemarrow img {
	width: 100%;
}
.processinnercontentitemnum {
	width: 0.6rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	border-radius: 50%;
	color: #bd1920;
	font-size: .3rem;
	font-family: "BEBAS";
	background: #fff100;
	margin-left: auto;
	margin-right: auto;
	transform: translateY(-50%);
}
.processinnercontentitemcontenttitle {
	font-family: "Noto Sans SC";
	font-weight: 700;
	color: #ffffff;
	font-size: .3rem;
	line-height: 1;
	text-align: center;
	margin-top: 0.2rem;
}
.processinnercontentitemcontentdesc {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .16rem;
	font-size: .2rem;
	line-height: 0.24rem;
	line-height: 0.35rem;
	opacity: 0.8;
	margin-top: 0.25rem;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
}
.processinnercontentitemcontentdesc p {
	font-family: "Noto Sans SC";
}
.processinnercontentitemcontentdesc span {
	text-wrap-mode: wrap!important;
	font-family: "Noto Sans SC";
}


.qacessbox {
	background: #f4f5f5;
	background: url(../img/recruitbj.jpg) #e73e25 no-repeat;
    background-size: 100% auto;
}
.qainnercontent {
	width: 100%;
	margin-top: 0.7rem;
}
.qainnercontentitem {
	width: 100%;
	background: #fff;
	position: relative;
	padding-left: 0.96rem;
	padding-top: 0.7rem;
	padding-bottom: 1.18rem;
	padding-right: 2.7rem;
	margin-top: 0.2rem;
}
.qainnercontentitem:first-child {
	margin-top: 0;
}
.qainnercontentitemleft {
	float: left;
}
.qainnercontentitemlefttop {
	overflow: hidden;
}
.qainnercontentitemlefttopleft {
	color: #bd1920;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.25rem;
	height: 0.25rem;
	float: left;
}
.qainnercontentitemlefttopright {
	color: #bd1920;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.25rem;
	height: 0.25rem;
	width: auto;
	background-image: linear-gradient(to right, #c6040d, #5c1f12);
	color: transparent;
	-webkit-background-clip: text;
	display: inline-block;
}
.qainnercontentitemleftbottomleft {
	color: #bd1920;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.25rem;
	height: 0.25rem;
	float: left;
}
.qainnercontentitemleftbottomright {
	color: #8e8d8d;
  font-size: .18rem;
  line-height: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-left: 0.5rem;
  max-height: 0.64rem;
  transition: max-height 1s ease;
}
.qainnercontentitemleftbottomright img {
	max-width: 100%;
}
.qainnercontentitemleftbottomright.expanded {
  display: block;
  -webkit-line-clamp: initial !important;
  max-height: 5000px;
  transition: max-height 1s ease;
}
.qainnercontentitemleftbottom {
	margin-top: 0.24rem;
	overflow: hidden;
}
.qainnercontentitemrighttext {
	color: #bd1920;
	font-size: .2rem;
	font-weight: bold;
}
.qainnercontentitemright {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: 1.22rem;
	right: 0.4rem;
	cursor: pointer;
}
.qainnercontentitemrightarrow {
  margin-left: 0.12rem;
  width: 0.3rem;
  transition: transform 0.5s ease;
}
.qainnercontentitemrightarrow.rotate {
  transform: rotate(180deg);
}



.articlebox {
	width: 100%;
	background: #f4f5f5;
	padding-top: 0.7rem;
	padding-bottom: 0.93rem;
}
.articletitle {
	text-align: center;
	font-family: "Noto Sans SC";
	font-size: .6rem;
	font-weight: 600;
	background-image: linear-gradient(to right, #c7040d, #592012);
	color: transparent;
	-webkit-background-clip: text;
	display: table;
	margin-left: auto;
	margin-right: auto;
	line-height: 1;
}
.article {
	width: 100%;
}
.articletop {
	width: calc(100% / 12 * 8);
	margin: 0 auto;
	position: relative;
}
.articletop .whysanbottom {
	margin-top: 0.5rem;
}
.article .whysanbottomitemtitle {
	color: #2b2b2b;
	color: #fff;
	text-align: center;
	/*opacity: 1;*/
	font-family: "Noto Sans SC";
	font-weight: bold;
	font-size: .4rem;
}

.articlecontent {
	width: calc(100% / 12 * 8);
	margin: 0 auto;
	background: #fff;
	padding-top: 0.42rem;
	margin-top: 0.75rem;
	padding-bottom: 0.8rem;
}
.articlecontentitem {
	width: 100%;
}
.articlecontentitem a {
	padding-left: calc(100% / 8);
	padding-right: calc(100% / 8);
	display: block;
}
.articlecontentiteminner {
	width: 100%;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
	padding-left: 0.72rem;
	border-bottom: 1px solid #e1e1e1;
}
.articlecontent .articlecontentitem:last-child .articlecontentiteminner {
	/* border-bottom: none; */
}
.articlecontentitemtitle {
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.3rem;
	height: 0.3rem;
	transition: .25s all;
	background-image: linear-gradient(to right, #000000, #000000);
	color: transparent;
	-webkit-background-clip: text;
}
.articlecontentitemtime {
	color: #8e8d8d;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.3rem;
	font-family: "Arial";
}
.articlecontentitem:hover .articlecontentitemtitle {
	width: auto;
	background-image: linear-gradient(to right, #c6040d, #5c1f12);
	color: transparent;
	-webkit-background-clip: text;
	display: inline-block;
}
.pages a {
	font-size: 18px;
	color: #999999;
	line-height: 18px;
	margin-left: 10px;
	margin-right: 10px;
}
.pages a.cur {
	color: #35aae2;
}
.pages .prev {
	font-size: 18px;
	color: #999999;
	line-height: 18px;
	margin-right: 20px;
	margin-left: 0;
}
.pages .next {
	font-size: 18px;
	color: #999999;
	line-height: 18px;
	margin-left: 20px;
	margin-right: 0;
}
.pages {
	margin-top: 0.77rem;
}
.pages .pagination {
	display: flex;
  align-items: center;
  justify-content: center;
}




.contactbox {
	width: 100%;
	padding-top: 1.3rem;
}
.contact {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.85rem;
	overflow: hidden;
	padding-bottom: 1.6rem;
}
#allmap {
	float: left;
}
.mappic {
	width: calc(100% / 12 * 7);
    float: left;
    padding-left: calc(100% / 12);
}
.mappic img {
	width: 100%;
}
.contactright {
	float: right;
	width: calc((100% / 12) * 4);
	margin-right: calc(100% / 12);
	padding-left: 0.35rem;
	margin-top: .7rem;
}
.contactrighttop {
	width: 100%;
	height: 0.45rem;
	border-radius: .1rem;
	background: #bd1920;
	text-align: center;
	line-height: 0.45rem;
	color: #fff;
	font-size: .2rem;
	font-family: "Noto Sans SC";
	font-weight: bold;
}
.contactrightbottom {
	width: 100%;

}
.contactrightbottomcenter {
	width: 100%;
	margin-top: 0.23rem;
	overflow: hidden;
}
.contactrightbottomcenteritem {
	width: 100%;
	float: left;
}
.contactrightbottomcenter .contactrightbottomcenteritem:first-child {
	margin-left: 0;
}
.contactrightbottomcenteritemtitle {
	width: 100%;
	text-align: center;
	color: #3b3b3b;
	font-size: .2rem;
	line-height: 0.53rem;
	font-weight: bold;
}
.contactrightbottomcenteriteminput {
	width: 100%;
	height: 0.56rem;
	border: 1px solid #d2d2d2;
	line-height: 0.56rem;
}
.contactrightbottomcenteriteminput input {
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	padding-left: 0.15rem;
}

.contactrightbottombottom {
	width: 100%;
	margin-top: 0.2rem;
}
.contactrightbottombottomtitle {
	width: 100%;
	text-align: left;
	color: #3b3b3b;
	font-size: .2rem;
	line-height: 0.53rem;
	font-weight: bold;
	font-family: "Noto Sans SC";
}
.contactrightbottombottominput {
	width: 100%;
	height: 1.55rem;
	border: 1px solid #d2d2d2;
	line-height: 0.56rem;
	margin-top: 0.05rem;
}
.contactrightbottombottominput textarea {
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	font-size: .16rem;
	line-height: 0.56rem;
	padding-left: 0.15rem;
}
.contactrightbottomsubmit {
	width: 1.48rem;
	height: 0.45rem;
	border-radius: .1rem;
	background: #bd1920;
	text-align: center;
	line-height: 0.45rem;
	color: #fff;
	font-size: .18rem;
	font-family: "Noto Sans SC";
	font-weight: bold;
	margin-top: 0.42rem;
}
.contactrightbottomsubmit a {
	color: #fff;
}






.xxnrdwk {
	width: 100%;
}
.xxnrnk {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
  padding-bottom: 1.3rem;
}
.xxnrbt {
	color: #3d3d3d;
	font-size: .3rem;
	font-weight: bold;
	line-height: .4rem;
	text-align: center;
}
.xxnrnr {
	width: 100%;
	color: #797979;
	font-size: .16rem;
	line-height: .28rem;
	margin-top: .48rem;
}
.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;
}



/* 产品成分开始 */
.productonebox {
	width: 100%;
}
.productoneitem {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.productoneitempic {
	width: 50%;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	
	background-size: cover;
	background-attachment: fixed;
	background-size: 50% 100%;
}
.productoneitempic img {
	width: 100%;
	opacity: 0;
}
.productoneitemcontentbox {
	width: 50%;
	display: flex;
	padding-left: calc(100% / 12);
	padding-right: calc(100% / 12);
	margin-top: -1rem;
}
.productoneitemtitle {
	color: #8e0107;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
}
.productoneitemftitle {
	color: #747474;
	font-size: .18rem;
	margin-top: 0.4rem;
}
.productoneitemdesc {
	color: #747474;
	font-size: .18rem;
	line-height: 0.24rem;
	margin-top: 0.18rem;
}

.producttwobox {
	width: 100%;
	margin-top: 1rem;
}
.producttwo {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.producttwoitem {
	width: calc((100% - 3.04rem) / 2);
	float: left;
	margin-left: 3.04rem;
	margin-top: 0.5rem;
}
.producttwoitem:nth-child(1) {
	margin-top: 0;
}
.producttwoitem:nth-child(2) {
	margin-top: 0;
}
.producttwoitem:nth-child(2n-1) {
	margin-left: 0;
}
.producttwoitempic {
	width: 100%;
}
.producttwoitempic img {
	width: 100%;
}
.producttwoitemcontent {
	width: 100%;
	margin-top: 0.3rem;

}
.producttwoitemtitle {
	font-size: .3rem;
	font-weight: bold;
	line-height: 0.32rem;
	color: #8e0107;
}
.producttwoitemftitle {
	color: #747474;
	font-size: .18rem;
	line-height: 0.2rem;
	margin-top: 0.4rem;
}
.producttwoitemdesc {
	color: #747474;
	font-size: .18rem;
	line-height: 0.24rem;
	margin-top: 0.18rem;
	height: 1.2rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
}


.productthree {
	width: calc(100% / 12 * 10);
}

.productthreeitem {
	width: calc((100% - 1.38rem) / 3);
	margin-left: .69rem;
	margin-top: 0.5rem;
}
.productthreeitem:nth-child(1) {
	margin-left: 0;
	margin-top: 0.5rem;
}
.productthreeitem:nth-child(2) {
	margin-left: .69rem;
	margin-top: 0.5rem;
}
.productthreeitem:nth-child(3) {
	margin-left: .69rem;
}

.productfourbox {
	width: 100%;
	overflow: hidden;
}
.productfour {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.productfour img {
	width: 100%;
}
.productfourleft {
    float: left;
    width: 50%;
}
.productfourright {
    float: left;
    width: 50%;
}


.productfivebox {
	width: 100%;
	margin-top: 0.7rem;
	padding-bottom: 1rem;
}
/* 产品成分结束 */

.nav {
	transition: 2s all;
}
.navactive {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}



.footernewbox {
	width: 100%;
	background: #e5e5e5;
}
.footernewinner {
	width: calc((100% / 12) * 8);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
}
.footernewitembox {
	float: left;
	margin-left: 1.9rem;
}
.footernewitembox:first-child {
	margin-left: 0;
}
.footernewitemnav {
	color: #141414;
	font-size: .16rem;
	text-align: center;
	line-height: 0.2rem;
}
.footernewitemnav a {
	color: #141414;
}
.footernewtwobox {
	margin-top: 0.25rem;
	text-align: center;
}
.footernewtwo {
	color: #6d6c6c;
	font-size: .16rem;
	line-height: 0.36rem;
}
.footernewtwo a {
	color: #6d6c6c;
}
.footernewitembox:hover .footernewitemnav{
	font-weight: bold;
}




.banner {
	position: relative;
}
.banner .whyleftarrow {
	width: 0.6rem;
	height: 0.6rem;
	left: 0.3rem;
	z-index: 5;
}
.banner .whyrightarrow {
	width: 0.6rem;
	height: 0.6rem;
	right: 0.3rem;
	z-index: 5;
}



.hzwdbtbox {
	width: 100%;
	overflow: hidden;
}
.hzwdlefttitle {
	width: calc(50% - .15rem);
	color: #bd1920;
	color: #fff;
	font-size: .6rem;
	line-height: 1;
	font-family: "Noto Sans SC";
	font-weight: 700;
	float: left;
	text-align: center;
}
.hzwdrighttitle {
	width: 50%;
	float: right;
	color: #bd1920;
	color: #fff;
	font-size: .6rem;
	line-height: 1;
	font-family: "Noto Sans SC";
	font-weight: 700;
	text-align: center;
}
.hzwdnewbottombox {
	width: 100%;
	display: flex;
	gap: 0.15rem;
	margin-top: 0.5rem;
}
.hzwdnewbottomleft {
	width: calc(50% - .15rem);

}
.hzwdnewbottomleft img {
	width: 100%;
}
.homenewsrightitem.empty {
	background: none;
	pointer-events: none;
}


.lytj {
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    text-align: center;
    line-height: 35px;
    height: 35px;
    margin-top: 15px;
    font-size: 16px;
    color: #000;
}







.hzwdnewbottombox .threerecruititem {
    margin-top: 0;
    padding-left: .3rem;
    padding-right: 0.3rem;
    padding-top: 0.3rem;
}

.hzwdnewbottombox .threerecruititemtitle {
    font-size: .24rem;
}
.hzwdnewbottombox .threerecruititemcontent {
    font-size: .16rem;
    line-height: 0.25rem;
    margin-top: 0.22rem;
}

.hzwdnewbottombox .homenewsright {
    justify-content: space-between;
}






.jmzctoppic {
    width: 100%;
}
.jmzctoppic img {
    width: 100%;
}