/* sp banner */
.DivNav {box-shadow: none; -webkit-box-shadow: none;-moz-box-shadow: none; -o-box-shadow: none;}
.spBanner{ background:url(../images/vp-img/banner2.jpg) no-repeat center center #09657c;background-size: cover; height:414px;margin: 80px 0 -80px 0;}
.spBanner .Details{width: 1020px;}
.spBanner .t1{ font-size:41px; color:#fff; text-align:center; padding:40px 0 10px;}
.spBanner .t2{ font-size:29px; text-align:center; color:#15cbff; padding:15px 0 25px;}
.sp_content{background:rgba(0,0,0,0.2); background: #000 2;filter:Alpha(opacity=20); border:1px solid #555f6d;border-radius: 13px; padding-bottom:5px;}
.sp_content .pic{padding: 0 60px 0 45px;float: left;}
.sp_content .pic img{ margin: -30px 0 0; }
.sp_content .sp_text{float: left; color: #e4e4e4; width: 600px;}
.sp_content .sp_text ul{ margin: 18px 0; }
.sp_content .sp_text ul li{width: 50%;box-sizing: border-box;float: left;background: url(../images/vp-img/list3.png) no-repeat left center; padding:2px 0 2px 20px;}
.sp_content .sp_text .btn{padding: 15px 0 0;}
.sp_content .sp_text .btn a{display:inline-block; padding:0;}
.sp_content .sp_text .btn a:first-child{ margin-right: 50px;}
.sp_content .sp_text .join{font-size: 15px;}
.sp_content .sp_text .join a{color: #25a5ff;text-decoration: underline;}
.sp_text .price{ text-align:center;padding:5px 0 0 0;}
.sp_text .price b {font-size: 29px;color: #f9bf30;margin:0 10px;}
.sp_text .price del {font-size: 17px;color: #c7c7c7;font-weight: lighter;}
/* sp banner */
@media (max-width: 979px) {
    .spBanner {margin: 59px 0 -40px;}
    .spBanner .Details{width:auto; padding:0 5%;}
    .sp_content .pic{width: 30%; padding: 0;}
	.sp_content .pic img{margin:0 0 0 -10px;}
	.sp_content .sp_text{width: 70%;}
	.sp_content .sp_text .btn a:first-child{margin-right:20px;}
	.sp_content .sp_text .btn a{ width:45%;}
}
@media (max-width: 767px) {
    .spBanner{height:auto;}
	.spBanner .t1{font-size:31px; line-height:33px;}
	.spBanner .t2{font-size:23px;}
	.sp_content{ padding-bottom:10px;}
	.sp_content .pic{float:none; width:auto; text-align: center;}
	.sp_content .sp_text{width:auto; float:none;}
	.sp_content .sp_text ul{margin: 15px auto;}
	
	.sp_content .sp_text .btn {text-align:center;padding-top:5px;}
	.sp_content .sp_text .btn a img{width:auto;}
	.sp_content .sp_text .btn a:first-child{margin-right:0;}
}
@media (max-width: 479px) {
    .spBanner .t1{font-size:29px; line-height:33px;}
	.spBanner .t2{font-size:19px;}
	.sp_content .sp_text ul li {width:auto;float:none; margin-left:20px;}
	.sp_content .sp_text ul {width: 70%;}
	.sp_content .sp_text .btn a{ width:auto;}
}