/* Banner */
.product .banner {
	height: 6.6rem;
	background: url(../../images/product/ddt/banner-ddt.jpg) right center repeat-x;
	background-size: auto 100%;
	margin-top: .64rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product .banner div {
	width: 100%;
	max-width: 12rem;
}

.product .banner h1 {
	width: 100%;
	color: #fff;
	font-size: .6rem;
}

.product .banner p {
	width: 100%;
	line-height: .4rem;
	color: #fff;
	font-size: .24rem;
	padding: .2rem 0 .8rem;
}

.product .banner p span {
	display: block;
	font-weight: lighter;
}

.product .banner .btn{
	height: .62rem;
	line-height: .55rem;
	padding: 0 .6rem .07rem;
	font-size: .2rem;
	color: #fff;
	background: #0eaa9e;
	border-radius: .05rem;
	outline: none;
	border: none;
	position: relative;
	z-index: 1;
	overflow: visible;
}

.product .banner .btn::after {
	content: '';
	width: 100%;
	height: calc(100% - .07rem);
	background: #11c0b2;
	border-radius: .05rem;
	position: absolute;
	top: 0rem;
	left: 0;
	z-index: -1;
}

/* Section */
.section {
	padding: 1.05rem 6% 0;
	position: relative;
	font-size: .14rem;
	margin: 0 auto;
}

.section h2 {
	width: 100%;
	margin: 0 0 .7rem;
	font-size: .45rem;
	text-align: center;
	position: relative;
	z-index: 2;
}

.section h2::before {
	content: '';
	width: .40rem;
	height: .12rem;
	margin: 0 0 0 -.20rem;
	background: #2a67f6;
	position: absolute;
	top: -.20rem;
	left: 50%;
	z-index: 2;
}


/* 介绍 */
.product-brief {
	max-width: 12rem;
	padding: 0;
}

.product-brief li {
	width: 100%;
	height: 3.66rem;
	padding: .5rem 3.6rem .5rem .8rem;
	border-bottom: 1px solid #dce6f0;
	background: url(../../images/product/ddt/brief-icon1.png) calc(100% - 1rem) center no-repeat;
	background-size: 2.66rem 2.66rem;
	display: flex;
	align-items: center;
}

.product-brief li:nth-child(even) {
	padding-left: 3.6rem;
	padding-right: .8rem;
	text-align: right;
	background-position: 1rem center;

}

.product-brief li:last-child {
	border: none;
}

.product-brief li:nth-child(2) {
	background-image: url(../../images/product/ddt/brief-icon2.png);
}

.product-brief li:nth-child(3) {
	background-image: url(../../images/product/ddt/brief-icon3.png);
}

.product-brief li:nth-child(4) {
	background-image: url(../../images/product/ddt/brief-icon4.png);
}

.product-brief li div {
	width: 100%;
}

.product-brief li h4 {
	font-size: .24rem;
	line-height: .4rem;
}

.product-brief li p {
	font-size: .18rem;
	color: #7e859b;
	line-height: .3rem;
}

.product-brief li p span {
	display: block;
}

/* 核心功能 */
.product-core {
	color: #fff;
	background: linear-gradient(135deg, #478be0, #2c52c5);
	text-align: center;
}

.product-core h2::before {
	background: #fff;
}

.product-core ul {
	max-width: 12rem;
	margin: 0 auto;
	padding-bottom: .6rem;
	overflow: auto;
}

.product-core li {
	width: calc(100% / 3 - .4rem / 3);
	height: 1.4rem;
	padding: .3rem .1rem 0 1rem;
	margin: 0 .2rem .2rem 0;
	text-align: left;
	float: left;
	background: #6594e0 url(../../images/product/ddt/core-icon1.png) .24rem .29rem no-repeat;
	background-size: .65rem .65rem;
	overflow: hidden;
}

.product-core li:nth-child(3n) {
	margin-right: 0;
}

.product-core li:nth-child(2) {
	background-image: url(../../images/product/ddt/core-icon2.png);
}

.product-core li:nth-child(3) {
	background-image: url(../../images/product/ddt/core-icon3.png);
}

.product-core li:nth-child(4) {
	background-image: url(../../images/product/ddt/core-icon4.png);
}

.product-core li:nth-child(5) {
	background-image: url(../../images/product/ddt/core-icon5.png);
}

.product-core li:nth-child(6) {
	background-image: url(../../images/product/ddt/core-icon6.png);
}

.product-core li h5 {
	font-size: .24rem;
	padding-bottom: .05rem;
	white-space: nowrap;
}

.product-core li p {
	line-height: .24rem;
	opacity: .8;
}

.product-core .btn{
	margin: 0 0 .6rem;
	height: .45rem;
	line-height: .45rem;
	padding: 0 .4rem;
	color: #fff;
	background: #11c0b2;
	border: none;
	border-radius: .05rem;
	outline: none;
}
/* 覆盖行业全量数据 */
.product-data {
	background: #f4f9ff;
	padding-bottom: .4rem;
}

.product-data ul {
	max-width: 12rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.product-data li {
	text-align: center;
	flex: 1;
}

.product-data h6 {
	font-size: .3rem;
}

.product-data p {
	font-size: .16rem;
	color: #a4abc0;
	margin: .1rem 0 .4rem;
}

.product-data strong {
	font-family: 'helveticaneueltstd-bdcn';
	color: #2c51c5;
	font-size: .55rem;
	font-weight: bolder;
}

.product-data span {
	color: #2c51c5;
	font-size: .5rem;
}

/* 客户案例 */
.product-example {
	padding-bottom: .8rem;
	overflow: hidden;
}

.product-example ul {
	height: 3.92rem;
	max-width: 12rem;
	padding: .5rem 0 0 .5rem;
	margin: 0 auto;
	background: #373c4c url(../../images/product/ddt/product-example.jpg) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	overflow: auto;
}

.product-example li {
	width: 100%;
	padding: .3rem 0 0;
	float: left;
}

.product-example li:nth-child(2) {
	width: 60%;
}

.product-example li:nth-child(3) {
	width: 40%;
	position: relative;
	padding-left: calc(3% + .3rem);
	padding-right: 3%;
	display: flex;
	justify-content: space-between;
}

.product-example li:nth-child(3)::before {
	content: '';
	width: .3rem;
	height: .5rem;
	border-right: 1px solid rgba(142, 166, 201, .6);
	position: absolute;
	left: 0;
	top: 55%;
}

.product-example li:nth-child(3) div p {
	font-size: .14rem;
	padding-top: .25rem;
	text-align: left;
	color: rgba(255, 255, 255, .6);
	white-space:nowrap;
}

.product-example li:nth-child(3) div b {
	font-family: 'helveticaneueltstd-bdcn';
	font-size: .72rem;
	font-weight: bolder;
	color: #fff;
}

.product-example strong {
	min-width: .88rem;
	height: .32rem;
	line-height: .32rem;
	padding: 0 .13rem;
	background: rgba(255, 255, 255, .2);
	border-radius: .04rem;
	font-size: .16rem;
	display: inline-block;
	text-align: justify;
	color: rgba(255, 255, 255, .8);
}

.product-example strong::after {
	content: '';
	width: 100%;
	height: 0;
	display: inline-block;
	overflow: hidden;
}

.product-example p {
	font-size: .2rem;
	line-height: .32rem;
}

/* 免费体验 */
.product-try {
	height: 4.2rem;
	color: #fff;
	background: #344471 no-repeat url(../../images/solution/b2b/b2b-dzfa.jpg);
	background-size: 100% 100%;
	text-align: center;
}

.product-try h3 {
	font-size: .45rem;
	margin-bottom: 1rem;
}

.product-try p {
	font-size: .3rem;
	padding: .2rem 0 .7rem;
	font-weight: normal;
}

.product-try .btn {
	height: .45rem;
	line-height: .45rem;
	padding: 0 .4rem;
	color: #fff;
	font-size: .16rem;
	background: #11c0b2;
	border-radius: .04rem;
	border: none;
	outline: none;
}
