﻿
/* 关于大会 */

.headerBg {
  height: auto;
  padding-bottom: 50px;
}

.introduction {
  width: 100%;
  min-height: 787px;
  background-color: #FDFFF8;
  padding: 60px 75px;
  margin-top: 50px;
  margin-top: 50px;
}
.introduction>div {
  text-align: center;
}
.introduction>div>h3 {
  display: inline-block;
  padding: 0px 120px;
  text-align: center;
  font-size: 30px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #357381;
  line-height: 35px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.introduction>div>h3:after {
  content: '';
  display: block;
  width: 99px;
  height: 10px;
  background: url(../images/icon_introduction_right.png) no-repeat center center;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.introduction>div>h3:before {
  content: '';
  display: block;
  width: 99px;
  height: 10px;
  background: url(../images/icon_introduction_left.png) no-repeat center center;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 50%;
  margin-top: -5px;
}
.introduction>p {
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 21px;
  margin-bottom: 20px;
  text-indent: 2em;
}

/* 会议日程 */

.scheduleCont {
  width: 100%;
  margin-top: 50px;
}
.scheduleList {
  width: 100%;
  background-color: #DDF1F0;
}
.schedulePic {
  width: 395px;
  height: 276px;
  overflow: hidden;
}
.schedulePic>img {
  display: block;
  width: 100%;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.scheduleTitle {
  width: calc(100% - 410px);
  height: 276px;
  background: url(../images/scheduletitlebg.png) no-repeat left center / contain;
  padding: 20px 20px;
  text-align: left;
}
.scheduleTitle>span {
  display: block;
  font-size: 20px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 65px;
}
.scheduleTitle>h3 {
  display: block;
  font-size: 24px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 47px;
  margin-top: 10px;
}
.scheduleList+.scheduleList {
  margin-top: 30px;
}
.scheduleList:hover .schedulePic>img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/* 理事会 */

.teacherBox {
  width: 100%;
  min-height: 787px;
  background-color: #FDFFF8;
  padding: 60px 45px;
  margin-top: 50px;
}
.teacherBox>div {
  text-align: center;
}
.teacherBox>div>h3 {
  display: inline-block;
  padding: 0px 120px;
  text-align: center;
  font-size: 30px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #357381;
  line-height: 35px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.teacherBox>div>h3:after {
  content: '';
  display: block;
  width: 99px;
  height: 10px;
  background: url(../images/icon_introduction_right.png) no-repeat center center;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.teacherBox>div>h3:before {
  content: '';
  display: block;
  width: 99px;
  height: 10px;
  background: url(../images/icon_introduction_left.png) no-repeat center center;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 50%;
  margin-top: -5px;
}
.teacherCont {
  width: 100%;
  margin-top: 35px;
  /*display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;*/
}
.teacherList {
  width: 259px;
  height: 397px;
  background-color: #E4F1F4;
  padding: 14px 18px;
  margin-bottom: 30px;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.teacherList+.teacherList {
  margin-left: 20px;
}
.teacherList:nth-child(4n+1) {
  margin-left: 0px;
}
.teacherPic {
  width: 223px;
  height: 219px;
  overflow: hidden;
}
.teacherTitle {
  width: 100%;
  margin-top: 21px;
}
.teacherTitleBg {
  width: 100%;
  height: 53px;
  background: url(../images/icon_teacher_title.png) no-repeat center center / contain;
}
.teacherTitleBg>span {
  display: inline-block;
  font-size: 12px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  transform: translateY(-8px);
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
}
.teacherTitleBg>h3 {
  font-size: 20px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 23px;
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
}
.teacherTitle>p {
  text-align: left;
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  margin-top: 20px;
}
.teacherList:hover {
  background-color: #328497;
}
.teacherList:hover span,
.teacherList:hover p,
.teacherList:hover h3 {
  color: #ffffff;
}
.teacherList:hover .teacherTitleBg {
  background: url(../images/icon_teacher_title_h.png) no-repeat center center / contain;
}
.teacherList:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
}
.page {
  width: 100%;
  margin-top: 30px;
  text-align: right !important;
  display: flex;
  justify-content: flex-end;
}
.page .length {
  display: inline-block;
  float: left;
  width: 47px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 16px;
  color: #000000;
  margin: 0px 5px;
}
.page .length:hover {
  background: url(../images/length.png) no-repeat !important;
  color: #ffffff !important;
}
.page .length.on {
  background: url(../images/length.png) no-repeat !important;
  color: #ffffff !important;
}
.page .page_prev {
  display: inline-block;
  float: left;
  width: 47px;
  margin-right: 10px;
  height: 46px;
  background: url(../images/page_prev.png) no-repeat;
}
.page .page_next {
  display: inline-block;
  float: left;
  width: 47px;
  height: 46px;
  background: url(../images/page_next.png) no-repeat;
  margin-left: 10px;
  margin-left: 10px;
}

/* 参会人员详情 */

.teacherArticleCont {
  width: 100%;
  margin-top: 70px;
}
.teacherArticlePic {
  width: 283px;
  height: 283px;
  overflow: hidden;
}
.teacherArticlePic>img {
  display: block;
  width: 100%;
  border: 10px solid #328497;
}
.teacherArticleText {
  width: calc(100% - 320px);
  text-align: left;
  padding-top: 35px;
}
.teacherArticleTextTitle {
  background: url(../images/teacher_title_bg.png) no-repeat 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CBE0E4;
  margin-bottom: 20px;
}
.teacherArticleTextTitle>h4 {
  font-size: 30px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #328497;
  line-height: 35px;
}
.teacherArticleTextTitle>h5 {
  font-size: 14px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  line-height: 20px;
}
.teacherArticleText p {
  font-size: 14px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
}

/* 会议新闻 */

.newsBox {
  width: 100%;
  min-height: 787px;
  background-color: #FDFFF8;
  padding: 60px 45px;
  margin-top: 50px;
}
.newsBox>div {
  text-align: center;
}
.newsBox>div>h3 {
  display: inline-block;
  padding: 0px 120px;
  text-align: center;
  font-size: 30px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #357381;
  line-height: 35px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.newsBox>div>h3:after {
  content: '';
  display: block;
  width: 99px;
  height: 10px;
  background: url(../images/icon_introduction_right.png) no-repeat center center;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.newsBox>div>h3:before {
  content: '';
  display: block;
  width: 99px;
  height: 10px;
  background: url(../images/icon_introduction_left.png) no-repeat center center;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 50%;
  margin-top: -5px;
}
.newsItem {
  width: 100%;
}
.newsList {
  width: 100%;
  background-color: #E4F1F4;
  padding: 20px 25px;
}
.newsPic {
  width: 373px;
  height: 243px;
  overflow: hidden;
}
.newsPic>img {
  display: block;
  width: 100%;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.newsCont {
  width: calc(100% - 410px);
  height: 243px;
  background: url(../images/newstitlebg.png) no-repeat left center / contain;
  padding: 30px 20px;
  text-align: left;
}
.newsCont>h3 {
  font-size: 20px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.newsCont>p {
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  height: 88px;
  margin: 20px 0px;
  padding-right: 30px;
  overflow: hidden;
}
.newsCont span {
  display: inline-block;
  font-size: 14px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  line-height: 16px;
  padding-left: 20px;
  background: url(../images/icon_time.png) no-repeat 0px;
}
.newsCont span+span {
  padding-left: 30px;
  float: right;
  margin-right: 30px;
  background: url(../images/icon_news_more.png) no-repeat 0px;
}
.newsList+.newsList {
  margin-top: 30px;
}
.newsList:hover .newsPic>img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
.newsList:hover .newsCont>h3 {
  color: #357381;
}

/* 文章详情 */

.article {
  width: 100%;
  background: #FDFFF8;
  margin-top: 50px;
  padding: 60px 45px;
}
.articleTitle {
  width: 100%;
  text-align: center;
}
.articleTitle>h3 {
  display: inline-block;
  padding: 0px 120px;
  font-size: 30px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #357381;
  line-height: 35px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.articleTitle>span {
  display: inline-block;
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.articleTitle>span+span {
  margin-left: 50px;
}
.articleCont {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #8BA8AF;
}
.articleCont p {
  font-size: 14px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
  text-indent: 2em;
}
.articleCont img {
  display: block;
  max-width: 80%;
  margin: 15px auto;
  height: auto !important;
}
.articleCont table p {
  text-indent: 0em !important;
}
.paging {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
}
.paging>a {
  display: inline-block;
  padding-left: 30px;
  font-size: 14px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
.paging_prev {
  background: url(../images/page_prev.png) no-repeat 0px;
  background-size: 24px 23px;
}
.paging>a+a {
  padding-left: 0px;
  padding-right: 30px;
}
.paging_next {
  background: url(../images/page_next.png) no-repeat right;
  background-size: 24px 23px;
  float: right;
}

/* 往届回顾 */

.previousCont {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  flex-direction: row;
}
.previousItem {
  width: 283px;
  height: 149px;
  background: url(../images/previousItemBg.png) no-repeat center center;
  padding: 25px 0px;
  text-align: center;
  transition: transform .3s ease-out .1s;
  -webkit-transition: transform .3s ease-out .1s;
  -moz-transition: transform .3s ease-out .1s;
  -ms-transition: transform .3s ease-out .1s;
  -o-transition: transform .3s ease-out .1s;
}
.previousItem+.previousItem+.previousItem+.previousItem+.previousItem {
  margin-top: 30px;
}
.previousItem>a>h3 {
  display: block;
  font-size: 16px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  margin-top: 15px;
}
.previousItem>a>h5 {
  font-size: 14px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.previousItem>a>span {
  font-size: 12px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.previousItem:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
}

/* 联系我们 */

.contact {
  width: 100%;
  margin-top:50px;
}
.contactCont {
  width: 100%;
  background-color: #E4F1F4;
}
.contactPic {
  width: 444px;
  height: 353px;
  overflow: hidden;
}
.contactPic>img {
  display: block;
  width: 100%;
}
.contactText {
  width: calc(100% - 470px);
  padding: 50px 20px;
}
.contactDetail>h3 {
  display: block;
  font-size: 18px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  padding-left: 20px;
  text-align: left;
}
.contactDetail>p {
  font-size: 16px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 23px;
  text-align: left;
}
.contactDetail {
  margin-bottom: 20px;
}
.icon_contact_phone {
  background: url(../images/icon_contact_phone.png) no-repeat 0px;
}
.icon_contact_email {
  background: url(../images/icon_contact_email.png) no-repeat 0px;
}
.icon_contact_call {
  background: url(../images/icon_contact_call.png) no-repeat 0px;
}
.icon_contact_ardess {
  background: url(../images/icon_contact_ardess.png) no-repeat 0px;
}

/* 精彩瞬间 */

.wondBox {
  width: 100%;
}
.wondTitle {
  width: 100%;
}
.wondTitle>a {
  display: inline-block;
  width: 110px;
  height: 42px;
  background: url(../images/icon_wodful.png) no-repeat 0px;
  line-height: 42px;
  font-size: 16px;
  color: #ffffff;
}
.wondTitle>a+a {
  margin-left: 30px;
}
.wondTitle>a:hover {
  background: url(../images/icon_wodful_h.png) no-repeat 0px;
}
.wondTitleAct {
  background: url(../images/icon_wodful_h.png) no-repeat 0px !important;
}
.wondItem {
  width: 100%;
  margin-top: 35px;
}
.wondList {
  width: 25%;
  margin-bottom: 30px;
  text-align: center;
}
.wondList>a {
  display: block;
  width: 100%;
  height: 100%;
}
.wondPic {
  width: 90%;
  height: 167px;
  margin: 0 auto;
  overflow: hidden;
}
.wondPic>img {
  display: block;
  width: 100%;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.wondList>a>h3 {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background-color: #D3E2E4;
  font-size: 16px;
  color: #333333;
}
.wondList>a:hover .wondPic>img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}