.pad_top {

  padding-top: 6.25rem;

}

.pad_bot {

  padding-bottom: 6.25rem;

}

@font-face {

  font-family: kuaikanshijieti;

  src: url(../fonts/kuaikanshijieti.ttf);

}

/* banner */

#banner {

  position: relative;

}

#banner .swiper {

  height: 87vh;

}

#banner .slide-inner {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-position: center;

  background-repeat: no-repeat !important;

  background-size: cover !important;
}

.w1200 {

  padding: 0px 50px;

  max-width: 1500px;

  margin: 0px auto;

}

#container {

  position: relative;

  background: url(../images/containerbg.jpg) no-repeat;

  background-size: cover;

  padding-top: 10rem;

}

#container .dingwei {

  position: absolute;

  top: 5rem;

  max-width: 1440px;

  width: 100%;

}

.maodian {

  display: flex;

  align-items: center;

  justify-content: space-between;

  z-index: 100;

}

.maodian.fixedTop {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  padding: 0px 50px;

  max-width: 1500px;

  margin: 0px auto;

}

.maodian a {

  border-radius: 2.5rem;

  border: 2px solid #00d5ff;

  width: 11.875rem;

  height: 5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #00d5ff;

  font-size: 1.5rem;

  background: -webkit-linear-gradient(left, #101e92 0%, #0d46ab 50%, #096ec2 75%, #0780cc 100%);

  text-transform: uppercase;

}

.maodian .on {

  background: #20b9d7;

  border: 2px solid #20b9d7;

  color: #fff;

}

/* 关于大会 */

.s_tit {

  text-align: center;

  margin: 4.375rem 0;

}

.s_tit h4 {

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%, #c6ffff 50%, rgba(46, 208, 236, 1) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: bold;

  font-size: 3.375rem;

  position: relative;

  display: inline-block;

}

.s_tit h4::before {

  content: "";

  position: absolute;

  width: 51px;

  height: 39px;

  left: -30%;

  bottom: 5%;

  background: url(../images/juzhen.png)no-repeat;

}

.s_tit h4::after {

  content: "";

  position: absolute;

  width: 11.375rem;

  height: 2rem;

  right: -2rem;

  bottom: 0;

  z-index: -1;

  background: url(../images/juzhen2.png)no-repeat;

  background-size: 100% 100%;

}

.abouttop {

  display: flex;

}

.sm_tit {

  margin-bottom: 3.75rem;

  position: relative;

  display: inline-block;

  z-index: 10;

}

.sm_tit h5 {

  color: #00d5ff;

  font-weight: bold;

  font-size: 1.625rem;

  line-height: 1.875rem;

  padding-left: 1.375rem;

  border-left: 5px solid #20b9d7;

  position: relative;

  display: inline-block;

}

.sm_tit div {

  position: absolute;

  background: url(../images/smjuzhen.png);

  width: 7rem;

  height: 1.625rem;

  right: -5rem;

  top: 10%;

  z-index: -1;

  background-size: cover;

}

.ableft {

  max-width: 37.5rem;

}

.ableft p {

  color: #fff;

  font-size: 1rem;

  line-height: 2.125rem;

  margin-bottom: 2.5rem;

}

.ableft p:last-child {

  text-align: right;

  font-weight: bold;

  line-height: 1.5rem;

}

.abouttop i {

  display: block;

  width: 8px;

  height: 568px;

  background: url(../images/midline.png)no-repeat;

  background-size: cover;

  margin: 0 6.75rem;

}

.abright h6 {

  font-weight: bold;

  font-size: 1.5rem;

  line-height: 1.875rem;

  background-image: -webkit-linear-gradient(top, #2ed0ec 40%, #37abe9 55%, #3f8be7 75% , #4377e4 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  padding-left: 1.125rem;

  position: relative;

}

.abright h6::before {

  content: "";

  position: absolute;

  width: 5px;

  height: 5px;

  background: transparent;

  border: 2px solid #33d6ff;

  left: 0;

  top: 50%;

  transform: translate(0, -50%);

  border-radius: 50%;

}

.abright h6::after {

  content: "";

  position: absolute;

  width: 76px;

  height: 93px;

  left: 50%;

  top: -50%;

  transform: translate(0, -20%);

}

.abright li {

  padding-bottom: 4.375rem;

  display: flex;

  align-items: center;

}

.abright li:nth-child(4) {

  padding-bottom: 3.375rem;

}

.abright li:last-child {

  padding-bottom: 0;

}

.abright li:nth-child(odd) h6::after {

  background: url(../images/zuoti.png)no-repeat;

  background-size: cover;

}

.abright li:nth-child(even) h6::after {

  background: url(../images/youti.png)no-repeat;

  background-size: cover;

}

.abright li P {

  color: #fff;

  line-height: 1.875rem;

  font-size: 1.25rem;

  margin-left: 5rem;

}

.lc h4 {

  text-align: center;

  font-weight: bold;

  font-size: 1.875rem;

  background-image: -webkit-linear-gradient(top, #2ed0ec 0, #34b7ea 50%, #4086e6 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  position: relative;

}

.lc h4::before {

  content: '';

  position: absolute;

  width: 25.875rem;

  height: 4.6875rem;

  left: 50%;

  top: -35%;

  transform: translate(-50%, -50%);

  background: url(../images/tit.png)no-repeat;

  background-size: cover;

}

.lctit {

  position: relative;

  margin-bottom: 2rem;

}

.lctit h3 {

  position: absolute;

  left: 50%;

  top: -30%;

  transform: translate(-50%, -50%);

  color: transparent;

  -webkit-text-stroke: 1px rgba(1, 197, 224, .15);

  font-weight: bold;

  font-size: 4.5rem;

}

.lcsx {

  background: url(../images/lcbg.png)no-repeat;

  width: 100%;

  padding: 5rem 4rem 3.125rem;

  position: relative;

}
.lcsx:last-child {
  background-size: 100% 100%;
}
.time {

  display: flex;

  align-items: center;

  gap: 1.375rem;

}

.line- {

  position: relative;

}

.line-::before {

  content: '';

  position: absolute;

  width: 2px;

  height: 100%;

  left: 4px;

  top: 25px;

  background: url(../images/lines.png)no-repeat;

  background-size: 100% 100%;

}

.time h5 {

  background: url(../images/time.png)no-repeat;

  background-size: cover;

  width: 10.875rem;

  height: 2.5rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-family: Roboto;

  font-weight: bold;

  font-size: 1.375rem;

  line-height: 2.25rem;

  padding-left: 1rem;

  flex-shrink: 0;

}

.time i {

  display: block;

  width: 2.5rem;

  height: 4px;

  border-radius: 1px;

  background: #0ca8c7;

}

.time p {

  color: #fff;

  font-size: 1.5rem;

  line-height: 2.25rem;

}
.lcsx .sisitu {
  height: 470px;
}
.lcsx .line- > img {

  display: block;

  position: absolute;
  left: 50%;

  top: 65%;

  height: 500px;
  transform: translate(-50%,-50%);

}

.lcsx .timu {

  width: 100%;

  background: #00aeca;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 7px;

  color: #120839;

  font-size: 1.25rem;

  font-weight: bold;

  height: 2.875rem;

  padding: 0 1rem;

}

.ziliao {

  margin-top: 3.125rem;

  display: flex;


  padding-left: 17.25rem;

}

.ziliao .rw {

  max-width: 35.625rem;

  width: 100%;

  padding-top: 2rem;

  margin-right: 5rem;

}

.ziliao .name {

  display: flex;

  align-items: center;

  color: #20b9d7;

  font-size: 1.875rem;

  line-height: 2.25rem;

  padding-bottom: 1.5rem;

  border-bottom: 1px solid rgba(32, 185, 215, .3);

}

.ziliao .name span {

  margin: 0 1.25rem 0 1.5rem;

}

.ziliao ul {

  margin-top: 2.5rem;

}

.ziliao ul li {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 2rem;

  color: #fff;

  font-size: 1rem;

  line-height: 2rem;

  padding-left: 1.5rem;

  position: relative;

}

.ziliao ul li span {
  width: 5rem;
  text-align: left;
  flex-shrink: 0;
}


.ziliao ul li::before {

  content: '';

  position: absolute;

  width: 7px;

  height: 7px;

  border: 1px solid #32d2fb;

  border-radius: 50%;

  left: 0;

  top: 10px;

}

.ziliao > img {

  border-radius: 20px;

  object-fit: cover;

}

.kstop {

  margin-top: 3rem;

}

.luntan {

  display: flex;

  align-items: center;

  gap: 1.375rem;

  margin: 3.125rem 0;

  padding-left: 16rem;

}

.luntan li {

  position: relative;

  width: 25%;

  padding: 0rem 0 2.5rem;

  text-align: center;

}

.luntan li::before {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  background: url(../images/tuoyuan.png)no-repeat;

  width: 100%;

  height: 1.375rem;

  background-size: 100% 100%;

}

.luntan li span {

  text-align: center;

  font-size: 1.05rem;

  line-height: 1.75rem;

  font-weight: bold;

  background-image: -webkit-linear-gradient(top, #a3f1ff 30%, #b7d9f1 50%, #b9c9ff 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: bold;

}

.luntan li p {

  font-size: 1.875rem;

  background-image: -webkit-linear-gradient(top, #2ed0ec 30%, #2d9ce7 50%, #2a55de 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: bold; 
	
  line-height: 4rem;

}

.hcmsg {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 3.75rem;

}

.hcmsg .sm_tit {

  margin-bottom: 0;

}

.hcmsg .zixun {

  max-width: 51.0625rem;

  background: #093965;

  border-radius: 2rem;

  height: 4.25rem;

  display: flex;

  align-items: center;

  overflow: hidden;

}

.hcmsg .zixun > p {

  color: #fff;

  width: 12.5rem;

  background: #00adc9;

  font-size: 1.25rem;

  line-height: 1.5rem;

  font-weight: bold;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  border-radius: 0 2rem 0 0;

  flex-shrink: 0;

  gap: 10px;

}

.hcmsg .zixun > div {

  display: flex;

  align-items: center;

  padding: 0 3.75rem;

}

.hcmsg .zixun div > div {

  display: flex;

  align-items: center;

}

.hcmsg .zixun div p {

  color: #fff;

  font-size: 1rem;

  line-height: 2.25rem;

  flex-shrink: 0;

}

.hcmsg .zixun .icos {

  width: 2.75rem;

  height: 2.75rem;

  border-radius: 50%;

  background: #20b8d7;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  flex-shrink: 0;
}

.address {

  display: grid;

  grid-template-columns: 1fr 818px;

  border-radius: 2.5rem;

  overflow: hidden;

}

.address .jiud {

  background: #03175d;

  border-radius: 2.5rem 0 0 2.5rem;

  border: 2px solid rgba(0, 204, 247, .4);

  padding: 6.25rem 5.9375rem 3.75rem;

}

.address .jiud h5 {

  color: #fff;

  font-size: 1.75rem;

  line-height: 2.25rem;

  font-weight: bold;

  position: relative;

}

.address .jiud h5::before {

  content: '';

  position: absolute;

  width: 6px;

  height: 6px;

  border: 2px solid #33d6ff;

  border-radius: 50%;

  left: -1.25rem;

  top: 12px;

}

.address .jiud .xxad {

  font-size: 1rem;

  line-height: 1.875rem;

  color: #fff;

  padding: 2.25rem 0;

}

.address .jiud .mas {

  display: flex;

  align-items: center;

}

.address .jiud .mas p {

  text-align: center;

  font-size: .875rem;

  line-height: 3.5rem;

  color: #fff;

}

.mapbox {

  width: 100%;

  height: 520px;

}

#containers {

  width: 100%;

  height: 100%;

}
/* 
.slide_navss {

  display: flex;

  align-items: center;

  gap: 3.75rem;

  padding-bottom: 3.5rem;

} */

.slide_navss li, .slide_navs li {

  border-radius: 2.5rem;

  border: 2px solid #00d5ff;

  width: 14.5rem;

  height: 5rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background: -webkit-linear-gradient(left, #080666 0%, #062f80 25%, #054897 50%, #046bb1 75%, #0386c3 100%);

  text-transform: uppercase;

  position: relative;

}

.slide_navss li::before, .slide_navs li::before {

  content: '';

  position: absolute;

  width: 29px;

  height: 22px;

  background: url(../images/arrow.png)no-repeat;

  bottom: -25px;

  left: 50%;

  transform: translate(-50%, 0);

  opacity: 0;

}

.slide_navss li p, .slide_navs li p {

  font-size: 1.25rem;

  line-height: 1.5;

  font-weight: 500;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%, #bdfdff 50%, #2ed0ec 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.slide_navss li span {

  font-size: .9375rem;

  line-height: 1.5;

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 45%, #bdfdff 50%, #2ed0ec 100%);

  -webkit-background-clip: text;

  font-weight: 500;

  -webkit-text-fill-color: transparent;

}

.slide_navss li.on, .slide_navs li.on {

  background: #20b9d7;

  border: 2px solid #20b9d7;

}

.slide_navss li.on p, .slide_navss li.on span, .slide_navs li.on p {

  background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%);

}

.slide_navss li.on::before, .slide_navs li.on::before {

  opacity: 1;

}
#gewen {
  padding-bottom: 3.5rem;
}
.slide_for, .slide_fors {

  position: relative;

}

.slide_for .li > div {

  display: grid;

  gap: 1.4375rem;

  grid-template-columns: 1fr 1fr;

}

.slide_for .li, .slide_fors .li {

  position: relative;

  transition: .5s;

  opacity: 1;

  visibility: visible;

}

.slide_for a {

  cursor: pointer;

  display: block;

  height: 100%;

}

.slide_for .li + .li, .slide_fors .li + .li {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.slide_for .li.hide, .slide_fors .li.hide {

  opacity: 0;

  visibility: hidden;

}

.slide_for li > div > div {

  border-radius: 1.875rem;

  overflow: hidden;

  position: relative;

}

.slide_for .li .jjjj {

  background: -webkit-linear-gradient(top, #30accd 0%, #4389b4 25%, #3d518e 50%, #2a2f79 75%, #0a075d 100%);

  padding: 2.25rem 2.625rem 4.25rem 3.125rem;

}

.slide_for .li .jjys p {

  color: #fff;

  font-size: 1rem;

  line-height: 1.125rem;

}

.slide_for .li .jjys .video_s {

  background: rgba(0, 0, 0, .3);

  opacity: 1;

}

.slide_for .li .jjys:hover .video_s {

  background: rgba(0, 0, 0, .1);

}
.slide_fors {
  height: 20rem;
}
/* .slide_for .li .jjys {



    background: -webkit-linear-gradient(top, #1c32c0 0%, #3946ad 25%, #414695 50%, #303076 75%, #0b085a 100%);



} */

.slide_for .jstit {

  display: flex;

  align-items: center;

  background-image: -webkit-linear-gradient(top, #fff 45%, #dbffff 60%, #2ed0ec 100%);

  -webkit-background-clip: text;

  font-weight: bold;

  -webkit-text-fill-color: transparent;

  font-size: 1.5rem;

  line-height: 1.875rem;

  gap: 5px;

  margin-bottom: 1.5rem;

}

.slide_for .jjjj p {

  color: rgba(255, 255, 255, .7);

  font-size: 1rem;

  line-height: 2rem;

  display: -webkit-box;

  -webkit-line-clamp: 3; /* 显示行数 */

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.switchjs {}

.fivejs .li > a {

  margin: 3rem auto 3.125rem;

  max-width: 13.3125rem;

  height: 3.625rem;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #0e0737;

  font-size: 1.125rem;

  line-height: 1.5rem;

  position: relative;

  background: url(../images/ckxx.png)no-repeat;

  padding-left: 1.5rem;

}

.fivejs .li > a::before {

  content: '';

  position: absolute;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  border: 2px solid #0e0737;

  left: 30%;

}

#container .liness {

  width: 100%;

  height: 5px;

  background: rgba(25, 119, 174, .2);

}

.imgs img, .imgs {

  object-fit: cover;

  width: 100%;

  height: 100%;

  display: block;

}

.cdmo p {

  color: #fff;

  font-size: 1rem;

  line-height: 2rem;

}

.cdmo img {

  display: block;

  margin: 4.375rem auto;

  width: 100%;

}

.cdmo .big {

  padding: 0 4.625rem;

}

.slide_navs {

  display: flex;

  align-items: center;

  justify-content: center;


  padding-bottom: 3.75rem;

}
.slide_navs li {
  margin-right: 1.375rem;
}
.slide_navs li:last-child {
  margin-right: 0;
}
.n_zhanhui_pic {

  width: 100%;

  overflow: hidden;

  background: url(../images/n_zhanhui_pic_bg.png)bottom no-repeat;

}

.dowebok {

  font-size: 0;

  background: none !important

}

.dowebok li {

  display: inline-block;

  width: 26.375rem;

  padding: 0 .59375rem

}

.dowebok li .img {

  border: 3px solid #fff;

  position: relative;

}

.dowebok1 {

  margin-bottom: 1.25rem

}

.tanchuang {
  padding: 0;
  max-width: 1040px;
  width: 100%;
  padding: 0 20px;
  margin: 5rem auto;
  -webkit-animation: zoom 0.6s;
  position: relative;

  animation: zoom 0.6s;

}

.tanchuang button {

  width: 3.5rem;

  height: 3.5rem;

}

.tanchuang svg path {

  fill: #fff;

}

.tctit {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 3rem 2rem;

  background: #122299;

}

.tanchuang .tctit h4 {

  display: flex;

  align-items: flex-end;

  color: #00f0ff;

  font-size: 2.5rem;

  line-height: 3.375rem;
  flex-wrap: wrap;

}

.tanchuang h4 span {

  font-size: 1.5rem;

  line-height: 2.5rem;

}

.tccon {

  background: url(../images/tancbg.jpg)no-repeat;

  padding: 2.5rem 3.75rem;

  background-size: cover;

  max-height: 37.5rem;

  overflow: auto;

}

.tccon h5  {

  border-left: 5px solid #0821d0;
  color: #0821d0;
}


.tccon h5 {
  margin: 1.875rem 0 1.5rem;
  position: relative;
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.875rem;
  padding-left: 1.375rem;
  display: inline-block;
  z-index: 10;
}


.tccon  h5::before {
  content: "";

  position: absolute;

  width: 112px;

  height: 26px;

  right: -75px;

  background: url(../images/ckxxs.png)no-repeat;

  z-index: -1;

}


.tccon p {

  color: #313131;

  font-size: .9375rem;

  line-height: 1.875rem;

  margin-bottom: 0;

}

.tccon img {

  margin: 1rem auto;

  display: block;

}

.tccon table {

  max-width: 720px;

  margin: auto;

}

.tccon th {

  background: #0821d0;

  color: #fff;

  font-size: 1.125rem;

  line-height: 3.375rem;

  border: 1px solid #606cc1;

}

.tccon td {

  color: #393939;

  font-size: .875rem;

  border: 1px solid #606cc1 !important;

}

.video_s {

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .8);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 1.5rem;

  color: #fff;

  font-size: 1rem;

  line-height: 1.125rem;

  opacity: 0;

  transition: all .4s;

  top: 0;

  left: 0;

}

.videos li:hover .video_s {

  opacity: 1;

}

.s_new .w1200 > ul {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 3.0625rem;

}

.s_new ul .img {

  position: relative;

}

.s_new ul .shadows {

  background: url(../images/shadowbg.png)no-repeat;

  width: 100%;

  height: 10rem;

  position: absolute;

  bottom: 0;

  color: #ffffff;

  background-size: cover;

  padding: 0 2.25rem 1rem;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

}

.s_new ul .shadows span {

  font-size: .875rem;

  line-height: 1.25rem;

  font-family: Roboto;

  margin: 2rem 0 1rem;

  display: block;

}

.s_new ul .shadows p {

  line-height: 1.875rem;

  font-size: 1.375rem;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  font-weight: bold;

}

.news {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 3.125rem;

  margin-top: 1.5625rem;

}

.news ul {

  display: flex;

  flex-direction: column;

  gap: 1.5625rem;

}

.news ul li a {

  display: flex;

}
.news ul li:hover h5 {
  color: #1ea8ca;
}
.news ul li a .img {

  max-width: 14.6875rem;

  flex-shrink: 0;

  width: 100%;

}

.s_new .news .bqs {

  background: url(../images/bqbbg.png)no-repeat;

  width: 4.6875rem;

  height: 1.875rem;

  color: #fff;

  font-size: .8125rem;

  line-height: 1.3125rem;

  text-transform: uppercase;

  display: flex;

  align-items: center;

  justify-content: center

}

.s_new .news h5 {

  color: #fff;

  font-size: 1.125rem;

  line-height: 1.5625rem;

  margin: .75rem 0 .5rem;

  height: 3rem;

  transition: all .4s;

}

.s_new .news .newscon {

  padding: 0.625rem 0 0;

  overflow: hidden;

  margin-left: 1.25rem;

}

.s_new .news p {

  display: -webkit-box;

  -webkit-line-clamp: 1; /* 显示行数 */

  -webkit-box-orient: vertical;

  overflow: hidden;

  font-size: .875rem;

  line-height: 1.3125rem;

  color: #808080;

  margin: 1rem 0;

  width: 100%;

}

.s_new .newscon span {

  color: #808080;

  font-size: .875rem;

  line-height: 1.3125rem;

  font-family: Roboto;

}

.hottalk {

  display:grid;

  grid-template-columns: 1fr 1fr;

  gap: 5.625rem;

  padding: 0 3.4375rem;

}

.hottalk h5 {

  color: #00cfff;

  font-size: 2.25rem;

  margin: 1rem 0 .5rem;

}

.bang {

  position: relative;

}

.hotbang {
  
  width: 37.5rem;

  background: url(../images/hot.png)#130c38 no-repeat;

  background-size: 100% 100%;

  padding: 9.25rem 1.25rem 2rem;

  height: 100%;

}

.bangtit {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 3rem;

  padding: 0 1.5rem;

  position: absolute;

  top: 3rem;

  width: 100%;

  max-width: 37.5rem;

}

.bangtit div {

  display: flex;

  align-items: center;


}

.bangtit h4 {

  color: #fff;

  font-family: kuaikanshijieti;

  font-size: 2.25rem;
  
  line-height: 1.5;

  margin-right: 1.75rem;

}

.bangtit a {

  font-weight: bold;

  font-size: 1.125rem;

  line-height: 1.875rem;

  background-image: -webkit-linear-gradient(top, #fff 30%, #e6ffff 40%, #3cc5e8 75%, #2abfe5 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.hotbang ul {

  padding: 2rem 1.75rem;

  display: flex;

  flex-direction: column;

  gap: 1rem;

}

.hotbang li a {

  display: flex;

}

.hotnum {

  color: #fff;

  font-size: 2.25rem;

  font-weight: bold;

  font-style: italic;

  line-height: 1.875;

  position: relative;

  z-index: 10;

  margin-right: 1.25rem;

}

.hots::before {

  content: '';

  position: absolute;

  background: url(../images/guangdian.png)no-repeat;

  width: 39px;

  height: 39px;

  z-index: -1;

  top: 40%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.hotbang li h5 {

  color: #fff;

  font-size: 1rem;

  line-height: 1.875rem;

  font-weight: bold;

  display: -webkit-box;

  -webkit-line-clamp: 1; /* 显示行数 */

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.hotbang li .hcon {

  color: rgba(255, 255, 255, .5);

  font-size: .875rem;

  line-height: 1.875rem;

  height: 2.25rem;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #1a114e;

  border-radius: 1.25rem;

  padding: 0 1.125rem;

  display: -webkit-box;

  -webkit-line-clamp: 1; /* 显示行数 */

  -webkit-box-orient: vertical;

  overflow: hidden;

}
.hotbang li:nth-child(4) .hots::before , .hotbang li:nth-child(5) .hots::before {
  opacity: 0;
}

.aboutdh, .jishu, .n_zhanhui_pic, .xianchang, .s_new, .talk {

  position: relative;

}

#nav_1, #nav_2, #nav_3, #nav_4, #nav_5, #nav_6 {

  position: absolute;

  top: -6rem;

}

.amap-copyright , .amap-logo {
  display: none !important;
}

.fancybox-caption {
  bottom: 5%;
  color: #fff;
  font-size: .9375rem;
  line-height: 1.875rem;
  font-weight: 400;
  left: 50%;
  width: 50%;
  transform: translate(-50%,0);
  text-align: left;
  background: none;
}
.fancybox-slide--image .fancybox-content {
  width: 58.4375rem !important;
  height: 39.375rem !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
  border-radius: 5px;
  background: #fff !important;
}
.fancybox-image {
  padding: 5px;
  border-radius: 5px;
}


.ph {
  display: none;
}

.ziliao ul li p {
  width: 100%;
}



.modal {



  display: none;



  width: 100%;



  height: 100%;



  position: fixed;



  left: 0;



  top: 0;



  z-index: 1000;



  background-color: rgba(0, 0, 0, 0.5);







}





@-webkit-keyframes zoom {



    from {

        -webkit-transform: scale(0)

    }



    to {

        -webkit-transform: scale(1)

    }



}



@keyframes zoom {



    from {

        transform: scale(0)

    }



    to {

        transform: scale(1)

    }



}

.close {

  position: absolute;

  right: 2.5rem;
  top: 1.5rem;

  cursor: pointer;

}



.close:hover svg path,

.close:focus svg path {

  fill: #1ea8ca;



}

.tc_close svg {
  width: 2.625rem;
  height: 2.625rem;
}



/* 视频弹窗 */
.tc {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}

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

.tc_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}

.tc.act {
  opacity: 1;
  visibility: visible;
}

.tc_btn {
  cursor: pointer;
}

.tc_video {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  background: none;
  position: relative;
}

.tc_video #my-video {
  position: relative;
  height: 0;
  padding-top: 60%;
}

.tc_video #my-video video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.tc_video .tc_close {
  display: block;
  position: absolute;
  top: -2rem;
  right: -3rem;
  border-radius: 50%;
}

.video-js {
  width: 100% !important;
  height: 100% !important;
}

.video-js .vjs-big-play-button {
  left: 50% !important;
  top: 50% !important;
  margin-left: calc(-1.6rem - 5px);
  margin-top: calc(-1.6rem - 5px);
  background-color: rgba(0, 0, 0, 0) !important;
}

video {
  object-fit: fill;
}

.vjs-poster {
  background-size: cover !important;
}

.s_video .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s_video {
  position: relative;
}