﻿#body-content{
	background: #f5f5f5;
}
#locale{
	margin-top: 1em;
	margin-bottom: 1em;
}
#locale span,#locale span a{
	color: #666;
}
#body-content img{
	width: 100%;
	margin-right: 10px;
}
#text-box{
	position: relative;
	margin-bottom: -4em;
	background: #fff;
	text-align: center;
	top: -5em;
}
.cal-detail{
	margin-bottom:520px;
}
.cal-detail>li{
	width:100%;
	position:absolute;
	display:none;
}
.cal-display{
	display:block !important;
}
.cal-class{
	margin:1em 0em 6em;
	width:100%;
}
.cal-class ul{
	list-style:none;
	width:100%;
}
.cal-class ul li{
	float:left;
	width:20%;
	padding-right:5%;
}
.cal-class ul li:last-child{
	padding-right:0px;
}
.cal-class ul li>span{
	display:inline-block;
	background:#f5f5f5;
	color:#999;
	width:100%;
	padding:1em 0px;
	font-weight:bold;
}
.cal-class ul li>span:hover{
	cursor:pointer;
}
.cal-act{
	background:#C31626 !important;
	color:#fff !important;
}
.cal-box{
	position:relative;
}
.cal-box>div{
	border:1px solid #eee;
	padding:2em 0em;
	position:relative;
	height:400px;
}
.cal-box>div:first-child{
	width:30%;
	right:-38.5%;
	padding-left:1em;
	padding-right:1em; 
	z-index: 999;
}
.cal-box>div:last-child{
	position:absolute;
	width:67%;
	top:0px;
	opacity:0;
}
.cal-box div>img{
	height:40px !important;
	width:40px !important;
}
.cal-box div>div{
	display:inline-block;
	width:75%;
	vertical-align:middle;
	text-align:left;
}
.cal-box div>div h4,.cal-box div>div p{
	display:inline-block;
}
.cal-box div>div h4{
	margin:0px;
	color:#333;
	font-size:1.2em;
}
.cal-box div>div p{
	color:#999;
	font-size:0.8em;
	font-family: "微软雅黑";
}
.timer{
	color:#C31626;
	font-size:0.8em;
	margin-top: 1em;
	font-family: "微软雅黑";
}
.cal-box>div:first-child ul{
	width:100%;
}
.cal-box>div:first-child ul li{
	width:100%;
	border:1px solid #f5f5f5;
	padding:1em;
	margin:1em 0em;
}
.cal-box>div:first-child ul li span{
	color:#999;
}
.cal-box>div:first-child ul li select,.cal-box>div:first-child ul li input{
	width:50%;
	border:none;
	padding-left:10%;
	color:#999;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.cal-btn,.cal-btn:hover,.cal-btn:focus,.cal-btn:visited{
	color:#fff;
	background:#C31626;
	width:100%;
	border-radius:0px;
	box-shadow:none;
	outline:none;
	height:3em;
}
.cal-num{
	text-align:left;
	padding:1em 1em 1em 2.2em !important;
}
.cal-num ul li{
	float:left;
}
.cal-num ul li:first-child{
	margin-right:30px;
}
.cal-num ul li p{
	color:#999;
	font-size:1em;
	margin-top:1em;
	margin-bottom: 1em;
}
.cal-num table tr td{
	border:1px solid #E3E3E3;
	height:40px;
	line-height:40px;
}
.cal-num table tr td:first-child{
	width:125px;
	background:#F6F6F6;
	color:#333;
	text-align:center;
}
.cal-num table tr td:last-child{
	width:220px;
	text-align:right;
	padding-right:1em;
	color:#333;
}
.cal-num table tr td:last-child span{
	padding-right:1em;
}
.cal-num table tr:nth-child(3) td:last-child span,.cal-num table tr:nth-child(4) td:last-child span,.cal-num table tr:nth-child(5) td:last-child span,.cal-num table tr:nth-child(6) td:last-child span{
	color: #f00;
}
/*推荐产品*/
.product{
	width: 100%;
	background: #fff;
}
.product h2{
	color: #fff;
	font-size: 1.33em;
	background: #9BA0A3;
	padding: 1em 1.5em;
	margin-bottom: 0;
}
/*方案*/
.programme-table{
	margin-bottom: 2em;
}
.programme-table table{
	width: 100%;
}
.programme-table table tr:first-child td{
	color: #333;
	padding: 1.3em 0em;
	border: 1px solid #eee;
	text-align: center;
	height: 2em;
	font-size: 1.1em;
}
.programme-table table tr td{
	border: 1px solid #eee;
	text-align: center;
	height: 2em;
	color: #666;
}
.programme-table table tr td span{
	font-size: 0.8em;
	color: #333;
}
.programme-table table tr td button,.programme-table table tr td button:hover,.programme-table table tr td button:focus,.programme-table table tr td button:visited{
	border-radius: 0px;
	border: 1px solid #C31626;
	background: #C31626;
	color: #fff;
	margin: 0.5em 0em;
	width: 7em;
}
.btn-more{
	width: 100%;
	text-align: center;
	margin-bottom: 10em;
	padding-bottom: 2em;
}
.btn-more a{
	display: inline-block;
	width: 9em;
	margin: 0 auto;
}
.btn-more a div{
	margin: 0 auto;
	width: 8.5em;
	height: 2.5em;
	line-height: 2.5em;
	color: #C31626;
	font-size: 1.1em;
	font-weight: 600;
	font-weight: 400;
	border: 1px solid #C31626;
}
@media screen and (max-width:1200px){
	#text-box{ top:5px;}
	
	}
	
@media screen and (max-width:1000px){
	.container{ padding-left:15px !important; padding-right:15px !important;}
	.cal-box>div:first-child{ width:100%; margin:0 auto; padding:0; right:auto; padding:15px;}
	.programme-table table tr:first-child td,.programme-table table tr td{ font-size:12px; padding:5px;}
	.cal-detail>li{ position:static;}
	.cal-box>div:last-child{ position:static; width:100%; margin-top:20px; padding:15px !important;}
	.cal-detail{ margin-bottom:20px;}.cal-box>div:last-child{ opacity:1;}
	.cal-box>div{ height:auto;}
	.cal-num ul li{ float:none; margin:0 !important; margin-bottom:20px !important;}
	.programme-table table tr td button{ width:auto; padding:5px; font-size:12px;}
	.btn-more{ margin-bottom:30px;}
	}
