
.main {
  width: 100%;
}
.row {
  margin: 0!important;
}
div[class*='col-md-'] {
  padding: 0!important;
}
.one-page, .two-page, .three-page, .four-page {
  overflow: hidden;
}
.one-page {
  margin-bottom: 20px;
}
.one-page img {
  width: 100%;
  height: auto;
  margin-top: 11.65vw;
}
.one-page .text {
  position: absolute;
  left: 8.28vw;
  top: 15.97vw;
}
.one-page .text h1 {
  margin-bottom: 1vw;
  font-size: 5vw;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.4vw;
}
.one-page .text p {
  font-size: 3.7vw;
  line-height: 5vw;
  color: #fff;
  letter-spacing: 0.2vw;
}
.title {
  /* position: absolute;
  bottom: 0; */
  text-align: center;
}
.title h1 {
  width: 100%;
  font-size: 4.6vw;
  font-weight: 700;
}
.title h1 span {
  color: #4c7eff;
  font-weight: 700;
}
.titleLine {
  display: none;
  width: 8.39vw;
	height: 0.36vw;
  margin-top: 1.15vw;
  background: url('../images/roundedRectangle.png') no-repeat center center;
  background-size: 100%;
}

.one-point-five {
  padding: 0 0 0;
}
.first_part {
  height: 36.88vw;
  padding: 0 10px;
  margin-bottom: 5.21vw;
}
.video {
  position: relative;
  float: left;
  text-align: center;
  width: 33%;
  height: 16.94vw;
  margin-bottom: 10px;
  left: 0!important;
  top: 0!important;
}
.video .iconBox {
  position: absolute;
  top: 0;
  left: 9.59vw;
  width: 10.61vw;
  height: 10.61vw;
  background: #999ea5;
  border-radius: 50%;
}
.video .iconBox .default_video {
  width: 5.66vw!important;
  height: 5.87vw!important;
  top: 2.3vw!important;
  left: 2.5vw!important;
}
.video .iconBox img {
  position: absolute;
}
.video .one {
  position: absolute;
  opacity: 0;
  top: -0.41vw;
  left: 1.18vw;
  width: 4.37vw;
  height: 4.37vw;
}
.video .two {
  position: absolute;
  opacity: 0;
  top: -0.9vw;
  left: 0.69vw;
  width: 5.34vw;
  height: 5.34vw;
}
.video .three {
  position: absolute;
  opacity: 0;
  top: -1.45vw;
  left: 0.13vw;
  width: 6.45vw;
  height: 6.45vw;
}
.default_video {
  cursor: pointer;
}
.video p {
  position: absolute;
  top: 11.81vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.83vw;
  font-size: 3.22vw;
  color: #bfbfbf;
}

.two-page, .three-page {
  display: none;
}
.two-page-mobile {
  padding: 20px 20px;
  text-align: center;
}
.two-page-mobile img {
  width: 70%;
}
.two-page-mobile .top, .two-page-mobile .bottom {
  width: 100%;
  height: 28.22vw;
  margin-bottom: 10px;
}
.two-page-mobile .top div, .two-page-mobile .bottom div {
  display: inline-block;
  width: 47%;
  height: 100%;
  padding: 10px;
  margin-right: 10px;
  color: #fff;
  box-sizing: border-box;
}
.two-page-mobile .top div:nth-child(1) {
  float: left;
  background: #589fff;
}
.two-page-mobile .top div:nth-child(2) {
  float: right;
  background: #7992ff;
}
.two-page-mobile .bottom div:nth-child(1) {
  float: left;
  background: #ffa453;
}
.two-page-mobile .bottom div:nth-child(2) {
  float: right;
  background: #ff6969;
}
.two-page-mobile>div h2 {
  margin-bottom: 10px;
  font-size: 4.5vw;
  font-weight: 700;
}
.two-page-mobile>div p {
  font-size: 3.22vw;
  line-height: 4.36vw;
  text-align: justify;
}

.three-page-mobile .contentBox {
  padding: 20px 10px;
}
.three-page-mobile .contentBox>div {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
}
.three-page-mobile .contentBox>div:nth-child(1) {
  background: #589fff;
}
.three-page-mobile .contentBox>div:nth-child(2) {
  background: #7992ff;
}
.three-page-mobile .contentBox>div:nth-child(3) {
  background: #ffa453;
}
.three-page-mobile .contentBox>div:nth-child(4) {
  background: #ff6969;
}
.three-page-mobile .contentBox>div:nth-child(5) {
  background: #589fff;
}
.three-page-mobile .contentBox>div h2 {
  margin-bottom: 10px;
  font-size: 4.5vw;
  font-weight: 700;
}
.three-page-mobile .contentBox>div p {
  font-size: 3.22vw;
  line-height: 4.36vw;
  text-align: justify;
}

.three-point-five {
  height: 18.09vw;
  line-height: 18.09vw;
  margin-bottom: 3.47vw;
  background-color: #2874ff;
  text-align: center;
}
.three-point-five span {
  margin-right: 2.5vw;
  font-size: 4.62vw;
  color: #fefefe;
  vertical-align: middle;
}
.three-point-five a {
  font-size: 4.62vw;
	padding: 3.15vw 6.02vw;
  color: #fff;
  background-color: #5390ff;
	background-blend-mode: normal, normal;
  box-shadow: 0.31vw 0.42vw 1.04vw 0vw rgba(0, 0, 0, 0.1);
  border-radius: 2.70vw;
  vertical-align: middle;
}

.four-page {
  position: relative;
  text-align: center;
}
.four-page .title {
  top: 35px;
  width: 100vw;
}
.four-page .title p {
  font-size: 3.22vw;
  margin-top: 20px;
  padding: 0 15px;
  line-height: 4.36vw;
  text-align: justify;
}
.four-page .titleLine {
  margin-top: 15px;
}
.four-page img {
  width: 79.17vw;
  margin-top: 2.52vw;
}
/* 播放视频窗口 */
body.modal-open {
  overflow: unset !important;
}
#videoModal {
  position: fixed;
}
#videoModal .modal-dialog {
  margin: 12% auto 0!important;
  width: 70vw;
}
#videoModal button.close {
  margin-right: 5px;
}
#videoModal button.close, #videoModal .close:focus, #videoModal .close:hover {
  float: none;
  color: #fff;
  opacity: 1;
}
#videoModal .modal-content {
  background: #000;
  border-radius: 0;
}
#videoModal .modal-body {
  padding: 5px;
}
#videoModal .close_modal {
  text-align: right;
}
#videoModal .videoBox {
  height: 450px;
}
#videoModal .videoBox video {
  width: 100%;
  height: 100%;
  outline: none;
}
/* 预约弹窗 */
body.modal-open {
  overflow: unset !important;
}
#orderModal .modal-dialog {
  margin: 45% auto!important;
  width: 70vw;
}
#orderModal .modal-dialog .modal-header {
  text-align: left;
  color: #1a7bff;
  border-bottom: none;
  padding: 2.38vw;
  padding-bottom: 0;
}
#orderModal .modal-dialog .modal-header div {
  height: 100%;
  padding-bottom: 2.38vw;
  border-bottom: 1px solid #e7e7e7;
}
#orderModal .modal-dialog .modal-header div p {
  text-align: justify;
  font-size: 3.42vw;
  line-height: normal;
  color: #333;
}
#orderModal .modal-dialog .modal-header .modal-title {
  font-size: 3.42vw;
}
#orderModal .modal-dialog button.close {
  font-size: 6.56vw;
  font-weight: 400;
}
#orderModal .modal-dialog .modal-body {
  padding: 2.38vw;
}
#orderModal .modal-dialog .formItem {
  height: 8.33vw;
  margin-bottom: 3.04vw;
  line-height: 8.33vw;
  text-align: left;
}
#orderModal .modal-dialog .form-control {
  float: right;
  width: 38.77vw;
  height: 8.33vw;
  line-height: 5.33vw;
  margin-right: 8.69vw;
  font-size: 3.22vw;
  border: solid 1px #e7e7e7;
  outline: none;
}
#orderModal .modal-dialog .form-control:focus {
  box-shadow: none;
}
#orderModal .modal-dialog .formItem span {
  display: inline-block;
  width: 15.05vw;
  margin-right: 1.38vw;
  font-size: 3.22vw;
  color: #a6a6a6;
}
#orderModal .modal-dialog .formItem input {
  width: 38.77vw;
  height: 8.33vw;
  border-radius: 0.82vw;
  outline: none;
  font-size: 3.22vw;
  border: solid 1px #e7e7e7;
  text-indent: 1.38vw;
}
#orderModal .modal-dialog .btn-default {
  width: 100%;
  height: 8.02vw;
  background-color: #1a7bff;
  border-radius: 1.41vw;
  font-size: 3.42vw;
  color: #fff;
  outline: none;
}






