main{
	padding-top: 60px;
}
.banner{
	width: 100%;
	background-color: #006498;
	box-sizing:border-box;
	background: url(../images/productbanner.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.banner-content{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 70px;
	margin-left: -100px;
	margin-top: -25px;
	text-align: center;
	font-size: 32px;
	color: white;
}
.banner-container{
	position: relative;
	height: 100%;
}
.page{
	padding-top: 60px;
}
.section{
	margin: auto;
	margin-bottom: 30px;
	position: relative;
}
.anchor {
	position: absolute;
	top: -70px;
	left: 0;
}
.section>img{
	width: 100%;
}
.sec-top{
	position: absolute;
	top: 50px;
}
.sec-bottom{
	position: absolute;
	bottom: 50px;
	width: 108px;
	height: 54px;
}
.sec-left{
	left: 60px;
}
.sec-right{
	right: 60px;
}
.sec-right .sec-top-title{
	text-align: right;
}
.sec-top-title{
	font-size: 26px;
	color: #006497;
	font-weight: bolder;
	margin-bottom: 5px;
}
.sec-bottom-title{
	display: inline-block;
	width: 54px;
	height: 54px;
	color: #fff;
	background-color: #E60012;
	text-align: center;
	padding: 5px;
}
.sec-bottom-cont{
	display: inline-block;
	width: 54px;
	float: right;
	height: 54px;
	border: 3px solid #E60012;
	box-sizing: border-box;
	text-align: center;
}
.sec-left:hover .sec-bottom-cont{
	border-color:#C60010;
}
.sec-left:hover .sec-bottom-title{
	background-color: #C60010;
}
.sec-right:hover .sec-bottom-cont{
	border-color:#C60010;
}
.sec-right:hover .sec-bottom-title{
	background-color: #C60010;
}
.sec-bottom a{
	text-decoration: none;
}
.sec-bottom-cont img{
	width: 100%;
}
@media (max-width: 1200px) {
	.banner{
		background-position: 24%!important;
	}
}
@media (max-width: 767px) {
	main{
		padding-top: 50px;
	}
}

@media (max-width: 992px) and (min-width: 767px){
	.sec-top{
		position: absolute;
		top: 30px;
	}
	.sec-bottom{
		position: absolute;
		bottom: 30px;
		width: 108px;
		height: 54px;
	}
	.sec-left{
		left: 40px;
	}
	.sec-right{
		right: 40px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.banner-content{
		font-size: 28px;
	}
	.section .content{

	}
	.sec-right .sec-top-title{
		text-align: left;
	}
	.sec-top{
		position: static;
		margin-bottom: 15px;
	}
	.sec-bottom{
		top: 8px;
		bottom: 0;
		left: auto;
		right: 0;
		width: 108px;
		height: 54px;
	}
}

@media (max-width: 479px) {
	.banner-content{
		font-size: 24px;
	}
	.sec-right .sec-top-title{
		text-align: left;
	}
	.sec-top{
		position: static;
		margin-bottom: 15px;
	}
	.sec-bottom{
		top: 2px;
		bottom: 0;
		left: auto;
		right: 0;
		width: 88px;
		height: 44px;
	}
	.sec-top-title{
		font-size: 18px;
		color: #006497;
		font-weight: bolder;
		margin-bottom: 3px;
	}
	.sec-top-cont{
		font-size: 12px;
	}
	.sec-bottom-title{
		font-size: 12px;
		display: inline-block;
		width: 44px;
		height: 44px;
		color: #fff;
		background-color: #E60012;
		text-align: center;
		padding: 5px;
	}
	.sec-bottom-cont{
		display: inline-block;
		width: 44px;
		float: right;
		height: 44px;
		border: 2px solid #E60012;
		box-sizing: border-box;
		font-size: 28px;
		line-height: 28px;
		text-align: center;
	}
}