.banner{
	position: relative;
}
.banner-detail{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    width: 420px;
    color: #fff;
}
.banner-detail h4{
	text-align: center;
	font-size: 2.8rem;
	padding-top: 5vh;
}
.banner-detail p{
	font-size: 1.8rem;
	padding: 40px;
	text-align: justify;
	line-height: 2;
}
.banner-detail a{
	display: block;
	width: 235px;
	padding: 10px;
	margin: 0 auto;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none; 
    outline-offset: 0;
    box-shadow: none; 
}
.second-tit{
	font-size: 1.4rem;
	text-align: center;
	margin: 3vh 0 2vh;
}
.special-list{
	padding: 25px;
	border-left:1px solid #f0f0f0;
}
.special-list:last-of-type{
	border-right:1px solid #f0f0f0;
}
.special-list .index-list1{
	text-align: center;
	margin: 0 0 15px;
	height: 66px;
}
.special-list .equality{
	text-align: center;
	font-size: 2.4rem;
	color: #333;
	margin: 15px 0;
}
.special-list .text-world{
	color: #666;
	font-size: 1.4rem;
	text-align: justify;
	word-break: break-all;
	min-height: 6em;
}
.position-tit h2{
	color: #333;
    font-size: 3.2rem;
    text-align: center;
    margin: 80px 0 25px;
}

@media only screen and (min-width: 1336px) {
	.banner-detail h4{
		margin-top: 4vh;
	}
}
@media only screen and (min-width: 1600px) {
	.banner-detail h4{
		margin-top: 9vh;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.banner-detail{
		background: #fff;
		position: relative;
		width: 100%;
		z-index: 10;
		color: #333;
		padding-bottom: 6vh;
		top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	}
	.banner-detail p{
		padding: 15px;
		color: #666;
		width: 750px;
		margin: 2vh auto;
	}
	.banner-detail h4{
		font-size: 2.8rem;
	}
	.banner-detail p{
		font-size: 1.6rem;
	}
	.special-list{
		border-left: none;
		border-bottom:1px solid #f0f0f0;
	}
	.special-list:nth-of-type(2n-1){
		border-right:1px solid #f0f0f0;
	}
	.special-list:last-of-type{
		border-right:none;
	}
	.special{
		margin-top: 3vh;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.special-list{
		padding: 25px;
		border-left:1px solid #f0f0f0;
	}
	.special-list:last-of-type{
		border-right:1px solid #f0f0f0;
	}
	.special-list:nth-of-type(2n-1){
		border-right:none;
	}
	.special-list {
	    border-bottom:none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.banner-detail{
		background: #fff;
		position: relative;
		width: 100%;
		z-index: 10;
		color: #333;
		padding-bottom: 6vh;   
		top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	}
	.banner-detail p{
		padding: 15px;
		color: #666;
	}
	.special-list{
		border-left: none;
		border-bottom:1px solid #f0f0f0;
	}
	.special-list:nth-of-type(2n-1){
		border-right:1px solid #f0f0f0;
	}
	.special-list:last-of-type{
		border-right:none;
	}
	.special{
		margin-top: 5vh;
	}
	.position-tit h2{
		font-size: 4rem;
		margin: 20px 0 15px;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px) {
	.banner-detail h4{
		font-size: 2.8rem;
	}
	.banner-detail p{
		font-size: 1.6rem;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 415px) {
	.banner-detail h4{
		font-size: 4rem;
	}
	.banner-detail p{
		font-size: 2.4rem;
	}
	.second-tit{
		font-size: 2.8rem;
	}
	.special-list{
		padding: 10px;
	}
	.special-list .equality{
		font-size: 3.6rem;
	}
	.special-list .text-world{
		font-size: 2.4rem;
	}
	.special-list:last-of-type,
	.special-list:nth-of-type(3){
		border-bottom: none;
	}
	.special-list .index-list1{
		height: 48px;
	}
	.special-list .index-list1 img{
		width: 50px;
	}
	
}
/*绿色*/
.btn-009944{
	color: #fff;
    background-color: #009944;
    border-color: #009944;
}
.btn-009944:hover, .btn-009944:focus, .btn-009944:active{
    color: #fff;
    background-color: #0aab51;
    border-color:#0aab51;
}
/*蓝色*/
.btn-0c9cb1{
	color: #fff;
    background-color: #0c9cb1;
    border-color: #0c9cb1;
}
.btn-0c9cb1:hover, .btn-0c9cb1:focus, .btn-0c9cb1:active{
    color: #fff;
    background-color:#18b1c7;
    border-color:#18b1c7;
}