/* +----------------------------------------------------------------------
// | ProKvm [ 专业云计算软件开发商 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2022~2024 https://cloud.ackpet.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( https://www.xmbillion.com/ )
// +----------------------------------------------------------------------
// | Theme Name:  蓝色企业模板
// +----------------------------------------------------------------------
// | Author: 多彩云 <20233652@qq.com>
// +----------------------------------------------------------------------
// | version:3.0.8
// +----------------------------------------------------------------------
*/
#inside-r_line1>h2 {
		margin-bottom: 2rem;
		padding-bottom: 3rem;
		border-bottom: 1px #DBE1E8 solid;
	}

	#inside-r_line1 .pcdn-l1-introduce {
		display: flex;
		box-shadow: 1px 1px 6px rgb(0 0 0 / 8%);
		overflow: hidden;
		border-radius: 8px;
		margin-bottom: 4rem;
	}

	#inside-r_line1 .pcdn-l1-introduce h2 {
		padding: 3rem;
		background: linear-gradient(32deg, #015EEA 0%, #00C0FA 100%);
		color: #ffffff;
		margin: 0;
		align-items: center;
		display: flex;
	}

	#inside-r_line1 .pcdn-l1-introduce p {
		margin: 0;
		padding: 3rem;
	}

	#inside-r_line1 .pcdn-l1-container {
		display: grid;
		grid-template-columns: auto auto;
		grid-gap: 2rem;
	}

	#inside-r_line1 .pcdn-l1-container>div {
		overflow: hidden;
		color: #ffffff;
		padding: 4rem 2rem;
		position: relative;
		border-radius: 8px;
	}

	#inside-r_line1 .pcdn-l1-container>div h4 {
		color: #ffffff;
		margin-bottom: 1.5rem;
		font-weight: bold;
	}

	#inside-r_line1 .pcdn-l1-container>div p {
		margin: 0;
		font-size: 1.2rem;
		line-height: 1.8;
	}

	#inside-r_line1 .pcdn-l1-container>div img {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#inside-r_line2 {
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
	}

	#inside-r_line2 .nav-tabs {
		align-items: flex-end;
	}

	#inside-r_line2 .nav-tabs li {
		margin: 0 2rem -1px;
	}

	#inside-r_line2 .nav-tabs li a {
		display: flex;
		flex-flow: column;
		align-items: center;
		line-height: 4rem;
	}

	#inside-r_line2 .nav-tabs li a img {
		height: 50px;
	}

	#inside-r_line2 .tab-content {
		padding-top: 2rem;
	}

	#inside-r_line2 .tab-content .pcdn-l2-introduce>div {
		padding: 0.5rem 0;
		display: flex;
		font-size: 1.2rem;
		line-height: 1.8;
		border-radius: 3px;
		overflow: hidden;
	}

	#inside-r_line2 .tab-content .pcdn-l2-introduce>div b {
		color: var(--title);
		margin-right: 5rem;
		letter-spacing: 2px;
		white-space: nowrap;
	}

	#inside-r_line2 .tab-content .pcdn-l2-introduce .pcdn-l2-des {
		position: relative;
		margin-top: 2rem;
		justify-content: center;
		align-items: center;
		padding: 2rem;
	}

	#inside-r_line2 .tab-content .pcdn-l2-introduce .pcdn-l2-des h4 {
		color: #ffffff;
		margin: 0;
		font-weight: bold;
	}

	#inside-r_line2 .tab-content .pcdn-l2-introduce .pcdn-l2-des img {
		position: absolute;
		width: 100%;
		margin: auto;
		z-index: -1;
		height: 100%;
		object-fit: cover;
	}

	#inside-r_line3 ul {
		display: grid;
		grid-template-columns: auto auto auto;
		grid-gap: 2rem;
	}

	#inside-r_line3 ul li .inside-l3-tlt {
		text-align: center;
		padding: 3rem 2rem;
		background-size: cover;
		color: #ffffff;
		border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	}

	#inside-r_line3 ul li:nth-child(1) .inside-l3-tlt {
		background: url("../images/pcdn-line3-img1.jpg");
	}

	#inside-r_line3 ul li:nth-child(2) .inside-l3-tlt {
		background: url("../images/pcdn-line3-img2.jpg");
	}

	#inside-r_line3 ul li:nth-child(3) .inside-l3-tlt {
		background: url("../images/pcdn-line3-img3.jpg");
	}

	#inside-r_line3 ul li .inside-l3-tlt h4 {
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 1rem;
	}

	#inside-r_line3 ul li .inside-l3-tlt p {
		margin: 0;
		font-size: 1.2rem;
	}

	#inside-r_line3 ul li .inside-l3-container {
		padding: 2rem 3rem;
		border: 1px #DBE1E8 solid;
		margin-top: -1px;
		text-align: center;
		height: 150px;
		border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
	}

	@media (max-width: 768px) {
		#inside-r_line1>h2 {
			margin-bottom: 2rem !important;
			padding-bottom: 2rem;
		}

		#inside-r_line1 .pcdn-l1-introduce {
			flex-wrap: wrap;
			margin-bottom: 2rem;
		}

		#inside-r_line1 .pcdn-l1-introduce h2 {
			padding: 1rem;
			width: 100%;
		}

		#inside-r_line1 .pcdn-l1-introduce p {
			padding: 1rem;
		}

		#inside-r_line1 .pcdn-l1-container {
			grid-template-columns: auto;
			grid-gap: 1rem;
		}

		#inside-r_line1 .pcdn-l1-container>div {
			padding: 2rem 1rem;
		}

		#inside-r_line1 .pcdn-l1-container>div p {
			font-size: 1rem;
		}

		#inside-r_line2 .nav-tabs li {
			margin: 0 0rem -1px;
			display: flex;
			justify-content: space-between;
		}

		#inside-r_line2 .nav-tabs li a {
			line-height: 1.5;
			padding: 0 1rem 0.5rem;
		}

		#inside-r_line2 .nav-tabs li a img {
			height: 35px;
			margin-bottom: 0.5rem;
		}

		#inside-r_line2 .tab-content {
			padding-top: 1.5rem;
		}

		#inside-r_line2 .tab-content .pcdn-l2-introduce>div {
			flex-wrap: wrap;
			padding: 0 0 1.5rem;
			font-size: 1rem;
			line-height: 1.5;
		}

		#inside-r_line2 .tab-content .pcdn-l2-introduce>div b {
			font-size: 1.2rem;
			margin-bottom: 0.5rem;
		}

		#inside-r_line2 .tab-content .pcdn-l2-introduce .pcdn-l2-des {
			margin-top: 1rem;
			padding: 1rem;
		}

		#inside-r_line2 .tab-content .pcdn-l2-introduce .pcdn-l2-des h4 {
			line-height: 1.8;
		}

		#inside-r_line3 ul {
			grid-template-columns: auto;
			grid-gap: 1rem;
		}
		#inside-r_line3 ul li .inside-l3-tlt{
			padding: 1.5rem;
		}
		#inside-r_line3 ul li .inside-l3-tlt h4{
			margin-bottom: 0.5rem;
		}
		#inside-r_line3 ul li .inside-l3-container{
			padding: 1rem;
			height: 125px;
		}
	}