.anchorPoint { position: absolute; display: block; z-index: -1; top: -85px; left: 0; }
/* 第一屏 */
.oneBox { width: 100%; height: 572px; background-size: cover !important; }
/* 第二屏 */
.twoBox { position: relative; width: 100%; height: 540px; background: #fff; }
.twoBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.twoBox h2 b { font-weight: normal; color: #2c3998; }
.twoMain { width: 1200px; margin: 0 auto; }
.twoMain ul { display: flex; }
.twoMain li {
  padding: 10px 25px 0;
  margin-right: 47px;
  cursor: pointer;
  width: 240px;
  height: 150px;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-left: 2px solid #2c3998;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}
.twoMain li:last-child { margin: 0; }
.twoMain li h3 { font-size: 94px; color: #d7d9e8; line-height: 75px; }
.twoMain li p { font-size: 30px; color: #2c3998; }
.twoMainActive { border: 1px solid #2c3998 !important; border-left: 2px solid #2c3998 !important; width: 330px !important; background: #2c3998 !important; }
.twoMainActive p { color: #d2a860 !important; }
/* 第三屏 */
/* .threeBox { position: relative; overflow: hidden; width: 100%; height: 1002px; background: url('../img/supplyThreeBg.jpg') no-repeat center; } */
.threeBox { position: relative; overflow: hidden; width: 100%; height: 1002px; background: url('../img/supplyThreeBg.jpg') no-repeat center #2c3998; }
.threeBox h2 { position: absolute; z-index: 99; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #f3e3b8; }
.threeMain { position: absolute; z-index: 99; left: 50%; top: 370px; width: 550px; margin-left: 40px; }
.threeBox img { display: block; width: 367px; height: 89px; margin: 30px auto; }
.threeBox p { font-size: 22px; color: #dac492; line-height: 35px; font-family: SOURCEHANSANSCN-Regular; }
.threeMapBg { position: relative; overflow: hidden; width: 100%; height: 100%; display: none; }
.threeMap { width: 100%; height: 100%; }
.threeMapBg:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; }
/* 第四屏 */
.fourBox { position: relative; width: 100%; height: 1000px; background: #f4f5f5; }
.fourBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.fourBox h2 b { font-weight: normal; color: #2c3998; }
.fourMain { position: relative; width: 1200px; margin: 0 auto; }
.fourMain img { position: absolute; display: block; z-index: 2; top: 30px; left: 320px; border: 1px solid #d0d0d0; box-shadow: 5px 5px 5px rgba(204, 204, 204, .2); }
.fourMain p { padding: 170px 155px 0 30px; text-align: justify; text-indent: 2em; display: block; width: 450px; height: 650px; font-size: 19px; color: #fff; background: #2c3998; line-height: 35px; font-family: SOURCEHANSANSCN-Regular; }
/* 第五屏 */
.fiveBox { position: relative; width: 100%; height: 460px; background: #fffdfd; }
.fiveMain { width: 1198px; height: 273px; border: 1px solid #d0d0d0; margin: 50px auto; box-shadow: 5px 5px 5px rgba(204, 204, 204, .2); }
.five1 { width: 305px; padding: 140px 0 0 45px; float: left; }
.five1 h3 { font-size: 29px; color: #4f4f50; line-height: 45px; font-family: SOURCEHANSANSCN-Regular; font-weight: normal; }
.five1 h4 { font-size: 19px; color: #d0d0d0; line-height: 25px; font-family: SOURCEHANSANSCN-Regular; font-weight: normal; }
.five2 { width: 555px; float: left; padding-top: 45px; }
.five2 h3 { font-weight: normal; font-size: 29px; color: #717171; font-family: SOURCEHANSANSCN-Regular; line-height: 80px; border-bottom: 1px solid #d0d0d0; }
.five2Box { margin-top: 17px; }
.five2Box p { font-size: 18px; padding-top: 50px; color: #717171; line-height: 25px; font-family: SOURCEHANSANSCN-Regular; }
.five2Box p:last-child { padding-top: 10px; }
.five2Box p span { float: right; }
.five3 { float: right; width: 290px; padding: 80px 45px 0 0; }
.fiveEwm { padding: 10px; width: 390px; }
.fiveEwm dd { float: left; margin: 0 18px; width: 133px; height: 100%; text-align: center; }
.fiveEwm dd img { width: 133px; display: block; }
.fiveEwm span { width: 100%; font-size: 14px; line-height: 30px; color: #484949; font-family: SOURCEHANSANSCN-Regular; }
/* 第六屏幕 */
.sixBox { position: relative; width: 100%; background: #fff; padding-bottom: 50px; }
.sixBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.sixBox h2 b { font-weight: normal; color: #2c3998; }
.sixMain { position: relative; width: 1200px; margin: 0 auto; }
.sixMain .item { width: 570px; margin-right: 60px; margin-bottom: 60px; float: left; background-color: #fff; overflow: hidden; padding: 46px 0 0 56px; box-sizing: border-box; transition: all 500ms; height: 240px; box-shadow: 0px 0px 5px 2px rgba(220,220,220,0.50); position: relative; }
.sixMain .item:hover { transform: scale(1.1); box-shadow: 0px 0px 10px 2px rgba(117,165,255,0.50);}
.sixMain .item:nth-child(even) { margin-right: 0; }
.sixMain .icon { width: 336px; height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; }
.sixMain img { display: block; width: 100%; height: 100%; object-fit: cover; user-select: unset; }
.sixMain .info { overflow: hidden; position: relative; z-index: 2; width: 280px;}
.sixMain .item:first-child .info { width: 320px;}
.sixMain .info .title { font-size: 26px; color: #333; line-height: 42px; margin-bottom: 20px;}
.sixMain .info .content { font-size: 16px; color:#999; line-height: 24px; height: 72px;}
.sixMain .info .btn { padding: 0; font-size: 18px; line-height: 1.2; margin-top: 0px; color: #2C3998; cursor: pointer; }
.sixMain .info .btn.nolink { cursor: default; color: #999999}
/********** H5 **********/
/* 第一屏 */
.oneBoxH5 { width: 100%; }
.oneBoxH5 img { width: 100%; }
/* 第二屏 */
.twoBoxH5 { position: relative; width: 100%; height: 7rem; background: #fff; }
.twoBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.twoBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.twoMainH5 { width: 90%; margin: 0 auto; }
.twoMainH5 ul { display: flex; flex-wrap: wrap; justify-content: space-around; }
.twoMainH5 li { display: inline-block; margin-bottom: 0.5rem; padding: 0.1rem 0.3rem; width: 45%; background: #fff; border: 1px solid #d0d0d0; border-left: 0.1rem solid #2c3998; }
.twoMainH5 li h3 { font-size: 1rem; color: #d7d9e8; }
.twoMainH5 li p { font-size: 0.3rem; color: #2c3998; }
/* 第三屏 */
.threeBoxH5 { position: relative; width: 100%; height: 15rem; background: #303b97; }
.threeBoxH5 h2 { position: absolute; z-index: 99; top: 0; width: 100%; line-height: 3rem; text-align: center; font-size: 0.7rem; color: #f3e2b7; }
.threeBoxH5 img { width: 100%; }
.threeMainH5 { position: absolute; z-index: 1; left: 0; right: 0; margin: 0 auto; top: 3rem; width: 9rem; }
.threeMainH5 img { display: block; width: 4rem; margin-top: 0.5rem; }
.threeMainH5 p { font-size: 0.3rem; color: #fff; line-height: 0.5rem; font-family: SOURCEHANSANSCN-Regular; }
.threeMapBgH5 { position: relative; overflow: hidden; height: 14rem; width: 100%; }
.threeMapH5 { width: 100%; height: 15rem; }
.threeMapBgH5:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; }
/* 第四屏 */
.fourBoxH5 { position: relative; width: 100%; background: #fff; height: 11rem; }
.fourBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.fourBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.fourMainH5 { position: relative; width: 90%; margin: 0 auto; }
.fourMainH5 img { position: absolute; width: 90%; display: block; z-index: 2; top: 3.1rem; border: 1px solid #d0d0d0; left: 0; right: 0; margin: 0 auto; box-shadow: 5px 5px 5px rgba(204, 204, 204, .2); }
.fourMainH5 p { padding: 0.5rem; text-indent: 2em; display: block; width: 100%; height: 6rem; font-size: 0.3rem; color: #fff; background: #2c3998; line-height: 0.5rem; font-family: SOURCEHANSANSCN-Regular; }
/* 第五屏 */
.fiveBoxH5 { position: relative; width: 100%; background: #fffdfd; margin: 0.2rem auto 0.5rem; }
.fiveMainH5 { width: 90%; margin: 0 auto; padding: 0.5rem; border: 1px solid #d0d0d0; box-shadow: 5px 5px 5px rgba(204, 204, 204, .2); }
.five1H5 { width: 100%; display: flex; }
.five1H5 h3 { font-size: 0.6rem; margin-right: 0.2rem; color: #4f4f50; line-height: 1rem; font-family: SOURCEHANSANSCN-Regular; display: flex; flex-direction: column; justify-content: center; }
.five1H5 h4 { font-size: 0.24rem; vertical-align: middle; color: #d0d0d0; line-height: 0.3rem; font-family: SOURCEHANSANSCN-Regular; display: flex; flex-direction: column; justify-content: center; }
.five2H5 { padding-top: 0.45rem; }
.five2H5 h3 { font-weight: normal; font-size: 0.35rem; color: #717171; font-family: SOURCEHANSANSCN-Regular; line-height: 1rem; border-bottom: 1px solid #d0d0d0; }
.five2BoxH5 { margin-top: 0.2rem; }
.five2BoxH5 p { font-size: 0.3rem; color: #717171; line-height: 0.5rem; font-family: SOURCEHANSANSCN-Regular; }
.five3H5 { width: 2.5rem; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; }
.five3H5 img { width: 100%; display: block; }
.five3H5 span { width: 100%; font-size: 0.24rem; margin-top: 0.1rem; color: #484949; font-family: SOURCEHANSANSCN-Regular; }
.five4H5 { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
/* 第六屏幕 */
.sixBoxH5 { position: relative; width: 100%; background: #fff; overflow: hidden; }
.sixBoxH5 h2 { font-weight: normal; width: 100%; line-height: 2.4rem; text-align: center; font-size: 0.7rem; color: #393939; }
.sixBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.sixMainH5 { position: relative; width: 90%; margin: 0 auto; }
.sixMainH5 .item { width: 100%; margin-bottom: 0.6rem; background-color: #fff; overflow: hidden; padding: 0.6rem 0 0.6rem 0.6rem; box-sizing: border-box; box-shadow: 0px 0px 5px 2px rgba(220,220,220,0.50); position: relative; }
.sixMainH5 .icon { width: 4.6rem; height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; }
.sixMainH5 img { display: block; width: 100%; height: 100%; object-fit: cover;}
.sixMainH5 .info { overflow: hidden; position: relative; z-index: 2; width: 60%;}
.sixMainH5 .item:first-child .info { width: 67%; }
.sixMainH5 .info .title { font-size: 0.4rem; color: #333; line-height: 0.6rem; margin-bottom: 0.1rem;}
.sixMainH5 .info .content { font-size: 0.28rem; color:#999; line-height: 0.4rem; height: 0.8rem;}
.sixMainH5 .info .btn { padding: 0; font-size: 0.28rem; line-height: 1.2; margin-top: 0.2rem;}
.sixMainH5 .info .btn.nolink { cursor: default; color: #999}
@media screen and (min-width: 750px) and (max-width: 1080px) {
  .threeMainH5 { position: absolute; z-index: 1; left: 0; right: 0; margin: 0 auto; top: 3rem; width: 10rem; }
  .threeMainH5 img { display: block; width: 6rem; }
  .threeMainH5 p { font-size: 0.4rem; color: #fff; line-height: 0.6rem; font-family: SOURCEHANSANSCN-Regular; }
  .fourBoxH5 { height: 14rem; }
  .fourBoxH5 img { top: 2.5rem; }
  .threeBoxH5 { height: 20rem; }
  .threeMapBgH5 { height: 20rem; }
  .threeMapH5 { height: 21rem; }
}

@media screen and (min-width: 1000px) and (max-width: 1080px) {
  .threeMainH5 { width: 15rem; }
  .threeMainH5 img { margin-top: 1.5rem; }
  .threeMainH5 p { font-size: 0.4rem; line-height: 2; }
  .fourBoxH5 { height: 16rem; }
  .fourMainH5 p { font-size: 0.4rem; }
  .five2H5 { width: 80%; }
  .five2BoxH5 { display: flex; flex-wrap: wrap; }
  .five2BoxH5 p { width: 50%; }
}

@media screen and (max-width: 400px) {
  .fiveMainH5 { padding: 0.3rem; }
  .five1H5 h3 { font-size: 0.5rem; }
  .five1H5 h4 { line-height: 0.35rem; }
  .five3H5 span { display: none; }
  .threeBoxH5 { height: 16rem; }
  .threeMapBgH5 { height: 15rem; }
  .threeMapH5 { height: 16rem; }
}