body,
html {
	margin: 0 auto;
	padding: 0;
	font-family: '微软雅黑';
	color: #333;
	width: 100%;
	height: 100%;
	background: #F7F7F7;
	font-size: 14px;
}

ul,
li {
	margin: 0;
	text-decoration: none;
}

input,
textarea {
	outline: none;
}

.text-main {
	color: #1E90FF
}

.text-blue {
	color: #4153ff
}

.text-blue-light-9 {
	color: #e8f9fa
}

.text-red {
	color: #f56c6c
}

.text-red-light-9 {
	color: #fef0f0
}

.text-white {
	color: #fff
}

.bg-main {
	background: #1E90FF
}

.bg-blue {
	background: #4153ff
}

.bg-red {
	background: #f56c6c
}

.bg-blue-light-9 {
	background: #ECF1FF
}

.bg-red-light-9 {
	background: #fef0f0
}

.border-red {
	border-color: #fab6b6
}

.text-black-1 {
	color: #666
}

.text-black-2 {
	color: #757575
}

.text-black-3 {
	color: #999
}

.w-1200 {
	width: 1200px;
}

.cursor {
	cursor: pointer;
}

.header {
	width: 100%;
	height: 60px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	transition: all .3s;
}

.header.active {
	background: #fff;
	box-shadow: 0 2px 4px #dedede;
}

.logo {
	height: 26px;
}

.logo-active {
	height: 26px;
	display: none;
}

.header.active .logo {
	display: none;
}

.header.active .telephone {
	color: #333;
}

.header.active .logo-active {
	display: block;
}

.header-nav ul li {
	float: left;
	padding: 0 20px;
	line-height: 60px;
}

.header .phone-active {
	display: none;
}

.header-nav ul li.active a {
	padding: 5px 0;
	border-bottom: 2px solid #fff;
}

.header.active .header-nav ul li {
	color: #333;
}

.header.active .header-nav ul li.active a {
	color: #1E90FF;
	border-bottom: 2px solid #1E90FF;
}

.header.active .phone-active {
	display: block;
}

.header.active .phone {
	display: none;
}

.banner .swiper-container img {
	object-fit: contain;
}

.about-content p {
	line-height: 30px;
	margin-bottom: 20px;
	text-indent: 20px;
}

.about-company ul li {
	border-radius: 10px;
	width: calc((100% - 60px)/4);
	margin-right: 20px;
	float: left;
}

.about-company ul li:nth-child(4n) {
	margin-right: 0;
}

.about-company ul li:nth-child(1) {
	background: url('../images/home/about_us_icon2.png') no-repeat left bottom;
	background-size: 100% 100%;
}

.about-company ul li:nth-child(2) {
	background: url('../images/home/about_us_icon3.png') no-repeat left bottom;
	background-size: 100% 100%;
}

.about-company ul li:nth-child(3) {
	background: url('../images/home/about_us_icon4.png') no-repeat left bottom;
	background-size: 100% 100%;
}

.about-company ul li:nth-child(4) {
	background: url('../images/home/about_us_icon5.png') no-repeat left bottom;
	background-size: 100% 100%;
}

.about-company ul li p {
	padding-left: 20px;
	position: relative;
	line-height: 26px;
	margin-bottom: 15px;
}

.about-company ul li p:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}

.service {
	margin-top: -50px;
	z-index: 99
}

.service-list ul li {
	width: calc((100% - 60px)/2);
	float: left;
	margin-right: 60px;
}

.service-list ul li:nth-child(2n) {
	margin-right: 0;
}

.summary {
	text-transform: uppercase;
}

.cases-list ul li {
	width: calc((100% - 60px) /4);
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 14px rgba(64, 115, 250, .102);
}

.cases-list ul li:nth-child(4n) {
	margin-right: 0;
}

.cases-btn {
	width: 100px;
	border: 1px solid #9496ff;
	line-height: 34px;
	border-radius: 5px;
}

.cases-btn:hover {
	background: #4153ff;
	color: #fff;
}

.news-list ul li {
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	transition: all .5s;
	width: calc((100% - 30px)/3);
	background: #f4f4f6;
	border-radius: 8px;
}

.news-list ul li:hover {
	transform: translateY(-20px);
}

.terminal .terminal-left {
	width: 380px;
	float: left;
	box-shadow: 0 0 8px #d7e3ea;
	height: 430px;
	background-image: url('../images/bg.webp');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
}

.terminal .terminal-right {
	width: 500px;
	float: right;
}

.terminal-right-con {
	background-image: url('../images/bg.webp');
	background-repeat: no-repeat;
	background-position: left 30px;
	background-size: 100% auto;
	box-shadow: 0 0 8px #d7e3ea;
}

.demand ul li {
	box-shadow: 0 0 8px #d7e3ea;
}

.footer ul li {
	width: 200px;
}

/* 关于我们 */
.about-Box .list {
	width: 100%;
	height: 380px;
	position: relative;
	border-radius: 36px;
	overflow: hidden;
	cursor: pointer;
}

.about-Box .list .list-const {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	height: 62%;
	bottom: 0;
	padding: 36px 30px;
	border-radius: 0 30px 0 0;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	background: linear-gradient(180deg, rgba(245, 246, 250, .8), #f5f6fa 65.69%);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	transition: all .3s;
}

.about-Box .list p {
	line-height: 2;
}

.about-Box .list:hover .list-const {
	height: 100%;
}

.about-Box .list:hover .line-clamp-3 {
	-webkit-line-clamp: 5
}

.about-Box-list .swiper-button-prev {
	left: -50px;
	background-image: url(../images/left.png);
}

.about-Box-list .swiper-button-next {
	right: -50px;
	background-image: url(../images/right.png);
}

.about-Box-list .swiper-button-next,
.about-Box-list .swiper-button-prev {
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
}

.about-Box-list .list-btn {
	border: 1px solid #4e5461;
	border-radius: 30px;
	margin-top: 18px;
	font-size: 15px;
	padding: 6px 10px;
	width: 140px;
}

.about-Box-list .about-contaier {
	width: 100%;
}

.float-image {
	float: left;
	/* 将图片浮动到左侧 */
	margin-right: 25px;
	margin-bottom: 5px;
	/* 为文字和图片之间添加一些间距 */
	width: 40%;
	/* 设置图片宽度 */
	height: auto;
	/* 保持图片比例 */
}

/* 清除浮动 */
.about-Box-list .about-contaier::after {
	content: "";
	display: block;
	clear: both;
}

/* 服务 */
.service-Box .service-left {
	width: 500px;
	margin-right: 50px;
}

.service-Box .service-right {
	width: 700px;
}

.service-Box .service-left:nth-child(2n) {
	margin-left: 50px;
}

.service-process {
	width: 100%;
}

.service-partner ul li {
	width: calc((100% - 150px)/5);
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #dedede;
	padding: 50px 30px;
	border-radius: 8px;
}

.service-partner ul li:nth-child(5n) {
	margin-right: 0;
}

/* 产品列表 */
.prdouct-Box ul li {
	box-shadow: 0 0 10px #ddd;
	border-radius: 10px;
	transition: .3s;
}

.product-img {
	width: 280px;
}

.prdouct-Box ul li:hover {
	transform: translateY(-20px);
	box-shadow: 0 4px 10px #ddd;
}

.banner-Box {
	height: 480px;
}

.banner-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 120px;
}

.banner-summary {
	font-size: 20px;
	line-height: 1.5;
	margin-top: 16px;
}

/* 资讯文档 */
.file-Box ul li {
	border-radius: 10px;
	box-shadow: 0 0 14px rgba(64, 115, 250, .102);
	margin-bottom: 30px;
	margin-right: 30px;
	overflow: hidden;
	transform: perspective(1px) translateZ(0);
	transition-duration: .3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	width: 380px;
}

.file-title {
	background-color: #f1f5ff;
	color: #4073fa;
	font-weight: 900;
	padding: 20px;
}

.file-container {
	min-height: 100px;
	padding: 20px 20px 0;
}

/* 新闻文档 */
.news-Box ul li {
	width: calc((100% - 30px)/4);
	float: left;
	margin-right: 10px;
	transition: all .5s;
	margin-bottom: 20px;
}

.news-Box ul li :nth-child(4n) {
	margin-right: 0;
}

.news-Box ul li a {
	box-shadow: 0 12px 43px rgba(107, 125, 142, .15);
	border-radius: 20px;
	display: block;
	color: #000;
	height: 100%;
	cursor: pointer;
	transition: all .3s ease-in-out;
	background: #fff;
}

.news-Box ul li:hover a {
	box-shadow: 0 12px 43px rgba(107, 125, 142, .3);
}

.news-Box-img {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.news-Box-left {
	width: 860px;
	float: left;
}

.news-Box-right {
	width: 430px;
	float: right;
}

/* 联系 */
.con-title {
	width: 80px;
	text-align: justify;
	text-align-last: justify;
}

.cover-Box {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 999;
	display: none;
}

.cover-Con {
	position: fixed;
	width: 760px;
	background: #fff;
	border-radius: 10px;
	left: 50%;
	margin-left: -380px;
	height: 340px;
	top: 50%;
	margin-top: -170px;
	z-index: 1000;
	display: none;
}

/* 分页 */
.pageBox .pagination-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pageBox ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px #c4c4c4;
	margin: 0 6px;
}

.pageBox ul li.disabled {
	color: #999;
}

.pageBox ul li.active {
	background: #1E90FF;
	color: #fff;
}

.pageBox .pagination_info {
	margin-left: 15px;
	color: #757575;
}