/*hero*/
.hero {
	padding: 70px 0;
	text-align: center;
	height: 800px;
	margin-top: 78px;
	overflow: hidden;
}

.hero .left {
	text-align: left;
}

.hero h1 {
	font-size: 4rem;
	margin-bottom: 20px;
	color: var(--Fcolor);
	text-align: left;
}

.hero p {
	font-size: 16px;
	margin-bottom: 30px;
	color: #555;
}

.hero .btn {
	font-size: 1rem;
	min-width: 200px;
	border-radius: 13px;
}

/*features*/
.features {
	background-color: #0d0239;
	padding: 70px 0;
	text-align: center;
	color: #fff;
}

.feature {
	width: 100%;
	padding: 60px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.feature .left {
	width: 45%;
	max-width: 410px;
	text-align: left;
	font-size: 1.1rem;
}
.feature .titleh3{
	display: flex;
	align-items: center;
}
.feature i {
	background: #6940ff;
	width: 45px;
	height: 45px;
	text-align: center;
	border-radius: 16px;
	border: 1px solid #fff;
	margin-right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.feature img {
	max-width: 50%;
}

.feature li {
	padding: 24px;
	background: #6940ff2b;
	border-radius: 16px;
	border: 1px solid #ffffff75;
	margin-top: 16px;
}

/*why-choose*/
.why-choose {
	background-color: #f0f2ff;
	padding: 70px 0;
	text-align: center;
}

.choices {
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}

.choice {
	display: inline-block;
	width: 30%;
	margin: 0 1% 24px;
	vertical-align: top;
	background-color: #ffffff;
	padding: 32px;
	border-radius: 10px;
	color: black;
	text-align: left;

}

.choice strong {
	font-size: 3rem;
	color: var(--Bcolor);
	font-family: 'DINBold', sans-serif;
	margin-bottom: 24px;
	display: block;
}

.choice h3 {
	font-size: 1.15rem;
	margin-bottom: 10px;
}

.choice p {
	margin-bottom: 40px;
	color: #938f99;
	font-size: .9rem;
}

.choice .btn {
	background: #fff;
	border: 1px solid var(--Bcolor);
	border-radius: 30px;
	color: var(--Bcolor);
	padding: 14px 20px;
}

.choice .btn:hover {
	background: var(--Bcolor);
	color: #fff;
}

/*vision*/
.vision {
	padding: 70px 0;
	text-align: center;
}

.visions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 60px 0;
}

.vision-item {
	display: inline-block;
	width: 29%;
	margin: 0 1.5%;
	vertical-align: top;
	background: #fff;
	box-shadow: 0px 10px 40px #55599e29;
	border-radius: 20px;
	padding: 30px 40px;
}

.vision-item strong {
	font-size: 1.15rem;
	margin-bottom: 12px;
	display: block;
}

.vision-item img {
	margin-bottom: 10px;
}

.vision-item p {
	color: #747179;
}

/*value*/
.value {
	background-color: white;
	padding: 0 0 100px;
	text-align: left;
}

.container-left {
	margin-right: 30px;
}

.container {
	display: flex;
	gap: 20px;
}

.container .left {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.container .title {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 20px;
	font-size: 1.4rem;
	font-weight: bold;
}

.container p {
	font-size: .9rem;
	margin-top: 8px;
}

.left .top-box,
.left .bottom-box,
.right .right-box {
	width: 300px;
	height: 230px;
	border-radius: 16px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.top-box {
	background: var(--Bcolor);
	color: #fff;
}

.bottom-box {
	background: #e6efff;
	color: #000;
}
.right {
	    display: flex;
	    align-items: center;
}
.hero .right {
	    position: absolute;
	    right: -180px;
	    z-index: 0;
}

.right-box {
	background: #f0f2ff;
	color: #000;
	height: 100% !important;
}

/*advantage*/
.advantage {
	background-color: var(--Bcolor);
	padding: 70px 0;
	text-align: center;
}

.advantage h2 {
	color: white;

}

.advantages {
	display: flex;
	flex-wrap: wrap;
}

.advantage-item {
	display: inline-block;
	width: 30%;
	margin: 0 1.5%;
	vertical-align: top;
	background-color: white;
	padding: 32px 40px;
	border-radius: 20px;
	color: #545472;
}

.advantage-item img {
	margin-bottom: 30px;
	max-width: 100%;
}

.advantage-item h3 {
	font-size: 1.8rem;
	margin-bottom: 20px;
	text-align: left;
	color: var(--FBcolor);
	font-weight: 600;
}

.advantage-item p {
	font-size: .9rem;
	text-align: left;
	line-height: 1.7rem;
}

/*client*/
.client {
	background-color: #0d0239;
	padding: 70px 0;
	text-align: center;
	color: white;
}

.client img {
	width: 100%;
	display: block;
}

.client .mySwiper {
	margin: 40px 0 0;
	padding-bottom: 40px;
}

.client .swiper-slide {
	border-radius: 20px;
	overflow: hidden;
}

.swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-pagination-bullet {
	background: var(--Bcolor);
}

.swiper-pagination-bullet-active {
	width: 11px;
	height: 11px;
}

/*partner*/
.partner {
	background-color: white;
	padding: 70px 0;
	text-align: center;
}

.partners {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.partner .img {
	width: 17%;
	padding: 16px 0px;
	border: 1px solid #d5d2e1;
	border-radius: 20px;
	margin: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partner .img img {
	display: flex;
	max-width: 90%;
}

/*news*/
.news{
	padding: 70px 0;
	text-align: center;
}
.newslist{
	display: flex;
	    justify-content: space-between;
		    margin-bottom: 30px;
			flex-wrap: wrap;
			gap: 20px;
}
.news-item{
	width: 31%;
	    overflow: hidden;
	    text-align: left;
	    color: #747179;
	    font-size: 13px;
	    line-height: 20px;
}
.news-item a{
	display: block;
}
.news-item picture{
	display: block;
	    width: 100%;
	    height: 0;
	    padding-bottom: 70%;
	    overflow: hidden;
		margin-bottom: 12px;
		border-radius: 10px;
}
.news-item img{
	display: block;
	    width: 100%;
}
.news-item .title{
	color: var(--FBcolor);
	    font-size: 1rem;
	    line-height: 1.8rem;
	    font-weight: bold;
	    margin: 6px 0;
}
.newslists{
	display: flex;
	    justify-content: space-between;
		    margin: 50px 0;
			flex-wrap: wrap;
			gap: 50px;
}
.newList {
    width: 100%;
    background: #fff;
    border-radius: 10px;
  
}
.newList a{
	display: flex;
	flex-wrap: wrap;
}
.newPicBox{
	width: 32%;
    float: left;
    position: relative;
    padding-bottom: 22%;
    overflow: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    border-radius: 10px;

}
.newPicBox img{
	position: absolute;
	    min-width: 100%;
	    height: 100%;
	    min-height: 100%;
	    transition: transform .3s ease, -webkit-transform .3s ease;
}
.centerContentBox {
    width: 67%;
    padding: 10px 0 10px 40px;
    float: left;
    position: relative;
}
.centerContentBox .title {
    font-size: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .2s ease;
	margin-bottom: 5px;
    font-weight: bold;
    color: var(--Fcolor);
}
.newList a:hover .title{
	color: var(--Bcolor);
}
.centerContentBox .newSummry{
	width: 100%;
	    font-size: .95rem;
	        line-height: 1.7rem;
	        color: #938f99;
	        text-align: left;
	    text-align: justify;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
}
.centerContentBox .date {
    font-size: 14px;
    line-height: 30px;
    padding-top: 33px;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0;
	color: #938f99;
}
/* 解决方案部分 */
.solution {
	position: relative;
	    height: auto;
		padding: 200px 0;
}
.solution .left{
	width: 100%;
}
.sbanner-img{
	display: block;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    position: absolute;
	    right: 0;
	    top: 0;
		z-index: -1;
}
/* TAID 复利增长地图部分 */
.taid-map {
	text-align: center;
	padding: 70px 0;
}
.taid-map .img{
	display: block;
	width: 100%;
	margin: 60px auto;
}

.map-container {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
}
.map-container span{
	width: 22%;
	    padding: 24px 10px;
	    background: linear-gradient(to right, #dcdbf5 0%, #f5f1ff 40%, #fafbff 100%);
	    border-radius: 20px;
	    display: flex;
	    align-items: center;
	    border: 1px solid var(--Bcolor);
	    font-weight: bold;
	    justify-content: center;
		position: relative;
}
.map-container span::after{
	content: "";
	    width: 12%;
	    height: 28px;
	    display: block;
	    background: url(../images/arrow-right.png)no-repeat center;
	    background-size: 100% auto;
	    position: absolute;
	    right: -16%;
}
.map-container span:last-child::after{
	display: none;
}
.map-triangle {
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-bottom: 200px solid #8e44ad;
	position: relative;
}

.map-triangle-inner {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #34495e;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.map-triangle-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
}

.taid-stages {
	display: flex;
	margin-top: 60px;
	position: relative;
}

.taid-stage {
	text-align: center;
	    background-color: #f4f9ff;
	    display: inline-block;
	    width: 25%;
	    margin: 0 1%;
	    vertical-align: top;
	    background: #fff;
	    box-shadow: 0px 10px 30px #55599e17;
	    border-radius: 10px;
	    padding: 30px 20px 50px;
	    position: relative;
}
.taid-stage strong{
	font-size: 1.1rem;
	    width: 100%;
	    margin: 20px 0 14px;
	    display: block;
}
.taid-step{
	position: absolute;
	    background: #e8e2ff;
	    width: 80%;
	    top: -25px;
	    padding: 11px;
	    color: var(--Bcolor);
	    font-weight: bold;
	    left: 10%;
	    border-radius: 30px;
	    border: 1px solid var(--Bcolor);
	    font-size: 1.1rem;
		display: flex;
		    align-items: center;
		    justify-content: center;
}
.taid-step span{
	width: 40px;
	    height: 40px;
	    background: var(--Bcolor);
	    color: #fff;
	    border-radius: 20px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		position: absolute;
		    left: 5px;
		    box-shadow: 0px 5px 10px #6940ff52;
}
/* 企业阵地部分 */
.enterprise-position {
	text-align: center;
	padding: 70px 0;
	background-color: #f0f2ff;
}

.enterprise-service {
	    display: flex;
	    justify-content: center;
	    margin-top: 30px;
	    flex-wrap: wrap;
	    gap: 20px;
}

.service-item {
	text-align: left;
	    background-color: #fff;
	    padding: 20px;
	    border-radius: 10px;
	    width: 100%;
	    display: flex;
	    align-items: center;
	        justify-content: space-evenly;
}
.service-item-txt{
	    width: 50%;
	    padding: 40px;
}
.service-item-txt h3,.service-item-txt p{
	margin-bottom: 20px;
}
/* 内容阵地部分 */
.content-position {
	text-align: center;
	padding: 50px 0;
}

.content-service {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.content-item {
	text-align: center;
	margin: 0 20px;
	background-color: #f4f9ff;
	padding: 20px;
	border-radius: 5px;
	width: 300px;
}

/* 流量资产部分 */
.traffic-assets {
	text-align: center;
	padding: 50px 0;
	background-color: #ecf0f1;
}

.traffic-service {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.traffic-item {
	text-align: center;
	margin: 0 20px;
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	width: 300px;
}
/*contact*/
.contact{
	padding: 70px 0;
	text-align: center;
}
.FromBox{
	width: 90%;
	    max-width: 700px;
	    background: #fff;
	    margin: 0 auto;
	    padding: 56px;
	    border-radius: 20px;
	    box-shadow: 0px 4px 6px hsl(237 30% 48% / 0.14);
}

.contactbox{
	display: flex;
	   justify-content: space-between;
		padding-top: 50px;
		flex-wrap: wrap;
		    gap: 20px;
}
.contactbox .item{
	width: 30%;
	    background: #fff;
	        padding: 24px 10px;
	        border-radius: 10px;
}
.contactbox .item span{
	display: block;
	    margin-bottom: 20px;
	    color: #a29da9;
	    font-size: 1.2rem;
}
.contactbox .item a{
	font-size: 1.3rem;
	display: block;
	    margin-top: 40px;
		word-break: break-word;
}
.contactbox .item a:hover{
	color: var(--Bcolor);
}
.inquiryForm{
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    width: 95%;
	    margin: 24px auto 0;
}
.inquiryForm input {
	   width: 100%;
	       height: 3rem;
	       padding-left: 20px;
	       border: 0.5px solid #b3b8db82;
	       margin-bottom: 16px;
	       font-size: 14px;
	       border-radius: 10px;
}

.inquiryForm textarea {
	width: 100%;
	    padding: 20px;
	    border: 0.5px solid #b3b8db82;
	    margin-bottom: 16px;
	    font-size: 14px;
	    border-radius: 10px;
}
.inquiryForm input:focus{
	border-color: var(--Bcolor);
}
.inquiryForm textarea:focus-visible{
	outline: none;
	border-color: var(--Bcolor);
}
.inquiryForm textarea:focus{
	border-color:var(--Bcolor);
}
/*about*/
.section { padding: 70px 0; margin-top: 78px;}
    .section .wd-center{ display: flex; flex-wrap: wrap; align-items: center; }
    .intro .text, .mission .text { flex: 1; padding: 30px; }
    .intro .image, .mission .image { flex: 1; padding: 20px 0; }
    .image img { max-width: 100%; border-radius: 8px; }
    .slogan { background: #f0f2ff; text-align: center; padding: 70px 0px; }
    .icons { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
    .icon-box { flex: 1 1 200px; background: #f9f9f9;     padding: 20px;
    border-radius: 10px;
    text-align: center;
    background: linear-gradient(to right, #dcdbf5 0%, #f5f1ff 40%, #fafbff 100%); }
	
/*thank*/
	.tks-img{
    width: 80px;
    height: 80px;
    background: url(../images/icon-small.svg)no-repeat center;
    background-size: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
	}

/*文章详情页*/
	.articlbox {
		padding: 60px 0;
		    min-height: 60vh;
	}
	
	.articlbox .title {
		font-size: 32px;
		margin-bottom: 15px;
		font-weight: 500;
		text-align: center;
	}
	
	.articlbox .date {
		text-align: center;
		    border-bottom: 0.5px solid #f0f2ff;
		    padding-bottom: 1rem;
		    font-size: .85rem;
			color: #938f99;
	}
	
	.articlbox .content {
		margin: 30px 0;
		    line-height: 30px;
		    font-size: 16px;
		    color: var(--FBcolor);
	}
	.articlbox .content img{
		max-width: 100%;
		    display: block;
		    margin: 20px auto;
		    width: auto;
	}
	
@media only screen and (max-width: 1200px) {
	.hero,.section{
		margin-top: 0;
	}
	.hero,
	.features,
	.why-choose,
	.vision,
	.partner,
	.client,
	.advantage,
	.taid-map,
	.section{
		padding: 50px 0;
		    overflow: hidden;
		    width: 100%;
		
	}
	.hero .flex-box {
		flex-wrap: wrap;
		align-items: self-start;
	}
	.hero .right {
	    bottom: 50px;
	    right: 0;
	}
	
}
@media only screen and (max-width: 768px) {

	
	

	.hero h1 {
		font-size: 3rem;
	}

	.feature {
		flex-wrap: wrap;
	}
	.taid-step {
	    padding-left: 40px;
	}
	
	.newslists {
		margin: 20px 0;
	    gap: 20px;
	}
	.newPicBox {
	    width: 100%;
	    padding-bottom: 66%;
	}
	.centerContentBox {
	    width: 100%;
	    padding: 10px 0;
	}
	.centerContentBox .date {
	    position: relative;
	}
	.centerContentBox .title{
		font-size: 20px;
	}
	.articlbox {
		padding: 30px 0;
	}
	.articlbox .title {
	    font-size: 28px;
	    margin-bottom: 15px;
	    font-weight: 500;
	    text-align: center;
	}
}

@media only screen and (max-width: 640px) {
	.feature .left {
		width: 100%;
		margin-bottom: 40px;
	}

	.feature img {
		max-width: 90%;
		margin: 0 auto;
	}

	.feature02 {
		flex-direction: column-reverse;
	}

	.feature li {
		padding: 16px 20px;
		margin-top: 10px;
	}

	.choice {
		display: inline-block;
		width: 100%;
		padding: 16px 20px;
		margin-bottom: 16px;
	}

	.choices {
		margin-top: 30px;
	}

	.choice strong {
		margin-bottom: 12px;
	}

	.choice p {
		margin-bottom: 20px;
	}

	.visions {
		margin-bottom: 0;
	}

	.vision-item {
		width: 100%;
		margin: 0 0 16px;
		box-shadow: 0px 6px 30px #55599e29;
		padding: 24px;
	}

	.value {
		padding-bottom: 50px;
	}

	.value .flex-box {
		flex-wrap: wrap;
	}

	.container {
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.container .left,
	.container .right {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	.left .top-box,
	.left .bottom-box,
	.right .right-box {
		width: 100%;
		height: auto;
	}

	.advantage-item {
		width: 100%;
		margin: 0 0 16px;
		padding: 24px;
	}

	.partner .img {
		width: 31%;
		padding: 16px 0px;
	}
	.solution{
		padding: 80px 0;
	}
	.solution .left {
	    width: 100%;
	}
	.map-container {
	    flex-wrap: wrap;
		gap: 16px;
	}
	.map-container span{
		width: 45%;
		padding: 10px;
	}
	.map-container span:nth-child(2)::after{display: none;}
	.taid-stages {
	    flex-wrap: wrap;
		gap: 20px;
	}
	.taid-stage{
		width: 100%;
		    padding: 20px;
		    margin-bottom: 40px;
	}
	.service-item {
	    flex-wrap: wrap;
	}
	.service-item-txt {
	    width: 100%;
	    padding: 10px 0;
	}
	.service-item img{
		max-width: 94%;
	}
	.contact {
	    padding: 12px 0;
	}
	.FromBox{
		padding: 24px 12px;
	}
	.inquiryForm input,.inquiryForm textarea{
		border-radius: 8px;
		    margin-bottom: 12px;
	}
	.intro .text, .mission .text {
	    flex: auto;
	    padding: 0;
	}
	.taid-map .img {
	    margin: 30px auto 0;
	}
	.contactbox {
	    padding-top: 20px;
	}
	.contactbox .item {
	    width: 100%;
	}
	.contactbox .item a{
		margin-top: 0px;
	}
}