.contain {
	width:100%;
	height:100%;
	background:#ffffff;
}
/* banner */
.banner-product {
	margin-top:0;
	height:33.75rem;
	padding:8.75rem 0 0;
	background:url("../../static/img/pageimage/digital_hzero/banner.png") no-repeat center;
	background-size:100% 100%;
	text-align:left;
}
.banner-product-title {
	margin-top:0.875rem;
	color:#ffffff;
	font-weight:500;
	font-size:2.625rem;
}
.banner-product-txt {
	color:#FFFFFF;
	width:50rem;
	height:5.8125rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:2rem;
	margin-top:1.25rem;
}
.banner-box {
	margin-top:0.5625rem;
	width:26.875rem;
	height:2.3125rem;
	background:rgba(9,15,33,0.68);
	border-radius:1.25rem;
	padding:2.125rem 2.625rem;
	display:flex;
	justify-content:space-between;
}
.banner-tag-line {
	width:0.0625rem;
	height:2.4375rem;
	background-color:#ffffff;
	opacity:0.3;
}
.banner-tag-tit {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:#FFFFFF;
}
.banner-tag-sub {
	font-size:0.75rem;
	font-weight:400;
	line-height:1.25rem;
	color:#FFFFFF;
}
/* 鐩爣 */
.goal-container {
	background:url('../img/pageimage/digital_hzero/jianshe-bg.png') bottom right no-repeat;
	background-size:45.3125rem 37.1875rem;
	background-color:#ffffff;
	padding:4.375rem 0 5.625rem 0;
}
.goal-content {
	width:75rem;
	margin:0 auto;
}
.goal-title {
	margin-top:1.8125rem;
	padding:0 15.1875rem;
	display:flex;
	justify-content:space-between;
}
.goal-txt {
	width:6.25rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.125rem;
	color:rgba(9,15,33,0.5);
	padding-bottom:0.75rem;
}
.goal-txt-active {
	font-weight:500;
	color:#090F21;
	border-bottom:0.125rem solid #090F21;
}
.goal-title-line {
	margin-top:-0.125rem;
	width:75rem;
	height:0.125rem;
	background:#F5F7FA;
}
.goal-para-content {
	text-align:left;
	margin-top:2.6875rem;
	display:flex;
	justify-content:space-between;
}
.goal-para-right img {
	width:35.625rem;
	height:24.1875rem;
}
.goal-para-title:first-child {
	margin-top:0rem;
}
.goal-para-title {
	margin-top:2.1875rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.3125rem;
	color:#090F21;
}
.goal-para-p {
	width:36.1875rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.tab2-para {
	display:flex;
	margin-bottom:1.125rem;
}
.tab2-title {
	height:3.8125rem;
	margin-top:0.3125rem!important;
	padding-right:1.8125rem;
	border-right:0.125rem solid #F5F7FA;
}
.tab2-p {
	margin-left:1.75rem;
	width:auto;
	height:3.9375rem;
}
.tab3-para {
	display:flex;
	margin-bottom:1.75rem;
}
.tab3-para:last-child {
	margin-bottom:0;
}
.goal-icon {
	width:2.625rem;
	height:2.625rem;
}
.tab3-para .tab2-p {
	margin-left:1.625rem;
}
/* 鍦烘櫙 */
.application-container {
	text-align:left;
	padding:4.375rem 0 5.625rem;
}
.challange-content {
	z-index:1;
}
.application-container .core-p {
	margin-top:1.5rem;
}
.application-container .content-right {
	display:block;
	width:47.4375rem;
	height:20.5rem;
	margin-right:-7.5rem;
	padding:3.125rem 3.6875rem 4.1875rem;
}
.challange-tags {
	margin-top:0;
	display:block;
}
.challange-tag {
	width:16rem;
	margin:1.5rem 0 0 0;
}
.challange-tag-subtitle {
	line-height:1.125rem;
}
.challange-tag-title {
	line-height:1.5rem;
}
.senoria-content {
	display:flex;
	flex-wrap:wrap;
}
.senoria-title {
	font-size:1.5rem;
	font-weight:500;
	color:#090F21;
}
.senoria-content .challange-tag-subtitle {
	display:flex;
	align-items:center;
	margin-bottom:0.1875rem;
	margin-top:2.75rem;
}
.senoria-content .challange-tag-title {
	margin-left:3.375rem;
	height:4.4375rem;
}
.challenge-para {
	width:22.125rem;
}
.senoria-icon {
	width:2.5rem!important;
	height:2.5rem!important;
	margin-right:0.875rem;
}
.border-tag {
	margin-left:0.875rem;
	width:8rem;
	height:1.625rem;
	border:.0625rem solid #D9D9D9;
	border-radius:1.0625rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.625rem;
	text-align:center;
	color:#090F21;
}
.last-para {
	margin-top:5.5625rem;
	display:flex;
	flex-wrap:wrap
}
.blue-tag {
	padding:0.1875rem 0.375rem;
	height:0.875rem;
	background:#28ABC3;
	border-radius:0.25rem;
	font-size:0.875rem;
	font-weight:400;
	color:#FFFFFF;
}
/* core鏍稿績 */
.core-container {
	background-color:#ffffff;
	padding:4.375rem 0 5.625rem 0;
	overflow:hidden;
}
.core-subtitle {
	margin-top:0.375rem;
	z-index:1;
	font-size:1.375rem;
	font-weight:400;
	line-height:1.375rem;
	color:#090F21;
}
.core-box {
	margin-top:1.375rem;
	z-index:1;
	width:62.5rem;
	height:29.5rem;
	padding:1.875rem 3.125rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	opacity:1;
	border-radius:1.25rem;
}
.hzero-core-box {
	width:auto!important;
	overflow:initial !important;
	padding-bottom:0!important;
}
.hzero-core-box .swiper-wrapper {
	width:68.75rem;
	margin:0 auto;
}
.core-img {
	width:100%;
	height:100%;
}
/* 宸ュ叿浣撶郴 */
.tools-container {
	background:url('../img/pageimage/digital_hzero/tools-bg.png') #F5F7FA;
	background-size:100% 100%;
	padding:4.375rem 0 6.25rem;
}
.core-p {
	z-index:1;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.tools-content {
	width:75rem;
	margin-top:1rem;
	display:flex;
	/* justify-content:space-between;
	*/
}
.tools-row {
	text-align:left;
}
.tools-title {
	margin:3.5625rem 0 1.125rem 0;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.125rem;
	color:#090F21;
}
.tools-p {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.tools-p::before {
	content:'';
	width:0.75rem;
	height:0.8125rem;
	display:inline-block;
	align-items:center;
	background:url('../img/pageimage/digital_hzero/para-before.svg');
    background-size:100% 100%;
	margin:0 0.1875rem -0.125rem 0;
}
.row2 .tools-title {
	margin-top:2.875rem;
}
.tools-center {
	margin:5.5625rem 2.625rem 0 0.75rem;
	display:flex;
}
.tools-circle-feida {
	width:16.25rem;
	height:16.3125rem;
	background:linear-gradient(231deg,rgba(67,136,255,0.11) 0%,rgba(1,36,146,0.11) 100%);
	border-radius:50%;
	font-weight:400;
	color:#090F21;
}
.tools-circle-feida img,.tools-circle-vcode img {
	margin-top:5.125rem;
	width:6.375rem;
	height:1.5rem;
}
.feida-title {
	font-size:1.375rem;
	line-height:3.375rem;
}
.feida-sub {
	font-size:2rem;
}
.tools-circle-vcode {
	margin-left:-1.5rem;
	width:16.25rem;
	height:16.3125rem;
	background:rgba(0,143,235,0.11);
	border-radius:50%;
}
/* 鏍稿績鍔熻兘 */
.ability-container {
	background-color:#ffffff;
	padding:4.375rem 0 5.625rem;
}
.ability-container ul {
	margin-top:2.5rem;
	display:flex;
}
.ability-container .vertical-icon-box {
	width:16.3125rem;
}
.swiper-container {
	width:75rem;
	overflow:hidden;
	padding-bottom:5.3125rem;
}
.swiper-slide {
	width:auto;
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:0rem;
}
/* 鐝繋鍏ㄦ櫙 */
.witty-container {
	padding:4.375rem 0 5.625rem 0;
	overflow:hidden;
}
.witty-container .swiper-container {
	width:16.875rem;
	padding-bottom:3.5rem;
}
.witty-container .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:0rem;
	left:-0.5rem;
}
.witty-box {
	z-index:1;
	display:flex;
	justify-content:space-between;
	margin-top:1.875rem;
	width:75rem;
	height:31.25rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius:1.25rem;
}
.witty-img {
	margin-right:2.0625rem;
	margin-top:2.75rem;
	width:50rem;
	height:24.5rem;
}
.witty-box-left {
	text-align:left;
	margin:3.5rem 0 0 3.25rem;
}
.witty-box-left img {
	width:4.5rem;
	height:5.125rem;
	margin-top:3.75rem;
	display:inherit;
}
.box-user-types {
	display:flex;
}
.user-type:nth-child(3) {
	margin-right:0;
}
.user-type {
	padding:0 0.75rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:2.4375rem;
	color:#090F21;
	margin-right:0.75rem;
	text-align:center;
}
.user-type-active {
	padding:0 0.75rem;
	height:2.4375rem;
	background:rgba(40,171,195,0.19);
	border-radius:0.5rem;
	position:relative;
}
.user-type-active::after {
	content:'';
	display:block;
	border:7px solid transparent;
	border-top-color:rgba(40,171,195,0.19);
	border-top-width:1.0625rem;
	position:absolute;
	bottom:-1.5rem;
	left:40%;
}
.user-name {
	font-size:1.125rem;
	font-weight:400;
	line-height:1.9375rem;
	color:#090F21;
	margin:1.6875rem 0 1.125rem 0;
}
.user-introduce {
	width:16.875rem;
	height:4.0625rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
/* 浜у搧鐗圭偣 boxes*/
.features-container {
	padding:4.375rem 0 5.625rem;
	/* background-color:#ffffff;
	*/
}
.features-content .swiper-slide:nth-child(3) .technology-boxes {
	margin-right:0;
}
.features-box-slide {
	display:flex;
	width:75rem;
	margin:0 auto;
}
.technology-boxes {
	margin-top:2.125rem;
	height:26.3125rem;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin-right:1.875rem;
}
.technology-box {
	width:19.5625rem;
	height:8.4375rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06);
	border-radius:0.625rem;
	padding:1.4375rem 1.6875rem 1.8125rem 2.5rem;
	transition:all 0.5s;
}
.technology-box:hover {
	transform:scale(1.1);
	transition:all 0.5s;
}
.box-content {
	width:100%;
	display:flex;
	align-items:center;
	color:#090F21;
}
.img-box {
	width:2.625rem;
	height:2.625rem;
	background:#F2F7FD;
	border-radius:0.875rem;
	padding:0.5625rem 0.5625rem;
}
.img-box img {
	width:2.625rem;
	height:2.625rem;
}
.box-tit {
	width:100%;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	margin-left:1.3125rem;
}
.box-subtit {
	text-align:left;
	font-size:1.375rem;
	font-weight:400;
	line-height:2.3125rem;
}
.box-more {
	display:none;
}
.box-p {
	margin-top:0.6875rem;
	text-align:left;
	width:19.5625rem;
	height:2.9375rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
/* 鐑偣娲炲療 */
/* .news-box {
	background-color:#F5F7FA;
}
*/