@charset "gb2312";
* { padding:0px; margin:0 auto;}
ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input{margin:0px; list-style:none; padding:0px;}
body{font-size:12px;}
.conbox{width:960px; padding:0px 5px; background:#FFFFFF;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
a{text-decoration:none; color:#000000;}
a:hover{color:#993333;}
img{border:none;}
.m8{margin-top:8px;}
.bd{ border:1px #CCCCCC solid; border-top:none;background:#eeeeee;}
.sc{ padding:10px;}
.sc input{margin-top:6px;}
.top{width:960px; height:77px;}
.top .logo{float:left; margin-left:10px; padding-top:5px; width:456px;}
.t_right{ line-height:21px;color:#000000;}
.t_right a{color:#000000;}
.inputtxt{height:14px; line-height:14px; border:1px #CCCCCC solid;}
.inputbtn{margin-left:10px;}

.nav{width:960px; min-width:960px; height:31px; background:url(../images/menu_02.gif);}
.nav ul{width:960px; height:31px; margin:0 auto;}
.inputtxt{float:left; width:150px; height:16px;}
.nav li{float:left; width:100px; text-align:center; height:31px;}
.nav li a{font-size:14px; font-weight:bold; color:#FFFFFF; line-height:31px; display:block; height:31px;}
.nav li.line{width:1px; background:url(../images/menu_line.gif);}
.banner{width:960px; height:220px;}
.main{width:960px; padding-top:8px; background:url(../images/nav_dark.jpg) repeat-x;}
.main i,.flink i{font-size:9px; font-family:Arial, Helvetica, sans-serif;}
.main_l{width:200px;}
.main_c{width:554px; padding-left:8px;}
.main_r{width:190px;}
.flink{width:960px;}


.t_c_about img{float:left; margin:10px;}


.m_title{background:url(../images/lf1.jpg); height:25px; font-size:14px; font-weight:bold; line-height:25px; padding-left:12px; color:#FFFFFF;}
.t2{background:url(../images/lf2.gif);}
.m_title h2{background:url(../images/th2bg.gif) no-repeat; height:25px; font-size:14px; font-weight:bold; line-height:25px; padding-left:12px; color:#FFFFFF; float:left;}
.t2 h2{background:url(../images/lf2bg.gif) no-repeat;}
.t_c_title{background:url(../images/index_55.gif) left center no-repeat; padding-left:22px; height:32px; line-height:32px; }
.t_c_title h2{float:left; font-size:14px;}
.t_c_title i{float:left;}
ul.classcp{padding:10px;}
ul.classcp li{padding-left:22px;height:24px;line-height:24px;background-color: #dddddd;
	background-image: url(../images/index_39.gif);background-repeat: no-repeat;background-position: 10px center; margin-top:4px;
}
ul.classcp li a{line-height:24px; font-size:12px; font-weight:bold; color:#3f3f3f;}
.m_contact{padding:10px; font-size:12px; line-height:24px;}
.t_c_title span,.m_title span{float:right; padding-top:10px;}
.t_c_about{line-height:21px; padding-top:10px;}
ul.news_rlist{padding:10px; padding-bottom:0px;}
ul.news_rlist li{background:url(../images/icon1.gif) left center no-repeat; padding-left:12px; height:22px; line-height:22px; border-bottom:1px #CCCCCC dashed;}
.m_more{padding:10px;padding-left:20px; }
.sc_put{padding:10px 0px;}
.sc_put ul{float:left; padding:0px 15px;}
.sc_put li{float:left; line-height:21px; width:120px; padding:0px 5px;}
.flink .m_title{background:none; color:#000000; line-height:21px; height:21px; border-bottom:1px #CCCCCC solid;}
.flink ul{padding:8px;}
.flink li{float:left; padding:0px 10px;}
.footer{height:80px; background:#F4F4F2;width:970px; text-align:center; line-height:22px;}
.logo a { background:url(../images/logo.gif) no-repeat;display: block;height: 70px;width: 456px; }

.con_right{width:760px;}
.add{background:url(../images/me.jpg) left center no-repeat; height:28px;  line-height:28px;color:#FFFFFF;}
.add h3{float:left; font-size:12px; color:#FFFFFF;background:url(../images/me1.jpg) left center no-repeat; padding-left:24px; }
.add a{color:#FFFFFF;}
.newslist{padding:20px;}
.newslist li{line-height:24px; height:24px; border-bottom:dashed #CCCCCC 1px; background:url(../images/icon1.gif) left center no-repeat; padding-left:20px;}
.newslist a.newsc{ padding-left:8px;}
.newslist span{float:right; font-size:11px; color:#666666;}

.naxandpav{width:700px; margin:0 auto; margin-top:24px; padding:0 10px; background:#CCCCCC; height:22px;}
.naxandpav li{float:left;width:50%; line-height:22px;}

.con_con h1{text-align:center; font-size:16px; line-height:42px; border-bottom:1px #CCCCCC dashed;}
.artinfo{text-align:center; font-size:12px; line-height:24px; color:#999999;}
.con_conar{font-size:14px; line-height:24px; padding:14px;}
.con_conar p{text-indent:28px;}

.cplist{padding:20px;}
.cplist li{padding:3px; float:left; line-height:18px; width:134px;}
.cplist li img{padding:1px; border:1px #CCCCCC solid;}



.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }


	.banner {
		width: 960px;
		height: 220px;
		margin: 20px auto;
		position: relative;
		overflow: hidden;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	}

	.banner-list {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		position: relative;
	}

	.banner-item {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 0.6s ease-in-out;
	}

	.banner-item.active {
		opacity: 1;
	}

	.banner-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 指示器 */
	.banner-indicator {
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 8px;
	}

	.banner-indicator-item {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: rgba(255,255,255,0.5);
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.banner-indicator-item.active {
		background: #fff;
		transform: scale(1.2);
	}

	/* 导航箭头 */
	.banner-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 36px;
		height: 36px;
		background: rgba(0,0,0,0.3);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.banner-arrow:hover {
		background: rgba(0,0,0,0.6);
		transform: translateY(-50%) scale(1.1);
	}

	.banner-prev {
		left: 20px;
	}

	.banner-next {
		right: 20px;
	}