/* 首页头部 */



.top_tab{

	width: 100%;

	height: 640px;

	background:  url(../image/banner1.png) no-repeat center;

	display: flex;

	justify-content: center;

	align-items: center;

}



.top_yu{

	width: 209px;

	height: 60px;

	background: rgba(255, 255, 255, 0);

	border: 1px solid #FFFFFF;

	border-radius: 30px;

	text-align: center;

	line-height: 60px;

	font-size: 24px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #FFFFFF;

	line-height: 59px;

	margin-top: 378px;

	margin-left: 103px;

	cursor: pointer;

}



/* 便捷高效 */



.bianjie{

	width: 100%;

	height: 320px;

	display: flex;

	justify-content: center;

	align-items: center;

	

}



.zi_bian{

	width: 1286px;

	height: 180px;

	background: #FFFFFF;

	border: 1px solid #E7E7E7;

	box-shadow: 0px 8px 22px 2px rgba(10, 64, 254, 0.1);

	display: flex;

	justify-content: space-around;

	align-items: center;

}

.zi_bian2{

	width: 300px;

	height: 94px;

	

	display: flex;

}



.zi_bian2>img{

	width: 93px;

	height: 93px;

}

.right_bian{

	width: 200px;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	

	margin-left: 30px;

}



.right_bian1{

	font-size: 24px;

	font-family: Source Han Sans CN;

	font-weight: 500;

	color: #333333;

	

}

.right_bian2{

	font-size: 16px;

	font-family: Source Han Sans CN;

	font-weight: 500;

	color: #333333;

	margin-top: 24px;

	opacity: 0.67;

	

}



/* 化繁为简 */



.fan_jian{

	width: 100%;

	height: 960px;

	background:  url(../image/27.png)no-repeat center;
	background-size:100% 100%;

	overflow: hidden;

}


.tit_jian{

	margin: auto;

	margin-top: 70px;

	text-align: center;

	font-size: 32px;

	font-family: Source Han Sans CN;

	font-weight: 500;

	color: #FFFFFF;

}



.tab_xuanka{

	width: 1270px;

	height: 700px;

	margin: auto;

	margin-top: 70px;

	background: #FFFFFF;

	border: 1px solid #CBCBCB;

	box-shadow: 0px 15px 22px 2px rgba(10, 64, 254, 0.04);

	display: flex;

}



.left_jian{

	width: 230px;

	height: 100%;

	

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}





.zi_jian{

	width: 227px;

	height: 60px;

	/* border: 1px solid; */

	margin-top: 18px;

	line-height: 60px;

	cursor: pointer;

	border-right: 3px solid white;
	color: #333333;

}



.zi_jian:hover{

	background: #F3F4FF;

	color: #0A40FE;

}



.zi_jian>span{

	font-size: 18px;

	font-family: PingFang SC;

	font-weight: 400;

	

	opacity: 0.8;

	display: inline-block;

	margin-left: 31px;

}



.xian_tian{

	background: #F3F4FF;

	border-right: 3px solid #0A40FE;

	color: #0A40FE;

}



.right_jian{

	width: 1040px;

	height: 100%;

	

	display: flex;

	justify-content: center;

	align-items: center;

	display: none;

}



.left_main{

	width: 435px;

	height: 600px;

	position: relative;

}

.right_img{

	width: 500px;

	height: 470px;

	margin-left: 20px;

}

.right_img>img{

	width: 100%;

	height: 100%;

}

.title_jian{

	font-size: 28px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #333333;

}

.small_wen{

	margin-top: 28px;

	font-size: 16px;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

	opacity: 0.7;

	line-height: 25px;

}



.yangshi2{

	display: inline-block;

	width: 12px;

	height: 12px;

	background: #FFFFFF;

	border: 1px solid #D2D2D2;

	border-radius: 50%;

	

}

.xian_div{

	margin-top: 20px;

}

.fu_xian{

	display: flex;

	

	align-items: center;

}

.xian_div:hover.xian_div>.fu_xian>.yangshi2{

	background: #0A40FE;

	border: 1px solid #0A40FE;

}

.xian_div:hover.xian_div>.fu_xian>.small_span{

	color: #0A40FE;

}



.small_span{

	font-size: 16px;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

	opacity: 0.7;

	margin-left: 16px;

}

.di_wen{

	font-size: 15px;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #7C98FF;

	

	margin-left: 30px;

	height: 0.1px;

	overflow: hidden;

	transition:all 0.5s;

	

}

@-webkit-keyframes fadeIn {

	0% {

	opacity: 0; /*初始状态 透明度为0*/

	}

	50% {

	opacity: 0; /*中间状态 透明度为0*/

	}

	100% {

	opacity: 1; /*结尾状态 透明度为1*/

	}

	}

.xian_div:hover.xian_div>.di_wen{

	margin-top: 10px;

	

	height: auto;

	-webkit-animation-name: fadeIn; /*动画名称*/

	-webkit-animation-duration: 0.5s; /*动画持续时间*/

	-webkit-animation-iteration-count: 1; /*动画次数*/

	-webkit-animation-delay: 0s;

	

}

.yuyue{

	width: 117px;

	height: 38px;

	border: 1px solid #144AFD;

	border-radius: 19px;

	text-align: center;

	line-height: 38px;

	position: absolute;

	bottom: 10px;

	text-align: center;

	line-height: 38px;

	cursor: pointer;

	color: #2A5EFC;

	font-size: 16px;

	font-weight: 500;

}



.yuyue:hover{

	background: -webkit-linear-gradient( left, #5485f8, #0239ff );

	color: white;

}



.xian3{

	display: flex;

}



/* 优质服务 */



.youzhi{

	margin: auto;

	margin-top: 70px;

	text-align: center;

	font-size: 32px;

	

}

.youzhi>span{

	

	font-weight: 500;

}



.tanxing_he{

	height: 305px;

	width: 1250px;

	margin: auto;

	margin-top: 60px;

	display: flex;

	justify-content: space-between;

}

.zi_tan{

	width: 400px;

	height: 305px;

	border: 1px solid #E7E7E7;

	display: flex;

	flex-direction: column;

	

	align-items: center;

}

.zi_tan>img{

	margin-top: 40px;

}

.tan_tit{

	margin-top: 30px;

	font-size: 24px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #1D1E22;

}

.tan_main{

	width: 90%;

	

	margin-top: 47px;

	font-size: 16px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #1D1E22;

	opacity: 0.7;

	text-align: center;

	line-height: 28px;

}



/* 优势 */



.new_youshi{

	margin-top: 70px;

	width: 100%;

	height: 820px;

	background: #F6F9FB;

	overflow: hidden;

	position: relative;

}

.datu{

	margin-top: 103px;

	display: flex;

	justify-content: center;

}

.tu_left{

	width: 305px;

	height: 550px;

	

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	margin-right: -60px;

}

.tu_left>div{

	width: 305px;

	height: 138px;

	border: 1px solid #335EFB;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	opacity: 0;

}

.top_tu{

	font-size: 20px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #111111;

}

.bot_tu{

	margin-top: 29px;

	font-size: 14px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #666666;

}

.tu_right{

	width: 305px;

	height: 550px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	margin-left: -60px;

}



.tu_right>div{

	width: 305px;

	height: 138px;

	border: 1px solid #335EFB;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	opacity: 0;

}

/* 功能 */
.function_top_tab{

	width: 100%;

	height: 600px;

	background:  url(../img/functionKeys/画板\ 1.png) no-repeat center;

	display: flex;

	justify-content: center;

	align-items: center;
	overflow: hidden;

}
.function_top_yu{

	width: 209px;

	height: 60px;

	background: rgba(255, 255, 255, 0);


	border-radius: 30px;

	text-align: center;

	line-height: 60px;

	font-size: 24px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #FFFFFF;

	line-height: 59px;

	margin-top: 378px;

	margin-left: 103px;

	cursor: pointer;

}
/* 核心功能 */
.function_core{
	margin-top: 35px;
}
/* 小标题 */
.function_core_title>p:nth-child(1),.function_merit_value>p:nth-child(1),.function_tool_title>p:nth-child(1),.function_solve_title>p:nth-child(1),.function_youzhi>p:nth-child(1){	
	font-size: 36px;
	font-weight: 500;
	color: #111111;
	text-align: center;
}
.function_core_title>p:nth-child(2),.function_merit_value>p:nth-child(2),.function_tool_title>p:nth-child(2),.function_solve_title>p:nth-child(2),.function_youzhi>p:nth-child(2){	
	font-size: 24px;
	font-weight: 500;
	color: #AF0001;
	text-align: center;
	opacity: 0.2;
}
.function_core_img{
	text-align: center;
}
.function_core_img>img{
	width: 583px;
	margin: 60px auto;
}
.function_core_list{
	width: 1200px;
	margin: 37px auto;
}
.function_core_list>div{
	display: flex;   
	justify-content: space-around;
}
.function_core_list>div:nth-child(2),.function_core_list>div:nth-child(3),.function_core_list>div:nth-child(4),.function_core_list>div:nth-child(5){
	margin-top: 60px;
}
.function_core_value{
	width: 210px;
}
.function_core_value>p{
	text-align: center;
}
.function_core_value img{
	width: 42px;
	margin: 0 auto;
}
.function_core_value>p:nth-child(2){
	font-size: 21px;
	color: #333333;
	font-weight: 600;
	margin-top: 17px;
	margin-bottom: 11px;
}
.function_core_value>p:nth-child(3){
	font-size: 14px;
	color: #666666;
	font-weight: 400;
}
/* 我们的优势 */
.function_merit{
	width: 100%;
	height: 771px;
	background: rgba(230, 230, 230, 0.3);
	padding-top: 40px;
}
.function_merit_list{
	width: 1394px;
	display: flex;   
	justify-content: space-around;
	margin: 60px auto;
}
.function_merit_list>div{
	width: 640px;
	overflow: hidden;
}
.function_merit_list img{
	width: 602px;
}
.function_merit_number{
	font-size: 40px;
	font-weight: 500;
	vertical-align:middle;
}
.function_merit_txt{	
	font-size: 24px;
	font-weight: 500;
	vertical-align:middle;
}
.function_merit_class>p:nth-child(1){
	color: #BA0605;
	margin-top: 29px;
}
.function_merit_class>p:nth-child(2){
	margin-left: 59px;
	margin-top: 21px;
	width: 540px;
}
.function_merit_class>p:nth-child(3){
	color: #856ADC;
	margin-left: 74px;
	margin-top: 51px;
}
.function_merit_class>p:nth-child(4){
	margin-top: 10px;
	margin-left: 133px;
}
.function_merit_class>p:nth-child(5){
	color: #FC94B9;
	margin-top: 51px;
	margin-left: 130px;
}
.function_merit_class>p:nth-child(6){
	margin-top: 10px;
	margin-left: 190px;
}
.function_merit_class>p:nth-child(7){
	color: #FFD900;
	margin-top: 51px;
}
.function_merit_class>p:nth-child(8){
	margin-left: 59px;
	margin-top: 21px;
}
.animate_key{
	opacity: 0;
}
/* 运营必备工具 */
.function_tool{
	margin-top: 60px;
}
/* 解决方案 */
.function_solve{
	width: 100%;
	height: 572px;
	background: rgba(230, 230, 230, 0.3);
	padding-top: 52px;
	padding-bottom: 6px;
}
.function_solve_value{
	width: 1328px;
	margin: 40px auto;
	display: flex;   
	justify-content: space-around;
}
.function_solve_list{
	width: 410px;
	height: 410px;
	background-color: #FFFFFF;
}
.function_solve_list img{
	margin-top: 81px;
	margin-left: 144px;
}
.function_solve_list>p:nth-child(2){
	margin-top: 49px;
	text-align: center;
	font-weight: 500;
	color: #333333;
	font-size: 21px;
	margin-bottom: 15px;
}
.function_solve_list>p:nth-child(3){
	width: 353px;
	height: 72px;
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	margin: 17px auto;
	line-height: 20px;
}
/* 动画 */
.function_core_value:hover{
	animation: birdFly 1.5s linear forwards;
	-o-animation: birdFly 1.5s linear forwards ;
	-moz-animation: birdFly 1.5s linear forwards ;
	-webkit-animation: birdFly 1.5s linear forwards ;
}
@keyframes birdFly {
	0% {transform: scale(1,1)}
	25% {transform: scale(1.5,1.5)}
	50% {transform: scale(1.1,1.1)}
	75% {transform: scale(1.2,1.2)}
	100% {transform: scale(1.3,1.3)}
}