body {
	background: #f9f9f9;
}
table{
	margin: 0 auto;
}
.cpbana {
	width: 100%;
	height: 6.5rem;
}

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

.cpClassBox {
	width: 100%;
	height: 1.8rem;
	background-color: #e7f0f9;
	overflow: visible;
	position: relative;
}

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

.cpClassBox .cpClass {
	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-right: solid 0.01rem #fff;
}

.cpClassBox .cpClass:last-child {
	border: none;
}

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

.cpClassBox .cpClass.active,
.cpClassBox .cpClass:hover {
	color: #fff;
}

/* 默认情况：所有选项只有自身背景变蓝 */
.cpClassBox .cpClass.active::after,
.cpClassBox .cpClass:hover::after {
	height: 100%;
}

/* 会议云 - 左侧延伸到浏览器左边缘 */
.cpClassBox .cpClass:nth-child(1).active::before,
.cpClassBox .cpClass:nth-child(1):hover::before {
	content: '';
	position: absolute;
	right: 100%;
	width: 100vw;
	background-color: #0d56c1;
	height: 100%;
	z-index: 4;
}

/* SDK开发平台 - 右侧延伸到浏览器右边缘 */
.cpClassBox .cpClass:nth-child(4).active::after,
.cpClassBox .cpClass:nth-child(4):hover::after {
	width: 100vw;
	left: 0;
	height: 100%;
}

/* 办公云和智能硬件 - 只有自身背景，覆盖默认规则确保没有延伸 */
.cpClassBox .cpClass:nth-child(2).active::after,
.cpClassBox .cpClass:nth-child(2):hover::after,
.cpClassBox .cpClass:nth-child(3).active::after,
.cpClassBox .cpClass:nth-child(3):hover::after {
	width: 100%;
	left: 0;
	height: 100%;
}

.cpClassBox .cpClass.active .currntImg,
.cpClassBox .cpClass:hover .currntImg {
	display: none;
}

.cpClassBox .cpClass.active .activeImg,
.cpClassBox .cpClass:hover .activeImg {
	display: block;
}

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

.cpClassBox .cpClass.active .tit-1,
.cpClassBox .cpClass:hover .tit-1 {
	display: none;
}

.cpClassBox .cpClass.active .tit-2,
.cpClassBox .cpClass:hover .tit-2 {
	display: block;
	opacity: 1;
}

.cpClassBox .cpClass .img {
	height: 0.75rem;
	position: relative;
	z-index: 10;
	margin-bottom: 0.1rem;
}

.cpClassBox .cpClass .icon {
	position: relative;
	z-index: 10;
	display: none;
	transition: all 0.3s;
}

.cpClassBox .cpClass span {
	position: relative;
	z-index: 10;
	transition: all 0.5s;
}

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

.cpClassBox .cpClass .tit-1 {
	display: block;
	font-size: 0.2rem;
}

.cpClassBox .cpClass .currntImg {
	display: block;
}

.cpClassBox .cpClass .activeImg {
	display: none;
}

.advantsBox {
	width: 100%;
	height: 6.78rem;
	position: relative;
}

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

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

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

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

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

.sceneBox .pro_inner {
	height: 2.1rem;
}

.sceneList {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.25rem;
	padding-bottom: 0.9rem;
}

.sceneList .sceneItem {
	flex: 1;
	background: url(../images/bg01.png) no-repeat;
	background-size: 100% 100%;
	height: 2.2rem;
	display: flex;
}

.sceneList .sceneItem .img {
	width: 3.04rem;
	height: 100%;
}

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

.sceneList .sceneItem .sceneInner {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0 0.25rem;
	height: 100%;
	justify-content: center;
	align-items: flex-start;
}

.sceneList .sceneItem .name {
	color: #0d56c1;
	font-size: 0.28rem;
	font-family: 'ali';
	justify-content: flex-start;
	font-weight: 600;
	height: 0.42rem;
	margin-bottom: 0.12rem;
	width: 100%;
}

.sceneList .sceneItem .name img {
	margin-right: 0.08rem;
}

.sceneList .sceneItem .title {
	background: url(../images/bg02.png) no-repeat left 0.07rem;
	background-size: 0.08rem 0.16rem;
	padding-left: 0.15rem;
	color: #637083;
	font-size: 0.16rem;
	line-height: 0.3rem;
	width: 100%;
}

.customBox {
	width: 100%;
	background: url(../images/bg05.jpg) no-repeat right bottom #f5f9fd;
	background-size: contain;
}

.customBox .customInner {
	font-size: 0.16rem;
	display: flex;
	position: relative;
	height: 3.2rem;
}
.customBox .customInner .tem{
	flex: 1;
}
.customBox .customInner .bushu {
	position: absolute;
	right: -2.6rem;
	top: -0.8rem;
}

.customBox .customInner .bushu {
	position: absolute;
	right: -2.6rem;
	top: -0.8rem;
}

.customBox .customInner:nth-child(3) {
	height: 3.8rem;
}

.customBox .customInner:nth-child(2) {
	justify-content: flex-end;
}

.customBox .customInner:nth-child(2) .description {
	text-align: right;
	background: url(../images/bg04.png) no-repeat right 0.04rem;
	background-size: 0.15rem 0.15rem;
	text-indent: 0;
	padding-right: 0.2rem;
}

.customBox .customInner:nth-child(2) .title {
	text-align: right;
}

.customBox .customInner:nth-child(2) .cutomCont {
	padding: 0 0 0 0;
	width: 60%;
}

.customBox .customInner .cutomCont {
	width: 50%;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	z-index: 20;
}

.customBox .customInner .title {
	font-size: 0.28rem;
	font-weight: 600;
	letter-spacing: 0.01rem;
	color: #171d29;
	height: 0.7rem;
	width: 100%;
	line-height: 0.7rem;
}

.customBox .customInner .description {
	font-size: 0.16rem;
	color: #637083;
	line-height: 0.24rem;
	margin-top: 0.08rem;
	width: 100%;
	background: url(../images/bg04.png) no-repeat left 0.04rem;
	background-size: 0.15rem 0.15rem;
	text-indent: 0.2rem;
}

.dockingBox {
	width: 100%;
	height: 5.78rem;
	position: relative;
}

.dockingBox .dockBox {
	position: absolute;
	left: 50%;
	width: 100%;
	max-width: 14rem;
	transform: translateX(-50%);
}

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

.dockingBox .pro_inner {
	height: 2.1rem;
	padding-top: 0.2rem;
}

.dockingBox .pro_inner .pro_tit {
	color: #ffffff;
}

.dockingBox .pro_inner .pro_entit {
	color: #8fa0c8;
}

.dockingBox .pro_inner .pro_entit::before {
	background: url(../images/icon_play05.png) no-repeat center;
	background-size: 0.13rem 0.17rem;
	z-index: 10;
}

.dockingBox .dockInner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.3rem;
}

.dockingBox .doctItem {
	width: 100%;
	height: 2.8rem;
	position: relative;
}

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

.dockingBox .doctItem .content {
	position: absolute;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.dockingBox .doctItem .title {
	font-size: 0.28rem;
	color: #ffffff;
	letter-spacing: 0.01rem;
	line-height: 0.5rem;
	margin-bottom: 0.05rem;
	font-weight: 600;
}

.dockingBox .doctItem .desc {
	font-size: 0.16rem;
	color: #c0e4fe;
	text-align: center;
	line-height: 0.24rem;
}

.hywarper {
	width: 100%;
	height: 3rem;
	margin-top: 0.9rem;
	position: relative;
}

.hywarper .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.hywarper .hyInner {
	width: 100%;
	height: 3rem;
	background: url(../images/bg06.png) no-repeat center;
	background-size:cover;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 3.6rem 0.9rem 0.5rem;
}

.hywarper .hyInner .name {
	font-family: 'ali';
	font-weight: 600;
	font-size: 0.28rem;
	letter-spacing: 0.01rem;
	color: #033dd6;
	height: 0.5rem;
	margin-bottom: 0.08rem;
}

.hywarper .hyInner .name img {
	margin-right: 0.05rem;
}

.hywarper .hyInner .title {
	color: #171d29;
	font-size: 0.2rem;
	font-weight: 600;
	line-height: 0.45rem;
}

.hywarper .hyInner .desc {
	color: #565f72;
	font-size: 0.16rem;
	line-height: 0.28rem;
}

.hywarper .swiper-pagination {
	position: absolute;
	bottom: 0.36rem;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0.7rem !important;
}

.hywarper .swiper-pagination-bullet {
	width: 0.13rem;
	height: 0.18rem;
	position: relative;
	background: none;
	opacity: 1;
}

.hywarper .swiper-pagination-bullet::before {
	background-color: #050f18;
	opacity: 0.7;
	transform: scale(1);
	border-radius: 50%;
	content: '';
	width: 0.07rem;
	height: 0.07rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hywarper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	background: url(../images/icon_play03.png) no-repeat center;
	background-size: 0.13rem 0.17rem;
	width: 0.13rem;
	height: 0.17rem;
	border-radius: 0;
	opacity: 1;
}

.hyAdvant {
	width: 100%;
	padding-bottom: 0.9rem;
}

.hyAdvant .pro_inner {
	height: 2.1rem;
}

.hyAdvant .hyadList {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.6rem 1rem;
}

.hyAdvant .hyadList .adItem {
	width: 100%;
	height: 2.7rem;
	background: #f4f7ff;
	flex-direction: column;
}

.hyAdvant .hyadList .img {
	width: 100%;
	height: 0.75rem;
	margin-bottom: 0.05rem;
}

.hyAdvant .hyadList .tit-1 {
	font-size: 0.2rem;
	font-weight: 600;
	color: #0c37d6;
	line-height: 0.4rem;
}

.hyAdvant .hyadList .tit-2 {
	font-size: 0.16rem;
	color: #565f72;
	line-height: 0.22rem;
	height: 0.22rem;
	text-align: center;
}

.hyRolebox {
	background: url(../images/bg07.jpg) no-repeat center;
	background-size: 100% 100%;
}

.hyRolebox .mainInner {
	flex-direction: column;
	gap: 0.35rem;
	padding: 0.9rem 0;
}

.hyRolebox .roleItem {
	width: 100%;
	height: 2.15rem;
	position: relative;
}

.hyRolebox .roleItem:nth-child(even) .rolecont {
	right: 0.6rem;
	padding-left: 4.2rem;
}

.hyRolebox .roleItem:nth-child(even) .name {
	justify-content: flex-end;
}

.hyRolebox .roleItem:nth-child(even) .name img {
	margin-left: 0.1rem;
	margin-right: 0;
}

.hyRolebox .roleItem:nth-child(even) .title {
	text-align: right;
}

.hyRolebox .roleItem:nth-child(even) .desc {
	text-align: right;
}

.hyRolebox .roleItem:nth-child(odd) .rolecont {
	left: 0.6rem;
	padding-right: 4.2rem;
}

.hyRolebox .roleItem .rolecont {
	position: absolute;
	color: #f4f7ff;
	height: 100%;
	width: calc(100% - 0.6rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

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

.hyRolebox .roleItem .name {
	height: 0.75rem;
	letter-spacing: 0.01rem;
	color: #f4f7ff;
	font-size: 0.28rem;
	font-family: 'ali';
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.hyRolebox .roleItem .name img {
	margin-right: 0.1rem;
}

.hyRolebox .roleItem .title {
	font-size: 0.2rem;
	font-weight: 600;
	line-height: 0.42rem;
	width: 100%;
}

.hyRolebox .roleItem .desc {
	color: #bee1fa;
	line-height: 0.2rem;
	font-size: 0.16rem;
	width: 100%;
}

.mainInner .pro_inner {
	height: 2.1rem;
}

.hyStyle {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.3rem;
	padding: 0 0 0.9rem 0;
}

.hyStyle .styleItem {
	width: 100%;
	height: 2.8rem;
	position: relative;
	overflow: hidden;
}

.hyStyle .styleItem:nth-child(7) {
	grid-column: 1 / -1;
}

.hyStyle .styleItem .bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}
.hyStyle .styleItem:hover .bg{
	transform: scale(1.05);
}
.hyStyle .styleItem .title {
	font-size: 0.18rem;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(23, 29, 41, 0.7);
	width: 100%;
	padding: 0 0.2rem;
	height: 0.65rem;
	text-align: center;
	line-height: 0.65rem;
	z-index:10;
}

.znyjClass {
	width: calc(100% + 0.64rem);
	margin-left: -0.32rem;
	display: flex;
	height: 1.75rem;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.32rem;
}

.znyjClass .title {
	cursor: pointer;
	display: flex;
	font-size: 0.16rem;
	color: #637083;
	letter-spacing: 0.02rem;
	align-items: center;
	justify-content: center;
}

.znyjClass .title i {
	font-style: normal;
	position: relative;
	padding: 0 0.22rem 0 0.42rem;
	display: inline-block;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	min-width: 0.44rem;
	box-sizing: border-box;
}

.znyjClass .title i::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
	border: solid 0.01rem transparent;
	transition: all 0.3s;
	opacity: 0;
	box-sizing: border-box;
}

.znyjClass .title:hover,
.znyjClass .title.active {
	color: #0d56c1;
}

.znyjClass .title:hover i,
.znyjClass .title.active i {
	background: url(../images/icon_com.jpg) no-repeat 0.2rem center;
	background-size: 0.18rem 0.2rem;
}

.znyjClass .title:hover i::after,
.znyjClass .title.active i::after {
	border-color: #0d56c1;
	opacity: 1;
}

.yj_product {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.2rem;
	padding-bottom: 0.9rem;
	padding: 0 0.2rem 0.3rem 0.2rem;
}

.yj_product .proItem {
	flex: 1;
	position: relative;
	flex-direction: column;
	cursor: pointer;
	overflow: hidden;
}

.yj_product .proItem.active .img::after,
.yj_product .proItem:hover .img::after {
	opacity: 1;
}

.yj_product .proItem.active .img .detail,
.yj_product .proItem:hover .img .detail {
	opacity: 1;
}

.yj_product .proItem.active .img img,
.yj_product .proItem:hover .img img {
	transform: scale(1.05);
}

.yj_product .proItem.active .info::after,
.yj_product .proItem:hover .info::after {
	left: 0;
}

.yj_product .proItem.active .info .name,
.yj_product .proItem:hover .info .name,
.yj_product .proItem.active .info .title,
.yj_product .proItem:hover .info .title {
	color: #fff;
}

.yj_product .proItem .img {
	width: 3.3rem;
	height: 3.3rem;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	background: #fff;
}

.yj_product .proItem .img .detail {
	position: absolute;
	bottom: 0.45rem;
	font-size: 0.14rem;
	color: #0d56c1;
	width: 100%;
	text-align: center;
	z-index: 20;
	opacity: 0;
	transition: all 0.3s;
}

.yj_product .proItem .img::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #b5b7ba;*/
	top: 0;
	opacity: 0;
	transition: all 0.5s;
}

.yj_product .proItem .img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 10;
	transition: all 0.5s;
}

.yj_product .proItem .info {
	width: 2.8rem;
	height: 1rem;
	flex-direction: column;
	position: relative;
	z-index: 10;
	margin-top: -0.35rem;
	overflow: hidden;
	max-width: 100%;
}

.yj_product .proItem .info::after,
.yj_product .proItem .info::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border: solid 0.01rem #e7f0f9;
	top: 0;
}

.yj_product .proItem .info::after {
	left: -101%;
	background-color: #0d56c1;
	border: solid 0.01rem #0d56c1;
	box-shadow: 0 0.02rem 0.08rem 0 rgba(32, 45, 104, 0.13);
	transition: all 0.5s;
}

.yj_product .proItem .info .name {
	color: #171d29;
	font-size: 0.2rem;
	line-height: 0.3rem;
	padding: 0 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	font-weight: 600;
	height: 0.3rem;
	position: relative;
	z-index: 10;
	width: 100%;
}

.yj_product .proItem .info .title {
	font-size: 0.16rem;
	color: #637083;
	line-height: 0.24rem;
	height: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	padding: 0 0.1rem;
	text-align: center;
	position: relative;
	z-index: 10;
	width: 100%;
}

.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-right: 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:100%;
	/*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: 100%;
	/*top: -0.1rem;*/
	z-index: 4;
}

/* 政府行业 - 右侧延伸到浏览器右边缘 */
.aboutClass .classItem:nth-child(5).active::after,
.aboutClass .classItem:nth-child(5):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,
.aboutClass .classItem:nth-child(4).active::after,
.aboutClass .classItem:nth-child(4):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;
}

.aboutsBox {
	width: 100%;
	padding:0 15% 0.9rem;
}

.aboutsBox img {
	max-width: 100%;
	margin: 0 auto;
}

.aboutsBox p {
	font-size: 0.16rem;
	color: #171d29;
	line-height: 0.24rem;
	letter-spacing: 0.01rem;
	margin-bottom: 0.2rem;
	/*text-indent: 2em;*/
	width: 100%;
}

.aboutsBox p img {
	margin: 0.15rem auto;
	position: relative;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	/*max-width: 75%;*/
	height: auto;
}

.aboutbana {
	width: 100%;
	height: 4.87rem;
	position: relative;
}

.aboutbana .location {
	position: absolute;
	width: 100%;
	font-size: 0.14rem;
	bottom: 0;
	left: 0;
	background: rgba(247, 247, 247, 0.5);
	min-height: 0.44rem;
	color: #637083;
	padding: 0.1rem 0;

}

.aboutbana .location .mainInner {
	line-height: 0.24rem;
	text-align: right;
}

.aboutbana .location .index {
	background: url(../images/icon_index.png) no-repeat left center;
	background-size: 0.18rem 0.16rem;
	padding-left: 0.23rem;
}

.aboutbana .location .current {
	color: #171d29;
}

.aboutbana .location a {
	color: #637083;
}

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

.honorBox {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.2rem;
	padding: 0.9rem 0 0.5rem;
}

.honorBox .honorImg {
	width: 100%;
	background: #fff;
	height: 3.58rem;
	position: relative;
	overflow: hidden;
}
.honorBox .honorImg .imgT{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.honorBox .honorImg .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: all 0.3s;
}

.honorBox .honorImg .fd {
	position: absolute;
	right: 0;
	bottom: 0;
}

.honorBox .title {
	height: 0.58rem;
	background-color: #ffffff;
	border: solid 0.01rem #e7f0f9;
	font-size: 0.16rem;
	width: 100%;
	display: block;
	padding: 0 0.1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 0.58rem;
	color: #565f72;
}

.honorBox .honor {
	cursor: pointer;
	width: 100%;
	overflow: hidden;
}

.honorBox .honor:hover .title {
	background-color: #ffffff;
	border: solid 0.01rem #033dd6;
	color: #033dd6;
}

.honorBox .honor:hover .honorImg .bg {
	opacity: 1;
}

.dynamics {
	width: 100%;
	display: grid;
	grid-template-columns: 4.45rem 1fr 1fr;
	gap: 0.3rem;
	padding-top: 1.1rem;
}

.dynamics .space {
	width: 4.45rem;
	height: 5.1rem;
}
.dynamics .space img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.dynamics .dynaItem {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.dynamics .dynaItem::after,
.dynamics .dynaItem::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f4f6fd;
	opacity: 1;
	transition: all 0.5s;
	border: solid 0.01rem #d8eafc;
}

.dynamics .dynaItem::before {
	background-color: #ffffff;
	border: solid 0.01rem #d8eafc;
	z-index: 5;
	opacity: 0;
}

.dynamics .dynaItem:hover {
	box-shadow: 0 0.02rem 0.1rem 0 rgba(2, 61, 214, 0.25);
}

.dynamics .dynaItem:hover::before {
	opacity: 1;
}

.dynamics .dynaItem:hover .title {
	color: #033dd6;
}

.dynamics .dynaItem:hover .btnMore {
	opacity: 1;
}

.dynamics .dynaItem .dyImg {
	width: 100%;
	height: 2.6rem;
	position: relative;
	z-index: 10;
}

.dynamics .dynaItem .dyImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dynamics .dynaItem .dyCont {
	flex-direction: column;
	align-items: flex-start;
	padding: 0 0.3rem;
	overflow: hidden;
	flex: 1;
	height: 100%;
	position: relative;
	z-index: 10;
	width: 100%;
}

.dynamics .dynaItem .btnMore {
	position: absolute;
	bottom: 0.3rem;
	right: 0.4rem;
	opacity: 0;
	transition: all 0.5s;
}

.dynamics .dynaItem .title {
	font-size: 0.2rem;
	color: #171d29;
	line-height: 0.3rem;
	height: 0.3rem;
	width: 100%;
}

.dynamics .dynaItem .desc {
	font-size: 0.16rem;
	color: #565f72;
	line-height: 0.3rem;
	height: 0.6rem;
	margin: 0.15rem 0 0.2rem;
}

.dynamics .dynaItem .time {
	color: #565f72;
	line-height: 0.24rem;
	font-size: 0.16rem;
}

.btnMore {
	width: 1.44rem;
	height: 0.4rem;
	border: solid 0.01rem #023dd6;
	color: #033dd6;
	font-size: 0.14rem;
	letter-spacing: 0.01rem;
	cursor: pointer;
	transition: all 0.3s;
}

.btnMore span {
	background: url(../images/icon_play02.png) no-repeat right center;
	background-size: 0.13rem 0.17rem;
	padding-right: 0.2rem;
}

.newsInfoBox {
	width: 100%;
}

.newsItem {
	width: 100%;
	height: 1.3rem;
	font-size: 0.14rem;
	margin-top: 0.35rem;
	display: flex;
	position: relative;
	cursor: pointer;
	margin-bottom: 0.4rem;
}

.newsItem::after,
.newsItem::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f4f6fd;
	opacity: 1;
	transition: all 0.5s;
	border: solid 0.01rem #d8eafc;
}

.newsItem::before {
	background-color: #ffffff;
	border: solid 0.01rem #d8eafc;
	z-index: 5;
	opacity: 0;
}

.newsItem:hover {
	box-shadow: 0 0.02rem 0.1rem 0 rgba(2, 61, 214, 0.25);
}

.newsItem:hover::before {
	opacity: 1;
}

.newsItem:hover .title,
.newsItem:hover .day,
.newsItem:hover .year {
	color: #033dd6;
}

.newsItem:hover .newsImg img {
	transform: scale(1.1);
}

.newsItem:hover .newCont .btn {
	opacity: 1;
}

.newsItem .newsImg {
	width: 2.25rem;
	height: 100%;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.newsItem .newsImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.newsItem .newCont {
	flex: 1;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.newsItem .newCont::after {
	width: 0.01rem;
	height: 0.38rem;
	background-color: #999999;
	position: absolute;
	left: 1.53rem;
	top: 50%;
	transform: translateY(-50%);
	content: '';
}

.newsItem .newCont .btn {
	width: 2.05rem;
	opacity: 0;
	transition: all 0.5s;
}

.newsItem .newCont .date {
	padding-left: 0.35rem;
	width: 1.53rem;
}

.newsItem .newCont .newText {
	flex: 1;
	width: 100%;
	overflow: hidden;
	padding-left: 0.3rem;
}

.newsItem .title {
	font-size: 0.2rem;
	color: #000000;
	width: 100%;
	display: block;
}

.newsItem .desc {
	font-size: 0.16rem;
	color: #565f72;
	line-height: 0.24rem;
	margin: 0.08rem 0;
}

.newsItem .day {
	font-size: 0.32rem;
	font-weight: 600;
	color: #333333;
}

.newsItem .year {
	color: #565f72;
	font-size: 0.16rem;
	line-height: 0.3rem;
}

.planImg {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #fff;
}

.planImg img {
	max-width: 100%;
}

.prodetail {
	padding: 0.3rem 0;
	display: flex;
	gap: 0.7rem;
}

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

.prodetail .productInfo .amplify {
	position: absolute;
	background: url(../images/magnifier.png) no-repeat;
	background-size: 0.16rem 0.17rem;
	width: 0.16rem;
	height: 0.17rem;
	right: 0.22rem;
	top: 5.14rem;
	z-index: 30;
	cursor: pointer;
}

.prodetail .productImg {
	width: 100%;
	height: 5.5rem;
	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: contain;
}

.prodetail .productSmall {
	width: 100%;
	height: 0.8rem;
	padding: 0 0.3rem;
	overflow: hidden;
	position: relative;
}
.prodetail .productSmall .small-prev,
.prodetail .productSmall .small-next{
	position: absolute;
	width: .22rem;
	height: .80rem;
	background-color: #ffffff;
	border: solid 0.01rem #e7f0f9;
	top:0;
	margin-top: 0 !important;
	z-index:50;
}
.prodetail .productSmall .small-prev{
	left: 0;
}
.prodetail .productSmall .small-next{
	right:0;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: .2rem;
	color: #8ac1fc!important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 0.5!important;
}
.prodetail .productSmall .swiper-slide {
	width: 100%;
	height: 100%;
	border: solid 0.01rem #e7f0f9;
}

.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 #0d56c1;
}

.prodetail .productParam {
	flex: 1;
	width: 100%;
}

.prodetail .productParam .title {
	min-height: 0.64rem;
	border-bottom: solid 0.01rem #636f83;
	font-size: 0.28rem;
	font-weight: 600;
	letter-spacing: 0.01rem;
	color: #171d29;
	width: 100%;
	display: block;
	padding: 0.15rem 0;
	line-height: 0.34rem;
}

.prodetail .productParam .desc {
	font-size: 0.16rem;
	line-height: 0.26rem;
	color: #637083;
	padding: 0.2rem 0;
}

.prodetail .productParam .tellphone {
	background: url(../images/icon_phone.png) no-repeat 0.2rem center #e7f0f9;
	background-size: 1.08rem 0.28rem;
	color: #0d56c1;
	letter-spacing: 0.01rem;
	padding-left: 1.4rem;
	font-size: 0.24rem;
	font-weight: bold;
	height: 0.8rem;
	line-height: 0.8rem;
	margin-bottom: 0.25rem;
}

.prodetail .productParam .btnprice {
	width: 3.53rem;
	height: 0.6rem;
	background-color: #438dfd;
	font-size: 0.2rem;
	line-height: 0.24rem;
	letter-spacing: 0.03rem;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

.prodetail .productParam .btnprice span {
	background: url(../images/icon_service.png) no-repeat left center;
	background-size: 0.24rem 0.21rem;
	padding-left: 0.34rem;
}

.prodetail .productParam .keyList {
	width: 100%;
}

.prodetail .productParam .keyList .keyItem {
	width: 100%;
	display: flex;
	gap: 0.2rem;
	margin-bottom: 0.2rem;
}

.prodetail .productParam .keyList .name {
	width: 0.95rem;
	height: 0.4rem;
	background-color: #ffffff;
	border: solid 0.01rem #438dfd;
	font-size: 0.16rem;
	letter-spacing: 0.02rem;
	color: #438dfd;
}

.prodetail .productParam .keyList .key {
	color: #637083;
	font-size: 0.16rem;
	line-height: 0.4rem;
}

.detailTab {
	width: 100%;
	background: #fff;
	padding: 0 0.4rem 0.8rem;
	margin-bottom: 0.8rem;
}

.detailTab .detailTop {
	font-size: 0.16rem;
	color: #637083;
	background: url(../images/bg08.png) no-repeat -0.2rem center;
	background-size: 1.27rem 0.68rem;
	height: 0.68rem;
	line-height: 0.6rem;
	padding-left: 0.4rem;
}

.detailTab .detailCont img {
	max-width: 100%;
}
.detailTab .detailCont p,
.detailTab .detailCont{
	font-size: 0.16rem;
}
.detailTab .detailCont h2{
	font-size: .2rem !important;
}
@media screen and (max-width: 1024px) {
	.cpbana{
		height: 3rem;
	}
	.cpClassBox{
		height: 1.2rem;
	}
	.advantsBox{
		height: 5rem;
	}
	.advantsBox .advantInner{
		padding: 0 .2rem;
		height: 2.5rem;
	}
	.sceneList{
		padding: 0 .2rem;
		gap:.15rem;
		grid-template-columns: repeat(1, 1fr);
	}
	.sceneList .sceneItem .img{
		width: 3rem;
	}
	.dockingBox .dockInner{
		padding: 0 .2rem;
		gap:.15rem;
	}
	.customBox .customInner .cutomCont{
		width: 70%;
	}
	.customBox .customInner{
		height: 2.5rem;
		padding: 0 .2rem;
	}
	.customBox .customInner:nth-child(3){
		height: 2.5rem;
	}
	.customBox .customInner .tem img{
		width: 100%;
	}
	.znyjClass{
		flex-wrap: wrap;
		padding:0.3rem 0.2rem;
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}
	.znyjClass .title i{
		flex-wrap: nowrap;
		white-space: nowrap;
	}
	.yj_product{
		grid-template-columns: repeat(3,1fr);
	}
	.yj_product .proItem .img{
		height: 2.5rem;
	}
	.hywarper .hyInner{
		padding: 0 0.5rem 0.3rem 0.3rem;
		height: 2rem;
	}
	.hywarper{
		height: 2.2rem;
		margin-top: .5rem;
	}
	.hywarper .hyInner .title{
		line-height: .3rem;
	}
	.hywarper .hyInner .desc{
		font-size: .14rem;
		line-height: .24rem;
	}
	.hywarper .hyInner .name{
		font-size: .2rem;
		margin-bottom: 0;
	}
	.mainInner .pro_inner{
		height: 2rem;
	}
	.hyAdvant .hyadList{
		gap: 0.2rem 0.3rem;
	}
	.hyAdvant .hyadList .adItem{
		height: 2.2rem;
	}
	.hyAdvant{
		padding-bottom: .3rem;
	}
	.hyAdvant .hyadList .tit-2{
		font-size: .14rem;
	}
	.hyRolebox .roleItem:nth-child(odd) .rolecont{
		left: 0.3rem;
		padding-right:1.2rem;
	}
	.hyRolebox .roleItem:nth-child(even) .rolecont{
		right: 0.3rem;
		padding-left: 1.2rem;
	}
	.hyStyle{
		padding: 0 .2rem;
		grid-template-columns: repeat(2, 1fr);
	}
	.aboutBox{
		padding: 0 0.2rem;
	}
	.honorBox{
		padding: 0.5rem 0.2rem;
	}
	.honorBox .honorImg{
		height: 2rem;
	}
	.honorBox .title{
		height: 0.4rem;
		line-height: 0.4rem;
	}
	.honorBox{
		grid-template-columns: repeat(4, 1fr);
	}
	.dynamics{
		padding: 0.5rem 0.2rem;
		grid-template-columns: 2rem 1fr 1fr;
		gap: 0.15rem;
	}
	.dynamics .space{
		width: 2rem;
		height: 3rem;
	}
	.dynamics .dynaItem .dyImg{
		height: 1.2rem;
	}
	.dynamics .dynaItem .dyCont{
		padding: 0 0.2rem;
	}
	.newsInfoBox{
		padding: 0 0.2rem;
	}
	.newsItem .newsImg{
		width: 1.5rem;
	}
	.newsItem{
		height: 1rem;
	}
	.newsItem .newCont .date{
		padding-left: 0;
		width: 1rem;
	}
	.newsItem .newCont .newText{
		padding-left:0;
	}
	.newsItem .newCont .btn{
		width: 1.5rem;
		opacity: 1;
	}
	.newsItem .newCont::after{
		left: 0.9rem;
	}
}
@media screen and (max-width: 768px) {
	.hywarper .hyInner .title{
		font-size: 0.18rem;
	}
	.hywarper .hyInner{
		padding: 0 0.3rem 0.3rem 0.3rem;
	}
	.hywarper .hyInner{
		height: 3.2rem;
	}
	.hywarper{
		height: 3.5rem;
	}
	.newsItem{
		flex-direction: column;
		height: 2.3rem;
		margin-bottom: 0.1rem;
		margin-top: 0.15rem;
	}
	.newsItem .newsImg{
		height: 1.5rem;
		width: 100%;
	}
	.newsItem .title{
		font-size: 0.16rem;
	}
	.btnMore{
		width: 1rem;
		height: 0.32rem;
		font-size: 0.12rem;
	}
	.newsItem .newCont .btn{
		width: 1.2rem;
	}
	.newsItem .newCont .date{
		width: 0.7rem;
	}
	.newsItem .desc{
		font-size: 0.14rem;
	}
	.newsItem .day{
		font-size: 0.18rem;
	}
	.newsItem .newCont::after{
		left: 0.65rem;
	}
	.newsItem .year{
		font-size: 0.12rem;
	}
	.btnMore span{
		background-size: 0.08rem auto;
		padding-right: 0.12rem;
	}
	.dynamics{
		display: flex;
		flex-direction: column;
	}
	.dynamics .dynaItem .dyImg{
		height: 1.6rem;
	}
	.dynamics .dynaItem .dyCont{
		padding: 0.2rem;
	}
	.dynamics .space{
		width: 100%;
		height: 3.5rem;
	}
	.honorBox{
		grid-template-columns: repeat(2, 1fr);
		gap: 0.15rem;
	}
	.honorBox .honorImg{
		height: 1.5rem;
	}
	.aboutbana{
		height: 1.8rem;
	}
	.aboutClass{
		height: 0.7rem;
	}
	.aboutClass .classItem .tit-2{
		font-size: 0.16rem;
	}
	.aboutClass .classItem .tit-1{
		font-size: 0.14rem;
	}
	.hyRolebox .mainInner{
		padding: 0.5rem 0;
	}
	.hyRolebox .roleItem{
		height: 1.8rem;
	}
	.hyRolebox .roleItem .name{
		font-size: .2rem;
		height: 0.4rem;
	}
	.hyRolebox .roleItem:nth-child(odd) .rolecont{
		left: 0.2rem;
		padding-right:.2rem;
		width: calc(100% - 0.2rem);
	}
	.hyRolebox .roleItem:nth-child(even) .rolecont{
		right: 0.2rem;
		padding-left: .2rem;
		width: calc(100% - 0.2rem);
	}
	.hyRolebox .roleItem .desc{
		font-size: 0.14rem;
	}
	.hyRolebox .roleItem .name img{
		transform: scale(0.6);
		margin-right: 0;
	}
	.hyRolebox .roleItem .title{
		font-size: 0.16rem;
	}
	.hyAdvant .hyadList .img{
		height: 0.5rem;
	}
	.hyAdvant .hyadList .adItem{
		height: 1.5rem;
	}
	.hyAdvant .hyadList .tit-1{
		line-height: 0.3rem;
	}
	.hyAdvant .hyadList{
		grid-template-columns: repeat(2, 1fr);
	}
	.hyAdvant .hyadList .img img{
		transform: scale(0.7);
	}
	.hyStyle .styleItem .title{
		height: 0.5rem;
		line-height: 0.5rem;
	}
	.hyStyle{
		gap: 0.15rem;
	}
	.hyStyle .styleItem{
		height: 1.8rem;
	}
	.znyjClass{
		grid-template-columns: repeat(2,1fr);
	}
	.yj_product .proItem .info .name{
		font-size: .18rem;
	}
	.yj_product .proItem .info{
		height: 0.8rem;
	}
	.yj_product .proItem .info .title{
		font-size: .14rem;
	}
	.znyjClass .title i{
		    padding: 0 0.17rem 0 0.32rem;   
	}
	.znyjClass .title:hover i, .znyjClass .title.active i{
		background: url(../images/icon_com.jpg) no-repeat 0.1rem center;
		background-size: 0.18rem 0.2rem;
	}
	.yj_product{
		grid-template-columns: repeat(2,1fr);
	}
	.dockingBox .dockInner{
		grid-template-columns: repeat(1, 1fr);	
	}
	.cpbana{
		height:1.8rem;
	}
	.cpClassBox .cpClass .img{
		transform: scale(0.6);
		margin-top: -0.15rem;

	}
	.cpClassBox .cpClass .tit-2{
		font-size: .16rem;
		margin-top: -0.15rem;
	}
	.cpClassBox .cpClass .tit-1{
		margin-top: -0.2rem;
		font-size: .14rem;
	}
	.cpClassBox{
		height: 1rem;
	}
	.cpClassBox .cpClass{
		line-height: .18rem;
	}
	.sceneList .sceneItem .img{
		width: 1.5rem;
	}
	.sceneList .sceneItem .name{
		font-size: .2rem;
		margin-bottom: 0;
		line-height: .32rem;
	}
	.sceneList .sceneItem .name img{
		transform: scale(0.6);
		margin-right: 0;
	}
	.sceneList .sceneItem .sceneInner{
		padding: 0 0.1rem;
	}
	.sceneList .sceneItem .title{
		font-size: .14rem;
		line-height: .22rem;
	}
	.sceneList .sceneItem{
		height: 1.5rem;
	}
	.mainInner .pro_inner{
		height: 1.5rem;
	}
	.customBox .customInner .description{
		font-size: .14rem;
	}
	.customBox .customInner:first-child{
		height: 3.2rem;
		padding-bottom: 1.8rem;
	}
	.customBox .customInner .bushu{
		width: 9rem;
		top:0.3rem;
	}
	.customBox .customInner:nth-child(2){
		flex-direction: column;
		height: 4rem;
	}
	.customBox .customInner:nth-child(2) .cutomCont{
		width: 100%;
	}
	.customBox .customInner .title{
		font-size: .2rem;
		height: .5rem;
	}
	.dockingBox .pro_inner{
		height: 1.8rem;
	}
	.dockingBox .doctItem .title{
		font-size: .2rem;
		margin-bottom: 0;
		line-height: .36rem;
	}
	.dockingBox .doctItem .desc{
		font-size: .14rem;
		line-height: .22rem;
	}
	.dockingBox .doctItem{
		height: 2rem;
	}
	.dockingBox .doctItem .bg{
		object-position: right;
	}
	.dockingBox .doctItem .content{
		padding-right: 1rem;
	}
	.dockingBox .doctItem .content img{
		transform: scale(0.7);
	}
	.dockingBox{
		height: 6.2rem;
	}
	.advantsBox .advantInner .tit-2{
		font-size: .18rem;
	}
	.advantsBox .advantInner .tit-1{
		font-size: .2rem;
	}
	.advantsBox .advantInner .description{
		font-size: .14rem;
	}
	.prodetail{
		flex-direction: column;
		padding:0.3rem 0.2rem 0;
	}
	.prodetail .productInfo{
		width: 100%;
	}
	.prodetail .productImg{
		height: 3rem;
	}
	.prodetail .productSmall{
		height: 0.5rem;
	}
	.prodetail .productInfo .amplify{
		top:2.6rem;
	}
	.aboutbana .location{
		padding: 0.1rem 0.3rem;
	}
	.prodetail .productSmall .small-prev, .prodetail .productSmall .small-next{
		height: 0.5rem;
	}
	.cpClassBox .cpClass:nth-child(1).active::before,
	.cpClassBox .cpClass:nth-child(1):hover::before{
		height: 1.2rem;
	}
	.aboutsBox{
		padding: 0 0.2rem;
	}
	.aboutClass .classItem:nth-child(1).active::before, .aboutClass .classItem:nth-child(1):hover::before{
		height: 0.7rem;
	}
	.newsItem .newCont .btn{
		display: none;
	}
	.newsItem .newCont .newText{
		padding: 0 0.15rem;
	}
}