@charset "utf-8";
@font-face {
  font-family: 'alipuhuiR';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_jrpdni38a9a.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_jrpdni38a9a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_jrpdni38a9a.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_jrpdni38a9a.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_jrpdni38a9a.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_jrpdni38a9a.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}

html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:sup;}
sub{vertical-align:sub;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */

/* =s base */
header,footer,nav{display: block;}
::-moz-selection{background:#621144; color:#fff;} 
::selection {background:#621144; color:#fff;} 
html,body{background:#fff;}
body{font-family: 'alipuhuiR', Arial, Helvetica, sans-serif, "microsoft yahei";color:#000; -webkit-font-smoothing:antialiased;}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
img{
  border: 0 none;
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
.hide{
  display: none!important;
}

.inner{
  width: 1200px;
  margin: 0 auto;
}
#header .inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 65px;
}
#header .nav ul{
  display: flex;
}
#header .nav ul li{
  margin-left: 50px;
}
#header .nav ul li a{
  font-size: 16px;
  color: #333333;
}

.banner{
  text-align: center;
}

.section_box{
  padding: 50px 0;
}
.section_inner{
  width: 1200px;
  margin: 0 auto;
}
.section_title{
  font-size: 0;
  text-align: center;
}
.section_title h3{
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 20px 25px 5px 20px;
  font-size: 32px;
  font-weight: bold;
}
.section_title h3::before,
.section_title h3::after{
  content: '';
  position: absolute;
  z-index: 1;
}
.section_title h3::before{
  width: 53px;
  height: 53px;
  background: url("../images/bg_title_b.png") no-repeat center;
  top: 0;
  left: 0;
}
.section_title h3::after{
  width: 19px;
  height: 19px;
  background: url("../images/bg_title_s.png") no-repeat center;
  bottom: 0;
  right: 0;
}
.section_title h3 span{
  position: relative;
  z-index: 2;
}
.section_box .section_content{
  padding-top: 40px;
}

/*****************/

.intro .section_content p{
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 40px;
}
.intro .section_content p:last-child{
  margin: 0;
}

/********************/
.schedule{
  background-color: #f3f3f3;
}
.schedule .sub_tit{
  text-align: center;
  font-size: 22px;
  margin-bottom: 40px;
}
.schedule_table table{
  width: 100%;
}
.schedule_table table thead{
  background-image: linear-gradient(to right, #ff93d7 , #6e6ede);;
}
.schedule_table table thead th{
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0 10px 50px;
}
.schedule_table table tbody td{
  font-size: 16px;
  padding: 10px 0 10px 50px;
  background-color: #fff;
}
.schedule_table table tbody tr:nth-child(2n) td{
  background-color: #efe5e8;
}
/************************************/
.video_player{
  background-color: #000;
  position: relative;
}
.video_player .v_tit{
  display: none;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  font-size: 22px;
  color: #fff;
  text-align: left;
}
.video_player video{
  width: 100%;
  height: 100%;
}



/************************************/
.focus{
  background: url("../images/bg_section_1.jpg") no-repeat center top #cfb3cc;
}
.focus .video_pre{
  width: 700px;
  height: 400px;
  margin: 0 auto 40px;
}
.focus .video_gold{
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.focus .video_gold .pap{
  width: 218px;
  height: 388px;
  overflow: hidden;
}
.focus .video_gold .pap img{
  display: block;
  width: 218px;
  height: 388px;
}
.focus .video_gold .video_player{
  width: 690px;
  height: 388px;
}

.focus_news{

}

/*************************************/
.newsBox ul li{
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #aa97b7;
}
.newsBox ul li:last-child{
  border-bottom: none;
}
.newsBox ul li .cover{
  flex: 1 auto;
  width: 240px;
  height: 145px;
  overflow: hidden;
}
.newsBox ul li .cover img{
  display: block;
  width: 240px;
  height: 145px;
}
.newsBox ul li .detail{
  flex: 30 0;
}
.newsBox ul li .detail .tit{
  margin-bottom: 15px;
}
.newsBox ul li .detail .tit a{
  font-size: 18px;
  font-weight: bold;
}
.newsBox ul li .detail .desc{
  height: 70px;
}
.newsBox ul li .detail p{
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.newsBox ul li .detail .sub_info{
  display: flex;
  justify-content: space-between;
  color: #666;
  font-size: 14px;
}
.newsBox ul li .detail .author{
  display: flex;
  align-items: center;
}
.newsBox ul li .detail .author img{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 10px;
}

/**********************************************/


.newPower{
  background: url("../images/bg_section_2.jpg") no-repeat center top #fff;
}
.video_subForum{
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.gold_subForum{
  width: 218px;
  height: 388px;
  overflow: hidden;
}
.gold_subForum .gallery-forum img {
  display: block;
  width: 218px;
  height: 388px;
}

.video_subForum .video_player{
  width: 690px;
  height: 388px;
}

.subForum_swiper{
  width: 700px;
  margin: 0 auto;
}
.subForum_swiper .swiper-slide {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.subForum_swiper .gallery-top{
  height: 460px;
}
.subForum_swiper .gallery-thumbs {
  margin-top: 20px;
  height: 50px;
}
.subForum_swiper .gallery-thumbs .swiper-slide {
  width: 90px;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.subForum_swiper .gallery-thumbs .swiper-slide.active::after {
  content: '';
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 3px solid #4285f4;
  top: 0;
  left: 0;
}


/***************************************/

.newPublish{
  background: url("../images/bg_section_3.jpg") no-repeat center top #aaa1c2;
}
.newPublish .vs{
  display: flex;
  justify-content: space-between;
  /* justify-content: center; */
  margin-bottom: 20px;
}
.newPublish .vs .video_1{
  width: 590px;
  height: 330px;
}



/******************************/
.anniversary{
  background: url("../images/bg_section_4.jpg") no-repeat center top #63153a;
}
.anniversary .section_title{
  color: #fff;
}
.anniversary .vs{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.anniversary .vs .video_1{
  width: 590px;
  height: 330px;
}
.anniversary .articles{
  display: flex;
  justify-content: space-between;
}
.anniversary .articles .item{
  width: 590px;
  display: flex;
  justify-content: space-between;
}
.anniversary .articles .item .cover{
  width: 240px;
  height: 150px;
  overflow: hidden;
}
.anniversary .articles .item .cover img{
  display: block;
  width: 240px;
  height: 150px;
}
.anniversary .articles .item .title{
  width: 330px;
}
.anniversary .articles .item .title a{
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
}


/*************************************/
#footer{
  padding: 20px 0;
  background-color: #000;
  text-align: center;
}
#footer p{
  color: #fff;
}

.sideQR{
  position: fixed;
  width: 122px;
  left: 50%;
  margin-left: 630px;
  bottom: 300px;
}