.parallax{
    background-color: #f7f7f7;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 160px 0px 100px 0px;
    
    border: none;
    padding: 100px 0px 300px;
    background-image: none;
    z-index: 0;
    background-attachment: fixed; /* 背景固定，不随页面滚动 */
    background-size: auto;
}
.parallax .h1{
    color: #585858;
    text-align: center;
}
.shape-container[data-shape-position=bottom] {
    top: auto;
    bottom: 0;
    margin-bottom: -10px !important;
}
.shape-container {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}
.shape-container svg {
    fill: #FFF;
    pointer-events: none;
    vertical-align: baseline;
	width: 100%;
	overflow: hidden;
}
.cal-box {
	margin-top: -200px !important;
	margin-bottom: 100px !important;
    background-color: #FFF;
    border-radius: 10px;
    padding: 50px 25px;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	z-index: 10;
	
	
}
/* 针对宽度为768px或更小的设备 */
@media (max-width: 768px) {
  .cal-box {
		margin-top: -200px !important;
		margin-bottom: 100px !important;
		padding: 25px 15px;
		padding: 25px 15px;
		border-radius: 0px;
		box-shadow: none;
	}
	 .cal-box h3{
		font-size:18px;
		line-height: 30px;
	}
}
