@charset "UTF-8";

/* */

body {margin:0; padding:0;color:#666; Microsoft YaHei,Arial,Verdana; font-size:14px;}
div,form,iframe,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
div{margin:0px auto;} /*  */
table{margin:0px auto;}
table,td,tr,th {font-size:16px;}
ul,li {text-align:left;}
li {list-style-type:none;}
a {font-size:14px;}
hr{height:1px;}
select,input{vertical-align:middle; }
img {border:0;}
html{ height:100%;min-width:1280px;}

/* */
a:link    {color:#444;text-decoration:none;}
a:visited {color:#444;text-decoration:none;}
a:hover   {color:#187ec6;text-decoration:none;}
a:active  {color:#444;text-decoration:none;}
.button {width:80px; height:35px; line-height:35px; border:1px solid #ccc; border-radius:5px;}
.clear{font:0px/0px sans-serif;clear:both;display: block}
.clearfix{font:0px/0px sans-serif;clear:both;display: block}
.lf {float: left;}
.rt {float: right;}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.w1297{ width:1297px; height:auto; margin:0px auto; margin:0px auto; text-align:center;}
.w1240{ width:1240px; height:auto; margin:0px auto; margin:0px auto; text-align:center;}
.w1280{ width:1280px; height:auto; margin:0px auto; margin:0px auto; text-align:center;}
.w1266{ width:1266px; height:auto; margin:0px auto; margin:0px auto; text-align:center;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mt48{ margin-top:48px;}
.mb40{ margin-bottom:40px;}
.pt48{ padding-top:48px;}

/*  */
.selfScale{
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.selfScale img{
  width: 100%;
  top: 0;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.selfScale img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.shadow1{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);transform: translate3d(0, -2px, 0);}

/* ��ҳ�� */
#top{ }
.header{ width:1297px; height:109px; line-height:109px; margin:0px auto; display:block; position:relative; z-index:999999;  }
.logo{ width:677px; height:109px; display:block; }

.nav{ width:100%; height:109px; line-height:109px; margin:0px auto; }
.nav ul{ width:600px; margin:0px auto;}
.nav ul li{ width:120px; height:109px; line-height:109px; text-align:center; float:left;}
.nav ul li > a{  font-size:16px; color:#000;}
.nav ul li:hover{background-color:#fcb712; }
.nav ul li:hover a{color:#333;}

.xiala{ display:none; background-color:#fcb712; width:120px; z-index:9999; position:absolute;}
.xiala a{ font-size:12px; text-align:center; line-height:40px; width:120px; height:40px; display:block; }
.xiala a:hover{ background-color:#0053cb;}
#pro:hover > .xiala { display:block; }

.abxiala{ display:none; background-color:#fcb712; width:120px; z-index:9999;}
.abxiala a{ font-size:12px; text-align:center; line-height:40px; width:120px; height:40px; display:block; }
.abxiala a:hover{ background-color:#0053cb;}
#abxiala:hover > .abxiala {display:block;}

.w1200{width: 1270px;margin: 0 auto;}
.w1266{width: 1270px;margin: 0 auto;}
.img1{ width:100%; height:230px; display:block; margin:0px auto;  background:url(../images/img1.jpg) no-repeat top center; background-size:cover;}
.img2{ width:100%; height:925px; display:block; margin:0px auto;  background:url(../images/img2.jpg) no-repeat top center; background-size:cover;}
.img3{ width:100%; height:834px; display:block; margin:0px auto;  padding-top:94px; background:url(../images/img3.jpg) no-repeat top center; background-size:cover;}
.img4{ width:100%; height:485px; display:block; margin:0px auto;  background:url(../images/imgbt.jpg) no-repeat top center; background-size:cover;}
.bjdz{width:100%; height:558px; display:block; margin:0px auto;  background:url(../images/bj-dz.jpg) no-repeat top center; }
.bjbt{width:100%; height:403px; display:block; margin:0px auto;  background:url(../images/bj-bt.jpg) no-repeat top center; color:#ccc;}
.bjbt .text{ padding-top:232px; width:400px; height:auto; padding-left:3%; margin:0px auto; line-height:30px;}
#box{
	width: 100%;
    height: 770px;
    margin: 0px auto;
    background: url(../images/bj-ab.jpg) no-repeat top center;
    position: relative;
   }
   
#box .box_1_ab { width:1050px; line-height:30px; text-indent:2em; padding-top:210px;  text-align:center; margin:0px auto; font-size:16px; color:#000;}
 
.box_1{ float:left; width:576px; height:571px; display:block;}
.box_2{ float:right; width:690px;height:571px; display:block;}

#pic1{ width:1270px; height:330px; display:block; margin:10px auto; text-align:center;}

.sy_1 .num_top { margin-top: 0px;}
.num_top .item {
  width: 19.9%;
  padding-left: 30px;
  box-sizing: border-box;
  color: #1a9def;
  height: 40px;
  line-height:40px;
  float:left;
}
.num_top .item h3 {
  color: #02418e;
  font-weight: bold;
  display: inline-block;
  margin-right: 15px;
  font-size: 38px;
  padding-top: 0px;
}
.num_top .item span {
  font-weight: 100;
  font-size: 16px;
  color:#000;
}
.num_top .item p {
  color: #000;
  display: inline-block;
  font-size: 20px;
}
.num_top .item h3 i {
  font-style: normal;
}


/*zhuye pro*/
.indexpro{ margin:40px auto; display:block;}
.pro_bt{ margin:0px auto 30px; height:50px; width:800px; display:block;}
.pro_bt a{ width:120px; height:30px; line-height:30px; color:#000; margin:10px 30px; float:left; display:block;padding:5px 10px;}
.pro_bt a:hover{ padding:5px 10px; background-color:#e70000; color:#fff; border-radius:20px;}
.pro_bt a:first-child{ padding:5px 10px; background-color:#e70000; color:#fff; border-radius:20px;}

.indexprotj{ margin:0px auto; display:block;}
.indexprotj ul li{ width:1260px; height:400px; margin:5px auto; background-color:#f1f3f8;}
.indexprotj .indexproimg{ width:630px; height:400px; float:left}
.indexprotj .indexprotext{ width:550px; padding:40px; text-align:left; line-height:30px; font-size:14px; color:#666; float:right;}
.indexprotj ul li:nth-child(even) > .indexproimg{float:right;}
.indexprotj ul li:nth-child(even) > .indexprotext{float:left;}
.indexprotj .indexprotext h4{ font-size:20px; text-align:left; margin:0px auto 30px; color:#000;}


.txt {
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    position: relative;
    z-index: 1;
    padding: 30px;}
.pro-pro{ width:405px; height:auto; margin:20px auto;}	
.pro-pro:hover .txt{ background-color:#133573; color:#fff;}

.cir {
	float:left;
    width: 20px;
    height: 20px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-family:;
    line-height: 20px;
    font-weight: bold;
    background: rgb(18, 52, 115);
    border-radius: 100%;
}

.pro-pro:hover {
position: relative;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 4px solid #133573;
animation: clippath 1.5s infinite linear;

}

}

@keyframes clippath {
0%,
100% {clip-path: inset(0 0 95% 0);}
25% {clip-path: inset(0 95% 0 0);}
50% {clip-path: inset(95% 0 0 0);}
75% {clip-path: inset(0 0 0 95%);}
}

.box_case{ width:100%; height:700px; background:url(../images/bj-case.png) no-repeat top center; display:block;}
.case{ width:1277px; height:auto; text-align:center;}
.case ul li{ width:415px; margin:0px 5px; float:left; background-color:#f9f4e8; border-radius:5px;}
.case ul li h3{   text-align:center; line-height:30px; font-size:20px; color:#000; padding:15px;}
.case ul li p{ text-align:left; text-indent:2em; line-height:30px; color:#999;}
.case .case_text{ width:395px; height:160px; padding:10px 10px;}


.shijian{ margin:0px auto; width:1357px; height:174px; display:block;}
.bt1{ padding-top:200px; line-height:30px; text-align:left; color:#fff; padding-left:50px;font-size:14px; }
.bt1 a{ font-size:14px; color:#fff;}

.btnav{ width:750px; height:auto; color:#fff; font-size:18px; margin-top:73px;}
.btnav ul li{  float:left; width:124px; height:auto; text-align:left;}
.btnav ul li a{ color:#fff;  font-size:18px; width:125px; height:auto; display: block;  }
.btnav  .la  { margin-top:40px;}
.btnav  .la  a{ font-size:12px; line-height:30px;}

.newslist { margin-top:40px; margin-bottom:90px; margin-left:30px; width:auto; height:auto;}
.newslist a{ float:left; padding:0 15px; font-size:16px; font-weight:bold;}
.newslist>li{ float:left; height:21px; border-right:1px solid #000;}

#new{ width:1266px; height:auto; display:block; padding-bottom:2px; margin:25px auto;}
#new .new2 a{ width:48%; height:95px;  margin:5px 1% 25px; display:block; line-height:25px; padding:20px 0; text-align:left; float:left; border-bottom:1px solid #ececec;   }
#new .new2 a span{ float:left; width:72px; text-align:center;  height:100px; margin:10px 0px; display:block;  }


.xm{ width:1221px; height:333px; display:block; margin:0px auto;}
.xm ul li{ float:left; height:330px; display:block; margin:0px auto; width:283px; text-align:center; color:#212121;}
.xm ul li span{ font-size:24px; line-height:57px;}
.xm ul li p{ line-height:20px; color:#656565;}


.gtdz {margin-left: -8px;}
.gtdz li {float: left;width: 25%;}
.gtdz li a {display: block;background-color: #fff;padding: 13px 13px 0;color: #333;margin: 0 0 0 8px;overflow: hidden;height: 527px;}
.gtdz li .img-center {overflow: hidden;}
.gtdz li .text {margin-top: 36px;}
.gtdz li .text h4, .gtdz li .text b {margin: 0;line-height: 1;font-size: 24px;color: #0060b7; display: block;}
.gtdz li .text h4:after, .gtdz li .text b:after {display: block;content: '';width: 118px;height: 1px;background-color: #e4e4e4;margin-top: 10px;}
.gtdz li .text p {margin: 15px 0 0;display: none;color: #666;text-align: justify;}
.gtdz li .text p:nth-of-type(1) {display: block;}

.gtdz li:first-child a,.gtdz li:first-child .img-center {border-top-left-radius: 35px;}
.gtdz li:last-child a,.gtdz li:last-child .img-center {border-top-right-radius: 35px;}
.gtdz li a:hover {background: url(../images/dz_1.jpg) no-repeat center / cover;color: #fff;padding: 0;height: 540px;}
.gtdz li a:hover .img-center {display: none;}
.gtdz li a:hover .text {height: 440px;background-color: rgba(136,186,68,0.95);margin: 0;padding: 100px 20px 0;}
.gtdz li a:hover .text h4 {text-align: center;color: #fff;background: url(../images/dz_ic1.png) no-repeat top center;padding-top: 106px;}
.gtdz li a:hover .text h4:after {margin: 15px auto 0;background-color: rgba(255,255,255,0.5);}
.gtdz li a:hover .text p {color: #fff;display: block;}

.clink{ width:950px; margin:20px auto; text-align:center; height:auto;}
.clink a{ padding:12px 178px; width:80px; display:block; background-color:#0ba43a; border-radius:15px; text-align:center; color:#fff; float:left; margin:0px 10px; font-size:16px;}
.clink a:hover{ background-color:#ccc; color:#000;}

.imgab{ width:100%; height:848px; display:block; margin:0px auto; background:url(../images/bj-ab.jpg) no-repeat top center;}
.imgnew{width:100%; height:706px; display:block; margin:0px auto; background:url(../images/bj-new.jpg) no-repeat top center;}

.ab{ font-size:16px; line-height:30px; text-align:justify; color:#333;  display:block; width:100%; height:390px; overflow:hidden; text-indent:1.1em;}

.ab6{ width:1212px; height:250px;}
.ab6 ul li{ width:180px; height:250px; float:left; text-align:center; margin:0px 11px; }
.ab6 ul li span{ font-size:14px; line-height:48px;color:#fff;}
.ab6 ul li p{ line-height:12px; line-height:16px; color:#fff;}
.ab6 ul li img{	
	z-index:2;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}
.ab6 ul li img:hover{
	-webkit-transform:rotate(360deg) scale(1.5); 
	-moz-transform:rotate(360deg) scale(1.5);
	-ms-transform:rotate(360deg) scale(1.5);
	-o-transform:rotate(360deg) scale(1.5);
}

.content_new{ width:1210px; height:308px; margin:0px auto; padding:20px; background-color:#fff; overflow:hidden;}
.imgcon{width:100%; height:75px; padding-top:530px; display:block; margin:0px auto; background:url(../images/bj-con.jpg) no-repeat top center; color:#fff; font-size:14px; }


.bt{ width:100%; height:211px; display:block; margin:0px auto;  font-size:14px;line-height:28px; color:#fff; padding-top:10px; text-align:center; background-color:#555; }

.bt a{color:#fff;}
.footerlj{ margin:0px auto; float:left;}
.footerlj a{}



/* ��ʱ */

/* ��ť */
.btn_list{ border-bottom:1px solid #ccc;}
.btn_list li{float: left;margin:10px 10px;     height: auto;    }
.btn{ display: inline-block; *display:inline; *zoom:1; padding: 10px 40px; text-decoration: none; position: relative; color:#333;}

.btn8{ border:1px solid #666;position:relative;color: #666;overflow: hidden;-webkit-transition: color .3s;transition: color .3s;}
.btn8 .bg_brf, .btn8 .bg_aft{background:#02783e;position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;
	-webkit-transition: all .3s;transition: all .3s;-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1);}
.btn8 .bg_brf{ opacity:0.5;}
.btn8:hover {color: #fff; border-color:#275b9d;}
.btn8:hover .bg_brf, .btn8:hover .bg_aft{bottom:0;}
.btn8:hover .bg_aft{-webkit-transition-delay: .175s;transition-delay: .175s;}
.btn8 span{ position:relative; z-index:1;}



/* ��ҳ */

#nei_top{width:100%;height:auto;display:block;}

#wrap{ width:1200px; margin:0px auto; }
#nei{ max-width:1200px; min-width:1100px; height:auto;}

.ad{ width:100%; height:380px; margin:0px auto; }
.ad2{ background:url(../images/ad2.jpg) no-repeat top center;}
.ad3{ background:url(../images/ad3.jpg) no-repeat top center;}
.ad4{ background:url(../images/ad4.jpg) no-repeat top center;}
.ad5{ background:url(../images/ad5.jpg) no-repeat top center;}
.ad6{ background:url(../images/ad6.jpg) no-repeat top center;}

.hd {
    border-bottom: 1px solid #F90; margin-top:30px; margin-bottom:20px;}
.hd li{	

		border-right: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
    display: inline-block;
    font-size: 14px;
    color: #333333;
    padding: 14px 2%;
    cursor: pointer;
	}
	
.hd ul li.on {
    border-top: 3px solid #F90;
    color: #F90;}




/* ��ҳover */

/*  */
.info-content {width:1200px; margin:0px auto; padding:10px 0px; line-height:35px; font-size:14px; min-height:600px;}
.info-content > table,td,th{ border-color: #ccc;}

.ny_weizhi{ text-align:right;}

/* ������ʽ */
.info-content .hang {width:100%; height:300px; text-align:center; margin:10px auto;}
.info-content .hang2 {width:100%; height:50px; line-height:50px; text-align:right;}
.info-content .hang .lie {width:33%; height:100%; float:left;}
.info-content .hang .lie .img img{max-width:390px; width:auto; height:247px;border-radius:3px; -moz-transition: all 0.2s ease-in; border:1px solid #eaeaea;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
.info-content .hang .lie .img {width:100%; height:auto; }

.info-content .hang .lie .name {width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; }
.info-content .page {width:100%; height:45px; text-align:center;}
.info-content .title {width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-align:center; padding-top:30px;}
.info-content .picture {width:100%; height:80px; text-align:center;}
.info-content .ul {width:100%; margin:0px;}
.info-content .li {width:100%; height:25px; line-height:25px; text-align:left;}
.info-content .content {width:100%; padding-top:8px; padding-bottom:8px; line-height:25px; text-align:left; }
.info-content .return {width:100%; height:80px; text-align:center;}

.info-content .news-head {width:100%; height:25px; background-color:#f3f3f3; border:#eaeaea solid 1px; }
.info-content .news-head .k01 {width:70%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k02 {width:13%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k03 {width:15%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k00 {width:100%; height:25px; line-height:25px; color:#0066cc; text-align:center;}
.info-content .news-list {width:100%; padding-top:5px; padding-bottom:5px;}
.info-content .news-list ul {width:100%; margin:0px;}




/*news ������ʽ*/

.com_news_box{ height: auto; overflow: hidden;}
.com_news_box ul{ margin: 0; padding: 0;}
.com_news_box ul li{ height: auto; overflow: hidden; padding: 25px; margin: 0 0 25px; border: 1px solid rgba(0,0,0,0.1); transition: 0.5s;}
.com_news_box ul li a{ color: #999;}
.com_news_box ul li a .n_img{ width: 260px; float: left;}
.com_news_box ul li a .n_img img{ max-width: 100%;}

.com_news_box ul li a .n_desc{ width: 800px; float: right;}
.com_news_box ul li a .n_desc .n_d_t{ font-size:24px; line-height: 40px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a .n_desc .n_date{ background: url(../images/time_icon.png) left no-repeat; height: 24px; line-height: 24px; font-size: 12px; padding-left: 22px; }

.com_news_box ul li a .n_desc .desc{ padding: 8px 0 15px; line-height: 24px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.com_news_box ul li a .n_desc .n_d_b{ height: auto; overflow: hidden; padding: 10px 0 0;}
.com_news_box ul li a .n_desc .n_d_b .lab{ width: 300px; float: left;height: 34px; line-height: 34px; background: url(../images/pencil_icon.png) left no-repeat; padding-left: 22px;}
.com_news_box ul li a .n_desc .n_d_b .more{ width: 116px; float: right; line-height: 36px; height: 36px; background: #ccc; text-align: center; color: #fff;}
.com_news_box ul li:hover{ background: #666; border: 1px solid #ccc; transition: 0.5s;}
.com_news_box ul li:hover a{ color: #fff;}
.com_news_box ul li:hover a .n_desc .n_d_t{ color: #fff;}
.com_news_box ul li:hover a .n_desc .n_d_b .more{ background: #FFF; color: #666;}
.com_news_box ul li:hover a .n_desc .desc{ border-bottom: 1px solid rgba(255,255,255,0.3);}




@media (max-width:1680px){	
.com_news_box ul li a .n_img{ width: 250px;}
.com_news_box ul li a .n_desc{ width:850px;}
}

@media (max-width:1024px){
	.com_news_box ul li{ padding:2%; margin: 0 0 25px; border:none;}
	.com_news_box ul li a .n_img{ width: 30%; float: left;}
	.com_news_box ul li a .n_desc{ width: 65%; float: right;}
	.com_news_box ul li a .n_desc .n_d_b .lab{ float:none; }
	.com_news_box ul li a .n_desc .n_d_b .more{ width: 100px; line-height: 32px; height: 32px; float:none;}
	
}
@media (max-width:720px){
.com_news_box ul li{margin: 0 0 5px;}
.com_news_box ul li a .n_desc .n_d_t{ font-size:18px; }
.com_news_box ul li a .n_desc .desc{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news_box ul li a .n_desc .n_d_t{line-height: 30px; }
.com_news_box ul li a .n_desc .desc{ padding: 2px 0;}
.com_news_box ul li a .n_desc .n_d_b{ padding: 0;}
.com_news_box ul li a .n_desc .n_d_b .more{ display:none;}
}






.info-content .next{ width:100%; height:60px; margin:0px auto; text-align:left;}
.info-content .next1{ width:100%; height:30px; list-style:30px; overflow:hidden; border-bottom:1px solid #ccc;}
.info-content .next2{ width:100%; height:30px; list-style:30px; overflow:hidden;}


.info-content .table {width:98%; padding-top:5px; padding-bottom:5px;}
.info-content .table ul{width:100%; border:#e7f5ff solid 1px;}
.info-content .table li{width:100%; border-bottom:#e7f5ff solid 1px; height:28px; vertical-align:bottom;}
.info-content .table li .k-left{width:30%; height:28px; line-height:28px; text-align:right; border-right:#e7f5ff solid 1px; color:#0071e1; float:left;}
.info-content .table li .k-right{width:68%; height:26px; line-height:26px; text-align:left; padding-top:2px; float:left;}

.info-content .contact {width:100%; padding-top:5px; padding-bottom:5px;}
.info-content .contact .c-title {width:100%; height:30px; line-height:30px; text-align:left; font-size:14px; font-weight:bold; clear:both;}
.info-content .contact .c-container {width:100%;}
.info-content .contact .c-container .c-left {width:60%; float:left;}
.info-content .contact .c-container .c-left ul {width:100%; margin:0px;}
.info-content .contact .c-container .c-left li {width:100%; height:30px; line-height:30px; text-align:left; overflow:hidden;}
.info-content .contact .c-container .c-picture {width:40%; float:left;}
.info-content .contact .c-memo {width:100%; line-height:25px; text-align:left; padding-top:2px; padding-bottom:2px;}

.info-content .guestbook {width:98%; display:block;  min-height:140px;height:100%; overflow:hidden; border:#d4e5f7 solid 1px; clear:both; padding-top:5px; }
.info-content .guestbook .g-left {width:25%; height:auto; border-right:#d4e5f7 solid 1px; float:left;}
.info-content .guestbook .g-left .g-l-01 {width:100%; height:56px; text-align:center; padding-top:3px;}
.info-content .guestbook .g-left .g-l-02 {width:100%; height:20px; line-height:20px; text-align:center; overflow:hidden;}
.info-content .guestbook .g-right {width:72%;  height:auto; float:left;}
.info-content .guestbook .g-right .g-r-01 {width:95%; height:30px; line-height:30px; border-bottom:#d4e5f7 solid 1px; overflow:hidden;}
.info-content .guestbook .g-right .g-r-02 {width:95%; padding-top:5px; padding-bottom:5px; line-height:22px; text-align:left; height:100%}
.info-content .guestbook .g-right .g-r-03 {width:95%; line-height:22px; text-align:left; color:#0066cc;}
.info-content .guestbook-norecord {width:100%; height:50px; line-height:50px; text-align:center; clear:both;}
.info-content .guestbook-search {width:100%; height:30px; line-height:30px; text-align:center; clear:both;}

.i-text table{ border:1px solid #ccc; margin-top:30px; padding:5px 10px;}
.i-text td{ height:30px; line-height:30px; border-bottom:1px solid #EBEBEB;}

/* ��ҳ��ʽ */
.page_green-black {width:100%; height:35px; text-align:center; clear:both;}
.page_green-black a {  padding-bottom:2px; color:#2c2c2c; margin-right:2px; padding-top:2px; text-decoration:none;}
.page_green-black a:hover {background:url(image2.gif) #99cc00; color:#fff; padding:0px 5px;}
.page_green-black a:active {background:url(image2.gif) #99cc00; color:#fff;}
.page_green-black span.current { padding-right:5px; padding-left:5px; font-weight:bold; background:url(image2.gif) #99cc00; padding-bottom:2px; color:#fff; margin-right:2px; padding-top:2px;}
.page_green-black span.disabled {background:#eeeeee; padding-right:5px; padding-left:5px; padding-bottom:2px; color:#ccc; margin-right:2px; padding-top:2px; }