/* 响应式宽度控制（根据需求调整断点和 max-width） */
@media (min-width: 768px) {
	#navbarNav {
		display: none !important;
	}
}

@media (max-width: 768px) {

	/* 下拉菜单 */
	.navbar-toggler-icon {
		width: 3em;
		height: 3em;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 2.5rem !important;
	}

	.navbar-nav li.active {
		transition: all .3s;
		border-bottom: none;
	}


	.navbar-nav li.active .menu-list {
		display: block;
	}

	.navbar-nav li.active .facedown {

		display: none;

	}

	.navbar-nav li.active .facingup {

		display: block;

	}

	.navbar-nav li.facedown {

		display: block;

	}

	.navbar-nav li .facingup {

		display: none;

	}

	.navbar-nav li .menu-list {
		display: none;
		margin-top: .266667rem;
		padding: .2rem 0;
		border-top: .013333rem solid #e9ebf3;
		background: #f4f7fb;
	}

	.navbar-nav li .menu-title {
		font-size: 16px;
		/* padding:5px; */
		display: flex;
		justify-content: space-between;
		align-items: center;

		.nav-icon {
			width: 36px;
			height: 36px;
		}
	}

	.navbar-nav li {
		display: block;
		height: auto;
		color: #20242b;
		margin: 0px 10px 0px 10px;

	}

	.navbar-nav li .menu-list p {
		color: #737c8b;
		padding: 10px;
		font-size: 2rem;

	}


	.swiper-container {
		h3 {
			font-size: 16px;
		}

		h1 {
			font-size: 20px;
		}

		ul li img {
			width: 100px;
		}
	}

	/* 产品 */
	.products {
		.product-box {
			display: block;
		}

		.product {
			.top {
				width: 100%;
				height: auto;
				margin-bottom: 10px;

				.function {
					width: 100%;
				}
			}

			.list {
				padding-left: 0px;
				width: 100%;
				gap: 10px;
			}
		}
	}


	/* .about {
		.data {
			padding-left: 0px;
		}
	} */

	.about {
		.data {
			padding-left: 20px;

			li {

				width: auto !important;
			}
		}
	}

	.about .cert {
		display: none;
	}

	/* 服务 */
	.services .container .module:first-child {
		margin-bottom: 30px;
	}

	.services {
		.container {
			.module {
				ul {
					display: block;

					.item {
						width: 100%;
					}

					.service-bg2 {
						.content p {
							width: 80% !important;
							white-space: nowrap;

							overflow: hidden;

							text-overflow: ellipsis;

						}

						height: auto !important;
					}
				}
			}
		}
	}

	/* 天翼企业文化 */
	.about {
		.data {
			padding-left: 0px;
			padding-right: 0px;

			.row {
				justify-content: center;
			}
		}
	}

	.culture {

		.rules {

			flex-direction: column;
			gap: 10px;

			/* 列表项间距（现代浏览器支持） */
			.line {
				display: none;
			}

		}

		.values {
			margin-bottom: 50px;

			.bg img {
				display: none;
			}

			.bg h2 {
				top: 10%;
				color: #191c20;
			}

			ul {
				.v1 {

					left: 10%;
				}

				.v2 {
					top: 30%;
					left: 10%;
				}

				.v3 {
					top: 30%;
					right: 10%;
				}

				.v4 {
					top: 80%;
					right: 10%;
				}
			}
		}
	}




	.collaborate {
		.lead {
			margin-left: 20px !important;
			margin-top: 20px !important;
		}

		.btn {
			display: none;
			margin-left: 20px !important;
			margin-top: 20px !important;
		}

	}

	.collaborate .lead h1 {
		font-size: 14px;
	}

	.collaborate .lead p {
		font-size: 12px;
	}

	.collaborate ul {
		font-size: 12px;
		margin-left: 20px;
		margin-top: 20px;

		li {
			margin-right: 10px;
		}
	}

	/* 底部 */
	.foot-title {
		font-size: 14px;
	}

	.footer {

		padding-left: 0px;

		.row {
			margin-left: 0px;
		}

		.middle ul {
			width: 100%;
		}

		ul li {
			font-size: 14px;
		}
	}

	.footer .webinfo .foot-left,
	.foot-right {
		margin-top: 10px;
	}

	.footer .webinfo .foot-middle .row div {
		margin-top: 10px;

		.foot-title {
			margin-left: -10px;
		}
	}

	.footer .webinfo .line {
		display: none;
	}

	/* 产品 */
	.banner {
		height: 30rem;

		.container {
			display: flex;
			align-items: center;
			height: 100%;
			flex-direction: column;
			text-align: left;
			justify-content: space-around;
		}

		.bg {
			height: 30rem;
		}

		.lead {
			h1 {
				margin-top: 10px;
				line-height: normal;
				font-size: 16px !important;
			}

			p {
				margin-top: 5px;
				line-height: normal;
				width: 60%;

			}
		}

		ul {
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
		}
	}

	.product-box7 .value {
		.content {
			.v1 {
				top: 50%;
				left: 5%;
			}

			.v2 {
				top: 60%;
				left: 60%;
			}

			.v3 {
				top: 73%;
				left: 3%;
			}

			.v4 {
				top: 45%;
				left: 47%;
			}

			.v5 {
				top: 30%;
				left: 5%;
			}

			.v6 {
				top: 21%;
				left: 40%;
			}
		}

		.content {
			margin-bottom: 30px;
			flex-direction: column;
		}

		.product-value-box-left,
		.product-value-box-right {

			width: 100%;

		}

		.dataControl-value-box {

			background: none;

			img {
				display: none;
			}

			.dataControl-value-title {
				margin-top: 10px;
			}
		}


	}

	/* 解决方案 */
	.pain {
		height: auto;

		.content {
			.center {
				display: none;
			}

			width: 100%;

			ul {
				display: flex;
				flex-direction: column;

				li {
					position: static;

				}
			}

			.p2 {
				top: 29%;
				right: 50%;
			}
		}
	}

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

	.revenue3,
	.revenue2 {
		.content {
			flex-direction: column;

			.revenue-box {
				max-width: 100%;
			}
		}
	}

	/* 客户案例 */
	.top-banner {
		height: 32rem;

		.top-img {
			height: 32rem;
		}

		.lead {
			h1 {
				margin-top: 10px;
			}

			p {
				margin-top: 0px;
				width: 60%;
				line-height: normal;
			}
		}

		ul {
			margin-top: 20px;
		}
	}

	.news-list-box {
		height: auto !important;
		padding: 10px 0px 10px 10px !important;
	}

	.news-list-box .news-list-box-l .news-list-time,
	.news-list-line {
		display: none;
	}

	.news-list-box .news-list-title {
		font-size: 16px;
	}

	.news-list-box .more-box {
		display: none;
	}

	.pages .new-box {
		height: auto !important;
	}

	.row {
		gap: 10px;
	}

	.main .pages h2 {

		font-size: 16px;
	}

	.main .pages .cont-time {
		font-size: 12px;
	}

	.main .pages .cont-link {
		flex-direction: column;
		gap: 20px;
	}

	.main-box {
		height: auto !important;
	}

	.us-map {
		display: none;
	}

	.whitePaper-box1 .box2 {
		position: relative !important;
		margin-top: 0px !important;
		margin-left: 0% !important;
		padding: 10px;

	}

	.form-box .btn {
		width: 90% !important;

	}

	.form-box .form-row {
		display: flex;
		padding: 0px 0px 0px 0px;

		.row {
			gap: inherit;
		}

		 
	}
	
	.form-box .title {
		margin-left: 10px !important;
	}
	
	.whitePaper-box1 {
		height: auto !important;
	}
	
	.certification {
	    ul {
	        width:100%;
	        justify-content: start;
	    }
	}

}