body { font-family: 'SourceHanSansCN';}
main { min-height: calc(100vh - 212px);}
.IndexView { min-height: calc(100vh - 171px);}
.IndexView .banner img {  width: 100%;}
.IndexView .main-box { margin-top: 30px; margin-bottom: 100px;}
.IndexView .main-box .menu { width: 160px; margin-right: 10px;}
.IndexView .main-box .menu .item { cursor: pointer; margin-bottom: 14px; height: 20px; padding: 13px; background: #EAEDF6; border-radius: 6px; text-align: center; font-size: 16px;color: #222222;line-height: 20px; position: relative;}
.IndexView .main-box .menu .item:last-child { margin-bottom: 0;}
.IndexView .main-box .menu .item.active { background: #FE5400; color: #FFFFFF;}
.IndexView .main-box .menu .item.active::after { content: '';  border-style: solid; border-color: transparent; border-width: 10px 0 10px 10px; border-left-color: #FE5400; position: absolute; right: -10px; top: 15px;}
.IndexView .main-box .content { flex: 1; background: #FFFFFF; border: 1px solid #E3E3E3; border-radius: 6px;}
.IndexView .main-box .content .title-box { padding: 13px 20px; background: #EAEDF6; border-bottom: 1px solid #E3E3E3;}
.IndexView .main-box .content .title-box p { font-size: 20px; line-height: 1; color: #222222; font-weight: bold;}
.IndexView .main-box .content .title-box a { font-size: 14px; color: #333333; line-height: 20px;}
.IndexView .main-box .content .list { justify-content: flex-start; padding: 0 5px;}
.IndexView .main-box .content .list .item { width: calc(25% - 30px); margin: 0 15px;}
.IndexView .main-box .content .list .item p { padding: 6px 0; cursor: pointer; font-size: 14px; color: #666666; line-height: 18px;}
.IndexView .main-box .content .list .item p.tit { padding: 16px 0 8px; border-bottom: 1px dashed #E3E3E3; font-size: 16px; color: #2F54A4; line-height: 26px;}
.IndexView .main-box .content .list .item div { padding: 9px 0;}
.IndexView .main-box .content .list .item a { color: #666666;}
.IndexView .main-box .content .cont-box { display: none;}
.IndexView .main-box .content .cont-box:first-child { display: block;}
@media screen and (max-width: 1023px) {
  .IndexView .main-box .content .list .item { width: calc(33.33% - 30px)}
}
@media screen and (max-width: 767px) {
  .IndexView { min-height: calc(100vh - 192px);}
  .IndexView .main-box .menu { width: 120px;}
  .IndexView .main-box .content .list .item { width: calc(100% - 30px)}
  .IndexView .main-box { margin: 20px auto;}
  main { min-height: calc(100vh - 232px);}
}

/* 登录 */
.loginView .bg { height: 100%; position: fixed; left: 0;top: 0;z-index: 1;}
.loginView .login-box { width: 463px; margin: 0 247px 0 auto; margin-top: 10px; position: relative; z-index: 2;}
.loginView .login-box .logo { width: auto;height: 45px;}
.loginView .login-box .tit { margin-top: 50px; font-size: 29px;color: #020C1A;line-height: 70px;}
.loginView .login-box .title { font-size: 53px;color: #020C1A;line-height: 70px;font-weight: bold;font-family: 'SourceHanSansCN';}
.loginView .login-box .form-box { margin-top: 45px;}
.loginView .login-box .item p { padding-top: 17px; font-size: 14px;color: #020C1A;line-height: 40px;}
.loginView .login-box .item .input-box { flex: 1; height: 50px; background: #FFFFFF;border: 1px solid #DDDDDD; line-height: 50px;}
.loginView .login-box .item .input-box .iconfont { display: inline-block; width: 45px; text-align: center; font-size: 17px; color: #999999;}
.loginView .login-box .item .input-box .input { flex: 1;}
.loginView .login-box .item .input-box .input::placeholder { color: #999999;}
.loginView .login-box .item .verify { width: 132px; height: 100%;border: 1px solid #DDDDDD;margin-left: 10px;}
.loginView .login-box .submit { margin-top: 40px; margin-bottom: 40px; width: 100%; height: 50px; background: #EA5205;font-size: 20px;color: #ffffff; line-height: 50px;}
.m-error { font-size: 12px;color: #FF0000;line-height: 17px;}
.loginView .login-box .item-box { position: relative;}
.loginView .m-error { position: absolute; bottom: -17px;}
@media screen and (max-width: 1440px) {
  .loginView .login-box { margin: 0 161px 0 auto; margin-top: -40px; width: 350px;}
  .loginView .login-box .tit { margin-top: 40px; font-size: 22px; line-height: 54px;}
  .loginView .login-box .title { font-size: 40px; line-height: 54px;}
  .loginView .login-box .item .input-box { height: 40px; line-height: 40px;}
  .loginView .login-box .item .verify { width: 100px; height: 40px;}
  .loginView .login-box .form-box { margin-top: 20px;}
  .loginView .login-box .item p { padding-top: 10px; line-height: 30px;}
  .loginView .login-box .submit { font-size: 16px; }
}
@media screen and (max-width: 767px) {
  .loginView .login-box { margin: 0 auto;}
}

/* 视频 */
.video-wrap { position: relative; z-index: 9;}
.video-wrap .video-left { width: calc(100% - 218px);}
.video-wrap .video-left .video { margin-top: 38px; position: relative;}
.video-wrap .video-left .video video { width: 100%; height: 100%;}
.video-wrap .video-left .video .play { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.video-wrap .video-left .video .play img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.video-wrap .video-left .video .zc_plv { width: 100%; height: 417px; background-repeat: no-repeat; background-size: 100% 100%;}
.video-wrap .video-left .video .iconfont { font-size: 60px; color: #ffffff; line-height: 1; position: relative; z-index: 2;}
.video-wrap .video-left .desc { font-size: 14px;color: #333333;line-height: 26px; margin-top: 13px;}
.video-wrap .video-swiper { width: 206px; height: 484px; padding: 38px 0; position: relative;}
.video-wrap .video-swiper .mySwiper { height: 100%;}
.video-wrap .video-swiper .swiper-slide { width: 100%; height: 112px !important;}
.video-wrap .video-swiper .swiper-slide.active { border: 2px solid #FD5302; box-sizing: border-box;}
.video-wrap .video-swiper .swiper-slide .video { width: 100%; height: 100%; position: relative;}
.video-wrap .video-swiper .swiper-slide .zc_plv { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-wrap .video-swiper .swiper-slide .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.video-wrap .video-swiper .swiper-slide .play { width: 100%; height: 100%; position: relative;}
.video-wrap .video-swiper .swiper-slide .play img { width: 100%; height: 100%;}
.video-wrap .video-swiper .swiper-slide .mask .iconfont { font-size: 20px; color: #fff; position: absolute; bottom: 10px; right: 10px;}
.video-wrap .video-swiper .swiper-button-prev { display: block; width: 20px; height: 11px;  color: #95D330; transform: rotate(90deg); top: 50px; left: 50%; margin-left: -10px;}
.video-wrap .video-swiper .swiper-button-prev.swiper-button-disabled { color: #333; opacity: 1;}
.video-wrap .video-swiper .swiper-button-prev::after { font-size: 12px;}
.video-wrap .video-swiper .swiper-button-next { display: block; width: 20px; height: 11px;  color: #95D330; transform: rotate(90deg); top: unset; bottom: 12px; left: 50%; margin-left: -10px;}
.video-wrap .video-swiper .swiper-button-next.swiper-button-disabled { color: #333; opacity: 1;}
.video-wrap .video-swiper .swiper-button-next::after { font-size: 12px;}
@media screen and (max-width: 767px) {
  .video-wrap .video-left { width: 100%;}
  .video-wrap .video-left .video .zc_plv { height: 220px;}
  .video-wrap .video-swiper { width: 100%; height: 774px;}
  .video-wrap .video-swiper .swiper-slide { height: 185px !important;}
  .video-wrap .video-swiper .swiper-slide.active { height: 181px !important;}
  .video-wrap .video-swiper .swiper-slide .play .iconfont { font-size: 40px;}
}


/* 搜索列表 */
.searchListView {}
.searchListView .list { padding-top: 20px;}
.searchListView .list .item { margin-bottom: 35px; width: calc(20% - 16px);}
.searchListView .list .item .img { width: 100%; height: 170px;border: 1px solid #CCCCCC;object-fit: contain;}
.searchListView .list .item .name { margin-top: 8px; font-size: 16px; color: #333333; line-height: 26px;}
.searchListView .pagination { margin-bottom: 30px;}
.no-item {min-height: unset !important; padding: 0 !important; margin: 0 !important;}

@media screen and (max-width: 1023px) {
  .searchListView .list .item { width: calc(25% - 10px)}
}
@media screen and (max-width: 767px) {
  .searchListView .list .item { width: calc(50% - 10px); margin-bottom: 20px;}
  .searchListView .list .item .name { font-size: 14px; line-height: 22px;}
}

.left-menu{ width: 204px; margin-right: 40px;}
.left-menu .title { padding: 10px 13px; background: #EAEDF6; border: 1px solid #D8DCDF; font-size: 16px;font-weight: bold;color: #222222;line-height: 20px;}
.left-menu .menu { background: #FFFFFF;}
.left-menu .menu em { float: left; display: block; margin: 6px; margin-left: 0; width: 8px; height: 8px; background: #666666; border-radius: 4px; }
.left-menu .menu a { padding: 10px 13px; border: 1px solid #D8DCDF; border-top: none; display: block; color: #666666; line-height: 20px;}
.left-menu .menu a.active { color: #FD5302;}
.left-menu .menu a.active em { background: #FD5302;}
@media screen and (max-width: 1023px) {
  .left-menu{ width: 204px; margin-right: 25px;}
}
@media screen and (max-width: 767px) {
  .left-menu { display: none;}
}

/* 分类列表 */
.classifyView { }
.classifyView .content { padding-top: 20px;}
.classifyView .content .right { flex: 1;}
.classifyView .content .right .list .item { margin-bottom: 35px; width: calc(25% - 15px);}
.classifyView .content .right .item .img { width: 100%; height: 170px;border: 1px solid #DDDDDD;object-fit: contain;}
.classifyView .content .right .item .name { margin-top: 7px; font-size: 16px; color: #333333;line-height: 26px;}
.classifyView .pagination { margin-bottom: 30px;}
@media screen and (max-width: 1023px) {
  .classifyView .content .right .list .item { width: calc(33.33% - 10px); margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
  .classifyView .content .right .list .item { margin-bottom: 20px; width: calc(50% - 9px)}
  .classifyView .content .right .item .name { font-size: 14px; line-height: 22px;}
}

/* 详情 */
.detailView .content { margin-top: 20px; padding-bottom: 55px;}
.detailView .content .right { flex: 1;}
.detailView .content .name { width: 100%; font-size: 32px; font-weight: bold; color: #333333; line-height: 1; text-align: center;}
.detailView .content .time { width: 100%; margin-top: 25px; font-size: 12px;color: #666666;line-height: 22px;justify-content: center;align-items: center;}
.detailView .content .time i {line-height: 26px; margin-right: 10px;}
.detailView .content .detail-cont { width: 100%; margin-top: 25px;}
.detailView .content .detail-cont img { max-width: 100%;}
.detailView .form-box { width: 100%; padding-bottom: 60px;}
.detailView .form-box p { font-size: 16px; font-weight: bold; color: #333333; line-height: 26px;}
.detailView .form-box .input { margin-top: 5px; width: calc(100% - 20px); height: 30px;border: 1px solid #EBEBEB;border-radius: 4px; padding: 5px 10px; font-size: 14px; line-height: 30px;}
.detailView .form-box .form-btn { cursor: pointer; margin-top: 10px; float: right; display: inline-block; width: 64px; height: 30px; background: #95D330; border-radius: 4px; line-height: 30px; text-align: center;}
.detailView .comment-box { margin-bottom: 60px; padding: 0 13px; border: 1px solid #EBEBEB; border-radius: 4px;}
.detailView .comment-box .num { border-bottom: 1px solid #F5F5F5; font-size: 16px;line-height: 50px;color: #666666;}
.detailView .comment-box .num span { color: #333333;}
.detailView .comment-box .more { border-top: 1px solid #F5F5F5; color: #666666; line-height: 74px; text-align: center;}
.detailView .comment-box .more span { cursor: pointer;}
.detailView .comment-box .comment-list { margin-top: 4px;}
.detailView .comment-box .commen-item { padding: 14px 15px;}
.detailView .comment-box .commen-item img { width: 24px; height: 24px; margin-right: 9px;}
.detailView .comment-box .commen-item .text { flex: 1;}
.detailView .comment-box .commen-item .text .name { text-align: left; font-size: 16px;color: #333333;line-height: 26px;}
.detailView .comment-box .commen-item .text .cont { font-size: 14px;color: #666666;line-height: 22px;}
.detailView .comment-box .commen-item .text .date { margin-top: 8px; font-size: 12px;color: #999999;line-height: 1;}
@media screen and (max-width: 767px) {
  .detailView .content { margin-top: 30px;}
  .detailView .content .name { font-size: 24px;}
  .detailView .content .time { margin-top: 10px;}
  .detailView .content .detail-cont { margin-top: 15px;}
  .detailView .comment-box .more { line-height: 60px;}
  .detailView .comment-box { margin-bottom: 30px;}
}

/* 文化 */
.CoCultureView .content { padding: 50px 0 80px;}
.CoCultureView .title { padding-bottom: 20px; width: 100%; font-size: 32px; font-weight: bold; color: #333333; line-height: 1; position: relative; text-align: center;}
.CoCultureView .title::after { content: ''; width: 40px; height: 6px; background: #FF4C05; position: absolute; left: 50%; bottom: 0; margin-left: -16px;}
.CoCultureView .content .time { width: 100%; margin-top: 30px; font-size: 12px;color: #666666;line-height: 22px;justify-content: center;align-items: center;}
.CoCultureView .content .time i {line-height: 26px; margin-right: 10px;}
.CoCultureView .content .culture { margin-top: 30px; width: 100%; text-align: center;}
.CoCultureView .content .culture img { width: 46%;}
.CoCultureView .cont { margin-top: 90px; color: #333333;line-height: 26px;}
.CoCultureView .cont p { text-indent: 2em;}
@media screen and (max-width: 767px) {
  .CoCultureView .content { padding: 30px 0;}
  .CoCultureView .title { font-size: 20px; padding-bottom: 10px;}
  .CoCultureView .title::after { width: 30px; height: 4px;margin-left: -15px}
  .CoCultureView .content .time { margin-top: 10px;}
  .CoCultureView .content .culture { margin-top: 10px;}
  .CoCultureView .content .culture img { width: 60%;}
  .CoCultureView .cont { margin-top: 30px;}
}

@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../font/SourceHanSansCN-Regular.otf') format('opentype');
}