
/* 第一块 */
.firstPage {
	position: relative;
	width: 100%;
	margin-top: 4.65vw;
}
.firstPage img {
  width: 100%;
  height: auto;
}
.firstPage .text {
  position: absolute;
  left: 0;
	top: 30%;
	/* padding: 0 5vw; */
	width: 100%;
	text-align: center;
}
.firstPage .text h1 {
  margin-bottom: 2vw;
  font-size: 3.7vw;
  color: #fff;
  font-weight: 500;
  padding-right:38vw;
}
.firstPage .text p {
  font-size: 2vw;
  line-height: 2vw;
	color: #fff;
	text-align: center;
  display: inline-block;
  padding-right: 30vw;
  /* letter-spacing: 0.2vw; */
}
.firstPage a {
	display: inline-block;
	font-size: 1.62vw;
	/* width: 12.5vw;
	height: 3.81vw; */
	padding: 0.15vw 3.02vw;
	line-height: 3.81vw;
	text-align: center;
	background: #5390ff;
	border-radius: 2.91vw;
	color: #ffffff;
	margin-top: 3vw;
}
/* 第二块 */
.secondPage {
	padding: 2vw 12.5vw 0;
	text-align:center;
}
.secondPage h2 {
  /* margin-bottom: 5px; */
  font-size: 2.3vw;
  /* font-weight: 500; */
 }
.secondPage .line {
	width: 6vw;
	height: 0.5vw;
  background-color: #2874ff;
  text-align: center;
  display: inline-block;
}
.secondPage .content {
	display: flex;
  display: -webkit-flex;
	/* display: inline-block; */
	/* margin-bottom: 8.95vw; */
  padding: 1.2vw;
  /* flex-wrap: wrap; */
  justify-content: center;
}
.secondPage .content>div{
  width: 24%;
  border-radius: 10px 10px 0 0;
  border: 2px solid #5390ff;
  margin: 1vw;
  padding-bottom: .5vw;
}
.secondPage>div:nth-child(3) {
  margin-bottom: 0;
}
.secondPage>div:nth-child(4) {
	margin-bottom: 0;
}
.secondPage .title {
  margin-bottom: .5vw;
  color:white;
  background-color: #5390ff;
  text-align: center;
	font-size: 1.5vw;
  /* font-weight: 500; */
  padding: 1vw 1vw;
}
.secondPage p {
  color: #898989;
  text-align: left;
  display: block;
  font-size: 1.2vw;
  line-height: 2vw;
  padding: 0 1.2vw;
}
.secondPage h1 {
  /* margin-bottom: 5px; */
  font-size: 3vw;
  font-weight: 300;
  display: flex;
  display: -webkit-flex;
 }
.secondPage .left {
 flex-grow: 1;
 /* background-image: linear-gradient(to right, yellow , #ffa126); */
 padding: 1vw 0;
}
.secondPage .center {
 /* background-color: #ffa126; */
 padding: 1vw 5vw;
 /* color:white; */
 /* background-image: linear-gradient(to right, yellow , red, yellow) ; */
}
.secondPage .right {
 flex-grow: 1;
 /* background-image: linear-gradient(to left, yellow , #ffa126); */
 padding: 1vw 0;
}
.secondPage .down {
  background-image: url(../images/down1.png);
  width: 100%;
  height: 4vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
}
/* 第三块 */
.thirdPage {
	padding: 5.55vw 12.5vw;
	text-align: center;
}
.thirdPage h2 {
  margin-bottom: 5px;
  font-size: 3vw;
  font-weight: 500;
 }
.thirdPage .line {
	width: 6vw;
	height: 0.5vw;
  background-color: #2874ff;
  text-align: center;
  display: inline-block;
}
.thirdPage .tabs {
	padding: 2vw 24.5vw 1vw;
	display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.thirdPage .tabitem {
	/* padding: .2vw; */
  line-height: 40px;
  font-size: 3vw;
	display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  word-break: keep-all;
  color: #898989;
}
.tabitem p {
  padding: 12px 0;
  line-height: 2vw;
  font-size: 1.2vw;
  text-align: center;
}
.tabitem .img {
	width: 36px;
	height: 36px;
}

#tabs1 ~ div label .img1 {
  background: url(../images/tabs1.png) no-repeat center center;
  background-size: 100% 100%;
}
#tabs2 ~ div label .img2 {
  background: url(../images/tabs2.png) no-repeat center center;
  background-size: 100% 100%;
}
#tabs3 ~ div label .img3 {
  background: url(../images/tabs3.png) no-repeat center center;
  background-size: 100% 100%;
}
#tabs4 ~ div label .img4 {
  background: url(../images/tabs4.png) no-repeat center center;
  background-size: 100% 100%;
}
#tabs1:checked ~ div label .img1 {
  background-image: url(../images/tabs1-act.png);
}
#tabs2:checked ~ div label .img2 {
  background-image: url(../images/tabs2-act.png);
}
#tabs3:checked ~ div label .img3 {
  background-image: url(../images/tabs3-act.png);
}
#tabs4:checked ~ div label .img4 {
  background-image: url(../images/tabs4-act.png);
}
#tabs1:checked ~ div label .img1 + p {
  color: #2874ff; 
}
#tabs2:checked ~ div label .img2 + p {
  color: #2874ff; 
}
#tabs3:checked ~ div label .img3 + p {
  color: #2874ff; 
}
#tabs4:checked ~ div label .img4 + p {
  color: #2874ff; 
}
.thirdPage .content {
	padding: 0 12.5vw;
	display: none;
  justify-content: center;
}
.thirdPage .tabscontent {
	width: 25vw;
	height: auto;
	padding: 0 3vw;
}
#tabs1:checked ~ div.content1 {
	display: flex;
  display: -webkit-flex;
}
#tabs2:checked ~ div.content2 {
	display: flex;
	display: -webkit-flex;
}
#tabs3:checked ~ div.content3 {
	display: flex;
	display: -webkit-flex;
}
#tabs4:checked ~ div.content4 {
	display: flex;
	display: -webkit-flex;
}
/* 第四块 */
.fourthPage {
	padding: 5.55vw 0vw;
	text-align: center;
	background-color: #f7f7f7;
}
.fourthPage h2 {
  margin-bottom: 5px;
  font-size: 3vw;
  font-weight: 500;
 }
.fourthPage .line {
	width: 6vw;
	height: 0.5vw;
  background-color: #2874ff;
  text-align: center;
  display: inline-block;
}
.fourthPage .content {
	display: flex;
  display: -webkit-flex;
  padding: 1.2vw 4vw 0 14vw;
  justify-content: center;
}
.fourthPage .content>div{
  width: 35%;
  /* margin: 1vw; */
  /* padding-bottom: 1vw; */
}
.fourthPage .title {
  padding: 1.5vw 1vw;
  text-align: left;
}
.fourthPage .title img {
	width: 5vw;
	height: auto;
	display: inline-block;
}
.fourthPage .title h2 {
	display: inline-block;
  color: #4b4b4b;
	font-size: 2vw;
  font-weight: 100;
}
.fourthPage p {
  color: #898989;
  text-align: left;
  display: block;
  font-size: 1.2vw;
  line-height: 1.8;
  padding: 0 1vw;
}
.fourthPage p span {
  color: #2874ff;
}
/* 第五块 */
.fifthPage {
	padding: 5.55vw 0vw 5.5vw;
	text-align: center;
}
.fifthPage h2 {
  margin-bottom: 5px;
  font-size: 3vw;
  font-weight: 500;
 }
.fifthPage .line {
	width: 6vw;
	height: 0.5vw;
  background-color: #2874ff;
  text-align: center;
  display: inline-block;
}
.fifthPage .title {
	margin-top: 1.5vw;
  margin-bottom: 5px;
  font-size: 1.4vw;
	font-weight: 300;
	color:white;
	background-color: #5390ff;
	line-height: 2;
 }
 .fifthPage .content {
	vertical-align: top;
	padding: 3vw 3vw 0;
	text-align: left;
	position: relative;
 }
 .fifthPage .img {
	display: inline-block;
	padding: 0 0 0 5vw;
 }
 .fifthPage img {
	 width: 55vw;
	 height: auto;
 }
 .fifthPage .right {
	 position: absolute;
	 top:3vw;
	 right:5vw;
	 width: 30vw;
	 display: inline-block;
	 text-align: left;
	 line-height: 1.8;
   color: #898989;
 }
 .fifthPage .right span {
	color: #2874ff;
 }
 .fifthPage .right p:nth-of-type(odd){
   padding-top: 2vw;
 }
 
/* 第六块 */
.sixthPage {
	padding: 0vw 10vw;
	text-align: center;
}
.sixthPage h2 {
  margin-bottom: 5px;
  font-size: 3vw;
  font-weight: 500;
 }
.sixthPage .line {
	width: 6vw;
	height: 0.5vw;
  background-color: #2874ff;
  text-align: center;
  display: inline-block;
}
.sixthPage .content {
  margin-bottom: 1.5vw;
	margin-top: 1.5vw;
	padding: 0 18.5vw;
  font-size: 1.4vw;
	color: #898989;
	line-height: 1.5;
 }
 .sixthPage img {
	 width: 70vw;
	 height: auto;
 }
/* 第七块 */
.seventhPage {
	padding: 5.55vw 5vw;
	text-align: center;
}
.seventhPage h2 {
  margin-bottom: 5px;
  font-size: 3vw;
  font-weight: 500;
 }
.seventhPage .line {
	width: 6vw;
	height: 0.5vw;
  background-color: #2874ff;
  text-align: center;
  display: inline-block;
}
.seventhPage .content {
	display: flex;
  display: -webkit-flex;
  padding: 1.2vw;
	justify-content: space-around;
	align-items: center;
}
.seventhPage .plus {
  margin-bottom: 5px;
  font-size: 5vw;
	color: #bfbfbf;
}
.seventhPage .contItem h2 {
  margin-bottom: 5px;
  font-size: 1.5vw;
	color: #4b4b4b;
  line-height: 2;
  padding-top: 1vw; 
 }
 .seventhPage img {
	 width: 13vw;
	 height: auto;
 }
 .seventhPage .contItem {
	 padding-top: 2vw;
 }
/* 第八块 */
.eightPage {
	padding: 6.52vw 12.5vw;
	background: url(../images/part3_bg.png) no-repeat center center;
	background-size: 100% 100%;
}
.eightPage p {
	display: inline-block;
	width: 52.72vw;
	margin-right: 6.94vw;
	font-size: 1.62vw;
	color: #fefefe;
	line-height: 1.82vw;
	letter-spacing: 3px;
	vertical-align: middle;
}
.eightPage a {
	display: inline-block;
	font-size: 1.62vw;
	padding: 0.15vw 3.02vw;
	line-height: 3.81vw;
	text-align: center;
	background: #5390ff;
	border-radius: 2.91vw;
	color: #ffffff;
}
/* 预约弹窗 */
body.modal-open {
  overflow: unset !important;
}
#orderModal .modal-dialog {
  margin-top: 8%!important;
  width: 32.98vw;
}
#orderModal .modal-dialog .modal-header {
  text-align: left;
  color: #1a7bff;
  border-bottom: none;
  padding: 1.38vw;
  padding-bottom: 0;
}
#orderModal .modal-dialog .modal-header div {
  height: 100%;
  padding-bottom: 1.38vw;
  border-bottom: 1px solid #e7e7e7;
}
#orderModal .modal-dialog .modal-header div p {
	width: 100%;
	font-size: 1.22vw;
	text-align: justify;
  line-height: normal;
  color: #333;
}
#orderModal .modal-dialog .modal-header .modal-title {
  font-size: 1.42vw;
}
#orderModal .modal-dialog button.close {
  font-size: 2.56vw;
  font-weight: 400;
}
#orderModal .modal-dialog .modal-body {
  padding: 1.38vw;
}
#orderModal .modal-dialog .formItem {
  height: 3.33vw;
  margin-bottom: 1.04vw;
  line-height: 3.33vw;
  text-align: left;
}
#orderModal .modal-dialog .form-control {
  float: right;
  width: 22.77vw;
  height: 3.33vw;
  line-height: 3.33vw;
  margin-right: 0.69vw;
  font-size: 1.12vw;
  border: solid 1px #e7e7e7;
  outline: none;
}
#orderModal .modal-dialog .form-control:focus {
  box-shadow: none;
}
#orderModal .modal-dialog .formItem span {
  display: inline-block;
  width: 5.05vw;
  margin-right: 1.38vw;
  font-size: 1.22vw;
  color: #a6a6a6;
}
#orderModal .modal-dialog .formItem input {
  width: 22.77vw;
  height: 3.33vw;
  border-radius: 0.41vw;
  outline: none;
  font-size: 1.1vw;
  border: solid 1px #e7e7e7;
  text-indent: 1.38vw;
}
#orderModal .modal-dialog .btn-default {
  width: 100%;
  height: 4.02vw;
  background-color: #1a7bff;
  border-radius: 0.41vw;
  font-size: 1.42vw;
  color: #fff;
  outline: none;
}


