
.bannerSwiper{
	height: 500px;
	width: 100%;
}
.swiper-wrapper, .swiper-slide {
	width: 100%;
	height: 100%;
}
.swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bannerInfo {
	position: absolute;
	color: #fff;
	padding: 6% 0 0 65%;
	
}
.bannerInfo h3 {
	font-size: 30px;
	margin-bottom: 30px;
}
.bannerInfo p {
	width: 87%;
	font-weight: 100;
	font: 14px/28px "微软雅黑";
	text-align:justify;
}
.bannerInfo .antiBtn {
	padding-top: 30px;
}
.bannerInfo .antiBtn a {
	display: block;
	width: 100px;
	height: 40px;
	font: 16px/40px "微软雅黑";
	text-align: center;
	border-radius: 3px;
	float: left;
	margin-right: 20px;
}
.bannerInfo .antiBtn a:nth-child(1) {
	background: #1890ff;
	color: #fff; 
    border: 1px solid #1890ff;
}
.bannerInfo .antiBtn a:nth-child(2) {
	color: #fff;
	border: 1px solid #fff;
}
.bannerInfo .antiBtn a:hover {
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.5);
}
/* Ã¦Â¨Â¡Ã¥Ââ€”1 */
.grayBg {
	padding: 40px 0;
	background: #e5e5e5;
}
.modularOneList {
	float: left;
	width: /* 285px */;
	width: 23%;
	height: 360px;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}
.modularOneList:last-child {
	margin-right: 0;
}
.modularOneList img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.modularOneList span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}
.modularOneList-info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
	color: #fff;
	box-sizing: border-box;
	padding-top: 50%;
}
.modularOneList-info .iconfont {
	font-size: 30px;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
.modularOneList-info .iconfont::after {
	content: ' ';
	border-bottom: 3px solid #fff;
	width: 10%;
	margin: 0 auto;
	padding-top: 20px;
	display: block;
}
.modularOneList-info h3 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 10px;
}
.modularOneList-info p {
	text-align: center;
	font-size: 14px;
	display: none;
	padding: 0 10px;
}
.modularOneList:hover span{
	background: rgba(223,23,23,0.5);
}
.modular-two {
	background: url(../images/background_01.png) no-repeat right top;
	background-size: 60%;
}
.modular-three {
	background: url(../images/background_2.png) no-repeat left top;
	background-size: 20%;
}
.modular-four {
	background: url(../images/bg_4.png) no-repeat center bottom;
	background-size: 100%;
}
.modularFourInfo {
	width: 500px;
	float: left;
	padding-top: 80px;
}
.modularFourInfo li h3 i,.modularFiveInfo  li h3 i {
	color: #007AFF;
	margin-right: 5px;
}
.modularFourInfo li h3,.modularFiveInfo li h3 {
	font: 16px/40px "微软雅黑";
	color: #333;
	margin-top: 15px;
}
.modularFourInfo li p,.modularFiveInfo li p{
	font: 14px/20px "微软雅黑";
	color: #666;
}
.modularFourImg {
	width: 50%;
	float: right;
}
.modularFourImg img {
	display: block;
	width: 100%;
}
.modular-five {
	background: #40404d;
	padding-bottom: 40px;
}
.modularFiveImg {
	float: left;
	width: 400px;
}
.modularFiveImg img {
	display: block;
	width: 100%;
}
.modularFiveInfo{
	padding-top: 40px;
}
.modularFiveInfo li{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
	margin-bottom: 20px;
}
.modularFiveInfo {
	float: right;
	width: 750px;
}
.modularFiveInfo li h3{
	color: #fff;
	font-weight: bold;
}
.modularFiveInfo li p{
	color: #dedede;
}
/* Ã¨Â¡Å’Ã¤Â¸Å¡Ã¨Â§Â£Ã¥â€ Â³Ã¦â€“Â¹Ã¦Â¡Ë† */
.solution {
	background: #f5f5f5;
	padding: 40px 0 0;
	margin-top: 30px;
	height: 550px;
	overflow: hidden;
}
.textTitle>h3 {
 font-size: 30px;
 color: #333;
 font-weight: bold;
 text-align: center;
 background: url(../images/titleBg.png) no-repeat center bottom;
 padding-bottom:16px;
margin-bottom:16px
}
.textTitle h4 {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
}
.helpCases {
	padding: 40px;
}
.helpCases ul {
	overflow: hidden;
	padding: 30px 0;
}
.helpCases ul li {
	float: left;
	width: 20%;
}
.helpCases ul li span {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
.helpCases ul li span img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
}
.helpCases ul li em {
	display: block;
	text-align: center;
	font: 16px/32px "微软雅黑";
	color: #333;
}
/* Ã¦â€“Â°Ã©â€”Â» */
.newList {
	float: left;
	width: 32%;
	margin-right: 2%;
	background-color: #2f374b;
	margin-bottom: 20px;
}
.newList:nth-child(3n){
	margin-right: 0;
}
.newList a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 39px 16px 26px;
	box-sizing: border-box;
}
.newList a img {
	display: block;
	width: 100%;
	height: 251px;
	object-fit: cover;
}
.newList a .time {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	padding: 33px 0 17px;
	font-family: bahnschrift;
}
.newList a h6{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newList a p {
	color: rgba(255, 255, 255, 0.5);
	font-size: 16px;
	line-height: 24px;
	height: 72px;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.newList a .newbtn {
	color: #fff;
	font-size: 14px;
	width: 94px;
	height: 30px;
	border-radius: 15px;
	line-height: 30px;
	text-align: center;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-transition: all .3s ease-out;
}
.newList:hover a .newbtn{
	border: 1px solid #007AFF;
	color: #007AFF;
	    
}
.moreNewBtn {
	display: block;
	width: 148px;
	height: 46px;
	margin: 0 auto;
	border: 1px solid #007AFF;
	color: #007AFF;
	font-size: 14px;
	text-align: center;
	line-height: 46px;
	border-radius: 23px;
	margin: 40px auto;
	-webkit-transition: all .3s ease-out;
}
.moreNewBtn:hover {
	background: #007AFF;
	color: #fff;
}