.container .banner {
	width: 100%;
	min-width: 1200px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
}

.container .dalian-college {
	background: url(../../images/caseDt/daldgdxBg.jpg) no-repeat center;
}

.container .communication-bank {
	background: url(../../images/caseDt/jiaotyhBg.jpg) no-repeat center;
}

.hongkong-hotel {
	background: url(../../images/caseDt/lvsheBg.jpg) no-repeat center;
}

.shoubantuan {
	background: url(../../images/caseDt/shoubtBg.jpg) no-repeat center;
}

.container .banner h1 {
	margin-top: 40px;
	margin-left: 30%;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}

.container .content {
	width: 1200px;
	margin: 30px auto;
	display: flex;
}

.container .content-left {
	width: 220px;
}

.container .content-left .case-logo {
	width: 220px;
	height: 150px;
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #E1E4E5;
	border-radius: 4px;
}

.container .content-left .case-logo img {
	width: 100%;
}

.content .content-left-title {
	position: relative;
	margin-top: 70px;
	border-right: 2px solid #e1e4e5;
}

.content .content-left-title>a {
	display: block;
	height: 50px;
	line-height: 50px;
	margin-right: 29px;
	text-align: right;
	color: #333;
	font-size: 14px;
}

.content .content-left-title .title-active {
	color: #187AFB;
}

.content .content-left-title .title-active::after {
	content: "";
	display: block;
	position: relative;
	right: -218px;
	top: -51px;
	width: 2px;
	height: 50px;
	background: #187AFB;
}

.content-right {
	flex: 1;
	margin-left: 60px;
	color: #333;
}

.content-right>div>h3 {
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: bold;
}

.content-right  .case-introduction {
	width: 915px;
	margin-bottom: 60px;
	font-size: 14px;
}

.case-introduction p, .content-right>div>p {
	font-size: 14px;
	line-height: 26px;
}

.table table {
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 30px;
	margin-bottom: 60px;
}

.table td {
	height: 100px;
	padding: 10px 0;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 14px;
}

.table tr td:nth-of-type(1) {
	width: 220px;
	text-align: center;
}

.table tr td:nth-of-type(2) {
	width: 700px;
}

.table tr td p {
	margin: 0px 30px;
	line-height: 26px;
}

.plan-con {
	display: flex;
	margin-bottom: 60px;
	align-items: center;
	color: #333;
}

.plan-con .plan-con-img {
	width: 21px;
	height: 510px;
	margin-left: 35px;
	background: url(../../images/caseDt/huakh.png) no-repeat;
	background-size: cover;
}

.plan-con .plan-con-title {
	width: 80px;
	height: 180px;
	display: flex;
	padding: 15px;
	align-items: center;
	background: #C1D6EC;
	border: 1px solid #6989AA;
	border-radius: 4px;
	font-size: 16px;
	box-sizing: border-box;
}

.solutePlan .plan-con>ul {
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.solutePlan .plan-con>ul>li {
	width: 726px;
	display: flex;
	margin: 5px 0;
	justify-content: space-between;
	align-items: center;
}

.solutePlan .plan-con-name {
	width: 116px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	background: #DBE3F1;
	border: 1px solid #494653;
	border-radius: 4px;
}

.solutePlan .plan-con-details {
	width: 570px;
	padding: 13px 20px 13px 13px;
	font-size: 14px;
	background: #DBE3F1;
	border: 1px solid #494653;
	border-radius: 4px;
	box-sizing: border-box;
}

.solutePlan-img, .life-cycle-img, .test-team-img, .canonical-project-img,
	.test-system-img {
	margin-top: 30px;
	margin-bottom: 60px;
}

.solutePlan-img img, .life-cycle-img img, .test-team-img img,
	.canonical-project-img img, .test-system-img img {
	width: 94%;
	margin-left: 10px;
}

.qualityStandard {
	position: relative;
	width: 920px;
}

.qualityStandard>p {
	margin-bottom: 55px;
	font-size: 14px;
}

.triangle {
	margin-left: 25px;
	position: relative;
	width: 0;
	height: 0;
	border-width: 237px;
	border-top-width: 0;
	border-bottom-width: 357px;
	border-style: solid;
	border-color: transparent transparent #23589A transparent;
}

.A-level {
	position: absolute;
	left: -78px;
	top: 0px;
	border-width: 78px;
	border-top-width: 0;
	border-bottom-width: 117px;
	border-style: solid;
	border-color: transparent transparent #50B3F0 transparent;
	z-index: 1000;
}

.B-level {
	position: absolute;
	left: -131px;
	top: 0px;
	border-width: 131px;
	border-top-width: 0;
	border-bottom-width: 197px;
	border-style: solid;
	border-color: transparent transparent #3D8CC2 transparent;
	z-index: 999;
}

.C-level {
	position: absolute;
	left: -184px;
	top: 0px;
	border-width: 184px;
	border-top-width: 0;
	border-bottom-width: 277px;
	border-style: solid;
	border-color: transparent transparent #2F70AB transparent;
	z-index: 99;
}

.A-line {
	position: absolute;
	left: -85px;
	top: 117px;
	height: 10px;
	width: 170px;
	background-color: #fff;
}

.B-line {
	position: absolute;
	left: -138px;
	top: 197px;
	height: 10px;
	width: 275px;
	background-color: #fff;
}

.C-line {
	position: absolute;
	left: -190px;
	top: 277px;
	height: 10px;
	width: 380px;
	background-color: #fff;
}

.level-name {
	position: absolute;
	left: -28px;
	width: 59px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	z-index: 1000;
}

.A-level-name {
	top: 65px;
}

.B-level-name {
	top: 150px;
}

.C-level-name {
	top: 230px;
}

.D-level-name {
	top: 310px;
}

.triangle-left {
	position: relative;
	left: -96px;
	top: -218px;
	width: 435px;
	height: 60px;
	transform: rotate(-56deg);
}

.triangle-left-name {
	position: relative;
	width: 150px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
	font-weight: bold;
	font-size: 20px;
	color: #23589A;
	text-align: center;
	background-color: #ffff;
}

.triangle-left-line {
	position: relative;
	top: 33px;
	width: 426px;
	height: 1px;
	background: #23589A;
}

.triangle-right {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
}

.triangle-right .A-info {
	position: relative;
	left: -105px;
	top: 210px;
	width: 463px;
	height: 30px;
	border-bottom: 2px solid #50B5F3;
}

.triangle-right .A-info span {
	margin-left: 165px;
}

.triangle-right .B-info {
	position: relative;
	left: -50px;
	top: 258px;
	width: 410px;
	height: 30px;
	border-bottom: 2px solid #50B5F3;
}

.triangle-right .B-info span {
	margin-left: 110px;
}

.triangle-right .C-info {
	position: relative;
	left: 0px;
	top: 305px;
	width: 357px;
	height: 30px;
	border-bottom: 2px solid #50B5F3;
}

.triangle-right .C-info span {
	margin-left: 60px;
}

.triangle-right .D-info {
	position: relative;
	left: 50px;
	top: 354px;
	width: 304px;
	height: 30px;
	border-bottom: 2px solid #50B5F3;
}

.triangle-right .D-info span {
	margin-left: 10px;
}

.project-delivery-table {
	display: flex;
}

.project-delivery-table table {
	margin-top: 40px;
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 60px;
}

.project-delivery-table table thead td {
	background-color: #EBEBEB;
	font-weight: bold;
}

.project-delivery-table table td {
	height: 36px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.project-delivery-table table td:nth-of-type(1) {
	width: 56px;
}

.project-delivery-table table td:nth-of-type(2) {
	width: 120px;
}

.project-delivery-table table td:nth-of-type(3), .project-delivery-table table td:nth-of-type(4)
	{
	width: 175px;
}

.project-delivery-table .table2 {
	margin-left: 20px;
}

.project-value {
	margin-bottom: 30px;
}

.project-value ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.project-value ul li {
	width: 450px;
	/* min-height: 220px; */
	margin-bottom: 20px;
	padding: 30px;
	box-sizing: border-box;
	border: 1px solid #E1E4E5;
}

.project-value h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	transition: .5s;
}

.project-value-line {
	width: 50px;
	height: 3px;
	margin: 20px 0;
	background: #333;
	transition: .5s;
}

.project-value-con>p {
	display: flex;
}

.dot {
	display: block;
	width: 6px;
	height: 6px;
	margin-top: 12px;
	margin-right: 10px;
	background: #187AFB;
	border-radius: 50%;
}

.project-value>ul {
	margin-top: 30px;
}

.project-value-con p span {
	display: flex;
	flex: 1;
	line-height: 26px;
	font-size: 14px;
	color: #666;
}

.project-value ul li:hover h4 {
	color: #187AFB;
	transition: .5s;
}

.project-value ul li:hover .project-value-line {
	width: 80px;
	background: #187AFB;
	transition: .5s;
}

.product-service {
	margin-bottom: 60px;
}

.product-service ul li>h4 {
	margin: 25px 0 15px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.product-service ul li>p {
	font-size: 14px;
	line-height: 26px;
	color: #666;
}

.product-service ul li>a {
	line-height: 26px;
	color: #187AFB;
	font-size: 14px;
}

@media screen and (min-width: 1025px) {
	.mobile-testing {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	.pc-testing {
		display: none !important;
	}
	body {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.container .banner {
		min-width: 100%;
	}
	.container .banner h1 {
		margin: 40px auto 0;
		text-align: center;
	}
	.container .content {
		width: 100%;
	}
	.content-right {
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.content-right .case-introduction {
		width: 100%;
	}
	.solutePlan .plan-con {
		display: block;
		margin-bottom: 30px;
	}
	.plan-con .plan-con-title {
		display: block;
		width: 200px;
		height: 50px;
		line-height: 50px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.solutePlan .plan-con>ul {
		margin-top: 25px;
		height: auto;
		margin-left: 0;
	}
	.solutePlan .plan-con>ul>li {
		width: 100%;
	}
	.solutePlan .plan-con-name {
		width: 80px;
		font-size: 14px;
	}
	.solutePlan .plan-con-details {
		min-height: 53px;
		flex: 1;
		margin: 5px 0 5px 10px;
		font-size: 12px;
		padding: 10px;
		box-sizing: border-box;
	}
	.solutePlan-img img, .life-cycle-img img, .test-team-img img,
		.canonical-project-img img, .test-system-img img {
		margin-left: 0;
		width: 100%;
	}
	.qualityStandard {
		width: 100%;
	}
	.qualityStandard>p {
		margin-bottom: 30px;
	}
	.qualityStandard .mobile-triangle {
		position: relative;
		width: 100%;
		margin-bottom: 60px;
	}
	.qualityStandard .mobile-triangle img {
		width: 100%;
		max-width: 826px;
	}
	.triangle-right-info {
		position: absolute;
		top: 39px;
		right: 1px;
	}
	.triangle-right-info>div {
		margin: 0;
	}
	.project-value ul li {
		width: 49%;
	}
	.project-delivery-table {
		display: block;
	}
	.project-delivery-table table {
		width: 100%;
	}
	.project-delivery-table .table2 {
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.project-value ul li {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 500px) {
	.qualityStandard .mobile-triangle {
		height: 205px;
		background: url(../../images/caseDt/tixi.png) no-repeat;
		background-size: cover;
	}
	.mobile-triangle>img {
		display: none;
	}
}

@media screen and (max-width: 414px) {
	.qualityStandard .mobile-triangle {
		height: 180px;
	}
}

@media screen and (max-width: 368px) {
	.qualityStandard .mobile-triangle {
		height: 159px;
	}
}