body{background: #F2F7FF;color: #031A42;font-family: Inter Regular;}
.blog_container,.blog_detail_container{padding-top: 102px;}
.blog_cont{width: 100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box;padding-bottom: 20px;position: relative;}
.blog_title{display: flex;align-items: center;justify-content: space-between;margin-top: 80px;}
.blog_title h1{font-size: 40px;font-weight: bold;}
/* .vh-header{background: #fff;} */
.b_search{width: 380px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 25px;
	border: 1px solid #D0DBF7;position: relative;}
.search_cont{border: none;width: 98%;font-size: 16px;height: 100%;border-radius: 25px;padding-left: 25px;box-sizing: border-box;}
.search_logo{cursor: pointer; position: absolute;top: 48%;transform: translateY(-50%);right: 20px;}
.search_logo img{display: inline-block;width: 20px;height: 20px;}
/* .search_logo:hover{background-color: #4b7cf7;} */
.blog_type{width: auto;height: auto;margin-top: 23px;margin-bottom: 50px;clear: both;overflow: hidden;}
.blog_type li{padding: 0 30px;margin-right: 15px;box-sizing: border-box; cursor: pointer; height: 50px;line-height: 50px; background-color: #fff;border-radius: 25px;
	border: 1px solid #D0DBF7;font-size: 14px;float: left;margin-bottom: 15px;transition: all 0.2s;}
.blog_type li.active,.blog_type li.active:hover{background-color: #3d6eec;color: #fff;}

.blog_type li:hover{
	border: 1px solid #3D6EEC;
	color: #3D6EEC;
}
.bc_cont{display: flex;justify-content: space-around;flex-wrap: wrap;width: 100%;margin: 0 auto;column-gap: 5px;}
.blog_detail{width: 285px;height: 433px;display: block; background-color: #f8fafb;margin-right: 20px;margin-bottom: 40px;border-radius: 10px;}
.blog_detail:nth-of-type(4n+0) {margin-right: 0;}
.no_blog_show{display: none;padding-bottom: 100px;}
.no_blog_show img{display: inline-block;    margin-top: 40px;}
.no_blog_show p{color: #565e70;font-size: 14px;text-align: center;margin-top: 40px;}
.b_article_cont{padding: 0 19px;text-align: left;margin-top: 15px;display: inline-block;}
.b_title{font-size: 18px;font-weight: bold;line-height: 24px;height: 78px;}
.bd_logo{width: 285px;height: 160px;    border-radius: 4px 4px 0 0;}
.b_cont_intruduce{color: #565e70;font-size: 14px;height: 110px;overflow: hidden; margin-top: 15px;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.b_cont_time{color: #959baa;font-size: 12px;margin-top: 19px;}
.blog_show_cont{display: none;}
.blog_cont_all .blog_show_cont:nth-child(1){display: block;}

/* Blog Detail css */
.blog_detail_container{padding-bottom: 80px;}
.bd_conts{width: 1200px;margin: 0 auto;border-bottom: 1px solid #e3e3e3;position: relative;}
.bd_conts{display: flex;justify-content: space-between;padding-bottom: 50px;}
.blog_path{color: #999999;font-size: 14px;}
.bd_title{width: 574px;text-align: left;}
.blog_path span{}
.b_header{font-size: 36px;font-weight: bold;margin-top: 22px;line-height: 50px;}
.b_subtitle{font-size: 16px;margin-top: 13px;line-height: 22px;}
.bs_times{color: #959baa;font-size: 16px;margin-top: 23px;}
.bd_logo img{width: 100px;height: 336px;margin-top: 3px;}
.article_cont{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;margin-top: 50px;position: relative;}
.at_detail{width: 778px;text-align: left;}
.at_detail p{font-size: 16px;margin-bottom: 18px;}
.advantage{width: 325px;height: auto;background-color: #f4f7f9;border-radius: 6px;padding: 35px 30px;padding-top: 25px;padding-right: 15px;}
.advantage h1{font-size: 20px;font-weight: bold;}
.ad_detail{margin-top: 26px;}
.ad_detail li{font-size: 16px;text-align: left;margin-bottom: 10px;}
.ad_detail li span{display: inline-block;margin-left: 6px;}
.a_start{display: block;width: 280px;height: 48px;line-height: 48px;text-align: center; background-color: #3d6eec;border-radius: 24px;color: #ffffff;font-size: 18px;font-weight: bold;margin-top: 30px;}
.a_start:hover{color: #fff;opacity: 0.9;}
.rt_article{font-size: 24px;font-weight: bold;margin-top: 37px;text-align: left;}
.use_proxy{width: 370px;height: auto;background-color: #f4f7f9;border-radius: 6px;padding-top: 31px;    margin-top: 12px;}
.use_detal{padding: 0 28px;text-align: left;border-bottom: 1px solid #eaedf0;margin-bottom: 23px;display: block;}
.use_detal h1{font-size: 18px;font-weight: bold;line-height: 28px;}
.use_conts{color: #565e70;font-size: 14px;margin-top: 16px;}
.use_times{margin-top: 19px;color: #959baa;font-size: 12px;padding-bottom: 30px;}
.use_detal:last-child{border: none;}
.use_connect{position: sticky;top: 154px;left: 0;z-index: 7;}
.use_connect a{display: block;margin: 0 auto;width: 40px;height: 40px; margin-top: 20px;background: url(../img/blog/connect-logo.png)no-repeat center;}
.use_connect a.link1{background-position: 0 0;margin-top: 0;}
.use_connect a.link1:hover{background-position: -40px 0;}
.use_connect a.link2{background-position: 0 -40px;}
.use_connect a.link2:hover{background-position: -40px -40px;}
.use_connect a.link3{background-position: 0 -80px;}
.use_connect a.link3:hover{background-position: -40px -80px;}
.use_connect a.link4{background-position: 0 -120px;}
.use_connect a.link4:hover{background-position: -40px -120px;}
.recomd_article{font-size: 36px;font-weight: bold;margin-top: 50px;}
.recomed_blog{margin-top: 40px;}
.header .header_main .login a:nth-child(1){    color: #031a42;}
.header .header_main .login a:nth-child(1):hover{    color: #fff;}
.sear_conts{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;max-width: 1200px;margin:0 auto}
.search_link{width:100%;height:100%;display:block}
.detail_logo{position:relative}
.detail_logo .tm_bg{right:10px;top:130px;position:absolute;height:20px;background-color:#000000;border-radius:10px;opacity:0.4;padding:0 10px}
.tm_bg span{color:#ffffff;font-size:12px;line-height:20px;position:relative}

/* new blog style */
.blog-locat{display: none;align-items: center;font-size: 14px;max-width: 1600px;width: 100%;margin: 0 auto;padding: 0 25px;box-sizing: border-box;}
.blog-locat a{
	color: #031A42;
}
.blog-locat img{
	margin: 0 10px;
}
.blog-locat span{
	font-weight: 500;
	color: #586883;
	opacity: 0.5;
}
.blog-cover{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 60px;
}
.blog-cover .article-inco{
	width: 619px;
	height: 405px;
	/* background: #3D6EEC; */
	border-radius: 20px;
}
.article-cover{
	width: 520px;text-align: left;
}
.article-cover p{
	width: 110px;
	height: 40px;
	background: url(../img/blog/article-logo.png)no-repeat center;
	background-size: cover;
	padding-left: 13px;
	box-sizing: border-box;
	line-height: 34px;
	color: #fff;
}
.article-cover img{
	width: 110px;
	height: 40px;
	margin-bottom: 10px;
}
.article-cover h1{
	font-size: 40px;
	font-weight: 500;
	line-height: 56px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article-cover h2{
	color: #586883;
	line-height: 22px;
	font-size: 16px;
	margin-top: 10px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
a.link{
	display: flex;
	align-items: center;
	margin-top: 40px;
	cursor: pointer;
	font-size: 20px;
	font-weight: 600;
	color: #031A42;
	line-height: 28px;
	transition: all .2s ease;
	
  }
  a.link svg{
	margin-left: 15px;
	transition: all .33s ease
  }
  a.link:hover{
	color: #3D6EEC;
  }
  a.link:hover svg{
	transform: translateX(10px);
  }
  a.link:hover svg path {
	fill: #3D6EEC
  }
  .bc_cont a{
	flex-basis: 380px;
	background: #fff;
	margin-bottom: 30px;
	display: block;
	text-align: left;
	height: 383px;
	border-radius: 20px;
	box-sizing: border-box;
  }
  .article-detail{border-radius: 20px;width: 100%;height: 100%;box-sizing: border-box;border: 2px solid #F2F7FF;position: relative;padding: 8px;}
  .article-tags{position: absolute;top: 22px;left: 22px;}
  .article-tags span{
	height: 30px;
	line-height: 30px;
	background: #FFFFFF;
	border-radius: 25px;
	padding: 0 13px;
	font-weight: 400;
	color: #586883;
	font-size: 14px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
  }
  .article-detail img{
	width: 100%;
	max-width: 358px;
	height: 235px;
	margin: 0 auto;
	border-radius: 15px;
	display: flex;
  }
  .article-detail p{
	margin-top: 24px;
	padding-left: 28px;
	font-size: 14px;
	color: #586883;
	line-height: 20px;
  }
  .article-detail h2{
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	margin-top: 10px;
	padding: 0 28px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

.article-detail:hover{
	border: 2px solid #3D6EEC;
}
.article-detail:hover h2{
	color: #031A42;
}
.load-more{
	width: 270px;
	height: 62px;
	background: #FFFFFF;
	border-radius: 31px;
	border: 1px solid #3D6EEC;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	color: #3D6EEC;
	text-align: center;
	line-height: 62px;
	margin-top: 40px;
	cursor: pointer;
	transition: all 0.2s;
	display: none;
}
.load-more:hover{
	background: #3D6EEC;
	color: #fff;
}
.popular-article{
	margin-top: 90px;
	position: relative;
	margin-bottom: 150px;
}
.popular-article h1{
	font-size: 40px;
	font-weight: 600;
	color: #031A42;
	line-height: 56px;
	text-align: left;
	margin-bottom: 50px;
}
.swiper-slide{
	justify-content: space-between;
    display: flex;
}
.swiper-slide a{
	display: inline-block;
	width: 585px;
	height: 518px;
	background: #FFFFFF;
	border-radius: 20px;
	text-align: left;
	border: 2px solid rgba(0, 0, 0, 0);
	box-sizing: border-box;
}
.swiper-slide a img{
	width: 565px;
	height: 370px;
	background: #3D6EEC;
	border-radius: 20px 20px 0px 0px;
	margin: 0 auto;
    display: flex;
    margin-top: 5px;
}
.swiper-slide a p{
	font-size: 14px;
	font-weight: 400;
	color: #586883;
	line-height: 20px;
	margin-top: 24px;
	padding-left: 28px;
}
.swiper-slide a h2{
	font-size: 18px;
	font-weight: 600;
	color: #031A42;
	line-height: 25px;
	padding: 0 28px;
	margin-top: 10px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.swiper-slide a:hover{
	border: 2px solid #3D6EEC;
}

.client-arraw {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    display: flex;
    align-items: center;
	width: 1400px;
	margin: 0 auto;
	justify-content: space-between;
	left: 50%;
    transform: translateX(-50%);
}

.client-arraw .client_swiper_pre {
    width: 60px;
    height: 60px;
    background: url(../common/main/img/left-araw.png) no-repeat center;
    background-size: cover;
    background-position: 0 0;
    display: block;
    margin-right: 15px;
	/* margin-left: 120px; */
}

.client-arraw .client_swiper_pre:hover {
    background-position: 0 -60px
}

.client-arraw .client_swiper_next {
    width: 60px;
    height: 60px;
    background: url(../common/main/img/right-arraw.png) no-repeat center;
    background-size: cover;
    background-position: 0 0;
    display: block
}

.client-arraw .client_swiper_next:hover {
    background-position: 0 -60px
}
.filter-time{
	display: flex;
	justify-content: space-between;
	margin-top: 28px;
}
.filter-time p{
	font-size: 14px;
	font-weight: 400;
	color: #586883;
	line-height: 20px;
	display: flex;
    align-items: center;
	cursor: pointer;
}
.filter-cont{
	position: relative;
	
}
.filter-cont.active p{
	color: #3D6EEC;
}
.filter-cont p:hover{
	color: #3D6EEC;
}
.filter-cont.active p svg{
	transform: rotate(0);
}
.filter-cont.active p svg path{
	fill: #3D6EEC;
}
.filter-cont.active .filt-down{
	display: block;
}
.filt-down{
	position: absolute;
	top: 35px;
	width: auto;
	height: auto;
	background: #FFFFFF;
	border-radius: 8px;
	right: 0;
	display: none;
}
.filt-down li{
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	padding:0 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #D8E2FB;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
}
.filt-down li:nth-child(2):hover{
	background: #E1EAFF;
	border-radius: 0px 0px 8px 8px;
}
.filt-down li:nth-child(1):hover{
	background: #E1EAFF;
	border-radius: 8px 8px 0 0;
}
.filt-down li:last-child{
	border: none;
}
.filter-cont svg{
	transform: rotate(180deg);
	transition: all 0.2s;
}
.ba-detail-cont{
	margin-top: 70px;
	position: relative;
}
.ba-detail-cont h1{
	width: 100%;
	max-width: 1078px;
	/* height: 112px; */
	font-size: 60px;
	font-weight: 600;
	color: #031A42;
	line-height: 90px;
	
	margin: 0 auto;
}
.subtitle-detail{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	column-gap: 50px;
	font-size: 16px;
	color: #586883;
	line-height: 19px;
}
.subtitle-detail img{
	width: 24px;
}
.article-container{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
	width: 100%;
	max-width: 1139px;
	margin: 0 auto;
	margin-top: 55px;
	text-align: left;
	column-gap: 22px;

}
.article-detail-conts{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.article-detail-conts img{
	max-width: 100%;
}
.cover-detail-inco{
	width: 100%;
	max-width: 1077px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 50px;
	border-radius: 20px;
	display: flex;
}
.customer-case{
	width: 100%;
	height: 360px;
	background: #FFFFFF;
	border-radius: 40px;
	margin: 0 auto;
	margin-top: 70px;
	display: flex;
	align-items: center;
	padding: 0 70px;
	box-sizing: border-box;
	text-align: left;
}
.customer-case img{
	width: 200px;
	height: 200px;
	background: #D8D8D8;
	border: 1px solid #979797;
	border-radius: 100px;
	margin-right: 45px;
}
.customer-case div{
	width: 815px;
}
.customer-case h2{
	font-size: 40px;
	font-weight: bold;
	color: #031A42;
	line-height: 49px;
	margin-bottom: 20px;
}
.customer-case p{
	font-size: 16px;
	color: #586883;
	line-height: 19px;
}
.link-hover:hover{
	color: #3D6EEC;
}

#animationContainer{
	width: 150px;
	margin: 0 auto;
	display: none;
}





@media screen and (max-width: 1460px) {
	.popular-article{
		display: none;
	}
}


@media screen and (max-width: 1280px) {
	.blog_container{
		box-sizing: border-box;
		padding:0 20px;
	}

	.blog-locat{
		display: none;
	}
	
	.blog-cover {
		display: block;
	}

	.blog-cover img.article-inco{
		width: 95vw;
		max-width: 100%;
		height: auto;
		margin: 20px 0;
	}

	.blog-cover .article-cover{
		width: 100%;
		margin: 0 auto;
	}

}

@media screen and (max-width: 1200px) {
	.blog_cont .ba-detail-cont .article-container > div:nth-of-type(1){
		display: none;
	}
	.blog_cont .ba-detail-cont .article-container > div:nth-last-of-type(1) {
		width: 100%;
	}
}



@media screen and (max-width: 888px) {
	.ba-detail-cont .customer-case > img{
		display: none;
	}

	.blog_cont .ba-detail-cont h1 {
		font-size: 46px;
	}
}


@media screen and (max-width: 666px) {
	.blog_container .blog_title{
		display: block;

	}
	
	.blog_container .blog_title >h1{
		text-align: left;
	}
}

.vh-h-language-nav:hover .vh-h-l-text svg path{
	fill: #3d6eec !important;
  }
  .vh-h-language-nav:hover .vh-h-l-text span,.vh-h-btn.user:hover a {
	color:  #3d6eec !important;
  }
  .vh-h-btn.user:hover a svg path{
	fill: #3d6eec !important;
  }