﻿@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/*header*/

body{color:#696868;font-size:12px; overflow-x:hidden;background:url(body.jpg) center top repeat}
a{ color:#606060;}
.header{width:100%;min-width:1004px;height:58px;padding-top:28px;}
.logo{ float:left;display:inline;}
.tel{ float:right; font-family:Georgia, "Times New Roman", Times, serif;padding-left:35px;background:url(tel.png) top left no-repeat; line-height:42px; color:#016f16; font-size:20px;}
.tel span{ font-size:14px;font-family:'Microsoft Yahei';}
.menu{ width:100%; z-index:9999;height:37px; padding:2px 0 1px 0; line-height:37px;position:relative; z-index:9;background:#016f16;}
.menu ul{ width:1004px; margin:0 auto;}
.menu li{float:left;display:inline; position:relative;text-align:center;width:70px; margin:0 20px 0 10px;}
.menu li a{ display:block;width:100%;text-align:center; height:37px; overflow:hidden; font-size:14px; color:#fff;font-family:'Microsoft Yahei'}
.menu a:hover,.menu li.cur{background:#1f6260}
.nav{ position:absolute; display:none; z-index:999; left:0;width:70px;}
.menu li .nav a{ float:left; color:#000; width:100%; border-top:1px solid #000; text-align:center;line-height:29px;background:#ffe410}
.menu .nav a:hover,.menu .nav a.cur{height:29px; line-height:29px; padding:0;margin:0;background:#ffe410}
/*banner*/
.banner{width:100%;text-align:center; z-index:1; height:456px;position:relative;background:url(bannerbg.jpg) center top no-repeat;}
#full-screen-slider { width:100%; height:458px;position:relative}
#slides { display:block; width:100%; height:458px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%;height:100%; left:0; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:0%; top:353px; z-index:9900; margin:0}
#pagination li { font-size:0;display:block; list-style:none; width:8px; height:8px; float:left; margin-left:4px; border-radius:8px;background:#016f16; border:2px solid #fff;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background:#f89200}
/*search*/

.search {
	width: 640px;
	float: right;
	height: 40px;
	padding: 42px 0px;
}
.search span {
	font: normal 18px/40px "????????????";
	width: 100px;
	float: left;
}
.search form {
	width: 540px;
	height: 40px;
	float: right;
}
.search form input.txt {
	border: 1px solid #c8c8c8;
	height: 44px;
	line-height: 44px;
	padding-left: 20px;
	width: 378px;
	float: left;
	color: #8b8b8b;
	background: #f9f9f9;
	border-radius: 5px;
	transition: all linear .4s;
	-webkit-transition: all linear .4s;
	-moz-transition: all linear .4s;
	-ms-transition: all linear .4s;
	-o-transition: all linear .4s;
}
.search form input.txt:hover {
	box-shadow: 0px 0px 8px #c8c8c8;
}
.search form input.btn {
	border: none;
	height: 40px;
	font: normal 18px/40px "????????????";
	text-align: center;
	width: 130px;
	float: right;
	color: #fff;
	background: #c50b18;
	border-radius: 5px;
	transition: all linear .4s;
	-webkit-transition: all linear .4s;
	-moz-transition: all linear .4s;
	-ms-transition: all linear .4s;
	-o-transition: all linear .4s;
}
.search form input.btn:hover {
	box-shadow: 0px 0px 8px #c8c8c8;
}
/*notice*/
.notice{ width:100%;position:relative; z-index:99;background:#fdfdfd;height:51px; line-height:51px; border-top:1px solid #ecebeb; border-bottom:1px solid #ecebeb;}
.noticecon{ width:500px;float:left;}
.noticecon b{ float:left;font-family:'Microsoft Yahei'; font-size:14px; font-weight:normal; color:#cf5d00; padding-left:10px;}
.noticecon marquee{ float:left; font-weight:bold; width:400px; color:#016f16; font-size:13px;}
.search{ position:relative;padding-top:14px; float:right; width:315px;z-index:999;height:22px;display:inline;line-height:22px;  padding-right:10px; }
.text{float:left;width:165px; padding-left:5px;border:1px solid #adc9ca;color:#adc9ca;height:23px; line-height:23px;}
.button{float:left;width:42px; cursor:pointer; margin-left:5px;height:25px; display:inline;background:#016f16; text-align:center; color:#fff; border-radius:4px;}
.select{float:left;width:88px; color:#a2c7c0; margin-left:6px; display:inline;height:25px; line-height:25px;background:url(select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:88px;}
div.selectbox-wrapper{border: #adc9ca 1px solid; overflow:hidden;width:86px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background:#efefef;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#016f16}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;font-family:'Microsoft Yahei';color:#666;}
.selectbox{border:none;display:block;width:88px;text-indent:8px;cursor:pointer;height:25px;background:none;font-size:12px;font-family:'Microsoft Yahei';color:#a2c7c0;line-height:25px;}
.btn{float:left;display:inline;margin-left:8px;margin-top:2px;}
/* index*/
.main{ width:980px; margin:0 auto; clear:both; position:relative;}
.news{ float:left; width:490px;}
.time{font-family:Arial, Helvetica, sans-serif;width:81px; color:#016f16; float:left; text-align:center;}
.time span{ font-size:26px;}
.time p{ font-size:12px;}
.newsimg{ float:left; width:78px; border:1px solid #e4e4e4; margin-right:18px; display:inline;}
.news ul li{ float:left; margin:21px 0 7px 0; padding-bottom:12px; border-bottom:1px solid #d7d7d7;}
.news_r{ float:left; line-height:18px;width:305px;}
.news_r a{ color:#016f16; font-size:14px; width:100%; float:left; margin-bottom:10px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.about{ float:right; width:450px;}
.aboutmain{width:288px; height:220px; padding-top:15px; line-height:21px; padding-right:163px;background:url(aboutmain.jpg) right 47px no-repeat;}
.product{width:100%; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; background:#fff; height:578px;}
.pro li{ float:left; margin:45px 12px 0; width:220px; display:inline; height:195px;}
.proimg{ float:left;}
.proimg img{ float:left; border:1px solid #ebebeb;}
.proname{ float:left; width:205px; padding-left:15px;margin-top:14px;background:url(proico.gif) 5px center no-repeat; color:#797878;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px;}
.title{ width:100%;padding-bottom:13px;background:url(title.gif) center bottom repeat-x; position:relative; height:26px;}
.title img{ float:left;}
.more{ float:right;font-size:12px;color:#016f16; margin-top:8px;}
.pro_t{ position:absolute; left:-34px; top:-20px;}
.pro_tip{ padding-left:0px; float:left; font-family:'Microsoft Yahei';}
.pro_tip span{color:#016f16; font-size:22px;}
.pro_tip p{color:#959595; font-size:14px;  }
.product .title{ height:48px; padding-top:30px;}
.product .title .more{ margin-top:0px;}
.row1{width:980px; margin:0 auto; height:282px; padding-top:42px; clear:both; position:relative;}
.row3{width:980px; margin:0 auto; height:250px; padding-top:53px; clear:both; position:relative;}
.process{ float:left; width:490px; overflow:hidden;} 
.process ul{ margin-top:5px;}
.pointer li{width:490px; border-bottom:1px dashed #92beb4; height:30px; line-height:30px;float:left;}
.pointer li a{color:#787878; width:95%; float:left;background:url(newsico.gif) 6px  center no-repeat;padding-left:19px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pointer li a:hover{color:#000; }
.pointer li .fl{ cursor:pointer; float:left; width:60%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.pointer li .fr{ color:#707070 }
.contact{ float:right; width:450px; overflow:hidden;}
.contactcon{ padding-top:20px; height:150px;overflow:hidden;width:247px; line-height:25px;padding-left:8px; padding-right:195px;background:url(contactbg.jpg) right 60px no-repeat;}
.contacttel{ margin-bottom:18px; height:29px;}

/* boot*/
.foot_x{width:100%; min-width:1004px;background:#016f16;height:320px;color:#dddede;}
.foot_x a{ color:#dddede;}
.f_link{ width:100%; float:left; height:60px; line-height:60px; background:#003708;}
.f_link b{font-family:'Microsoft Yahei'; font-size:16px; font-weight:normal;}
.bottomnav{width:100%; height:15px; padding:28px 0; line-height:15px; border-bottom:1px solid #317e7c;}
.f_link a{ padding:0 8px; color:#fff;}
.bottomnav a{padding-right:20px; padding-left:9px; margin-left:14px;; border-right:1px solid }
.bootTxt{ text-align:center;border-top:1px solid #45a2a0; line-height:28px;width:100%;width:980px; padding-top:40px; margin:0 auto 0;overflow:hidden;}
.share{margin:20px auto 0; width:200px;}

/* 二级页面*/
.fyMain{ width:980px;margin:0 auto 70px;overflow:auto; padding-top:50px; clear:both;}
.wrap{width:980px;float:left;overflow:hidden; padding-top:38px;}
.fyLeft{ float:left;width:236px;overflow:hidden;}
.l_news{ float:left;margin-top:20px; width:236px;padding-bottom:13px; }
.l_pro{float:left;width:236px;}
.l_procon{ float:left;width:224px; padding-top:13px; padding-left:12px;overflow:hidden;margin-top:0px;}
.proOne{ width:224px;float:left;overflow:hidden; margin-bottom:7px;background:url(l_pro.jpg) no-repeat top left;}
.proOne a.cur{}
.proOne a{width:202px; padding-left:22px; color:#016f16;line-height:34px; float:left;font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.proTwo{ float:left;line-height:25px;overflow:hidden;padding:0px 0 5px;}
.proTwo li{width:212px; float:left; border-bottom:1px solid #b8d8d9 }
.proTwo li a{ float:left; font-size:12px; background:url(lproico.gif) no-repeat 11px center; color:#016f16; line-height:30px;width:192px; padding-left:20px; border:0;}
.proTwo li a:hover,.proTwo li a.cur{ float:left;color:#0B375E}
.l_contact{float:left;width:236px; margin-top:35px;background:url(lcontact.jpg) no-repeat bottom right; }
.l_contact .contactcon{ padding-top:10px; height:auto; background:none}
.l_tel{ margin-bottom:2px;}
/* fyRight*/
.fyRight{ float:right; width:703px; padding-top:7px;padding-bottom:30px; background:#fff;border:1px solid #e2e2e2; overflow:hidden;}
.title_view{ float:left;width:663px; display:inline; margin:0 20px; margin-bottom:17px;height:88px; font-size:20px;padding-bottom:13px;background:url(title.gif) center bottom repeat-x; }
.title_view .fl{font-family:'Microsoft Yahei'; margin-left:3px; display:inline; background:url(mainr_t.jpg) top left no-repeat; width:47px; line-height:1.3; color:#fff; font-size:16px; padding-top:10px; height:72px;padding-right:87px; padding-left:13px; }
.title_view .fr,.title_view .fr a{ color:#969797;font-size:12px;}
.title_view .fr{ margin-top:66px;}
.title_view .fr font{ font-size:12px;}
.mainRightMain{ color:#787878;float:left;width:703px;padding-bottom:20px; min-height:640px; _height:640px;}
.padding25{ padding:0 25px; line-height:30px; font-size:14px;word-break:break-all;}
.mainr_line{float:left; height:18px; width:99%;background:url(line_s.gif) top left repeat-x;}
.tip{ padding:20px;}
/* list*/
.pro_list{ padding-left:8px; padding-bottom:20px;}
.pro_list li{ margin:20px 0 0px 20px; width:200px; height:180px; display:inline;}
.pro_list li p{width:190px;padding-left:10px;background:url(proico.gif) 1px center no-repeat; }

.news_list{width:642px; padding-left:27px; font-size:14px;padding-bottom:20px; }
.news_list li{ float:left;width:100%;line-height:26px; border-bottom:1px solid #cae4de;}
.news_list li a{float:left;width:100%;height:35px; line-height:35px; color:#787878;}
.news_list li a:hover{ color:#016f16; }
.news_list li a span{ cursor:pointer;}
.news_list li .fl{width:400px;background:url(newslist.gif) 6px center no-repeat;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-left:15px; }
.news_list li .fr{color:#3c7266; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news_line{ clear:both;width:687px; height:18px; margin:18px 0;}
.news_list p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}
.pro_txtimg{float:left;width:644px; margin-bottom:20px; padding-left:20px;}
.pro_txtimg li{ float:left;width:644px; padding-bottom:27px; }
.pro_li_img{float:left; width:200px; box-shadow:2px 2px 3px #b0b0b0; border:1px solid #d9d9d9;margin-right:18px;}
.pro_img{ float:left; margin:3px;border:1px solid #f00;}

.pro_li_txt{float:left; margin-left:18px; display:inline;width:424px; color:#787878; line-height:36px; font-size:12px;}
.pro_li_txt p{ float:left; width:400px; border:1px solid #ebebeb; line-height:24px; padding:9px 12px;}
.pro_li_txt p a{ color:#ee9c1b; float:left; margin-top:15px;}
.protitle{ margin-bottom:6px;float:left;width:412px; border:1px solid #ebebeb; padding-left:12px;color:#016f16; font-weight:bold; font-size:12px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*news_view*/
.mainRightMain h2{ font-size:18px; font-family:黑体; font-weight:normal; color:#016f16;}
.padding20{ float:left; width:583px; text-align:justify; padding:0 30px 0 35px;}
.title_s{ text-align:center; color:#787878; font-size:12px; line-height:35px;}
.conbanner{ float:left; width:100%;}
.mainrbanner{ border:1px solid #dbdbdb; width:306px; margin:0 auto 20px;}
.mainrbanner img{border:3px solid #fff}

.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");}

.line_s{float:left; width:96%; height:8px; margin:8px 0 15px 10px; display:inline; border-bottom:1px dashed #BEC0BF; }
.newsview{ min-height:400px;display:inline;width:650px;border-bottom:1px dashed #016f16;border-top:1px dashed #016f16;margin:25px 0; padding:15px 0;_height:400px; font-size:14px; line-height:28px; float:left;}
.newsview img{width:100%;}
.main_r_nav div{ line-height:25px; color:#787878;}
.main_r_nav{ float:left; width:400px; font-size:12px; }
.returnlist{ margin-top:15px; float:right;color:#ee9c1b; font-size:12px; }
.main_r_nav a{ color:#016f16 }
/* page*/
/*.page{margin-top:15px; margin-right:48px;float:right; display:inline; color:#016f16;}*/
.pager-taglib { float:left;padding-bottom:5px; overflow:hidden; height:23px;text-align:center; font-size:12px; }
.pager-taglib span{ float:left;}
.pager-taglib a { line-height:27px; width:26px; height:27px; display:block; float:left;}
.pager-taglib a:hover { width:26px; height:27px; display:block; color:#1f83d5; }
.pager-taglib .current { width:26px; height:27px; display:block; line-height:27px;}
.pager-taglib .disabled {  width:26px; height:27px; display:block; line-height:27px;}
.total{ min-width:50px; _width:50px; text-align:center; height:27px; line-height:27px; display:block;}
.reach{ min-width:30px; _width:30px; text-align:left; padding-left:5px; height:29px; line-height:29px; display:block;}
.btn{ width:36px; height:27px; line-height:27px; display:block; padding-top:3px;}
.input_page{ width:30px;height:14px; text-align:center; border:1px solid #016f16; font-size:12px; line-height:14px; margin-top:6px;}
.pager-taglib .bg{ padding-top:3px;}
/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.book{ float:left; padding-left:25px;}
.bookmain{width:640px; margin:20px auto;height:auto;background:#fff;padding:0 25px ; overflow:auto; }
.bookline{width: 640px; height:34px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:610px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:610px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padding-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}


/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-bottom:20px; background:#efefef; margin-left:20px;_margin-left:10px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}

/* hr */
.hr{ margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #CCC solid;border-collapse: collapse; background:#efefef; }
.hr td{border:1px #CCC solid;border-collapse: collapse; line-height:2;}
.hr input,.hr textarea{line-height:22px; min-height:22px; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}

.page{ margin-top:15px; height:30px; overflow:hidden; text-align:center; padding-top:25px;  line-height:21px; }
.page a{BORDER:#016f16 1px solid; PADDING:2px 5px; MARGIN-RIGHT: 5px;  TEXT-DECORATION: none; background:#fff;}
.page a:hover{border:1px solid #016f16; text-decoration:none; BACKGROUND-COLOR:#016f16; color:#FFF;}
.page a:active{border:1px solid #016f16; text-decoration:none; BACKGROUND-COLOR:#016f16;}
.page span.current{BORDER: #016f16 1px solid; PADDING:2px 7px;  FONT-WEIGHT: bold;  COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #016f16;MARGIN-RIGHT: 5px;}
.page span.disabled{BORDER:#016f16 1px solid; PADDING:2px 5px; COLOR:#016f16; MARGIN-RIGHT: 5px; background:#d8f1ff;}
