* {
  padding: 0;
  margin: 0;
}

.container {
  width: 100%;
}

.firstBox {
  width: 100%;
  height: 100vh;
  /* background: url(../home.png) no-repeat; */
  /* background-size: 100% 100%; */
  position: relative;
}
.firstBoxBgImg {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.firstImgTop {
  padding-right: 0.48rem;
  z-index: 2;
  /* padding-top: 1.07rem; */

}

.firstImgBtm {
  z-index: 2;
  /* padding-top: 1.97rem; */
}


.firstBoxImg1 {
  width: 2.88rem;
  height: 11.52rem;
}

.firstBoxImg1Ipad {
  width: 16vh;
  height: 72vh;
}

.firstBoxImg2 {
  width: 3.65rem;
  height: 1.07rem;
}

.firstBoxImg2Ipad {
  width: 25vh;
  height: 7vh;
}

.firstBoxImg3 {
  width: 6.89rem;
  height: 2.01rem;
}

.firstBoxImg3Ipad {
  width: 50vh;
  height: 13.9vh;
}

.secondBox {
  width: 100%;
  padding: 0.53rem 0.4rem;
  box-sizing: border-box;
  background: #D7E2F5;
  position: relative;

}

.secondImg {
  width: 4.27rem;
  height: 1.49rem;
}

.secondTextBox {
  margin: 0.53rem 0;
  height: 4.69rem;
  overflow: hidden;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  text-align: left;
  font-style: normal;
  z-index: 1;
  transition: height 0.3s ease-in-out;
}

.show {
  height: 36.3rem;
  transition: height 0.3s ease-in-out;

}

.video {
  position: fixed;

  z-index: 10;
  bottom: 3.12rem;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.videoImg {
  width: 1.6rem;
  height: 1.6rem;
}

p {
  text-indent: 2em;
}

.secondLine {
  width: 100%;
}

.linBox {
  width: 100%;
}

.line {
  width: 4rem;
  height: 0.29rem;
  border-bottom: 0.03rem solid #A6B7D3;
}

.arrowBox {
  width: 0.85rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.43rem;
  color: #2C4796;
  line-height: 0.59rem;
  text-align: center;
  font-style: normal;
}

.arrowBoxText {
  width: 0.85rem;
  white-space: nowrap;
}

.arrowImg {
  width: 0.43rem;
  height: 0.43rem;
}

.arrowImgRotate {
  width: 0.43rem;
  height: 0.43rem;
  transform: rotate(180deg);
}

.threeBox {
  width: 100%;
  padding: 1.07rem 0.4rem 0.53rem 0.4rem;
  box-sizing: border-box;
  background: #fff;
}

.threeBoxImg {
  width: 3.95rem;
  height: 1.63rem;
}

.threeBoxText {
  margin: 0.53rem 0;
  height: 4.69rem;
  overflow: hidden;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  transition: height 0.3s ease-in-out;
}

.threeBoxTextShow {
  height: 6.72rem;
}

.threeBoxTextShow1 {
  height: 7.68rem;
}

.threeBoxTextShow2 {
  height: 14.4rem;
}

.threeBoxTextShow3 {
  height: 15.2rem;
}

.fourBox {
  padding: 1.15rem 0.4rem 0.53rem 0.4rem;
  box-sizing: border-box;
  background: #F1F9FF;
  position: relative;
}

.fourBoxText {
  /* height: 10.24rem; */
  padding: 1.07rem 0.4rem 0.53rem 0.4rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  text-align: left;
  font-style: normal;
  border: 0.03rem solid #08327B;
  /* border-top: none; */
}

.fourBoxText1 {
  padding: 0.53rem 0.4rem;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  text-align: left;
  font-style: normal;
}

.fourTopBox {
  width: 9.18rem;
  position: relative;

}

.fourTitle {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 0.64rem;
  color: #08327B;
  line-height: 0.88rem;
  font-style: normal;
  /* width: 6.13rem; */
  position: absolute;
  left: 50%;
  background: #F1F9FF;
  word-break: break-all;
  transform: translate(-50%, 0);
  /* padding: 0 0.27rem; */

}

.fourTitleImg {
  width: 0.19rem;
  height: 0.19rem;
}

.fourTitleText {
  margin: 0 0.27rem;
  white-space: nowrap;
}


.fourCenterBox {
  width: 100%;
}

.fourCenter {
  width: 4.4rem;
  border: 0.05rem solid #AD916B;
}

.fourCenterTop {
  width: 100%;
  height: 1.28rem;
  background: #AD916B;
  font-weight: 600;
  font-size: 0.53rem;
  color: #FFFFFF;
  line-height: 1.28rem;
  text-align: center;
  font-style: normal;
}

.fourCenterContent {
  padding: 0.27rem;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
}

.fourCenterTwo {
  padding: 0.27rem;
  width: 100%;
  border: 0.05rem solid #AD916B;
}

.fourCenterTwoContent {
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
}

.fourCenterContentText {
  padding-top: 0.21rem;
  box-sizing: border-box;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
}

.fourImg {
  width: 3.87rem;
  height: 3.87rem;
}

.down {
  width: 0.43rem;
  height: 0.43rem;
  margin-bottom: 0.13rem;
}

.downLeft {
  width: 0.43rem;
  height: 0.43rem;
  margin-bottom: 0.67rem;
}

.downLong {
  width: 0.32rem;
  height: 0.75rem;
  margin: 0.27rem 0;
}

.fourWSJPBox {
  padding-top: 0.53rem;
  box-sizing: border-box;
}

.fourWSJPBox1 {
  padding-top: 0.53rem;
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.fourWSJPBox2 {
  height: 66.43rem;
}

.ZYWLBox {
  background: #F1F9FF;
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.ZYWLBoxshow {
  padding: 1.15rem 0 0 0;
  box-sizing: border-box;
  height: 44rem;
}

.ZYWLBoxshow1 {
  padding: 1.15rem 0 0 0;
  box-sizing: border-box;
  height: 48rem;
}

.closeCJP {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;

}

.showCJP {
  height: 144rem;
}

.fourWSJPBoxTop {
  /* position: relative; */
  display: flex;
}

.fourWSJPBoxImg {
  width: 1.07rem;
  height: 1.07rem;
}

.fourWSJPBoxTopTitle {
  height: 1.07rem;
  /* position: absolute;
  left: 0.53rem; */
  padding-left: 0.85rem;
  box-sizing: border-box;
  border-bottom: 0.05rem solid #08327B;
  font-weight: 600;
  font-size: 0.64rem;
  color: #08327B;
  line-height: 0.88rem;
  margin-left: -0.42rem;

}

.fourWSJPBoxTopTitle1 {
  height: 1.07rem;
  /* position: absolute;
  left: 0.53rem; */
  top: 1.07rem;
  padding-left: 0.85rem;
  box-sizing: border-box;
  border-bottom: 0.05rem solid #08327B;
  font-weight: 600;
  font-size: 0.64rem;
  color: #08327B;
  line-height: 0.88rem;
  margin-left: -0.42rem;

}

.YHTYText {
  margin-top: 1.07rem;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  text-align: left;
  text-indent: 2em;

}

.fourWSJPContent {
  margin-top: 0.61rem;
  font-weight: 400;
  font-size: 0.48rem;
  color: #0D0B22;
  line-height: 0.64rem;
}

.fourWSJPContentList {
  margin-top: 0.27rem;
}

.Rhombus {
  width: 0.19rem;
  height: 0.19rem;
  margin-right: 0.35rem;
}

.fourWSJPText {
  width: 8.67rem;
}

.fourJZBox {
  padding: 0 0.27rem;
  padding-bottom: 0.53rem;
  background: #F1F9FF;
}

.fourJZBoxTextBox {
  padding: 0 0.43rem 0 0.37rem;
  box-sizing: border-box;
}

.fourJZBoxShow {
  font-weight: 400;
  position: relative;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;

}

.fourJZBoxShow2 {
  font-weight: 400;
  position: relative;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;

}

.fourJZBoxShow3 {
  padding: 1.15rem 0.4rem 0.53rem 0.4rem;
  height: 134.5rem;

}

.fourJZBoxShow1 {
  height: 35.01rem;
  padding: 1.15rem 0.4rem 0.53rem 0.4rem;

}

.fourZYJSRYBox {
  font-weight: 400;
  position: relative;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  transition: height 0.3s ease-in-out;
}


.GYYFText {
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
  padding-bottom: 0.53rem;
}

.shyzBox {
  padding: 0.13rem 0.13rem 0 0.13rem;

  background: #EDDEB3;

}

.shyzImgBox {
  width: 100%;
  height: 3.2rem;
  background: #FFF8E9;
}

.shyzImgBox img {
  width: 8.41rem;
  height: 2.27rem;

}

.shyzText {
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
  padding: 0.21rem 0;
}

.fourJZBoxText {
  background: #FFF8E9;
  padding: 0.4rem;
  box-sizing: border-box;
  height: 100%;
  /* height: 14.85rem; */
  font-weight: 400;
  font-size: 0.48rem;
  color: #0D0B22;
  line-height: 0.8rem;
  border-left: 0.05rem solid #AD916B;
  border-right: 0.05rem solid #AD916B;
}

.JZImg {
  width: 100%;
  height: 0.69rem;
}

.JZContentImg {
  width: 3.73rem;
  height: 2.61rem;
  margin-bottom: 0.27rem;
}

.fourJZImgBox {
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  margin-top: 0.4rem;
  line-height: 0.64rem;
}

.fourJZImg {
  max-width: 3.73rem;
}

.fiveBox {
  width: 100%;
}

.fiveBoxContent {
  width: 100%;
  padding: 0.53rem 0;
  box-sizing: border-box;
  border-bottom: 0.03rem solid #E7E7E9;
}

.fiveBoxContent:last-child {
  border-bottom: none;
}

.fiveBoxImg {
  width: 3.2rem;
  height: 2.24rem;
}

.fiveBoxText {
  max-width: 5.6rem;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.75rem;
}

.WXTJImg {
  width: 9.2rem;
  height: 6.93rem;
  margin: 0.8rem 0;
}

.WXTJImg1 {
  width: 9.2rem;
  height: 6rem;
  margin: 0.8rem 0 0.27rem 0;
}

.WXBoxContent {
  width: 100%;
}

.WXBox {
  width: 100%;
}

.WXBoxLeft {
  padding-bottom: 0.53rem;
  width: auto;
}

.WXImg {
  width: 4.4rem;
  height: 2.72rem;
  margin-bottom: 0.21rem;
}

.WXImg1 {
  width: 4.4rem;
  height: 3.31rem;
  margin-bottom: 0.21rem;
}

.WXImg2 {
  width: 4.4rem;
  height: 6.35rem;
  margin-bottom: 0.21rem;
}

.WXImg3 {
  width: 4.4rem;
  height: 3.04rem;
  margin-bottom: 0.21rem;
}

.WXImg4 {
  width: 9.2rem;
  height: 5.49rem;
  margin-bottom: 0.21rem;
}

.WXImg5 {
  width: 2.93rem;
  height: 4.24rem;
  margin-bottom: 0.21rem;
}

.WXImg6 {
  width: 4.4rem;
  height: 3.07rem;
  margin-bottom: 0.21rem;
}

.WXImg7 {
  width: 4.4rem;
  height: 5.84rem;
  margin-bottom: 0.21rem;
}

.WXImg8 {
  width: 9.2rem;
  height: 7.2rem;
  margin-bottom: 0.21rem;
}

.WXImg9 {
  width: 4.4rem;
  height: 2.4rem;
  margin-bottom: 0.21rem;
}

.WXImg10 {
  width: 4.4rem;
  height: 2.93rem;
  margin-bottom: 0.21rem;
}

.WXImg11 {
  width: 4.4rem;
  height: 8.05rem;
  margin-bottom: 0.21rem;
}

.WXImg12 {
  width: 4.4rem;
  height: 6.45rem;
  margin-bottom: 0.21rem;
}
.WXImg13 {
  width: 4.4rem;
  height:5.97rem;
  margin-bottom: 0.21rem;
}
.WXImg14 {
  width: 4.4rem;
  height:4.27rem;
  margin-bottom: 0.21rem;
}



.WXText {
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
  display: inline-block;
}

.WXText1 {
  width: 4.4rem;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
  display: inline-block;
}

.WXText2 {
  width: 4.4rem;
  font-weight: 400;
  font-size: 0.48rem;
  color: #0D0B22;
  line-height: 0.69rem;
  text-align: center;
  display: inline-block;
}

.WXText4 {
  width: 4.4rem;
  height: 1.28rem;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
  text-align: left;
  display: inline-block;
}

.WXText3 {
  width: 2.93rem;
  height: 1.28rem;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.64rem;
  text-align: left;
  display: inline-block;
}

.JZYH {
  width: 100%;
  background: #F1F9FF;
  padding-top: 0.53rem;
}

.JZYHText {
  font-weight: 600;
  font-size: 0.64rem;
  color: #08327B;
  line-height: 0.88rem;
}

.JZLeftImg {
  width: 2.05rem;
  height: 0.19rem;
}

.H3M {
  margin-top: 0.8rem;
  font-weight: 600;
  font-size: 0.53rem;
  color: #0D0B22;
}

.text053 {
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
}

.QJGMBoxText {
  margin: 0.27rem 0;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
}

.QJGMImg {
  width: 9.2rem;
  height: 5.18rem;
}

.QJGMText {
  width: 9.2rem;
  background: #FFFFFF;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.53rem;
  text-align: center;
  padding: 0.27rem 0;
  box-sizing: border-box;
}

.CYGBox {
  width: 100%;
  height: 13.89rem;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.CYGBoxShow {
  width: 100%;
  height: 47.83rem;

}

.GYFCImg {
  width: 9.2rem;
  height: 5.87rem;
  margin-top: 0.53rem;
}

.DSJBox {
  padding-top: 0.27rem;
  width: 100%;
  height: 27.21rem;
  overflow: hidden;
  margin-bottom: 0.45rem;
}

.DSJBoxOpen {
  height: 326.2rem;
  transition: height 0.3s ease-in-out;
}

.DSJList {
  width: 100%;
}

.DSJBoxContent {
  width: 100%;
  padding-bottom: 0.73rem;
  border-bottom: 0.03rem solid #E7E7E9;

}

.DSJTime {
  width: 100%;
  font-weight: 600;
  font-size: 0.64rem;
  color: #08327B;
  line-height: 0.88rem;
}

.DSJTimeText {
  width: 1.44rem;
}

.DSJOpenImg {
  width: 0.64rem;
  height: 0.64rem;
}

.DSJOpenImgRotate {
  width: 0.64rem;
  height: 0.64rem;
  transform: rotate(180deg);
}

.DSJmonth1 {
  height: 1.6rem;
}

.DSJmonth {
  height: 1.2rem;
}



.DSJLineBox {
  width: 1.44rem;
}

.DSJLineImg {
  width: 0.4rem;
  height: 0.4rem;
}

.DSJLine {
  display: inline-block;
  width: 0.03rem;
  height: 0.88rem;
  border-left: 0.03rem dashed #E7E7E9;
}

.DSJLineBoxMonth {
  font-weight: 600;
  font-size: 0.48rem;
  color: #08327B;
  line-height: 0.4rem;
  margin-top: 0.27rem;
}

.DSJList {
  padding-bottom: 0.27rem;
  margin-bottom: 0.27rem;
}

.DSJContentText {
  /* margin-top: 0.13rem; */
  font-weight: 400;
  font-size: 0.48rem;
  color: #3D3E4F;
  line-height: 0.8rem;
  padding-left: 0.72rem;
  transition: height 0.3s ease-in-out;

}

.YSJJ {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  background: #F1F9FF;
}


.YSJJShow {
  background: #F1F9FF;
  height: 380rem;
  transition: height 0.3s ease-in-out;
}

.DSJMonthBox {
  /* height: 5.4rem; */
  /* min-height: 6rem; */
  transition: height 0.3s ease-in-out;

}

.DSJmonthClose {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;

}

.DSJContentTextLine {
  padding-left: 0.53rem;
  border-left: 0.03rem dashed #E7E7E9;
}

.DSJContentTextLineNo {
  padding-left: 0.53rem;
  border-left: none;

}

.JCBSBox {
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;

}

.DAGLBox {
  /* margin-top: 1.07rem; */
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
}

.marginTop107 {
  margin-top: 1.07rem;
}

.marginTop053 {
  margin-top: 0.53rem;
}

.JZRight {
  width: 100%;
  height: 0.24rem;

}

.JZRightBox {
  width: 100%;
  margin: 0.53rem 0;
}

.JZRightY {

  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border: 0.03rem solid #08327B;
}

.JZRightLine {
  display: inline-block;
  width: 100%;
  height: 0.03rem;
  border-bottom: 0.03rem solid #08327B;
}

.CYGLYClass {
  /* height: 4.69rem; */
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.showCYGLY {
  height: 6.72rem;
}

.ZLGClass {
  padding-bottom: 0.8rem;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.showZLGClass {
  height: 251.5rem;
  transition: height 0.3s ease-in-out;
}

.ZLSZClass {
  font-weight: 600;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.53rem;
  padding-top: 0.53rem;
}

.tableClass {
  width: 9.27rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.43rem;
  color: #0D0B22;
  line-height: 0.85rem;
}

table tr {
  height: 0.83rem;
}

table thead {
  background: #08327B;
  color: #fff;
  font-weight: 600;
  font-size: 0.43rem;
  line-height: 0.59rem;
}

table {
  border: 0.03rem solid #26231F;
}

/*隔行变色*/
table tbody tr:nth-child(even) {
  background: #D7E2F5;
}

table tbody tr:nth-child(odd) {
  background-color: #fff;
}

.borderClass {
  border-bottom: 0.03rem solid #26231F;
  border-right: 0.03rem solid #26231F;
}

.borderClass:last-child {
  border-bottom: none;
}

.borderClassBtm {
  border-bottom: 0.03rem solid #26231F;
}

.borderClassTr:last-of-type td {
  border-bottom: none !important;
}

.paddingLeft {
  padding: 0 0.4rem;
}

.text043 {
  font-size: 0.43rem;
  line-height: 0.64rem;
}

.endLeftImg {
  width: 3.29rem;
  height: 0.19rem;

}

.endTextBox {
  margin: 0.53rem 0;
  height: 9.2rem;
  overflow: hidden;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.53rem;
  color: #0D0B22;
  line-height: 0.96rem;
  text-align: left;
  font-style: normal;
  z-index: 1;
  transition: height 0.3s ease-in-out;
}

.showEnd {
  height: 28.3rem;
  transition: height 0.3s ease-in-out;

}

.BtmFixed {
  width: 100%;
  font-weight: normal;
  font-size: 0.37rem;
  color: #0D0B22;
  padding: 0.53rem 0;
  box-sizing: border-box;
  font-family: 'Microsoft YaHei';
  background: #FFFFFF;
}