.data-center .sq-1 {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
}

.data-center .sq-2 {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
	background-color: #f7f8fa;
}

.data-center .sq-3 {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
}

.data-center .sq-4 {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
	background-color: #f7f8fa;
}

.data-center .sq-5 {
	padding-top: 0.8rem;
	padding-bottom: 0.6rem;
}

.data-center .sq-1 .news {
	padding-top: 0.4rem;
	justify-content: space-between;

}

.sq-1 .news .imgleft {
	width: 40%;
}

.sq-1 .news .txright {
	width: 60%;
}

.sq-1 .news .imgleft img {
	width: 100%;
}

.sq-1 .news .txright .font22 {
	padding: 0.3rem;
	font-size: .22rem;
	color: #333;
	line-height: 1.8;
}

.sq-2 .con {
    padding-top: 0.6rem;
}

.sq-2 .pic {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
}
.sq-2 .con .pic img {
    display: block;
        width: 100%;
    margin: 0 auto;
}
.sq-2 .con .list {
    justify-content: space-between;
}
.sq-2 .con .list .item {
    width: 30%;
    padding: 0.5rem 0;
}
.sq-2  .con .item .title {
    font-size: .2rem;
    color: #333;
    line-height: 1.2;
    padding: 0.2rem 0;
}
.sq-2  .con .item .abstract {
    font-size: .16rem;
    color: #808082;
    line-height: 1.4;
}
.sq-2  .con .item .icon {
    font-size: .5rem;
    color: #a90505;
    -webkit-transition: .3s;
    transition: .3s;
}
.sq-3 .con {
	padding-top: 0.6rem;
}

.sq-3 .con img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.sq-3 ul {
	padding-top: 0.4rem;
	justify-content: space-between;
}

.sq-3 ul li {
	width: 24%;
	margin-bottom: 1.53%;
	background: #f5f5f5;
	text-align: center;
	border-radius: 5px;
}

.sq-3 ul li .column {
	padding: 0.32rem;
}

.sq-3 ul li .column .lx {
	font-size: .20rem;
	color: #333;
	font-weight: 900;
}

.sq-3 ul li .column .lxp {
	font-size: .16rem;
	padding-top: 0.1rem;
	line-height: 1.5;
}

.sq-4 .ft24 {
	font-size: .24rem;
	color: #333;
	line-height: 1.4;
	padding-top: 0.3rem;
	text-align: center;
}

.sq-4 .font18 {
	font-size: .18rem;
	color: #333;
	line-height: 1.4;
	text-align: center;
	padding-top: 0.1rem;


}

.data-center .sq-4 ul {
	padding-top: 0.4rem;
	justify-content: space-between;
}

.data-center .sq-4 ul .size {
	padding: 0.1rem;
	width: 19%;
	text-align: center;
	background-color: #ffffff;
	margin-bottom: 1.53%;
	border-radius: 5px;
	box-shadow: 0 1px 15px rgb(0 0 0 / 15%);
}

.data-center .sq-4 .ln {
	padding: 0.2rem;

}

.data-center .sq-4 .ln .icon {
	font-size: .5rem;
	color: #a90505;
	-webkit-transition: .3s;
	transition: .3s;
}

.data-center .sq-4 .ln .font24 {
	font-size: .20rem;
	color: #333;
	padding-top: 0.3rem;
	font-weight: 900;
}

.data-center .sq-4 .ln .list {
	color: #333;
	font-size: .18rem;
	padding-left: 0.15rem;
	line-height: 1.4;
	transition: all 0.3s;
	padding-top: 0.1rem;
}

@media screen and (max-width: 768px) {
	.bannermsg {
		top: 0.3rem;
	}

	.data-center .sq-2 li {
		width: 100%;
	}

	.sq-1 .news .imgleft {
		width: 100%;
	}

	.sq-1 .news .txright {
		width: 100%;
	}

	.sq-1 .news .txright .font22 {
		padding: 0.2rem 0.1rem;
	}
	.sq-2 .pic {
	    position: relative;
	    left: 0;
	    top: 0;
	    transform: translate(0, 0);
	    -webkit-transform: translate(0, 0);
	}
	.sq-2 .con .list .item {
	        width: 100%;
	        padding: 0.3rem 0;
			text-align: center;
	}
	.sq-3 ul li {
		width: 100%;

	}

	.data-center .sq-4 ul .size {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {}

/* case.css */
.case-menu {
	display: flex;
	flex-wrap: wrap;
	padding-top: 0.4rem;
	
}

.sq-1 .case-list {
	width: 30%;
	background-color: #ffffff;
	margin: 1.5%;
	box-shadow: 0 1px 15px rgb(0 0 0 / 15%);
	border: solid 1px #c6ddff;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	border-radius: 10px;
}

.sq-1 .case-list:hover {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

.sq-1 .case-list img {
	width: 100%;
	height: 2.5rem;
	border-radius: 10px 10px 0 0;
}

.sq-1 .case-list .case-title {
	padding: 0 0.2rem;
}

.sq-1 .case-list .case-title span {
	display: block;
	font-size: 0.2rem;
	color: #333;
	font-weight: 900;
	padding: 0.1rem 0;
	border-bottom: 1px solid #e6e6e6;
}

.sq-1 .case-list .case-title p {
	font-size: .16rem;
	line-height: 1.4;
	padding: 0.1rem 0;
}

.sq-1 .case-list .case-title .more {
	padding: 0.1rem 0;
	color: #0558ca;
	font-size: 0.18rem;
}



@media screen and (max-width: 768px) {
	.sq-1 .case-list {
		width: 100%;
	}

}
/* case.css end*/