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

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

/*---电销 BANNER---*/
.banner_enterprise{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	max-width:2560px;
	height: 900px;
	margin: auto;
	position: relative;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	background: #E8F8F8 url(../images/banner_enterprise.jpg) no-repeat center center;
	background-size: cover;
}

.banner_btn{
	display: block;
	width:220px;
	height:100px;
	margin: auto;
	position: absolute;
	top:72px;
	bottom:0;
	left:56px;	
}

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

}

/* Banner 表单*/
.form_w{
	height: 900px;
	margin: auto;
	position: relative;
}


/*正则验证（通过与错误提示)*/
.form_w .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_w .tips_false { width:100%;line-height: 24px; font-style: normal; overflow: hidden; color: #FFF; }
.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; }
.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 .bannerForm{
	width:500px;
	height:550px;
	padding:40px;
	margin: auto;
	position: absolute;
	top:-100px;
	bottom:0;
	right:64px;	

	/* 	background-color: #00b831; 
	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/banner_form_bg.png) no-repeat center center;
	background-size: cover; */

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

}

.form_w .form_tt{
	font-size: 48px;
	color:#FFF;
	text-align: center;
}
.form_w .form_item{
	position: relative;
	padding-bottom: 8px;
}
.form_w label{
	height: 64px;
	line-height: 64px;
	position: absolute;
	/*left:24px;*/
	left:15px;
	font-size: 16px;
	color:#000;
}
.form_w .input{
	font-size: 16px;
	color:#000;
	padding-left:72px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	border:2px solid transparent;
	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: 24px;
	color:#FFF;
	width: 99%;
	height: 72px;
	color: #FFF;

	background-color: #156a35;
	background-image: -moz-linear-gradient( 180deg, rgb(16,94,45) 0%, rgb(32,134,72) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(16,94,45) 0%, rgb(32,134,72) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(16,94,45) 0%, rgb(32,134,72) 100%);

	box-shadow: 0px 16px 24px 0px rgba(7, 179, 65, 0.24);

	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;
}
.form_w .form_submit:hover{
	opacity: 0.95;
}

.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: 2560px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background:url(../images/main_bg.jpg) no-repeat  center 160px;

}
/*产品功能*/
.cp_w{
	position: relative;
	z-index: 2;
	margin: -120px 0 88px 0;
	padding: 0 0  88px 0;
	color:#000;
}
/*产品楼层*/
.p_w{
	min-height: 600px;
	line-height: 1.8;
	font-size: 16px;
	padding: 24px 32px;
	margin-bottom: 16px;

	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	overflow: hidden;


	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	/*! justify-content:space-between; */

}

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

.p_w .text_w{
	width:40%;
	
  /*! width: auto; */
	display: inline-block;
	float: none;
	flex: 1;
}
.p_w .img_w{
	width:auto;
	max-width: 60%;
	margin:0 auto;
	text-align: center;	
	display: inline-block;
	float: none;
	flex: 1 1 auto;
}
.p_w .p_tt{
	padding-bottom:24px;
	position: relative;
	z-index: 1;
}
.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: 500px;
}
.p_w .p_text P{
	/*! display: flex; */
	/*! flex-wrap: nowrap; */
	/*! align-items: center; */

	font-size:18px;
	padding: 0 0 16px 0;  
}
.p_w .p_text b{
	display: flex;
	display: inline-block;
	width:auto;
	text-align: left;

	width: 100%;
	height: auto;
	min-height: 24px;
	min-width: 120px;

	line-height: 1.2;
	font-size:18px;
	padding:0;
	border-radius: 8px;



}
.p_w .p_text span{
	min-height:36px;
	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: 64px 0 32px 0;   
	text-align:center;
	line-height:1.2
}
.tt_w em{
	color:#14bf57;
}


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

.p0 .p_tt {
	padding-bottom: 40px;
	position: relative;
	z-index: 1;
}

.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 24px 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: -120px;
	max-width:100%;
	min-height:300px;
	padding:64px 0 0 0;
	overflow:hidden;
	position: relative;
	z-index: 0;

	text-align: center;
	background-color:#181e2c;
	background-size: cover;
}
.why_w .tt_w{
	color:#FFF;
	padding: 64px 0 64px 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;
	max-width:25%;
	text-align: center;
	overflow: hidden;
	max-width: 25%;
	margin: 12px;

	/* 	background-image: -moz-linear-gradient( 0deg, rgb(193,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(193,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(193,224,224) 0%, rgb(255,255,255) 100%); */
	/* 	box-shadow: 0px 32px 48px 0px rgba(30, 104, 49, 0.24); */
	border-radius: 32px;

	overflow: hidden;

}
.why_w .list_w li img{
	max-width: 95%;
	border-radius: 16px;
	overflow: hidden;
}
.why_w ul  h4{
	font-size: 22px;
	font-weight: normal;
	padding:24px 16px 24px 16px;
	color:#FFF;
	font-family: 'num';
}



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

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

	background-color:#181e2c;

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

}
.customer_w .tt_w{
	color:#FFF;
}



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

/* 底部行为召唤 action_w */
.action_w{
	height:300px;

	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{
	padding-top:64px;
}
.action_box .action_tt{
	font-size: 40px;
	color:#FFF;
	text-align: left;
}

.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 { 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{
	float: left;
	position: relative;
	display: inline-block;
	min-width:320px;
	padding-right: 8px;
}
.action_box label{
	height: 64px;
	line-height: 64px;
	position: absolute;
	/*left:24px;*/
	left:20px;
	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{
	display: inline-block;
	float: left;
	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: 24px;
	color:#FFF;
	min-width: 240px;
	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: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.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 0 8px 0;
	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;
}

/*表单验证码样式*/
/*弹窗*/
.customerCodePop{
	width:66% !important;
}
.btnSendCodepop{
	font-size: 16px;
	color: #000;
	width: 32%;
	height: 64px;
	line-height: 64px;
	border-radius: 8px
}
/*顶端*/
.customerCode{
	width:65% !important;
}
.btnSendCode{
	font-size: 16px;
	color: #000;
	margin-left:8px;
	width: 32%;
	height: 64px;
	line-height: 64px;
	border-radius: 8px
}
/*底部*/
.codeBottom{
	width:65% !important;
}
.btnSendCodeBottom{
	font-size: 16px;
	color: #000;
	width: 32%;
	height: 64px;
	line-height: 64px;
	border-radius: 8px
}