@charset "utf-8";
/*------------------------------------------------
--css     易企查营销落地页
--by      市场部 Sivan 2022-04-12
--version  v1.0.0 （文件原始SCRM落地页）
--update   2022-04-13
--ps       本页面不考虑其他端设备，采取固定宽高的模式，尽可能减少Dom以及启用GPU的CSS3动画
--约定     在已设定的宽度和高度之【外】绘制设定元素的边框及内边距 box-sizing: content-box W3C盒子模型 

-------------------------------------------------*/
body {
	background-color: #FFF;
}

/*---易企查 BANNER---*/
.banner_enterprise{
	width: 100%;
	max-width:750px;
	min-height: 10rem;
	margin: auto;
	padding-bottom: 1.6rem;
	background-color: #14bf57;
	background-image: -moz-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);

	background:#00b831 url(../images/enterprise/banner_update.jpg) no-repeat top center;

	background-size: contain;
}

.banner_btn{
	display: block;
	width:320px;
	height:240px;
	margin: auto;
	position: absolute;
	top:200px;
	bottom:0;
	left:0;	
}

@media screen and (max-width:1440px) {

}

/* Banner 表单*/
.form_w{
	width:100%;
	max-width: 100%;
	overflow: hidden;
	margin:0 auto 0 auto;
	padding:0.88rem 0rem 0.88rem 0rem;

	/* 	margin: auto;
	position: absolute;
	top:3rem;
	bottom:0;
	left:0;
	right:0;	
	*/

	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;

}

/*正则验证（通过与错误提示)*/
.form_w .tips_true { 
	position: absolute;
	z-index: 1; 
	top: -38px; 
	right: 16px; 
	display: block;
	height: 18px; 
	width: 18px; 
	background: transparent url(../images/shiyong_icon_tips_true.png) no-repeat center center;
}
.form_w .tips_false { padding-left:72px;display:block;width:100%;font-size:12px; font-style: normal; overflow: hidden; color: #f9554f;}
.form_w .tips_false .icon_false { display: block; display: inline-block; margin-right: 5px; width: 18px; height: 18px; vertical-align: middle; background: transparent url(../images/shiyong_icon_tips_false.png) no-repeat center center; 
	background-size:contain;
}
.form_w .tips_info { 
	position: relative; 
	visibility: hidden;
	width: 100%; height: auto;
	margin: 0; 
	font-size: 14px;
	color: #fff;
	margin-top: 2px;

}
.form_w .tips_info span { color: #f8353a; }



.form_w .form_tt{
	font-size: 72px;
	font-size: 0.72rem;
	text-align: center;
}
.form_w .form_item{
	position: relative;
	padding-bottom: 0.08rem;
}
.form_w label{
	height: 64px;
	line-height: 64px;
	position: absolute;
	left:24px;
	font-size: 18px;
	color:#000;
}
.form_w .input{
	font-size: 18px;
	color:#000;
	padding-left:72px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	border: 2px solid #333;
	border-radius: 8px;	
}

.form_w .error_tips {
	padding-left: 72px;
	font-size: 12px;
	color: #fff;
	margin-top: 2px;
	visibility: hidden;
	background:transparent url(../images/from_icon_error.png) no-repeat 52px center;
	background-size: contain;	
}
/*提交按钮*/
.form_w .btn_w{
	text-align: center;
	margin: 8px auto 8px auto;
}	
.form_w .form_submit{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	text-align: center;
	margin:0 auto;

	cursor: pointer;
	font-size: 18px;
	color:#FFF;
	width: 99%;
	height: 64px;
	line-height: 64px;

	color: #FFF;
	background-color: #14bf57;
	background-image: -moz-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	box-shadow: 0px 16px 24px 0px rgba(7, 179, 65, 0.24);
	-moz-border-radius: 64px;
	border-radius: 64px;
}
.form_w .form_submit:hover{
	opacity: 0.8;
}

.form_w .tips_w{
	text-align: center;
	color:#074A20;
	opacity: 0.88;
}


/*数据滚动*/
.form_w .clue_w{}
.form_w  .clue_w{
	font-size: 14px;
	color:#FFF;
	height:24px;
	line-height: 24px;
	overflow: hidden;
	margin: 16px auto 16px auto;
	width:240px;
	padding: 0 8px;
	background-color: rgb(49, 61, 70,0.16);
	border-radius: 88px;
	opacity: 0.88;

}
.form_w .clue_w .clue_item{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;

	-webkit-animation: scroll 16s infinite; 
}
.form_w .clue_w .icon_peaker{
	display: block;
	display: inline-block;
	width: 32px;
	height: 32px;
}

.form_w .clue_w  span{
	display: block;
	display: inline-block;
	height:24px;
	line-height: 24px;
	padding:0 4px;
}


@keyframes scroll {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	10% {
		-webkit-transform: translateY(-24px);
		transform: translateY(-24px);
	}
	20% {
		-webkit-transform: translateY(-48px);
		transform: translateY(-48px);
	}
	30% {
		-webkit-transform: translateY(-72px);
		transform: translateY(-72px);
	}
	40% {
		-webkit-transform: translateY(-96px);
		transform: translateY(-96px);
	}
	50% {
		-webkit-transform: translateY(-120px);
		transform: translateY(-120px);
	}
	60% {
		-webkit-transform: translateY(-144px);
		transform: translateY(-144px);
	}
	70% {
		-webkit-transform: translateY(-168px);
		transform: translateY(-168px);
	}
	80% {
		-webkit-transform: translateY(-192px);
		transform: translateY(-192px);
	}
	90% {
		-webkit-transform: translateY(-216px);
		transform: translateY(-216px);
	}
	100% {
		-webkit-transform: translateY(-240px);
		transform: translateY(-240px);
	}
}


/*-----主体----*/

.main {
	max-width: 750px;
	margin: 0 auto;
	position: relative;
	z-index: 2;

}
/*产品功能*/
.cp_w{
	position: relative;
	z-index: 2;
	margin: 0 auto 0 auto;
	color:#000;
}
/*产品楼层*/
.p_w{
	line-height: 1.8;
	font-size: 16px;
	padding:0.24rem 0;
	background:#FFF;
	background-size: cover;
	overflow: hidden;

	-webkit-border-radius: 0.32rem;
	-moz-border-radius: 0.32rem;
	border-radius: 0.32rem;
	overflow: hidden;
}

.p_w .btn_w {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: center;

	max-width:100%;
	margin: 0.32rem auto 0 auto;
	text-align: center; 
	display: none;
}

.p_w .btn_w .btn{
	width:48%;
	margin: 0.32rem auto 0.32rem auto;
	text-align: center; 
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.p_w .text_w{
	padding: 0.64rem 0.4rem 0rem 0.4rem;	text-align: center;
}
.p_w .img_w{
	width:100%;
	max-width: 100%;
	overflow: hidden;
}
.p_w .p_tt{
	padding-bottom:0.32rem;
	position: relative;
	z-index: 1;
	text-align: center;
}
.p_w .p_tt i{
	position: absolute;
	z-index: -1;
	top: -16px;
	margin-left: -16px;
	width: 48px;
	height: 48px;
	border-radius: 56px;
	background-color: rgb(20, 191, 87);
}

.p_w .p_text{
	max-width: 100%;
}
.p_w .p_text P{
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	font-size:18px;
	padding: 0 0 16px 0;  
}
.p_w .p_text b{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-size:24px;
	padding: 0;  
}
.p_w .p_text span{

	min-height:24px;
	font-size: 16px;
	line-height: 1.2;
	opacity: 0.8;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.title_w{
	padding:24px 0;
	text-align:center;
}
.title_w h1{
	padding:16px 0;
}
.title_w p{
	font-size: 18px;
}

.tt_w{
	padding: 0.32rem 0 0.48rem 0;   
	text-align:center;
	line-height:1.2
}
.tt_w em{
	color:#14bf57;
}


/*P0 特例*/
.p0{
	min-height: 4rem;
	line-height: 1.8;
	font-size: 16px;
	padding: 0.32rem 0 0.32rem 0;
	margin-bottom: 16px;	
	text-align: center;
	background-color: #FFF;
	background-size: cover;
	border-radius: 0.32rem;
}

.p0 .p_tt {
	font-size: 36px;
	padding: 0.32rem;
}
.p0 .btn_w {
	max-width: 500px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: center;

	max-width:100%;max-width: 500px;
	margin: 0 auto 0 auto;
	text-align: center; 
	/*! display: none; */
}
.p0 .btn_w .btn{
	width:48%;
	margin: 0.32rem auto 0.32rem auto;
	text-align: center; 
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.p0 .f_l{
	width:50%;
}
.p0 .f_r{
	width:50%;
}

.p0 .text_w{
	margin:0 auto;
}
.p0 .img_w{
	width:auto;
	max-width: 100%;
	margin:0 auto;
	text-align: center;	
}


/*P1*/
.p1{

}

.p1 .p_text b{
}


/*P2*/
.p2{

}
.p2 .p_text P{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	padding: 0 0 24px 0
}
.p2 .p_text b{
	width:100%;
	padding-left: 0;
	height: auto;
	min-height: 24px;
	min-width:120px;
}
.p2 .p_text span{
	padding-left: 0;
	min-height: 24px;
}


/*p3*/
.p3{

}
.p3 .p_text P{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	padding: 0 0 0 0
}
.p3 .p_text b{
	width:100%;
	padding-left: 0;
	height: auto;
	min-height: 24px;
	min-width:120px;
}
.p3 .p_text span{
	padding-left: 0;
	min-height: 24px;
}


/*P4*/
.p4{

}
.p4 .p_text P{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	padding: 16px 0 32px 0
}
.p4 .p_text b{
	padding-left: 0;
	height: auto;
	min-height: 24px;
	min-width:120px;
}
.p4 .p_text span{
	padding-left: 0;
	min-height: 24px;
}

/*P5*/
.p5{

}
.p5 .p_text P{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	padding: 16px 0 32px 0
}
.p5 .p_text b{
	padding-left: 0;
	height: auto;
	min-height: 24px;
	min-width:120px;
}
.p5 .p_text span{
	padding-left: 0;
	min-height: 24px;
}
/*P6*/
.p6{

}
.p6 .p_text P{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	padding: 16px 0 32px 0
}
.p6 .p_text b{
	padding-left: 0;
	height: auto;
	min-height: 24px;
	min-width:120px;
}
.p6 .p_text span{
	padding-left: 0;
	min-height: 24px;
}


/*---- VS ----*/
.vs_w{
	max-width:100%;
	min-height:700px;
	padding:64px 0 0 0;
	overflow:hidden;
	position: relative;
	z-index: 0;
	margin-top:-200px;
}

.vs_w .btn_w{
	text-align: center;
	margin: auto;
	position: absolute;
	bottom: 56px;
	left: 0;
	right: 0;
}

/*---- 为什么选择EC ----*/
.why_w{
	margin-top: -0.88rem;
	max-width:100%;
	min-height:300px;
	padding:0.64rem 0 0.64rem 0;
	overflow:hidden;
	position: relative;
	z-index: 0;

	text-align: center;
	background-color:#181e2c;
	background-size: cover;
}
.why_w .tt_w{
	color:#FFF;
	padding: 1.6rem 0 0.64rem 0;
}
.why_w .tt_w p{
	padding:8px 0 0 0;
	font-weight:700;
	font-size: 24px;
}
.why_w .tt_w em {
	/*! color: #FFF; */
}
.why_w .list_w{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
	margin:0 -16px;
}
.why_w .list_w li{
	position: relative;
	text-align: center;
	width:48%;
	max-width:48%;
	text-align: center;
	overflow: hidden;
	margin: 1%;
	border-radius: 16px;
	overflow: hidden;
}
.why_w .list_w li img{
	width: 90%;
	margin:0 auto;
	border-radius: 16px;
	overflow: hidden;
}
.why_w ul  h4{
	color:#FFF;
	font-size: 16px;
	font-weight: normal;
	padding:8px  16px;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/*---- 企业都在使用 ----*/
.customer_w{

	max-width: 100%;
	min-height: 680px;
	padding:64px 0 64px 0;
	/*! color:#000; */

	/*! background-color:#181e2c; */

	text-align: center;
	background-size: cover;

}
.customer_w .tt_w{
	/*! color:#FFF; */
}



/*-----------底部表单-----------*/

/* 底部行为召唤 action_w */
.action_w{
	position:relative;
	z-index: 1;
	min-height:3rem;
	padding:1.2rem 0.24rem 2.4rem 0.24rem;
	background-image: -moz-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background: url(../images/footer_call_bg.jpg) no-repeat center center;
	background-size: cover;
}

.action_box{

}
.action_box .action_tt{
	font-size: 40px;
	color:#FFF;
	text-align: center;
}
.action_box .form{
}

/*正则验证（通过与错误提示)*/
.form .tips_true { 
	position: absolute;
	z-index: 1; 
	top: -42px; 
	right: 20px; 
	display: block;
	height: 18px; 
	width: 18px; 
	background: transparent url(../images/shiyong_icon_tips_true.png) no-repeat center center;
}
.form .tips_false {padding-left:72px;display: inline-block; width:100%;line-height: 24px; font-style: normal; overflow: hidden; color: #FFF; }
.form .tips_false .icon_false { display: block; display: inline-block; margin-right: 5px; width: 18px; height: 18px; vertical-align: middle; background: transparent url(../images/shiyong_icon_tips_false.png) no-repeat center center; }
.form .tips_info { 
	position: relative; 
	visibility: hidden;
	width: 100%; height: auto;
	margin: 0; 
	font-size: 14px;
	color: #fff;
	margin-top: 2px;

}
.form .tips_info span { color: #f8353a; }

.action_box .form-content{
	margin:0 auto;
	/*! text-align: center; */
	overflow: hidden;
}

.action_box .form-item{
	position: relative;
	display: inline-block;
	width:100%;
}
.action_box label{
	height: 64px;
	line-height: 64px;
	position: absolute;
	left:24px;
	font-size: 16px;
	color:#000;
}
.action_box .input{
	font-size: 16px;
	color:#000;
	padding-left:72px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	border:2px solid transparent;
	border-radius: 8px;	
}

.action_box .error-tips {
	text-align: left;
	padding-left: 72px;
	font-size: 14px;
	color: #FFF;
	margin-top: 6px;
	visibility: hidden;
	background:transparent url(../images/from_icon_error.png) no-repeat 48px center;
	background-size: contain;	
}
/*提交按钮*/
.action_box .btn_w{
	text-align: center;
	margin: 0 auto;
}	
.action_box .btn-submit{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	text-align: center;
	margin:0 auto;

	cursor: pointer;
	font-size: 18px;
	color:#5B1E1E;
	width:99%;
	height: 64px;
	line-height: 64px;

	background-color: #e89933;
	background-image: -moz-linear-gradient( 0deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);

	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}
.action_box .btn-submit:hover{
	opacity: 0.8;
}



/*数据滚动*/
.action_box .clue_w{}
.action_box  .clue_w{
	font-size: 14px;
	color:#FFF;
	height:24px;
	line-height: 24px;
	overflow: hidden;
	margin:16px auto 16px auto;
	width:210px;
	padding: 0;
}
.action_box .clue_w .clue_item{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;

	-webkit-animation: scroll 16s infinite; 
}

.action_box .clue_w  span{
	display: block;
	display: inline-block;
	height:24px;
	line-height: 24px;
	padding:0 4px;
}

.action_box .tips_w{
	text-align: left;
	color:#074A20;
	opacity: 0.88;
}