@charset "utf-8";

.sectionBox {
  padding: 40px 0;
}

.more {
  display: block;
  width: 9em;
  margin: 1em auto 0;
  text-align: center;
  line-height: 2.5em;
  color: var(--col2);
  border: solid 1px var(--col2);
}

.more:hover {
  background: var(--col2);
  color: #fff;
}

.tit {
  text-align: center;
  font-size: 32px;
  color: #333;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.newstitle {
  font-size: 30px;
  line-height: 1.2em;
   margin-bottom: 20px;
}

/* about */
.about {
  background: var(--bg_c1);
}

.about .text {
  color: #333;
}

.about .text>*~* {
  margin-top: .7em;
}

/* Speakers */
.Speakers {
  position: relative;
  overflow: hidden;
}

.SpeakersList {
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.SpeakersList a {
  display: block;
  font-size: 1.2em;
  color: #333;
  text-align: left;
}

.SpeakersList a .pic {
  margin-bottom: 20px;

}

.SpeakersList a img {
  display: block;
  width: 100%;
}

.SpeakersList a:hover img {
  transform: scale(1.1);
}

.SpeakersList a .zhiwei {
  font-size: 16px;
  line-height: 1.5em;
  color: #666;
  border-top: solid 1px #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

.SpeakersList a:hover {
  color: var(--col2);
}

.SpeakersList a:hover .zhiwei {
  color: var(--col1);
}

.Speakers-btn {
  position: absolute;
  width: 1300px;
  left: 50%;
  margin-left: -650px;
  z-index: 9;
  height: 100px;
  top: 40%;
}

.Speakers-btn>*::after {
  color: var(--col2);
}

/* news */
.news {
  background: var(--bg_c1);
}

.newsList .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
}

.newsList .item:hover {
  color: var(--col1);
}

.newsList .item .time {
  width: 10%;
}

.newsList .item .title {
  width: 75%;
}

.newsList .item~.item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dashed 1px #ccc;
}

/* Conferences */
.Conferences {}

.ConferencesList .item {
  position: relative;
  padding-bottom: 40px;
}

.ConferencesList a {
  display: block;
  color: var(--col2);
  font-size: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: solid 1px var(--col2);
}

.ConferencesList .cont {
  text-align: left;
}

.ConferencesList .cont .title {
  color: var(--col2);
  font-size: 1.2em;
  line-height: 1.5em;
}

.ConferencesList .cont .zksj {
  font-size: 14px;
  color: #666;
  line-height: 4em;
}

.ConferencesList .desc {
  color: #999;
  font-size: 14px;
  line-height: 1.7em;
  text-align: justify;
  margin-top: 5px;
}

.ConferencesList img {
  display: block;
  width: 100%;
  transition: .5s;
}

.ConferencesList img:hover {
  transform: scale(1.05);
}

/* PHOTO */
.PHOTO {
  background: var(--bg_c1);
}

.PHOTOList {
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
}

.PHOTOList .swiper-pagination {
  bottom: 0;
  display: flex;
  justify-content: center;
}

.PHOTOList .swiper-pagination>* {
  width: 35px;
  height: 35px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #ccc;
  background: none;
  opacity: 1;
  color: #666;
}

.PHOTOList .swiper-pagination-bullet-active {
  border-color: var(--col2);
  color: var(--col2);
}

.PHOTO img {
  display: block;
  width: 100%;
}

/* SPONSORS */
.SPONSORS {
  background: url(../img/bg-sponsors.png) no-repeat top center/cover;
}

.SPONSORS .tit {
  color: #fff;
}

.SPONSORS .item {
  border: solid 1px #ccc;
}

.SPONSORS img {
  display: block;
  width: 100%;
}

/* page-main */
.page-main {
  min-height: 600px;
  padding-bottom:50px;
}

.page-main .position {
  color: #666;
  font-size: 1em;
  background: var(--bg_c1);
  padding: 15px;
  margin-bottom: 20px;
}

.page-main .position a {
  color: var(--col2);
}

.page-cont .typename {
  font-size: 2em;
  height: 1.5em;
  color: #333;
  display: flex;
  justify-content: flex-start;
  border-bottom: solid 1px #999;
  position: relative;
  margin-bottom: 30px;
}

.page-cont .typename p {
  padding: 0 .5em;
  height: calc(1.5em + 2px);
  
  border-bottom: solid 5px var(--col2);
}

.page-cont .detail {
  text-align: justify;
  font-size: 1em;
  color: #333;
}

.page-cont .detail>*~* {
  margin-top: 1em;
}

.page-cont .detail img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto !important;
}

.page-cont .detail a {
  color: var(--col1);
}

.page-cont .detail a:hover {
  color: var(--col2);
}

.page-cont hr {
  height: 1px;
  background: #ccc;
  margin: 20px 0;
}

/* SpeakersList2 */
.SpeakersList2 {}

.SpeakersList2 .item {
  display: flex;
  align-items: flex-start;
  font-size: 1em;
  line-height: 1.5;
  color: #666;
  padding: 15px;
  box-shadow: 5px 5px 10px #f2f2f2;
}

.SpeakersList2 .item~.item {
  margin-top: 15px;
}

.SpeakersList2 .item img {
  width: 120px;
}

.SpeakersList2 .item .cont {
  width: calc(100% - 120px);
  padding-left: 15px;
}

.SpeakersList2 .item .title {
  color: #333;
  font-weight: bold;
  margin:  10px 0 5px;
}