* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:url(../images/body.png) repeat-y center top; }

div,p,li,em{font-family:Verdana,宋体;font-size:14px; }

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:12px;line-height:16px;} 

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse;}


a:link,a:visited,a:active{ color:#535353; text-decoration:none;}
a:hover{ color:#cf5d00; text-decoration:none;}
.more {  float:right;font-size:12px}


.clear {clear:both;}
.left{ float:left;}
.middle { float:left; width:420px; }
.right{ float:right; }

.content,.copyright{ margin:0 auto; width:1020px;}

.header,.top { background:url(../images/header.jpg) no-repeat top center}
.top { margin:0 auto; width:1020px; height:393px; position:relative;background:url(../images/top.jpg) no-repeat top center }
.menu { width:1020px; height:120px;  position:absolute; right:0px; bottom:0px; z-index:2}
.logo { font:30px/40px bold Verdana, Geneva, sans-serif; position:absolute; width:500px; height:90px; left:10px; top:20px; z-index:1}
.music { position: absolute; width:160px; height:90px; right:380px; top:190px; z-index:1}


.index_a1 { float:left; width:343px; height:399px; background:url(../images/index_a1.png) no-repeat}
.index_a2 { float:left; width:677px; height:399px; background:url(../images/index_a2.png) no-repeat}
.index_a3 { float:left; width:741px; height:643px; background:url(../images/index_a3.png) no-repeat}
.index_a4 { float:left; width:279px; height:623px; padding-top:20px; background:url(../images/index_a4.png) no-repeat}
.index_a3_b1 { float:left; width:741px; height:189px; }
.index_a3_b2 { float:left; width:370px; height:456px;}
.index_a3_b3 { float:left; width:290px; height:456px;margin-left:40px;}

.index_a5 { float:left; width:1020px; height:200px;background:url(../images/ysym.jpg) no-repeat}


.happy_Img { width:290px; height:200px; margin:5px 0 0 35px; display:inline-block; }
.link_input { margin:132px 0 0 160px; clear:both}

.wxts { width:230px; height:165px; float:left; margin:30px 0px 0px 90px; display:inline; line-height:22px;}


.user { width:590px; margin-left:46px; _margin-left:30px; margin-top:42px; height:165px; float:left; position:relative}
	.user_ul li { margin-top:8px;margin-left:10px;margin-right:10px;line-height:30px;}
	.user_name label,.user_pass label,.user_yzm label { width:50px;  height:30px; display:block; float:left}
	.user_name input,.user_pass input { width:115px; border:1px solid #a2a2a2;height:18px;}
	.user_yzm input  { width:60px; border:1px solid #a2a2a2; height:18px;}
	.user_btn { width:66px; height:82px; display:block; position:absolute; right:18px; top:0px; z-index:1; }
	.user_btn a { width:66px; height:82px; display:block;}


.notice { width:290px; height:170px; float:left; margin-left:15px; display:inline; margin-right:30px; _margin-right:20px;}
	.notice_more,.news_more { height:30px; line-height:30px; }
	.notice_list {  margin-left:10px; margin-top:5px;}
	.notice_list li{ width:290px;line-height:34px; height:34px; background:url(../images/icon_a1.png) no-repeat 0px 8px}
	.notice_list a{ display:block; height:34px; padding-left:18px;}
	.notice_list2 {  margin-left:10px; margin-top:5px;}
	.notice_list2 li{ width:auto;line-height:34px; height:34px; background:url(../images/icon_a1.png) no-repeat 0px 8px}
	.notice_list2 a{ display:block; height:34px; padding-left:18px;}

.painting { clear:both; width:520px;}
.painting_more { height:50px; padding-right:95px; line-height:46px;}
.painting_Pic { width:520px; height:150px; padding:5px; margin-left:160px;}
.painting_Pic2 { width:860px; padding:5px; margin-left:10px;}

.mxls,.mxye { width:290px;  margin-left:60px; clear:both }
.mxls_more { width:290px; height:30px; padding-top:50px; }
.mxye_more { width:290px; height:20px; padding-top:40px; }
	.teacher_Img { width:290px; height:120px;}
	.teacher_Img li { display:inline-block; float:left; width:80px; text-align:center; margin-right:16px; _margin-right:8px; margin-top:10px;}
	.teacher_Img a { line-height:30px; padding:3px; border:1px solid #d7d7d7; background:#fff; display:block; width:74px;height:100px;}



.jcwz { float:left; width:330px; height:170px;}
.jcwz_more { height:30px; line-height:30px; padding-top:20px;}
.bjlb { float:left; width:330px; height:170px; padding-top:40px; }
.bjlb2 { float:left; width:330px; height:170px; padding-top:40px; }
.bjlb_more { height:30px; line-height:30px; padding-bottom:10px; padding-right:20px;}
.class_Div { clear:both;height:32px; margin-left:10px; text-align:center; text-indent:0px; overflow:hidden; }
.class_Tt { float:left; width:70px; line-height:32px;text-align:right;color:#411c00; font-weight:bold;}
.class_Tx {float:left; line-height:32px; padding:0px 10px;}


.copyright { clear:both; no-repeat center center; width:100%; height:120px; padding-top:10px; border-top:1px solid #cec58e }
.text { width:1002px; margin:0 auto; text-align:center; line-height:30px;}
.company { width:1002px; margin:0 auto; text-align:center; line-height:30px;}




.about_btn { width:250px; height:140px; position:absolute; left:55px; top:13px; z-index:2}


.content { width:1020px;background:url(../images/bg.png) repeat-y}

.about_t1 {
	position:absolute;
	left:0px;
	top:-19px;
	width:986px;
	z-index:122;
	height:19px;
	background:url(../images/title_a1.png) no-repeat
}
.about_t2 {
	position:absolute;
	left:340px;
	top:80px;
	width:601px;
	z-index:122;
	height:19px;
}
		.about_t2 a{font-family:微软雅黑;font-weight: bold;font-size:20px;color:#f5577f;}
		.about_t2 a:hover{ font-family:微软雅黑;font-weight: bold;font-size:20px;color:#ff0066; text-decoration:underline; }
.about_t3 {
	position:absolute;
	left:780px;
	top:78px;

	z-index:122;
	height:19px;
}
.about_t31 {
	position:absolute;
	left:790px;
	top:52px;
	width:359px;
	z-index:122;
	height:19px;
}
.about_bg {background:url(../images/about_top.png) no-repeat}
.about_bottom { width:1020px;background:url(../images/about_bottom.png) no-repeat bottom left}

.title_title { height:30px;padding-top:100px; position:relative}
.title_title h1 {  text-align:center; border-bottom:1px solid #ffe7c8; width:900px; margin: 0 auto; font-size:22px; line-height:60px; margin-bottom:20px;margin-top:20px;}

.yebj_title,.jxjy_title,.tszx_title,.zszl_title,.lyb_title,.zxbm_title,.mzsp_title,.yzxx_title,.wjdc_title,.jcsp_title,.tzgg_title,.xwdt_title,.jcwz_title,.bjlb_title,.mxls_title,.mxye_title { font-family:微软雅黑;font-size:18px;position:absolute;width:155px; height:80px;  left:49px; top:0px; z-index:2; background:url(../images/title_title.png) no-repeat}
.jxjy_title { background-position:0px -80px;}
.tszx_title { background-position:0px -160px;}
.zszl_title { background-position:0px -240px;}
.lyb_title { background-position:0px -320px;}
.zxbm_title { background-position:0px -400px;}
.mzsp_title { background-position:0px -480px;}
.yzxx_title { background-position:0px -560px;}
.wjdc_title { background-position:0px -640px;}
.jcsp_title { background-position:0px -720px;}
.tzgg_title { background-position:0px -800px;}
.xwdt_title { background-position:0px -880px;}
.jcwz_title { background-position:0px -960px;}
.bjlb_title { background-position:0px -1040px;}
.mxls_title { background-position:0px -1120px;}
.mxye_title { background-position:0px -1200px;}





.about_table { width:920px; margin:0 auto; padding-bottom:20px; line-height:36px;}

	.about_list{ margin:0 auto; margin-bottom:20px; padding-top:40px;  width:850px; background:url(../images/icon_a2.png) no-repeat;}
	.about_list ul {background:url(../images/icon_a3.png) no-repeat 20px 0px;}
	.about_list li{ width:745px; clear: both; font-size:14px; line-height:36px; height:36px; border-bottom:1px solid #d9d9d9; padding-left:100px; }
	.about_list a { display:inline-block; height:36px; width:600px;}
	.about_list .time { display:inline-block; width:140px; height:36px; text-align:center; color:#666666}

			
.MXLS_img ul { width:110px; height:110px; text-align:center; padding:10px;}


		.about_page{ margin:0 auto; margin-top:10px; width:850px; height:30px; font-size:14px; line-height:30px;}
		.about_page span{ float:left; padding-left:20px;}
		.about_page p{ float:right; padding-right:20px;}
		.about_page a{ margin:0 10px; font-size:14px; color:#333; cursor:pointer; text-decoration:none;}
		.about_page a:hover{ color:#005a4a; text-decoration:none;}

.teacher_box { width:850px;  margin:0 auto; border:1px solid #dbdbdb;}
.teacher_box li { float:left; width:80px; text-align:center;margin-left:28px; margin-top:10px; display:inline}
.teacher_box a { padding:3px; border:1px solid #d7d7d7; display:block; width:74px;height:100px; line-height:30px; background:#fff; }
.teacher_title { color:#2c6b87; font-size:14px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }
/*bjlb star*/
.bjlb_Abox { width:950px;  margin:0 auto; border:1px solid #dbdbdb; background:#FFF}
.bjlb_Atitle { color:#2c6b87; font-size:14px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }

.bjlb_Ttext,.bjlb_Ttitle { border-bottom:1px solid #dbdbdb}
.bjlb_Ttitle { font-weight:bold; text-align:right; width:70px; padding-top:10px;}
.bjlb_Ttext a {  border:1px solid #d7d7d7; display:inline-block; height:30px; width:95px; overflow:hidden; text-align:left; padding-left:10px; line-height:30px; background:#fff; margin:10px; }
.bjlb_Ttext a:hover { background:#f2f2f2}
/* about-message board Restore */
.orange{ color:#ff3c00; }

.restore{ margin:0 auto; width:850px; height:auto; border:1px solid #dbdbdb; background:#fff;}
.restore .title{ float:left; width:100%; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
.restore .title h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
.restore .title img{ margin:0 10px; }
.restore table{ margin:10px auto; width:100%; border-collapse:collapse; }
.restore table td{ padding:6px; }
.restore table th{ padding-right:10px; color:#6d6d6d; line-height:26px; text-align:right; width:90px; }
.restore table textarea{ margin-left:16px; width:700px; height:150px;}
.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }

/* about-文章 */
		.tableText{ margin:0 auto; border-collapse:collapse; width:88%; font-size:14px; line-height:30px; color:#383838;}
			.tableText img{ margin:0 auto;}
			
/* about-message board */	
.subjuct{ margin:0 auto; margin-top:20px;  width:900px; height:auto; }
.subjuct{ border:1px solid #f0d8c0; background:#fff; }
.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; float:left; width:900px; padding:2px 0px; line-height:28px;}
.subjuct .titleBox img{ margin-top:5px;}
.subjuct img{ margin:0 10px; }
.subjuct h4 { font-size:14px; color:#b43300; font-weight:bold; text-decoration:none;}
.subjuct .titleBox p{ margin:0 10px;}
.subjuct em{ color:#866e23; }
.subjuct .hfct { background:url(../images/hfct.gif) no-repeat; width:77px; height:28px; margin-left:10px;text-align:center; float:left; line-height:28px;}
.subjuct .hfct a { color:#0099ff;}
.subjuct .left1 { float:left}


		
		.subjuct .text{ clear:both; margin:0 auto; padding:5px 10px 5px; width:880px; height:auto; line-height:24px; text-align:left;  }
		.subjuct .text p{ text-indent:24px; }
		.subjuct .text p a{ color:#494949; text-decoration:none; }
		.subjuct .text p a:hover{ color:#e14c7d; text-decoration:none; }
		
		
		.subjuct .time{width:900px; height:22px; color:#aca8a2; line-height:22px; text-align:right; background:#f5f1ec;}
		.subjuct .time span{ margin:0 8px;}
		.subjuct .time em{ color:#937147; }
		.subjuct .time p{ margin:0 12px;}
		.subjuct .time p a{ color:#c6948d;}
		.subjuct .time p a:hover{ color:#ff0066; text-decoration:underline; }
		
		/* about-message board Scott */
		.scott{ margin:0 auto; padding:10px 0;  width:900px; height:30px; line-height:30px; color:#004399; text-align:center;}
		.scott a{ margin:0 10px; color:#006fff; text-decoration:none;}
		.scott a:hover{ color:#a6006d; text-decoration:none;}
		
		/* about-message board Restore */
		.orange{ color:#ff3c00; }
		
		.restore{ margin:0 auto; width:900px; height:auto; border:1px solid #dbdbdb; background:#fff;}
		.restore .titleBox{ float:left; width:900px; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
		.restore .titleBox h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
		.restore .titleBox img{ margin:0 10px; }
		.restore table{ }
		.restore table td{ padding:6px; color:#d75600; }
		.restore table th{ padding-right:4px; width:100px; color:#6d6d6d; line-height:26px; text-align:right; border:none; }
		.restore table textarea{ width:500px; height:150px; background:#ffffef; border:1px solid #c5c5c5;}
		.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
		.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }


.dvs{width:927px;height:auto;margin:0px auto;}
.cont{margin-top:12px;}

.zcon{font-size:14px;line-height:30px;}
.tulis{margin-bottom:8px;}
.tulis img{width:260px; height:215px; padding:0px; border:1px solid #CDC094; float:none;}
.tulis li{text-align:center;margin-top:10px;line-height:30px;float:left; overflow:hidden;margin-right:31px;}
.tulis li a{color:#000;}
.lis{line-height:24px; margin-bottom:8px; width:640px;}
.lis li{border-bottom:1px dashed #dfdfdf;height:25px;line-height:20px;width:640px;background:url(../img/xx.jpg) no-repeat left center;}
.lis li a{float:left;color:#545454;margin:0px;}
.lis a:hover{color:#F66200;text-decoration:underfline;}




.fixck img {
 overflow:hidden;max-width:100%; border:0; display:block; margin:15px auto;
}

.wx_top { height: 215px; width: 94px; margin-right: -620px; position: fixed; right: 50%; top: 400px; width: 100px;  }

/* banner-slider css */
.banner-slider { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; }
.banner-slide.active { opacity: 1; z-index: 1; }
.banner-slide img { width: 100%; height: 100%; object-fit: cover; }
.banner-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
.banner-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s; border: 2px solid transparent; }
.banner-dot.active { background: #ff3c00; border-color: rgba(255, 255, 255, 0.8); transform: scale(1.2); }
.banner-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; width: 30px; height: 30px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; }
.banner-arrow:hover { background: rgba(0, 0, 0, 0.6); }
.banner-arrow svg { width: 16px; height: 16px; fill: #fff; }
.banner-arrow.prev { left: 10px; }
.banner-arrow.next { right: 10px; }

/* seamless marquee */
.marquee-container { width: 520px; height: 150px; overflow: hidden; margin-left: 160px; padding: 5px; }
.marquee-content { display: flex; width: max-content; animation: marquee-scroll 30s linear infinite; }
.marquee-content:hover { animation-play-state: paused; }
.marquee-content a { margin-right: 15px; flex-shrink: 0; }
.marquee-content img { width: 160px; height: 120px; object-fit: cover; }
@keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.hover-scale:hover { transform: scale(1.05) !important; cursor: pointer; }

/* 列表项 - 大卡片式 */
.list-card {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.list-card:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
  transform: translateY(-4px);
}

.list-card-thumb {
  width: 240px;
  height: 160px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.list-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.list-card:hover .list-card-thumb img {
  transform: scale(1.05);
}

.list-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.list-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.list-card-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  line-height: 1.4;
  background: rgba(245, 158, 11, 0.12);
  color: #f59e0b;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
}

.list-card-time {
  font-size: 13px;
  color: #888;
}

.list-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
}

.list-card:hover .list-card-title {
  color: #0088cc;
}

.list-card-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* 分页器 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}

.page-btn {
  min-width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.2s;
  padding: 0 4px;
  text-decoration: none;
}

.page-btn:hover {
  color: #0088cc;
  border-color: #0088cc;
  background: rgba(0, 136, 204, 0.04);
}

.page-btn.active {
  background: #0088cc;
  color: #fff;
  border-color: #0088cc;
}

.page-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.page-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* 图墙模板专属样式 */
.photo-wall-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.photo-wall-item {
  display: block;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  text-decoration: none;
  transition: transform 0.3s, box-shadow 0.3s;
}

.photo-wall-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.photo-wrap {
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}

.photo-wall-item:hover .photo-wrap img {
  transform: scale(1.1);
}

.photo-title {
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Lightbox 暗色遮罩层 */
.lightbox-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.lightbox-modal.active {
  opacity: 1;
  visibility: visible;
}

.lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.lightbox-content img {
  max-width: 100%;
  max-height: 90vh;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  transform: scale(0.9);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lightbox-modal.active .lightbox-content img {
  transform: scale(1);
}

.lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  line-height: 1;
  opacity: 0.7;
}

.lightbox-close:hover {
  opacity: 1;
}