/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* QQ：9490489 */
.section{

    margin-top: 30px;

}

.section1{

    max-width: 1400px;

    margin: 0 auto;

}



/*友情链接*/
/* 导航标签样式 */
.tab-nav {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.tab-item {
  padding: 10px 15px;
  cursor: pointer;
  color: #666;
  position: relative;
}

.tab-item.active {
  color: #c00;
  font-weight: bold;
}

.tab-item.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #c00;
}

/* 列表内容样式 */
/* 导航标签样式 */
.tab-nav {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.tab-item {
  padding: 10px 15px;
  cursor: pointer;
  color: #666;
  position: relative;
}

.tab-item.active {
  color: #c00;
  font-weight: bold;
}

.tab-item.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #c00;
}

/* 列表内容样式 */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.tab-content li {
  color: #333;
  font-size: 14px;
  cursor: pointer;
}

.tab-content li:hover {
  color: #c00;
  text-decoration: underline;
}

/*结束*/

.box{
	background: url(../images/xydt-list-bg.png) no-repeat;
}

.box>ul>a{
 float: right;
  color: #ae3725;
  margin: 10px;
  font-size: 18px;
  cursor: pointer;
}


/* 移除轮播相关样式，确保图片固定不滚动 */
.pic-static .picList {
  display: flex; /* 横向排列图片 */
  overflow: visible !important; /* 取消溢出隐藏，显示所有图片 */
  justify-content: center; /* 居中对齐 */
  padding: 0;
  margin: 0;
}

.pic-static .picList li {
  float: none; /* 取消浮动 */
  display: inline-block; /* 横向排列 */
  margin: 0 10px; /* 图片间距 */
  list-style: none; /* 去除列表样式 */
}

/* 移动端固定布局 */
.static-grid {
  display: flex;
  flex-wrap: wrap; /* 自动换行 */
  justify-content: center;
  gap: 10px; /* 图片间距 */
}

.static-item {
  flex: 1 1 calc(50% - 20px); /* 移动端每行显示2张 */
  max-width: calc(50% - 20px);
}

/* 确保图片自适应 */
.pic img, .static-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* 移除可能存在的轮播脚本样式 */
.tempWrap, .swiper-wrapper {
  transform: none !important; /* 取消轮播的位移效果 */
  transition: none !important; /* 取消过渡动画 */
}




.hot-new{

    padding: 0 0 40px 0;

    background: #fff;

    overflow: hidden;

    width: 100%;

}

.new-switch{

    float: left;

    width:58.2%;

}

.new-switch .slideBox{

    position: relative;
  	height: 600px;
  	width: 900px;

}

.new-switch .slideBox ul li a img{

    display: block;

    width: 900px;

    transition: all 0.3s;
  	height: 600px;

}

.new-switch .slideBox ul li:hover a img{

    transform: scale(1.1);

}

.new-switch .slideBox ul li:hover a p{

    color: #b5282e;

}

.new-switch .slideBox ul li{

height:100%;

}

.new-switch .slideBox ul li a{

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    height: 100%;

    display: block;

    display: block;

    position: relative;

}

.new-switch .slideBox ul li a p{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    line-height: 45px;

    background: rgba(59, 61, 65, 0.6);

    padding-left: 20px;

    padding-right: 140px;

    color: #fff;

    font-size: 16px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.new-switch .slideBox .hd{

    position: absolute;

    bottom: 15px;

    right: 14px;
  display:flex;

}

.new-switch .slideBox .hd ul{

    text-align: center;

    font-size: 0;
 	
  	display:flex;

}

.new-switch .slideBox .hd ul li{

    display: inline-block;

    width: 12px;

    height: 12px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    background: #999;

    margin: 0 4px;

    cursor: pointer;
  
 

}

.new-switch .slideBox .hd ul li.on{

    background: #AE3725;

}


.ggtit-h2{

   /* background: #eee7e2;*/

    background-size: auto 100%;

    padding-right: 10px;

    color: #fff;

    overflow: hidden;

    font-size: 0;
  
  	text-align: center;

  	border-bottom: 2px solid #ae3725 !important;
  
  	padding-top: 10px;
}

.ggtit-h2 span {
  font-size: 25px !important;
  padding: 0px 10px;
  margin-right: 5px;
  color: #ae3735;
  cursor: pointer;
  border-radius: 4px;
  font-weight: normal;
}

.ggtit-h2 a {

    float: right;

    color: #ae3725;

    font-size: 16px;

}

.ggtit-h2 a:hover{

    color: #b5282e;

}

.ggtit-h22{

   background: none; 

}

.ggtit-h22 a {

    color: #fff;

}

.ggtit-h22 a:hover{

    color: #fff;

}

.hot-new .new-list ul{

    padding: 0px 10px 10px 10px;

}

.hot-new .new-list ul li a{

    line-height: 44px;

}

.new-list {

    width: 32%;

    float: right;
  
    border: 1px solid #ccc;
    /* box-shadow: 水平偏移 垂直偏移 模糊半径 扩散半径 颜色; */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
  
   /* 关键：父容器设置完整背景图 */
    background: url("../images/xydt-list-bg.png") no-repeat; 
    background-position: 0px 1550px;
    background-size: cover; /* 覆盖父容器，保持比例 */
    /*padding: 20px;  内边距控制子容器间距 */


}

.new-list ul{

    padding: 15px 15px 16px 15px;

}

.new-list ul li {

    position: relative;

    left: 0;

    transition: all 0.3s;

}

.new-list ul li:nth-child(1){

    border-top: none;

}

.new-list ul li a{

    font-size: 18px;

    color: #000;

    line-height: 50px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-left: 12px;

}

.new-list ul li::before{

    content: "";

    position: absolute;

    width: 3px;

    height: 3px;

    background: #a8a9ad;

    top: 50%;

    transform: translateY(-50%);

    left: 5px;

}

.new-list ul li:hover{

    left: 10px;

}

.new-list ul li:hover a{

    color: #b5282e;

    font-weight: 600;

}



.new-down li{

    width: 31.5%;

    margin: 0 10px;

}

.new-down li a{

    display: block;

    overflow: hidden;

}

.new-down li img{

    display: block;

    width: 100%;

    transition: all 0.3s;

}

.new-down li img:hover{

    transform: scale(1.1);

}

.new-down .swiper-container img{

    display: block;

    width: 100%;

}





.section2{

    padding: 30px 0 0 0;

    background-size: 100% 100%;

}

.s2-top{

    overflow: hidden;

}

.s2-top>div {

    width: 48%;

    position: relative;

    background: #fff;

}

.s2-top>div>h2{

    background: #eee7e2;

}

.s2-top>div>h2>span{

    background: url("../images/title-bj1.png") no-repeat left center;

    background-size: 100% 100%;

}

.s2-top>div ul{

    padding: 10px 15px 20px 15px;

}

.s2-top>div ul li{

    border-bottom: 1px dashed #eadcce;

}

.s2-left{

    float: left;

}

.s2-right{

    float: right;

}







.dsll>ul{

    background: #fff;

    padding: 20px 15px;

    overflow: hidden;

}

.dsll>ul li{

    float: left;

    width: 29%;

    margin: 20px 2%;

    padding: 15px;

    transition: all 0.3s;

}

.dsll>ul li:hover{

    box-shadow: 0 0 10px rgba(203, 28, 29, 0.5);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

}

.dsll>ul li a{

    display: block;

}

.dsll>ul li a h3{

    padding-right: 75px;

    font-size: 16px;

    line-height: 26px;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    position: relative;

    color: #000;

    font-weight: bold;

}

.dsll>ul li a h3 span{

    position: absolute;

    right: 0;

    top: 0;

    height: 24px;

    line-height: 24px;

    border: 1px solid #cb1c1d;

    color: #cb1c1d;

    font-size: 14px;

    padding: 0 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

}

.dsll>ul li a p{

    font-size: 14px;

    margin: 10px 0 15px 0;

    color: #555;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.dsll>ul li a>span{

    display: block;

    width: 60px;

    height: 30px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

    background: #f4f5f7;

    color: #555;

}

.dsll>ul li a>span:hover{

    background: #b5282e;

    color: #fff;

}



.section3{

    background: url("../images/s3-bj.jpg") no-repeat left center;

    background-size: 100% 100%;

    margin-top: 0;

    padding: 30px 0;

}

.section3 h2 span{

    color: #fff;

}


.section4{

    margin-top: 0;
  padding:30px;
  background: url(http://www.rjswdx.gov.cn/images/zbg2.png) center;
  background-attachment: fixed;

}

.section4 .dsll>h2{

    padding: 30px 0 20px 0;

    border-bottom: 2px solid #cac0bf;

    color: #b5282e;

}

.section4 .dsll>h2 span{

    color: #b5282e;

}



.s2-main>div {

    width: 32%;

    margin-right: 2%;
  
  	background: url(../images/xydt-list-bg.png) no-repeat;

}

.s2-right {

    margin-right: 0px!important;

}

.s2-main>div ul{

    /*background: #fff;*/

    padding: 10px 15px 20px 15px;
  width: 100%;

}

.s2-main>div ul li{

border-bottom: 1px dashed #eadcce;

position: relative;

    left: 0;

}

.s2-main>div ul li:before{

    content: "";

    position: absolute;

    width: 3px;

    height: 3px;

    background: #a8a9ad;

    top: 50%;

    transform: translateY(-50%);

    left: 5px;

}

.s2-main>div ul li a{

    font-size: 18px;

    color: #000;

    line-height: 50px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding-left: 12px;
  
  	transition: all 0.3s ease; /* 添加过渡效果 */

}

.s2-main>div ul li a:hover{
	transform: translateY(-3px); /* 轻微上浮效果 */
   /* background-color: #ff7f50; /* 橙红色背景 */
    /*color: white; /* 文字颜色变为白色 */
  	color:#ff7f50;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 加深阴影 */
    cursor: pointer; /* 鼠标变为手型 */
}

.s4-main{

    overflow: hidden;

}

.s4-main>div{

   /* width: 48%;*/

    position: relative;

  /*  background: #fff;*/

}

.s4-left{

    float: left;
  width:60%;

}

.s4-right{

    float: right;
  width:30%;
  background: #fff;

}



.s4-lbody{

    padding: 20px 20px 20px 20px;

    /*background: #f5f3f3;*/

}

.s4-lbody>div{

    overflow: hidden;

    float: none;

    width: auto;

}

.s4-lbody>div>div{

    width: 48%;

    position: relative;

    background: #fff;

}

.s4-lbody>div>div a img{

    display: block;

    width: 100%;

    position: relative;

    top: 0;

    transition: all 0.3s;

}

.s4-lbody>div>div a img:hover{

    top: -5px;

    transform: scale(1.1);

}

.s4-lbody>div>div a p{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 10px;

    line-height: 35px;

    font-size: 14px;

    background: rgba(0, 0, 0, .4);

    color: #fff;

    text-align: center;

}

.s4-limg1{

    float: left;

}

.s4-limg2{

    float: right;

}

.s4-left{

    width: auto;

}

.s4-left>

.s4-left ul{

    padding: 15px 0;

}

.s4-left ul li::before{

    background: #b5282e;

}

.s4-left ul li a{

    line-height: 39px;

}



.s4-right>ul{

    padding: 9px 20px;

   /* background: #f5f3f3;*/

    overflow:hidden;
  
  display: flex;
  
    justify-content: space-between;
  
    flex-wrap: wrap;

}

.s4-right>ul>li{

    float: left;

    width: 40.5%;

    margin: 14px 4.65%;

    transition: all 0.3s;

}

.s4-right>ul>li:hover{

    top: -5px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);

}

.s4-right>ul>li:hover img{

    transform: scale(1.1);

}

.s4-right>ul>li a {

    display: block;

    width: 100%;

    overflow:hidden;

    position: relative;

}

.s4-right>ul>li a img{

    transition: all 0.3s;

    display: block;

    width: 100%;

}

.s4-right>ul>li a p{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 10px;

    line-height: 35px;

    font-size: 14px;

    background: rgba(0, 0, 0, .4);

    color: #fff;

    text-align: center;

}



/* 轮播容器 */
.carousel-container {
    position: relative;
    overflow: hidden;
}

/* 轮播列表 */
.carousel-list {
    display: flex;
    transition: transform 0.5s ease-in-out;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 轮播项 */
.carousel-list li {
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}

.carousel-list li a {
    display: block;
    text-decoration: none;
}

.carousel-list li img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.carousel-list li p {
    text-align: center;
    padding: 10px 0;
    margin: 0;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 轮播控制按钮 */
.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 10;
}

.carousel-prev {
    left: 10px;
}

.carousel-next {
    right: 10px;
}

/* 轮播指示器 */
.carousel-indicators {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: background 0.3s;
}

.carousel-indicators li.active {
    background: #666;
}





.s5-main{

    margin-top: 30px;

}

.s5-main ul li{

    width: 23.5%;

    margin-right: 23px;

    transition: all 0.3s;

    position: relative;

    top: 0;

}

.s5-main ul li:last-child{

    margin:0;

}

.s5-main ul li:hover{

    top: -5px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);

}

.s5-main ul li img{

    display: block;

    width: 100%;

    height:188px;

}

.s5-main ul li a p{

    line-height: 40px;

    font-size: 16px;

    color: #0d0d0d;

    overflow:hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;

    padding: 0 10px;

}

.s5-main .swiper-container img{

    display: block;

    width: 100%;

}

.s5-main .swiper-container p{

    line-height: 30px;

    font-size: 12px;

    color: #0d0d0d;

    overflow:hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: #e5e1e0;

    text-align: center;

    padding: 0 10px;

}



.section6{

    background: url("../images/s6-bj.jpg") no-repeat center center;

    background-size: 1920px 100%;

    padding: 30px 0;

}









.s6-main{

    margin-top: 40px;

}

.s6-main ul li img {

    width: 100%;

}

.s6-main ul li {

    width: 23%;

    float: left;

    margin: 0 1%;

}

.s6-child .picMarquee-left .bd ul li{

    width: 180px !important;

    border: 10px solid #dadede;

    padding: 15px 14px;

    margin: 0 10px;

    transition: all 0.5s;

}

.s6-child .picMarquee-left .bd ul li:hover{

    border: 10px solid #b5282e;

}

.s6-child .picMarquee-left .bd ul li a{

    overflow:hidden;

    display: block;

    width: 100%;

}

.s6-child .picMarquee-left .bd ul li img{

    display: block;

    width: 100%;

    transition: all 0.3s;

}

.s6-child .picMarquee-left .bd ul li:hover img{

    opacity: 0.8;

}

.s6-child .picMarquee-left .bd ul li:hover a p{

    color: #b5282e;

}

.s6-child .picMarquee-left .bd ul li a p{

    overflow:hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333;

    font-size: 14px;

    margin-top: 5px;

}

.s6-child .picMarquee-left .hd{

    text-align: center;

    font-size: 0;

}

.s6-child .picMarquee-left .hd a img{

    height: 30px;

    margin: 20px 15px;

    opacity: 0.5;

    cursor: pointer;

    transition: all 0.3s;

}

.s6-child .picMarquee-left .hd a img:hover{

    opacity: 1;

}


.img-lists{
  
  	margin-top: 30px;
  
}


.img-lists ul{

    overflow: hidden;

    width: 100%;

}

.img-lists ul li{

    float: left;

    width: 23%;

    margin: 45px 0.9% 0 0.9%;

    border: 1px solid #eee;

    transition: all 0.3s;

    position: relative;

    top: 0;

}

.img-lists ul li:hover {

    box-shadow: 0 0 10px rgba(51, 51, 51, 0.16);

    top: -10px;

}

.img-lists ul li a{

    display: block;

    width: 100%;

}

.img-lists ul li a>img{

    display: block;

    width: 100%;

}

.img-lists ul li a>div{

    padding: 10px;

    font-size: 0;

}

.img-lists ul li a>div p{

    color: #333;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 5px;

}

.img-lists ul li a>div img{

    height: 14px;

    vertical-align: middle;

}

.img-lists ul li a>div span{

    font-size: 14px;

    display: inline-block;

    margin-left: 5px;

    color: #999;

    vertical-align: middle;

}



/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â */


.container {
  
    width: 1500px;
  
    min-height: 300px;
  
    margin: auto;
  
    position: relative;
  
    padding: 40px 0;
  
    display: flex;
    align-items: flex-start;
  
}

.nav-lists{
  
    display: inline-block;
  
    min-width: 260px;
  
    margin-right: 60px;
  
    background-color: #f6f6f6;
  
}

.nav-lists .text-ul li {

    line-height: 60px;

    border-top: 1px solid #e5e5e5;

    text-align: left;

    padding-right: 100px;

    position: relative;

    color: #999999;

    position: relative;

    transition: all 0.3s;

    top: 0;

}

.nav-lists a{
  
    color: #fff;
  
    display: block;
  
    font-size: 18px;
  
    text-align: center;
  
    line-height: 70px;
  
}

.nav-lists .ul-top{
  
	border-bottom: 1px solid #ae3725;
  
  	background-color: #ae3725; /* 设置最上方背景为红色 */
  
}

.nav-lists .ul-top li {
  
    line-height: 70px; /* 调整行高，和 a 标签行高一致，让背景填充更合理 */
  
}

/* 子栏目列表样式 */
.nav-lists .sub-ul li {
  
    line-height: 60px;
  
    border-top: 1px solid #e5e5e5;
  
    text-align: center;
  
    position: relative;
  
    color: #999999;
  
    position: relative;
  
    transition: all 0.3s;
  
    top: 0;
}

.nav-lists .sub-ul a {
  
    color: #666;
  
    display: block;
  
    font-size: 18px;
  
    text-align: center;
  
    line-height: 60px; /* 与 li 行高一致 */
}

/* 子栏目列表鼠标悬停效果 */
.nav-lists .sub-ul li:hover {
  
    background-color: #ae3725; 
  
}


.nav-lists .sub-ul  a:hover {
  
  color: #fff;
}



.text-lists{

   width: 100%;
  
    overflow: hidden;

}

.text-lists .top-ul {
  
	line-height: 50px;
  
    color: #ae3725;
  
    font-weight: bold;
  
    font-size: 20px;
}

.top-ul-right {
    line-height: 50px;
    float: right; /* 保持右浮动特性 */
    font-size: 15px;
    color: black;
    /* 宽度自适应关键设置 */
    width: auto; /* 移除固定宽度，由内容撑开宽度 */
    display: inline-block; /* 使元素宽度贴合内容，同时保持块级元素的浮动特性 */
    white-space: nowrap; /* 防止内容换行（根据需求选择，如需换行可删除） */
}

.text-lists .top-ul li{

  	border-bottom: 2px solid #ae3735;
}

.text-lists .top-ul li  a {
  
  	color: #ae3725;
      
}





.text-lists .text-ul li {

    line-height: 60px;

    border-top: 1px solid #e5e5e5;

    text-align: left;

    padding-right: 100px;

    position: relative;

    color: #999999;

    position: relative;

    transition: all 0.3s;

    top: 0;

}

.text-lists .text-ul li:nth-child(1) {

    border-top: none;

}

.text-lists .text-ul li:hover{

    top: -5px;

}

.text-lists .text-ul li a {

    padding-left: 20px;

    display: block;

    width: 90%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 16px;

    color: #333;

}

.text-lists .text-ul li a::before {

    content: "";

    position: absolute;

    border-width: 6px;

    border-style: solid;

    border-color: transparent transparent transparent #bfbfbf;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.text-lists .text-ul li span {

    position: absolute;

    width: 100px;

    right: 10px;

    font-size: 16px;

    text-align: right;

    top: 0;

}

.text-lists .text-ul li img {
  
  	width: 100px;
  
  	height: 100px;

}

.text-lists .text-ul li span::after {

    content: "";

    position: absolute;

    width: 2px;

    height: 17px;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    background: #999999;

}

.text-lists .text-ul li:hover {

    color: #bb1b1b;

}

.text-lists .text-ul li:hover a {

    color: #bb1b1b;

}

.text-lists .text-ul li:hover a::before {

    border-color: transparent transparent transparent #bb1b1b;

}

.text-lists .text-ul li:hover span::after {

    background: #bb1b1b;

}


.text-lists .img-ul {
  /* 网格布局，每行放 5 个（可根据设计调整） */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px; /* 证书项之间的间距 */
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-lists .img-ul li {
  text-align: center; /* 文字、图片居中 */
  border: 1px solid #eee; /* 浅灰色边框，模拟证书卡片感 */
  padding: 10px;
  border-radius: 4px;
  transition: box-shadow 0.3s;
}

.text-lists .img-ul li:hover {
  box-shadow: 0 0 8px rgba(0,0,0,0.1); /*  hover 微动效 */
}

.text-lists .img-ul img {
  max-width: 100%; /* 图片自适应容器 */
  height: auto;
  margin-bottom: 10px;
  border: 1px solid #ddd; /* 给图片加细边框，贴近设计 */
}

.cert-title {
  font-size: 14px; 
  margin: 5px 0;
  line-height: 1.4;
}

.date {
  font-size: 12px;
  color: #999;
}





.art-content{

    width: 1400px;
  
    min-height: 300px;
  
    margin: auto;
  
    position: relative;
  
    padding: 40px 0;
  
    display: flex;
  
    align-items: flex-start;

}

.cont-tit{

    padding: 0px 0 20px 0;

    border-bottom: 1px solid #e5e5e5;

    text-align: left;
  
  	width: 100%;
  
    overflow: hidden;

}

.cont-tit .top-ul {
  
	line-height: 50px;
  
    color: #ae3725;
  
    font-weight: bold;
  
    font-size: 20px;
}

.cont-tit .top-ul li{

  	border-bottom: 2px solid #ae3725;
  
  	display: flex;
  
    justify-content: space-between;
}

.cont-tit .top-ul li  a {
  
  	color: #ae3725;
      
}



.cont-tit h3{

    color: #333;

    font-size: 24px;
  
  	margin-top: 40px;

}

.cont-tit p {

    font-size: 0;

    margin-top: 20px;
  
  	margin-bottom: 20px;

}


.cont-tit p img{

    display: inline-block;

    vertical-align: middle;



}

.cont-tit p .time{

    height: 16px;

    margin-right: 5px;

}

.cont-tit p .liulan{

    margin-left: 50px;

    height: 16px;

    margin-right: 5px;

}

.cont-tit p span{

    display: inline-block;

    vertical-align: middle;

    font-size: 16px;

    color: #999;

}



.cont-body{

    padding: 0 0 20px 0;

}

.cont-body p{

    text-indent: 2em;

    font-size: 16px;

    line-height: 36px;

    color: #000;

    margin: 20px 0;

}

.cont-body img{

    display: block;

    max-width: 80%;

    margin: 0 auto;

}

#browser_ie {

position:absolute;

background-color:#fff;

 height:350px;

width:900px;

color:#000;font-size:15px;

z-index:999999;

left:50%;

margin-left:-450px ;

top:200px;	



}

#browser_ie .brower_info {

	MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px;text-align:center;

}

#browser_ie .brower_info .notice_info {

	POSITION: relative; MARGIN-TOP: 5px; 

}

#browser_ie .brower_info .notice_info P {

	TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block

}

#browser_ie .browser_list {

	POSITION: relative; margin-top:100px;

}

#browser_ie .browser_list IMG {

	WIDTH: 40px; HEIGHT: 40px

}

#browser_ie .browser_list SPAN {

	TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block

}

/*增加友情*/

.link192 .w192 {

    width: 1200px;

    margin: 0 auto;

}

.link192 .web192 {

    padding: 20px 0; overflow:hidden

}

.link192 .web192 h4 {

    border-bottom: 1px solid #ddd;

    margin: 0;

    font-size: 18px;

    color: #009a44;

    padding-bottom: 15px;

}

.link192 .web192 h4 small {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: normal;

    color: #999;

}

.link192 .web192 ul {

    margin-left: -20px;

}

.link192 .web192 li {

    float: left;

    margin-left: 20px;

}

.link192 .web192 li a {

	color:#333;

}



/*页码*/

ul.pagination {

    display: inline-block;

    padding: 0;

    margin: 0;

	clear:both;

}



ul.pagination li {display: inline;}



ul.pagination li a {

    color: black;

    float: left;

    padding: 0 16px;

    text-decoration: none;

    transition: background-color .3s;

    border: 1px solid #ddd;

    margin: 10px 4px;

}



ul.pagination li a.active {

    background-color: #b5282e;

    color: white;

    border: 1px solid #b5282e;

}



ul.pagination li a:hover:not(.active) {background-color: #b5282e;  color:#fff

}



/*翻页*/



.prenext .pre a {

    color: black;

}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.maximg img{ max-width:100%; height:auto !important}
@media screen and (max-width: 768px) {
    .new-switch .slideBox{ height:auto !important}
    .new-switch .slideBox ul li a img{ height:auto !important}
}
