﻿@media(max-width: 800px) {
	.header {
		height: 60px;
	}
    #indexIndustryContent {
        padding-bottom: 50px;
    }

	/* 公共悬浮窗 */
	.suspension {position: fixed;right: 54px;bottom: 5vw;z-index: 10000;color: #fff;}
	.suspension .suspension-frame {width: 34px;height: 34px;margin-top: 100px;border-radius: 4px;display: flex;justify-content: center;align-items: center;font-size: 18px;cursor: pointer;}
	.suspension .suspension-frame:hover .suspension-show {}
	.suspension .suspension-frame .suspension-show {}
	.suspension .suspension-frame .suspension-show img {width: 150px;height: 150px;}
	.suspension .suspension-frame .suspension-show .phone {padding: 10px;}

	/**
	 * 首页
	**/
	/* 首页轮播图 */
	.swiper-index-content {
		width: 100%;
		height: 300px;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.swiper-index-content img {
		width: 100%;
	}
	.swiper-index-content .detail {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #fff;
	}
	.group-img {
		width: 60vw;
		height: 60vw;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 4vw solid #00000000;
		position: relative;
		margin-top: 20px;
	}
	.group-img img {
		width: 100%;
		height: 100%;
	}
	.group-img::before {
		content: " ";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 120%;
		height: 120%;
		border: .1vw dashed #eee;
		border-radius: 50%;
	}
	.play {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 20vw;
		height: 20vw;
		background-color: #d53d30b1;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
	}
	.play-icon {
		font-size: 14px !important;
	}
	.play-text {
		opacity: 0;
	}

	.industry-select {
		flex-wrap: wrap;
		margin-top: 10px;
		height: auto;
	}
.industry-select::before {
	position: absolute;
	content: " ";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: skewX(0);
	border: .1vw solid #eeeeee31;
	background-color: #2d393f66;
	border-radius: 0.5vw;
}
	.industry-item {
		width: 33.3333%;
		flex: none;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		height: 100%;
		cursor: pointer;
		padding: 10px 0;
	}
	.trends-item {
		display: block;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	.trends-date {
		padding: 10px 0;
	}

	/* 其他页面顶部图片 */
	.swiper-other-content {
		height: 200px;
	}

	/* 公共导航 */
	.nav-tabs {padding: 0 10px;border-bottom: 1px solid #eee;height: 34px;display: flex;justify-content: space-between;display: flex;align-items: center;}
	.nav-tabs .nav-item-frame {
		display: flex;
		height: 100%;
		width: 100%;
		overflow: auto;
		/* 隐藏滚动条 */
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE 10+ */
		user-select: none;
		-moz-user-select: none; /* Firefox */
		-webkit-user-select: none; /* Chrome, Safari, Opera */
		-ms-user-select: none; /* IE 10+ */
	}
	.nav-tabs .nav-item-frame .nav-item {margin-right: 30px;font-size: 14px;padding: 10px 10px;position: relative;display: flex;align-items: center;cursor: pointer;white-space: nowrap;}
	.nav-tabs .nav-item-frame .nav-item .line {position: absolute;bottom: 0;width: 100%;left: 0;height: 3px;background-color: #d53d30;}
	.nav-tabs .nav-location {font-size: 1vw;}
	.nav-item-active {color: #d53d30;font-weight: bold;}

	/**
	 * 集团简介
	**/
	.group-overview-video {
		width: 100%;
	}
	.group-overview-detail {
		line-height: normal;
		padding: 0;
		font-size: 18px;
		text-align: justify;
	}
	.annual {
		top: -30px;
	}
	.milestone-point {
		position: absolute;
		left: 50%;
		width: 10px;
		height: 10px;
		transform: translate(-50%, -5px);
		background-color: #fff;
		border-radius: 50%;
		cursor: pointer;
		color: #fff;
	}

	.milestone-detail-frame {
		width: 77.91vw;
	}
	.milestone-detail-center {
		width: 80%;
	}
	.group-overview-round-frame {
		height: 80px;
		position: relative;
	}
	.culture-pointer {
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.group-overview-round {
		margin-top: 5vw;
		width: 60vw;
		height: 60vw;
		border-radius: 50%;
		border: 1px solid gray;
		position: absolute;
		left: calc(50% - 30vw);
		transition: all .5s;
		z-index: 100;
	}
	.arc {
		position: absolute;
		height: calc(50% + 24px);
		width: 4px;
		top: -24px;
		left: 50%;
		transform-origin: bottom center;
		transform: translate(-50%, 0) rotate(45deg);
		font-size: .8vw;
	}
	.culture-name {
		position: absolute;
		top: -40px;
		left: 50%;
		transform: translate(-50%);
		transition: all .5s;
		font-size: 14px;
	}
	.culture-name-active {
		color: #d43e29;
		font-size: 18px;
	}
	.culture-index {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		line-height: 24px;
	}
	.honor-schedule {
		width: calc(100% - 24px);
		height: .2vw;
		background-color: #bdc2c4;
		margin: 20px 0;
		margin-left: 12px;
		border-radius: 99px;
		position: relative;
	}
	.honor-schedule-line {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: .2vw;
		background-color: #d95046;
		border-radius: 99px;
	}
	.move-index {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(-50%, -50%);
		width: 24px;
		height: 24px;
		cursor: pointer;
		-webkit-user-drag: none; /* Safari/Chrome */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none;
	}

	.honor-item {
		margin-right: 10px;
	}
	.honor-item img {
		width: 120px;
	}

	.Learn-more-icon {
		width: 24px;
		height: 24px;
		background-color: #d43e29;
		margin-left: 10px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
	}
	.industry-details {
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, .4);
		position: fixed;
		top: 0;
		left: 0;
		animation: industry-details .5s;
		transition: all .3s;
		display: none;
		z-index: 10;
	}
	@keyframes industry-details {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	.industry-details-frame {
		width: 80vw;
		height: calc(70vh);
		padding: 34px 20px;
		background-color: #fff;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow: auto;
		/* 隐藏滚动条 */
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE 10+ */
		user-select: none;
		-moz-user-select: none; /* Firefox */
		-webkit-user-select: none; /* Chrome, Safari, Opera */
		-ms-user-select: none; /* IE 10+ */
	}
	.industry-nav {
		position: fixed;
		top: calc(15vh - 34px);
		left: 50%;
		transform: translate(-50%, 0);
		width: 80vw;
		padding: 0 10px;
		height: 34px;
		background-color: #fff;
		align-items: center;
	}
	.rich-text {
		width: 100%;
	}
	.rich-text img {
		width: 100%;
	}



	/**
	 * 产品
	**/
	.product-img-frame {
		height: auto;
		margin-top: 10px;
	}
	.product-img-frame img {
		width: 100%;
		height: 100%;
	}
	.product-item-frame {
		position: relative;
		height: auto;
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
	}
	.product-item {
		width: 32%;
	}
	.product-item-title-frame {
		line-height: 24px;
	}


	/**
	 * 新闻
	**/
	.news-item {
		width: 45%;
		margin-bottom: 20px;
		border-bottom: 1px solid #eee;
		cursor: pointer;
	}
	.news-item-title {
		padding: 10px 0;
	}
	.news-item-date {
		padding-bottom: 5px;
	}

	.paging {
		display: flex;
		justify-content: center;
		padding: 30px 0;
		align-items: center;
	}
	.pag-item {
		border: 1px solid #eee;
		border-radius: 4px;
		width: 28px;
		height: 28px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		margin-left: 10px;
	}
	.pag-item:hover {
		border: 1px solid #2d8cf0;
		color: #2d8cf0;
	}
	.pag-item-active {
		border: 1px solid #2d8cf0;
		color: #2d8cf0;
	}


	/**
	 * 关于我们
	**/
	.contact-info {
		position: relative;
		left: 10px;
		bottom: 0;
		transform: translate(0, 20px);
		width: calc(100% - 20px);
		z-index: 100;
		display: flex;
		box-shadow: 0 0 .6vw -.1vw gray;
		background-color: #fff;
		flex-wrap: wrap;
	}
	.contact-item {
		flex: none;
		width: calc(100% - 20px);
		padding: 10px;
		text-align: center;
	}
	.job-details-icon {
		padding: 5px;
		border: 1px solid gray;
		margin-left: 4px;
	}
	.culture-detail-broaden {
		width: 100%;
		margin: 0 auto;
	}
	.contact-item-icon {
		transform: translate(0, 0);
	}

	/* 手机菜单 */
	.menu-m {width: 100vw;height: 100vh;background-color: #ac342f;position: fixed;top: 0;left: 100vw;z-index: 10000;transition: all .3s;text-align: center;}
	.menu-m .logo-frame {width: 100vw;height: 50px;padding: 5px 0;display: flex;justify-content: center;align-items: center;}
	.menu-m .logo-frame .logo {width: 100px;}
	.menu-m .menu-close {position: absolute;height: 60px;padding: 0.5vw 0;display: flex;align-items: center;justify-content: center;top: 0;right: 5vw;color: #fff;font-size: 28px;}


	.menu-m .platform {width: calc(100% - 40vw);height: 100px;display: flex;justify-content: space-between;margin: 0 20vw;margin-top: 44px;color: #fff;}

	.menu-m .menu-item-frame {text-align: center;font-size: 20px;display: flex;flex-direction: column;height: calc(100% - 160px - 234px);margin-top: 50px;color: #fff;}
	.menu-m .menu-item {flex: 1;display: flex;align-items: center;justify-content: center;}

	.menu-m .platform-item {display: flex;justify-content: center;align-items: center;font-size: 28px;}
	.menu-m .platform-item-icon {width: 16px;}

	.menu-m .login-register {width: 100%;display: flex;justify-content: center;color: #fff;}
	.menu-m .login-register-btn {display: inline-block;padding: 3px 20px 5px 20px;margin: 0 10px;border-radius: 9999px;border: 1px solid #eee;}

	.menu-m .agreement {width: 90%;height: 100px;display: flex;justify-content: center;align-items: center;color: #fff;margin: 0 auto;}
	.menu-m .separate {padding: 0 20px;}

	.index-left-icon {
		position: absolute;
		top: 50%;
		left: 15%;
		padding: 0 10px;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		display: flex;
		align-items: center;
		transform: translate(-50%, -50%);
		font-size: 30px !important;
	}
	.index-right-icon {
		position: absolute;
		top: 50%;
		right: 15%;
		padding: 0 10px;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		display: flex;
		align-items: center;
		transform: translate(50%, -50%);
		font-size: 30px !important;
	}
	.industry-item-wap {
		display: none;
	}

	/* 视频 */
	.video-popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 200;
		background-color: rgba(0, 0, 0, .6);
		display: none;
		justify-content: center;
		align-items: center;
	}
	.video-popup-frame {
		position: relative;
	}
	.video-popup video {
		width: 100vw;
	}
	.close-video-popup {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, 20px);
		background-color: red;
		width: 44px;
		height: 44px;
		background-color: #fff;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.close-video-icon {
		width: 20px;
		height: 20px;
	}

	/* 新闻详情 */
	.detail-frame {
		margin-top: 100px;
	}
	.detail-bg {
		height: 100px;
	}

	.rich-text {
		width: 100%;
	}
	.rich-text p {
		text-indent: 2em;
		font-size: 14px;
	}
	.rich-text img {
		width: 100%;
		height: auto;
	}
	/* 营销网络 */
	.proportion-frame {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.proportion-item {
		width: calc(25vw - 20px);
		height: calc(25vw - 20px);
		border-radius: 50%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 20px;
	}
	.proportion-item::before {
		content: " ";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 3vw);
		height: calc(100% - 3vw);
		border-radius: 50%;
		border: 1.5vw dashed #f0f0f0;
	}
	.proportion-item::after {
		content: " ";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border-radius: 50%;
		border: solid .8vw #fff;
		background-color: #fff;
	}
	/*新首页*/
	.industry-frame {
		width: 70vw;
		margin: 10px auto 0px auto;
		overflow: hidden;
		/*pc清除*/
		height: auto;
		transform: translate(0, 0);
	}
	.industry-scroll {
		width: 100%;
		display: flex;
		transition: all .3s;
		/*pc清除*/
	}
	.industry-text {
		font-size: 16px;
		width: 100%;
		height: 44px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all .3s;
	}
	.industry-item {
		width: 100%;
		/*pc清除*/
		height: calc(35vw + 44px);
		display: block;
		margin-right: 0; /* 根据需要调整 */
		padding:0;
		margin-top: 0;
		transform: translateY(0);
		border-radius: 8px;
		transition: all .3s;
	}
	.industry-active {
		width: calc(100%);
		height: calc(8vw);
		border: none;
	}
	.industry-img {
		width: 100%;
		height: 35vw;
		/*pc清除*/
		display: block;
		border-radius: 8px;
	}
	.industry-indicator {
		position: absolute;
		width: calc(100vw - 20px);
		height: 35vw;
		/*pc清除*/
		margin-top: 0;
		transform: translate(0vw, 0vw);
		right: 0;
		top: 0;
	}
	.industry-indicator-left {
		width: calc(15vw - 10px);
		height: 35vw;
		fill: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		left: 0;
		/*pc清除*/
		top: 0;
		transform: translateY(0);
		transition: all .3s;
		border-radius: 999px;
		background-color: rgba(0, 0, 0, 0);
	}
	.industry-indicator-left:hover {
		background-color: rgba(255, 255, 255, 0);
		fill: #fff;
	}
	.industry-indicator-left .icon {
		width: 10vw;
		height: 10vw;
	}
	.industry-indicator-right {
		width: calc(15vw - 10px);
		height: 35vw;
		fill: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		/*pc清除*/
		top: 0;
		transform: translateX(-100%);
		cursor: pointer;
		transition: all .3s;
		background-color: rgba(0, 0, 0, 0);
		border-radius: 999px;
	}
	.industry-indicator-right:hover {
		background-color: rgba(255, 255, 255, 0);
		fill: #fff;
	}
	.industry-indicator-right .icon {
		width: 10vw;
		height: 10vw;
	}
	.product-index-frame {
		height: auto;
		display: block;
	}
	.product-index-wap-item-img {
		height: 34vw;
	}
	/*产品列表*/
	.product-list-right {
		width: 100%;
	}
	.product-list-right-title {
		font-size: 20px;
	}
	.product-list-frame {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.product-list-item:hover .product-list-item-text {
		color: #333;
		background-color: #f7f7f7;
	}
	.product-list-item-img {
		height: 30vw;
		display: block;
		width: 100%;
	}
	.product-list-item-text {
		height: 34px;
		font-size: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*研发能力*/
    .r-d-m1 {
        flex-direction: column;
    }
	.r-d-content {
		font-size: 15px;
		line-height: 24px;
	}
	.r-d-center-frame {
		display: block;
	}
	.r-d-center-item-img {
		width: 100%;
        height: auto;
	}
	.r-d-center-item-text {
		line-height: 44px;
		font-size: 16px;
		text-align: center;
	}
	.r-d-gx-title {
		font-size: 20px;
		padding-bottom: 20px;
	}
	.r-d-gx-title::before {
		content: " ";
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #333;
		bottom: 10px;
	}
	.r-d-gx-title::after {
		content: " ";
		position: absolute;
		width: 25%;
		height: 3px;
		background-color: #1294c5;
		left: 50%;
		transform: translateX(-50%);
		bottom: 9px;
	}
	.r-d-gx-frame {
		display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding-bottom: 1vw;
	}
	.r-d-gx-item {
		height: auto;
		text-align: center;
	}
	.r-d-gx-item-img {
		height: auto;
		width: calc(100%);
		margin-bottom: 10px;
	}
	.r-d-sys-frame {
		display: block;
	}
	.r-d-sys-item {
		height: auto;
		padding-bottom: 10px;
	}
	.r-d-sys-item-img {
		border-radius: 6px;
	}
	/*制造能力*/
	.make-zz-frame {
		grid-template-columns: repeat(2, 1fr);
	}
	.make-zz-item {
		width: 100%;
		height: auto;
	}
	.make-zz-item-img {
		border-radius: 6px;
	}
	.make-zz-item-text {
		font-size: 16px;
	}
	.make-zz-frame_1 {

	}
	.make-zz-frame_1_1 {
		grid-template-columns: repeat(1, 1fr);
	}
	.make-zz-frame_1_1-item {
		padding: 10px;
	}
	.make-zz-frame_1_1-item p {
		font-size: 16px;
		line-height: 24px;
	}
	.make-zz-frame_1_2 {
		padding: 10px;
	}
	.make-zz-frame_1_2 p {
		font-size: 16px;
		line-height: 24px;
		text-align: justify;
	}
	.product-list-content {
		display: block;
	}
	.product-list-left {
		height: auto;
		width: calc(100% - 15px);
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.product-list-left-item {
		font-size: 16px;
		display: flex;
		align-items: center;
		padding: 10px 0;
		border-bottom: 1px solid #aaaaaa22;
	}
	.product-list-left-item .icon {
		width: 20px;
		height: 20px;
	}
	/*产品重置*/
	.product-item-frame {
		width: 100%;
	}
	.product-item-frame-scroll {
		position: inherit;
		width: 100%;
	}
}
