html {
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	-o-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
body,html {
	margin:0;
	font-family:"Microsoft YaHei","Helvetica
            Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;
	font-size:62.5%;
	width:100%;
	margin:0 auto;
	height:100%;
}
* {
	padding:0;
	margin:0;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
li {
	list-style:none;
}
a {
	text-decoration:none;
}
input,textarea,form {
	outline:none;
}
.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.icon {
	background-image:url("/skin/default/images/icon.png");
	background-repeat:no-repeat;
	background-size:10rem 10rem;
}
header {
    height: 1.7rem;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

/* 滚动时变化效果 */
header.scrolled {
    height: 1.5rem;
    background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.logo {
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    float: left;
    margin: 0.25rem 0.2rem 0.25rem 0.4rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

header.scrolled .logo {
    width: 1rem;
    height: 1rem;
}

.logoT {
    float: left;
    margin-top: 0.25rem;
    margin-left: 0.1rem;
    transition: all 0.3s ease;
}

header.scrolled .logoT {
    margin-top: 0.2rem;
}

.logoT1 {
    font-size: 0.45rem;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

header.scrolled .logoT1 {
    font-size: 0.4rem;
}

.logoT2, .logoT3 {
    font-size: 0.26rem;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}

header.scrolled .logoT2, 
header.scrolled .logoT3 {
    font-size: 0.24rem;
}

.logoT3 span {
    color: #f4c569;
    font-weight: 600;
    position: relative;
}

.logoT3 span::after {
    content: '';
    position: absolute;
    bottom: -0.05rem;
    left: 0;
    width: 100%;
    height: 0.03rem;
    background-color: #f4c569;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease;
}

.logoT3 span:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* 添加导航链接样式（如果有） */
.nav-links {
    float: right;
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    height: 100%;
}

.nav-links a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    margin-left: 0.5rem;
    font-size: 0.28rem;
    transition: all 0.3s ease;
    position: relative;
    padding: 0.1rem 0;
}

.nav-links a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.02rem;
    background-color: #f4c569;
    transition: width 0.3s ease;
}

.nav-links a:hover {
    color: #f4c569;
}

.nav-links a:hover::after {
    width: 100%;
}

header.scrolled .nav-links a {
    font-size: 0.26rem;
}

.ljxz
            a,header .cdkBtn {
	float:right;
	width:2.18rem;
	height:.9rem;
	line-height:.9rem;
	margin-top:0.35rem;
	margin-right:.4rem;
	background-color:#ffc654;
	font-size:0.4rem;
	color:#fff;
	border:none;
	text-align:center;
	border-radius:.1rem;
}
.ljxz a {
	background-color:#e24258;
	color:#fff;
}
/* --- 全局变量 (便于统一管理和主题切换) --- */
:root {
  --primary-color: #caa24b;        /* 主按钮颜色 */
  --primary-hover-color: #b8903a;  /* 主按钮悬停颜色 */
  --secondary-color: #fae7d0;      /* 次要背景色 */
  --text-color: white;             /* 按钮文字颜色 */
  --border-radius: 0.65rem;        /* 全局圆角 */
}

/* --- 顶部 Banner 区域 --- */
.topbg {
  padding-top: 1.7rem;
  overflow: hidden;
  position: relative;
  background-color: var(--secondary-color);
}

.topbg img {
  display: block; /* 消除图片底部的小间隙 */
  width: 100%;
  height: auto;  /* 保持图片的原始宽高比 */
}

/* --- 居中按钮容器 (使用 Flexbox 实现完美居中) --- */
.ljxzBtn {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  padding: 0.3rem 0;
}

/* --- 按钮样式 --- */
.ljxzBtn a {
  display: inline-block;
  width: 50%;
  height: 1rem;
  line-height: 1rem; /* 与高度一致，实现精确垂直居中 */
  text-align: center;
  background-color: var(--primary-color);
  color: var(--text-color);
  text-decoration: none;
  border-radius: var(--border-radius);
  transition: background-color 0.3s ease; /* 添加平滑过渡效果 */
}

/* --- 按钮悬停效果 --- */
.ljxzBtn a:hover {
  background-color: var(--primary-hover-color);
}

/* --- 视频弹窗容器 --- */
.tc_video {
  position: fixed;
  inset: 0; /* 等同于 top:0; right:0; bottom:0; left:0; */
  z-index: 100;
  display: flex;           /* 使用 Flexbox 使内容垂直水平居中 */
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7); /* 添加半透明遮罩 */
  opacity: 0;              /* 默认透明 */
  visibility: hidden;      /* 默认不可见 */
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* --- 弹窗显示状态 (通过添加 'open' class 来控制) --- */
.tc_video.open {
  opacity: 1;
  visibility: visible;
}

/* --- 视频内容区域 --- */
.tc_video .video_wrapper {
  position: relative;
  width: 90%; /* 在小屏幕上留点边距 */
  max-width: 800px; /* 限制最大宽度 */
}

.tc_video video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius); /* 给视频也加上圆角 */
}

/* --- 关闭按钮 --- */
.tc_video .closeBtn {
  position: absolute;
  top: -1.5rem;      /* 调整位置，使其在视频上方 */
  right: 0;
  width: 1.2rem;     /* 建议给关闭按钮一个明确的尺寸 */
  height: 1.2rem;
  background-image: url("/skin/default/images/closebtn1.png");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 101;
}

/* --- 底部大图链接 --- */
.topbg4_a {
  width: 5.86rem;
  height: 1.54rem;
  display: block;
  margin: 0 auto;
  text-indent: -9999px; /* 使用一个很大的值来隐藏文字 */
  overflow: hidden;
  background-size: cover; /* 假设这个元素本身也是一张背景图 */
}

/* 如果 a 标签需要承载背景图 */
.topbg4_a a {
  display: block;
  width: 100%;
  height: 100%;
}
/* 新闻整体容器 */
.xw {
    width: 100%;
    height: 6.6rem;
    padding: 0.5rem;
    box-sizing: border-box;
    background-color: #f9f9f9;
}

.xwzx {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0.6rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* 轮播图样式 */
.lunbo {
    height: 6.5rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.lunbo .p0 {
    width: 100%;
    height: 6.5rem;
    overflow: hidden;
    position: relative;
}

.lunbo .p0 img {
    width: 100%;
    height: 5.53rem;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.lunbo:hover .p0 img {
    transform: scale(1.03);
}

.lunbo .slide-caption {
    position: absolute;
    bottom: 0.72rem;
    left: 0;
    right: 0;
    padding: 0.4rem;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    font-size: 0.45rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lunbo .swiper-pagination {
    width: 100%;
    height: 0.72rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.15rem;
}

.lunbo .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0;
    background-color: #e0e0e0;
    transform: rotate(45deg);
    transition: all 0.3s ease;
    cursor: pointer;
}

.lunbo .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #b3b3b3;
    transform: rotate(45deg) scale(1.1);
}

.lunbo .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #caa24b;
    width: 0.4rem;
    height: 0.4rem;
}

/* 新闻标题 */
.xwzx_tit {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.6rem;
    text-align: center;
    background-position: 1rem -3.41rem;
    margin: 0.5rem 0;
    color: #6a7bc8;
    font-weight: 600;
    position: relative;
}

.xwzx_tit::after,
.xwzx_tit::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 2.5rem;
    height: 1px;
    background-color: #e0e0e0;
}

.xwzx_tit::before {
    left: 1.5rem;
}

.xwzx_tit::after {
    right: 1.5rem;
}

/* 新闻列表区域 */
.new {
    height: 5.9rem;
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.p1 {
    width: 10.11rem;
    height: 5.2rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.p1N {
    width: 520%;
    height: 5.2rem;
    position: absolute;
    top: 0.2rem;
    left: 0;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.p1_list {
    float: left;
    width: 9.41rem;
    height: 4.95rem;
    margin: 0 0.35rem;
}

.p1_list li,
#swiper-container3 li {
    font-size: 0.36rem;
    color: #666;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1rem;
    transition: background-color 0.3s ease;
    border-bottom: 1px dashed #f0f0f0;
}

.p1_list li:last-child,
#swiper-container3 li:last-child {
    border-bottom: none;
}

.p1_list li:hover,
#swiper-container3 li:hover {
    background-color: #f9f9f9;
}

.p1_list li a,
#swiper-container3 li a {
    color: #666;
    text-decoration: none;
    height: 1rem;
    line-height: 1rem;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color 0.3s ease;
    flex: 1;
    padding-right: 0.3rem;
}

.p1_list li a:hover,
#swiper-container3 li a:hover {
    color: #caa24b;
}

.p1_list li .date,
#swiper-container3 li .date {
    color: #aaa;
    font-size: 0.32rem;
    white-space: nowrap;
}

.p1_list li .typename,
#swiper-container3 li .typename {
    height: 1rem;
    line-height: 1rem;
    display: inline-block;
    margin-right: 0.2rem;
    color: #caa24b;
    font-size: 0.32rem;
}

/* 分类标题 */
.new .title {
    overflow: hidden;
    position: relative;
    height: 0.86rem;
    border-bottom: 1px solid #f0f0f0;
    width: 10.11rem;
    margin: 0 auto;
    display: flex;
}

.new .title a,
#swiper-container2 .swiper-slide {
    flex: 1;
    float: left;
    cursor: pointer;
    font-size: 0.36rem;
    line-height: 0.86rem;
    height: 0.86rem;
    text-align: center;
    color: #666;
    box-sizing: border-box;
    position: relative;
    transition: color 0.3s ease;
}

.new .title a:hover,
#swiper-container2 .swiper-slide:hover {
    color: #caa24b;
}

.new .title a.tit_hover,
#swiper-container2 .active-nav {
    color: #caa24b;
}

.new .title a.tit_hover::after,
#swiper-container2 .active-nav::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #caa24b;
}

#swiper-container2 {
    position: relative;
    height: 0.86rem;
    border-bottom: 1px solid #f0f0f0;
}

.xixunMore {
	width:.54rem;
	height:.54rem;
	line-height:.54rem;
	display:block;
	font-size:.54rem;
	text-align:center;
	background-color:#caa24b;
	color:#fff;
	border-radius:50%;
	position:absolute;
	top:.1rem;
	right:3%;
	z-index:3;
}
/*媒体中心*/ .media {
	width:100%;
	-height:8.2rem;
	overflow:hidden;
}
.media .jt_tit {
	color:#8a9cd5;
	background-position:0 -3.36rem;
}
.media_tit {
	width:8rem;
	height:.7rem;
	line-height:.7rem;
	text-align:center;
	font-size:.36rem;
	border:1px solid #cba34d;
	margin:0 auto;
}
.media_tit a {
	width:33.3333%;
	float:left;
	color:#cba34d;
	font-size:.36rem;
	text-align:center;
	height:.7rem;
	line-height:.7rem;
}
.media_tit a.f {
	color:#fff;
	background-color:#cba34d;
}
.media_Div {
	display:none;
}
.media_Div.f {
	display:block;
}
.media_video .swiper-pagination-bullet {
	width:.3rem;
	height:.3rem;
	display:inline-block;
	margin:0 .1rem;
	background-color:#cccccc;
	transform:rotate(45deg);
	border-radius:0;
	opacity:1;
}
.media_video .swiper-pagination-bullet-active {
	background-color:#caa24b;
}
/*底部*/ footer {
	text-align:center;
	background-color:#cfc4a6;
	padding-top:.6rem;
}
.ewm {
	width:4.17rem;
	height:4.17rem;
}
.footerp1 {
	height:1rem;
	line-height:1rem;
	font-size:.6rem;
	color:#000;
}
.footerp2 {
	font-size:.34rem;
	color:#000;
	line-height:180%;
}
.footerp2 span {
	color:#dd1f16;
}
.m_footer_p1 img {
	width:.5rem;
	height:.5rem;
	vertical-align:middle;
}
.m_footer_p1 {
	font-size:.42rem;
	color:#000;
	height:.7rem;
}
.m_footer_p2 {
	height:0.46rem;
	line-height:0.46rem;
	font-size:.32rem;
	color:#000000;
}
.footer_logo {
	width:2.79rem;
	height:.59rem;
	margin:.4rem 0;
}
.goTop {
	margin-top:.4rem;
}
.Copyright .m_footer {
	color:#474759;
	font-size:0.28rem;
	background-color:#fff;
	padding:.25rem 0;
	clear:both;
}
/*弹框*/ .mark {
	width:100%;
	height:77.2rem;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	background-color:rgba(0,0,0,0.8);
	display:none;
}
.closeBtn,.closeBtn1 {
	width:.84rem;
	height:.84rem;
	position:absolute;
	top:.02rem;
	right:.02rem;
	z-index:102;
	display:block;
	cursor:pointer;
	background:url("/skin/default/images/closebtn1.jpg")
            no-repeat;
	background-size:100% 100%;
}
.tishi {
	width:8.06rem;
	height:4.04rem;
	position:fixed;
	top:0;
	right:0;
	z-index:100;
	background:url("/skin/default/images/tishi.png")
            no-repeat;
	background-size:100% 100%;
	display:none;
}
.tishi p {
	width:1.62rem;
	height:1.54rem;
	position:fixed;
	top:5rem;
	left:50%;
	z-index:101;
	background:url("/skin/default/images/fx_close.png")
            no-repeat;
	background-size:100% 100%;
}
/*特色图*/ .jt {
	width:100%;
	height:12rem;
	background-color:#cfc4a6;
	overflow:hidden;
}
.jt_content {
	width:100%;
}
.jt .swiper-container {
	width:100%;
	overflow:hidden;
	height:8.6rem;
	margin:2.2rem 0 1rem;
}
.jt .swiper-slide {
	background-position:center;
	background-size:cover;
	width:5.27rem;
	height:8.59rem;
}
.jt
            .swiper-slide img {
	width:5.27rem;
	height:8.59rem;
}
.jt .swiper-button-prev,.jt .swiper-button-next {
	width:1.1rem;
	height:1.1rem;
	line-height:1.1rem;
	border-radius:50%;
	background:url("/skin/default/images/icon.png")
            no-repeat;
	background-size:10rem 10rem;
}
.jt .swiper-button-next {
	background-position:-1.46rem 0;
}
.tc_img {
	width:100%;
	height:0rem;
	position:fixed;
	top:50%;
	left:0;
	z-index:100;
	margin-top:-3.174rem;
	overflow:hidden;
}
.tc_img .swiper-container {
	width:100%;
	height:6.348rem;
	overflow:hidden;
}
.tc_img .swiper-slide {
	background-position:center;
	background-size:cover;
	width:100%;
	height:6.348rem;
}
.tc_img .swiper-button-next,.tc_img
            .swiper-button-prev {
	width:1.1rem;
	height:1.1rem;
	line-height:1.1rem;
	border-radius:50%;
	background:url("/skin/default/images/icon.png")
            no-repeat;
	background-size:10rem 10rem;
}
.tc_img .swiper-button-next {
	background-position:-1.46rem 0;
	right:0;
}
.tc_img .swiper-button-prev {
	left:0;
}
.media_photo {
	width:9.44rem;
	-height:5.1rem;
	margin:0 auto;
	padding:.45rem .45rem 0 .45rem;
	display:none;
}
.media_video_box {
	width:4.52rem;
	height:2.76rem;
	position:relative;
	margin-bottom:.4rem;
	margin-left:.2rem;
	background-size:cover;
}
.media_video_box .photo_img {
	width:4.52rem;
	height:2.76rem;
}
.media_Div p {
	width:100%;
	height:.6rem;
	line-height:.6rem;
	font-size:.3rem;
	color:#fff;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
	bottom:0;
}
.media_video {
	width:100%;
	height:4.8rem;
	margin:.45rem 0 0 0;
	position:relative;
}
.media_video .video_img {
	width:100%;
	height:4.58rem;
}
.video_spBox,.top_video {
	width:2.04rem;
	height:2.04rem;
	background:url("/skin/default/images/icon.png")
            no-repeat;
	background-size:10rem 10rem;
	background-position:-4rem 0;
	position:absolute;
	top:32%;
	left:50%;
	margin-left:-1.02rem;
}
.topbg
            .top_video {
	width:2.22rem;
	height:2.22rem;
	background-position:-6.41rem
            0;
	top:2rem;
	left:0rem;
	margin-left:0;
}
/*职业*/ .t4 {
	width:100%;
	height:9.72rem;
	background:url("/skin/default/images/t42.jpg")
            no-repeat;
	background-size:100% 100%;
	position:relative;
	overflow:hidden;
}
.zhiye_tit {
	width:10rem;
	height:.62rem;
	text-align:center;
	margin:0 auto;
	position:relative;
	top:1.7rem;
	z-index:3;
}
.zhiye_tit a {
	display:block;
	width:16.6666%;
	height:.62rem;
	line-height:.62rem;
	color:#7c798d;
	font-size:.36rem;
	border-left:1px solid #a19ead;
	border-right:1px solid
            #a19ead;
	float:left;
	box-sizing:border-box;
}
.zhiye_tit a:first-child {
	border-left:2px solid #a19ead;
}
.zhiye_tit a:last-child {
	border-right:2px solid #a19ead;
}
.zhiye_tit a.f {
	color:#a08b5e;
	font-weight:700;
	border:2px solid #a08b5e;
}
.zhiyeImg {
	position:absolute;
	top:0;
	left:0;
}
.zhiyeImg img {
	width:100%;
	height:9.72rem;
	display:none;
}
.zhiyeImg
            img.t4_zy16 {
	width:100%;
	height:8.4rem;
	margin-top:1.32rem;
}
.zhiyeImg
            img.f {
	display:block;
	animation:herosImg .8s forwards;
}
@keyframes
            herosImg {
	0% {
	opacity:0;
	transform:scale(1.1);
}
100% {
	opacity:1;
	transform:scale(1);
}
;}.tese {
	width:10.4rem;
	height:6.2rem;
	margin:0 auto;
}
.tese a {
	width:5rem;
	height:2.65rem;
	display:block;
	float:left;
	margin:.1rem;
	position:relative;
}
.tese a img {
	width:5rem;
	height:2.65rem;
}
.tese a h3 {
	color:#fff;
	font-size:.58rem;
	position:absolute;
	left:.3rem;
	top:.8rem;
}
.tese a p {
	display:inline;
	padding:.1rem
            .32rem;
	font-size:.2rem;
	color:#fff;
	background-color:#cf4c13;
	position:absolute;
	left:.3rem;
	top:1.66rem;
	border-radius:.3rem;
}
.footerShare {
	width:8rem;
	height:1.3rem;
	line-height:1.3rem;
	margin:.6rem auto
            .4rem;
}
.footerShare a {
	display:block;
	width:50%;
	line-height:1.3rem;
	font-size:.44rem;
	color:#000;
	text-align:left;
	text-indent:1.5rem;
}
.footerShare a.footerShare_ltbtn {
	width:42%;
}
.footerShare .footerShare_btn {
	background-position:0 -2.5rem;
}
.footerShare .footerShare_ltbtn {
	background-position:-5.12rem -2.5rem;
}
.rechageBtn {
	display:block;
	width:1.8rem;
	height:1.8rem;
	position:fixed;
	z-index:11;
	right:.02rem;
	top:50%;
	margin-top:-.05rem;
	animation:bounceIn linear 3s;
}
@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
}
0% {
	opacity:0;
	transform:scale3d(.3,.3,.3);
} 
20% {
	transform:scale3d(1.1,1.1,1.1);
}
40% {
	transform:scale3d(.9,.9,.9);
}
60% {
	opacity:1;
	transform:scale3d(1.03,1.03,1.03);
}
80% {
	transform:scale3d(.97,.97,.97);
}
to {
	opacity:1;
	transform:scaleX(1);
}
;}