html {
  font-size: 37.5px !important;
}

.page {
  position: relative;
  width: 51.3rem;
  /* height: 70.48rem; */
  overflow: hidden;
}

.page_view_4 .image_1 {
  width: auto !important;
  height: 1.1rem !important;
  margin: .8rem 0 0 2rem !important;
}

.image_1 {
  width: 3.734rem;
  height: 1.44rem;
  margin: 0.774rem 0 0 3.734rem;
}

.image_2 {
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0.9rem 2rem 0 0.8rem;
}
.page_view_3 .image-wrapper_1{
 background-color: rgb(228 226 224);
 border: 1px solid rgb(228 226 224);
}
.image-wrapper_1 {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 1.094rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 1.094rem;
  margin: 1rem 0 0 6rem;
}

.image-wrapper_jinse {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 1.094rem;
  border: 1px solid rgb(255 245 212);
  width: 1.094rem;
  margin: 1rem 0 0 6rem;
}

.block_3 {
  width: 51.2rem;
  /* height: 67.574rem; */
  margin-bottom: 0.027rem;
}

.group_2 {
  width: 6.374rem;
  height: 0.427rem;
  margin: 0.64rem 0 0 7.387rem;
}

.thumbnail_2 {
  width: 0.267rem;
  height: 0.374rem;
  margin-top: 0.027rem;
}

.image-wrapper_3_view {
  width: 45.04rem;
  height: 3.254rem;
  margin: 9.494rem 0 0 4.587rem;
}

.el-carousel__container .el-carousel__item:last-child {
  overflow-y: scroll;
}

.view {
  height: 100%;
  /* width: 100vw; */
}

.page_view_1 {
  background-color: darkslateblue;
}

.page_view_2 {
  background-color: darkgray;
  background-image: url(../../img/pages/index/banner2@2x.png);
  background-size: revert;
  background-repeat: round;
  /* padding: 5rem 3rem; */
}

.page_view_3 {
  background-color: darkcyan;
}

.page_view_4 {
  background-color: darkseagreen;
}

.page_view_5 {
  background-color: darkgoldenrod;
  /* width: 100vw; */
  height: auto;
  background: linear-gradient(0deg, #F9FDFF, #CFE2FD);
}

:root {
  --element-height: 100px;
}

.page_view_5 .page_news {
  width: 100%;
  height: var(--element-height);
  padding: 5rem 2rem 1rem 2rem;
}

/* view5 */
.page_view_5 .image-container {
  overflow: hidden;
  width: 1200px;
  height: 385px;
}

.page_view_5 .image-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.page_view_5 .image-slider>div {
  width: 400px;
  height: 400px;
  padding: 0.5rem;
  overflow: hidden;
}

.page_view_5 .image-slider>div img {
  width: 100%;
  height: 6rem;
  padding: .3rem;
}

.page_view_5 .button {
  cursor: pointer;
  padding: 10px;
  /* background-color: #4CAF50; */
  color: white;
  border: none;
  margin: 0rem 2rem 4rem 2rem;
}

.page_view_5 .button img {
  width: .7rem;
}

/* view1 */
.page_view_1 .img {
  width: 100%;
  height: 100%;
}

.page_view_1 .el-carousel__indicators--horizontal {
  left: 10%;
  bottom: 1rem;
}

.page_view_1 .el-carousel__indicators--horizontal .el-carousel__indicator--horizontal .el-carousel__button {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 12px;
}

/* view2 */
.page_view_2 img {
  /* width: 10rem; */
  /* height: 10rem; */
  /* padding: 0 4rem; */
}

.page_view_2 .el-carousel__container .el-carousel__item {
  text-align: center;
  overflow: hidden;
  /* background-color: antiquewhite; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.page_view_2 .el-carousel__container .el-carousel__item img {
  width: fit-content;
  height: -webkit-fill-available;
  padding: 0.2rem;
}

.page_view_2 .el-carousel__mask {
  opacity: 0;
}

.page_view_2 .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: 0;
}

.page_view_2 .top {
  display: flex;
  margin-bottom: 1rem;
  padding-top: 4rem;
  flex-wrap: wrap;
  position: relative;
}

.page_view_2 .top .left {
  width: 100%;
}

.page_view_2 .top .left span:nth-child(1) {
  font-family: SourceHanSansSCVF;
  font-weight: bold;
  font-size: 1rem;
  color: #FFFFFF;
  /* line-height: 206px; */
  display: block;
  text-align: right;
  width: 28rem;
}

.page_view_2 .top .left span:nth-child(2) {
  font-family: SourceHanSansSCVF;
  font-weight: bold;
  font-size: 25px;
  color: #7789AB;
  /* line-height: 110px; */
  display: block;
  text-align: right;
  width: 28rem;
}

.page_view_2 .top .right {
  position: absolute;
  left: 28.5rem;
  top: 4.5rem;
}

.page_view_2 .top .right img {
  width: 1.5rem;
  height: auto;
  /* padding-top: 0.7rem; */
  /* padding-left: 0.5rem; */
}

/*  */
.directs {
  padding-top: 2.5rem;
}

.directs .items {
  display: flex;
  justify-content: center;
}

.directs .items .item span:nth-child(1) {
  /* width: 168px; */
  /* height: 38px; */
  font-family: SourceHanSansSCVF;
  font-weight: 400;
  font-size: 0.5rem;
  color: #3F3F3F;
  /* line-height: 142px; */
  display: block;
}

.directs .items .item span:nth-child(2) {
  width: 162px;
  height: 17px;
  font-family: SourceHanSansSCVF;
  font-weight: 500;
  font-size: 0.2rem;
  color: #777777;
  /* line-height: 76px; */
  display: block;
}

.directs .items .item:hover span {
  font-weight: 600;
}

.directs .items .item:hover span:nth-child(2)::after {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  height: 0.15rem;
  background-color: #4881DB;
  top: 0.3rem;
}

.directs .items .currentItem span {
  font-weight: 600;
}

.directs .items .currentItem span:nth-child(2)::after {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  height: 0.15rem;
  background-color: #4881DB;
  top: 0.3rem;
}

.directs .items .item {
  padding: 0 1rem;
  text-align: center;
}

.directs .underline {
  width: 36rem;
  height: 7.5px;
  border: 3px solid #A2A2A2;
  margin-top: 0.1rem;
  margin: 0.1rem auto;
}

/* view3 */
.page_view_3 {
  position: relative;
}

.page_view_3 .textPart {
  position: absolute;
  top: 7rem;
  left: 25rem;
  text-align: right;
}

.page_view_3 .textPart div:nth-child(1) {
  /* width: 1189px; */
  /* height: 302px; */
  font-family: 黑体;
  font-weight: 600;
  font-size: 1.5rem;
  color: #251E1C;
  /* line-height: 180px; */
  margin-bottom: .5rem;
}

.page_view_3 .textPart div:nth-child(2) {
  /* width: 1044px; */
  /* height: 37px; */
  font-family: SourceHanSansSCVF;
  font-weight: 500;
  font-size: .5rem;
  color: #000000;
  line-height: 1rem;
}

.page_view_3 .textPart div:nth-child(3) {
  width: 891px;
  height: 37px;
  font-family: SourceHanSansSCVF;
  font-weight: 500;
  font-size: .5rem;
  color: #000000;
  line-height: 1rem;
}

.page_view_3 .textPart div:nth-child(4) img {
  width: 4rem;
  height: auto;
  padding: 2rem 0;
}

/* view4 */
.page_view_4 {
  position: relative;
}

.page_view_4 .textPart {
  position: absolute;
  bottom: 1.5rem;
  left: 3rem;
}

.page_view_4 .textPart>div:nth-child(1) {
  /* width: 643px; */
  /* height: 124px; */
  font-family: SourceHanSansSCVF;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFD076;
  line-height: 1;
  background: linear-gradient(0deg, #F8E0B3 0%, #FEC799 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page_view_4 .textPart>div:nth-child(2) {
  /* width: 1119px; */
  /* height: 58px; */
  font-family: SourceHanSansSCVF;
  font-weight: 400;
  font-size: .7rem;
  color: #F8E0B3;
  line-height: 2rem;
}

.page_view_4 .textPart .iconList {
  display: flex;
  position: relative;
  left: -.3rem;
  height: 2rem;
}

.page_view_4 .textPart .iconList div {
  /* padding: 0.5rem; */
  width: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page_view_4 .textPart .iconList div img {
  width: 1rem;
  height: auto;
  display: block;
}
.page_view_4 .textPart .iconList div img:hover {
  width:1.2rem;
}
.page_view_4 .textPart .iconList div span {
  font-family: SourceHanSansSCVF;
  /* font-weight: bold; */
  font-size: .2rem;
  color: #F8E0B3;
  line-height: .7rem;
}

.page_view_4 .textPart>div:nth-child(4) {
  padding: 1rem 0;
}

.page_view_4 .textPart>div:nth-child(4) img {
  width: 4rem;
}

.page_view_4 .textPart>div:nth-child(5) {
  display: flex;
  margin-top: 7rem;
}

.page_view_4 .textPart>div:nth-child(5) .left {
  width: 9rem;
  height: 1.5rem;
  background: #2E2E3E;
  border-radius: 54px;
  border: 3px solid #7B7B7B;
  opacity: 0.85;
  display: flex;
  padding: 0 .5rem;
}

.page_view_4 .textPart>div:nth-child(5) .left span {
  /* width: 750px; */
  /* height: 46px; */
  font-family: SourceHanSansSCVF;
  font-weight: 500;
  font-size: .6rem;
  color: #F8E0B3;
  line-height: 1.3rem;
  text-shadow: 1px 0px 1px #14121F;
}

.page_view_4 .textPart div:nth-child(5) .left .shuxian {
  width: 2px;
  background: #535355;
  opacity: 0.85;
  margin: .5rem;
}

.page_view_4 .textPart div:nth-child(5) .right {
  width: 22rem;
  height: 63px;
  font-family: SourceHanSansSCVF;
  font-weight: bold;
  font-size: .7rem;
  color: #F8E0B3;
  /* line-height: 187px; */
  /* float: right; */
  margin-left: 22rem;
}

.page_view_4 .textPart div:nth-child(5) .right span {
  font-size: 1rem;
}

/* .page_view_5 */
.page_view_5 .page_news {
  background-image: url(../../img/pages/index/bg6.png);
  background-repeat: round;
  background-size: cover;
}

.page_view_5 .top {
  display: flex;
  margin-bottom: 2rem;
  position: relative;
}

.page_view_5 .top .left {
  width: 100%;
}

.page_view_5 .top .left span:nth-child(1) {
  font-family: SourceHanSansSCVF;
  font-weight: bold;
  font-size: 1rem;
  color: #FFFFFF;
  /* line-height: 206px; */
  display: block;
  text-align: right;
  width: 27rem;
}

.page_view_5 .top .left span:nth-child(2) {
  font-family: SourceHanSansSCVF;
  font-weight: bold;
  font-size: 25px;
  color: #7789AB;
  /* line-height: 110px; */
  display: block;
  text-align: right;
  width: 27rem;
}

.page_view_5 .top .right {
  position: absolute;
  left: 27rem;
}

.page_view_5 .top .right img {
  width: 2rem;
  height: auto;
  padding-top: 0.6rem;
  padding-left: 0.5rem;
}

/*  */
.text_50 {
  width: 1.174rem;
  height: 0.4rem;
  overflow-wrap: break-word;
  color: rgba(222, 241, 255, 1);
  font-size: 0.293rem;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 0.4rem;
  margin: 0.614rem 0 0 0.614rem;
}

.text_51 {
  position: absolute;
  left: 0.16rem;
  top: 0;
  width: 1.28rem;
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(235, 247, 255, 1);
  font-size: 0.96rem;
  letter-spacing: 1.5px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
  line-height: 1.254rem;
}

.text_52 {
  width: 6rem;
  height: 1.28rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.4rem;
  font-family: MicrosoftYaHei;
  font-weight: NaN;
  text-align: left;
  line-height: 0.64rem;
  margin-left: 0.507rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-wrapper_16 {
  height: 1.227rem;
  background: url(../../img/pages/xinghai_news1/SketchPngefcf9449d3a2161b86f84a2592e72f671a001fd2b68c86de0a5f3bfac703cb76.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 1.12rem;
  width: 2.107rem;
}

.group_10 {
  background-color: rgba(41, 120, 254, 1);
  border-radius: 2px;
  position: relative;
  width: 3.227rem;
  height: 1.227rem;
  margin-top: 0.054rem;
}

.text_59 {
  width: 10rem;
  height: 1.8rem;
  color: rgba(102, 102, 102, 1);
  font-size: .4rem;
  font-family: MicrosoftYaHei;
  line-height: 0.8rem;
  margin-top: 0.267rem;
  white-space: normal;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page_view_2 .el-carousel__item--card.is-active img {
  width: auto;
  height: -webkit-fill-available;
}
.page_view_2 .el-carousel__item--card.is-active {
  height: 14rem;
}
.page_view_1 .is-active .dongtai_img {
  transform-origin: center;
  animation: zoomInToFull 5s forwards;
  /* animation-iteration-count: infinite; */
}

.page_view_1 .dongtai_img {
  animation: none;
}
.gangqin_lunbo{
  width: 47rem;
  margin: 0 auto;
}
.header.section_1{
  background-color: unset;
}
.pc-content{
  overflow: hidden;
}

.page_view_2 .el-carousel__item:not(.is-in-stage) {
  /* display: none; */
  opacity: 0;
}
.page_view_2 .el-carousel--horizontal{
  overflow-x:unset;
}