/*
 * @Date: 2020-01-09 11:02:25
 * @Last Modified time: 2020-02-28 23:18:28
 * @Description: 首页样式
*/
.header-wrapper { background: #0e3159 url("../images/banner-bg.png") center center no-repeat; background-size: cover; min-height: 531px; padding: 0px 0 24px; }
.header-wrapper .header{background: transparent;}
@media (max-width: 767px) {
  .header-wrapper {padding: 0;}
}

/* banner */
.banner-box { margin-top: 26px; }
.banner-left, .banner-right { float: left; }
.banner-left { width: 653px; height: 323px; position: relative; overflow: hidden;}
.banner-item { position: relative; width: 653px; }
.banner-item, .banner-item img {height: 323px; width:100%;}
.banner-item .img-des { font-family: PangMenZhengDao; font-size: 33px; letter-spacing: 5px; color: #ffffff; position: absolute; bottom: 39px; left: 0; text-align: center; width: 100%;  /*border-bottom: 2px solid #bac1d2;*/ padding: 0 49px 0 55px; background: url("../images/slide-bg.png") center bottom no-repeat; height: 62px; line-height: 72px; }
.banner-item .img-des-mask{font-size: 24px; letter-spacing: 2px; color: #ffffff; position: absolute; bottom: 0; left: 0;  width: 100%; padding: 0 120px 0 30px;line-height: 50px;background: rgba(0,0,0,0.5);
}

/*轮播*/
.slick-slide:focus { outline: none; }
.banner-left .slick-dots li { width: 10px; height: 10px; background-color: #c6e6fb; border: solid 1px #fbfcfd; border-radius: 50%; margin: 0 4px; }
.banner-left .slick-dots li.slick-active { width: 29px; height: 11px; border-radius: 5px; }
.banner-left .slick-dots { margin-top: 24px; position: absolute; bottom: 14px; right: 33px; width: auto; }
.banner-box-inner { background-color: #013a6f; }
.banner-right { padding: 27px 22px 21px; width: 547px; }
.banner-right .news-tab { margin-bottom: 34px; }
.banner-right .news-tab li {font-family: SourceHanSansCN-Medium; display: inline-block; font-size: 14px; letter-spacing: 1px; color: #ffffff; margin: 0 13px; padding-right: 10px; text-align: right; cursor: pointer; min-width: 92px; line-height: 16px; }
.banner-right .news-tab li:first-child { margin-left: 0; }
.banner-right .news-tab li.on { height: 20px; background: url(../images/tab-bg.png) left bottom no-repeat; background-size: contain; }
.tab-news-box .news-list {font-family: SourceHanSansCN-Medium; font-size: 14px; color: #fcfcfa; margin-bottom: 12px; }
.tab-news-box .news-list:last-child { margin-bottom: 16px; }
.tab-news-box .news-list span.flag { letter-spacing: 1px; color: #edcf03; margin-right: 10px; vertical-align: middle; }
.tab-news-box .news-list .title { display: inline-block; width: 73%; vertical-align: middle; }
.tab-news-box .news-list img { margin-left: 30px; vertical-align: middle; }
.banner-right .more-news { font-size: 14px; letter-spacing: 1px; color: #f3ce00; float: right; margin-right: 5px; }

/***展览****/
.exhibition-box { padding: 38px 0 23px; background-color: #fdfdfd; }
.section-title { font-family: SourceHanSansCN-Medium;width: 263px; height: 40px; background-color: #58c3e0; border: solid 1px #fbfcfd; font-size: 18px; line-height: 38px; letter-spacing: 10px; color: #ffffff; text-align: center; border-radius: 20px; margin: 0 auto 40px; }
.exhibition-content .exhibition-list { float: left; width: 384px; padding-bottom: 15px; background-color: #f1f2f3; margin-right: 24px; margin-bottom: 24px; }
.exhibition-content .exhibition-list:nth-child(3n+3) { margin-right: 0; }
.exhibition-list .honor-img-box { width: 100%; height: 273px; position: relative; margin-bottom: 39px; }
.exhibition-list .honor-img-box>a{display: block;width: 100%;height: 100%;overflow: hidden;}
.exhibition-list .honor-img-box>img { width: 100%; height: 100%; }
.exhibition-list  .honor-img-box .img-label { position: absolute; bottom: -26px; left: 84px; background: url(../images/image-label.png) center center no-repeat; width: 208px; height: 62px; line-height: 62px; text-align: center; }
.exhibition-list  .label-name { text-align: center; margin-bottom: 14px; }
.exhibition-list  .label-name span { font-family: SourceHanSansCN-Medium;text-align: center; font-size: 18px; letter-spacing: 1px; color: #262b3a; background: url(../images/honor-bg.png) center bottom no-repeat; background-size: 100%; display: inline-block; min-width: 187px; min-height: 27px;}
.exhibition-list .label-des { font-family: SourceHanSansCN-Medium;font-size: 18px; letter-spacing: 1px; color: #262b3a; text-align: center; }
.exhibition-list .label-des-time{font-size: 14px;margin-top: 5px;}
.exhibition-list .info-box { padding: 0 10px; }

/*会议*/
.meeting-box { background: #f1f2f3; padding: 47px 0 100px; }
.w-1024 { max-width: 1024px; margin: 0 auto; }
.meeting-content .meeting-img-box { width: 591px; height: 250px; position: relative; margin-bottom: 59px; }
.meeting-content .meeting-img { width: 100%; height: 100%; }
.signUpBox { position: absolute; top: 30px; left: 468px; width: 526px; min-height: 145px; background-color: #e8ebfc; border-radius: 10px; border: solid 1px #024b9a; overflow: hidden; }
.signUpBox .info-box { width: 100%; height: 46px; line-height: 46px; background-color: #024b9a; padding-left: 19px; padding-right: 16px; }
.info-box-left { float: left; font-family: ArialMT; font-size: 19px; letter-spacing: 1px; color: #ffffff; }
.info-box-left img { margin-right: 10px; }
.info-box-right { float: right; width: 121px; height: 29px; line-height: 25px; border: solid 2px #fbfbfb; font-size: 18px; letter-spacing: 2px; color: #fdfdfb; text-align: center; margin-top: 8px; cursor: pointer; }
.info-box-right:hover { color: #fdfdfb; }
.signUpBox .info-des { font-family: SourceHanSansCN-Medium;font-size: 15px; line-height: 24px; color: #262b3a; padding: 13px 18px 13px 20px; }
.meeting-list {cursor: pointer; float: left; width: 27%; margin-right: 9.5%; }
.meeting-list:nth-child(3n+3) { margin-right: 0; }
.meeting-list .title span { background: url(../images/text-bg.png) center bottom no-repeat; background-size: 100%; font-family: ArialMT; font-size: 20px; letter-spacing: 1px; color: #262c3b; padding: 0 10px 6px 14px; }
.meeting-list .title { margin-bottom: 18px; }
.meeting-list .des { font-family: SourceHanSansCN-Medium;font-size: 17px; line-height: 24px; letter-spacing: 3px; color: #262c3b; padding-left: 15px; }
.meeting-list .des-btn a { color: #024b9a; }
.meeting-list .des-btn a img { margin-right: 5px; }
.meeting-list .des-btn { margin-top: 6px; }

/*官方活动*/
.section-title-2 { letter-spacing: 5px; color: #fbfafa; margin-bottom: 60px; }
.officialAct-box { background: url(../images/bg.jpg) left top no-repeat; background-size: cover; min-height: 680px; padding: 60px 0 89px; }
.act-box-list { width: 389px; float: left; margin-right: 16px; }
.act-box-list .img-box { height: 344px; }
.act-box-list .img-box img { width: 100%; height: 100%; }
.act-box-list:nth-child(3n+3) { margin-right: 0; }
.official-label-name { width: 219px; min-height: 50px; background-color: #024b9a; line-height: 19px; border-radius: 25px; text-align: center; margin: 0 auto 38px; position: relative; }
.official-label-name .text {font-family: SourceHanSansCN-Medium; font-size: 17px; color: #ffffff; padding: 6px 16px; position: absolute; display: inline-block; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);   /* IE 9 */ -moz-transform: translate(-50%, -50%);   /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%);  /* Opera */ }

/*官方颁奖*/
.officialAward-box { background: #05152f; padding: 48px 0 66px; }
.officialAward-box .section-title-2 { margin-bottom: 31px; }
.officialAward-box .official-label-name { margin-bottom: 55px; }
.award-box .award-box-list { float: left; width: 589px; margin-right: 20px; }
.award-box .award-box-list:nth-child(2n+2) { margin-right: 0; }
.award-box .award-box-list .img-box { height: 333px; }
.award-box-list .img-box img { width: 100%; height: 100%; }

/*CJOY官方商店*/
.officialStore-box { background-color: #f1f2f3; padding: 40px 0 36px; }
.officialStore-box .store-top .store-box { width: 243px; height: 276px; position: relative; float: left; margin-right: 14px; }
.store-top .store-box .logo-img { width: 100%; height: 100%; }
.officialStore-box .info {font-family: SourceHanSansCN-Medium; position: absolute; right: 0; bottom: 17px; font-size: 15px; letter-spacing: 1px; color: #ffffff; background-color: #024b9a; height: 38px; line-height: 38px; max-width: 95%; padding: 0 14px 0 5px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.officialStore-box .info img { margin-right: 6px; margin-top: -5px; }
.store-intro-box { float: left; width: 335px; height: 276px; padding: 12px 23px 12px 31px; background: #e8f0f8 url(../images/rec-bg.png) left bottom no-repeat; margin-left: 4px; }
.store-intro-box .title { font-size: 18px; letter-spacing: 1px; color: #262c3b; font-weight: bold; margin-bottom: 10px; }
.store-intro-box .title img { margin-right: 12px; }
.store-intro-box span {font-family: SourceHanSansCN-Medium; vertical-align: middle; }
.store-intro-box .des {font-family: SourceHanSansCN-Medium; font-size: 14px; line-height: 20px; letter-spacing: 1px; color: #262c3b; text-align: justify; margin-bottom: 20px; }
.store-entry-box { text-align: center; font-size: 0; }
.store-entry-box a {font-family: SourceHanSansCN-Medium; display: inline-block; width: 92px; height: 30px; line-height: 30px; background-color: rgba(88, 195, 224, 0.6); border-radius: 10px; font-size: 14px; letter-spacing: 1px; color: #262c3b; text-align: center; margin-right: 49px; margin-bottom: 10px; }
.store-entry-box a:nth-child(2n+2) { margin-right: 0; }
.w-1110 { max-width: 1110px; }
.store-bottom { margin-top: 15px; }
.store-bottom .store-item { position: relative; float: left; width: 49%; height: 277px; margin-right: 2%; }
.store-bottom .store-item:nth-child(2n+2) { margin-right: 0; }
.store-bottom .store-item .logo-img { width: 100%; height: 100%; }
.officialStore-box .store-item .info { padding: 0 11px 0 8px; bottom: 20px; }
.officialStore-box .store-item .info.info-left { left: 0; right: auto; border-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

/*照片廊*/
.imageGroup-box { padding-top: 36px; }
.imageGroup-box .section-title-2 { margin-bottom: 37px; }
.imageGroup-outer .group-item { width: 33%; float: left; height: 491px; margin-right: 0.5%; position: relative; }
.imageGroup-outer .group-item:nth-child(3n+3) { margin-right: 0; }
.imageGroup-outer .group-item img { width: 100%; height: 100%; }
.imageGroup-outer .group-item .group-inner { height: 49.5%; position: relative; }
.imageGroup-outer .group-item .group-inner:first-child { margin-bottom: 1%; }
.imageGroup-outer .group-item .img-text {font-family: SourceHanSansCN-Medium; font-size: 15px; color: #ffffff; line-height: 27px; background-color: rgba(145, 152, 165, 0.8); position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 28px; text-align: right; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*二维码区域*/
.ewm-img-box .ewm-img { width: 124px; }

/* 二维码区域 */
.ewm-box { padding: 30px 0 45px; }
.ewm-box .ewm-box-list { font-family: SourceHanSansCN-Medium; text-align: center; margin-right: 9px; float: left; }
.ewm-box .ewm-box-list:last-child { margin-right: 0; }
.ewm-box .ewm-des { font-size: 12px; line-height: 22px; color: #494949; }
.ewm-box  .ewm-des span {  /*margin: 0 6px;*/ }
.ewm-box .ewm-img-box { width: 144px; height: 140px; margin: 0 auto; }

/* 系统入口块 */
.entry-box { background-color: #013a6f; padding: 46px 0 34px; text-align: center; }
.entry-box a { font-family: SourceHanSansCN-Medium;display: inline-block; padding: 0 40px; height: 40px; line-height: 36px; border-radius: 20px; font-size: 20px; color: #ffffff; text-align: center; margin-right: 40px; background-color: transparent; border: solid 2px transparent; }
.entry-box a:hover { background-color: #023a70; border: solid 2px #fbfcfd; }
.entry-box a:last-child { margin-right: 0; }

/*****响应式调整*****/
@media(max-width:1199px) {
  .banner-left, .banner-right { width: 50%; }
  .banner-box-inner { padding: 0; }
  .banner-right .news-tab li { min-width: auto; }
  .tab-news-box .news-list img { margin-left: 10px; }
  .exhibition-content .exhibition-list { width: 32%; margin-right: 2%; }
  .exhibition-list .honor-img-box { height: 213px; }
  .signUpBox { left: auto; right: -350px; }
  .meeting-list { width: 32%; margin-right: 2%; }
  .act-box-list { width: 45%; margin-right: 10%; margin-bottom: 30px; }
  .act-box-list:nth-child(2n+2) { margin-right: 0; }
  .award-box .award-box-list { width: 48%; margin-right: 4%; margin-bottom: 30px; }
  .act-box-list:nth-child(2n+2) { margin-right: 0; }
  .officialStore-box .store-top .store-box { width: 21%; margin-right: 1%; }
  .store-intro-box { width: 34%; margin-left: 0; }
  .ewm-box .ewm-box-list { margin-right: 0; width: 33%; margin-bottom: 10px; }
  .entry-box { text-align: left; }
}
@media(max-width:991px) {
  .banner-left, .banner-right { width: 100%; }
  .exhibition-content .exhibition-list { width: 48%; margin-right: 4% !important; }
  .exhibition-content .exhibition-list:nth-child(2n+2) { margin-right: 0 !important; }
  .signUpBox { position: static; margin: 20px auto 0; }
  .meeting-content .meeting-img-box { height: auto; }
  .meeting-content .meeting-img-box { margin-left: auto; margin-right: auto; }
  .meeting-content .meeting-img { height: 250px; }
  .act-box-list .img-box { height: 270px; }
  .award-box .award-box-list .img-box { height: 240px; }
  .officialStore-box .store-top .store-box { width: 32%; margin-right: 2%; }
  .officialStore-box .store-top .store-box:nth-child(3) { margin-right: 0; }
  .store-intro-box { width: 100%; margin-top: 15px;height: inherit; }
  .store-entry-box a { margin-right: 40px !important; }
  .imageGroup-outer .group-item { height: 350px; }
  .entry-box a { width: 31%; margin-right: 2%; }
}
@media (max-width:767px) {
  .banner-item .img-des { font-size: 16px; padding: 0 10px; }
  .award-box .award-box-list { width: 100%; margin-right: 0; }
  .banner-right .news-tab li:first-child { margin-left: 13px; }
  .banner-right .news-tab li { margin-bottom: 10px; }
  .tab-news-box .news-list .title { width: 70%; }
  .exhibition-content .exhibition-list { width: 100%; margin-right: 0 !important; }
  .meeting-content .meeting-img-box, .signUpBox { width: 100%; }
  .meeting-list { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .act-box-list { width: 100%; margin-right: 0; }
  .officialStore-box .store-top .store-box { width: 100%; margin-right: 0; margin-bottom: 10px; height: auto; }
  .store-bottom .store-item { width: 100%; margin-right: 0; margin-bottom: 10px; height: auto; }
  .imageGroup-outer .group-item, .imageGroup-outer .group-item .group-inner { width: 100%; margin-right: 0; margin-bottom: 10px !important; height: auto; }
  .ewm-box .ewm-box-list { width: 100%; }
  .entry-box a { width: 100%; margin-right: 0; margin-bottom: 15px; }
}
.news-tab-con { display: none; }
.news-tab-con.show { display: block; }