@charset "utf-8";

html {
  background: #F3F7FD;
  font-size : 16px;
}


@media screen and (min-width:1200px) and (max-width:1400px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width:1440px) {
  html {
    font-size: 12px;
  }
}

@media screen and (min-width:1441px) and (max-width:1680px) {
  html {
    font-size: 14px;
  }
}

@media screen and (min-width:2552px) {
  html {
    font-size: 21px;
  }
}
@media screen and (min-width:3400px) {
  html {
    font-size: 28px;
  }
}

/* @media screen and (min-width:1281px) and (max-width:1440px) {
  .page {width:92%;}
}
@media screen and (min-width:1441px) and (max-width:1920px) {
  .page{width:94%;}
}
@media screen and (min-width:1921px) and (max-width:2560px) {.page {width:96%;}}
@media screen and (min-width:2561px) and (max-width:3328px) {.page {width:97%;}}
@media screen and (min-width:3329px) {.page {width:98%;}} */



body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin : 0;
  padding: 0;
  font-family: "Microsoft YaHei", "Arial", sans-serif;
}
*{ touch-action: pan-y; }
body {
  font-family: "Microsoft YaHei", "Arial", sans-serif;
  color      : #222222;
}

a:focus {
  outline: none;
}

.centerImgBox {
  position  : relative;
  width     : 100%;
  /* margin-top: 8.75rem; */
  margin-top: 5.56rem;
  z-index   : 1001;
}

.centerImgBox .centerImg {
  width : 100%;
  /*height: 27.06rem;*/
}
.centerImgBox .centerImgBanner {
  width : 100%;
  /*height: 25.44rem !important;*/
}
.centerImgBox .centerImgBannerDigital {
  width : 100%;
  height: 10rem !important;
}

.centerImgBox .banner-title{
  position: absolute;
  top: 0;
  color: white;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
	font-weight: normal;
	font-stretch: normal;
	/*line-height: 1.69rem;*/
	letter-spacing: 0.6rem;
}

.centerImgBox .banner-title1{
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 2rem !important;
  justify-content: start;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0.6rem;
  z-index: 10;
  /* background-color: rgba(0,169,172,.8); */
}
.centerImgBox  .banner-title .banner-text{
  margin-top: 8.9rem;
  font-size: 3rem;
}
.centerImgBox  .banner-title1 .banner-text{
  margin-top: 8.9rem;
  font-size: 3rem;
}
.centerImgBox .banner-title1 .banner-info{
  height: 2.5rem;
  margin-top: 1.75rem;
  font-size: 1.125rem;
}
.banner-title-bg{
  background-color: rgba(0,169,172,.8);
}

.debug {
  top             : 300px;
  left            : 50px;
  position        : fixed;
  width           : 500px;
  height          : 200px;
  background-color: rgba(255, 255, 255, 1);
  z-index         : 99999;
}

.footer-index{
  bottom             : 0px;
  /* left            : 50px; */
  position        : fixed;
  width           : 100%;
  height          : 30px;
  z-index         : 99999;
  text-align: center;
  /* color: rgba(255, 255, 255, 0.6); */
  color: rgb(109 121 150);
  font-size: 0.857rem !important;
}
.footer {
  /* bottom             : 0px; */
  /* left            : 50px; */
  /* position        : fixed; */
  width           : 100%;
  height          : 30px;
  z-index         : 99999;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.footer a,.footer-index a{
  /* color: rgba(255, 255, 255, 0.6); */
  color: rgb(109 121 150);
  text-decoration:  underline;
}
.footer-index1{
  color: rgba(255, 255, 255, 0.87);
  font-size: 1rem !important;
}
.footer-index1 a{
  color: rgba(255, 255, 255, 0.87);
}

.box {
  width   : 100%;
  height  : 100%;
  position: absolute;
  overflow: auto;
  z-index : 1009;
  min-width: 1400px;
}

.box .main-content {
  width          : 100%;
  display        : flex;
  justify-content: center;
  align-items: center;
  /*min-height: calc(100% - 15rem);*/
  /* justify-content: center; */
  /* background-color: yellow; */
}

.box .main-content .main-page {
   width         : 75rem;
  /* width         : 68.18rem; */
  /*width: 62.5%;*/
  /* margin-left   : 25.88rem; */
  padding-bottom: 3.75rem;
  /* background-color: yellow; */
}


.main-content .pageTitle {
  color      : #18191a;
  font-weight: 500;
  font-size  : 1.5rem;
  /* text-align : center; */
  text-align : left;
  padding-top: 3.75rem;
}

.main-content .pageSubTitle {
  font-size    : .875rem;
  color        : #677173;
  text-align   : center;
  margin-top   : 1.25rem;
  margin-bottom: 3.125rem;
}

.main-content .centerTextBox {
  color      : #677173;
  font-size  : 1rem;
  line-height: 200%;
  text-align : center;
  margin-top : 1.25rem;
}

.el-pagination {
  margin-top: 3.125rem;
  padding   : 10px;
  text-align: center;
}

.main-content .el-pagination button:disabled,
.main-content .el-pagination .btn-next,
.main-content .el-pagination .btn-prev,
.main-content .el-dialog,
.main-content .el-pager li,
.main-content .el-table th,
.main-content .el-table tr,
.main-content .el-table,
.main-content .el-table__expanded-cell {
  background-color: transparent;
}

.wrap {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.wrap .text {
  float: right;
  margin-left: -5px;
  width: 100%;
  word-break: break-all;
}



@keyframes myOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animations {
  0% {
    transform: scale(0);
    opacity  : 1;
  }

  5% {
    transform: scale(0.976);
    opacity  : 1;
  }

  10% {
    transform: scale(1.19);
    opacity  : 1;
  }

  15% {
    transform: scale(1.278);
    opacity  : 1;
  }

  20% {
    transform: scale(1.302);
    opacity  : 1;
  }

  25% {
    transform: scale(1.284);
    opacity  : 1;
  }

  30% {
    transform: scale(1.238);
    opacity  : 1;
  }

  35% {
    transform: scale(1.172);
    opacity  : 1;
  }

  40% {
    transform: scale(1.092);
    opacity  : 1;
  }

  45% {
    transform: scale(1.01);
    opacity  : 1;
  }

  50% {
    transform: scale(1);
    opacity  : 1;
  }

  55% {
    transform: scale(1.059);
    opacity  : 1;
  }

  60% {
    transform: scale(1.048);
    opacity  : 1;
  }

  65% {
    transform: scale(1.005);
    opacity  : 1;
  }

  70% {
    transform: scale(0.977);
    opacity  : 1;
  }

  75% {
    transform: scale(0.978);
    opacity  : 1;
  }

  80% {
    transform: scale(0.996);
    opacity  : 1;
  }

  85% {
    transform: scale(1.009);
    opacity  : 1;
  }

  90% {
    transform: scale(1.01);
    opacity  : 1;
  }

  95% {
    transform: scale(1.003);
    opacity  : 1;
  }

  100% {
    transform: scale(1);
    opacity  : 1;
  }
}

@keyframes animationsNews {
  0% {
    transform: scale(0);
    opacity  : 1;
  }
  5% {
    transform: scale(0.125);
    opacity  : 1;
  }
  10% {
    transform: scale(0.25);
    opacity  : 1;
  }
  15% {
    transform: scale(0.375);
    opacity  : 1;
  }
  20% {
    transform: scale(0.5);
    opacity  : 1;
  }
  25% {
    transform: scale(0.625);
    opacity  : 1;
  }
  30% {
    transform: scale(0.75);
    opacity  : 1;
  }
  35% {
    transform: scale(0.875);
    opacity  : 1;
  }
  40% {
    transform: scale(1);
    opacity  : 1;
  }
  45% {
    transform: scale(1.059);
    opacity  : 1;
  }
  50% {
    transform: scale(1.082);
    opacity  : 1;
  }
  55% {
    transform: scale(1.077);
    opacity  : 1;
  }
  60% {
    transform: scale(1.055);
    opacity  : 1;
  }
  65% {
    transform: scale(1.029);
    opacity  : 1;
  }
  70% {
    transform: scale(1.006);
    opacity  : 1;
  }
  75% {
    transform: scale(0.991);
    opacity  : 1;
  }
  80% {
    transform: scale(0.984);
    opacity  : 1;
  }
  85% {
    transform: scale(0.994);
    opacity  : 1;
  }
  90% {
    transform: scale(0.997);
    opacity  : 1;
  }
  95% {
    transform: scale(1.002);
    opacity  : 1;
  }
  100% {
    transform: scale(1);
    opacity  : 1;
  }
}
.banner-info{
  padding: 0 1.5rem;
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid  #fff !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  font-family: Microsoft YaHei, Arial, serif;
}
.banner-info-en{
  font-family:  Arial, serif;
}
.foot-flex span{
  display: flex;
  /* background-color: aqua; */
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.foot-flex span div{
  margin-top: .5rem !important;
  font-size: 1rem !important;
}
.scrollBox {
  cursor: pointer;
  color: #00a9ac;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  font-size: 2.6rem;
  z-index: 99;
  height: 3rem;
  width: 3rem;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.16);
}
.scrollBox img{
  width:2rem;
  height:2rem;
}
a.el-link.is-underline:hover:after{
  border-bottom:1px solid #00A9AC ;
}
.font28px{
  font-size: 1.75rem !important;
}
/* 获取滚动条宽度 */
.scrollbar-measure {
   width: 100px;
   height: 100px;
   overflow: scroll;
   position: absolute;
   top: -9999px;
 }