/*基本样式定义开始*/
html,body,div,span,p,a,img,ul,li,dl,dt,dd,ol,form,label,form{ margin:0; padding:0; border:0; outline:0; font-size:100%;}

body{
	font-size:13px !important;
	font-size:12px;
	font-family:Tahoma,Verdana;
	line-height:150%;
	background-image: url(bj3.gif);
	background-repeat: repeat-x;
	background-position: top;
}

td{ height:20px;}
a{ font-size:13px !important; font-size:12px; color:#004F96; text-decoration:none; font-family:"微软雅黑";}
a:link{ color:#000000; font-family:"微软雅黑";}
a:visited{ color:#000000; font-family:"微软雅黑";}
a:hover{ text-decoration:underline; color:#0868C8; font-family:"微软雅黑";}
a:active{ color:#0868C8; font-family:"微软雅黑";}
img{ border:none;}
ol,ul,li{ list-style:none;}
.container{ width:1150px; margin:0 auto;}
.main_tit{ height:28px; line-height:28px; padding-left:16px; background:url(tit_bg.gif) no-repeat; color:#FFFFFF; font-weight:bold;}
/*基本样式定义完成*/

/*注册登录样式定义开始*/
.input_blur{height:16px; line-height:16px; border:1px solid #dcdcdc;  padding-left:2px;}
.button_style{background:url(bg_admin.jpg) repeat-x 0 -51px; background-color:#FFFFFF; text-align:center; border:1px solid #9cc9e0; color:#077ac7; cursor:pointer; height:20px; padding:1px 4px;}
/*注册登录样式定义结束*/

/*首页样式定义开始*/
#logo{ float:left; width:1150px; height:200px;}


.nav{ float:left; width:1140px; margin-top:0px; padding-left:10px; height:36px; background:url(nav_bg.gif) no-repeat;}
.nav li{ float:left; width:90px; text-align:center; position:relative;}

.nav li a:link{ display:block; line-height:36px; font-size:15px !important; font-size:13px; color:#FFFFFF; font-weight:bold;}
.nav li a:visited{ display:block; line-height:36px; font-size:15px !important; font-size:13px; color:#FFFFFF; font-weight:bold;}
.nav li a:hover{ display:block; line-height:36px; font-size:15px !important; font-size:13px; color:#FFFF00; text-decoration:none; font-weight:bold;}


.index_nav{ float:left; width:948px; border:1px #A1D0F4 solid; border-top:none; background-color:#FDFEFD;}
.index_nav ul{ float:left; width:924px; padding-left:12px !important; padding-left:6px; padding-right:12px; height:23px; line-height:23px;}
.index_nav ul li{ float:left; width:62px; margin-right:4px; background:url(nav_li_bg.gif) right no-repeat;}





/*关于我们页面样式定义*/
.wd100{ float:left; width:100%; height:100px; background-color:#e8ebee;}
.header{ width:1150px; margin:0 auto; border:0px #000099 solid; height:100px;}
.logo{ float:left; width:400px; margin-top:10px;}
.menu{ float:left; width:600px; margin-top:30px; margin-left:150px;}
.menu li{ float:left; height:40px; line-height:40px; margin-left:30px;}
.menu li a:link{ font-size:18px !important; font-size:16px; color:#455c7a; text-decoration:none;}
.menu li a:visited{ font-size:18px !important; font-size:16px; color:#455c7a; text-decoration:none;}
.menu li a:hover{ font-size:18px !important; font-size:16px; color:#ff0000; text-decoration:none;}

.menu .navlink a:link{color:#f00;}
.menu .navlink a:visited{color:#f00;}

.wd101{ float:left; width:100%; height:300px; background-color:#1d3557;}
.banner{ width:1150px; margin:0 auto;}
.banner_title{ float:left; height:150px; line-height:150px; width:1150px; color:#FFF; margin-top:10px; font-size:60px;}
.banner_nav{ float:left; color:#FFF; margin-top:100px; margin-left:10px;}

.wd102{ float:left; width:100%; min-height:500px; background-color:#f8f9fa;}

.about_content{
            background-color: white;
            padding: 50px 40px;
			width:1070px;
            margin: 20px auto;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			line-height:35px; font-size:16px;
        }


.wd103{ float:left; width:100%; min-height:100px; background-color:#1d3557;}
.bottom{ width:1150px; padding-top:10px; margin:0 auto; color:#FFF;}
.bottom li{ float:left; width:100%; text-align:center; height:40px; line-height:40px;}


.wd105{ float:left; width:100%; min-height:100px; background-color:#1d3557;}
.index_banner{ width:1150px; margin:0 auto;}
.index_banner_title{ float:left; height:150px; line-height:150px; width:1150px; text-align:center; color:#FFF; margin-top:20px; font-size:60px;}
.index_banner_nav{ float:left; color:#FFF; margin-top:100px; margin-left:10px;}
.index_ta{ float:left; height:50px; line-height:50px; width:1150px; text-align:center; color:#FFF; font-size:20px;}
.index_btn{ float:left; height:150px; line-height:150px; width:1150px; text-align:center; margin-top:30px; color:#FFF; font-size:24px;}


.wd106{ float:left; width:100%; min-height:100px; padding-top:20px; padding-bottom:20px; background-color:#f7efe4;}
.wd107{ float:left; width:100%; min-height:550px; padding-top:20px; background-color:#f9fafb; padding-bottom:20px;}

.series-title {
            text-align: center;
            font-size: 28px;
            color: #8B0000;
            margin-bottom: 30px;
            padding-bottom: 10px;
            border-bottom: 3px solid #FFD700;
            font-weight: bold;
        }

.container {
            max-width: 1150px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
			margin:0 auto;
        }

.tabs {
		 width:1150px;
		 margin:0 auto;
            display: flex;
            background: linear-gradient(to right, #8B0000, #A52A2A);
            position: relative;
        }
        
        .tab {
            flex: 1;
            text-align: center;
            padding: 18px 0;
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
        }
        
        .tab.active {
            color: #FFD700;
        }


.slider {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50%;
            height: 4px;
            background-color: #FFD700;
            transition: all 0.3s ease;
        }
        
        .content-container {
            position: relative;
            min-height: 300px;
            overflow: hidden;
			margin:0 auto;
			width:1150px;
        }
        
        .content {
            position: absolute;
            top: 0;
            left: 0;
            width:1110px;
            height:450px;
            padding:20px;
            opacity: 0;
            transform: translateX(20px);
            transition: all 0.5s ease;
            display: flex;
            flex-direction: column;
			background-color:#ffffff;
        }
        
        .content.active {
            opacity: 1;
            transform: translateX(0);
        }
        
        h2 {
            color: #8B0000;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #FFD700;
            font-size: 28px;
        }
        
        p {
            line-height: 1.8;
            margin-bottom: 15px;
            font-size: 16px;
            text-align: justify;
        }
        
        .image-container {
            display: flex;
            justify-content: space-around;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .image-box {
            width: 45%;
            margin: 10px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .image-box img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .image-box:hover img {
            transform: scale(1.05);
        }
        
        .image-caption {
            padding: 10px;
            background-color: #f5f5f5;
            text-align: center;
            font-size: 14px;
            color: #666;
        }
        
        .highlight {
            color: #8B0000;
            font-weight: bold;
        }





.video-container {
            max-width: 1150px;
            margin: 10px auto;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
			margin-top:0px;
        }
        .video-player {
            width: 100%;
            height: 500px;
            background: #000;
            border-radius: 8px;
            display: block;
        }
        .controls {
            background: #333;
            padding: 10px;
            display: flex;
            align-items: center;
        }
        .controls button {
            background: #444;
            color: white;
            border: none;
            padding: 8px 15px;
            margin: 0 5px;
            cursor: pointer;
            border-radius: 3px;
        }
        .progress-container {
            flex-grow: 1;
            height: 10px;
            background: #555;
            margin: 0 10px;
            position: relative;
        }
        .progress-bar {
            height: 100%;
            background: #ff5500;
            width: 0%;
        }
        .time {
            color: white;
            font-family: monospace;
            min-width: 100px;
            text-align: center;
        }


/*音频样式定义*/
.audio-container {
            max-width: 1100px;
            margin: 0 auto;
        }
        .audio-header {
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }
        .audio-list {
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }
        .audio-item {
            flex: 1;
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            overflow: hidden;
            transition: transform 0.3s;
        }
        .audio-item:hover {
            transform: translateY(-5px);
        }
        .audio-cover {
            height: 180px;
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 48px;
        }
        .audio-content {
            padding: 20px;
        }
        .audio-title {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
            color: #333;
			margin-left:50px;
			text-align:center;
			width:200px;
        }
        .audio-duration {
            color: #666;
            font-size: 14px;
            margin-bottom: 15px;
        }
        .play-btn {
            width: 100%;
            padding: 10px;
            background: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
			margin-left:50px;
			width:200px;
            transition: background 0.3s;
        }
        .play-btn:hover {
            background: #45a049;
        }
        .audio-player {
            display: none;
        }
        .progress-container {
            margin-top: 15px;
            height: 4px;
            background: #eee;
            border-radius: 2px;
            overflow: hidden;
        }
        .progress-bar {
            height: 100%;
            background: #4CAF50;
            width: 0%;
        }




.container {
            width: 1150px;
            margin: 0 auto;
        }
        
        .columns-container {
            display: flex;
            gap: 15px;
        }
        
        .column {
            flex: 1;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .column:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        
        .column-image {
            height: 180px;
            width: 100%;
            object-fit: cover;
        }
        
        .column-content {
            padding: 20px;
        }
		
		
        
        .column-title {
            font-size: 18px;
            color: #8B0000;
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid #FFD700;
        }
		
		.column-title a:link{font-size: 18px !important; font-size:18px;color: #FFFFFF;}
		.column-title a:visited{font-size: 18px !important; font-size:18px;color: #FFFFFF;}
		.column-title a:hover{font-size: 18px !important; font-size:18px; text-decoration:none;}
        
        .column-desc {
            font-size: 14px;
            line-height: 1.6;
            color: #555;
            text-align: justify;
        }
		
		
		
		.content p{ line-height:200%;}





/* 左侧列表样式 */
        .left-column {
             float:left;
			width:710px;
            background: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
			margin-top:10px;
			margin-left:15px;
        }
        
        .list-header {
            font-size: 22px;
            color: #8B0000;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #FFD700;
        }
        
        .list-item {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .list-item:last-child {
            border-bottom: none;
        }
        
        .item-title {
            font-size: 18px;
            color: #333;
            margin-bottom: 8px;
        }
        
		.item-title a:link{ font-size:18px !important;font-size: 18px;color: #333;}
		.item-title a:visited{ font-size:18px !important;font-size: 18px;color: #333;}
		.item-title a:hover{ font-size:18px !important;font-size: 18px;color: #333; text-decoration:underline;}
		
        .item-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
        
        /* 右侧栏目样式 */
        .right-column {
			 float:left;
            flex: 1;
			width:350px;
			padding:10px;
			margin-left:10px;
        }
        
        .featured-column {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }
        
        .column-title {
            background: #8B0000;
            color: white;
            padding: 15px;
            font-size: 18px;
            text-align: center;
        }
        
        .featured-item {
            padding: 15px;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .featured-item:last-child {
            border-bottom: none;
        }
        
        .featured-img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            border-radius: 4px;
            margin-bottom: 10px;
        }
        
        .featured-name {
            font-size: 16px;
            color: #333;
            text-align: center;
        }
		
		.featured-name a:link{ font-size:16px !important;font-size: 16px;color: #333;}
		.featured-name a:visited{ font-size:16px !important;font-size: 16px;color: #333;}
		.featured-name a:hover{ font-size:16px !important;font-size: 16px;color: #333; text-decoration:underline;}