.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 img {
  width: 100%;
  height: auto;
  margin-top: 4.65vw;
}
.one-page .text {
  position: absolute;
  left: 17.28vw;
  top: 11.97vw;
}
.one-page .text h1 {
  margin-bottom: 1vw;
  font-size: 4vw;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.4vw;
}
.one-page .text p {
  font-size: 2vw;
  line-height: 3vw;
  color: #fff;
  letter-spacing: 0.2vw;
}
.title {
  /* position: absolute;
  bottom: 0; */
  text-align: center;
}
.title h1 {
  width: 100%;
  font-size: 2.6vw;
  font-weight: 700;
}
.title h1 span {
  color: #4c7eff;
  font-weight: 700;
}
.titleLine {
  display: inline-block;
  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;
  background: url('../images/one_point_five_bg.png') no-repeat left 9.11vw;
  background-size: 100% 8.8vw;
  box-sizing: border-box;
}
.first_part {
  position: relative;
  height: 18.88vw;
  padding: 0 8.33vw;
  margin-bottom: 7.21vw;
}
.video {
  position: relative;
  width: 6.94vw;
  height: 6.94vw;
}
/* .video img {
  position: absolute;
  top: 0;
  left: 23px;
  width: 52px;
  height: 52px;
} */
.video .iconBox {
  position: absolute;
  top: 0;
  left: 1.59vw;
  width: 3.61vw;
  height: 3.61vw;
  background: #999ea5;
  border-radius: 50%;
}
.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 {
  position: absolute;
  text-align: center;
}
.video p {
  position: absolute;
  top: 3.81vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.83vw;
  font-size: 0.9vw;
  color: #bfbfbf;
}
.two-page-mobile, .three-page-mobile {
  display: none;
}
.two-page {
  position: relative;
  height: calc(100vh - 80px);
  padding-top: 35px;
  box-sizing: border-box;
  background: url('../images/no2_bg.png') no-repeat right center;
  background-size: 100vw 85vh;
}
.contentLeft, .contentRight {
  display: inline-block;
  z-index: 100;
}
.contentLeft {
  text-align: right;
}
.contentRight {
  text-align: left;
}
.contentLeft h2, .contentRight h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}
.contentLeft p, .contentRight p {
  margin-bottom: 5px;
}
.contentOne {
  position: absolute;
  top: 7vh;
  /* left: 16vw;  */
  left: -500px;
}
.textPopOne {
  top: 17vh;
  /* left: 39vw; */
  left: -500px;
  width: 9.4vw;
  height: 7.2vh;
}
.contentTwo {
  position: absolute;
  /* left: 17vw; */
  left: -500px;
  top: 50vh;
}
.textPopThree {
  top: 41vh;
  /* left: 36vw; */
  left: -500px;
  width: 21.6vw;
  height: 28.6vh;
}

.contentThree {
  position: absolute;
  top: 19vh;
  /* right: 15vw; */
  right: -500px;
}
.textPopTwo {
  top: 36vh;
  /* right: 31vw; */
  right: -500px;
  width: 13.2vw;
  height: 21.7vh;
}
.contentFour {
  position: absolute;
  /* right: 14vw; */
  right: -500px;
  top: 71vh;
}
.contentFour a{
  padding: 8px 20px;
  font-size: 12px;
  background-color: #2874ff;
  color: #fff;
	border-radius: 32px;
	border: solid 1px #2874ff;
}
.textPopFour {
  top: 61vh;
  /* right: 39vw; */
  right: -500px;
  width: 23vw;
  height: 29vh;
}
.textPop img {
  width: 100%;
  height: 100%;
}
.textPop {
  position: absolute;
}

.three-point-five {
  height: 9.09vw;
  line-height: 9.09vw;
  margin-bottom: 3.47vw;
  background-color: #2874ff;
  text-align: center;
}
.three-point-five span {
  margin-right: 2.5vw;
  font-size: 2.5vw;
  color: #fefefe;
  vertical-align: middle;
}
.three-point-five a {
  padding: 0.76vw 2.08vw;
  font-size: 1.1vw;
  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;
}

.three-page {
  position: relative;
  height: 100vh;
  margin-top: 1.38vw;
}
.three-page .title {
  top: 35px;
}
.silderBox {
  position: absolute;
  left: 0;
  bottom: 50px;
  /* width: 20vw; */
  height: 78vh;
  box-sizing: border-box;
  background: url('../images/line_bg.png') no-repeat 40px top;
}
.silderBox ul {
  padding-top: 56px;
}
.silderBox ul .listItem {
  height: 85px;
  padding-left: 10px;
  box-sizing: border-box;
}
.circle {
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 10px 10px 0 0;
  background: url('../images/circle.png') no-repeat left top;
  background-size: cover;
  vertical-align: middle;
}
.list-text {
  display: inline-block;
  padding: 12px 20px;
  margin-top: 10px;
  border-radius: 24px;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.list-chose-text {
  background: #6590ff;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.silderContainer {
  position: absolute;
  right: 0;
  bottom: 50px;
  height: 78vh;
  line-height: 78vh;
  box-sizing: border-box;
  /* background: lavender; */
  overflow: hidden;
}
.swiper-slide img {
  width: 31.6vw;
  height: 53.1vh;
  vertical-align: middle;
}
.silderText {
  float: right;
  width: 20.2vw;
  line-height: 20px;
  margin-right: 8.3vw;
  margin-top: 25vh;
}
.silderText h2 {
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 2px;
}
.silderText h2 span {
  color: #4b7dff;
}
.silderText p {
  width: 100%;
  margin-bottom: 20px;
}
.four-page {
  position: relative;
  height: 49.93vw;
  text-align: center;
  /* background: url('../images/no4_bg.png') no-repeat top center;
  background-size: contain; */
  /* background-size: 100% 100%; */
}
.four-page .title {
  top: 35px;
  width: 100vw;
}
.four-page .title p {
  font-size: 22px;
  margin-top: 20px;
}
.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-top: 12%!important;
  width: 800px;
}
#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;
}
/* 预约弹窗 */
#orderModal .modal-dialog {
  margin-top: 8%!important;
  width: 475px;
}
#orderModal .modal-dialog .modal-header {
  text-align: left;
  color: #1a7bff;
  border-bottom: none;
  padding: 20px;
  padding-bottom: 0;
}
#orderModal .modal-dialog .modal-header div {
  height: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
}
#orderModal .modal-dialog .modal-header div p {
  text-align: justify;
  line-height: normal;
  color: #333;
}
#orderModal .modal-dialog .modal-header .modal-title {
  font-size: 22px;
}
#orderModal .modal-dialog button.close {
  font-size: 28px;
  font-weight: 400;
}
#orderModal .modal-dialog .modal-body {
  padding: 20px;
}
#orderModal .modal-dialog .formItem {
  height: 48px;
  margin-bottom: 15px;
  line-height: 48px;
  text-align: left;
}
#orderModal .modal-dialog .form-control {
  float: right;
  width: 328px;
  height: 48px;
  line-height: 48px;
  margin-right: 10px;
  font-size: 16px;
  border: solid 1px #e7e7e7;
  outline: none;
}
#orderModal .modal-dialog .form-control:focus {
  box-shadow: none;
}
#orderModal .modal-dialog .formItem span {
  display: inline-block;
  width: 72px;
  margin-right: 20px;
  font-size: 18px;
  color: #a6a6a6;
}
#orderModal .modal-dialog .formItem input {
  width: 328px;
  height: 48px;
  border-radius: 6px;
  outline: none;
  font-size: 16px;
  border: solid 1px #e7e7e7;
  text-indent: 20px;
}
#orderModal .modal-dialog .btn-default {
  width: 100%;
  height: 58px;
  background-color: #1a7bff;
  border-radius: 6px;
  font-size: 20px;
  color: #fff;
  outline: none;
}