/*****默认预设定*****/
.absolute {position:absolute}
.relative {position:relative}
.-bottom-8 {bottom:-2rem}
.-left-8 {left:-2rem}
.-right-10 {right:-2.5rem}
.-top-10 {top:-2.5rem}
.bottom-1\/3 {bottom:33.333333%}
.right-4 {right:1rem}
.right-8 {right:2rem}
.top-1\/2 {top:50%}
.mx-auto {margin-left:auto;margin-right:auto}
.grid {display:grid}
.h-2 {height:0.5rem}
.h-24 {height:6rem}
.h-32 {height:8rem}
.h-4 {height:1rem}
.min-h-\[200px\] {min-height:200px}
.w-2 {width:0.5rem}
.w-24 {width:6rem}
.w-32 {width:8rem}
.w-4 {width:1rem}
.max-w-7xl {max-width:80rem}
.grid-cols-1 {grid-template-columns:repeat(1, minmax(0, 1fr))}
.gap-6 {gap:1.5rem}
.overflow-hidden {overflow:hidden}
.rounded-full {border-radius:9999px}
.rounded-xl {border-radius:0.75rem}
.bg-gray-50 {--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-white\/10 {background-color:rgb(255 255 255 / 0.1)}
.bg-white\/30 {background-color:rgb(255 255 255 / 0.3)}
.bg-white\/40 {background-color:rgb(255 255 255 / 0.4)}
.p-6 {padding:1.5rem}
.p-8 {padding:2rem}
.text-white {--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
@media (min-width: 640px) {.sm\:grid-cols-2 {  grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (min-width: 1024px) {.lg\:grid-cols-4 {  grid-template-columns:repeat(4, minmax(0, 1fr))}}

/*专题导航*/
.banner .newHeadNav{background: none; width: 100%;margin-top: -80px;border:none;position: relative;}
.banner .newHeadNav .w1200{width:50%;margin-right: 4%;}
.banner .newHeadNav .zzul{display:flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-end;justify-content: right;}
.banner .newHeadNav .ulA{width:150px ;margin:0 20px; }
.banner .newHeadNav .ulA a{font-size:1.25rem;color:#000;position: relative;line-height:calc(2.5 / 2.25);height:auto}
.banner .newHeadNav .ulA.ulALine{background-color:#bd1a2d; border-radius:8px;padding:0;border-bottom:none;}
.banner .newHeadNav .ulA:hover a, .banner  .newHeadNav .ulA.ulALine a{border-bottom:none; color:#fff; }
.banner .newHeadNav .ulA:hover{border-bottom:none;background-color:#bd1a2d; border-radius:8px;padding:0;width:150px;margin:0 20px;}



/***** 悬浮动画*****/
@keyframes float-slow {0%, 100% { transform: translate(0, 0); }50% { transform: translate(10px, -10px); }  }  .animate-float-slow {animation: float-slow 4s ease-in-out infinite;  }

/*****短视频*****/
.bjbwg1{background:url(/bjww/resource/cms/2026/08/2026080413023736818.png) no-repeat; background-size:100%;background-position: center 35%;}
.wb_bjbwgl{padding:4% 0;margin: 0 auto;max-width:1000px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;}

/*****四大主题*****/
.tit_bjbwg{font-size:2.25rem;line-height:calc(2.5 / 2.25);font-weight: 600;letter-spacing: 1px;}
/*****四大主题渐变主题文字*****/
.tit_jbzt {background: linear-gradient(135deg, #E63946, #6B4EFF);font-weight: 600;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size:2.25rem;line-height:calc(2.5 / 2.25);}
.info_bjbwg{margin-top:2%;color:#000;line-height:calc(2 / 1.05);font-size: 1.05rem;font-weight:300;}
/*****四大主题分类模块*****/
.bjbwg3{padding-bottom:4%; width:90%;margin:0 auto;padding-top:2%;}
.bjbwg3 p{ color: rgb(255, 255, 255);padding-top:5px;font-weight: 300;}
.bjbwg3 .lswm,.bjbwg3 .fyjy,.bjbwg3 .hygs,.bjbwg3 .yskp {min-height:160px;border-radius: calc(0.625rem + 12px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.bjbwg3 .lswm:hover,.bjbwg3 .fyjy:hover,.bjbwg3 .hygs:hover,.bjbwg3 .yskp:hover {transform: translateY(-8px) scale(1.02);box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}
.lswm{background:linear-gradient(135deg, #E63946 0%, #C1121F 100%)}
.fyjy{background:linear-gradient(135deg, #FF8A3D 0%, #F77F00 100%)}
.hygs{background:linear-gradient(135deg, #6B4EFF 0%, #4338CA 100%)}
.yskp{background:linear-gradient(135deg, #FFD60A 0%, #FFB703 100%)}
 

/***** 卡片标题样式 *****/
.sdzt_tit{font-size: 1.5rem;  font-weight: 700!important;  margin-bottom: 0.5rem;  letter-spacing: 0.05em;  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.42);  margin-top:0.5rem;}
/***** "查看更多" 链接样式 *****/
.card-link {color: rgb(255, 255, 255);display: inline-block;margin-top: 1.85rem;font-size: 0.875rem; font-weight: 700; opacity: 0.95;}
.card-link:hover {opacity: 1;transform: translateX(4px);  }

/* 专题内容区 */

/*视频中心*/
.shipCon .conImg {margin:30px auto; padding-bottom:10px; text-align:center;}
.shipCon .conList {display:flex; justify-content: center;  align-items: center; margin: auto 0 auto 22px; }
.shipCon .conList li{/*! float: left; */width: 280px;margin: 15px 7px 20px 7px;overflow: hidden;}
.shipCon .conList li img{border-radius: 12px 12px 0 0;border: 1px solid #e6c06f; width:100%;object-position: center;object-fit: cover;}
.shipCon .conList .spTit{margin-top:20px;  text-indent: 0.5em;}
.shipCon .conList a { text-align:center;line-height:22px;color: #333;font-size: 18px; font-family: "雅黑","宋体",arial,verdana,sans-serif; font-weight:bold; display:block;}
.shipCon .conList .spText{margin-bottom:40px;text-align:center;color: #333; text-indent: 0.5em;  font-size:2.25rem; line-height:calc(2.5 / 2.25); padding:0 20px;}
.shipCon .conList .zsText{margin-bottom:30px; text-align:left;line-height:calc(2.55 /1.5); color: #333;font-size: 14px; text-indent: 0.5em;padding: 0 1.5rem;}
.shipCon .conList .zsTit{padding:15px;height:33px;text-align:center;}
.topic-content {padding: 10px 0;}
.topic-content .conList {margin: 0 auto;}
.topic-list {display: grid; grid-template-columns: repeat(4, 1fr);gap: 24px;}
.topic-list li { width: auto;background: #fff;border-radius: 14px;overflow: hidden;box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.42);transition: transform 0.3s, box-shadow 0.3s;}
.topic-list li:hover {transform: translateY(-6px);box-shadow: 0 10px 28px rgba(0,0,0,0.12);}
.topic-list .img-box {position: relative;height: 150px;overflow: hidden;}
.topic-list .img-box img {width: 100%;height: 100%;object-fit: cover;display: block;}
.topic-list .tag {position: absolute;top: 10px;right: 10px; color: #fff;font-size: 12px;padding: 4px 12px;border-radius: 12px;line-height: 1.4;}
/**历史文脉**/
.topic-list .ls_tag{ background-image: -moz-linear-gradient( -37deg, rgb(230,57,70) 0%, rgb(230,57,70) 53%, rgb(193,18,31) 100%);
  background-image: -webkit-linear-gradient( -37deg, rgb(230,57,70) 0%, rgb(230,57,70) 53%, rgb(193,18,31) 100%);  
  background-image: -ms-linear-gradient( -37deg, rgb(230,57,70) 0%, rgb(230,57,70) 53%, rgb(193,18,31) 100%);
 }
/**非遗技艺**/
.topic-list .fy_tag{  background-image: -moz-linear-gradient( -37deg, rgb(255,138,61) 0%, rgb(247,127,0) 100%);
  background-image: -webkit-linear-gradient( -37deg, rgb(255,138,61) 0%, rgb(247,127,0) 100%);
  background-image: -ms-linear-gradient( -37deg, rgb(255,138,61) 0%, rgb(247,127,0) 100%);
 }
/**行业故事**/
.topic-list .hy_tag{ background-image: -moz-linear-gradient( -37deg, rgb(107,78,255) 0%, rgb(67,56,202) 100%);
  background-image: -webkit-linear-gradient( -37deg, rgb(107,78,255) 0%, rgb(67,56,202) 100%);
  background-image: -ms-linear-gradient( -37deg, rgb(107,78,255) 0%, rgb(67,56,202) 100%);
 }
/**艺术科普**/
.topic-list .ys_tag{ background-image: -moz-linear-gradient( -37deg, rgb(255,214,10) 0%, rgb(255,183,3) 100%);
  background-image: -webkit-linear-gradient( -37deg, rgb(255,214,10) 0%, rgb(255,183,3) 100%);
  background-image: -ms-linear-gradient( -37deg, rgb(255,214,10) 0%, rgb(255,183,3) 100%);
 }

@media only screen and (max-width: 1200px) {
/*分页样式*/
  .shipCon{margin:50px auto; width:80%;}
  .topic-list{grid-template-columns: repeat(3, 1fr);gap: 12px;}
}
@media only screen and (max-width:992px) {
/*分页样式*/
  .shipCon{margin:50px auto; width:80%;}
  .topic-list{grid-template-columns: repeat(2, 1fr);gap: 12px;}
}
@media only screen and (max-width: 600px) {
.banner .newHeadNav{margin-top: -20px;}
/*分页样式*/
  .shipCon{margin:50px auto; width:80%;}
  .topic-list{grid-template-columns: repeat(1, 1fr);gap: 12px; }
}


/**************************************************************************
***************************************************************************
**************************公用部分css start  *******************************
***************************************************************************
**************************************************************************/

@media screen and (max-width:1025px) {
 /*公用头部*/
body{width:100%;min-width:auto;}
.w1200,.bwfxh5,.bwfxh3,.w_breadnav{width:100% !important;margin:0 auto;}
.wb_bjbwgl{max-width:100%;padding:4% 16px;}
.bwfxh3 .wb_xhdtl,.bwfxh3 .wb_xhdtr,.w_rd{width:100% !important;margin:0 auto; height:auto !important;}.bjbwg1{ background-size:cover; background-position:center;}
*{transition:background-color .5s;-webkit-transition:background-color .5s;}
*{transition:background-size .5s;-webkit-transition:background-size .5s;}
.newHead{padding: 20px 0 0;background-color:#bd1a2d;}
.newHead .syLogo{margin-right: 0px;float: none;}
.newHead .syLogo img{display:block;margin:0 auto;width: 70%;}
.newHead .newTopRight{display:none;}
.newHead .newTopSearch{float: none;width: 85%;margin: 10px auto;}

#newSearchForm {width:100%;height: 40px;background: #fff;border-radius: 6px;border: 1px solid #ddd;}
#newSearchForm input {width: 50%;background: none;border: none;float: left;height: 38px;line-height: 38px;font-size: 14px;}
#newSearchForm button {cursor:pointer;width: 20px;height: 40px;background: url(/bjww/resource/cms/2020/03/newSous.png) no-repeat right center;border: none;float: right;margin-right: 2%;}
#newSearchForm .slideSS{width: 100px;position:relative;margin-right:10px;float:left;cursor:pointer;background:url(/bjww/resource/cms/2020/03/xialad.png) no-repeat right center;text-align: center;}
#newSearchForm .slideSS .slideSS_txt{line-height: 38px;font-size: 14px;color: #404040;}
#newSearchForm .slideSS ul{display: none;background:#fff;width: 100px;position: absolute;left: 0px;top: 37px;padding: 5px;border-radius:5px;}
#newSearchForm .slideSS ul li{font-size: 14px;color:#333;line-height: 30px;text-align: center;}
#newSearchForm .slideSS ul li:hover{background:#ccc;}

/*公用底部*/
.newFoot {background-color:#bd1a2d;padding: 30px 0;}
.newFoot .w1200{width:100%;}
.newFoot .newFootCon{line-height: 26px;background-color:#aa1728;padding: 25px 15px;margin-left: 3px;display:none;}
.newFoot .newFootCon.newFootConEwm{display:block;}
.newFoot .dzjg{float:left;margin-right: 40px;margin-top: 35px;}
.newFoot .dzjg div {display:none;}
.newFoot .dzjg a{display:block;text-align:center;color:#fff;font-weight:bold;}
.newFoot .rightFoot img{float:left;margin: 0 8px;height: 90px;}
.newFootInfo{background-color: #dbbc82;line-height: 55px;text-align:center;}
.newFootInfo span{font-size:14px;float:none;display: inline;padding-right: 10px;color: #000;}
.newFootInfo span.spanR{display:none;}
.newFootInfo span.spanR img{width: 15px;vertical-align: middle;padding-right: 10px;}
/*友情链接*/
.boxLinks{display:none;}
/*专题导航*/
.banner .newHeadNav{height:0;}
.banner .newHeadNav .w1200{width:96%;margin-right:0%;}
.banner .newHeadNav .ulA{width:120px;margin:0 5px;padding:0; }
.banner .newHeadNav .ulA a{font-size:0.9rem;height:auto}
.banner .newHeadNav .ulA:hover{width:120px;margin:0 5px;}
/**************************************************************************
***************************************************************************
**************************公用部分css end  *******************************
***************************************************************************
**************************************************************************/
}