body {
	background: #fff;
}

.cpbana {
	width: 100%;
	height: 6.5rem;
}

.cpbana img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cpClassBox {
	width: 100%;
	height: 0.6rem;
	background: rgba(1, 64, 153, 0.6);
	overflow: visible;
	position: absolute;
	bottom: 0;
	left: 0;
}

.cpClassBox .classBox{
	height: 100%;
	max-width: 12rem;
	width: 100%;
	display: flex;
	align-items:center;
	margin: 0 auto;
}

.cpClassBox .cpClass {
	color: #ffffff;
	padding: 0 0.3rem;
	height: 100%;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
}

.cpClassBox .cpClass .tit-1{
	font-size: 0.2rem;
	display: inline-block;
	font-family: 'OPPOSans-M';
}
.cpClassBox .cpClass.active .tit-1{
	background: url(../images/nav_titbg02.png) no-repeat center bottom;
	background-size: auto .18rem;
}
.video_box {
	width: 100%;
	height: 4.3rem;
	position: relative;
	margin: .25rem 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video_box .poster {
	width: 6.5rem;
	height:100%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*z-index: -1;*/
}
.video_box .playBox{
	width: 6.5rem;
	height: 100%;
	position: relative;
	z-index: 99;
}
.video_box .video_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 2;
}
.video_box .post{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video_box .video_inner .video_play {
	display: block;
	width: 0.84rem;
	height: 0.84rem;
	background: url(../images/btn_paly.png) no-repeat center;
	background-size: contain;
	margin: 0 auto 0.2rem;
	cursor: pointer;
	transition: transform 0.3s ease;
}
.aboutNav{
	font-size: .18rem;
	line-height: 0.6rem;
	color: #227def;
	display: flex;
	justify-content: space-between;
	letter-spacing: 0.01rem;
	border-top: solid 0.01rem #aaaaaa;
	margin: 0 .8rem;
	font-family: 'OPPOSans-M';
}
.aboutNav .prev,.aboutNav .next{
	cursor: pointer;
	color:#227def;
}
.mapCon{1
	padding: 0 0.2rem 0.4rem;
}
.mapCon .imgT{
	width: 100%;
}
.mapCon .imgT img{
	max-width: 100%;
	width: auto;
}
.contactMap{
	padding: .3rem 0;
	width: 100%;
	max-width: 9.9rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.contactMap .tactTop{
	font-size: .24rem;
	color: #000;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	flex-direction:column;
	font-family: 'OPPOSans-M';
	margin-bottom: 0.15rem;
}
.contactMap .tactTop .tit-1{
	gap: 0.1rem;
}
.contactMap .tactTop .tit-2{
	font-size: .2rem;
}
.contactMap .tactInfo{
	width: 100%;
	border: solid 0.02rem #999999;
	font-size: .14rem;
}
.contactMap .tactInfo .tactItem{
	min-height: .48rem;
	display: flex;
	align-items: stretch;
	border-bottom: solid 0.01rem #999999;
	position: relative;
	box-sizing: border-box;
	padding-left: .48rem;
}
.contactMap .tactInfo .tactItem:last-child{
	border-bottom: none;
}
.contactMap .tactInfo .tactItem .icon{
	width: .48rem;
	height:100%;
	min-height: .48rem;
	background: #323232;
	position: absolute;
	left: 0;
	top:0;
}
.contactMap .tactInfo .tactItem .tit{
	flex: 1;
	padding:0.1rem 0.15rem;
	display: flex;
	align-items: center;
	line-height: 0.28rem;
}
.mapBox{
	width: 100%;
	max-width: 9.9rem;
	border-radius: .2rem;
	/*border: solid 0.02rem #2f2f2f;*/
	overflow: hidden;
	height:auto;
	margin: 0 auto .3rem;
}
.mapBox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aboutNav .prev{
	color: #000000;
	font-size: .18rem;
}
.hireBox{
	width: 100%;
	max-width: 13rem;
	margin: 0 auto;
	padding-bottom: 0.6rem;
}
.hireBox .hireHead{
	height: .6rem;
	background-color: #66a9ff;
	border-radius: .1rem;
	width: 100%;
	font-family: 'OPPOSans-M';
	font-size: .2rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hireBox .hireHead span,
.hireBox .hireItem span{
	flex: 1;
	display: block;
	align-items: center;
	justify-content: center;
	padding: 0.2rem;
	line-height: 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.hireList{
	width: 100%;
}
.hireInfo{
	background: #e5f0ff;
	border-radius: .1rem;
	font-size: .16rem;
	line-height: .3rem;
	padding: 0.2rem 0.5rem;
	box-sizing: border-box;
	display: none;
}
.hireList .hireItem{
	font-size: .18rem;
	color: #000000;
	border-bottom: solid 0.01rem #e5e5e5;
	cursor: pointer;
	line-height: 0.6rem;
	height: 0.6rem;
}
.hireList .hireItem:last-child,
.hireList .hireItem.active{
	border-bottom: none;
}
.hireList .hireItem.active + .hireInfo{
	display: block;
}
.advantBox {
	width: 100%;
	height: 6.78rem;
	position: relative;
}

.advantBox .bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advantBox .advantInner {
	position: absolute;
	width: 100%;
	max-width: 12rem;
	left: 50%;
	transform: translateX(-50%);
	flex-direction: column;
	height: 3.4rem;
}

.advantBox .advantInner .tit-1 {
	color: #ffffff;
	font-size: 0.28rem;
	font-weight: 600;
	font-family: 'ali';
	line-height: 0.42rem;
}

.advantBox .advantInner .tit-2 {
	color: #ffffff;
	font-size: 0.2rem;
	font-weight: 600;
	text-align: center;
	line-height: 0.3rem;
	margin-bottom: 0.1rem;
}

.advantBox .advantInner .description {
	color: #a9f3fb;
	font-size: 0.16rem;
	text-align: center;
	line-height: 0.24rem;
}

.sceneBox .pro_inner {
	height: 2.1rem;
}
.aboutClass {
	width: 100%;
	height: 0.7rem;
	background-color: #e7f0f9;
	overflow: visible;
	position: relative;
}

.aboutClass .mainInner {
	height: 100%;
	overflow: visible;
	position: relative;
}

.aboutClass .classItem {
	flex: 1;
	flex-direction: column;
	color: #171d29;
	font-family: 'ali';
	height: 100%;
	font-weight: 600;
	line-height: 0.32rem;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
	border: solid 0.01rem #fff;
}

.aboutClass .classItem:last-child {
	border: none;
}

.aboutClass .classItem::after {
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	background-color: #0d56c1;
	box-shadow: 0.01rem 0.02rem 0.1rem 0 rgba(2, 61, 214, 0.25);
	height: 0.9rem;
	top: -0.1rem;
	z-index: 5;
	transition: all 0.5s;
}

.aboutClass .classItem.active,
.aboutClass .classItem:hover {
	color: #fff;
}

/* 默认情况：所有选项只有自身背景变蓝 */
.aboutClass .classItem.active::after,
.aboutClass .classItem:hover::after {
	width: 100%;
	left: 0;
}

/* 军工军队 - 左侧延伸到浏览器左边缘 */
.aboutClass .classItem:nth-child(1).active::before,
.aboutClass .classItem:nth-child(1):hover::before {
	content: '';
	position: absolute;
	right: 100%;
	width: 100vw;
	background-color: #0d56c1;
	height: 0.9rem;
	top: -0.1rem;
	z-index: 4;
}

/* 政府行业 - 右侧延伸到浏览器右边缘 */
.aboutClass .classItem:nth-child(4).active::after,
.aboutClass .classItem:nth-child(4):hover::after {
	width: 100vw;
	left: 0;
}

/* 企业集团和应急行业 - 只有自身背景，覆盖默认规则确保没有延伸 */
.aboutClass .classItem:nth-child(2).active::after,
.aboutClass .classItem:nth-child(2):hover::after,
.aboutClass .classItem:nth-child(3).active::after,
.aboutClass .classItem:nth-child(3):hover::after {
	width: 100%;
	left: 0;
}

.aboutClass .classItem.active .icon,
.aboutClass .classItem:hover .icon {
	display: block;
	margin-top: 0.05rem;
}

.aboutClass .classItem.active .tit-1,
.aboutClass .classItem:hover .tit-1 {
	display: none;
}

.aboutClass .classItem.active .tit-2,
.aboutClass .classItem:hover .tit-2 {
	display: block;
	opacity: 1;
}

.aboutClass .classItem .icon {
	position: relative;
	z-index: 10;
	display: none;
	transition: all 0.6s;
}

.aboutClass .classItem span {
	position: relative;
	z-index: 10;
	transition: all 0.6s;
}

.aboutClass .classItem .tit-2 {
	display: none;
	font-size: 0.24rem;
	opacity: 0;
}

.aboutClass .classItem .tit-1 {
	display: block;
	font-size: 0.2rem;
}

.aboutBox {
	/* width: 100%; */
	padding:.3rem 0 0;
	border-top: solid 0.01rem #aaaaaa;
	margin: 0 .8rem;
}
.aboutBox .title{
	font-size: .18rem;
	width: 100%;
	float: left;
	line-height: .5rem;
}
.aboutBox img {
	max-width: 100%;
	margin: 0 auto;
}

.aboutBox p {
	font-size: 0.16rem;
	color: #171d29;
	line-height: 0.34rem;
	letter-spacing: 0.01rem;
	margin-bottom: 0.2rem;
	/* text-indent: 2em; */
	width: 100%;
}
.imgCont{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.imgCont .title{
	font-size: 0.18rem;
	color: #171d29;
	line-height: 0.5rem;
	text-align: center;
}

.aboutBox p img {
	margin: 0 auto;
	position: relative;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
}

.aboutbana {
	width: 100%;
	height: 3.35rem;
	position: relative;
}
.zhaoshangBana{
	width: 100%;
	height: 3.9rem;
	position: relative;
}
.aboutbana img,
.zhaoshangBana img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aboutbana img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prodetail {
	padding: 0.3rem 0;
	display: flex;
	gap: 0.7rem;
	box-sizing: border-box;
}

.prodetail .productInfo {
	width: 3.8rem;
	position: relative;
}

.prodetail .productImg {
	width: 100%;
	height: 3.8rem;
	overflow: hidden;
	margin-bottom: 0.2rem;
	background-color: #ffffff;
	border: solid 0.01rem #e7f0f9;
}

.prodetail .productImg .swiper-slide {
	width: 100%;
	height: 100%;
}

.prodetail .productImg img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.prodetail .productSmall {
	width: 100%;
	height: 0.6rem;
	padding: 0 0.2rem;
	position: relative;
	overflow: hidden;
}

.prodetail .productSmall .swiper-slide {
	width: 100%;
	height: 100%;
	border: solid 0.01rem #e7f0f9;
	cursor: pointer;
	transition: all 0.3s ease;
}

.prodetail .productSmall .swiper-slide:hover {
	border-color: #438dfd;
	box-shadow: 0 0.05rem 0.15rem rgba(67, 141, 253, 0.2);
}
.prodetail .productSmall .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.prodetail .productSmall .swiper-slide.swiper-slide-thumb-active {
	border: solid 0.01rem #4591f1;
}

/* productSmall 切换按钮样式 */
.productSmall-button-prev,
.productSmall-button-next {
	position: absolute;
	top: 0;
	width: 0.2rem;
	height: 0.6rem;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
}
.productSmall-button-prev {
	left: 0;
	background: url(../images/icon_prev.png) no-repeat center center;
	background-size:0.08rem .15rem;
}
.productSmall-button-next {
	right:0;
	background: url(../images/icon_next.png) no-repeat center center;
	background-size:0.08rem .15rem;
}
/* 禁用状态 */
.productSmall-button-prev.swiper-button-disabled,
.productSmall-button-next.swiper-button-disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.prodetail .productParam {
	flex: 1;
	width: 100%;
	overflow: hidden;
}

.prodetail .productParam .title {
	height: auto;
	font-size: 0.24rem;
	font-family: 'OPPOSans-B';
	letter-spacing: 0.01rem;
	color: #4591f1;
	width: 100%;
	display: block;
	line-height: .3rem;
	padding: 0.15rem 0;
}
.prodetail .productParam .keyList {
	width: 100%;
}

.prodetail .productParam .keyList .keyItem {
	width: 100%;
	font-family: 'OPPOSans-M';
	font-size: .16rem;
	line-height: .28rem;
	letter-spacing: 0.01rem;
	color: #4b5052;
	padding: 0.1rem 0;
}
.prodetail .productParam .keyList .keyItem pre{
	width: 100%;
	white-space: pre-line;
}
.detailTab {
	width: 100%;
	padding:0.4rem 0.4rem;
	border-top: solid 0.01rem #757575;
}
.detailTab .detailCont img {
	max-width: 100%;
}
.detailTab img{
	max-width: 100%;
}
.detailTab p{
	font-size: 0.16rem;
	line-height: 0.3rem;
}
.mainInnerBox {
	width: 100%;
	display: flex;
	min-height: 6rem;
}
.mainInnerBox .leftNav {
	width: 3.2rem;
	position: sticky;
	top: 0.15rem;
	padding:0.15rem 0.5rem 0.15rem 0.3rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.mainInnerBox .leftNav .levelTit {
	font-size: 0.18rem;
	color: #000;
	height: 0.6rem;
	cursor: pointer;
	position: relative;
	padding-left: 0.1rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	font-family: 'OPPOSans-M';
}
.mainInnerBox .leftNav .levelClass{
	font-size: 0.18rem;
	color: #000;
	min-height: 0.6rem;
	cursor: pointer;
	position: relative;
	padding-left: 0.1rem;
	box-sizing: border-box;
	width: 100%;
	font-family: 'OPPOSans-M';
}
.mainInnerBox .leftNav .classTit{
	background: url(../images/icon_next.png) no-repeat right center;
	background-size:0.08rem .15rem;
	width: 100%;
	display: inline-block;
	line-height: 0.6rem;
}
.mainInnerBox .leftNav .levelClass.column .classTit{
	background: none;
}
.mainInnerBox .leftNav .levelClass.column::before{
	width: 0.05rem;
	height: 0.22rem;
	background-color: #4591f1;
	position: absolute;
	left: 0;
	top:0.19rem;
	content: '';
	opacity: 1;
}
.mainInnerBox .leftNav .secondTit{
	display: none; /* 默认不显示二级，点击一级再展开 */
	flex-direction: column;
}
.mainInnerBox .levelClass.active .secondTit{
	display: flex;
}

.mainInnerBox .leftNav .secondTit .name{
	display: block;
}
.mainInnerBox .leftNav .name{
	font-family: 'OPPOSans-M';
	font-size: 0.16rem;
	line-height:0.24rem;
	letter-spacing: 0.01rem;
	color: #000000;
	padding: 0.1rem 0;
}
.mainInnerBox .leftNav .name.active{
	color: #4591f1;
}
.mainInnerBox .leftNav .levelTit::before,
.mainInnerBox .levelClass:before{
	width: 0.05rem;
	height: 0.22rem;
	background-color: #4591f1;
	position: absolute;
	left: 0;
	top:0.19rem;
	content: '';
	opacity: 0;
}
.mainInnerBox .leftNav .levelTit.active::before,
.mainInnerBox .levelClass.active::before{
	opacity: 1;
}
.secodClass{
	display: flex;
	justify-content: space-between;
}
.secondBtn{
	background: url(../images/icon_next.png) no-repeat center center;
	background-size:0.08rem .15rem;
	width:0.4rem;
	height: 0.4rem;
}
.secondBtn.active{
	background: url(../images/icon_next02.png) no-repeat center center;
}
.secondname{
	width: calc(100% - 0.2rem);
	margin: 0 0.15rem 0 0.05rem;
	display: inline-block;
	line-height: 0.4rem;
	padding-right: .2rem;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-size: 0.16rem;
}
.secondname.active,
.thirdname.active,.thirdname:hover{
	color: #4591f1;
}
.thirdname{
	display: block;
	line-height: 0.35rem;
	padding: 0 0.15rem;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-size: 0.15rem;
}
.thirdTit{
	display: none;
	padding: 0 0.15rem;
}
.secondTitItem.active .thirdTit{
	display: block;
}
.fourthTit{
	display: none;
	padding: 0 0.15rem;
}
.thirdTit .secodClass.active + .fourthTit{
	display: block;
}
.fourTit{
	display: none;
	padding: 0 0.15rem;
}
.secodClass.active + .fourTit{
	display: block;
}
.honorList{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:0.15rem;
	padding: 0.3rem 0.3rem 0.3rem 0;
}
.honorList.styleList{
	grid-template-columns: repeat(4,1fr);
	gap:0.2rem;
}
.honorImg {
	flex: 1;
	width: 100%;
	background: #fff;
	height:auto;
	position: relative;
	background-color: #ffffff;
	border-radius: .1rem;
	border: solid .01rem #4591f1;
	overflow: hidden;
}
.honorImg .imgT{
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	position: relative;
	overflow: hidden;
}
.styleList .honorImg .imgT{
	aspect-ratio: 4 / 3;
}
.honorImg .imgT .bgs{
	width: 100%;
	height: auto;
}
.honorImg .imgT .img{
	position: absolute;
	left: 50%;
	top:50%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transform: translate(-50%,-50%);
}
.styleList .honorImg .imgT .img{
	max-width: 95%;
	max-height: 95%;
}
.honorImg .title{
	font-family: 'OPPOSans-M';
	font-size: .18rem;
	line-height: .36rem;
	letter-spacing: 0.01rem;
	color: #000000;
	text-align: center;
	padding:0 0.1rem;
	display: block;
	cursor: pointer;
}
.honorImg .more{
	font-family: 'OPPOSans-M';
	font-size: 0.14rem;
	line-height: .32rem;
	letter-spacing: 0.01rem;
	color: #4591f1;
	text-align: center;
	display: block;
	cursor: pointer;
}
.honorImg .bg {
	position: absolute;
	left: -0.45rem;
	top: -0.45rem;
	background: #4591f1;
	width: .9rem;
	height: .9rem;
	opacity: 0;
	transition: all 0.3s;
	transform: rotate(45deg);
	cursor: pointer;
	z-index: 10;
}
.honorImg .fd {
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
	opacity: 0;
	transition: all 0.3s;
	cursor: pointer;
	z-index: 20;
}
.honorImg:hover .bg,
.honorImg:hover .fd {
	opacity: 1;
}
.wailian{
	padding: 0.3rem;
	display: grid;
	gap:0.15rem;
	grid-template-columns: repeat(4,1fr);
}
.wailianItem{
	flex: 1;
}
.wailian img{
	width: 100%;
	height: 2rem;
	object-fit: cover;
}
.maoyi{
	padding:0.3rem 0.2rem;
	display: flex;
	gap:0.4rem;
	flex-direction: column;
	box-sizing: border-box;
}
.maoyi .maoyiItem{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:0.15rem;
}
.maoyi .tit{
	font-size: .24rem;
	color: #000000;
}
.maoyi .tit{
	font-size: .22rem;
	color: #000000;
	font-family: 'OPPOSans-M';
}
.maoyi .url{
	font-size: .2rem;
	color: #006fff;
	text-align: center;
}
.wxcode{
	width: 100%;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:.1rem;
	padding:.2rem .2rem 0 0;
	box-sizing: border-box;
}
.wxcode img{
	width: 0.8rem;
	height:0.8rem;
	object-fit: cover;
}
.wxcode .codeItem{
	display: flex;
	align-items:center;
}
.wxcode .tit{
	font-size: .14rem;
	color: #cccccc;
	writing-mode: vertical-rl; 
	text-orientation: upright; 
	width: .2rem;
}
.mainInnerBox .rightContent {
	flex: 1;
	overflow: hidden;
}
.projectList{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 0.2rem;
	box-sizing: border-box;
}
.projectList .projetctItem{
	width: 100%;
	background-image: linear-gradient(to bottom, #fefefe,#ebf3f8);
	padding: 0.2rem .15rem 0.15rem;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.projectList .projetctItem::before{
	position: absolute;
	left: -.1rem;
	width: .14rem;
	height: .5rem;
	background-color: #227def;
	border-radius: .8rem;
	content: '';
	top:50%;
	transform: translateY(-50%);
	opacity: 0;
}
.projectList .projetctItem:hover::before{
	opacity: 1;
}
.projectList .proContent{
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: .32rem;
	align-items:center;
	overflow: hidden;
}
.projectList .proContent .tit-1{
	font-family: 'OPPOSans-M';
	font-size: .18rem;
	color: #000000;
	flex: 1;
	padding-right: 2rem;
	box-sizing: border-box;
}
.projectList .projetctItem:hover .tit-1{
	color: #227def;
}
.projectList .proContent .tit-2{
	font-size: .16rem;
	color: #4b5052;
	flex: 1;
	padding-right: 2rem;
	box-sizing: border-box;
}
.projectList .proContent .more{
	font-size: .14rem;
	color: #227def;
	background: url(../images/bg01.png) no-repeat right center;
	background-size:0.18rem .04rem;
	padding-right: 0.38rem;
}
.projectList .proContent .time{
	font-size: .12rem;
	color: #757575;
}
.mainInnerBox .rightContent .aboutBox{
	margin: 0 0.8rem 0 0;
	border-top: none;
}
/* 寻求合作表单样式 */
.cooperateBox {
	width: calc(100% - 0.8rem);
	padding:0.2rem 0.5rem;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #c7e0f9, #d6eaf9, #d8ecfa);
	box-shadow: 0 0.04rem 0.09rem 0 
			rgba(34, 125, 239, 0.2);
	border-radius: .1rem;
	margin-top: 0.35rem;
}
.kangfu{
	padding: 0.4rem 0.8rem;
	border-top:solid 0.01rem #aaaaaa;
}
.kangfu .cooperateBox{
	width:100%;
}
.cooperateTop {
	font-size: 0.22rem;
	color: #000;
	margin-bottom: 0.1rem;
	font-family: 'OPPOSans-M';
}

.cooperateBox .info {
	width: 100%;
	display: flex;
	gap: 0.3rem;
	margin-bottom: 0.2rem;
}

.cooperateBox .info .code {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.cooperateBox .info .code .title {
	font-size: 0.14rem;
	color: #676767;
	margin-bottom: 0.15rem;
	padding-left: 0.1rem;
}

.cooperateBox .info .code input {
	width: 100%;
	height: 0.42rem;
	border: solid 0.01rem #e5e5e5;
	border-radius: 0.1rem;
	padding: 0 0.2rem;
	font-size: 0.16rem;
	color: #333;
	background: #fff;
	transition: all 0.3s;
	box-sizing: border-box;
}

.cooperateBox .info .code input:focus {
	border: solid 0.01rem #227def;
	outline: none;
}

.cooperateBox .info .code input::placeholder {
	color: #999;
}

.cooperateBox .remark {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 0.3rem;
}

.cooperateBox .remark .title {
	font-size: 0.14rem;
	color: #676767;
	margin-bottom: 0.1rem;
	padding-left: 0.1rem;
}

.cooperateBox .remark textarea {
	width: 100%;
	min-height: 1.2rem;
	border: solid 0.01rem #e5e5e5;
	border-radius: 0.1rem;
	padding: 0.15rem 0.2rem;
	font-size: 0.16rem;
	color: #333;
	background: #fff;
	transition: all 0.3s;
	box-sizing: border-box;
	font-family: inherit;
	line-height: 0.24rem;
}

.cooperateBox .remark textarea:focus {
	border: solid 0.01rem #227def;
	outline: none;
}

.cooperateBox .remark textarea::placeholder {
	color: #999;
}

.cooperateBox .btn {
	width: 100%;
	display: flex;
	justify-content: center;
}

.cooperateBox .btn .submit {
	width: auto;
	height: 0.4rem;
	background-color: #4591f1;
	color: #fff;
	font-size: 0.18rem;
	line-height: .4rem;
	padding: 0 0.6rem;
	border-radius: 0.1rem;
	cursor: pointer;
	transition: all 0.3s;
	/*letter-spacing: 0.1rem;*/
	font-family: 'OPPOSans-M';
	text-align: center;
}

.cooperateBox .btn .submit:hover {
	background-color: #0a4ba8;
	box-shadow: 0 0.02rem 0.08rem rgba(13, 86, 193, 0.3);
}

.cooperateBox .btn .submit:disabled {
	background-color: #ccc;
	cursor: not-allowed;
	opacity: 0.6;
}

.cooperateBox .btn .submit:disabled:hover {
	background-color: #ccc;
	box-shadow: none;
}

/* 错误提示样式 */
.cooperateBox .error-msg {
	display: none;
	font-size: 0.12rem;
	color: #ff4444;
	margin-top: 0.08rem;
	padding-left: 0.1rem;
	line-height: 0.18rem;
}
.cooperateBox .success-msg{
	display: block;
	font-size: 0.16rem;
	color: #52c41a;
	background: #f6ffed;
	border: 0.01rem solid #b7eb8f;
	border-radius: 0.04rem;
	padding: 0.12rem 0.2rem;
	margin-bottom: 0.2rem;
	line-height: 0.22rem;
	text-align: center;
	animation: fadeInDown 0.3s ease;
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.cooperateBox .info .code input.error,
.cooperateBox .remark textarea.error {
	border: solid 0.01rem #ff4444;
	background-color: #fff5f5;
}

.cooperateBox .info .code input.error:focus,
.cooperateBox .remark textarea.error:focus {
	border-color: #ff4444;
	box-shadow: 0 0 0 0.02rem rgba(255, 68, 68, 0.1);
}
.mainInnerCon{
	display: flex;
	justify-content: space-between;
	padding-right: 0.3rem;
}
.searchBox{
	/* width: 4rem; */
	height: .38rem;
	background-color: #ffffff;
	border-radius: .1rem;
	border: solid 0.01rem #4591f1;
	display: flex;
	font-size: .16rem;
	overflow: hidden;
	margin: 0.2rem 0;
}
.searchBox form{
	width: 100%;
}
.searchBox .searchBtn{
	width: auto;
	padding: 0 0.16rem;
	height: .38rem;
	background-color: #4591f1;
	border-radius: .1rem;
	display: inline-block;
	color: #fff;
	letter-spacing: 0.1rem;
	float: right;
}
.searchBox .text{
	flex: 1;
	font-size: .16rem;
	box-sizing: border-box;
	padding: 0 0.2rem;
	height: 100%;
}
.noticeList{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:0.1rem;
	padding: 0 0.3rem;
	box-sizing: border-box;
}
.noticeList .noticeItem{
	background: url(../images/bg02.png) no-repeat center left;
	background-size:auto .4rem;
	font-size: .16rem;
	display: flex;
	color: #227def;
	font-family: 'OPPOSans-B';
	height: .4rem;
	padding-left: 0.4rem;
	box-sizing: border-box;
	margin-bottom: 0.1rem;
}
.newsClass{
	display: flex;
	max-width: 8.7rem;
	gap:.3rem;
	position: absolute;
	bottom: 0.2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	padding: 0 .2rem;
}
.newsClass .clsItem{
	flex: 1;
	height: 0.68rem;
	font-size: .22rem;
	background-color: #ffffff;
	border-radius: 0.05rem;
	color: #4591f1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:.15rem;
	cursor: pointer;
	transition: all .5s;
}
.newsClass .clsItem.active,
.newsClass .clsItem:hover{
	background: url(../images/bg14.png) no-repeat left center #4591f1;
	background-size:cover;
	box-shadow: 0px 0px 0.16rem 0px 
			rgba(69, 106, 151, 0.2);
	border-radius: 0.05rem;
	color: #fff;
}
.newsClass .clsItem.active span,
.newsClass .clsItem:hover span{
	color: #fff !important;
}
.newsClass .clsItem .icon{
	max-width: .42rem;
	max-height: .42rem;
	object-fit: contain;
	transition: all 0.5s;
}
.newsClass .clsItem .s1{
	display: block;
}
.newsClass .clsItem .s2{
	display: none;
}
.newsClass .clsItem.active .s1,
.newsClass .clsItem:hover .s1{
	display: none;
}
.newsClass .clsItem.active .s2,
.newsClass .clsItem:hover .s2{
	display: block;
}
.newsList{
	display: flex;
	gap:.4rem;
	width: 100%;
	max-width: 12rem;
	margin: 0 auto;
	padding: .3rem .2rem;
}
.newsItem{
	background: #fff;
	border-radius: 0.05rem;
	padding:0.15rem 0.3rem;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: .3rem;
	box-shadow: 0px 0px 0.16rem 0px 
			rgba(81, 158, 255, 0.2);
	border-radius: 0.05rem;
	flex: 1;
	overflow: hidden;
}
.newsItem .newsImg{
	width: 100%;
	height: 2.5rem;
	overflow: hidden;
}
.newsItem .newsImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.newsItem:hover .newsImg img{
	transform: scale(1.05);
}
.newsItem .newsInfo{
	display: flex;
	flex-direction: column;
	gap: .1rem;
}
.newsItem .newsTitle{
	font-size: .18rem;
	color: #000000;
	font-family: 'OPPOSans-M';
	line-height: .28rem;
}
.newsItem .newsDesc{
	font-size: .16rem;
	color: #4b5052;
	line-height: .3rem;
}
.newsItem .newsDate{
	font-size: .15rem;
	color: #4b5052;
	font-family: 'OPPOSans-R';
}
.newsItem .moreBox{
	display: flex;
	justify-content: space-between;
	color: #4b5052;
	font-size: .14rem;
	font-family: 'OPPOSans-M';
	height: 0.3rem;
	align-items: center;
}
.newsItem:hover .newsTitle,
.newsItem:hover .moreBox{
	color: #227def;
}
/* 响应式适配 */
@media screen and (max-width: 1601px) {
	.newsItem{
		gap: .2rem;
	}
	.newsItem .newsImg{
		height: 2.1rem;
	}
	
}
@media screen and (max-width: 1200px) {
	.newsClass .clsItem{
		height: 0.45rem;
	}
	.newsClass .clsItem .icon{
		max-width: .2rem;
		max-height: .2rem;
	}
	.wailian{
		padding:0.1rem 0.2rem;
	}
	.cpClassBox .cpClass{
		padding: 0 0.1rem;
	}
	.prodetail{
		gap: 0.3rem;
		flex-direction: column;
		padding-right: 0.2rem;
		box-sizing: border-box;
	}
	.detailTab{
		width: calc(100% - 0.2rem);
	}
	.prodetail .productInfo{
		width: 3.2rem;
	}
	.prodetail .productImg{
		height: 3.2rem;
	}
	.mainInnerBox .leftNav{
		width: 2.2rem;
		padding: 0 0.2rem;
	}
	.honorList{
		/*grid-template-columns: repeat(2,1fr);*/
		gap: 0.15rem;
		margin: 0 0.2rem;
		width: calc(100% - .1rem);
	}
	.mainInnerCon{
		flex-direction: column;
		padding-right: 0;
	}
	.searchBox{
		width: calc(100% - 0.4rem);
		margin: 0 .2rem .2rem;
	}
	.honorImg{
		height: auto;
	}
	.honorImg .imgT{
		/*height: 3rem;*/
	}
	.wxcode{
		flex-direction: column;
	}
	.cpbana{
		height: 3rem;
	}
	.cpClassBox{
		height: 0.6rem;
	}
	.cpClassBox .cpClass .tit-1{
		font-size: .16rem;
	}
	.advantBox{
		height: 5rem;
	}
	.aboutNav{
		margin: 0 0.2rem;
		line-height: .5rem;
		font-size: .18rem;
	}
	/* 招聘信息区域在中屏下的适配，仅影响 .hireBox 模块 */
	.hireBox{
		padding: 0 0.2rem 0.4rem;
	}
	.hireBox .hireHead span,
	.hireBox .hireItem span{
		padding: 0 0.05rem;
	}
	.hireInfo{
		font-size: .18rem;
		padding: 0.15rem 0.3rem;
	}
	.zhaoshangBana{
		height: 2rem;
	}
	.advantBox .advantInner{
		padding: 0 .2rem;
		height: 2.5rem;
	}
	.aboutBox{
		margin: 0 0.2rem;
	}
	.mainInnerBox .leftNav .levelTit{
		font-size: .2rem;
	}
	.mainInnerBox .rightContent .aboutBox{
		margin: 0 0.5rem 0 0;
	}
	.cooperateBox {
		padding: 0.3rem;
		margin: 0 0.4rem 0 0;
		width: calc(100% - 0.4rem);
	}
	
	.cooperateTop {
		font-size: 0.22rem;
		margin-bottom: 0.3rem;
	}
	
	.cooperateBox .info {
		gap: 0.2rem;
		margin-bottom: 0.25rem;
	}
	
	.cooperateBox .info .code .title,
	.cooperateBox .remark .title {
		font-size: 0.16rem;
		margin-bottom: 0.12rem;
	}
	
	.cooperateBox .info .code input {
		height: 0.45rem;
		font-size: 0.15rem;
		padding: 0 0.15rem;
	}
	
	.cooperateBox .remark textarea {
		min-height: 1.2rem;
		font-size: 0.15rem;
		padding: 0.12rem 0.15rem;
	}
	
	.cooperateBox .btn .submit {
		width: 1.4rem;
		height: 0.45rem;
		font-size: 0.16rem;
		line-height: 0.45rem;
		padding: 0 0.1rem;
		letter-spacing: 0;
	}
	.projectList .proContent .tit-1{
		padding-right: 0.1rem;
		font-size: .16rem;
	}
	.projectList .proContent .tit-2{
		padding-right: 0.1rem;
		font-size: .14rem;
	}
	.newsList{
		gap:0.2rem;
	}
	.newsItem{
		padding: 0.15rem 0.2rem;
	}
}
@media screen and (max-width: 1024px){
	.wailian{
		grid-template-columns: repeat(2,1fr);
	}
	.wailian img{
		height: 2.5rem;
	}
}
@media screen and (max-width: 768px) {
	.honorList {
		grid-template-columns: repeat(2,1fr);
	}
	.wailian{
		grid-template-columns: repeat(2,1fr);
	}
	.video_box .playBox,
	.video_box .poster{
		width: 100%;
	}
	.video_box{
		height: 2.5rem;
		margin:0.2rem;
		width: calc(100% - 0.4rem);
	}
	.wailian img{
		height: 1.5rem;
	}
	.newsList{
		flex-direction: column;
	}
	.mapCon{
		padding: 0 0.2rem;
	}
	.prodetail .productParam .title{
		font-size: .18rem;
	}
	.prodetail .productParam .keyList .keyItem{
		font-size: .14rem;
		line-height: .24rem;
		padding: 0;
	}
	.mainInnerBox .leftNav .levelClass{
		min-height: 0.4rem;
		position: relative;
	}
	.mainInnerBox .levelClass.active .secondTit{
		/*position: absolute;*/
		/*z-index: 10;*/
		background: #f6f9fc;
		/*top:0.4rem;*/
		/*left: 0;*/
		width: 100%;
		max-height: 2rem;
		overflow-y: scroll;
		box-sizing: border-box;
		padding:0 0.15rem;
		border-radius: 0.1rem;
	}
	.mainInnerBox .leftNav .name{
		padding:0;
		line-height: 0.32rem;
	}
	.mainInnerBox .leftNav .classTit{
		line-height: 0.4rem;
	}
	.mainInnerBox .leftNav .levelClass.column::before{
		top: 0.09rem;
	}
	.mainInnerBox .leftNav .levelTit::before, .mainInnerBox .levelClass:before{
		top: 0.09rem;
	}
	.noticeList{
		padding: 0 0.2rem;
		font-size: .14rem;
	}
	.detailTab{
		width: calc(100% - 0.4rem);
		margin: 0 0.2rem;
	}
	.prodetail{
		flex-direction: column;
		padding: 0 0.2rem;
		gap: 0.25rem;
	}
	.prodetail .productInfo{
		width: 100%;
	}
	.prodetail .productImg{
		height: 3rem;
	}
	.prodetail .productSmall{
		padding: 0 0.2rem;
		height: 0.6rem;
	}
	/* 小屏左侧分类做成折叠 */
	.mainInnerBox .leftNav{
		flex-direction: column;
	}
	.wxcode{
		display: none;
	}
	.mainInnerBox {
		flex-direction: column;
	}
	/* .mainInnerBox .rightContent 空规则删除，避免警告 */
	.mainInnerBox .leftNav{
		width:100%;
		/*flex-direction: row;*/
		padding: 0 0.2rem;
		gap:0.1rem;
		position: relative;
	}
	.mainInnerBox .rightContent{
		padding: 0.3rem 0;
	}
	.mainInnerBox .leftNav .levelTit{
		font-size: 0.16rem;
		justify-content: flex-start;
		flex: 1;
		line-height: 0.4rem;
	}
	.mainInnerBox .rightContent .aboutBox{
		margin: 0 0.2rem;
	}
	.aboutbana{
		height: 1.5rem;
	}
	.aboutbana img,
	.zhaoshangBana img{
		object-position: left;
	}
	.newsClass .clsItem{
		font-size: .14rem;
		height: .35rem;
		gap:.1rem;
	}
	.zhaoshangBana.banaCen img{
		object-position: center;
	}
	.zhaoshangBana{
		height: 1.8rem;
	}
	
	.aboutClass{
		height: 0.5rem;
	}
	.aboutClass .classItem::after{
		height: 0.7rem;
	}
	.aboutClass .classItem .tit-2{
		font-size: 0.16rem;
	}
	.aboutClass .classItem .tit-1{
		font-size: 0.14rem;
	}
	.cpbana{
		height:1.8rem;
	}
	.cpClassBox{
		height: 0.4rem;
	}
	.cpClassBox .cpClass .tit-1{
		font-size: .16rem;
		white-space: nowrap;
	}
	.cpClassBox .cpClass{
		padding: 0 0.2rem;
	}
	.cpClassBox .classBox{
		overflow-y: scroll;
	}
	.aboutBox p{
		font-size: .14rem;
		line-height: .28rem;
	}
	.advantBox .advantInner .tit-2{
		font-size: .18rem;
	}
	.advantBox .advantInner .tit-1{
		font-size: .2rem;
	}
	.advantBox .advantInner .description{
		font-size: .14rem;
	}
	/* 招聘信息区域在小屏下的适配，仅影响 .hireBox 模块 */
	.hireBox{
		padding: 0 0.2rem 0.3rem;
	}
	.hireBox .hireHead{
		font-size: .18rem;
	}
	.hireBox .hireHead span,
	.hireBox .hireItem span{
		font-size: .14rem;
		padding: 0 0.03rem;
	}
	.hireList .hireItem{
		font-size: .16rem;
		line-height: 0.5rem;
		height: 0.5rem;
	}
	.hireInfo{
		font-size: .16rem;
		line-height: .28rem;
		padding: 0.15rem 0.25rem;
	}
	.cooperateBox {
		padding: 0.25rem;
		/*margin: 0 0.2rem;*/
		width: 100%;
	}
	.kangfu{
		padding: 0.4rem 0.2rem;
	}
	
	.cooperateTop {
		font-size: 0.2rem;
		margin-bottom: 0.25rem;
	}
	
	.cooperateBox .info {
		flex-direction: column;
		gap: 0.2rem;
		margin-bottom: 0.2rem;
	}
	
	.cooperateBox .info .code {
		width: 100%;
	}
	
	.cooperateBox .info .code .title,
	.cooperateBox .remark .title {
		font-size: 0.15rem;
		margin-bottom: 0.1rem;
	}
	
	.cooperateBox .info .code input {
		height: 0.4rem;
		font-size: 0.14rem;
		padding: 0 0.12rem;
	}
	
	.cooperateBox .remark {
		margin-bottom: 0.3rem;
	}
	
	.cooperateBox .remark textarea {
		min-height: 1rem;
		font-size: 0.14rem;
		padding: 0.1rem 0.12rem;
		line-height: 0.22rem;
	}
	
	.cooperateBox .btn {
		justify-content: center;
	}
	
	.cooperateBox .btn .submit {
		width: 100%;
		max-width: 2rem;
		height: 0.4rem;
		font-size: 0.15rem;
		line-height: 0.4rem;
	}
	/* 产品列表 - 荣誉列表小屏适配 */
	
	.honorImg{
		height: auto;
	}
	.honorImg .imgT{
		/*height: 1.5rem;*/
	}
	.honorImg .imgT img{
		width: 100%;
		max-height: 100%;
	}
	.honorList.styleList{
		grid-template-columns: repeat(2, 1fr);
	}

}