/*Plugin CSS*/
.str_wrap {
	overflow: hidden;
	/* zoom:1; */
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	background: #f6f6f6;
	white-space: nowrap;
}

.str_wrap.str_active {
	background: #f1f1f1;
}

.str_move {
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
}

.str_move_clone {
	display: inline-block;
	/* display:inline;
	 zoom:1; */
	vertical-align: top;
	position: absolute;
	left: 100%;
	top: 0;
}

.str_vertical .str_move_clone {
	left: 0;
	top: 100%;
}

.str_down .str_move_clone {
	left: 0;
	bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
	white-space: normal;
	width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
	cursor: inherit;
}

.str_wrap img {
	max-width: none !important;
}


/* 关于我们 */
.us_banner {
	width: 100%;
	height: 768px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.us_banner_content {
	text-align: center;
	animation: banner-slide .8s cubic-bezier(.4, 0, .2, 1) 0s 1;
}

.us_banner .title {
	font-size: 56px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
}

.us_banner .label {
	font-size: 32px;
	font-family: Source Han Sans SC;
	line-height: 32px;
	margin: 30px 0 64px 0;
	color: #FFFFFF;
}

.us_banner .tis {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: rgba(255, 255, 255, 0.65);
}


.info_box {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 70px 0 80px 0;
	overflow: hidden;
}

.info_content {
	width: 1200px;
}

.info_content .title {
	font-size: 30px;
	font-family: Source Han Sans SC;
	color: #000000;
	text-align: center;
	line-height: 32px;
	margin-bottom: 30px;
	opacity: 0;
}

.info_content .company_tt {
	font-size: 18px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 30px;
	padding-top: 10px;
	text-align: center;
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.info_content .company_js {
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 28px;
	margin-top: 10px;
	text-align: center;
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.company_patent {
	display: flex;
	justify-content: center;
	margin-top: 60px;
	margin-bottom: 20px;
	opacity: 0;
	transform: translateY(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.company_patent .item {
	margin: 0 68px;
	text-align: center;
}

.company_patent .item .round {
	width: 85px;
	height: 85px;
	border: 2px solid #CCCCCC;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #333333;
	margin: 0 auto;
}

.company_patent .item .name {
	font-size: 18px;
	font-family: Source Han Sans SC;
	margin-top: 15px;
	text-align: center;
	color: #333333;
	line-height: 20px;
}



.company_list {
	margin-top: 115px;
	width: 100%;
	display: flex;
	position: relative;
	padding-left: 240px;
	opacity: 0;
	transform: translateX(1000px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.company_list:nth-child(even) {
	opacity: 0;
	transform: translateX(-1000px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.company_list .img {
	position: absolute;
	width: 520px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #eee;
	height: 396px;
	left: 0;
	top: -50px;
}

.company_list .img img {
	transition: all .3s;
}

.company_list:hover .img img {
	transform: scale(1.1);
}

.company_list .content {
	width: 960px;
	flex-shrink: 0;
	height: 396px;
	background: #F7F8FA;
	border-radius: 10px;
	padding: 50px 50px 50px 360px;
	display: flex;
	flex-direction: column;
}

.company_list .content .titles {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 24px;
	text-align: left;
	margin-bottom: 35px;
}

.company_list .content .tt {
	flex: 1;
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 28px;
}

.company_list .content .btns {
	width: 124px;
	height: 42px;
	background: #004BFF;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	cursor: pointer;
	transition: all .3s;
}

.company_list .content .btns a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.company_list .content .btns:hover {
	background-color: #093ebf;
}

.company_list:nth-child(even) {
	padding-left: 0;
	padding-right: 240px;
}

.company_list:nth-child(even) .content {
	padding: 50px 360px 50px 50px;
}

.company_list:nth-child(even) .img {
	right: 0;
	left: auto;
}


.history {
	width: 100%;
	height: 800px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.history_content {
	width: 1200px;
	height: 496px;
	border-radius: 10px;
	background-color: #fff;
	padding: 55px;
	display: flex;
	flex-direction: column;
}

.history_content .title {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 36px;
	text-align: center;
	opacity: 0;
}

.history_scoll {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 30px;
	opacity: 0;
	transform: translateY(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.history_scoll::before {
	width: 100%;
	height: 2px;
	background-color: #BACCF8;
	content: "";
	display: block;
	position: absolute;
	top: 230px;
	left: 0;
}

.history_scoll .item {
	width: 150px;
	position: relative;
	z-index: 3;
	top: 88px;
}




.history_scoll .item .txt_node {
	width: 112px;
}

.history_scoll .item .txt_node .dates {
	font-size: 16px;
	font-family: Source Han Sans SC;
	line-height: 16px;
	margin-bottom: 10px;
	color: #004BFF;
}

.history_scoll .item .txt_node .tt {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #999999;
	margin-bottom: 5px;
	line-height: 22px;
}

.history_scoll .item .txt_node .line {
	width: 1px;
	height: 50px;
	background: #0951FF;
	position: relative;
	left: 10px;
	margin-bottom: 8px;
}

.history_scoll .item .txt_node .node {
	width: 20px;
	height: 20px;
	background: #BACCF8;
	border-radius: 50%;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.history_scoll .item .txt_node .node::after {
	width: 10px;
	height: 10px;
	background: #0951FF;
	border-radius: 50%;
	content: "";
	display: block;
}


.history_animation .history_content .title {
	-webkit-animation: bounceIn 1s .2s ease both;
	-moz-animation: bounceIn 1s .2s ease both;
	-o-animation: bounceIn 1s .2s ease both;
	animation: bounceIn 1s .2s ease both;
	opacity: 1;
}

.history_animation .history_scoll {
	opacity: 1;
	transform: translateY(0);
}

.honor_js {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #999999;
	margin: 36px 0;
	line-height: 26px;
	text-align: center;
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.honor_img {
	display: flex;
	justify-content: center;
	opacity: 0;
	transform: translateY(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}


.look {
	width: 100%;
	height: 280px;
	display: flex;

	justify-content: center;
	padding: 70px 0 0 0;
	overflow: hidden;
}

.look .titles {
	font-size: 30px;
	font-family: Source Han Sans SC;
	line-height: 32px;
	color: #FFFFFF;
	text-align: center;
}

.look .tis {
	margin-top: 30px;
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 45px;
	text-align: center;
}

@keyframes banner-slide {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));
		transform: translate3d(0, 40px, 0)
	}

	to {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100));
		transform: translateZ(0)
	}
}


/* 软件服务 */
.software_banner {
	width: 100%;
	height: 450px;
	background-color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
}

.software_banner .content {
	width: 1200px;
}

.software_banner .titles {
	font-size: 40px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 40px;
	margin-bottom: 26px;
}

.software_banner .content {
	animation: banner-slide 1s cubic-bezier(.4, 0, .2, 1) 0s 1;
}

.software_banner .txts {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: rgba(255, 255, 255, 0.65);

}

.secondary_nav {
	width: 100%;
	height: 66px;
	box-shadow: 0px 2px 8px 0px rgba(212, 215, 226, 0.36);
	display: flex;
	align-items: center;
	justify-content: center;
}

.secondary_nav .item {
	margin: 0 25px;
	cursor: pointer;
	position: relative;
}

.secondary_nav .item a {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #999999;
}

.secondary_nav .item::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	height: 4px;
	background: transparent;
	border-radius: 2px;
	width: 20px;
}

.secondary_nav .item.active a {
	color: #004BFF;
}

.secondary_nav .item.active::after {
	background: #004BFF;
}


.info_main {
	display: flex;
	justify-content: center;
	padding: 50px 0 90px 0;

}

.info_software {
	width: 1200px;
}

.info_software .txt {
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 28px;
}

.info_software .title {
	margin-top: 95px;
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 40px;
	text-align: left;
	margin-bottom: 32px;
}

.info_software .tag_flex {
	display: flex;
	align-items: center;
	margin: 20px 0 40px 0;
}

.info_software .tag_flex .tag {
	margin-right: 40px;
	display: flex;
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 28px;
	align-items: center;
}

.info_software .tag_flex .tag::before {
	width: 5px;
	height: 5px;
	background: #666666;
	border-radius: 50%;
	content: "";
	display: block;
	margin-right: 10px;
}

.info_software_content {
	display: flex;
	overflow: hidden;
}

.info_software_content .ltt {
	flex: 1;
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.info_software_content .rtt {
	width: 470px;
	margin-left: 70px;
	flex-shrink: 0;
	opacity: 0;
	transform: translateX(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.info_software_content .rtt .titles {
	font-size: 30px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 32px;
	padding: 10px 0 50px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.info_software_content .rtt .list {
	width: 100%;
	height: 88px;
	background: #FAFAFA;
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 0 32px;
	margin-top: 12px;

}

.info_software_content .rtt .list .label {
	font-size: 18px;
	font-family: Source Han Sans SC;

	color: #000000;
	line-height: 28px;
}

.info_software_content .rtt .list .tt {
	font-size: 14px;
	font-family: Source Han Sans SC;

	color: #666666;
	line-height: 28px;
}


.public_software {
	padding: 45px 0;
	display: flex;
	justify-content: center;
}

.public_book_system {
	width: 1200px;
	display: flex;
	overflow: hidden;
}

.public_software .ltt {
	width: 470px;
	flex-shrink: 0;
	margin-right: 36px;
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.public_software .ltt .title {
	font-size: 30px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 32px;
	padding: 40px 0 50px 0;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
}


.public_software .ltt .list {
	width: 100%;
	height: 88px;
	background: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 0 32px;
	margin-top: 12px;
}

.public_software .ltt .list .label {
	font-size: 18px;
	font-family: Source Han Sans SC;

	color: #000000;
	line-height: 28px;
}

.public_software .ltt .list .tt {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 28px;
}

.public_software .rtt {
	flex: 1;
	opacity: 0;
	transform: translateX(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.public_book_machine {
	width: 1200px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.public_software .public_book_machine .ltts {
	flex: 1;
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.public_book_machine .rtts {
	width: 470px;
	flex-shrink: 0;
	margin-left: 45px;
	opacity: 0;
	transform: translateX(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.public_book_machine .rtts .titles {
	font-size: 30px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 32px;
	padding: 10px 0 50px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.public_book_machine .rtts .list {
	width: 100%;
	height: 88px;
	background: #FAFAFA;
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 0 32px;
	margin-top: 12px;
}

.public_book_machine .rtts .list .label {
	font-size: 18px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 28px;
}

.public_book_machine .rtts .list .tt {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 28px;
}

.public_other {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform: translateY(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.public_other .titles {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 56px;
	text-align: center;
}



.software__one_animation.info_software_content .ltt,
.software__one_animation.info_software_content .rtt {
	opacity: 1;
	transform: translateX(0);
}

.software__two_animation.public_book_system .ltt,
.software__two_animation.public_book_system .rtt {
	opacity: 1;
	transform: translateX(0);
}

.software__three_animation.public_book_machine .ltts,
.software__three_animation.public_book_machine .rtts {
	opacity: 1;
	transform: translateX(0);
}


.software__other_animation .public_other {
	opacity: 1;
	transform: translateY(0);
}

/* 关于我们动画 */


@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(.9)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}


.company_animation .title,
.honour_animation .title {
	-webkit-animation: bounceIn 1s .2s ease both;
	-moz-animation: bounceIn 1s .2s ease both;
	-o-animation: bounceIn 1s .2s ease both;
	animation: bounceIn 1s .2s ease both;
	opacity: 1;
}

.company_animation .company_tt,
.company_animation .company_js {
	transform: translateX(0);
	opacity: 1;
}

.company_animation .company_patent {
	transform: translateY(0);
	opacity: 1;
}

.company_list_animation,
.company_list_animation:nth-child(even) {
	transform: translateX(0);
	opacity: 1;
}


.honour_animation .honor_js {
	transform: translateX(0);
	opacity: 1;
}

.honour_animation .honor_img {
	transform: translateY(0);
	opacity: 1;
}

.look.banner-slide .content {
	animation: banner-slide 1s cubic-bezier(.4, 0, .2, 1) 0s 1;
}


/* 新闻资讯 */
.news_banner {
	width: 100%;
	height: 450px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news_banner .content {
	animation: banner-slide 1s cubic-bezier(.4, 0, .2, 1) 0s 1;
}

.news_banner .title {
	font-size: 48px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
	margin-bottom: 20px;
}

.news_banner .label {
	font-size: 32px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	font-weight: 300;
	text-align: center;
}


.news_list {
	display: flex;
	justify-content: center;
	padding: 40px 0;
}

.news_content {
	width: 1200px;

}

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

.news_flex .list {
	width: 360px;
	margin-left: 60px;
	margin-top: 60px;
	transition: all .3s;
}

.news_flex .list .imgs {
	width: 100%;
	height: 240px;
	overflow: hidden;
	background-color: #eee;
}

.news_flex .list .imgs img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	object-fit: cover;
}

.news_flex .list .imgs:hover img {
	transform: scale(1.2);
}

.news_flex .list .content {
	width: 100%;
	height: 260px;
	background: #F7F8FA;
	display: flex;
	flex-direction: column;
	padding: 24px;
}

.case_list .news_flex .list .content {
	height: 158px;
}

.news_flex .list:hover {
	box-shadow: 2px 2px 9px 0px rgba(118, 123, 140, 0.2);
}

.news_list .list .content .title a {
	font-size: 22px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .3s;
	height: 60px;
	margin-bottom: 15px;
}

.case_list .list .content .title a {
	-webkit-line-clamp: 1;
	height: 30px;
	margin-bottom: 15px;
}

.news_list .list .content .title a:hover {
	color: #004BFF;
}

.news_list .list .content .txt {

	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #68696B;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	flex: 1;

}

.case_list .list .content .txt {
	-webkit-line-clamp: 3;
}

.news_list .list .content .date {
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #999999;
	line-height: 18px;
	margin-top: 30px;
}




.pulice_page {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}


.news_details_content {
	display: flex;
	height: auto;
	min-height: calc(100% - 312px);
	justify-content: center;
}

.news_details_content .content {
	width: 800px;
	padding: 60px 0;
}

.news_details_content .content .title {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 48px;
	margin-bottom: 20px;
}

.news_details_content .content .date {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #999999;
	line-height: 16px;
}

.txt_content {
	border-top: 1px solid #CCCCCC;
	margin-top: 15px;
	padding-top: 20px;
}



.other_news {
	margin-top: 60px;
}

.other_news .other_title {
	font-size: 28px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 30px;
	padding-bottom: 15px;

}


.other_list {
	display: flex;
	align-items: center;

	margin-top: 15px;
	border-bottom: 1px solid #ccc;
}

.other_list .imgs {
	width: 360px;
	height: 240px;
	flex-shrink: 0;
	margin-right: 24px;
	overflow: hidden;
	padding-bottom: 20px;

}

.other_list .imgs img {
	width: 100%;
	height: 100%;
	overflow: cover;
	transition: all .3s;
}

.other_list .imgs:hover img {
	transform: scale(1.1);
}

.other_contents {
	flex: 1;
}

.other_contents .titles a {
	font-size: 22px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 20px;
	transition: all .3s;
}

.other_contents .titles a:hover {
	color: #004BFF;
}


.other_contents .txts {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #68696B;
	line-height: 22px;
	height: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.other_contents .dates {
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #999999;
	line-height: 22px;
	margin-top: 20px;
}


.go_up {
	width: 62px;
	height: 62px;
	border: 1px solid #004BFF;
	border-radius: 50%;
	position: fixed;
	top: 500px;
	right: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
	cursor: pointer;
}

.go_up:hover {
	background-color: #004BFF;
}

.go_up:hover i {
	color: #fff;
}

.go_up i {
	transition: all .3s;
	color: #004BFF;
	font-size: 30px;
}

/* 技术中心 */
.technical {
	width: 100%;
	height: 550px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.technical .content {
	width: 1200px;
	animation: banner-slide 1s cubic-bezier(.4, 0, .2, 1) 0s 1;
}

.technical .content .title {
	font-size: 56px;
	line-height: 60px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	margin-bottom: 30px;
}


.technical .content .label {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 26px;
}

.technical_one {
	padding: 100px 0;
	display: flex;
	justify-content: center;
}

.technical_one_content {
	width: 1200px;
	overflow: hidden;
}

.technical_one_content .title {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #333333;
	margin-bottom: 50px;
	text-align: center;
	opacity: 0;
}


.technical_flex {
	display: flex;

}

.technical_flex .item {
	width: 400px;
	height: 544px;
	position: relative;
}

.technical_flex .item .bg {
	width: 100%;
	height: 100%;
}

.technical_flex .item_content {
	padding: 55px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.technical_flex .item_content:hover {
	background-color: #004BFF;
	opacity: 1;
}

.technical_flex .item .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.technical_flex .item .titles {
	font-size: 36px;
	font-family: Source Han Sans SC;
	line-height: 40px;
	color: #FFFFFF;
	position: absolute;
	left: 55px;
	top: 55px;
	z-index: 3;
}

.technical_flex .item .item_content .content {
	width: 100%;
	padding-top: 50px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.technical_flex .item_content:hover .content {
	padding-top: 0;
}

.technical_flex .item .item_content .line {
	width: 120px;
	height: 2px;
	background: #FFFFFF;
	margin: 70px 0 30px 0;
}

.technical_flex .item .item_content .txts {
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 28px;
	margin: 15px 0;

}

.technical_title_two {
	font-size: 30px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 30px;
	text-align: center;
	padding-bottom: 10px;
	opacity: 0;
}

.technical_txt p {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 22px;
	margin-top: 20px;
	opacity: 0;
	transform: translateY(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}


.digitalize_flex {
	display: flex;
	margin: 60px 0 30px 0;
	opacity: 0;
	transform: translateY(100px);
	transition: transform 0.6s 0.6s, opacity 0.6s 0.6s;
}

.digitalize_flex .item {
	flex: 1;
	height: 440px;
	margin-left: 14px;
	position: relative;
	overflow: hidden;
}

.digitalize_flex .item:first-child {
	margin-left: 0;
}

.digitalize_flex .item .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.digitalize_flex .item:hover .bg {
	background: #004BFF;
	opacity: .65;
	filter: alpha(opacity=65);
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(65));
}

.digitalize_flex .item .conents {
	position: absolute;
	top: 190px;
	width: 100%;
	z-index: 11;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.digitalize_flex .item .conents .bt {
	font-size: 24px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	line-height: 26px;
	color: #FFFFFF;
	text-align: center;
}

.digitalize_flex .item .conents .tt {
	padding: 30px 40px 0 40px;
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	line-height: 32px;
	opacity: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.digitalize_flex .item:hover .conents {
	top: 40px;
}

.digitalize_flex .item:hover .conents .tt {
	opacity: 1;
}



.one_animation .title,
.two_animation .technical_title_two,
.three_animation .title {
	-webkit-animation: bounceIn 1s .2s ease both;
	-moz-animation: bounceIn 1s .2s ease both;
	-o-animation: bounceIn 1s .2s ease both;
	animation: bounceIn 1s .2s ease both;
	opacity: 1;
}

.one_animation .technical_flex {
	transform: translateY(0);
	opacity: 1;
}

.two_animation .technical_txt p {
	transform: translateY(0);
	opacity: 1;
}

.three_animation .digitalize_flex {
	transform: translateY(0);
	opacity: 1;
}

/* 成功案例 */
.case_banner {
	width: 100%;
	height: 448px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.case_banner .content {
	animation: banner-slide 1s cubic-bezier(.4, 0, .2, 1) 0s 1;
}

.case_banner .content .title {
	font-size: 56px;
	font-family: Source Han Sans SC;
	line-height: 60px;
	color: #FFFFFF;
	margin-bottom: 30px;
	text-align: center;
}

.case_banner .content .label {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	text-align: center;
}

.case_flex {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 80px 0;
}

.case_item {
	width: 100%;
	height: 258px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin-top: 30px;
	padding: 60px 80px 60px 60px;
	position: relative;
	display: flex;
}

.case_item .icon {
	position: absolute;
	top: 16px;
	left: 16px;
}

.case_item .ltt {
	flex: 1;
}

.case_item .ltt .title {
	font-size: 28px;
	font-family: Source Han Sans SC;
	line-height: 30px;
	color: #333333;
}

.case_item .ltt .line {
	width: 120px;
	height: 2px;
	background: #004BFF;
	margin: 30px 0 20px 0;
}

.case_item .ltt .txt {
	font-size: 18px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 32px;
}

.case_item .rtt {
	width: 400px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


/* 联系我们 */
.contact_banner {
	width: 100%;
	height: 568px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact_banner .txt {
	font-size: 56px;
	font-family: Source Han Sans SC;
	color: #FFFFFF;
	animation: banner-slide 1s cubic-bezier(.4, 0, .2, 1) 0s 1;
}

.contact_content {
	display: flex;
	padding: 80px 0;
	justify-content: center;
}

.contact_1200 {
	width: 1200px;
}

.contact_1200 .title {
	font-size: 30px;
	font-family: Source Han Sans SC;
	color: #000000;
	line-height: 32px;
	margin-bottom: 30px;
	text-align: center;
}

.contact_1200 .label {
	font-size: 24px;
	font-family: Source Han Sans SC;
	line-height: 26px;
	color: #999999;
	text-align: center;
}

.contact_flex {
	display: flex;
}

.contact_flex .item {
	flex: 1;
	margin-left: 70px;
	height: 280px;
	background: #EFF1F4;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	padding: 0 48px;
	position: relative;
}

.contact_flex .item_code:hover .icon {
	display: none;
}

.contact_flex .item_code .code_img {
	display: none;
	height: 145px;
	text-align: center;
	padding-top: 12px;
}

.contact_flex .item_code .code_img img {
	width: 120px;
	height: 120px;
}

.contact_flex .item_code:hover .code_img {
	display: block;
}

.contact_flex .item:first-child {
	margin-left: 0;
}

.contact_flex .item .icon {
	height: 145px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact_flex .item .labels {
	font-size: 24px;
	font-family: Source Han Sans SC;
	color: #333333;
	text-align: center;
	line-height: 24px;
	margin-bottom: 28px;
}

.contact_flex .item .txt {
	font-size: 16px;
	font-family: Source Han Sans SC;
	color: #666666;
	line-height: 24px;
	text-align: center;
}


.contact_two_flex .item {
	flex: 1;
	margin-left: 125px;
	height: auto;
	background-color: transparent;
	padding: 0;
}

.contact_two_flex .item .imgs {
	margin: 0 auto;
}

.contact_two_flex .item .imgs img {
	transition: all .3s;
}

.contact_two_flex .item:hover .imgs img {
	transform: rotate(360deg);
}

.contact_two_flex .item .labels {
	font-size: 20px;
	font-family: Source Han Sans SC;
	line-height: 20px;
	color: #000000;
	margin: 26px 0 15px 0;
}

.contact_two_flex .item .txt {
	font-size: 14px;
	font-family: Source Han Sans SC;
	color: #666666;

}


/* 集成和安防 */
.product_pulice {
	display: flex;
	justify-content: center;
	align-items: center;
}

.product_1200 {
	width: 1200px;
	display: flex;
}

.product_1200 .ltt {
	flex: 1;
	position: relative;
	padding-top: 30px;
}

.product_1200 .ltt .f1 {
	position: absolute;
	left: -40px;
	top: -5px;

}

.product_1200 .ltt .f2 {
	position: absolute;
	right: 0;
	bottom: -25px;
}

.product_1200 .ltt .tp {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}

.product_1200 .ltt .tp .name {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 36px;
}

.product_1200 .ltt .tp .line {
	width: 1px;
	height: 34px;
	background: #CCCCCC;
	margin: 0 46px;

}

.product_1200 .ltt .tt {
	font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 300;
	color: #666666;
	line-height: 28px;
	margin-top: 40px;
}

.product_1200 .rtt {
	width: 460px;
	margin-left: 110px;
	flex-shrink: 0;
}



.product_list {
	height: 430px;
	width: 100%;
	border-bottom: 1px solid #F5F7FA;
	display: flex;
	align-items: center;

}

.product_list:last-child {
	border-bottom: none;
}

.product_list .product_list_ltt {
	width: 460px;
	flex-shrink: 0;
	height: 294px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 60px;
}

.product_list .product_list_ltt img {
	width: 100%;
	height: 100%;
	transition: all .3s;
}

.product_list .product_list_ltt img:hover {
	transform: scale(1.2);
}

.product_list .product_list_rtt {
	flex: 1;
	width: 0;
	overflow: hidden;
	display: flex;
	height: 294px;
	flex-direction: column;
	padding-top: 25px;
}

.product_list .product_list_rtt .title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 36px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #333333;
	position: relative;
	padding-left: 26px;
	line-height: 36px;
}

.product_list .product_list_rtt .title a {
	color: #333;
	transition: all .3s;
}

.product_list .product_list_rtt .title a:hover {
	color: #004BFF;
}

.product_list .product_list_rtt .title::before {
	width: 6px;
	height: 34px;
	background: #004BFF;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
}

.product_list .product_list_rtt .txt {
	font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 300;
	color: #666666;
	line-height: 28px;
	margin-top: 40px;
	height: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.product_list .product_list_rtt .dates {
	font-size: 14px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 28px;
	margin-top: 25px;
}


.product_security .ltt .name {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 36px;
}


.product_security {
	align-items: center;
}

.product_list_security .product_list_ltt {
	width: 320px;
	margin-right: 90px;
	height: 250px;
}

.product_list_security .product_list_ltt .imgs {
	width: 100%;
	height: 206px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #eee;
}

.product_list_security .product_list_ltt .names {
	font-size: 14px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 28px;
	margin-top: 15px;
	text-align: center;
}

.product_list_security .product_list_rtt {
	padding-top: 0;
	height: 250px;
}


/* 热卖产品 */
.hot_product {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.hot_product .titles {
	font-size: 36px;
	font-family: Source Han Sans SC;
	color: #333333;
	line-height: 36px;
	padding: 75px 0 55px 0;
	text-align: center;
}

.hot_1200 {
	width: 100%;
	display: flex;
}

.hot_1200 .left {
	width: 180px;
	height: 438px;
	background: #F4F7FA;
	margin-right: 48px;
	padding: 8px 0;
}

.hot_1200 .left a {
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	padding-left: 25px;
	position: relative;
}

.hot_1200 .left a.sub-title-sel {
	background-color: #fff;
	color: #004BFF;
}

.hot_1200 .left a.sub-title-sel::before {
	width: 5px;
	height: 22px;
	background: #004BFF;
	border-radius: 3px;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

.hot_1200 .right {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	margin-left: -36px;
}

.hot_1200 .right .list {
	width: 300px;
	margin-left: 36px;
}

.hot_1200 .right .list .imgs {
	width: 100%;
	height: 300px;
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	overflow: hidden;
}

.hot_1200 .right .list .imgs img {
	transition: all .3s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hot_1200 .right .list .imgs:hover img {
	transform: scale(1.2);
}

.hot_1200 .right .list .infos .price {
	font-size: 18px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #D62222;
	line-height: 18px;
	margin: 20px 0;
}

.hot_1200 .right .list .infos .price span {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.hot_1200 .right .list .infos .name {
	font-size: 22px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #000000;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hot_1200 .right .list .infos .name a {
	color: #000;
	transition: all .3s;
}

.hot_1200 .right .list .infos .name a:hover {
	color: #004BFF;
}

.hot_1200 .right .list .infos .txt {
	font-size: 14px;
	font-family: Source Han Sans SC;
	font-weight: 300;
	color: #666666;
	line-height: 28px;
	margin-top: 10px;
}