﻿.banner_wrap{
	padding-bottom: 20px;
}
.banner_wrap .container{
	align-items: stretch;
}
.lt_cont{
	width: 40%;
	margin-top: 40px;
}
.rt_pic{
	width: 60%;
}
.banner_wrap{
	background: linear-gradient( 90deg, #B92B27 0%, #674874 76%, #6B478B 100%);
}
.sub-content p{
	color: #F4B6B6;
	font-size: 16px;
	margin-bottom: 10px;
}
.seo_analyze_btn{
	background: linear-gradient( 90deg, #FF9936 0%, #FFC170 100%);
	border-radius: 6px 6px 6px 6px;
	padding: 20px 60px;
	color: #ffffff;
	font-size: 20px;
	display: inline-block;
}
.ai-section h2{
	font-size: 32px;
	color: #464646;
}
.ai-section .sub-title{
	font-size: 16px;
	color: #5F5F5F;
	text-align: center;
	position: relative;
}
.ai-section .sub-title span{
	background-color: #ffffff;
	z-index: 1;
	position: relative;
}
.ai-section .sub-title:after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	inset: 0;
	margin: auto;
	background: #DFE0E1;
	z-index: 0;
}
.ai-section .content{
	font-size: 16px;
	color: #AEAEAE;
}
.info-card{
	border-radius: 10px;
	padding: 25px 25px 10px 25px;
	background: linear-gradient( 180deg, #FFFFFF 0%, #F9F9F9 100%);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	margin-bottom: 20px;
	height: calc(100% - 20px);
	display: flex;
	flex-direction: column;
}
.info-card.red{
	color: #ffffff;
	background: #CE4C59;
	box-shadow:unset;
}
.info-card.red ul li{
	color: inherit;
}
.info-card h4{
	font-size: 24px;
	margin-bottom: 20px;
}
.info-card ul li{
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 10px;
	color: #626262;
}
.img-contain{
	width: 100%;
	object-fit: contain;
}
.border-color-table{
	border-color: #EFEFEF !important;
}
.tr-bg-1{
	background: linear-gradient( 192deg, #E9E8F7 0%, #FEFBFB 100%);
}
.tr-bg-2{
	background: #F3F1FA;
}
.algorithm-card{
	padding: 20px;
	border: 2px solid #F5F5F5;
	border-left-width: 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	color: #5F5F5F;
	font-size: 16px;
	position: relative;
}
.algorithm-card:before{
	content: "";
	height: calc(100% + 4px);
	width: 4px;
	background: linear-gradient( 180deg, #FC696F 0%, #FF914D 100%);
	position: absolute;
	left: 0;
	top: -2px;
}
.algorithm-card.ai-edge{
	color: #333333;
}
.algorithm-card.ai-edge:before{
	height: 100%;
	top: 0;
}
.ai-edge h3{
	font-size: 20px;
	font-weight: 600;
}
.ai-edge ul li{
	margin-bottom: 20px;
}
.section-eco-bg{
	background: #EEF3F7;
	padding: 80px 0;
}
.after-none:after{
	display: none;
}
.section-ul li{
	color: #5F5F5F;
	font-size: 16px;
	margin-bottom: 10px;
}
.card-white{
	background: #ffffff;
	border-radius: 6px;
	padding: 30px;
	height: 100%;
}
.card-white h3{
	font-size: 16px;
	color: #000000;
	font-weight: 600;
}
.card-white p{
	font-size: 14px;
	color: #666666;
}
.card-comparison{
	overflow: hidden;
	border-radius: 8px;
	background: #DADEE4;
	height: 100%;
}
.card-comparison.card-right{
	background: #F4F4F4;
}
.card-comparison .card-head{
	background: linear-gradient( 90deg, #6A76A2 0%, #B6BEC6 100%);
	padding: 20px 40px;
}
.card-comparison.card-right .card-head{
	background: linear-gradient( 90deg, #CD444C 0%, #DF8C8C 100%);
}
.card-comparison .card-content{
	padding: 30px 40px;
}
.card-comparison h3{
	font-size: 24px;
	color: #FFFFFF;
}
.card-comparison ul li{
	margin-bottom: 20px;
	color: #464646;
	font-size: 18px;
	position: relative;
	padding-left: 15px;
}
.card-comparison ul li:before{
	content: "";
	height: 8px;
	width: 8px;
	position: absolute;
	display: inline-block;
	background: #D6676C;
	border-radius: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.card-service{
	position: relative;
	max-width: 450px;
	margin: auto;
	margin-bottom: 20px;
}
.card-service .card-content{
	position: absolute;
	color: #ffffff;
	width: calc(100% - 60px);
	height: calc(50% - 10px);
	margin: 0 30px 10px 30px;
	bottom: 0;
	left: 0;
}
.card-service .card-content h3{
	font-size: 24px;
}
.card-service .card-content ul li{
	font-size: 14px;
	margin-bottom: 10px;
}
.section-blog-bg{
	background: #F5F5F5;
	padding: 80px 0;
}
.card-blog{
	padding: 20px;
	background: #ffffff;
	border-radius: 6px;
	height: 100%;
}
.card-blog .blog{
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}
.card-blog h3{
	font-size: 16px;
	color: #464646;
	font-weight: 600;
}
.card-blog h3 span{
	position: relative;
}
.card-blog h3 span:after{
	content: "";
	width: 100%;
	height: 3px;
	background: #E03C45;
	position: absolute;
	left: 0;
	bottom: -1rem;
}
.blog-title{
	background: rgba(3,8,19,0.5);
	position: absolute;
	padding: 15px;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.blog-title h3{
	font-size: 14px;
	color: #ffffff;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.blog-more{
	font-size: 16px;
	color: #999999;
}
.card-blog .blog-link{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.blog-item{
	margin-bottom: 20px;
}
.blogs .blog-item:last-child{
	margin-bottom: 0;
}
.blog-badge{
	color: #E14149;
	background: #F4F8FD;
	width: 80px;
	text-align: center;
	font-size: 14px;
}
.blog-item-title{
	padding: 0 10px;
	width: calc(100% - 160px);
}
.blog-item-title h3{
	font-size: 14px;
	margin-bottom: 0;
	color: #1E1B1A;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.blog-date{
	font-size: 14px;
	color: #666666;
	width: 80px;
}