* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: none;
  width: 100%;
  height: 100%;
}
ul,
ol,
li {
  list-style: none;
}
input {
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  border: 0 none;
}
select,
input {
  vertical-align: middle;
}
select,
input,
textarea {
  font-size: 14px;
  margin: 0;
  outline: none;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
body {
  font-size: 0.4rem;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
}
a {
  color: #333;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 0.4rem;
}
a:hover {
  text-decoration: none;
}
i,
b {
  font-style: normal;
}
html {
  font-size: 10vw;
}
.indexBox {
  background: #0725a0 url(../images/m_banner.jpg) top center no-repeat;
  background-size: 100% 10.28rem;
}
.indexBox .banner {
  height: 9.97333333rem;
  overflow: hidden;
}
.indexBox .banner .searchBox {
  width: 9.46666667rem;
  height: 0.88rem;
  margin: 3.6rem auto 0;
}
.indexBox .banner .searchBox .search {
  width: 100%;
  height: 100%;
  position: relative;
}
.indexBox .banner .searchBox .search .icon {
  width: 0.44rem;
  height: 0.44rem;
  background: url(../images/search.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0.50666667rem;
  top: 0.22666667rem;
}
.indexBox .banner .searchBox .search .searchTxt {
  width: 100%;
  background: rgba(233, 242, 255, 0.3);
  height: 100%;
  border-radius: 0.44rem;
  padding-left: 1.30666667rem;
  padding-right: 1.66666667rem;
  font-size: 0.34666667rem;
  color: #fff;
  border: none;
}
.indexBox .banner .searchBox .search .searchTxt::-webkit-input-placeholder {
  color: #fff;
}
.indexBox .banner .searchBox .search .searchTxt::-moz-input-placeholder {
  color: #fff;
}
.indexBox .banner .searchBox .search .searchTxt::-ms-input-placeholder {
  color: #fff;
}
.indexBox .banner .searchBox .search .searchTxt:-moz-input-placeholder {
  color: #fff;
}
.indexBox .banner .searchBox .search .searchTxt:-ms-input-placeholder {
  color: #fff;
}
.indexBox .banner .searchBox .search .searchBtn {
  width: 1.42666667rem;
  height: 0.88rem;
  border-radius: 0 0.44rem 0.44rem 0;
  color: #0725a0;
  font-size: 0.37333333rem;
  text-align: center;
  line-height: 0.88rem;
  position: absolute;
  right: 0;
  top: 0;
}
.indexBox .banner .searchBox .hotSearch {
  margin-top: 0.2rem;
  color: #fff;
  font-size: 0.34666667rem;
  line-height: 0.46666667rem;
  padding-left: 0.53333333rem;
}
.indexBox .banner .searchBox .hotSearch a {
  font-size: 0.34666667rem;
  font-weight: bold;
  margin-right: 0.37333333rem;
  color: #fff;
}
.indexBox .sjtj .title {
  height: 0.78666667rem;
  background: url(../images/m_title.png) center center no-repeat;
  background-size: 100% 100%;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 0.78666667rem;
}
.indexBox .sjtj .container {
  width: 9.46666667rem;
  margin: 0.46666667rem auto 0;
  border-radius: 0.76rem 0 0 0;
  background: rgba(69, 118, 230, 0.5);
  height: 5.14666667rem;
}
.indexBox .sjtj .container #content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.indexBox .sjtj .container #content .section3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -53%);
  z-index: 999;
}
.indexBox .sjtj .container #content .section3 .ui_base {
  /* 中间容器 */
  /*width: 2024px;*/
  perspective: 15.46666667rem;
  perspective-origin: 50% 25%;
}
.indexBox .sjtj .container #content .section3 .ui_base .ball_c {
  transform-origin: 50% 50%;
  position: absolute;
  width: 1.53333333rem;
  height: 1.4rem;
  background: url('../images/m_middle_icon.png') no-repeat center center;
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  /* 加此属性为了解决图片所带阴影背景 */
}
.indexBox .sjtj .container #content .section3 .base {
  animation: cir 20s linear 0s infinite;
  border-radius: 50%;
  transform: rotateX(80deg) rotateY(-10deg);
  position: relative;
  width: 8rem;
  height: 8rem;
  border: 1px solid #7ccdf0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto;
}
.indexBox .sjtj .container #content .section3 .u_p3d {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.indexBox .sjtj .container #content .section3 .line1 {
  width: 6rem;
  height: 6rem;
  border: 1px solid #7ccdf0;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.indexBox .sjtj .container #content .section3 .ball {
  transition: all 2s ease-out 0ms;
  transform-origin: 50% 50%;
  text-align: center;
  width: 0.98666667rem;
  height: 0.98666667rem;
  background: url(../images/icon_bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.indexBox .sjtj .container #content .section3 .ball img {
  width: 0.37333333rem;
  height: 0.37333333rem;
  position: absolute;
  left: 50%;
  margin-left: -0.18666667rem;
  top: 50%;
  margin-top: -0.18666667rem;
}
.indexBox .sjtj .container #content .section3 .ball .jt {
  width: 0.25333333rem;
  height: 0.33333333rem;
  background: url(../images/jt.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.4rem;
  left: -0.29333333rem;
}
.indexBox .sjtj .container #content .section3 .ball .textBox {
  width: 2.30666667rem;
  height: 1.28rem;
  background: url(../images/m_text_bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -2.5rem;
  top: -0.09333333rem;
  padding-top: 0.26666667rem;
}
.indexBox .sjtj .container #content .section3 .ball .textBox .num {
  font-size: 0.4rem;
  color: #85f3fd;
  font-weight: bold;
  text-shadow: 0px 0px 7px rgba(94, 208, 250, 0.27);
  font-style: oblique;
}
.indexBox .sjtj .container #content .section3 .ball .textBox p {
  font-size: 0.29333333rem;
  color: #fff;
  margin-top: -0.06666667rem;
}
.indexBox .sjtj .container #content .section3 .ball_1 {
  transform: rotateX(-90deg) rotateY(0deg) translate(-0.81333333rem, -0.26666667rem);
  position: absolute;
  top: 81%;
  left: 60%;
}
.indexBox .sjtj .container #content .section3 .ball_1 .ball {
  transition-delay: 1100ms;
  animation: cir1 20s linear 0s infinite;
  transform: rotateY(10deg) rotateZ(10deg);
}
.indexBox .sjtj .container #content .section3 .ball_2 {
  transform: rotateX(-90deg) rotateY(60deg) translate(0.37333333rem, -0.13333333rem);
  position: absolute;
  top: 61%;
  left: 9%;
}
.indexBox .sjtj .container #content .section3 .ball_2 .ball {
  animation: cir2 20s linear 0s infinite;
  transition-delay: 900ms;
  transform: rotateY(10deg) rotateZ(10deg);
}
.indexBox .sjtj .container #content .section3 .ball_3 {
  transform: rotateX(-90deg) rotateY(120deg) translate(0.37333333rem, -0.13333333rem);
  position: absolute;
  top: 14%;
  left: 37%;
}
.indexBox .sjtj .container #content .section3 .ball_3 .ball {
  transition-delay: 700ms;
  animation: cir3 20s linear 0s infinite;
  transform: rotateY(-120deg) rotateZ(10deg);
}
.indexBox .sjtj .container #content .section3 .ball_4 {
  transform: rotateX(-90deg) rotateY(-170deg) translate(-6px, -9px);
  position: absolute;
  left: 80%;
  top: 45%;
}
.indexBox .sjtj .container #content .section3 .ball_4 .ball {
  transition-delay: 500ms;
  animation: cir4 20s linear 0s infinite;
  transform: rotateY(-170deg) rotateZ(10deg);
}
@keyframes cir1 {
  0% {
    transform: rotateY(0deg) rotateZ(10deg);
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    transform: rotateY(-360deg) rotateZ(10deg);
    opacity: 1;
  }
}
@keyframes cir2 {
  0% {
    transform: rotateY(-60deg) rotateZ(10deg);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    transform: rotateY(-420deg) rotateZ(10deg);
    opacity: 1;
  }
}
@keyframes cir3 {
  0% {
    transform: rotateY(-120deg) rotateZ(10deg);
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    transform: rotateY(-480deg) rotateZ(10deg);
    opacity: 0.2;
  }
}
@keyframes cir4 {
  0% {
    transform: rotateY(-180deg) rotateZ(10deg);
    opacity: 0.2;
  }
  68% {
    opacity: 1;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    transform: rotateY(-540deg) rotateZ(10deg);
    opacity: 0.2;
  }
}
@keyframes cir {
  0% {
    transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg);
  }
}
.indexBox .sjtj .list {
  padding: 0 0.26666667rem;
  margin-top: 0.56rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.indexBox .sjtj .list li {
  width: 4.44rem;
  height: 2.21333333rem;
  margin-bottom: 0.4rem;
}
.indexBox .sjtj .list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.indexBox .zxsj {
  margin-top: 0.86666667rem;
}
.indexBox .zxsj .title {
  height: 0.78666667rem;
  background: url(../images/m_title.png) center center no-repeat;
  background-size: 100% 100%;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 0.78666667rem;
}
.indexBox .zxsj .title a {
  font-size: 0.48rem;
  color: #fff;
}
.indexBox .zxsj .list {
  width: 9.46666667rem;
  margin: 0.46666667rem auto 0;
  background: #4576e6;
  padding: 0.53333333rem 0.33333333rem 0.53333333rem 0.33333333rem;
}
.indexBox .zxsj .list li {
  margin-bottom: 0.72rem;
}
.indexBox .zxsj .list li a {
  font-size: 0.37333333rem;
  color: #fff;
}
.indexBox .zxsj .list li:last-child {
  margin-bottom: 0;
}
.indexBox .zxsj .pic {
  width: 9.46666667rem;
  height: 4.18666667rem;
  margin: 0.53333333rem auto 0;
  border: 0.02666667rem solid #9ebdff;
}
.indexBox .zxsj .pic a {
  display: block;
  width: 100%;
  height: 100%;
}
.indexBox .rmsj {
  margin-top: 1.13333333rem;
}
.indexBox .rmsj .title {
  height: 0.78666667rem;
  background: url(../images/m_title.png) center center no-repeat;
  background-size: 100% 100%;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 0.78666667rem;
}
.indexBox .rmsj .title a {
  font-size: 0.48rem;
  color: #fff;
}
.indexBox .rmsj .list {
  width: 9.46666667rem;
  margin: 0.46666667rem auto 0;
  background: #4576e6;
  padding: 0.53333333rem 0.33333333rem 0.53333333rem 0.33333333rem;
}
.indexBox .rmsj .list li {
  margin-bottom: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.indexBox .rmsj .list li .tit {
  width: 6.2rem;
  text-align: justify;
}
.indexBox .rmsj .list li .tit a {
  font-size: 0.37333333rem;
  color: #fff;
}
.indexBox .rmsj .list li span {
  color: #9bbbfe;
  font-size: 0.32rem;
}
.indexBox .rmsj .list li:last-child {
  margin-bottom: 0;
}
.indexBox .sjfl {
  margin-top: 1.13333333rem;
  padding-bottom: 0.90666667rem;
}
.indexBox .sjfl .title {
  height: 0.78666667rem;
  background: url(../images/m_title.png) center center no-repeat;
  background-size: 100% 100%;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 0.78666667rem;
}
.indexBox .sjfl .title a {
  font-size: 0.48rem;
  color: #fff;
}
.indexBox .sjfl .swiper-container {
  width: 9.46666667rem;
  margin: 0.46666667rem auto 0.32rem;
}
.indexBox .sjfl .swiper-container .swiper-slide {
  width: 3.024rem;
  height: 3.13333333rem;
  border: 0.02666667rem solid #9ebcff;
  background: #fff;
}
.indexBox .sjfl .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.indexBox .sjfl .swiper-container .swiper-slide a .pic {
  width: 0.92rem;
  height: 0.92rem;
  bottom: 1.53333333rem;
  position: absolute;
  left: 50%;
  margin-left: -0.46rem;
}
.indexBox .sjfl .swiper-container .swiper-slide a .tit {
  width: 100%;
  font-size: 0.37333333rem;
  font-weight: bold;
  color: #4061c1;
  top: 2.06666667rem;
  text-align: center;
  padding: 0 0.13333333rem;
  position: absolute;
}
.indexBox .sjfl .swiper-container .swiper-slide:hover {
  background: #d8e4ff;
}
.indexBox .sjfl .swiper-pagination {
  position: unset;
}
.indexBox .sjfl .swiper-pagination .swiper-pagination-bullet {
  width: 0.69333333rem;
  height: 0.05333333rem;
  border-radius: 0.02666667rem;
  margin: 0;
  background: #626cd3;
  opacity: 1;
  margin-right: 0.24rem;
}
.indexBox .sjfl .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.indexBox .sjfl .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.page {
  height: 0.53333333rem;
  line-height: 0.53333333rem;
  text-align: center;
  color: #404040;
  padding-bottom: 0.53333333rem;
}
.page span {
  padding: 0 0.26666667rem;
  border: 0.01333333rem solid #ededed;
  margin-right: 0.08rem;
  border-radius: 0.06666667rem;
  line-height: 0.53333333rem;
  height: 0.53333333rem;
  display: inline-block;
  font-size: 0.26666667rem;
}
.page span.on {
  border: 0.01333333rem solid #685f8e;
  background: #685f8e;
  color: #fff;
}
.page a {
  padding: 0px 0.26666667rem;
  border: 0.01333333rem solid #ededed;
  margin-right: 0.08rem;
  color: #404040;
  line-height: 0.53333333rem;
  height: 0.53333333rem;
  display: inline-block;
  font-size: 0.26666667rem;
}
.page .cur {
  background-color: #c30006;
  color: #fff;
}
.page a:hover {
  border: 0.01333333rem solid #c30006;
  background: #c30006;
  color: #fff;
}
.page a.back:hover {
  border: 0.01333333rem solid #ededed;
  color: #404040;
  background: #fff;
}
.thirdContentBox {
  margin: 0.4rem 0.26666667rem 0;
  background-color: #FFF;
  padding: 0.13333333rem;
  overflow: hidden;
}
.thirdContentBox .title {
  font-size: 0.53333333rem;
  color: #000;
  text-align: center;
  line-height: 1.4;
  margin-top: 0.26666667rem;
}
.thirdContentBox .sourcesBox {
  border-bottom: 2px solid #bed4ee;
  padding-bottom: 0.26666667rem;
}
.thirdContentBox .sourcesBox p {
  font-size: 0.34666667rem;
  color: #777;
  margin-top: 0.13333333rem;
  text-align: center;
}
.thirdContentBox .thirdContent {
  line-height: 2;
  margin-top: 0.26666667rem;
}
.thirdContentBox .thirdContent img {
  height: auto;
  width: 100% !important;
}
.thirdContentBox .thirdContent video {
  width: 100% !important;
}
.listCon {
  padding: 0 0.4rem;
  margin: 0.53333333rem auto 0;
  height: 100%;
}
.listCon .title {
  display: flex;
  justify-content: center;
}
.listCon .title h2 {
  font-size: 0.48rem;
  color: #f67b3f;
  text-align: center;
  line-height: 0.48rem;
  font-weight: 600;
}
.listCon ul {
  margin-top: 0.4rem;
}
.listCon ul li {
  margin-bottom: 0.4rem;
}
.listCon ul li a {
  display: block;
  font-size: 0.33333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listCon ul li a::before {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: -0.02666667rem 0.13333333rem 0 0;
  background-color: #DDD;
}
.listCon ul .line {
  border-bottom: dashed 0.01333333rem #dddddd;
  margin: 0.26666667rem 0;
}
/*# sourceMappingURL=style_m.css.map */