@charset "utf-8";
body {
	background-repeat: repeat-x;
	background-color: #f9f9f9;
	margin: 0px;
	padding: 0px;
	background-position: center top;
}
div,ul,li,dt,dd,dl,td,tr,table,p,span,h1,h2,h3,h4,h5,h6,hr{margin:0px;padding:0px;list-style:none;}
body,td,th {
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-family: "微软雅黑 Light";
}
a:link,a:visited{color:#222222;text-decoration:none;}
a:hover{
	color: #0066CC;
}
img { border:0;}
#main {
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
	font-size: 16px;
	line-height: 32px;
	background-color: #ffffff;
}
#header {
	float: left;
	height: 102px;
	width: 1340px;
	background-color: #ffffff;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url("https://www.novellshareware.com/images/top.jpg");
	background-repeat: no-repeat;
	background-position: -30px center;
}
#bar {
	float: left;
	height: 20px;
	width: 1400px;
	background-color: #FFF;
	}
.bar {
	float: left;
	height: 20px;
	width: 1340px;
	background-color: #1a82d7;
	margin-right: 30px;
	margin-left: 30px;
}

 #nav {
	height: 40px;
	width: 230px;
	color: #000;
	position: absolute;
	top: 30px;
	z-index: 2;
	right: 200px;
}
  #nav a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	line-height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}
  #nav a:hover {
	color: #FF0;
	text-decoration: none;
}

#header .logo {
	margin: 10px;
	float: left;
	width: 340px;
	height: 80px;
}
#menu {
	float: left;
	width: 1340px;
	background-color: #FFF;
	padding-right: 30px;
	padding-left: 30px;
}
.menu {
	float: right;
	width: 1340px;
	height: 50px;
	background-color: #1a82d7;
	margin-right: 0px;
	margin-left: 0px;
	color: #FFF;
}
.menu a{
	font-size: 18px;
	line-height: 50px;
	color: #FFF;
	float: left;
	height: 50px;
	width: 148px;
	text-align: center;
	font-weight: bold;
}
.menu a:hover{
	color: #000;
	background-color: #64b4f1;
}
#banner {
	float: left;
	width: 1340px;
	background-color: #ffffff;
	padding-left: 30px;
}

        /* 轮播图容器样式 */
        .banner-container {
            position: relative;
            overflow: hidden;
            width: 1341px; /* 修改为固定宽度 */
            height: 382px; /* 添加固定高度 */
            margin: 0 auto; /* 居中显示 */
        }
        
        /* 图片列表样式 */
        .img ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;
            transition: transform 0.5s ease;
        }
        
        .img li {
            min-width: 100%;
            position: relative;
            height: 100%; /* 添加高度100%以填充容器 */
        }
        
        .img img {
            width: 100%;
            height: 100%; /* 添加高度100% */
            display: block;
            object-fit: cover; /* 保持图片比例并填充容器 */
        }
        
        /* 链接样式 */
        .img .href1 {
	position: absolute;
	display: block;
	width: 120px;
	height: 40px;
	border-radius: 10px;
	text-align: center;
	line-height: 40px;
	color: #333;
	text-decoration: none;
	background-color: rgba(255,255,255,0.8);
	z-index: 2; /* 确保小链接在图片链接之上 */
        }
        .img .href1:hover {
	color: #fff;
	background-color: rgba(34,158,242,0.8);			
			}
        
        /* 新增：图片整体链接样式 */
        .img .img-link {
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,0);
            width: 100%;
            height: 100%;
            z-index: 1; /* 图片链接在底层 */
        }
         .img .img-link:hover {
	   background-color: rgba(0,0,0,0);				 
			 }       
        .img .href1:first-of-type {
            bottom: 30px;  /* 距离底部30px */
            right: 30px;   /* 距离右侧30px */
        }
        
        .img .href1:last-of-type {
            bottom: calc(30px + 40px + 30px);  /* 底部30px + 第一个链接高度40px + 间距30px */
            right: 30px;                       /* 距离右侧30px */
        }
        
        /* 指示器样式 */
        .indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .indicator.active {
            background-color: white;
        }



/*#banner .img{
	height: 382px;
	width: 1340px;
	margin-right: 30px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #06C;
	overflow: hidden;
}*/
#banner .imgny{
	height: 200px;
	width: 1340px;
	margin-right: 30px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #06C;
	overflow: hidden;
}
#content {
	float: left;
	width: 1340px;
	background-color: #ffffff;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
}
#left {
	float: left;
	width: 885px;
}
#left #news {
	float: right;
	height: 345px;
	width: 430px;
}
#left .pic {
	float: left;
	width: 430px;
	height: 330px;
	padding-top: 15px;
}
#content .title {
	float: left;
	height: 40px;
	width: 430px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#content .title .biaoti {
	font-size: 20px;
	color: #1a82d7;
	float: left;
	width: 200px;
	line-height: 40px;
	height: 40px;
	font-family: "微软雅黑";
	padding-left: 5px;
	font-weight: bold;
}
#content .title .more {
	font-size: 16px;
	line-height: 40px;
	color: #333;
	float: right;
	width: 60px;
	height: 40px;
}
#content .detail {
	float: left;
	width: 418px;
	height: 280px;
	background-color: #F4F4F4;
	padding: 5px;
	border: 1px solid #CCC;
	overflow: hidden;
}
#content #right #btn .detail p {
	width: 380px;
	padding-left: 38px;
	text-align: left;
}







#left #law {
	float: left;
	height: 345px;
	width: 430px;
}
  #left h4 {
 float: right;
 width: 50px;
 margin: 0px;
 padding: 0px;
}
   #left #law ul {
 float: right;
 width: 300px;
}
  #left #rule {
	float: right;
	height: 345px;
	width: 430px;
}
    #left #rule ul {
 float: right;
 width: 300px;
}
#right {
	float: right;
	width: 430px;
}
#right #notice {
	float: left;
	height: 345px;
	width: 430px;
}

#right #btn {
	float: left;
	width: 430px;
	height: 345px;
}
#btn .detail p {
	float: left;
	height: 35px;
	width: 418px;
	font-size: 16px;
	line-height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	text-align: center;
}


#right #search {
 float: left;
 width: 245px;
 margin-left: 5px;
 margin-top: 5px;
 background-color: #FF9;
 border: 1px solid #F93;
 font-size: 15px;
 color: #000;
 padding: 5px;
 font-weight: bold;
 line-height: 26px;
 letter-spacing: 1px;
}
#search a {
 margin: 0px;
 padding: 0px;
 width: 240px;
 height: 16px;
 text-align: right;
 float: left;
 font-size: 15px;
 font-weight: bold;
 color: #F00;
 text-decoration: none;
 line-height: 16px;
}
#search a:hover {
 color: #009;
 text-decoration: underline;
}

#footer {
	float: left;
	height: 60px;
	width: 1400px;
	background-color: #FFF;
}
.footer {
	float: left;
	height: 60px;
	width: 1340px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	clear: both;
	background-color: #1a82d7;
	margin-right: 30px;
	margin-left: 30px;
}
#path {
	background-color: #CCC;
	padding-left: 20px;
	text-align: left;
	height: 40px;
	line-height: 40px;
}
#list {
	padding-bottom: 10px;
	padding-top: 10px;
}
#con {
 padding: 5px;
}
#zph {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#top2{
	width: 1400px;
	height: 100px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#top2 img {
	margin-left: 0px;
	float: left;
}

#contentaa{
	width: 1400px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#zph .zphtop {
	width: 1300px;
	height: 136px;
	background-image: url("https://www.novellshareware.com/images/top3.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 250px;
	text-align: left;
	padding-left: 100px;

}
#zph .zphtop a {
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 50px;
	font-weight: bolder;
	color: #036;
	text-decoration: none;
	float: left;
	width: 200px;
	text-align: center;
	margin-left: 50px;
	padding: 5px;
	border-radius: 15px;
	background-color: #9CF;
}
#zph .zphtop a:hover {
	color: #FF0;
	background-color: #039;
}
#zph .zphbottom {
	width: 100%;
	height: 1498px;
	background-image: url("https://www.novellshareware.com/images/zphbottom.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}
#zph .zphnr {
	width: 100%;
	background-image: url("https://www.novellshareware.com/images/zphbg.jpg");
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
}

#table {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;

}
#table td{
	font-size: 16px;
	line-height: 32px;
	}
#table h1 {
	float: left;
	width: 1200px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #06C;
	font-size: 24px;
}