@charset "utf-8";
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
select{
	-webkit-appearance:none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
}
body,button,input,select,textarea{ font: normal 12px/100% "Microsoft Yahei", Arial, sans-serif;}
li{ list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
body,html{ width:100%; height: 100%;}
html{ background-color: #f1f1f1; }
.clear{clear:both}
.wrapper{width:100%;margin-left: auto;margin-right: auto;max-width: 750px;}
/* 全屏容器 */
  .fullscreen-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* 3秒后自动隐藏：先透明，最后瞬间移除布局占位 */
    animation: hideAfter5s 3s forwards;
  }
  /* 图片样式 */
  .fullscreen-img {
	width: 100%;
    object-fit: contain;
  }
  /* 进度条容器 */
  .progress-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    overflow: hidden;
  }
  /* 进度条填充动画 */
  .progress-bar {
    height: 100%;
    width: 0%;
    background: #fff;
    /* 5秒线性填满 */
    animation: fillProgress 3s linear forwards;
  }
  /* 关键帧：进度条从左到右 */
  @keyframes fillProgress {
    0% { width: 0%; }
    100% { width: 100%; }
  }
  /* 关键帧：整体隐藏逻辑 */
  @keyframes hideAfter5s {
    0%, 99% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
  }
.bg-overlay{
	width: 100%;
    height: 600px;
	position: relative;
    background-image: url('../images/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	}
.banner-bg{margin:0 auto; width:94%; position:absolute; bottom:2rem; left:3%; }
/*banner轮播图*/
.banner{width: 100%; border-radius:0.4rem; }
.banner ul li img{width: 100%;display: block;}
.banner .sp01 span{background-color: #fff;opacity: .7;}
.banner .sp01 .swiper-pagination-bullet-active{background-color: white;background-color: #ffe037; opacity: 1;}
/*-- 商城公告-- */
.news_sj_dxs_box{ margin:0 auto; padding-top:0.5rem; background:#FFF8F3;}
.news_sj_dxs_box .scrollnews{ margin:0 auto; width:90%;overflow: hidden; padding:2%;background-color: #E3C89D; border-radius:0.4rem;}
.news_sj_dxs_box .scrollnews span{float: left; width: 15%;}
.news_sj_dxs_box .scrollnews span img{ width:auto; display: block; }
.news_sj_dxs_box .scrollnews ul{float: right; width: 80%;height: 1rem; padding-top:0.4rem; overflow: hidden; }
.news_sj_dxs_box .scrollnews ul li{line-height: 1rem; height: 1rem;}
.news_sj_dxs_box .scrollnews ul li a{display: block; color: #666; font-size: 1rem;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_sj_dxs_box .sj_dxs_box{ margin:0 auto; width:100%; margin-top:1rem; padding-bottom:5rem;overflow: hidden;}
.news_sj_dxs_box .sj_dxs_box h2{  margin:0 auto; width:90%; position: relative;}
.news_sj_dxs_box .sj_dxs_box img{ width: 100%; display: block;}
.mobile-pic{ margin:0 auto;width:94%; margin-top:1rem;}
.mobile-pic img{ width:100%;}
.mobile-list {list-style-type: none; padding: 0;margin: 0; }
.mobile-list dl { margin:1rem auto; width:90%; background:#F4EADB; border-radius:0.4rem; padding:0.5rem 0.6rem; line-height:2rem;}
.mobile-list dl a{ color:#7F7268; }
.mobile-list dl a dt{font-size:1rem; font-weight:bold;}
.mobile-list dl a dd{font-size:0.8rem;}
.pages {padding:10px 0 5px 0px;text-align:center; margin:0 auto;line-height:18px;clear:both !important;}
.pages a {border: 1px solid #E9E9E9; color: #555555;display: inline;display:inline-block; padding:4px 6px;border-radius:0.4rem; margin:0 0.2rem;}
.pages a:hover {border: 1px solid #2A7D01;color: #fff; background:#2A7D01;text-decoration: none; cursor:pointer;}
.pages .current{padding:4px 6px;background-color: #7F7268;border: 1px solid #2A7D01;color:#fff;font-weight: bold;border-radius:0.4rem;}
.box{position:relative;margin:0;padding:2px 0 0;background:#F3EFC5}
.box p{margin:0}
.box .title{
	background:#8A8A8A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8A8A8A), to(#A69B84)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #8A8A8A, #A69B84); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #8A8A8A, #A69B84); /* FF3.6 */
	box-shadow:1px 1px 1px 0 #B5B5B5;text-shadow: 0px 1px 1px #FFFFFF;
	height:40px;line-height:40px;padding:0 10px;color:#0069ce;
	font-weight:bold;border-radius:3px;	margin:0 2px;position:relative; font-size:1rem; color:#F4EADB;
}
.box dd{padding:0;margin:0}
.box .intro-box{padding:10px}
.box .intro-box h3{margin:0;font-size:100%;}
.box .intro-box img{margin-right:10px;}
.content{padding:10px; line-height:150%;}
.theme{font-size:100%;margin:10px 0;padding:0 0 10px;border-bottom:1px solid #EBEBEB;text-align:center; font-size:1rem; color:#94886C;}
.intro{line-height:160%; max-width:95%;}
.intro p{font-size:1rem; line-height:1.4rem; color:#666666;}
.intro img{max-width:95%;}
.intro a{color:#ff0000;text-decoration:underline;}
.arr-round{
	background:#8bccfd url(../images/icons-arr.png) no-repeat 5px 3px;
	width:22px;	height:22px;position:absolute;right:10px;display:block;border-radius: 9px;
	-moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	top:8px
}
.arr-round{background-position:5px 8px;background-image:url(../images/icons-arr-dn.png)}
/*-- 栏目-- */
.m_nav {
	margin-top: 20px;
	width: 100%;
}
.m_nav img { width:60%;}
.m_nav a {
	width: 33.333333%;
	text-decoration: none;
	height: 100px;
	text-align: center;
	float: left;
	margin-bottom:10px;
}
.m_nav a span {
	width: 100%;
	float: left;
	line-height: 30px;
	font-size: 14px;
	color: #666666; font-weight:bold;
}
/*底部导航菜单*/
.foot_menu{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;border-top: 1px solid #C6A386;}
.foot_menu ul{ overflow: hidden; background-color: #fff; padding-top:2%; padding-bottom: 1%;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	border-top: 1px solid #ddd;
}
.foot_menu ul li{ text-align: center; width: 25%;}
.foot_menu ul li i{display: block; margin-bottom: 0.4rem;}
.foot_menu ul li img{ display: block; margin:0 auto; width:1.5rem;height:1.5rem; }
.foot_menu ul li a{ color: #88421B; font-size: 0.8rem;display: inline-block;}
.foot_menu ul li.cur a{ color:#00A5A0;}
.foot_menu ul li.gwc a{position: relative;}
.foot_menu ul li.gwc em{ position: absolute; right: -50%; top: -10%; background-color: rgb(6, 100, 28); border-radius: 50%;
	font-style:normal; width: 1rem; height: 1rem; text-align: center; line-height: 0.9rem; border: #fff solid 1px;
	font-size: .18rem; color: #fff;
}