/*统一样式修改*/
*{margin: 0;padding: 0;
-moz-box-sizing: border-box;/*火狐浏览器*/
-webkit-box-sizing: border-box;/*webkit内核浏览器*/
box-sizing: border-box;
}
body{font-family: "微软雅黑";color: #333333;}
b{font-weight: normal;}
i{font-style: normal;}
a,a:hover,a:active{text-decoration: none;}
a,a:active{color: #222222;}
a:hover{color: #FF0000;}
input,textarea,select{outline:none}
img{border: none;vertical-align: top;}
li{list-style: none;}

.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
.clearfix::after{
	content: "";
	display: table;
	clear: both;
}

 
/* 设置内容编辑区的样式 */
.wai {max-width: 1200px; min-width: 600px; margin: 0 auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);background-color: #FEFEFE;}
                
/*头部开始*/
.toubu{position: relative;padding-top: 10px;padding-left: 20px;max-width: 1200px; min-width: 600px; margin: 0 auto;height: 180px;}
.toubu img{width: 30%;height: auto;}
/*搜索页面*/
.sousuo{width:30%;position: absolute;top: 60px; right: 5%;font-size: 16px;}
.sousuoye{width: 100%;padding-left: 150px;margin: 30px auto;}

.animated-input1 {  
  height: 40px; /* 设置高度 */  
  font-size: 16px; /* 设置字体大小 */  
  padding: 0 10px; /* 设置内边距，以便文本不会紧贴边框 */  
  border: 2px solid #ccc; /* 初始边框样式 */  
  border-radius: 20%; /* 可选，添加圆角边框 */  
  /* 添加transition效果，使得边框颜色和宽度变化时产生动画 */  
  transition: border-color 0.3s ease, box-shadow 0.3s ease;  
}  
  
/* 当input获得焦点时，改变边框颜色和添加阴影效果 */  
.animated-input:focus {  
  border-color: #4CAF50; /* 边框变色 */  
  box-shadow: 0 0 8px rgba(76, 175, 80, 0.5); /* 添加阴影效果 */  
  outline: none; /* 移除浏览器默认的焦点轮廓 */  
}

.animated-input2{
  height: 40px; /* 设置高度 */  
  font-size: 16px; /* 设置字体大小 */  
  padding: 0 10px; /* 设置内边距，以便文本不会紧贴边框 */  
  border: 2px solid #ccc; /* 初始边框样式 */  
  border-radius: 20%; /* 可选，添加圆角边框 */ 	
}


/*菜单开始*/
/* 菜单栏容器样式 */
.menu-bar {display: flex;justify-content: space-between;padding: 0;margin: 0;background-color: #999999;margin-bottom: 20px;} 
/* 子菜单样式 */
.menu-item {line-height:45px;flex: 0 0 15%;background-color: #222222; color: #FFFFFF; text-align: center; padding: 10px 0; /* 上下内边距 */
            cursor: pointer; /* 鼠标悬停时显示指针 */transition: background-color 0.3s; /* 平滑过渡效果 */}
.red{background-color: red;}
.menu-item a{color: #FFFFFF;}
/* 鼠标悬停时子菜单背景变为红色 */
.menu-bar:hover .red{background-color: black;}
.menu-item:hover {background-color: red;}



/*公告+图片开始*/
.gonggao {width: 100%; height: 500px;overflow: hidden;display: flex; /* 启用Flex布局 */justify-content: space-between; /* 两端对齐，项目间等距 */}
/*左侧*/
.gonggao_z{width: 49%;box-sizing: border-box;padding: 5px;overflow: hidden; }
.gonggao_zs{width: 100%;height: 60px;}
.gonggao_zszx{display: inline-block;width: 80%;line-height: 60px;color: #FF2F2F;padding-left: 50px;font-size: 18px;}
.gonggao_zs a{font-size: 18px;color: #666666;}
.image-container {width: 100%;height: 440px;position: relative;margin-bottom: 20px;overflow: hidden;}
.image-container img {width: 100%;height: 100%;position: absolute;opacity: 0;transition: opacity 1s ease-in-out;}
.image-container img.active {opacity: 1;}
.dots-container {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;}
.dot {width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background-color 0.3s ease;}
.dot.active {background-color: #fff;}        
/*右侧*/
.gonggao_y{width: 49%;height: 100%;margin-left: 10px;}
.gonggao_ys{width: 100%;height: 60px;}
.gonggao_yszx{display: inline-block;width: 60%;line-height: 60px;color: #FF2F2F;padding-left: 10px;font-size: 18px;}
.gonggao_ys a{font-size: 16px;color: #666666;}


#gonggao_yx{height: 480px;position: relative;overflow: hidden;}
#gonggao_yx ul{position: absolute;left: 0;}
#gonggao_yx ul li{height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;}
#gonggao_yx ul li a{display: inline-block; width:70%;margin-right: 20px;text-overflow: ellipsis;overflow: hidden;line-height: 40px;vertical-align: middle;}
#gonggao_yx ul li span{color: #999999;display: inline-block;line-height: 40px;vertical-align: middle;}


 
/*中间广告栏目*/        
.guanggao{height: 150px;background-color: #C9F1FF;margin: 10px auto;}
.guanggao img{width: 100%;height: 100%;}


/*作品开始*/
.zuopin{width: 100%; height: 1100px;overflow: hidden;display: flex; /* 启用Flex布局 */justify-content: space-between; /* 两端对齐，项目间等距 */}
/*左侧*/
.zuopin_z{width: 49%;box-sizing: border-box; padding-left: 10px;/* 包含边框和内边距在宽度计算中 */}
.zuopin_zs{width: 100%;height: 60px;}
.zuopin_zszx{display: inline-block;width: 60%;line-height: 60px;color: #FF2F2F;padding-left: 10px;font-size: 18px;}
.zuopin_zs a{font-size: 16px;color: #666666;}

#zuopin_zx{height: 1000px;position: relative;overflow: hidden;}
#zuopin_zx ul{position: absolute;left: 0;bottom: -60px;}
#zuopin_zx ul li{height: 100px;box-sizing: border-box;margin-bottom: 30px;border-bottom: 1px solid rgba(0,0,0,0.05);}
#zuopin_zx ul li a{display: inline-block; }
#hytp{width: 20%;height: 100px;box-sizing: border-box;display: inline-block;overflow: hidden;}
#hytp img{width: 100%;height: auto;display: block;border-radius: 5%;}
#hyjs{width: 75%;height: 100px;box-sizing: border-box;display: inline-block;line-height: 35px;text-overflow: ellipsis;}
#hyjs p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999999;}


/*右侧下部分样式*/    
.zuopin_y{width: 49%;box-sizing: border-box; /* 包含边框和内边距在宽度计算中 */}    
.zuopin_ys{width: 100%;height: 60px;}
.zuopin_yszx{display: inline-block;width: 60%;line-height: 60px;color: #FF2F2F;padding-left: 10px;font-size: 18px;}
.zuopin_yszx a{font-size: 16px;color: #666666;}


.zuopin_zszx{display: inline-block;width: 60%;line-height: 60px;color: #FF2F2F;padding-left: 10px;font-size: 18px;}
.zuopin_zs a{font-size: 16px;color: #666666;}

#zuopin_yx{height: 480px;position: relative;overflow: hidden;}
#zuopin_yx ul{position: absolute;left: 0;}
#zuopin_yx ul li{height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;}
#zuopin_yx ul li a{display: inline-block; width:70%;margin-right: 20px;text-overflow: ellipsis;overflow: hidden;line-height: 40px;vertical-align: middle;}
#zuopin_yx ul li span{color: #999999;display: inline-block;line-height: 40px;vertical-align: middle;}


/*作品转让开始*/
.zuopin_zrs{width: 100%;height: 60px;margin-top: 50px;}
.zuopin_zrszx{display: inline-block;width: 80%;line-height: 60px;color: #FF2F2F;padding-left: 50px;font-size: 18px;}
.zuopin_zrszx a{font-size: 16px;color: #666666;}


.zuopin_zrx{width: 100%;height: 450px;}
.zuopin_zrx ul{width: 100%;height: 100%;position: relative;text-align: center;}
.zuopin_zrx ul li{width: 50%;height:220px;position: relative;float: left;margin-top: 10px;}
.zuopin_zrx ul li a{display: inline-block;}
.zuopin_zrx ul li a div{display: inline-block;padding:5px;background-color: #F8F8F8;overflow: hidden;}
.zuopin_zrx ul li a div img{width: 100%;height:170px;}
.zuopin_zrx ul li a div p{width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 35px;}
/*作品转让结束*/



/*友情链接开始*/
.bottom_yqli{width: 100%;height:60px;background-color: #222222;}
.bottom_yqli_2{width: 100%;height:60px;background-color: #222222;padding-left: 10px;line-height:60px;}
.bottom_yqli_2 table td a{display: inline-block;color: #CCCCCC;}
.bottom_yqli_2 table td a:hover{color:#FFFFFF}
/*友情链接结束*/



/*底部信息开始*/
.zcxjdpg_dibu{height:100px;background-color: #000000;padding-top: 15px;text-align: center;color: #CCCCCC;}
.zcxjdpg_dibu a{display: inline-block;color: #CCCCCC;}
.zcxjdpg_dibu a:hover{color:#FFFFFF}
.zcxjdpg_daohang{height: 35px;line-height: 35px;text-align: center;color: #CCCCCC;margin-bottom: 10px;}
.zcxjdpg_daohang a{display: inline-block;color: #CCCCCC;}
.zcxjdpg_daohang a:hover{color:#FFFFFF}
/*底部信息结束*/




/*文章内容页*/
.neirt{width: 100%;padding-top: 140px;}
.neirt .weiz{margin-left: 20px;line-height: 40px;}
.neir{padding: 15px;background-color: #F8F8F8;overflow: hidden;}




/*图片内容页*/
.neir_tp{width: 100%; padding-top: 30px;}
/*左侧*/
.neir_tps{width: 100%;height: 350px;overflow: hidden;display: flex; /* 启用Flex布局 */justify-content: space-between; /* 两端对齐，项目间等距 */padding: 10px;}
.neir_tpsz{width: 40%;height: 326px;overflow: hidden;box-sizing: border-box; border: 2px solid rgba(0,0,0,0.05);text-align: center;}
.neir_tpsz img{height: 100%;width: auto;}
.neir_tpsy{width: 55%;height: 350px;}
.neir_tpsys{width: 100%;height:60px;line-height:60px;font-size: 25px;font-weight: 500;border-bottom: 4px solid rgba(0,0,0,0.05);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.neir_tpsyx{width: 100%;padding: 15px;}
.neir_tpsyx p{line-height: 30px;color: #999999;}

.neir_tpz{color: #FF0000;font-size: 20px;margin-left: 30px;height: 60px;line-height: 60px;border-bottom: 2px solid #CC0000;margin-right: 30px;}
.neir_tpx{width: 100%;padding: 15px;overflow: hidden;}

/*作品列表模板开始*/
.zcxjdpg_tplb{width: 100%;height:1150px;}
.zcxjdpg_tplb ul li{height: 350px;padding: 10px;width: 50%;text-align: center;float: left;}
.zcxjdpg_tplb ul li img{width:auto;height: 300px;}
.zcxjdpg_tplb ul li a span{line-height: 50px;display: block;font-size:22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zcxjdpg_tplb .yema{height: 50px;line-height: 50px;padding-left: 10px;}

/*图片列表模板结束*/

/*文章列表模板开始*/
.zcxjdpg_wzlb{width: 100%;height: 1050px;padding: 10px;}
.zcxjdpg_wzlb ul{width: 100%;}
.zcxjdpg_wzlb ul li{height: 60px;line-height: 60px;font-size:22px;}
.zcxjdpg_wzlb ul li a{width: 80%;display: inline-block;}
.zcxjdpg_wzlb .yema{height: 60px;line-height: 60px;}
/*文章列表模板结束*/


/*证书搜索*/
/*查询页*/
.zs_bt{max-width: 1200px; min-width: 600px; margin:0 auto;margin-top:100px;height:80px;line-height:80px;font-size: 50px;font-weight: 700;color: #008000;text-align: center;}
.zs_ss{max-width: 1200px; min-width: 600px;margin:0 auto;margin-bottom:350px;height:80px;line-height:80px;font-size: 30px;text-align: center;}
.animated-inputz {
            height: 50px; /* 设置输入框高度 */
            font-size: 25px; /* 设置输入内容字体大小 */
            padding: 0 10px; /* 添加内边距，使内容与边框有间距 */
            border: 2px solid #ccc; /* 设置边框样式 */
            border-radius: 5px; /* 设置边框圆角 */
            outline: none; /* 去除点击后的边框高亮 */
            transition: border-color 0.3s; /* 添加边框颜色过渡效果 */
}
.animated-input:focus {border-color: #66afe9; /* 聚焦时边框颜色变化 */}
.animated-inputy {height: 50px; font-size: 25px; padding: 0 10px; border-radius: 5px; }


/*查询列表*/
.zsss_jg{max-width: 1200px; min-width: 600px; margin:0 auto;margin-top:100px;line-height:80px;font-size: 30px;}
.zsss_zs{max-width: 1200px; min-width: 600px; margin:0 auto;line-height:60px;font-size: 25px;min-height: 500px;}
.hyzs{padding: 2%;text-align: center;}
.hyzs img{width: 80%;height: auto;}


/*查询结果*/
.zs_zs{max-width: 1200px; min-width: 600px; margin:0 auto;margin-top:30px;height:80px;line-height:80px;font-size: 50px;font-weight: 700;color: #008000;text-align: center;min-height: 200px;}
.zs_tp{max-width: 1200px; min-width: 600px; margin:0 auto;text-align: center;}
.zs_tp img{display: block;width: 80%;height: auto;margin: 0 auto;}

/*会员证书*/
.cxzs_w {
            font-family: 'Arial', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
        }
.cxzs {
            width: 80%;
            max-width: 600px;
            background-image: url(skin/static/images/diwen.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center; 
            border-radius: 10px;
            padding: 100px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .cxzs_bt {
            text-align: center;
            margin-bottom: 20px;
            margin-top: 50px;
        }
        .cxzs_bt h1 {
            color: #d4af37; /* 金色标题 */
            margin: 0;
        }
        .cxzs_nr {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .cxzs_nrtp {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
            margin-bottom: 40px;
            border: 2px solid #d4af37;
        }
        .cxzs_nrtp img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .cxzs_nrwz {
            width: 100%;
        }
        .cxzs_nrwzdy {
            display: flex;
            justify-content:flex-start;
            margin-bottom: 20px;
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
        }
        .cxzs_nrwzdy_z {
        	width: 100px;
            font-weight: bold;
            color: #333;
        }
        .cxzs_nrwzdy_y {
            color: #666;
        }