*{
	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;
}
a{
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0);
	/* -webkit-tap-highlight-color:transparent; */
	/* user-drag:none; */
}
ul,li{ padding:0;margin:0;list-style:none};
body{
	font-family: "PingFangSC-Medium", "Microsoft Yahei UI", "DINPro-Medium","Microsoft Yahei", "微软雅黑", "Segoe UI", Tahoma, "SimSun", sans-serif;
	/* font-family: PingFangSC-Medium, sans-serif; */
}
#app{
	overflow-x: hidden;
	width:7.5rem;
}
.root{
	/* display:none; */
}
ul {
	list-style: none;
}
.truegrowth-first-screen{
	width:7.5rem;
	position: relative;
	height: 4.98rem;
	background-image:url(../images/home-banner.jpg);
	background-repeat: no-repeat;
	background-position:center;
	margin : 0 auto;
}
.truegrowth-first-screen1{
	width:7.5rem;
	position: relative;
	height: 4.98rem;
	background-image:url(../images/Aboutus@2x.png);
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	margin : 0 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); */
	height:0.88rem;
	z-index: 999999;
}
.truegrowth-header-logo{
	height: 0.8rem;
	position: absolute;
	left:0.32rem;
}
.truegrowth-header-check{
	height: 0.8rem;
	position: absolute;
	right:0.32rem;
}
.truegrowth-to-home-check{
	background-image: url(../images/fold_icon@2x.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	display: inline-block;
	width: 0.48rem;
	height: 0.48rem;
	position: absolute;
	top:50%;
	margin-top:-0.2rem;
	left:7.18rem;
}
.truegrowth-to-home{
	background-image: url(../images/nav-logo.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	display: inline-block;
	width: 2rem;
	height: 0.2rem;
	position: absolute;
	top:50%;
	margin-top:-0.1rem;
}

.truegrowth-nav-list{
	position: absolute;
	right: 0;
	top: 40px;
	margin-top:-10px;
	font-size: 18px;
	display:none;
}
.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;
}
/*导航*/
/*banner 文字内容以及图片*/
.truegrowth-binnar-container{
	padding-top: 1.2rem;
	color: #FFF;
	position: relative;
	z-index: 99;
}
.truegrowth-binnar-container .introduce{
	width:3.75rem;	
	height:3.8rem;
	padding-left:0.32rem;
}
.truegrowth-binnar-container .H-case-instroduce{
	width:3.75rem;
	height:2.8rem;
	padding-left:0.32rem;
	padding-top:0.32rem;
}
.truegrowth-binnar-container .introduce>div{
	width:100%;
	height:0.7rem;
	position:relative;
}
.truegrowth-binnar-container .H-case-instroduce>div{
	font-size:0.34rem;
	color:#f9f8f9;
	line-height:0.65rem;
	width:3.2rem;
}

.truegrowth-binnar-container .introduce>div>span{
	font-size:0.34rem;
	color:#f9f8f9;
	line-height:0.3rem;
}
.truegrowth-binnar-container .H-case-instroduce>div>span{
	font-size:0.34rem;
	color:#f9f8f9;
}
.truegrowth-binnar-container .introduce2{
	margin-top:45px;
	width:360px;
	display:none;
}
.truegrowth-binnar-container .introduce2 div{
	font-size:14px;
	color:#f9f8f9;
	letter-spacing:1px;
}
.truegrowth-binnar-container .baseline{
	position:absolute;
	top:3.8rem;
	width:2rem;
	left:0.32rem;
	border-bottom:0.02rem solid #f9f8f9;	
}
.truegrowth-binnar-container .baseline-index-h5{
	position:absolute;
	top:3.5rem;
	width:2rem;
	left:0.32rem;
	border-bottom:0.02rem solid #f9f8f9;	
}
.truegrowth-binnar-container .baseline-about-h5{
	position:absolute;
	top:3.5rem;
	width:2rem;
	left:0.32rem;
	border-bottom:0.02rem solid #f9f8f9;	
}
.truegrowth-binnar-container .c4d-model-index{
	position:absolute;
	top:1.8rem;
	right:0.4rem;
	width:3.28rem;
	height:2.76rem;
	background: url(../images/Productsservices.png) no-repeat;
	background-size: cover;
    background-position: center;
	z-index:999;
}
.truegrowth-binnar-container .c4d-model-case{
	position:absolute;
	top:1.3rem;
	right:0rem;
	width:3.75rem;
	height:3.2rem;
	background: url(../images/Custormercase.png) no-repeat;
	background-size: cover;
    background-position: center;
	z-index:999;
}
/*banner 文字内容以及图片*/
/* 关于我们部分公司介绍 */
.truegrowth-about-introduce-company{
	/* padding-top: 0.64rem;
	padding-bottom: 100px; */
	/* position: relative; */
}
.truegrowth-about-introduce-company .title{
	padding-top: 0.64rem;
	padding-bottom: 0.48rem;
	text-align:center;
	font-size:0.34rem;
	letter-spacing:3px;
}
.truegrowth-about-introduce-company .container{
	/* padding-top:40px; */
	padding-left:0.64rem;
	padding-right:0.64rem;
	padding-bottom:0.8rem;
}
.truegrowth-about-introduce-company .container>div{
	margin:0;
	padding:0;
	margin-bottom:0.3rem;
	/* line-height:0.1rem; */
	font-size:0.24rem;
	color:#9599a4;
	/* letter-spacing:0.51px; */
	/* text-align: left; */
	text-align: justify;
}
.truegrowth-case{
	padding-top: 0.64rem;
	padding-bottom: 0.82rem;
	height:10rem;
	position: relative;
}
.truegrowth-case .pch{
	height:7.46rem;
}
.truegrowth-case .title{
	text-align:center;
	font-size:0.34rem;
	letter-spacing:0.5px;
	color:#303650;
}
.truegrowth-case .container{
    text-align: center;
}
.truegrowth-case-home{
	padding-top: 0.48rem;
	display: flex;
	flex-wrap: wrap;
}
.truegrowth-case-home-list{
	width: 100%;
}
.text-center{
	/* text-align: center; */
}
.truegrowth-case-home-li{
	display: inline-block;
	position: relative;
	z-index: 1002;
}

.truegrowth-case-home-li:nth-child(2n+1){
	width: 100%;
	height:3rem;
}
.caseList1:before{
	content: " ";
	display: inline-block;
	width: 1.08rem;
	height: 1.08rem;
	background-image: url(../images/target_icon@2x.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:20% 0%;
	position: absolute;
	left:0.48rem;
}
.caseList2:before{
	content: " ";
	display: inline-block;
	width: 1.08rem;
	height: 1.08rem;
	background-image: url(../images/perform_icon@2x.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:20% 0%;
	position: absolute;
	left:0.48rem;
}
.caseList3:before{
	content: " ";
	display: inline-block;
	width: 1.08rem;
	height: 1.08rem;
	background-image: url(../images/lightspot_icon@2x.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:20% 0%;
	position: absolute;
	left:0.48rem;
}
.truegrowth-case-home-li-title{
	font-size: 0.3rem;
	color: #303650;
	position:absolute;
	top:0.1rem;
	left:1.72rem;
}

.truegrowth-case-home-li-intro{
	font-size: 0.24rem;
	color: #9699a4;
	position: absolute;
	top:0.6rem;
	left:1.72rem;
	width:5rem;
	text-align: justify;
}
.truegrowth-case .container .case-contain-icon{
	position: absolute;
	bottom:0.9rem;
	left:50%;
	width:1.8rem;
	margin-left:-0.9rem;
	display: flex;
	flex-wrap: wrap;
}
.truegrowth-case .container .case-contain-icon .icon{
	text-align:center;
	margin:auto;
	width:0.4rem;
	height:0.03rem;
	background-image: url(../images/progress_bar@3x.png);
	background-repeat: no-repeat;
	background-position: center;
}
.truegrowth-case .container .case-contain-icon .selected{
	text-align:center;
	margin:auto;
	width:0.4rem;
	height:0.03rem;
	background-image: url(../images/progress@3x.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* 关于我们部分公司介绍 */

/* 首页优势大数据基础 */
.truegrowth-index-introduce-data{
	padding-top: 0.64rem;
	padding-bottom: 0.72rem;
	position: relative;

}
.truegrowth-index-introduce-data .title{
	text-align:center;
	font-size:0.34rem;
	letter-spacing:3px;
	color:#303650;
}
.truegrowth-index-introduce-data .container{
	/* padding-top:30px; */
	text-align:center;
	color:#9699a4;
	/* font-size:16px; */
	/* width:7.5rem; */
}
.truegrowth-index-introduce-data .container span{
	display:none;
}
.truegrowth-home{
	display: flex;
	flex-wrap: wrap;
	padding-left:0.64rem;
	padding-right:0.64rem;
}
.truegrowth-home-list{
	width: 33.33%;
	margin: auto;
	padding-top: 0.48rem;
}
.text-center{
	text-align: center;
}
.truegrowth-home-li{
	display: inline-block;
	position: relative;
	z-index: 1002;
}

.truegrowth-home-li:nth-child(2n+1){
	width:100%;
}
.list1:before{
	content: " ";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/industry_icon@2x.png);
	background-repeat: no-repeat;
	background-size:cover;
	margin:auto;
}
.list2:before{
	content: " ";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/secientists_icon@2x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	margin:auto;
}
.list3:before{
	content: " ";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/engineer_icon@2x.png);
	background-repeat: no-repeat;
	background-size:cover;
	margin:auto;
}
.truegrowth-home-li-title{
	font-size:0.3rem;
	color: #303650;
}

.truegrowth-home-li-intro{
	font-size: 0.22rem;
	color: #9699a4;
	margin-top:0.16rem;
	line-height: 0.22rem;
}
/* 精准的定向能力 */
.truegrowth-directional{
	width: 100%;
	margin : auto;
	position: relative;
}
.truegrowth-directional .title{
	text-align:center;
	font-size:0.34rem;
	letter-spacing:3px;
}
.truegrowth-directional .container{
	margin-top:0.48rem;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.truegrowth-directional .container .list{
	width: 100%;
	height:1.1rem;
	position:relative;
	margin-bottom:60px;
	padding-left:0.7rem;
	padding-right:0.7rem;
} 
.truegrowth-directional .container .list img{
	width:1.1rem; 
	height:1.1rem;
	display:none;
} 
.truegrowth-directional .container .lists1:before,.truegrowth-directional .container .lists2:before,.truegrowth-directional .container .lists3:before,.truegrowth-directional .container .lists4:before,.truegrowth-directional .container .lists5:before{
	width:1.1rem; 
	height:1.1rem;
	content: " ";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
} 
.truegrowth-directional .container .lists1:before{
	background-image: url(../images/population_attributes_icon@2x.png);
}
.truegrowth-directional .container .lists2:before{
	background-image: url(../images/App_interest_icon@2x.png);
}
.truegrowth-directional .container .lists3:before{
	background-image: url(../images/geographic_icon@2x.png);
}
.truegrowth-directional .container .lists4:before{
	background-image: url(../images/consumption_icon@2x.png);
}
.truegrowth-directional .container .lists5:before{
	background-image: url(../images/equipment_icon@2x.png);
}
.truegrowth-directional .container .list .title{
	position:absolute; 
	top:0.15rem; 
	left:2rem; 
	font-size:0.3rem;
	color:#303650;
} 
.truegrowth-directional .container .list .contain{
	width:65%;
	position:absolute; 
	top:0.7rem; 
	left:2rem; 
	color:#9699a4; 
	font-size:0.24rem;
} 
/* 多种购买形式 */
.truegrowth-index-buy{
	padding-top: 0.48rem;
	padding-bottom: 0.72rem;
	position: relative;
}
.truegrowth-index-buy .title{
	text-align:center;
	font-size:0.34rem;
	letter-spacing:3px;
	color:#303650;
}
.truegrowth-index-buy .container{
	padding-top:0.12rem;
	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;
	display:none;
}
.truegrowth-index-buy .container .buy-case{
	padding-left:0.32rem;
	padding-right:0.32rem;
	width:6.86rem;
	padding-top:0.36rem;
	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:5rem;
	margin : auto;
}
.truegrowth-ad-style .container .title{ 
	text-align:center;
	padding:0rem 0rem 0.48rem 0rem;
	font-size:0.34rem;
	color:#303650;
}
.truegrowth-ad-style .container .ad-contain{ 
	position: relative;
	padding-left:0.32rem;
	padding-right:0.32rem;
}
.truegrowth-ad-style .container .ad-contain .list-left{ 
	position: absolute;
	width:15%;
	height:4.4rem;
	padding-bottom:20px;
	left:0px;
	display:none;
}
.truegrowth-ad-style .container .ad-contain .ad-contain-icon{
	width:3rem;
	height:0.4rem;
	position: absolute;
	top:3.5rem;
	left:50%;
	margin-left:-1.5rem;
	display: flex;
	flex-wrap: wrap;
}
.truegrowth-ad-style .container .ad-contain .ad-contain-icon .icon{
	text-align:center;
	margin:auto;
	width:0.2rem;
	height:0.03rem;
	background-image: url(../images/progress_bar@3x.png);
	background-repeat: no-repeat;
	background-position: center;
}
.truegrowth-ad-style .container .ad-contain .ad-contain-icon .selected{
	text-align:center;
	margin:auto;
	width:0.2rem;
	height:0.03rem;
	background-image: url(../images/progress@3x.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:50%;
	height:4.4rem;
	left:0.32rem;
}
.list-middle img{
	width:2.84rem;
	height:3.04rem;
	position: absolute;
	top:0.1rem;
	left:0;
}
.truegrowth-ad-style .container .ad-contain .list-right{ 
	position: absolute;
	right:0.32rem;
	width:50%;
	height:4.4rem;
}
.list-right .ad-title{
	position: absolute;
	top:0.6rem;
	left:0.75rem;
	font-size:0.3rem;
	color:#303650;
}
.list-right .ad-introduce{
	width:2.8rem;
	position: absolute;
	top:1.2rem;
	left:0.75rem;
	font-size:0.24rem;
	color:#9699a4;
	letter-spacing: 0.5px;
}
/* 海量优质媒体资源 */
.truegrowth-media-resouce .title{
	padding-top:0.24rem;
	padding-bottom:0.48rem;
	font-size:0.34rem;
	text-align: center;
	color:#303650;
}
.truegrowth-media-resouce .img-show{
	padding-left:0.7rem;
	padding-right:0.7rem;
	display: flex;
	flex-wrap: wrap;
	margin-bottom:50px;
	justify-content:space-between;
}
.truegrowth-media-resouce .img-show img{
	width:2.94rem;
	height:1.58rem;
	margin-bottom:0.22rem;
} 
/* 简单四部，即可开启投放 */
.truegrowth-start-open{
	width:100%;
}
.truegrowth-start-open .title{
	text-align:center;
	padding-left:0.5rem;
	font-size:0.34rem;
	color:#303650;
}
.truegrowth-start-open .step{
	margin-top:0.48rem;
	width:7.5rem;
	height:6.2rem;
	background-image: url(../images/step.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.truegrowth-start-open .step img{
	display:none;
}
/* footer部分 */
.truegrowth-footer{
	position: relative;
	background-color:#303650;
	height:4rem;
}
.truegrowth-footer .container{
	padding-top: 0.64rem;
	height:3.36rem;
	/* position: relative; */
}
.truegrowth-footer-logo{
	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;
	display:none;
}

.truegrowth-footernav-list{
	margin:0 auto;
	font-size: 0.22rem;
}
.truegrowth-footernav-ul{
	padding:0 0.32rem 0 0.32rem;
}
.truegrowth-footernav-ul>.truegrowth-footernav-li:nth-child(1),.truegrowth-footernav-ul>.truegrowth-footernav-li:nth-child(2),.truegrowth-footernav-ul>.truegrowth-footernav-li:nth-child(3){
	overflow: hidden;
	display: inline-block;
	height: 0.24rem;
	line-height: 0.24rem;
	position: relative;
	font-size: 0.22rem;
	padding:0rem  0.3rem 0rem 0.4rem;
	border-right:1px solid #63687a;
}
.truegrowth-footernav-ul>.truegrowth-footernav-li:nth-child(4){
	/* width:90%; */
	overflow: hidden;
	display: inline-block;
	height: 0.24rem;
	line-height: 0.24rem;
	position: relative;
	font-size: 0.22rem;
	border-radius: 4px;
	padding:0rem  0.3rem 0rem 0.4rem;
}
.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{
	margin-top:0.48rem;
	/* height:1.8rem; */
	position:relative;
	margin-right:0px;
}
.truegrowth-footer .container .address .add{ 
	color:#63687a;
	font-size:0.22rem;
	width:5rem;
	line-height: 0.3rem;
	margin:auto;
	text-align:center;
}
.truegrowth-footer .container .address .email{ 
	color:#63687a;
	font-size:0.22rem;
	width:4rem;
	margin:auto;
	text-align:center;
}
.color-white-opcity{
	color:#f9f8f9;
	opacity: 0.7;
}
.truegrowth-footer .container .icp-baseline{
	height:60px;
	border-bottom:1px solid #9699a4;
	opacity: 0.5;
	display:none;
}
.truegrowth-footer .container .icp{
	/* margin-top:0.1rem; */
	/* height: 100px; */
	/* margin-bottom:20px; */
	position:absolute;
	bottom:10px;
	padding:0 20px;
}
.truegrowth-footer .container .icp>div{
	text-align:center;
	color: #63687a;
	font-size:0.22rem;
	/* margin-bottom:15px; */
}
.truegrowth-footer .container .icp>div:nth-last-child(1){
	/* display:none; */
}
/* .truegrowth-footer .container .icp>div{
	text-align:center;
	margin-bottom:15px;
	color: #9599a4;
	font-size:12px;
} */
/* 遮罩层部分 */
.page-menu{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #141618;
    overflow: hidden;
	z-index: 9999999999;
}
.page-menu .button-close{
	height:0.88rem;
	position:relative;
}
.page-menu .button-close img{
	width:0.6rem;
	height:0.6rem;
	position:absolute;
	top:50%;
	margin-top:-0.2rem;
	right:0.32rem;
}
.page-menu .menu-list{
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.page-menu .menu-list li{
	height:1.2rem;
	margin-left:0.8rem;
	margin-right:0.8rem;
	border-bottom:0.02rem solid #63687a;
	color:#cbcbd0;
}
.page-menu .menu-list li a{
	color:#cbcbd0;
	/* color:red; */
	font-size:0.3rem;
	display:block;
	height:1.2rem;
	line-height:1.2rem;
}