/* Banner */
.product .banner {
	background: url(../../images/product/qkb/banner-qkb.jpg) right center repeat-x;
}

/* 介绍 */
.product-brief li {
	background-image: url(../../images/product/qkb/brief-icon1.png);
}

.product-brief li:nth-child(2) {
	background-image: url(../../images/product/qkb/brief-icon2.png);
}

.product-brief li:nth-child(3) {
	background-image: url(../../images/product/qkb/brief-icon3.png);
}

.product-brief li:nth-child(4) {
	background-image: url(../../images/product/qkb/brief-icon4.png);
}

.product-brief li:nth-child(5) {
	background-image: url(../../images/product/qkb/brief-icon5.png);
}

/* 核心功能 */
.product-core li {
	background-image: url(../../images/product/qkb/core-icon1.png);
}

.product-core li:nth-child(2) {
	background-image: url(../../images/product/qkb/core-icon2.png);
}

.product-core li:nth-child(3) {
	background-image: url(../../images/product/qkb/core-icon3.png);
}

.product-core li:nth-child(4) {
	background-image: url(../../images/product/qkb/core-icon4.png);
}

.product-core li:nth-child(5) {
	background-image: url(../../images/product/qkb/core-icon5.png);
}
/* 客户案例 */
.product-example li:nth-child(2){
	width: 52%;
}
.product-example li:nth-child(3){
	width: 48%;
}

/* 覆盖行业全量数据 */
.product-data {
	padding-bottom: 1.2rem;
}
.product-data dl {
	max-width: 12rem;
	height: 5rem;
	margin:0 auto;
	position: relative;
}
.product-data dl::before,
.product-data dl::after,
.product-data dt::after{
	content: '';
	width: 4.8rem;
	height: 4.8rem;
	background:#fff;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.product-data dl::after{
	width: 4.4rem;
	height: 4.4rem;
	border: 1px dashed #4a8de0;
	z-index: 2;
}
.product-data dt{
	width: calc( 100% - 4rem);
	height: 4.65rem;
	line-height: 4.65rem;
	text-align: center;
	font-size: .34rem;
	background: url(../../images/product/qkb/data-bg2.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.product-data dt::after{
	width: 1.8rem;
	height: 1.8rem;
	z-index: -1;
}
.product-data dd{
	width: 1.84rem;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	font-size: .3rem;
	background:#fff;
	border-radius: .1rem;
}
.product-data dl::before,
.product-data dt::after,
.product-data dd{
	box-shadow: 0 .2rem .5rem rgba(52,99,205,.1);
}
.product-data dd{
	position: absolute;
	left:0;
	tip: 0;
}
.product-data dd:nth-child(2){
	top: .05rem;
}
.product-data dd:nth-child(3){
	top: 1.3rem;
}
.product-data dd:nth-child(4){
	top: 3.06rem;
}
.product-data dd:nth-child(5){
	top: 4.36rem;
}
.product-data dd:nth-child(6),
.product-data dd:nth-child(7),
.product-data dd:nth-child(8),
.product-data dd:nth-child(9),
.product-data dd:nth-child(10){
	top: 0;
	left: auto;
	right:0;
}
.product-data dd:nth-child(7){
	top:1.34rem;
}
.product-data dd:nth-child(8){
	top:2.2rem;
}
.product-data dd:nth-child(9){
	top:3.06rem;
}
.product-data dd:nth-child(10){
	top:4.36rem;
}

.product-example ul{
	background-image: url(../../images/product/qkb/product-example.jpg);
}

.product-try{
	background-image: url(../../images/product/qkb/product-try.jpg);
}

@media (max-width:1350px) {
	/* 适用场景 */
	.product-scene li {
		padding-top: .8rem;
	}
}
@media (max-width:1300px) {
	/* 覆盖行业全量数据 */
	.product-data dl::before{
		width: 4rem;
		height: 4rem;
	}
	.product-data dl::after{
		width: 3.6rem;
		height: 3.6rem;
	}
}
@media (max-width:1000px) {
	/* 覆盖行业全量数据 */
	.product-data dl::before{
		width: 3.4rem;
		height: 3.4rem;
	}
	.product-data dl::after{
		width: 3rem;
		height: 3rem;
	}
}


@media (max-width:750px) {
	/* 覆盖行业全量数据 */
	.product-data dl{
		height: 3.5rem;
	}
	.product-data dl::before{
		width: 2.4rem;
		height: 2.4rem;
	}
	.product-data dl::after{
		width: 2rem;
		height: 2rem;
	}
	.product-data dt::after{
		width: 1.2rem;
		height: 1.2rem;
	}
	.product-data dt{
		height: 3rem;
		line-height: 3rem;
		font-size: .24rem;
	}
	.product-data dd{
		font-size: .24rem;
	}
	.product-data dd:nth-child(3){
		top: .9rem;
	}
	.product-data dd:nth-child(4){
		top: 2rem;
	}
	.product-data dd:nth-child(5){
		top: 2.95rem;
	}
	.product-data dd:nth-child(7){
		top:.75rem;
	}
	.product-data dd:nth-child(8){
		top:1.5rem;
	}
	.product-data dd:nth-child(9){
		top:2.25rem;
	}
	.product-data dd:nth-child(10){
		top:2.95rem;
	}
}