/* 横幅 */
#banner{
	position: relative;
	overflow: hidden;
}
#banner a{
	color:#fff;
}
#banner .swiper_text{
	margin-top:-50px;
	max-width:650px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;-webkit-transform: translateY(-50%) !important;
    right:20%;
    z-index: 5;
}
#banner .swiper_text h3{
	font-size:42px;
	font-weight:700;
	line-height:60px;
	margin-bottom:20px;
}
#banner .swiper_text .t1{
	font-size:26px;
	opacity:0.7;
}
#banner .swiper_text .t2{
	font-size:16px;
	opacity:0.3;
}

#banner .img{
	display:block;
	margin:0 auto;
    width: 100%;
    height: auto;
}
.banner-pagination-center{
	text-align:center;
	position: absolute;
    bottom: 30px;
	height:30px;
	width:100%;
	z-index:900;
}
#banner .banner-pagination {
	display:inline-block;
	width:auto !important;
	height:24px;
	line-height:22px;
	border-radius:50px;
	padding:0 12px;
}
#banner .banner-pagination .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
    margin: 0 5px;
	background:#fff;
	border-radius:10px;
	width:10px;
	height:10px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#banner .banner-pagination .swiper-pagination-bullet-active{
	background-color:#e31818;
}

/* 产品 */
.product{
	overflow:hidden;
	margin:10px 0;
}
.product .center{
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px;
}
.product .item{
	width:50%;
}
.product .item img{
	width:100%;
}
.product .item .main{
	margin:0 5px;
	position:relative;
}
.product .item .text{
	position:absolute;
	bottom:0px;
	padding:35px;
	color:#fff;
}
.product .item .text h2{
	font-size:46px;
	text-shadow: 1px 1px 3px #666;
}
.product .item .text p{
	font-size:18px;
	line-height:36px;
	text-shadow: 1px 1px 3px #666;
}

/* 服务 */
.service{
	overflow:hidden;
	margin:5px 0;
}
.service .center{
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px;
}
.service .item{
	width:25%;
}
.service .item img{
	width:100%;
	max-height:631px;
}
.service .item a{
	color:#333;
}
.service .item .main{
	margin:0 5px;
	position:relative;
}
.service .item .text{
	position:absolute;
	bottom:20px;
	left:20px;
	padding:5px 20px;
	background:#fff;
	border-radius:50px;
	font-size:18px;
	font-weight:500;
}

/* 技术支持 */
.support{
	margin:10px 0 10px 0;
	height:1.9rem;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	min-height:300px;
}
.support .text{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
}
.support .text .title{
	font-size:36px;
	color:#fff;
}
.support .text .link{
	margin:50px 0 40px 0;
}
.support .text .link a{
	display:inline-block;
	width:85px;
	height:85px;
	background:#e31818;
	text-align:center;
	line-height:85px;
	color:#fff;
	border-radius:100px;
	margin:0 25px;
	font-size:18px;
}
.support .text .link a:hover{
	color:#f5acac;
}

@media screen and (min-width:0px) and (max-width:768px){
	
	.product{
		margin:5px 0 0 0;
	}
	.product .item{
		width:100%;
		margin-bottom:5px;
	}
	.product .item .text{
		padding:15px;
	}
	.product .item .text h2{
		font-size:24px;
	}
	.product .item .text p{
		font-size:16px;
		line-height:24px;
	}
	.service{
		margin: 0;
	}
	.service .item{
		width:50%;
		margin-bottom:6px;
	}
	.service .center{margin:0 -3px;}
	.service .item .main{
		margin:0 3px;
	}
	.support{
		margin:0px 0 5px 0;
	}
	.support .text .title{font-size:24px;}
	.support .text .link a{width: 70px;height: 70px; line-height: 70px;}
	
}