*{
	margin: 0;
	padding: 0;
}

[v-cloak]{
    display: none;
}

@font-face {
    font-family: 'DINPro-Regular';
    src: url(font/DINPro-Regular.otf);
}
img{
	border: 0;
	margin:0; 
	padding:0;
}
body{
	font-family: "PingFangSC-Medium", "Microsoft Yahei UI", "DINPro-Medium","Microsoft Yahei", "微软雅黑", "Segoe UI", Tahoma, "SimSun", sans-serif;
}
#app{
	overflow-x: hidden;
}
ul {
	list-style: none;
}
.truegrowth-first-screen{
	width:100%;
	position: relative;
	height: 768px;
	background-image:url(../images/home-banner.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	margin : 0 auto;
}
.width-1000{
	width:1000px;
	margin : auto;
}
/* vue过渡效果 */
.slide-fade-enter-active {
	transition: all .3s ease;
	}
.slide-fade-leave-active {
	  transition: all .6s cubic-bezier(1.0, 0.5, 0.8, 1.0);
	}
.slide-fade-enter, .slide-fade-leave-to
	{
	  transform: scale(0);
	  opacity: 0;
	}
/*导航*/
.truegrowth-header-nav{
	position: absolute;
	left: calc(50% - 500px);
	z-index: 999999
}
.truegrowth-header-logo{
	height: 80px;
	position: relative;
}

.truegrowth-to-home{
	background-image: url(../images/nav-logo.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 180px;
	height: 20px;
	position: absolute;
	top:50%;
	margin-top:-10px;
}

.truegrowth-nav-list{
	position: absolute;
	right: 0;
	top: 40px;
	margin-top:-10px;
	font-size: 18px;
}
.truegrowth-nav-ul>.truegrowth-nav-li{
	display: inline-block;
	padding: 0 0 0  120px;
	height: 20px;
	line-height: 20px;
	position: relative;
	font-size: 16px;
	border-radius: 4px;
	margin-left: 10px;
}
.truegrowth-nav-li>a{
	text-decoration: none;
	position: relative;
	color: #c3b6d2;
}
.truegrowth-nav-li .color-white{
	color:#FFF;
}
.truegrowth-header-check{
	display:none;
}
/*导航*/
/*banner 文字内容以及图片*/
.truegrowth-binnar-container{
	padding-top: 300px;
	color: #FFF;
	position: relative;
	z-index: 99;
}
.truegrowth-binnar-container .introduce{
	width:510px;	
}
.truegrowth-binnar-container .introduce>div{
	padding-bottom:10px;
	font-size:42px;
	color:#f9f8f9;
	letter-spacing:3px;
	line-height:75px;
}
.truegrowth-binnar-container .introduce>div>span{
	font-size:42px;
	color:#f9f8f9;
	letter-spacing:3px;
	line-height:75px;
}
.truegrowth-binnar-container .introduce2{
	margin-top:45px;
	width:360px;
}
.truegrowth-binnar-container .introduce2 div{
	font-size:14px;
	color:#f9f8f9;
	letter-spacing:1px;
}
.truegrowth-binnar-container .baseline{
	margin-top:22px;
	width:235px;
	border-bottom:1px solid #f9f8f9;	
}
.truegrowth-binnar-container .c4d-model-index{
	position:absolute;
	top:250px;
	right:-10px;
	width:490px;
	height:427px;
	background: url(../images/Productsservices.png) no-repeat;
	z-index:999;
}
.truegrowth-binnar-container .c4d-model-case{
	position:absolute;
	top:250px;
	right:-150px;
	width:580px;
	height:498px;
	background: url(../images/Custormercase.png) no-repeat;
	z-index:999;
}
.truegrowth-binnar-container .c4d-model-about{
	position:absolute;
	top:285px;
	right:-150px;
	width:970px;
	height:480px;
	background: url(../images/Aboutus.png) no-repeat;
}
.truegrowth-binnar-container .c4d-model-about-adorn{
	position:absolute;
	top:265px;
	right:-10px;
	width:547px;
	height:250px;
	background: url(../images/adorn.png) no-repeat;
	/* for IE */
	filter:alpha(opacity=30);
	/* CSS3 standard */
	opacity:0.3;
}
/*banner 文字内容以及图片*/
/* 关于我们部分公司介绍 */
.truegrowth-about-introduce-company{
	padding-top: 40px;
	padding-bottom: 100px;
	position: relative;
}
.truegrowth-about-introduce-company .title{
	text-align:center;
	font-size:28px;
	letter-spacing:3px;
}
.truegrowth-about-introduce-company .container{
	padding-top:40px;
}
.truegrowth-about-introduce-company .container>div{
	margin:0;
	padding:0;
	margin-bottom:20px;
	line-height:30px;
	font-size:16px;
	color:#9599a4;
	letter-spacing:1px;
	text-align: left;
}
.truegrowth-case{
	padding-top: 50px;
	padding-bottom: 60px;
	height:580px;
	position: relative;
}
.truegrowth-case .pch{
	height:690px;
}
.truegrowth-case .title{
	text-align:center;
	font-size:32px;
	letter-spacing:3px;
	color:#303650;
}
.truegrowth-case .container{
	padding-top: 30px;
    text-align: center;
    color: #9699a4;
    font-size: 16px;
}
.truegrowth-case-home{
	display: flex;
	flex-wrap: wrap;
}
.truegrowth-case-home-list{
	width: 33.33%;
	margin: auto;
	padding-top: 30px;
}
.text-center{
	text-align: center;
}
.truegrowth-case-home-li{
	display: inline-block;
	width: 100px;
	padding-top: 155px;
	position: relative;
	z-index: 1002;
}

.truegrowth-case-home-li:nth-child(2n+1){
	width: 220px;
	height:290px;
}
.caseList1:before{
	content: " ";
	display: inline-block;
	width: 146px;
	height: 140px;
	background-image: url(../images/target_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% - 73px);
}
.caseList2:before{
	content: " ";
	display: inline-block;
	width: 146px;
	height: 140px;
	background-image: url(../images/perform_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% - 73px);
}
.caseList3:before{
	content: " ";
	display: inline-block;
	width: 146px;
	height: 140px;
	background-image: url(../images/lightspot_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% - 73px);
}
.truegrowth-case-home-li-title{
	font-size: 24px;
	color: #303650;
	margin-bottom:40px;
}

.truegrowth-case-home-li-intro{
	font-size: 14px;
	color: #9699a4;
	line-height: 28px;
	text-align: justify;
}
.truegrowth-case .container .case-contain-icon{
	position: absolute;
	bottom:32px;
	left:50%;
	width:180px;
	margin-left:-90px;
	display: flex;
	flex-wrap: wrap;
}
.truegrowth-case .container .case-contain-icon .icon{
	text-align:center;
	margin:auto;
	width:40px;
	height:3px;
	background-image: url(../images/carouselnormal.png);
	background-repeat: no-repeat;
	background-position: center;
}
.truegrowth-case .container .case-contain-icon .selected{
	text-align:center;
	margin:auto;
	width:40px;
	height:3px;
	background-image: url(../images/carouselselected.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* 关于我们部分公司介绍 */

/* 首页优势大数据基础 */
.truegrowth-index-introduce-data{
	padding-top: 50px;
	padding-bottom: 120px;
	position: relative;
}
.truegrowth-index-introduce-data .title{
	text-align:center;
	font-size:32px;
	letter-spacing:3px;
	color:#303650;
}
.truegrowth-index-introduce-data .container{
	padding-top:30px;
	text-align:center;
	color:#9699a4;
	font-size:16px;
}
.truegrowth-home{
	display: flex;
	flex-wrap: wrap;
}
.truegrowth-home-list{
	width: 33.33%;
	margin: auto;
	padding-top: 100px;
}
.text-center{
	text-align: center;
}
.truegrowth-home-li{
	display: inline-block;
	width: 100px;
	padding-top: 155px;
	position: relative;
	z-index: 1002;
}

.truegrowth-home-li:nth-child(2n+1){
	width: 220px;
}
.list1:before{
	content: " ";
	display: inline-block;
	width: 146px;
	height: 140px;
	background-image: url(../images/experts_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% - 73px);
}
.list2:before{
	content: " ";
	display: inline-block;
	width: 146px;
	height: 140px;
	background-image: url(../images/secientists_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: calc(50% - 73px);
}
.list3:before{
	content: " ";
	display: inline-block;
	width: 146px;
	height: 140px;
	background-image: url(../images/engineer_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% - 73px);
}
.truegrowth-home-li-title{
	font-size: 24px;
	color: #303650;
}

.truegrowth-home-li-intro{
	font-size: 16px;
	color: #9699a4;
	line-height: 30px;
}
/* 精准的定向能力 */
.truegrowth-directional{
	width: 100%;
	margin : auto;
	padding-top: 50px;
	padding-bottom: 55px;
	position: relative;
	background-color:#f9f8f9;
}
.truegrowth-directional .title{
	text-align:center;
	font-size:28px;
	letter-spacing:3px;
}
.truegrowth-directional .container{
	margin-top:60px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.truegrowth-directional .container .list{
	width: 50%;
	height:115px;
	position:relative;
	margin-bottom:60px;
} 
.truegrowth-directional .container .list img{
	position:absolute; 
	top:3px; 
	/* left:114px;  */
	width:112px; 
	height:114px;
} 
.truegrowth-directional .container .list .title{
	position:absolute; 
	top:35px; 
	left:114px; 
	font-size:24px;
	color:#303650;
} 
.truegrowth-directional .container .list .contain{
	/* width:325px; */
	width:65%;
	position:absolute; 
	top:90px; 
	left:114px; 
	color:#9699a4; 
	font-size:16px;
} 
/* 多种购买形式 */
.truegrowth-index-buy{
	padding-top: 50px;
	padding-bottom: 90px;
	position: relative;
}
.truegrowth-index-buy .title{
	text-align:center;
	font-size:32px;
	letter-spacing:3px;
	color:#303650;
}
.truegrowth-index-buy .container{
	padding-top:30px;
	text-align:center;
}
.truegrowth-index-buy .container .introduce{
	width:690px;
	margin : auto;
	text-align:center;
	font-size:16px;
	color:#9699a4; 
	line-height:24px;
	letter-spacing:1px;
}
.truegrowth-index-buy .container .buy-case{
	padding-top:80px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.truegrowth-index-buy .container .buy-case img{
	width:30%;
	height:100%;
	margin-bottom:10px;
	-moz-box-shadow:2px 2px 5px #333333; 
	-webkit-box-shadow:2px 2px 5px #333333; 
	box-shadow:2px 2px 5px #333333;
}
/* 丰富的广告形式 */
.truegrowth-ad-style{
	width: 100%;
	height:700px;
	margin : auto;
	background-color:#f8f8f8;
}
.truegrowth-ad-style .container .title{ 
	text-align:center;
	padding:50px 0px 70px 0px;
	font-size:32px;
	color:#303650;
}
.truegrowth-ad-style .container .ad-contain{ 
	position: relative;
}
.truegrowth-ad-style .container .ad-contain .list-left{ 
	position: absolute;
	width:15%;
	height:440px;
	padding-bottom:20px;
	left:0px;
}
.truegrowth-ad-style .container .ad-contain .ad-contain-icon{
	position: absolute;
	top:470px;
	left:50%;
	width:300px;
	margin-left:-150px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content:space-between; */
}
.truegrowth-ad-style .container .ad-contain .ad-contain-icon .icon{
	text-align:center;
	margin:auto;
	width:40px;
	height:3px;
	background-image: url(../images/carouselnormal.png);
	background-repeat: no-repeat;
	background-position: center;
}
.truegrowth-ad-style .container .ad-contain .ad-contain-icon .selected{
	text-align:center;
	margin:auto;
	width:40px;
	height:3px;
	background-image: url(../images/carouselselected.png);
	background-repeat: no-repeat;
	background-position: center;
}
.list-left ul{
	margin-top:80px;
}
.list-left ul>li{
	margin-bottom:24px;
	color:#9699a4;
	cursor:pointer;
	font-size:18px;
}
.list-left ul .selected{
	color:#46b9cc;
	font-size:18px;
}
.truegrowth-ad-style .container .ad-contain .list-middle{ 
	position: absolute;
	width:41%;
	height:440px;
	left:170px;
	padding-bottom:20px;
}
.list-middle img{
	position: absolute;
	top:10px;
	left:0px;
}
.truegrowth-ad-style .container .ad-contain .list-right{ 
	position: absolute;
	right:0px;
	width:44%;
	height:440px;
	padding-bottom:20px;
}
.list-right .ad-title{
	position: absolute;
	top:160px;
	left:95px;
	font-size:24px;
}
.list-right .ad-introduce{
	width:300px;
	position: absolute;
	top:210px;
	left:95px;
	font-size:14px;
	color:#a6a6ae;
	letter-spacing: 0.5px;
}
/* 海量优质媒体资源 */
.truegrowth-media-resouce .title{
	padding:50px 0px 80px 0px;
	font-size:32px;
	text-align: center;
	color:#303650;
}
.truegrowth-media-resouce .img-show{
	width:1000px;
	height:420px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom:50px;
	justify-content:space-between;
}
.truegrowth-media-resouce .img-show:after{
    content: '';
    width: 490px;
 }
.truegrowth-media-resouce .img-show img{
	width:235px;
	height:120px;
}
/* 简单四部，即可开启投放 */
.truegrowth-start-open{
	width:100%;
	height:500px;
	background-color:#f9f8f9;
}
.truegrowth-start-open .title{
	text-align:center;
	padding:50px 0px 100px 0px;
	font-size:32px;
	color:#303650;
}
.truegrowth-start-open .step{
	width:1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:center;
}
/* footer部分 */
.truegrowth-footer{
	position: relative;
	background-color:#303650;
}
.truegrowth-footer .container{
	padding-top: 30px;
	position: relative;
}
.truegrowth-footer-logo{
	height: 60px;
	position: relative;
}

.truegrowth-footerto-home{
	background-image: url(../images/nav-logo.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 180px;
	height: 20px;
	position: absolute;
	top:50%;
	margin-top:-10px;
}

.truegrowth-footernav-list{
	position: absolute;
	right:65px;
	top: 20px;
	font-size: 18px;
}
.truegrowth-footernav-ul>.truegrowth-footernav-li{
	display: inline-block;
	padding: 0 50px 0  10px;
	height: 20px;
	line-height: 20px;
	position: relative;
	font-size: 16px;
	border-radius: 4px;
	margin-left: 10px;
}
.truegrowth-footernav-ul>.truegrowth-footernav-li.padding-right-32{
	padding-right: 0px;
}

.truegrowth-footernav-li>a{
	text-decoration: none;
	position: relative;
}
.truegrowth-footer .container .address{
	height:100px;
	position:relative;
	margin-right:0px;
}
.truegrowth-footer .container .address .add{ 
	color:#9699a4;
	font-size:12px;
	width:180px;
	position:absolute;
	top:0px;
	right:0px;
	opacity: 0.5;
}
.truegrowth-footer .container .address .email{ 
	color:#9699a4;
	font-size:12px;
	width:180px;
	position:absolute;
	top:55px;
	right:0px;
	opacity: 0.5;
}
.color-white-opcity{
	color:#f9f8f9;
	opacity: 0.7;
}
.truegrowth-footer .container .icp-baseline{
	height:60px;
	border-bottom:1px solid #9699a4;
	opacity: 0.5;
}
.truegrowth-footer .container .icp{
	margin-top:20px;
	height: 100px;
}
.truegrowth-footer .container .icp>div{
	text-align:center;
	margin-bottom:15px;
	color: #9599a4;
	font-size:12px;
}