@charset "utf-8";

/*CSS通用重置样式*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

fieldset,
img {
  border: 0;
}

:focus {
  outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup,
i {
  font-style: normal;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

code,
kbd,
samp,
tt {
  font-size: 100%;
}

input,
button,
textarea,
select {
  *font-size: 100%;
}

body {
font-size:0.28rem;
  color: #333;
  background: #EBF6FE;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

sup,
sub {
  font-size: 100%;
  vertical-align: baseline;
}

:link,
:visited,
ins {
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

.clearfix:before,
.cf:before,
.clearfix:after,
.cf:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after,
.cf:after {
  clear: both;
}

.clearfix,
.cf {
  zoom: 1;
}

html {
  _text-overflow: ellipsis;
}

/*���IE6��ͼƬ����*/
iframe {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

/* Init */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

/* common */
body {
  font: 14px/1.5 "Helvetica Neue", Microsoft YaHei, "Microsoft Yahei", Helmet, Freesans, sans-serif;
  color: #333333;
}

a,
a:visited {
  text-decoration: none;
}

.clearer {
  line-height: 0px;
  clear: both;
}

strong {
  font-weight: bold;
}

/* new clear .clear{overflow:hidden; zoom:1; clear:both;}*/
.clear:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clear {
  display: inline-block;
}

/**/
/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}

.clear {
  display: block;
}

/**/
/* End hide from IE-mac */




.banner {
  width: 7.5rem;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.banner img {
  width: 100%;
}

.headline {
  width: 7.5rem;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.headline a {
  padding: 0.3rem 0.3rem;
  font-size: 0.38rem;
  font-weight: bold;
  color: #974b93;
  display: block;
}

.swiper-banner {
  width: 7rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  margin-top: 0.2rem;
}

.swiper-banner .swiper-slide {
  position: relative;
}

.swiper-banner .swiper-slide img {
  width: 100%;
  ;
}

.swiper-banner .swiper-slide h5 {
  width: 6.6rem;
  position: absolute;
  bottom: 0;
  font-size: 0.28rem;
  left: 0;
  padding: .2rem 0.2rem 0.6rem 0.2rem;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(64%, rgba(0, 0, 0, 0.56)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 3;
}

.swiper-banner .swiper-slide h5 a {
  color: #fff;
}


.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: left;
  bottom: .24rem;
  left: .32rem;
  right: auto;
  line-height: 0;
  background: transparent;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  /* background: #e3e3e3; */
  margin: 0 .04rem;
  width: .12rem;
  height: .12rem;
  background: white;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  background: #5389e2 !important;
  width: .26rem !important;
  border-radius: .08rem;
  opacity: 1 !important;

}

.common-ul {
  width: 7rem;
  margin: 0 auto;
}

.common-li {
  padding: 0.3rem 0rem;
  border-bottom: dashed 1px #b9cef0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.common-li img {
  float: right;
  width: 2.25rem;
  height: 1.26rem;
  min-height: 1rem;
  margin-left: 0.32rem;
  border-radius: 0.08rem;
  object-fit: cover;
}

.common-li .title {
  color: #333;
  font-size: 0.32rem;
  overflow: hidden;
  /* display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; */
}

.common-li .title a {
  color: #333;
}

.top {
  width: 7.5rem;
  margin: 0 auto;
  margin-top: 0.8rem
}

.top img {
  width: 100%;
  ;
}

.gengd {
  width: 2.4rem;
  height: 0.68rem;
  margin: 0.45rem auto 0;
  text-align: center;
  background: #003ba7;
  font: 0.28rem/0.68rem "Microsoft YaHei";
  color: #fff;
  border-radius: 25px;
}

.gengd a {
  color: #fff;
}




.support-con {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 0.45rem;
}

.support-container {
  width: 16rem;
  margin: 0 auto;
  overflow: hidden;
  margin-left: -4.2rem;
}

.support-container .swiper-slide {
  text-align: center;
  transition: 300ms;
  transform: scale(0.8);
}


.support-container .swiper-slide img {
  width: 100%;
  border-radius: 0.2rem;
}

.support-container .swiper-slide h5 {
  font-size: 0.34rem;
  color: #333;
  padding-top: 0.18rem;
}

.support-container .swiper-slide h5 a {
  color: #333;
}

.support-container .swiper-slide-active,
.swiper-slide-duplicate-active {
  transform: scale(1);
}

.support-left,
.support-right {
  z-index: 9;
  position: absolute;
  width: 0.55rem;
  height: 0.98rem;
  top: 45%;
  transform: translateY(-50%);
}

.support-left {
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/202495left_m.png) no-repeat 0 0;
  left: 0.2rem;
  background-size: 100%;
}

.support-right {
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/202495right_m.png) no-repeat 0 0;
  right: 0.2rem;
  background-size: 100%;
}




.online-container {
  width: 7rem;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 0.45rem;
  position: relative;
}

.online-container .swiper-slide {
  width: 7rem;
}

.online-container .swiper-slide img {
  width: 7rem;
  border-radius: 0.2rem;
}

.online-container .swiper-slide h5 {
  font-size: 0.34rem;
  font-weight: bold;
  color: #333;
  padding-top: 0.15rem;
}

.online-container .swiper-slide h5 a {
  color: #333
}

.online-container .swiper-slide p {
  font-size: 0.28rem;
  color: #6e6e6e;
  padding-top: 0.15rem;
  line-height: 0.48rem;
  ;
}

.online-container .swiper-slide p a {
  color: #6e6e6e
}




.online-container .swiper-horizontal>.swiper-pagination-bullets,
.online-container .swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: left;
  top: 3.6rem;
  left: .32rem;
  right: auto;
  line-height: 0;
  background: transparent;
}

.online-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.online-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .04rem;
  width: .12rem;
  height: .12rem;
  background: #97aeec;
  opacity: 0.5;
}

.online-container .swiper-pagination-bullet-active {
  background: #39559f !important;
  width: .26rem !important;
  border-radius: .08rem;
  opacity: 1 !important;

}









.forum {
  width: 7rem;
  margin:0 auto;
  margin-top:0.45rem;
}
.forum img {
  width: 100%;
  border-radius: 0.2rem;
}
.forum h5 {
  color:#333;
  font-weight:bold;
  font-size:0.34rem;
  padding-top:0.15rem;
}
.forum h5 a {
  color:#333;
}













.plan-con {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 0.45rem;
}

.plan-container {
  width: 16rem;
  margin: 0 auto;
  overflow: hidden;
  margin-left: -4.2rem;
}

.plan-container .swiper-slide {
  text-align: center;

  background: #fff;
  transition: 300ms;
  transform: scale(0.8);
}


.plan-container .swiper-slide img {
  width: 100%;
}

.plan-container .swiper-slide h5 {
  font-size: 0.34rem;
  color: #333;
  padding-top: 0.18rem;
  display: none;
}

.plan-container .swiper-slide h5 a {
  color: #333;
}

.plan-container .swiper-slide-active,
.swiper-slide-duplicate-active {
  transform: scale(1);
}

.plan-left,
.plan-right {
  z-index: 9;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  top: 45%;
  transform: translateY(-50%);
}

.plan-left {
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/20231115left.png) no-repeat 0 0;
  left: 0;
  background-size: 100%;
}

.plan-right {
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/20231115right.png) no-repeat 0 0;
  right: 0;
  background-size: 100%;
}



.newepoch {
  width: 7.5rem;
  margin:0 auto;
  overflow: hidden;
}
.newepoch .item {
  width: 3.5rem;
  float:left;
  margin-left:0.15rem;
  margin-top:0.25rem;
  margin-right:0.10rem;
}
.newepoch .item img {
  width: 100%;
  border-radius: 0.2rem;
}

.newepoch .item h5 {
  font-size:0.28rem;
  padding-top:0.15rem;
  color:#333;
}

.newepoch .item h5 a {
  color:#333;
}




.swiper-survey {
  width: 7rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  margin-top: 0.4rem;
}

.swiper-survey .swiper-slide {
  position: relative;
}

.swiper-survey .swiper-slide img {
  width: 100%;
  ;
}

.swiper-survey .swiper-slide h5 {
  width: 6.6rem;
  position: absolute;
  bottom: 0;
  font-size: 0.28rem;
  left: 0;
  padding: .2rem 0.2rem 0.6rem 0.2rem;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(64%, rgba(0, 0, 0, 0.56)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 3;
}

.swiper-survey .swiper-slide h5 a {
  color: #fff;
}













.swiper-interview {
  width: 7rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  margin-top: 0.4rem;
}

.swiper-interview .swiper-slide {
  position: relative;
}

.swiper-interview .swiper-slide img {
  width: 100%;
  ;
}

.swiper-interview .swiper-slide h5 {
  width: 6.6rem;
  position: absolute;
  bottom: 0;
  font-size: 0.28rem;
  left: 0;
  padding: .2rem 0.2rem 0.6rem 0.2rem;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(64%, rgba(0, 0, 0, 0.56)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 3;
}

.swiper-interview .swiper-slide h5 a {
  color: #fff;
}


.onedelay {
  -webkit-transition: transform 1.0s;
  animation-delay: 0.3s
}

.onedelaya {
  animation-delay: 0.5s
}

.onedelayb {
  animation-delay: 1s
}

.onedelayc {
  animation-delay: 2s
}

.onedelayd {
  animation-delay: 3s
}



.invite-img {
  width: 5rem;
  margin:0 auto;
  margin-top:0.45rem;
  border:0.2rem solid #5f75c4;
  box-shadow: 4px 1px 14px 0px #2f3d71
}

.invite-img img {
  width: 100%;
}


.invit-video {
  width: 6.4rem;
  margin:0 auto;
  border:0.2rem solid #fff;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 10px 0px #5e5e5e;
  margin-top:0.65rem;
}

.invit-video video {
  width: 100%;
}






.wp-con {
  width:7.5rem;
  margin:0 auto;
margin-top:0.25rem;
 overflow: hidden;;
}

.wp-con .item {
  width:6.8rem;
  margin:0 auto;
  margin-top:0.25rem;
  padding-bottom:0.25rem;
  border-bottom:1px dashed #d9d9d9;
}

.wp-con .item h3 {
  font-size:0.34rem;
  font-weight: bold;
  color:#6da2e8
}
.wp-con .item h3 a {
  color:#6da2e8
}



.wp-con .item p {
  font-size:0.28rem;
  padding-top:0.15rem;
 
  color:#333
}
.wp-con .item p a {
  color:#333
}


.comment-left {
  width: 6rem;
  margin: 0 auto;
  position: relative;
  margin-top: 0.4rem;
  margin-bottom:0.2rem
}
.comment-swiper {
  width: 5rem;
  margin:0 auto;
  position: relative;
  overflow: hidden;
 }
 .comment-swiper .swiper-slide {
  width:305px;
  position: relative;
 }
 .comment-swiper .swiper-slide img {
  width: 100%;;
 }
 .comment-swiper .swiper-slide  h5 {
  color: #fff;
  width: 96%;
  padding: 0 2%;
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 10;
  height: auto;
  line-height: 0.45rem;
  background: #5e98d7;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
  text-align: center;
  font-size: 0.28rem;
 }
 .comment-swiper .swiper-slide h5 a {
  color:#fff;
 }

 .arrow-leftb{
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/202495left_m.png) no-repeat 0 0;
  left: -0.3rem;
  background-size: 100%;
  z-index: 9;
  position: absolute;
  width: 0.55rem;
  height: 0.98rem;
  top: 45%;
  transform: translateY(-50%);
}

.arrow-rightb {
  z-index: 9;
  position: absolute;
  width: 0.55rem;
  height: 0.98rem;
  top: 45%;
  transform: translateY(-50%);
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/202495right_m.png) no-repeat 0 0;
  right:-0.3rem;
  background-size: 100%;
}

.footbg {
  width: 7.5rem;
  padding-bottom:0.5rem;
  background: url(https://nfcms-mainsiteoss.southcn.com/news/__tpl_asset/zt/img/202495bg3.jpg) no-repeat bottom center;
  background-size: 100%;;
}

.m-ft .finfo {
  display: block !important;
}